validation/agent-rounded-header-render.json

{
  "date": "2026-09-14T07:50:00.768Z",
  "url": "http://127.0.0.1:4173/",
  "kind": "synthetic rendering fixtures; no model inference",
  "errors": [],
  "checks": [
    "Upstream Pi user/assistant indentation, inner padding and turn separators",
    "Upstream tool Box(1,1) padding and separator; no trailing empty output rows",
    "CJK, emoji, ZWJ and combining accents agree with Pi cell widths",
    "Long tool results collapse/expand without losing content",
    "Seven viewports: Markdown, tool cards, footer/controls, wrapping and 4.5:1 visible text contrast",
    "60-turn transcript and streamed updates preserve scroll position",
    "Multiline draft remains visible at keyboard-sized height"
  ],
  "sizes": [
    {
      "name": "1440x1000",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "cols": 94,
      "rows": 44,
      "panel": {
        "x": 14,
        "y": 82,
        "width": 758.875,
        "height": 910,
        "right": 772.875,
        "bottom": 992
      },
      "terminal": {
        "x": 23,
        "y": 91,
        "width": 740.875,
        "height": 837.203125,
        "right": 763.875,
        "bottom": 928.203125
      },
      "screen": {
        "x": 23,
        "y": 91,
        "width": 736,
        "height": 836,
        "right": 759,
        "bottom": 927
      },
      "controls": {
        "x": 23,
        "y": 928.203125,
        "width": 740.875,
        "height": 36.796875,
        "right": 763.875,
        "bottom": 965
      },
      "overflow": false,
      "background": "rgb(24, 24, 30)"
    },
    {
      "name": "1024x768",
      "viewport": {
        "width": 1024,
        "height": 768
      },
      "cols": 65,
      "rows": 31,
      "panel": {
        "x": 14,
        "y": 82,
        "width": 531.5625,
        "height": 678,
        "right": 545.5625,
        "bottom": 760
      },
      "terminal": {
        "x": 23,
        "y": 91,
        "width": 513.5625,
        "height": 605.203125,
        "right": 536.5625,
        "bottom": 696.203125
      },
      "screen": {
        "x": 23,
        "y": 91,
        "width": 509,
        "height": 589,
        "right": 532,
        "bottom": 680
      },
      "controls": {
        "x": 23,
        "y": 696.203125,
        "width": 513.5625,
        "height": 36.796875,
        "right": 536.5625,
        "bottom": 733
      },
      "overflow": false,
      "background": "rgb(24, 24, 30)"
    },
    {
      "name": "851x640",
      "viewport": {
        "width": 851,
        "height": 640
      },
      "cols": 53,
      "rows": 25,
      "panel": {
        "x": 14,
        "y": 82,
        "width": 437.015625,
        "height": 550,
        "right": 451.015625,
        "bottom": 632
      },
      "terminal": {
        "x": 23,
        "y": 91,
        "width": 419.015625,
        "height": 477.203125,
        "right": 442.015625,
        "bottom": 568.203125
      },
      "screen": {
        "x": 23,
        "y": 91,
        "width": 415,
        "height": 475,
        "right": 438,
        "bottom": 566
      },
      "controls": {
        "x": 23,
        "y": 568.203125,
        "width": 419.015625,
        "height": 36.796875,
        "right": 442.015625,
        "bottom": 605
      },
      "overflow": false,
      "background": "rgb(24, 24, 30)"
    },
    {
      "name": "850x640",
      "viewport": {
        "width": 850,
        "height": 640
      },
      "cols": 103,
      "rows": 23,
      "panel": {
        "x": 10,
        "y": 114,
        "width": 830,
        "height": 516,
        "right": 840,
        "bottom": 630
      },
      "terminal": {
        "x": 19,
        "y": 123,
        "width": 812,
        "height": 444.203125,
        "right": 831,
        "bottom": 567.203125
      },
      "screen": {
        "x": 19,
        "y": 123,
        "width": 806,
        "height": 437,
        "right": 825,
        "bottom": 560
      },
      "controls": {
        "x": 19,
        "y": 567.203125,
        "width": 812,
        "height": 36.796875,
        "right": 831,
        "bottom": 604
      },
      "overflow": false,
      "background": "rgb(24, 24, 30)"
    },
    {
      "name": "390x844",
      "viewport": {
        "width": 390,
        "height": 844
      },
      "cols": 44,
      "rows": 34,
      "panel": {
        "x": 10,
        "y": 114,
        "width": 370,
        "height": 720,
        "right": 380,
        "bottom": 834
      },
      "terminal": {
        "x": 19,
        "y": 123,
        "width": 352,
        "height": 648.203125,
        "right": 371,
        "bottom": 771.203125
      },
      "screen": {
        "x": 19,
        "y": 123,
        "width": 344,
        "height": 646,
        "right": 363,
        "bottom": 769
      },
      "controls": {
        "x": 19,
        "y": 771.203125,
        "width": 352,
        "height": 36.796875,
        "right": 371,
        "bottom": 808
      },
      "overflow": false,
      "background": "rgb(24, 24, 30)"
    },
    {
      "name": "320x568",
      "viewport": {
        "width": 320,
        "height": 568
      },
      "cols": 36,
      "rows": 19,
      "panel": {
        "x": 10,
        "y": 114,
        "width": 300,
        "height": 444,
        "right": 310,
        "bottom": 558
      },
      "terminal": {
        "x": 19,
        "y": 123,
        "width": 282,
        "height": 372.203125,
        "right": 301,
        "bottom": 495.203125
      },
      "screen": {
        "x": 19,
        "y": 123,
        "width": 282,
        "height": 361,
        "right": 301,
        "bottom": 484
      },
      "controls": {
        "x": 19,
        "y": 495.203125,
        "width": 282,
        "height": 36.796875,
        "right": 301,
        "bottom": 532
      },
      "overflow": false,
      "background": "rgb(24, 24, 30)"
    },
    {
      "name": "390x420",
      "viewport": {
        "width": 390,
        "height": 420
      },
      "cols": 44,
      "rows": 12,
      "panel": {
        "x": 10,
        "y": 114,
        "width": 370,
        "height": 300,
        "right": 380,
        "bottom": 414
      },
      "terminal": {
        "x": 19,
        "y": 123,
        "width": 352,
        "height": 228.203125,
        "right": 371,
        "bottom": 351.203125
      },
      "screen": {
        "x": 19,
        "y": 123,
        "width": 344,
        "height": 228,
        "right": 363,
        "bottom": 351
      },
      "controls": {
        "x": 19,
        "y": 351.203125,
        "width": 352,
        "height": 36.796875,
        "right": 371,
        "bottom": 388
      },
      "overflow": false,
      "background": "rgb(24, 24, 30)"
    },
    {
      "name": "multiline-keyboard-height",
      "viewport": {
        "width": 390,
        "height": 420
      },
      "cols": 44,
      "rows": 12,
      "panel": {
        "x": 10,
        "y": 114,
        "width": 370,
        "height": 300,
        "right": 380,
        "bottom": 414
      },
      "terminal": {
        "x": 19,
        "y": 123,
        "width": 352,
        "height": 228.203125,
        "right": 371,
        "bottom": 351.203125
      },
      "screen": {
        "x": 19,
        "y": 123,
        "width": 344,
        "height": 228,
        "right": 363,
        "bottom": 351
      },
      "controls": {
        "x": 19,
        "y": 351.203125,
        "width": 352,
        "height": 36.796875,
        "right": 371,
        "bottom": 388
      },
      "overflow": false,
      "background": "rgb(24, 24, 30)"
    }
  ],
  "mobileLimitation": "Viewport/keyboard-height simulation on desktop Chromium; no physical mobile device.",
  "passed": true
}