validation/agent-runtime-meter-render.json

{
  "date": "2026-09-14T10:06:13.911Z",
  "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",
    "Reasoning is collapsed by default and expands through Pi’s native click target",
    "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": 72,
        "width": 758.875,
        "height": 920,
        "right": 772.875,
        "bottom": 992
      },
      "terminal": {
        "x": 23,
        "y": 81,
        "width": 740.875,
        "height": 846.203125,
        "right": 763.875,
        "bottom": 927.203125
      },
      "screen": {
        "x": 23,
        "y": 81,
        "width": 736,
        "height": 836,
        "right": 759,
        "bottom": 917
      },
      "controls": {
        "x": 23,
        "y": 927.203125,
        "width": 740.875,
        "height": 36.796875,
        "right": 763.875,
        "bottom": 964
      },
      "overflow": false,
      "background": "rgb(24, 24, 30)"
    },
    {
      "name": "1024x768",
      "viewport": {
        "width": 1024,
        "height": 768
      },
      "cols": 65,
      "rows": 32,
      "panel": {
        "x": 14,
        "y": 72,
        "width": 531.5625,
        "height": 688,
        "right": 545.5625,
        "bottom": 760
      },
      "terminal": {
        "x": 23,
        "y": 81,
        "width": 513.5625,
        "height": 614.203125,
        "right": 536.5625,
        "bottom": 695.203125
      },
      "screen": {
        "x": 23,
        "y": 81,
        "width": 509,
        "height": 608,
        "right": 532,
        "bottom": 689
      },
      "controls": {
        "x": 23,
        "y": 695.203125,
        "width": 513.5625,
        "height": 36.796875,
        "right": 536.5625,
        "bottom": 732
      },
      "overflow": false,
      "background": "rgb(24, 24, 30)"
    },
    {
      "name": "851x640",
      "viewport": {
        "width": 851,
        "height": 640
      },
      "cols": 53,
      "rows": 25,
      "panel": {
        "x": 14,
        "y": 72,
        "width": 437.015625,
        "height": 560,
        "right": 451.015625,
        "bottom": 632
      },
      "terminal": {
        "x": 23,
        "y": 81,
        "width": 419.015625,
        "height": 486.203125,
        "right": 442.015625,
        "bottom": 567.203125
      },
      "screen": {
        "x": 23,
        "y": 81,
        "width": 415,
        "height": 475,
        "right": 438,
        "bottom": 556
      },
      "controls": {
        "x": 23,
        "y": 567.203125,
        "width": 419.015625,
        "height": 36.796875,
        "right": 442.015625,
        "bottom": 604
      },
      "overflow": false,
      "background": "rgb(24, 24, 30)"
    },
    {
      "name": "850x640",
      "viewport": {
        "width": 850,
        "height": 640
      },
      "cols": 103,
      "rows": 23,
      "panel": {
        "x": 10,
        "y": 108,
        "width": 830,
        "height": 522,
        "right": 840,
        "bottom": 630
      },
      "terminal": {
        "x": 19,
        "y": 117,
        "width": 812,
        "height": 449.203125,
        "right": 831,
        "bottom": 566.203125
      },
      "screen": {
        "x": 19,
        "y": 117,
        "width": 806,
        "height": 437,
        "right": 825,
        "bottom": 554
      },
      "controls": {
        "x": 19,
        "y": 566.203125,
        "width": 812,
        "height": 36.796875,
        "right": 831,
        "bottom": 603
      },
      "overflow": false,
      "background": "rgb(24, 24, 30)"
    },
    {
      "name": "390x844",
      "viewport": {
        "width": 390,
        "height": 844
      },
      "cols": 44,
      "rows": 34,
      "panel": {
        "x": 10,
        "y": 108,
        "width": 370,
        "height": 726,
        "right": 380,
        "bottom": 834
      },
      "terminal": {
        "x": 19,
        "y": 117,
        "width": 352,
        "height": 653.203125,
        "right": 371,
        "bottom": 770.203125
      },
      "screen": {
        "x": 19,
        "y": 117,
        "width": 344,
        "height": 646,
        "right": 363,
        "bottom": 763
      },
      "controls": {
        "x": 19,
        "y": 770.203125,
        "width": 352,
        "height": 36.796875,
        "right": 371,
        "bottom": 807
      },
      "overflow": false,
      "background": "rgb(24, 24, 30)"
    },
    {
      "name": "320x568",
      "viewport": {
        "width": 320,
        "height": 568
      },
      "cols": 36,
      "rows": 19,
      "panel": {
        "x": 10,
        "y": 108,
        "width": 300,
        "height": 450,
        "right": 310,
        "bottom": 558
      },
      "terminal": {
        "x": 19,
        "y": 117,
        "width": 282,
        "height": 377.203125,
        "right": 301,
        "bottom": 494.203125
      },
      "screen": {
        "x": 19,
        "y": 117,
        "width": 282,
        "height": 361,
        "right": 301,
        "bottom": 478
      },
      "controls": {
        "x": 19,
        "y": 494.203125,
        "width": 282,
        "height": 36.796875,
        "right": 301,
        "bottom": 531
      },
      "overflow": false,
      "background": "rgb(24, 24, 30)"
    },
    {
      "name": "390x420",
      "viewport": {
        "width": 390,
        "height": 420
      },
      "cols": 44,
      "rows": 12,
      "panel": {
        "x": 10,
        "y": 108,
        "width": 370,
        "height": 302,
        "right": 380,
        "bottom": 410
      },
      "terminal": {
        "x": 19,
        "y": 117,
        "width": 352,
        "height": 229.203125,
        "right": 371,
        "bottom": 346.203125
      },
      "screen": {
        "x": 19,
        "y": 117,
        "width": 344,
        "height": 228,
        "right": 363,
        "bottom": 345
      },
      "controls": {
        "x": 19,
        "y": 346.203125,
        "width": 352,
        "height": 36.796875,
        "right": 371,
        "bottom": 383
      },
      "overflow": false,
      "background": "rgb(24, 24, 30)"
    },
    {
      "name": "multiline-keyboard-height",
      "viewport": {
        "width": 390,
        "height": 420
      },
      "cols": 44,
      "rows": 12,
      "panel": {
        "x": 10,
        "y": 108,
        "width": 370,
        "height": 302,
        "right": 380,
        "bottom": 410
      },
      "terminal": {
        "x": 19,
        "y": 117,
        "width": 352,
        "height": 229.203125,
        "right": 371,
        "bottom": 346.203125
      },
      "screen": {
        "x": 19,
        "y": 117,
        "width": 344,
        "height": 228,
        "right": 363,
        "bottom": 345
      },
      "controls": {
        "x": 19,
        "y": 346.203125,
        "width": 352,
        "height": 36.796875,
        "right": 371,
        "bottom": 383
      },
      "overflow": false,
      "background": "rgb(24, 24, 30)"
    }
  ],
  "mobileLimitation": "Viewport/keyboard-height simulation on desktop Chromium; no physical mobile device.",
  "passed": true
}