{
  "captured": "2026-10-16",
  "pullRequest": "https://github.com/OpenHands/OpenHands/pull/18504",
  "heads": {
    "before": "0c7c2258a8acc309852ceb248b3ade606b79869c",
    "after": "8189e214720e18de9236907b9c5d4cf8c2518392"
  },
  "feature": "F27.composer-context-meter / F05.context-window-meter",
  "backend": {
    "kind": "local Agent Server",
    "version": "1.55.1",
    "automationVersion": "1.20.1",
    "model": "deepseek/deepseek-flash"
  },
  "viewportCoverage": [
    "desktop 1440x1000",
    "phone 390x844"
  ],
  "themes": [
    "Light+",
    "Solarized Light",
    "DeepSea",
    "Neutral",
    "Neo"
  ],
  "tones": [
    "neutral",
    "warning",
    "danger"
  ],
  "realTurns": [
    {
      "phase": "before",
      "tone": "neutral",
      "model": "deepseek/deepseek-flash",
      "promptTokens": 15554,
      "completionTokens": 16,
      "perTurnToken": 15570,
      "contextWindow": 1000000,
      "toolActions": 0
    },
    {
      "phase": "before",
      "tone": "warning",
      "model": "deepseek/deepseek-flash",
      "promptTokens": 15551,
      "completionTokens": 3,
      "perTurnToken": 15554,
      "contextWindow": 20000,
      "toolActions": 0
    },
    {
      "phase": "before",
      "tone": "danger",
      "model": "deepseek/deepseek-flash",
      "promptTokens": 15551,
      "completionTokens": 3,
      "perTurnToken": 15554,
      "contextWindow": 16384,
      "toolActions": 0
    },
    {
      "phase": "after",
      "tone": "neutral",
      "model": "deepseek/deepseek-flash",
      "promptTokens": 15549,
      "completionTokens": 3,
      "perTurnToken": 15552,
      "contextWindow": 1000000,
      "toolActions": 0
    },
    {
      "phase": "after",
      "tone": "warning",
      "model": "deepseek/deepseek-flash",
      "promptTokens": 15550,
      "completionTokens": 3,
      "perTurnToken": 15553,
      "contextWindow": 20000,
      "toolActions": 0
    },
    {
      "phase": "after",
      "tone": "danger",
      "model": "deepseek/deepseek-flash",
      "promptTokens": 15549,
      "completionTokens": 18,
      "perTurnToken": 15567,
      "contextWindow": 16384,
      "toolActions": 0
    }
  ],
  "thresholds": {
    "warningDangerPercentage": 4.5,
    "barFillVsTrack": 3,
    "trackBoundaryVsPopover": 3
  },
  "film": {
    "durationSeconds": 18,
    "dimensions": [
      1280,
      740
    ],
    "videoCodec": "H.264/yuv420p",
    "audioCodec": "AAC",
    "provenance": "Real control-openhands recordings; tight crop shows only popover and blank composer controls, with clear Before/After captions. Short interactions are held to four seconds per scene. No UI state was mocked or synthesized.",
    "sourceCrop": [
      700,
      690,
      640,
      300
    ],
    "music": "Original locally synthesized quiet ambience: 174.61Hz + 220Hz + 261.63Hz sine tones, 0.004 base amplitude, fades; no licensed recording.",
    "gif": {
      "width": 640,
      "height": 370,
      "framesPerSecond": 8,
      "durationSeconds": 16.01,
      "audio": false,
      "source": "Silent inline preview derived from the same component-only MP4, scaled without additional source pixels. This GIF previews the four Before/After scenes; its duration differs from the 18-second MP4.",
      "encodedFrames": 128
    },
    "audioMeanDb": -52.9,
    "audioPeakDb": -42.9
  },
  "limits": [
    "Live model/backend verification covers local Agent Server + DeepSeek, not Cloud or ACP execution.",
    "The 390px phone popover clips 2px at the left edge both before and after; no page horizontal overflow. Layout is unchanged.",
    "Unchanged neutral/static muted text does not meet 4.5:1 in every theme; warning/danger percentage, fill, and boundary are the scoped contrast fixes.",
    "Phone Usage-bar navigation was observed but not verified: the popover closed without a visible Usage panel after one healthy-doctor retry. This behavior was not re-driven on the baseline; no pre-existing or regression claim is made. Desktop bar/Usage/Escape/outside and Compact context passed."
  ],
  "measurements": [
    {
      "phase": "before",
      "tone": "neutral",
      "theme": "light-plus",
      "viewport": "desktop",
      "text": "Context Window\n2% used (98% left)\nCompact context\n15.6k / 1.0M\nUsage",
      "label": "2% used (98% left)",
      "popoverBackground": "rgb(229, 229, 229)",
      "labelColor": "rgb(97, 97, 97)",
      "trackColor": "color(srgb 0.121569 0.121569 0.121569 / 0.52)",
      "borderColor": "rgb(31, 31, 31)",
      "fillColor": "rgb(31, 31, 31)",
      "labelContrast": 4.916512447452281,
      "fillTrackContrast": 4.044931415359146,
      "trackPopoverContrast": 3.2348973100347926,
      "width": 1440,
      "height": 1000,
      "popoverBox": {
        "x": 878,
        "y": 768,
        "width": 280,
        "height": 136
      },
      "insideViewport": true,
      "pageHorizontalOverflow": false
    },
    {
      "phase": "before",
      "tone": "neutral",
      "theme": "light-plus",
      "viewport": "phone",
      "text": "Context Window\n2% used (98% left)\nCompact context\n15.6k / 1.0M\nUsage",
      "label": "2% used (98% left)",
      "popoverBackground": "rgb(229, 229, 229)",
      "labelColor": "rgb(97, 97, 97)",
      "trackColor": "color(srgb 0.121569 0.121569 0.121569 / 0.52)",
      "borderColor": "rgb(31, 31, 31)",
      "fillColor": "rgb(31, 31, 31)",
      "labelContrast": 4.916512447452281,
      "fillTrackContrast": 4.044931415359146,
      "trackPopoverContrast": 3.2348973100347926,
      "width": 390,
      "height": 844,
      "popoverBox": {
        "x": -2,
        "y": 612,
        "width": 280,
        "height": 136
      },
      "insideViewport": false,
      "pageHorizontalOverflow": false
    },
    {
      "phase": "before",
      "tone": "neutral",
      "theme": "solarized-light",
      "viewport": "desktop",
      "text": "Context Window\n2% used (98% left)\nCompact context\n15.6k / 1.0M\nUsage",
      "label": "2% used (98% left)",
      "popoverBackground": "rgb(230, 223, 204)",
      "labelColor": "rgb(131, 148, 150)",
      "trackColor": "color(srgb 0 0.168627 0.211765 / 0.54)",
      "borderColor": "rgb(101, 123, 131)",
      "fillColor": "rgb(101, 123, 131)",
      "labelContrast": 2.3777430575532117,
      "fillTrackContrast": 1.0241351861923256,
      "trackPopoverContrast": 3.2708073881656117,
      "width": 1440,
      "height": 1000,
      "popoverBox": {
        "x": 878,
        "y": 768,
        "width": 280,
        "height": 136
      },
      "insideViewport": true,
      "pageHorizontalOverflow": false
    },
    {
      "phase": "before",
      "tone": "neutral",
      "theme": "solarized-light",
      "viewport": "phone",
      "text": "Context Window\n2% used (98% left)\nCompact context\n15.6k / 1.0M\nUsage",
      "label": "2% used (98% left)",
      "popoverBackground": "rgb(230, 223, 204)",
      "labelColor": "rgb(131, 148, 150)",
      "trackColor": "color(srgb 0 0.168627 0.211765 / 0.54)",
      "borderColor": "rgb(101, 123, 131)",
      "fillColor": "rgb(101, 123, 131)",
      "labelContrast": 2.3777430575532117,
      "fillTrackContrast": 1.0241351861923256,
      "trackPopoverContrast": 3.2708073881656117,
      "width": 390,
      "height": 844,
      "popoverBox": {
        "x": -2,
        "y": 612,
        "width": 280,
        "height": 136
      },
      "insideViewport": false,
      "pageHorizontalOverflow": false
    },
    {
      "phase": "before",
      "tone": "neutral",
      "theme": "openhands-deepsea",
      "viewport": "desktop",
      "text": "Context Window\n2% used (98% left)\nCompact context\n15.6k / 1.0M\nUsage",
      "label": "2% used (98% left)",
      "popoverBackground": "rgb(56, 63, 80)",
      "labelColor": "rgb(163, 176, 196)",
      "trackColor": "color(srgb 0.933333 0.94902 0.968627 / 0.42)",
      "borderColor": "rgb(238, 242, 247)",
      "fillColor": "rgb(238, 242, 247)",
      "labelContrast": 4.7942799708367545,
      "fillTrackContrast": 3.06394673395042,
      "trackPopoverContrast": 3.0559055006782483,
      "width": 1440,
      "height": 1000,
      "popoverBox": {
        "x": 878,
        "y": 768,
        "width": 280,
        "height": 136
      },
      "insideViewport": true,
      "pageHorizontalOverflow": false
    },
    {
      "phase": "before",
      "tone": "neutral",
      "theme": "openhands-deepsea",
      "viewport": "phone",
      "text": "Context Window\n2% used (98% left)\nCompact context\n15.6k / 1.0M\nUsage",
      "label": "2% used (98% left)",
      "popoverBackground": "rgb(56, 63, 80)",
      "labelColor": "rgb(163, 176, 196)",
      "trackColor": "color(srgb 0.933333 0.94902 0.968627 / 0.42)",
      "borderColor": "rgb(238, 242, 247)",
      "fillColor": "rgb(238, 242, 247)",
      "labelContrast": 4.7942799708367545,
      "fillTrackContrast": 3.06394673395042,
      "trackPopoverContrast": 3.0559055006782483,
      "width": 390,
      "height": 844,
      "popoverBox": {
        "x": -2,
        "y": 612,
        "width": 280,
        "height": 136
      },
      "insideViewport": false,
      "pageHorizontalOverflow": false
    },
    {
      "phase": "before",
      "tone": "neutral",
      "theme": "openhands-neutral",
      "viewport": "desktop",
      "text": "Context Window\n2% used (98% left)\nCompact context\n15.6k / 1.0M\nUsage",
      "label": "2% used (98% left)",
      "popoverBackground": "rgb(49, 49, 49)",
      "labelColor": "rgb(151, 151, 151)",
      "trackColor": "color(srgb 0.92549 0.92549 0.92549 / 0.42)",
      "borderColor": "rgb(236, 236, 236)",
      "fillColor": "rgb(236, 236, 236)",
      "labelContrast": 4.453643732593789,
      "fillTrackContrast": 3.3676812750342706,
      "trackPopoverContrast": 3.2698415151287574,
      "width": 1440,
      "height": 1000,
      "popoverBox": {
        "x": 878,
        "y": 768,
        "width": 280,
        "height": 136
      },
      "insideViewport": true,
      "pageHorizontalOverflow": false
    },
    {
      "phase": "before",
      "tone": "neutral",
      "theme": "openhands-neutral",
      "viewport": "phone",
      "text": "Context Window\n2% used (98% left)\nCompact context\n15.6k / 1.0M\nUsage",
      "label": "2% used (98% left)",
      "popoverBackground": "rgb(49, 49, 49)",
      "labelColor": "rgb(151, 151, 151)",
      "trackColor": "color(srgb 0.92549 0.92549 0.92549 / 0.42)",
      "borderColor": "rgb(236, 236, 236)",
      "fillColor": "rgb(236, 236, 236)",
      "labelContrast": 4.453643732593789,
      "fillTrackContrast": 3.3676812750342706,
      "trackPopoverContrast": 3.2698415151287574,
      "width": 390,
      "height": 844,
      "popoverBox": {
        "x": -2,
        "y": 612,
        "width": 280,
        "height": 136
      },
      "insideViewport": false,
      "pageHorizontalOverflow": false
    },
    {
      "phase": "before",
      "tone": "neutral",
      "theme": "openhands-neo",
      "viewport": "desktop",
      "text": "Context Window\n2% used (98% left)\nCompact context\n15.6k / 1.0M\nUsage",
      "label": "2% used (98% left)",
      "popoverBackground": "rgb(49, 49, 49)",
      "labelColor": "rgb(151, 151, 151)",
      "trackColor": "color(srgb 0.92549 0.92549 0.92549 / 0.42)",
      "borderColor": "rgb(236, 236, 236)",
      "fillColor": "rgb(236, 236, 236)",
      "labelContrast": 4.453643732593789,
      "fillTrackContrast": 3.3676812750342706,
      "trackPopoverContrast": 3.2698415151287574,
      "width": 1440,
      "height": 1000,
      "popoverBox": {
        "x": 878,
        "y": 768,
        "width": 280,
        "height": 136
      },
      "insideViewport": true,
      "pageHorizontalOverflow": false
    },
    {
      "phase": "before",
      "tone": "neutral",
      "theme": "openhands-neo",
      "viewport": "phone",
      "text": "Context Window\n2% used (98% left)\nCompact context\n15.6k / 1.0M\nUsage",
      "label": "2% used (98% left)",
      "popoverBackground": "rgb(49, 49, 49)",
      "labelColor": "rgb(151, 151, 151)",
      "trackColor": "color(srgb 0.92549 0.92549 0.92549 / 0.42)",
      "borderColor": "rgb(236, 236, 236)",
      "fillColor": "rgb(236, 236, 236)",
      "labelContrast": 4.453643732593789,
      "fillTrackContrast": 3.3676812750342706,
      "trackPopoverContrast": 3.2698415151287574,
      "width": 390,
      "height": 844,
      "popoverBox": {
        "x": -2,
        "y": 612,
        "width": 280,
        "height": 136
      },
      "insideViewport": false,
      "pageHorizontalOverflow": false
    },
    {
      "phase": "before",
      "tone": "warning",
      "theme": "light-plus",
      "viewport": "desktop",
      "text": "Context Window\n78% used (22% left)\nCompact context\n15.6k / 20k\nUsage",
      "label": "78% used (22% left)",
      "popoverBackground": "rgb(229, 229, 229)",
      "labelColor": "oklch(0.769 0.188 70.08)",
      "trackColor": "color(srgb 0.121569 0.121569 0.121569 / 0.52)",
      "borderColor": "rgb(31, 31, 31)",
      "fillColor": "oklch(0.769 0.188 70.08)",
      "labelContrast": 1.6948014190756313,
      "fillTrackContrast": 1.9087176076352068,
      "trackPopoverContrast": 3.2348973100347926,
      "width": 1440,
      "height": 1000,
      "popoverBox": {
        "x": 878,
        "y": 768,
        "width": 280,
        "height": 136
      },
      "insideViewport": true,
      "pageHorizontalOverflow": false
    },
    {
      "phase": "before",
      "tone": "warning",
      "theme": "light-plus",
      "viewport": "phone",
      "text": "Context Window\n78% used (22% left)\nCompact context\n15.6k / 20k\nUsage",
      "label": "78% used (22% left)",
      "popoverBackground": "rgb(229, 229, 229)",
      "labelColor": "oklch(0.769 0.188 70.08)",
      "trackColor": "color(srgb 0.121569 0.121569 0.121569 / 0.52)",
      "borderColor": "rgb(31, 31, 31)",
      "fillColor": "oklch(0.769 0.188 70.08)",
      "labelContrast": 1.6948014190756313,
      "fillTrackContrast": 1.9087176076352068,
      "trackPopoverContrast": 3.2348973100347926,
      "width": 390,
      "height": 844,
      "popoverBox": {
        "x": -2,
        "y": 612,
        "width": 280,
        "height": 136
      },
      "insideViewport": false,
      "pageHorizontalOverflow": false
    },
    {
      "phase": "before",
      "tone": "warning",
      "theme": "solarized-light",
      "viewport": "desktop",
      "text": "Context Window\n78% used (22% left)\nCompact context\n15.6k / 20k\nUsage",
      "label": "78% used (22% left)",
      "popoverBackground": "rgb(230, 223, 204)",
      "labelColor": "oklch(0.769 0.188 70.08)",
      "trackColor": "color(srgb 0 0.168627 0.211765 / 0.54)",
      "borderColor": "rgb(101, 123, 131)",
      "fillColor": "oklch(0.769 0.188 70.08)",
      "labelContrast": 1.6054232689676722,
      "fillTrackContrast": 2.0373489355668952,
      "trackPopoverContrast": 3.2708073881656117,
      "width": 1440,
      "height": 1000,
      "popoverBox": {
        "x": 878,
        "y": 768,
        "width": 280,
        "height": 136
      },
      "insideViewport": true,
      "pageHorizontalOverflow": false
    },
    {
      "phase": "before",
      "tone": "warning",
      "theme": "solarized-light",
      "viewport": "phone",
      "text": "Context Window\n78% used (22% left)\nCompact context\n15.6k / 20k\nUsage",
      "label": "78% used (22% left)",
      "popoverBackground": "rgb(230, 223, 204)",
      "labelColor": "oklch(0.769 0.188 70.08)",
      "trackColor": "color(srgb 0 0.168627 0.211765 / 0.54)",
      "borderColor": "rgb(101, 123, 131)",
      "fillColor": "oklch(0.769 0.188 70.08)",
      "labelContrast": 1.6054232689676722,
      "fillTrackContrast": 2.0373489355668952,
      "trackPopoverContrast": 3.2708073881656117,
      "width": 390,
      "height": 844,
      "popoverBox": {
        "x": -2,
        "y": 612,
        "width": 280,
        "height": 136
      },
      "insideViewport": false,
      "pageHorizontalOverflow": false
    },
    {
      "phase": "before",
      "tone": "warning",
      "theme": "openhands-deepsea",
      "viewport": "desktop",
      "text": "Context Window\n78% used (22% left)\nCompact context\n15.6k / 20k\nUsage",
      "label": "78% used (22% left)",
      "popoverBackground": "rgb(56, 63, 80)",
      "labelColor": "oklch(0.769 0.188 70.08)",
      "trackColor": "color(srgb 0.933333 0.94902 0.968627 / 0.42)",
      "borderColor": "rgb(238, 242, 247)",
      "fillColor": "oklch(0.769 0.188 70.08)",
      "labelContrast": 4.930552517621614,
      "fillTrackContrast": 1.6134505849501215,
      "trackPopoverContrast": 3.0559055006782483,
      "width": 1440,
      "height": 1000,
      "popoverBox": {
        "x": 878,
        "y": 768,
        "width": 280,
        "height": 136
      },
      "insideViewport": true,
      "pageHorizontalOverflow": false
    },
    {
      "phase": "before",
      "tone": "warning",
      "theme": "openhands-deepsea",
      "viewport": "phone",
      "text": "Context Window\n78% used (22% left)\nCompact context\n15.6k / 20k\nUsage",
      "label": "78% used (22% left)",
      "popoverBackground": "rgb(56, 63, 80)",
      "labelColor": "oklch(0.769 0.188 70.08)",
      "trackColor": "color(srgb 0.933333 0.94902 0.968627 / 0.42)",
      "borderColor": "rgb(238, 242, 247)",
      "fillColor": "oklch(0.769 0.188 70.08)",
      "labelContrast": 4.930552517621614,
      "fillTrackContrast": 1.6134505849501215,
      "trackPopoverContrast": 3.0559055006782483,
      "width": 390,
      "height": 844,
      "popoverBox": {
        "x": -2,
        "y": 612,
        "width": 280,
        "height": 136
      },
      "insideViewport": false,
      "pageHorizontalOverflow": false
    },
    {
      "phase": "before",
      "tone": "warning",
      "theme": "openhands-neutral",
      "viewport": "desktop",
      "text": "Context Window\n78% used (22% left)\nCompact context\n15.6k / 20k\nUsage",
      "label": "78% used (22% left)",
      "popoverBackground": "rgb(49, 49, 49)",
      "labelColor": "oklch(0.769 0.188 70.08)",
      "trackColor": "color(srgb 0.92549 0.92549 0.92549 / 0.42)",
      "borderColor": "rgb(236, 236, 236)",
      "fillColor": "oklch(0.769 0.188 70.08)",
      "labelContrast": 6.093412773105836,
      "fillTrackContrast": 1.8635193005266784,
      "trackPopoverContrast": 3.2698415151287574,
      "width": 1440,
      "height": 1000,
      "popoverBox": {
        "x": 878,
        "y": 768,
        "width": 280,
        "height": 136
      },
      "insideViewport": true,
      "pageHorizontalOverflow": false
    },
    {
      "phase": "before",
      "tone": "warning",
      "theme": "openhands-neutral",
      "viewport": "phone",
      "text": "Context Window\n78% used (22% left)\nCompact context\n15.6k / 20k\nUsage",
      "label": "78% used (22% left)",
      "popoverBackground": "rgb(49, 49, 49)",
      "labelColor": "oklch(0.769 0.188 70.08)",
      "trackColor": "color(srgb 0.92549 0.92549 0.92549 / 0.42)",
      "borderColor": "rgb(236, 236, 236)",
      "fillColor": "oklch(0.769 0.188 70.08)",
      "labelContrast": 6.093412773105836,
      "fillTrackContrast": 1.8635193005266784,
      "trackPopoverContrast": 3.2698415151287574,
      "width": 390,
      "height": 844,
      "popoverBox": {
        "x": -2,
        "y": 612,
        "width": 280,
        "height": 136
      },
      "insideViewport": false,
      "pageHorizontalOverflow": false
    },
    {
      "phase": "before",
      "tone": "warning",
      "theme": "openhands-neo",
      "viewport": "desktop",
      "text": "Context Window\n78% used (22% left)\nCompact context\n15.6k / 20k\nUsage",
      "label": "78% used (22% left)",
      "popoverBackground": "rgb(49, 49, 49)",
      "labelColor": "oklch(0.769 0.188 70.08)",
      "trackColor": "color(srgb 0.92549 0.92549 0.92549 / 0.42)",
      "borderColor": "rgb(236, 236, 236)",
      "fillColor": "oklch(0.769 0.188 70.08)",
      "labelContrast": 6.093412773105836,
      "fillTrackContrast": 1.8635193005266784,
      "trackPopoverContrast": 3.2698415151287574,
      "width": 1440,
      "height": 1000,
      "popoverBox": {
        "x": 878,
        "y": 768,
        "width": 280,
        "height": 136
      },
      "insideViewport": true,
      "pageHorizontalOverflow": false
    },
    {
      "phase": "before",
      "tone": "warning",
      "theme": "openhands-neo",
      "viewport": "phone",
      "text": "Context Window\n78% used (22% left)\nCompact context\n15.6k / 20k\nUsage",
      "label": "78% used (22% left)",
      "popoverBackground": "rgb(49, 49, 49)",
      "labelColor": "oklch(0.769 0.188 70.08)",
      "trackColor": "color(srgb 0.92549 0.92549 0.92549 / 0.42)",
      "borderColor": "rgb(236, 236, 236)",
      "fillColor": "oklch(0.769 0.188 70.08)",
      "labelContrast": 6.093412773105836,
      "fillTrackContrast": 1.8635193005266784,
      "trackPopoverContrast": 3.2698415151287574,
      "width": 390,
      "height": 844,
      "popoverBox": {
        "x": -2,
        "y": 612,
        "width": 280,
        "height": 136
      },
      "insideViewport": false,
      "pageHorizontalOverflow": false
    },
    {
      "phase": "before",
      "tone": "danger",
      "theme": "light-plus",
      "viewport": "desktop",
      "staticMutedText": "15.6k / 16.4k",
      "staticMutedColor": "rgb(97, 97, 97)",
      "staticMutedContrast": 4.916512447452281,
      "text": "Context Window\n95% used (5% left)\nCompact context\n15.6k / 16.4k\nUsage",
      "label": "95% used (5% left)",
      "popoverBackground": "rgb(229, 229, 229)",
      "labelColor": "oklch(0.637 0.237 25.331)",
      "trackColor": "color(srgb 0.121569 0.121569 0.121569 / 0.52)",
      "borderColor": "rgb(31, 31, 31)",
      "fillColor": "oklch(0.637 0.237 25.331)",
      "labelContrast": 3.0225903331753745,
      "fillTrackContrast": 1.070240076708106,
      "trackPopoverContrast": 3.2348973100347926,
      "width": 1440,
      "height": 1000,
      "popoverBox": {
        "x": 878,
        "y": 768,
        "width": 280,
        "height": 136
      },
      "insideViewport": true,
      "pageHorizontalOverflow": false
    },
    {
      "phase": "before",
      "tone": "danger",
      "theme": "light-plus",
      "viewport": "phone",
      "staticMutedText": "15.6k / 16.4k",
      "staticMutedColor": "rgb(97, 97, 97)",
      "staticMutedContrast": 4.916512447452281,
      "text": "Context Window\n95% used (5% left)\nCompact context\n15.6k / 16.4k\nUsage",
      "label": "95% used (5% left)",
      "popoverBackground": "rgb(229, 229, 229)",
      "labelColor": "oklch(0.637 0.237 25.331)",
      "trackColor": "color(srgb 0.121569 0.121569 0.121569 / 0.52)",
      "borderColor": "rgb(31, 31, 31)",
      "fillColor": "oklch(0.637 0.237 25.331)",
      "labelContrast": 3.0225903331753745,
      "fillTrackContrast": 1.070240076708106,
      "trackPopoverContrast": 3.2348973100347926,
      "width": 390,
      "height": 844,
      "popoverBox": {
        "x": -2,
        "y": 612,
        "width": 280,
        "height": 136
      },
      "insideViewport": false,
      "pageHorizontalOverflow": false
    },
    {
      "phase": "before",
      "tone": "danger",
      "theme": "solarized-light",
      "viewport": "desktop",
      "staticMutedText": "15.6k / 16.4k",
      "staticMutedColor": "rgb(131, 148, 150)",
      "staticMutedContrast": 2.3777430575532117,
      "text": "Context Window\n95% used (5% left)\nCompact context\n15.6k / 16.4k\nUsage",
      "label": "95% used (5% left)",
      "popoverBackground": "rgb(230, 223, 204)",
      "labelColor": "oklch(0.637 0.237 25.331)",
      "trackColor": "color(srgb 0 0.168627 0.211765 / 0.54)",
      "borderColor": "rgb(101, 123, 131)",
      "fillColor": "oklch(0.637 0.237 25.331)",
      "labelContrast": 2.8631890431642057,
      "fillTrackContrast": 1.142365152582078,
      "trackPopoverContrast": 3.2708073881656117,
      "width": 1440,
      "height": 1000,
      "popoverBox": {
        "x": 878,
        "y": 768,
        "width": 280,
        "height": 136
      },
      "insideViewport": true,
      "pageHorizontalOverflow": false
    },
    {
      "phase": "before",
      "tone": "danger",
      "theme": "solarized-light",
      "viewport": "phone",
      "staticMutedText": "15.6k / 16.4k",
      "staticMutedColor": "rgb(131, 148, 150)",
      "staticMutedContrast": 2.3777430575532117,
      "text": "Context Window\n95% used (5% left)\nCompact context\n15.6k / 16.4k\nUsage",
      "label": "95% used (5% left)",
      "popoverBackground": "rgb(230, 223, 204)",
      "labelColor": "oklch(0.637 0.237 25.331)",
      "trackColor": "color(srgb 0 0.168627 0.211765 / 0.54)",
      "borderColor": "rgb(101, 123, 131)",
      "fillColor": "oklch(0.637 0.237 25.331)",
      "labelContrast": 2.8631890431642057,
      "fillTrackContrast": 1.142365152582078,
      "trackPopoverContrast": 3.2708073881656117,
      "width": 390,
      "height": 844,
      "popoverBox": {
        "x": -2,
        "y": 612,
        "width": 280,
        "height": 136
      },
      "insideViewport": false,
      "pageHorizontalOverflow": false
    },
    {
      "phase": "before",
      "tone": "danger",
      "theme": "openhands-deepsea",
      "viewport": "desktop",
      "staticMutedText": "15.6k / 16.4k",
      "staticMutedColor": "rgb(163, 176, 196)",
      "staticMutedContrast": 4.7942799708367545,
      "text": "Context Window\n95% used (5% left)\nCompact context\n15.6k / 16.4k\nUsage",
      "label": "95% used (5% left)",
      "popoverBackground": "rgb(56, 63, 80)",
      "labelColor": "oklch(0.637 0.237 25.331)",
      "trackColor": "color(srgb 0.933333 0.94902 0.968627 / 0.42)",
      "borderColor": "rgb(238, 242, 247)",
      "fillColor": "oklch(0.637 0.237 25.331)",
      "labelContrast": 2.764617921249467,
      "fillTrackContrast": 1.1053626894298414,
      "trackPopoverContrast": 3.0559055006782483,
      "width": 1440,
      "height": 1000,
      "popoverBox": {
        "x": 878,
        "y": 768,
        "width": 280,
        "height": 136
      },
      "insideViewport": true,
      "pageHorizontalOverflow": false
    },
    {
      "phase": "before",
      "tone": "danger",
      "theme": "openhands-deepsea",
      "viewport": "phone",
      "staticMutedText": "15.6k / 16.4k",
      "staticMutedColor": "rgb(163, 176, 196)",
      "staticMutedContrast": 4.7942799708367545,
      "text": "Context Window\n95% used (5% left)\nCompact context\n15.6k / 16.4k\nUsage",
      "label": "95% used (5% left)",
      "popoverBackground": "rgb(56, 63, 80)",
      "labelColor": "oklch(0.637 0.237 25.331)",
      "trackColor": "color(srgb 0.933333 0.94902 0.968627 / 0.42)",
      "borderColor": "rgb(238, 242, 247)",
      "fillColor": "oklch(0.637 0.237 25.331)",
      "labelContrast": 2.764617921249467,
      "fillTrackContrast": 1.1053626894298414,
      "trackPopoverContrast": 3.0559055006782483,
      "width": 390,
      "height": 844,
      "popoverBox": {
        "x": -2,
        "y": 612,
        "width": 280,
        "height": 136
      },
      "insideViewport": false,
      "pageHorizontalOverflow": false
    },
    {
      "phase": "before",
      "tone": "danger",
      "theme": "openhands-neutral",
      "viewport": "desktop",
      "staticMutedText": "15.6k / 16.4k",
      "staticMutedColor": "rgb(151, 151, 151)",
      "staticMutedContrast": 4.453643732593789,
      "text": "Context Window\n95% used (5% left)\nCompact context\n15.6k / 16.4k\nUsage",
      "label": "95% used (5% left)",
      "popoverBackground": "rgb(49, 49, 49)",
      "labelColor": "oklch(0.637 0.237 25.331)",
      "trackColor": "color(srgb 0.92549 0.92549 0.92549 / 0.42)",
      "borderColor": "rgb(236, 236, 236)",
      "fillColor": "oklch(0.637 0.237 25.331)",
      "labelContrast": 3.41664713921857,
      "fillTrackContrast": 1.0448968622517572,
      "trackPopoverContrast": 3.2698415151287574,
      "width": 1440,
      "height": 1000,
      "popoverBox": {
        "x": 878,
        "y": 768,
        "width": 280,
        "height": 136
      },
      "insideViewport": true,
      "pageHorizontalOverflow": false
    },
    {
      "phase": "before",
      "tone": "danger",
      "theme": "openhands-neutral",
      "viewport": "phone",
      "staticMutedText": "15.6k / 16.4k",
      "staticMutedColor": "rgb(151, 151, 151)",
      "staticMutedContrast": 4.453643732593789,
      "text": "Context Window\n95% used (5% left)\nCompact context\n15.6k / 16.4k\nUsage",
      "label": "95% used (5% left)",
      "popoverBackground": "rgb(49, 49, 49)",
      "labelColor": "oklch(0.637 0.237 25.331)",
      "trackColor": "color(srgb 0.92549 0.92549 0.92549 / 0.42)",
      "borderColor": "rgb(236, 236, 236)",
      "fillColor": "oklch(0.637 0.237 25.331)",
      "labelContrast": 3.41664713921857,
      "fillTrackContrast": 1.0448968622517572,
      "trackPopoverContrast": 3.2698415151287574,
      "width": 390,
      "height": 844,
      "popoverBox": {
        "x": -2,
        "y": 612,
        "width": 280,
        "height": 136
      },
      "insideViewport": false,
      "pageHorizontalOverflow": false
    },
    {
      "phase": "before",
      "tone": "danger",
      "theme": "openhands-neo",
      "viewport": "desktop",
      "staticMutedText": "15.6k / 16.4k",
      "staticMutedColor": "rgb(151, 151, 151)",
      "staticMutedContrast": 4.453643732593789,
      "text": "Context Window\n95% used (5% left)\nCompact context\n15.6k / 16.4k\nUsage",
      "label": "95% used (5% left)",
      "popoverBackground": "rgb(49, 49, 49)",
      "labelColor": "oklch(0.637 0.237 25.331)",
      "trackColor": "color(srgb 0.92549 0.92549 0.92549 / 0.42)",
      "borderColor": "rgb(236, 236, 236)",
      "fillColor": "oklch(0.637 0.237 25.331)",
      "labelContrast": 3.41664713921857,
      "fillTrackContrast": 1.0448968622517572,
      "trackPopoverContrast": 3.2698415151287574,
      "width": 1440,
      "height": 1000,
      "popoverBox": {
        "x": 878,
        "y": 768,
        "width": 280,
        "height": 136
      },
      "insideViewport": true,
      "pageHorizontalOverflow": false
    },
    {
      "phase": "before",
      "tone": "danger",
      "theme": "openhands-neo",
      "viewport": "phone",
      "staticMutedText": "15.6k / 16.4k",
      "staticMutedColor": "rgb(151, 151, 151)",
      "staticMutedContrast": 4.453643732593789,
      "text": "Context Window\n95% used (5% left)\nCompact context\n15.6k / 16.4k\nUsage",
      "label": "95% used (5% left)",
      "popoverBackground": "rgb(49, 49, 49)",
      "labelColor": "oklch(0.637 0.237 25.331)",
      "trackColor": "color(srgb 0.92549 0.92549 0.92549 / 0.42)",
      "borderColor": "rgb(236, 236, 236)",
      "fillColor": "oklch(0.637 0.237 25.331)",
      "labelContrast": 3.41664713921857,
      "fillTrackContrast": 1.0448968622517572,
      "trackPopoverContrast": 3.2698415151287574,
      "width": 390,
      "height": 844,
      "popoverBox": {
        "x": -2,
        "y": 612,
        "width": 280,
        "height": 136
      },
      "insideViewport": false,
      "pageHorizontalOverflow": false
    },
    {
      "phase": "after",
      "tone": "neutral",
      "theme": "light-plus",
      "viewport": "desktop",
      "staticMutedText": "15.6k / 1.0M",
      "staticMutedColor": "rgb(97, 97, 97)",
      "staticMutedContrast": 5.337979234928643,
      "text": "Context Window\n2% used (98% left)\nCompact context\n15.6k / 1.0M\nUsage",
      "label": "2% used (98% left)",
      "popoverBackground": "rgb(238, 238, 238)",
      "labelColor": "rgb(97, 97, 97)",
      "trackColor": "rgb(229, 229, 229)",
      "borderColor": "color(srgb 0.121569 0.121569 0.121569 / 0.52)",
      "borderWidth": "1px",
      "boundaryRgb": [
        126,
        126,
        126
      ],
      "boundaryPopoverContrast": 3.5122080646903195,
      "fillColor": "rgb(31, 31, 31)",
      "labelContrast": 5.337979234928643,
      "fillTrackContrast": 13.084937754820528,
      "trackPopoverContrast": 1.0857247473653326,
      "width": 1440,
      "height": 1000,
      "popoverBox": {
        "x": 878,
        "y": 768,
        "width": 280,
        "height": 136
      },
      "insideViewport": true,
      "pageHorizontalOverflow": false
    },
    {
      "phase": "after",
      "tone": "neutral",
      "theme": "light-plus",
      "viewport": "phone",
      "staticMutedText": "15.6k / 1.0M",
      "staticMutedColor": "rgb(97, 97, 97)",
      "staticMutedContrast": 5.337979234928643,
      "text": "Context Window\n2% used (98% left)\nCompact context\n15.6k / 1.0M\nUsage",
      "label": "2% used (98% left)",
      "popoverBackground": "rgb(238, 238, 238)",
      "labelColor": "rgb(97, 97, 97)",
      "trackColor": "rgb(229, 229, 229)",
      "borderColor": "color(srgb 0.121569 0.121569 0.121569 / 0.52)",
      "borderWidth": "1px",
      "boundaryRgb": [
        126,
        126,
        126
      ],
      "boundaryPopoverContrast": 3.5122080646903195,
      "fillColor": "rgb(31, 31, 31)",
      "labelContrast": 5.337979234928643,
      "fillTrackContrast": 13.084937754820528,
      "trackPopoverContrast": 1.0857247473653326,
      "width": 390,
      "height": 844,
      "popoverBox": {
        "x": -2,
        "y": 612,
        "width": 280,
        "height": 136
      },
      "insideViewport": false,
      "pageHorizontalOverflow": false
    },
    {
      "phase": "after",
      "tone": "neutral",
      "theme": "solarized-light",
      "viewport": "desktop",
      "staticMutedText": "15.6k / 1.0M",
      "staticMutedColor": "rgb(131, 148, 150)",
      "staticMutedContrast": 2.609625654193781,
      "text": "Context Window\n2% used (98% left)\nCompact context\n15.6k / 1.0M\nUsage",
      "label": "2% used (98% left)",
      "popoverBackground": "rgb(240, 233, 214)",
      "labelColor": "rgb(131, 148, 150)",
      "trackColor": "rgb(230, 223, 204)",
      "borderColor": "color(srgb 0 0.168627 0.211765 / 0.54)",
      "borderWidth": "1px",
      "boundaryRgb": [
        106,
        125,
        123
      ],
      "boundaryPopoverContrast": 3.589783531475002,
      "fillColor": "rgb(101, 123, 131)",
      "labelContrast": 2.609625654193781,
      "fillTrackContrast": 3.3497489334782227,
      "trackPopoverContrast": 1.0975221422280947,
      "width": 1440,
      "height": 1000,
      "popoverBox": {
        "x": 878,
        "y": 768,
        "width": 280,
        "height": 136
      },
      "insideViewport": true,
      "pageHorizontalOverflow": false
    },
    {
      "phase": "after",
      "tone": "neutral",
      "theme": "solarized-light",
      "viewport": "phone",
      "staticMutedText": "15.6k / 1.0M",
      "staticMutedColor": "rgb(131, 148, 150)",
      "staticMutedContrast": 2.609625654193781,
      "text": "Context Window\n2% used (98% left)\nCompact context\n15.6k / 1.0M\nUsage",
      "label": "2% used (98% left)",
      "popoverBackground": "rgb(240, 233, 214)",
      "labelColor": "rgb(131, 148, 150)",
      "trackColor": "rgb(230, 223, 204)",
      "borderColor": "color(srgb 0 0.168627 0.211765 / 0.54)",
      "borderWidth": "1px",
      "boundaryRgb": [
        106,
        125,
        123
      ],
      "boundaryPopoverContrast": 3.589783531475002,
      "fillColor": "rgb(101, 123, 131)",
      "labelContrast": 2.609625654193781,
      "fillTrackContrast": 3.3497489334782227,
      "trackPopoverContrast": 1.0975221422280947,
      "width": 390,
      "height": 844,
      "popoverBox": {
        "x": -2,
        "y": 612,
        "width": 280,
        "height": 136
      },
      "insideViewport": false,
      "pageHorizontalOverflow": false
    },
    {
      "phase": "after",
      "tone": "neutral",
      "theme": "openhands-deepsea",
      "viewport": "desktop",
      "staticMutedText": "15.6k / 1.0M",
      "staticMutedColor": "rgb(163, 176, 196)",
      "staticMutedContrast": 5.910621864355188,
      "text": "Context Window\n2% used (98% left)\nCompact context\n15.6k / 1.0M\nUsage",
      "label": "2% used (98% left)",
      "popoverBackground": "rgb(44, 49, 63)",
      "labelColor": "rgb(163, 176, 196)",
      "trackColor": "rgb(56, 63, 80)",
      "borderColor": "color(srgb 0.933333 0.94902 0.968627 / 0.42)",
      "borderWidth": "1px",
      "boundaryRgb": [
        132,
        139,
        150
      ],
      "boundaryPopoverContrast": 3.767469146062343,
      "fillColor": "rgb(238, 242, 247)",
      "labelContrast": 5.910621864355188,
      "fillTrackContrast": 9.363131678064242,
      "trackPopoverContrast": 1.2328487072738883,
      "width": 1440,
      "height": 1000,
      "popoverBox": {
        "x": 878,
        "y": 768,
        "width": 280,
        "height": 136
      },
      "insideViewport": true,
      "pageHorizontalOverflow": false
    },
    {
      "phase": "after",
      "tone": "neutral",
      "theme": "openhands-deepsea",
      "viewport": "phone",
      "staticMutedText": "15.6k / 1.0M",
      "staticMutedColor": "rgb(163, 176, 196)",
      "staticMutedContrast": 5.910621864355188,
      "text": "Context Window\n2% used (98% left)\nCompact context\n15.6k / 1.0M\nUsage",
      "label": "2% used (98% left)",
      "popoverBackground": "rgb(44, 49, 63)",
      "labelColor": "rgb(163, 176, 196)",
      "trackColor": "rgb(56, 63, 80)",
      "borderColor": "color(srgb 0.933333 0.94902 0.968627 / 0.42)",
      "borderWidth": "1px",
      "boundaryRgb": [
        132,
        139,
        150
      ],
      "boundaryPopoverContrast": 3.767469146062343,
      "fillColor": "rgb(238, 242, 247)",
      "labelContrast": 5.910621864355188,
      "fillTrackContrast": 9.363131678064242,
      "trackPopoverContrast": 1.2328487072738883,
      "width": 390,
      "height": 844,
      "popoverBox": {
        "x": -2,
        "y": 612,
        "width": 280,
        "height": 136
      },
      "insideViewport": false,
      "pageHorizontalOverflow": false
    },
    {
      "phase": "after",
      "tone": "neutral",
      "theme": "openhands-neutral",
      "viewport": "desktop",
      "staticMutedText": "15.6k / 1.0M",
      "staticMutedColor": "rgb(151, 151, 151)",
      "staticMutedContrast": 5.047373179150879,
      "text": "Context Window\n2% used (98% left)\nCompact context\n15.6k / 1.0M\nUsage",
      "label": "2% used (98% left)",
      "popoverBackground": "rgb(40, 40, 40)",
      "labelColor": "rgb(151, 151, 151)",
      "trackColor": "rgb(49, 49, 49)",
      "borderColor": "color(srgb 0.92549 0.92549 0.92549 / 0.42)",
      "borderWidth": "1px",
      "boundaryRgb": [
        127,
        127,
        127
      ],
      "boundaryPopoverContrast": 3.705754513489793,
      "fillColor": "rgb(236, 236, 236)",
      "labelContrast": 5.047373179150879,
      "fillTrackContrast": 11.011784042828806,
      "trackPopoverContrast": 1.1333131885273866,
      "width": 1440,
      "height": 1000,
      "popoverBox": {
        "x": 878,
        "y": 768,
        "width": 280,
        "height": 136
      },
      "insideViewport": true,
      "pageHorizontalOverflow": false
    },
    {
      "phase": "after",
      "tone": "neutral",
      "theme": "openhands-neutral",
      "viewport": "phone",
      "staticMutedText": "15.6k / 1.0M",
      "staticMutedColor": "rgb(151, 151, 151)",
      "staticMutedContrast": 5.047373179150879,
      "text": "Context Window\n2% used (98% left)\nCompact context\n15.6k / 1.0M\nUsage",
      "label": "2% used (98% left)",
      "popoverBackground": "rgb(40, 40, 40)",
      "labelColor": "rgb(151, 151, 151)",
      "trackColor": "rgb(49, 49, 49)",
      "borderColor": "color(srgb 0.92549 0.92549 0.92549 / 0.42)",
      "borderWidth": "1px",
      "boundaryRgb": [
        127,
        127,
        127
      ],
      "boundaryPopoverContrast": 3.705754513489793,
      "fillColor": "rgb(236, 236, 236)",
      "labelContrast": 5.047373179150879,
      "fillTrackContrast": 11.011784042828806,
      "trackPopoverContrast": 1.1333131885273866,
      "width": 390,
      "height": 844,
      "popoverBox": {
        "x": -2,
        "y": 612,
        "width": 280,
        "height": 136
      },
      "insideViewport": false,
      "pageHorizontalOverflow": false
    },
    {
      "phase": "after",
      "tone": "neutral",
      "theme": "openhands-neo",
      "viewport": "desktop",
      "staticMutedText": "15.6k / 1.0M",
      "staticMutedColor": "rgb(151, 151, 151)",
      "staticMutedContrast": 5.047373179150879,
      "text": "Context Window\n2% used (98% left)\nCompact context\n15.6k / 1.0M\nUsage",
      "label": "2% used (98% left)",
      "popoverBackground": "rgb(40, 40, 40)",
      "labelColor": "rgb(151, 151, 151)",
      "trackColor": "rgb(49, 49, 49)",
      "borderColor": "color(srgb 0.92549 0.92549 0.92549 / 0.42)",
      "borderWidth": "1px",
      "boundaryRgb": [
        127,
        127,
        127
      ],
      "boundaryPopoverContrast": 3.705754513489793,
      "fillColor": "rgb(236, 236, 236)",
      "labelContrast": 5.047373179150879,
      "fillTrackContrast": 11.011784042828806,
      "trackPopoverContrast": 1.1333131885273866,
      "width": 1440,
      "height": 1000,
      "popoverBox": {
        "x": 878,
        "y": 768,
        "width": 280,
        "height": 136
      },
      "insideViewport": true,
      "pageHorizontalOverflow": false
    },
    {
      "phase": "after",
      "tone": "neutral",
      "theme": "openhands-neo",
      "viewport": "phone",
      "staticMutedText": "15.6k / 1.0M",
      "staticMutedColor": "rgb(151, 151, 151)",
      "staticMutedContrast": 5.047373179150879,
      "text": "Context Window\n2% used (98% left)\nCompact context\n15.6k / 1.0M\nUsage",
      "label": "2% used (98% left)",
      "popoverBackground": "rgb(40, 40, 40)",
      "labelColor": "rgb(151, 151, 151)",
      "trackColor": "rgb(49, 49, 49)",
      "borderColor": "color(srgb 0.92549 0.92549 0.92549 / 0.42)",
      "borderWidth": "1px",
      "boundaryRgb": [
        127,
        127,
        127
      ],
      "boundaryPopoverContrast": 3.705754513489793,
      "fillColor": "rgb(236, 236, 236)",
      "labelContrast": 5.047373179150879,
      "fillTrackContrast": 11.011784042828806,
      "trackPopoverContrast": 1.1333131885273866,
      "width": 390,
      "height": 844,
      "popoverBox": {
        "x": -2,
        "y": 612,
        "width": 280,
        "height": 136
      },
      "insideViewport": false,
      "pageHorizontalOverflow": false
    },
    {
      "phase": "after",
      "tone": "warning",
      "theme": "light-plus",
      "viewport": "desktop",
      "staticMutedText": "15.6k / 20k",
      "staticMutedColor": "rgb(97, 97, 97)",
      "staticMutedContrast": 5.337979234928643,
      "text": "Context Window\n78% used (22% left)\nCompact context\n15.6k / 20k\nUsage",
      "label": "78% used (22% left)",
      "popoverBackground": "rgb(238, 238, 238)",
      "labelColor": "rgb(125, 93, 8)",
      "trackColor": "rgb(229, 229, 229)",
      "borderColor": "color(srgb 0.121569 0.121569 0.121569 / 0.52)",
      "borderWidth": "1px",
      "boundaryRgb": [
        126,
        126,
        126
      ],
      "boundaryPopoverContrast": 3.5122080646903195,
      "fillColor": "rgb(125, 93, 8)",
      "labelContrast": 5.259686792833862,
      "fillTrackContrast": 4.844401682468092,
      "trackPopoverContrast": 1.0857247473653326,
      "width": 1440,
      "height": 1000,
      "popoverBox": {
        "x": 878,
        "y": 768,
        "width": 280,
        "height": 136
      },
      "insideViewport": true,
      "pageHorizontalOverflow": false
    },
    {
      "phase": "after",
      "tone": "warning",
      "theme": "light-plus",
      "viewport": "phone",
      "staticMutedText": "15.6k / 20k",
      "staticMutedColor": "rgb(97, 97, 97)",
      "staticMutedContrast": 5.337979234928643,
      "text": "Context Window\n78% used (22% left)\nCompact context\n15.6k / 20k\nUsage",
      "label": "78% used (22% left)",
      "popoverBackground": "rgb(238, 238, 238)",
      "labelColor": "rgb(125, 93, 8)",
      "trackColor": "rgb(229, 229, 229)",
      "borderColor": "color(srgb 0.121569 0.121569 0.121569 / 0.52)",
      "borderWidth": "1px",
      "boundaryRgb": [
        126,
        126,
        126
      ],
      "boundaryPopoverContrast": 3.5122080646903195,
      "fillColor": "rgb(125, 93, 8)",
      "labelContrast": 5.259686792833862,
      "fillTrackContrast": 4.844401682468092,
      "trackPopoverContrast": 1.0857247473653326,
      "width": 390,
      "height": 844,
      "popoverBox": {
        "x": -2,
        "y": 612,
        "width": 280,
        "height": 136
      },
      "insideViewport": false,
      "pageHorizontalOverflow": false
    },
    {
      "phase": "after",
      "tone": "warning",
      "theme": "solarized-light",
      "viewport": "desktop",
      "staticMutedText": "15.6k / 20k",
      "staticMutedColor": "rgb(131, 148, 150)",
      "staticMutedContrast": 2.609625654193781,
      "text": "Context Window\n78% used (22% left)\nCompact context\n15.6k / 20k\nUsage",
      "label": "78% used (22% left)",
      "popoverBackground": "rgb(240, 233, 214)",
      "labelColor": "rgb(115, 84, 0)",
      "trackColor": "rgb(230, 223, 204)",
      "borderColor": "color(srgb 0 0.168627 0.211765 / 0.54)",
      "borderWidth": "1px",
      "boundaryRgb": [
        106,
        125,
        123
      ],
      "boundaryPopoverContrast": 3.589783531475002,
      "fillColor": "rgb(115, 84, 0)",
      "labelContrast": 5.7828044583232385,
      "fillTrackContrast": 5.268963819338977,
      "trackPopoverContrast": 1.0975221422280947,
      "width": 1440,
      "height": 1000,
      "popoverBox": {
        "x": 878,
        "y": 768,
        "width": 280,
        "height": 136
      },
      "insideViewport": true,
      "pageHorizontalOverflow": false
    },
    {
      "phase": "after",
      "tone": "warning",
      "theme": "solarized-light",
      "viewport": "phone",
      "staticMutedText": "15.6k / 20k",
      "staticMutedColor": "rgb(131, 148, 150)",
      "staticMutedContrast": 2.609625654193781,
      "text": "Context Window\n78% used (22% left)\nCompact context\n15.6k / 20k\nUsage",
      "label": "78% used (22% left)",
      "popoverBackground": "rgb(240, 233, 214)",
      "labelColor": "rgb(115, 84, 0)",
      "trackColor": "rgb(230, 223, 204)",
      "borderColor": "color(srgb 0 0.168627 0.211765 / 0.54)",
      "borderWidth": "1px",
      "boundaryRgb": [
        106,
        125,
        123
      ],
      "boundaryPopoverContrast": 3.589783531475002,
      "fillColor": "rgb(115, 84, 0)",
      "labelContrast": 5.7828044583232385,
      "fillTrackContrast": 5.268963819338977,
      "trackPopoverContrast": 1.0975221422280947,
      "width": 390,
      "height": 844,
      "popoverBox": {
        "x": -2,
        "y": 612,
        "width": 280,
        "height": 136
      },
      "insideViewport": false,
      "pageHorizontalOverflow": false
    },
    {
      "phase": "after",
      "tone": "warning",
      "theme": "openhands-deepsea",
      "viewport": "desktop",
      "staticMutedText": "15.6k / 20k",
      "staticMutedColor": "rgb(163, 176, 196)",
      "staticMutedContrast": 5.910621864355188,
      "text": "Context Window\n78% used (22% left)\nCompact context\n15.6k / 20k\nUsage",
      "label": "78% used (22% left)",
      "popoverBackground": "rgb(44, 49, 63)",
      "labelColor": "rgb(201, 185, 116)",
      "trackColor": "rgb(56, 63, 80)",
      "borderColor": "color(srgb 0.933333 0.94902 0.968627 / 0.42)",
      "borderWidth": "1px",
      "boundaryRgb": [
        132,
        139,
        150
      ],
      "boundaryPopoverContrast": 3.767469146062343,
      "fillColor": "rgb(201, 185, 116)",
      "labelContrast": 6.597023868588638,
      "fillTrackContrast": 5.351040910101753,
      "trackPopoverContrast": 1.2328487072738883,
      "width": 1440,
      "height": 1000,
      "popoverBox": {
        "x": 878,
        "y": 768,
        "width": 280,
        "height": 136
      },
      "insideViewport": true,
      "pageHorizontalOverflow": false
    },
    {
      "phase": "after",
      "tone": "warning",
      "theme": "openhands-deepsea",
      "viewport": "phone",
      "staticMutedText": "15.6k / 20k",
      "staticMutedColor": "rgb(163, 176, 196)",
      "staticMutedContrast": 5.910621864355188,
      "text": "Context Window\n78% used (22% left)\nCompact context\n15.6k / 20k\nUsage",
      "label": "78% used (22% left)",
      "popoverBackground": "rgb(44, 49, 63)",
      "labelColor": "rgb(201, 185, 116)",
      "trackColor": "rgb(56, 63, 80)",
      "borderColor": "color(srgb 0.933333 0.94902 0.968627 / 0.42)",
      "borderWidth": "1px",
      "boundaryRgb": [
        132,
        139,
        150
      ],
      "boundaryPopoverContrast": 3.767469146062343,
      "fillColor": "rgb(201, 185, 116)",
      "labelContrast": 6.597023868588638,
      "fillTrackContrast": 5.351040910101753,
      "trackPopoverContrast": 1.2328487072738883,
      "width": 390,
      "height": 844,
      "popoverBox": {
        "x": -2,
        "y": 612,
        "width": 280,
        "height": 136
      },
      "insideViewport": false,
      "pageHorizontalOverflow": false
    },
    {
      "phase": "after",
      "tone": "warning",
      "theme": "openhands-neutral",
      "viewport": "desktop",
      "staticMutedText": "15.6k / 20k",
      "staticMutedColor": "rgb(151, 151, 151)",
      "staticMutedContrast": 5.047373179150879,
      "text": "Context Window\n78% used (22% left)\nCompact context\n15.6k / 20k\nUsage",
      "label": "78% used (22% left)",
      "popoverBackground": "rgb(40, 40, 40)",
      "labelColor": "rgb(201, 185, 116)",
      "trackColor": "rgb(49, 49, 49)",
      "borderColor": "color(srgb 0.92549 0.92549 0.92549 / 0.42)",
      "borderWidth": "1px",
      "boundaryRgb": [
        127,
        127,
        127
      ],
      "boundaryPopoverContrast": 3.705754513489793,
      "fillColor": "rgb(201, 185, 116)",
      "labelContrast": 7.494682227366949,
      "fillTrackContrast": 6.613072452730783,
      "trackPopoverContrast": 1.1333131885273866,
      "width": 1440,
      "height": 1000,
      "popoverBox": {
        "x": 878,
        "y": 768,
        "width": 280,
        "height": 136
      },
      "insideViewport": true,
      "pageHorizontalOverflow": false
    },
    {
      "phase": "after",
      "tone": "warning",
      "theme": "openhands-neutral",
      "viewport": "phone",
      "staticMutedText": "15.6k / 20k",
      "staticMutedColor": "rgb(151, 151, 151)",
      "staticMutedContrast": 5.047373179150879,
      "text": "Context Window\n78% used (22% left)\nCompact context\n15.6k / 20k\nUsage",
      "label": "78% used (22% left)",
      "popoverBackground": "rgb(40, 40, 40)",
      "labelColor": "rgb(201, 185, 116)",
      "trackColor": "rgb(49, 49, 49)",
      "borderColor": "color(srgb 0.92549 0.92549 0.92549 / 0.42)",
      "borderWidth": "1px",
      "boundaryRgb": [
        127,
        127,
        127
      ],
      "boundaryPopoverContrast": 3.705754513489793,
      "fillColor": "rgb(201, 185, 116)",
      "labelContrast": 7.494682227366949,
      "fillTrackContrast": 6.613072452730783,
      "trackPopoverContrast": 1.1333131885273866,
      "width": 390,
      "height": 844,
      "popoverBox": {
        "x": -2,
        "y": 612,
        "width": 280,
        "height": 136
      },
      "insideViewport": false,
      "pageHorizontalOverflow": false
    },
    {
      "phase": "after",
      "tone": "warning",
      "theme": "openhands-neo",
      "viewport": "desktop",
      "staticMutedText": "15.6k / 20k",
      "staticMutedColor": "rgb(151, 151, 151)",
      "staticMutedContrast": 5.047373179150879,
      "text": "Context Window\n78% used (22% left)\nCompact context\n15.6k / 20k\nUsage",
      "label": "78% used (22% left)",
      "popoverBackground": "rgb(40, 40, 40)",
      "labelColor": "rgb(201, 185, 116)",
      "trackColor": "rgb(49, 49, 49)",
      "borderColor": "color(srgb 0.92549 0.92549 0.92549 / 0.42)",
      "borderWidth": "1px",
      "boundaryRgb": [
        127,
        127,
        127
      ],
      "boundaryPopoverContrast": 3.705754513489793,
      "fillColor": "rgb(201, 185, 116)",
      "labelContrast": 7.494682227366949,
      "fillTrackContrast": 6.613072452730783,
      "trackPopoverContrast": 1.1333131885273866,
      "width": 1440,
      "height": 1000,
      "popoverBox": {
        "x": 878,
        "y": 768,
        "width": 280,
        "height": 136
      },
      "insideViewport": true,
      "pageHorizontalOverflow": false
    },
    {
      "phase": "after",
      "tone": "warning",
      "theme": "openhands-neo",
      "viewport": "phone",
      "staticMutedText": "15.6k / 20k",
      "staticMutedColor": "rgb(151, 151, 151)",
      "staticMutedContrast": 5.047373179150879,
      "text": "Context Window\n78% used (22% left)\nCompact context\n15.6k / 20k\nUsage",
      "label": "78% used (22% left)",
      "popoverBackground": "rgb(40, 40, 40)",
      "labelColor": "rgb(201, 185, 116)",
      "trackColor": "rgb(49, 49, 49)",
      "borderColor": "color(srgb 0.92549 0.92549 0.92549 / 0.42)",
      "borderWidth": "1px",
      "boundaryRgb": [
        127,
        127,
        127
      ],
      "boundaryPopoverContrast": 3.705754513489793,
      "fillColor": "rgb(201, 185, 116)",
      "labelContrast": 7.494682227366949,
      "fillTrackContrast": 6.613072452730783,
      "trackPopoverContrast": 1.1333131885273866,
      "width": 390,
      "height": 844,
      "popoverBox": {
        "x": -2,
        "y": 612,
        "width": 280,
        "height": 136
      },
      "insideViewport": false,
      "pageHorizontalOverflow": false
    },
    {
      "phase": "after",
      "tone": "danger",
      "theme": "light-plus",
      "viewport": "desktop",
      "staticMutedText": "15.6k / 16.4k",
      "staticMutedColor": "rgb(97, 97, 97)",
      "staticMutedContrast": 5.337979234928643,
      "text": "Context Window\n95% used (5% left)\nCompact context\n15.6k / 16.4k\nUsage",
      "label": "95% used (5% left)",
      "popoverBackground": "rgb(238, 238, 238)",
      "labelColor": "rgb(192, 40, 45)",
      "trackColor": "rgb(229, 229, 229)",
      "borderColor": "color(srgb 0.121569 0.121569 0.121569 / 0.52)",
      "borderWidth": "1px",
      "boundaryRgb": [
        126,
        126,
        126
      ],
      "boundaryPopoverContrast": 3.5122080646903195,
      "fillColor": "rgb(209, 52, 56)",
      "labelContrast": 5.052010833305964,
      "fillTrackContrast": 3.9139079668555423,
      "trackPopoverContrast": 1.0857247473653326,
      "width": 1440,
      "height": 1000,
      "popoverBox": {
        "x": 878,
        "y": 768,
        "width": 280,
        "height": 136
      },
      "insideViewport": true,
      "pageHorizontalOverflow": false
    },
    {
      "phase": "after",
      "tone": "danger",
      "theme": "light-plus",
      "viewport": "phone",
      "staticMutedText": "15.6k / 16.4k",
      "staticMutedColor": "rgb(97, 97, 97)",
      "staticMutedContrast": 5.337979234928643,
      "text": "Context Window\n95% used (5% left)\nCompact context\n15.6k / 16.4k\nUsage",
      "label": "95% used (5% left)",
      "popoverBackground": "rgb(238, 238, 238)",
      "labelColor": "rgb(192, 40, 45)",
      "trackColor": "rgb(229, 229, 229)",
      "borderColor": "color(srgb 0.121569 0.121569 0.121569 / 0.52)",
      "borderWidth": "1px",
      "boundaryRgb": [
        126,
        126,
        126
      ],
      "boundaryPopoverContrast": 3.5122080646903195,
      "fillColor": "rgb(209, 52, 56)",
      "labelContrast": 5.052010833305964,
      "fillTrackContrast": 3.9139079668555423,
      "trackPopoverContrast": 1.0857247473653326,
      "width": 390,
      "height": 844,
      "popoverBox": {
        "x": -2,
        "y": 612,
        "width": 280,
        "height": 136
      },
      "insideViewport": false,
      "pageHorizontalOverflow": false
    },
    {
      "phase": "after",
      "tone": "danger",
      "theme": "solarized-light",
      "viewport": "desktop",
      "staticMutedText": "15.6k / 16.4k",
      "staticMutedColor": "rgb(131, 148, 150)",
      "staticMutedContrast": 2.609625654193781,
      "text": "Context Window\n95% used (5% left)\nCompact context\n15.6k / 16.4k\nUsage",
      "label": "95% used (5% left)",
      "popoverBackground": "rgb(240, 233, 214)",
      "labelColor": "rgb(187, 42, 38)",
      "trackColor": "rgb(230, 223, 204)",
      "borderColor": "color(srgb 0 0.168627 0.211765 / 0.54)",
      "borderWidth": "1px",
      "boundaryRgb": [
        106,
        125,
        123
      ],
      "boundaryPopoverContrast": 3.589783531475002,
      "fillColor": "rgb(220, 50, 47)",
      "labelContrast": 4.991636670623068,
      "fillTrackContrast": 3.4780057921590943,
      "trackPopoverContrast": 1.0975221422280947,
      "width": 1440,
      "height": 1000,
      "popoverBox": {
        "x": 878,
        "y": 768,
        "width": 280,
        "height": 136
      },
      "insideViewport": true,
      "pageHorizontalOverflow": false
    },
    {
      "phase": "after",
      "tone": "danger",
      "theme": "solarized-light",
      "viewport": "phone",
      "staticMutedText": "15.6k / 16.4k",
      "staticMutedColor": "rgb(131, 148, 150)",
      "staticMutedContrast": 2.609625654193781,
      "text": "Context Window\n95% used (5% left)\nCompact context\n15.6k / 16.4k\nUsage",
      "label": "95% used (5% left)",
      "popoverBackground": "rgb(240, 233, 214)",
      "labelColor": "rgb(187, 42, 38)",
      "trackColor": "rgb(230, 223, 204)",
      "borderColor": "color(srgb 0 0.168627 0.211765 / 0.54)",
      "borderWidth": "1px",
      "boundaryRgb": [
        106,
        125,
        123
      ],
      "boundaryPopoverContrast": 3.589783531475002,
      "fillColor": "rgb(220, 50, 47)",
      "labelContrast": 4.991636670623068,
      "fillTrackContrast": 3.4780057921590943,
      "trackPopoverContrast": 1.0975221422280947,
      "width": 390,
      "height": 844,
      "popoverBox": {
        "x": -2,
        "y": 612,
        "width": 280,
        "height": 136
      },
      "insideViewport": false,
      "pageHorizontalOverflow": false
    },
    {
      "phase": "after",
      "tone": "danger",
      "theme": "openhands-deepsea",
      "viewport": "desktop",
      "staticMutedText": "15.6k / 16.4k",
      "staticMutedColor": "rgb(163, 176, 196)",
      "staticMutedContrast": 5.910621864355188,
      "text": "Context Window\n95% used (5% left)\nCompact context\n15.6k / 16.4k\nUsage",
      "label": "95% used (5% left)",
      "popoverBackground": "rgb(44, 49, 63)",
      "labelColor": "rgb(239, 118, 106)",
      "trackColor": "rgb(56, 63, 80)",
      "borderColor": "color(srgb 0.933333 0.94902 0.968627 / 0.42)",
      "borderWidth": "1px",
      "boundaryRgb": [
        132,
        139,
        150
      ],
      "boundaryPopoverContrast": 3.767469146062343,
      "fillColor": "rgb(255, 104, 78)",
      "labelContrast": 4.616029059471117,
      "fillTrackContrast": 3.6802865254903763,
      "trackPopoverContrast": 1.2328487072738883,
      "width": 1440,
      "height": 1000,
      "popoverBox": {
        "x": 878,
        "y": 768,
        "width": 280,
        "height": 136
      },
      "insideViewport": true,
      "pageHorizontalOverflow": false
    },
    {
      "phase": "after",
      "tone": "danger",
      "theme": "openhands-deepsea",
      "viewport": "phone",
      "staticMutedText": "15.6k / 16.4k",
      "staticMutedColor": "rgb(163, 176, 196)",
      "staticMutedContrast": 5.910621864355188,
      "text": "Context Window\n95% used (5% left)\nCompact context\n15.6k / 16.4k\nUsage",
      "label": "95% used (5% left)",
      "popoverBackground": "rgb(44, 49, 63)",
      "labelColor": "rgb(239, 118, 106)",
      "trackColor": "rgb(56, 63, 80)",
      "borderColor": "color(srgb 0.933333 0.94902 0.968627 / 0.42)",
      "borderWidth": "1px",
      "boundaryRgb": [
        132,
        139,
        150
      ],
      "boundaryPopoverContrast": 3.767469146062343,
      "fillColor": "rgb(255, 104, 78)",
      "labelContrast": 4.616029059471117,
      "fillTrackContrast": 3.6802865254903763,
      "trackPopoverContrast": 1.2328487072738883,
      "width": 390,
      "height": 844,
      "popoverBox": {
        "x": -2,
        "y": 612,
        "width": 280,
        "height": 136
      },
      "insideViewport": false,
      "pageHorizontalOverflow": false
    },
    {
      "phase": "after",
      "tone": "danger",
      "theme": "openhands-neutral",
      "viewport": "desktop",
      "staticMutedText": "15.6k / 16.4k",
      "staticMutedColor": "rgb(151, 151, 151)",
      "staticMutedContrast": 5.047373179150879,
      "text": "Context Window\n95% used (5% left)\nCompact context\n15.6k / 16.4k\nUsage",
      "label": "95% used (5% left)",
      "popoverBackground": "rgb(40, 40, 40)",
      "labelColor": "rgb(231, 106, 94)",
      "trackColor": "rgb(49, 49, 49)",
      "borderColor": "color(srgb 0.92549 0.92549 0.92549 / 0.42)",
      "borderWidth": "1px",
      "boundaryRgb": [
        127,
        127,
        127
      ],
      "boundaryPopoverContrast": 3.705754513489793,
      "fillColor": "rgb(255, 104, 78)",
      "labelContrast": 4.648357847175519,
      "fillTrackContrast": 4.548274223419064,
      "trackPopoverContrast": 1.1333131885273866,
      "width": 1440,
      "height": 1000,
      "popoverBox": {
        "x": 878,
        "y": 768,
        "width": 280,
        "height": 136
      },
      "insideViewport": true,
      "pageHorizontalOverflow": false
    },
    {
      "phase": "after",
      "tone": "danger",
      "theme": "openhands-neutral",
      "viewport": "phone",
      "staticMutedText": "15.6k / 16.4k",
      "staticMutedColor": "rgb(151, 151, 151)",
      "staticMutedContrast": 5.047373179150879,
      "text": "Context Window\n95% used (5% left)\nCompact context\n15.6k / 16.4k\nUsage",
      "label": "95% used (5% left)",
      "popoverBackground": "rgb(40, 40, 40)",
      "labelColor": "rgb(231, 106, 94)",
      "trackColor": "rgb(49, 49, 49)",
      "borderColor": "color(srgb 0.92549 0.92549 0.92549 / 0.42)",
      "borderWidth": "1px",
      "boundaryRgb": [
        127,
        127,
        127
      ],
      "boundaryPopoverContrast": 3.705754513489793,
      "fillColor": "rgb(255, 104, 78)",
      "labelContrast": 4.648357847175519,
      "fillTrackContrast": 4.548274223419064,
      "trackPopoverContrast": 1.1333131885273866,
      "width": 390,
      "height": 844,
      "popoverBox": {
        "x": -2,
        "y": 612,
        "width": 280,
        "height": 136
      },
      "insideViewport": false,
      "pageHorizontalOverflow": false
    },
    {
      "phase": "after",
      "tone": "danger",
      "theme": "openhands-neo",
      "viewport": "desktop",
      "staticMutedText": "15.6k / 16.4k",
      "staticMutedColor": "rgb(151, 151, 151)",
      "staticMutedContrast": 5.047373179150879,
      "text": "Context Window\n95% used (5% left)\nCompact context\n15.6k / 16.4k\nUsage",
      "label": "95% used (5% left)",
      "popoverBackground": "rgb(40, 40, 40)",
      "labelColor": "rgb(231, 106, 94)",
      "trackColor": "rgb(49, 49, 49)",
      "borderColor": "color(srgb 0.92549 0.92549 0.92549 / 0.42)",
      "borderWidth": "1px",
      "boundaryRgb": [
        127,
        127,
        127
      ],
      "boundaryPopoverContrast": 3.705754513489793,
      "fillColor": "rgb(255, 104, 78)",
      "labelContrast": 4.648357847175519,
      "fillTrackContrast": 4.548274223419064,
      "trackPopoverContrast": 1.1333131885273866,
      "width": 1440,
      "height": 1000,
      "popoverBox": {
        "x": 878,
        "y": 768,
        "width": 280,
        "height": 136
      },
      "insideViewport": true,
      "pageHorizontalOverflow": false
    },
    {
      "phase": "after",
      "tone": "danger",
      "theme": "openhands-neo",
      "viewport": "phone",
      "staticMutedText": "15.6k / 16.4k",
      "staticMutedColor": "rgb(151, 151, 151)",
      "staticMutedContrast": 5.047373179150879,
      "text": "Context Window\n95% used (5% left)\nCompact context\n15.6k / 16.4k\nUsage",
      "label": "95% used (5% left)",
      "popoverBackground": "rgb(40, 40, 40)",
      "labelColor": "rgb(231, 106, 94)",
      "trackColor": "rgb(49, 49, 49)",
      "borderColor": "color(srgb 0.92549 0.92549 0.92549 / 0.42)",
      "borderWidth": "1px",
      "boundaryRgb": [
        127,
        127,
        127
      ],
      "boundaryPopoverContrast": 3.705754513489793,
      "fillColor": "rgb(255, 104, 78)",
      "labelContrast": 4.648357847175519,
      "fillTrackContrast": 4.548274223419064,
      "trackPopoverContrast": 1.1333131885273866,
      "width": 390,
      "height": 844,
      "popoverBox": {
        "x": -2,
        "y": 612,
        "width": 280,
        "height": 136
      },
      "insideViewport": false,
      "pageHorizontalOverflow": false
    }
  ],
  "files": {
    "context-popover-before-after.mp4": {
      "bytes": 258118,
      "sha256": "42f3bc71a6cc851eef6a1de5a5f7d86f083686edce8946069531bb0bd2fa3d0d"
    },
    "context-popover-poster.jpg": {
      "bytes": 48352,
      "sha256": "10d5d5ecb0d59c831837d94fa84a7f6c1ecd5d210d18b34cb21bf87b51ebad30"
    },
    "context-popover-captions.vtt": {
      "bytes": 437,
      "sha256": "20237122a4c9adf6a83731b3a219b0d40ff85d2b07a0b0d236c1a0890e2cc691"
    },
    "context-popover-five-themes.png": {
      "bytes": 181932,
      "sha256": "a3bd3e5168983a9825d0c5aef50b774d5a5af4056cca51332cbf96df937e4a43"
    },
    "before-warning-light-plus-component.png": {
      "bytes": 9200,
      "sha256": "80104fe89e84b95ca0f02ad5e02acad0b4d1c369b1d72ccefe2a3673a836439f"
    },
    "after-warning-light-plus-component.png": {
      "bytes": 9441,
      "sha256": "845409cbac3d89e9e3c448f38372afc49a9ad0e2a8df9e8e34b17ac06dae2c93"
    },
    "before-danger-light-plus-component.png": {
      "bytes": 9122,
      "sha256": "aaab06d2dc6e8754f554c2fb56903788e5cf939a32560d0be61db7158a78bf4c"
    },
    "after-danger-light-plus-component.png": {
      "bytes": 9228,
      "sha256": "8429029b03e8433a0701c8960dd094e1bb8644f7d5e3ddadb49c85e03b8a24d4"
    },
    "context-popover-before-after.gif": {
      "bytes": 258029,
      "sha256": "9bcbec852e409387940c38dfc3073c268cb84cd4ff7b345ec312d56833c5fb5e"
    }
  },
  "behaviorChecks": {
    "desktop": [
      "bar opens Usage",
      "Usage item opens Usage",
      "Escape closes and restores ring focus",
      "outside click closes",
      "Compact context: UI toasts and CondensationRequest+Condensation events"
    ],
    "phoneUsageBar": "observed but not verified; popover closes without visible panel; baseline not re-driven"
  },
  "issue": "https://github.com/OpenHands/OpenHands/issues/18505"
}