validation/agent-context-render.json

{
  "date": "2026-09-14T08:05:40.083Z",
  "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": 72,
        "width": 758.875,
        "height": 920,
        "right": 772.875,
        "bottom": 992
      },
      "terminal": {
        "x": 23,
        "y": 81,
        "width": 740.875,
        "height": 847.203125,
        "right": 763.875,
        "bottom": 928.203125
      },
      "screen": {
        "x": 23,
        "y": 81,
        "width": 736,
        "height": 836,
        "right": 759,
        "bottom": 917
      },
      "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": 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": 615.203125,
        "right": 536.5625,
        "bottom": 696.203125
      },
      "screen": {
        "x": 23,
        "y": 81,
        "width": 509,
        "height": 608,
        "right": 532,
        "bottom": 689
      },
      "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": 72,
        "width": 437.015625,
        "height": 560,
        "right": 451.015625,
        "bottom": 632
      },
      "terminal": {
        "x": 23,
        "y": 81,
        "width": 419.015625,
        "height": 487.203125,
        "right": 442.015625,
        "bottom": 568.203125
      },
      "screen": {
        "x": 23,
        "y": 81,
        "width": 415,
        "height": 475,
        "right": 438,
        "bottom": 556
      },
      "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": 104,
        "width": 830,
        "height": 526,
        "right": 840,
        "bottom": 630
      },
      "terminal": {
        "x": 19,
        "y": 113,
        "width": 812,
        "height": 454.203125,
        "right": 831,
        "bottom": 567.203125
      },
      "screen": {
        "x": 19,
        "y": 113,
        "width": 806,
        "height": 437,
        "right": 825,
        "bottom": 550
      },
      "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": 104,
        "width": 370,
        "height": 730,
        "right": 380,
        "bottom": 834
      },
      "terminal": {
        "x": 19,
        "y": 113,
        "width": 352,
        "height": 658.203125,
        "right": 371,
        "bottom": 771.203125
      },
      "screen": {
        "x": 19,
        "y": 113,
        "width": 344,
        "height": 646,
        "right": 363,
        "bottom": 759
      },
      "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": 20,
      "panel": {
        "x": 10,
        "y": 104,
        "width": 300,
        "height": 454,
        "right": 310,
        "bottom": 558
      },
      "terminal": {
        "x": 19,
        "y": 113,
        "width": 282,
        "height": 382.203125,
        "right": 301,
        "bottom": 495.203125
      },
      "screen": {
        "x": 19,
        "y": 113,
        "width": 282,
        "height": 380,
        "right": 301,
        "bottom": 493
      },
      "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": 104,
        "width": 370,
        "height": 306,
        "right": 380,
        "bottom": 410
      },
      "terminal": {
        "x": 19,
        "y": 113,
        "width": 352,
        "height": 234.203125,
        "right": 371,
        "bottom": 347.203125
      },
      "screen": {
        "x": 19,
        "y": 113,
        "width": 344,
        "height": 228,
        "right": 363,
        "bottom": 341
      },
      "controls": {
        "x": 19,
        "y": 347.203125,
        "width": 352,
        "height": 36.796875,
        "right": 371,
        "bottom": 384
      },
      "overflow": false,
      "background": "rgb(24, 24, 30)"
    },
    {
      "name": "multiline-keyboard-height",
      "viewport": {
        "width": 390,
        "height": 420
      },
      "cols": 44,
      "rows": 12,
      "panel": {
        "x": 10,
        "y": 104,
        "width": 370,
        "height": 306,
        "right": 380,
        "bottom": 410
      },
      "terminal": {
        "x": 19,
        "y": 113,
        "width": 352,
        "height": 234.203125,
        "right": 371,
        "bottom": 347.203125
      },
      "screen": {
        "x": 19,
        "y": 113,
        "width": 344,
        "height": 228,
        "right": 363,
        "bottom": 341
      },
      "controls": {
        "x": 19,
        "y": 347.203125,
        "width": 352,
        "height": 36.796875,
        "right": 371,
        "bottom": 384
      },
      "overflow": false,
      "background": "rgb(24, 24, 30)"
    }
  ],
  "mobileLimitation": "Viewport/keyboard-height simulation on desktop Chromium; no physical mobile device.",
  "passed": true
}