{
  "subject": "backend-panel-height",
  "beforeRevision": "084a4106040a0d64a02ac04eecf88ea8a8a8f31b",
  "afterRevision": "c183f4bc3cd3d024b8438e43a8de5be90503d3b9",
  "pairedStateSamples": 12,
  "stateSamplesOnlyBefore": [],
  "stateSamplesOnlyAfter": [],
  "geometryTolerancePx": 0.02,
  "maximumObservedSettledGeometryDifferencePx": 0.0,
  "stableFieldDifferences": [],
  "observedPropertyOwnershipChanges": [
    {
      "state": "light-plus-phone-cloud-expanded",
      "panelIndex": 0,
      "before": "height: 523.5px;",
      "after": "--add-backend-panel-height: 523.5px;"
    },
    {
      "state": "light-plus-phone-cloud-expanded",
      "panelIndex": 1,
      "before": "height: 285.5px;",
      "after": "--add-backend-panel-height: 285.5px;"
    },
    {
      "state": "light-plus-phone-local-expanded",
      "panelIndex": 0,
      "before": "height: 780px;",
      "after": "--add-backend-panel-height: 780px;"
    },
    {
      "state": "light-plus-phone-local-expanded",
      "panelIndex": 1,
      "before": "height: 542px;",
      "after": "--add-backend-panel-height: 542px;"
    },
    {
      "state": "light-plus-phone-provider",
      "panelIndex": 0,
      "before": "height: 448.75px;",
      "after": "--add-backend-panel-height: 448.75px;"
    },
    {
      "state": "light-plus-phone-provider",
      "panelIndex": 1,
      "before": "height: 98px;",
      "after": "--add-backend-panel-height: 98px;"
    },
    {
      "state": "light-plus-phone-remote-expanded",
      "panelIndex": 0,
      "before": "height: 832px;",
      "after": "--add-backend-panel-height: 832px;"
    },
    {
      "state": "light-plus-phone-remote-expanded",
      "panelIndex": 1,
      "before": "height: 594px;",
      "after": "--add-backend-panel-height: 594px;"
    },
    {
      "state": "neutral-cloud-expanded",
      "panelIndex": 0,
      "before": "height: 424.75px;",
      "after": "--add-backend-panel-height: 424.75px;"
    },
    {
      "state": "neutral-cloud-expanded",
      "panelIndex": 1,
      "before": "height: 262.75px;",
      "after": "--add-backend-panel-height: 262.75px;"
    },
    {
      "state": "neutral-cloud-initial",
      "panelIndex": 0,
      "before": "height: 378px;",
      "after": null
    },
    {
      "state": "neutral-cloud-initial",
      "panelIndex": 1,
      "before": "height: 216px;",
      "after": null
    },
    {
      "state": "neutral-local-expanded",
      "panelIndex": 0,
      "before": "height: 648px;",
      "after": "--add-backend-panel-height: 648px;"
    },
    {
      "state": "neutral-local-expanded",
      "panelIndex": 1,
      "before": "height: 486px;",
      "after": "--add-backend-panel-height: 486px;"
    },
    {
      "state": "neutral-provider-form",
      "panelIndex": 0,
      "before": "height: 406.5px;",
      "after": "--add-backend-panel-height: 406.5px;"
    },
    {
      "state": "neutral-provider-form",
      "panelIndex": 1,
      "before": "height: 98px;",
      "after": "--add-backend-panel-height: 98px;"
    },
    {
      "state": "neutral-remote-expanded",
      "panelIndex": 0,
      "before": "height: 696px;",
      "after": "--add-backend-panel-height: 696px;"
    },
    {
      "state": "neutral-remote-expanded",
      "panelIndex": 1,
      "before": "height: 534px;",
      "after": "--add-backend-panel-height: 534px;"
    },
    {
      "state": "openhands-deepsea-remote-settled",
      "panelIndex": 0,
      "before": "height: 696px;",
      "after": "--add-backend-panel-height: 696px;"
    },
    {
      "state": "openhands-deepsea-remote-settled",
      "panelIndex": 1,
      "before": "height: 534px;",
      "after": "--add-backend-panel-height: 534px;"
    },
    {
      "state": "openhands-neo-remote-settled",
      "panelIndex": 0,
      "before": "height: 696px;",
      "after": "--add-backend-panel-height: 696px;"
    },
    {
      "state": "openhands-neo-remote-settled",
      "panelIndex": 1,
      "before": "height: 534px;",
      "after": "--add-backend-panel-height: 534px;"
    },
    {
      "state": "solarized-light-remote-settled",
      "panelIndex": 0,
      "before": "height: 696px;",
      "after": "--add-backend-panel-height: 696px;"
    },
    {
      "state": "solarized-light-remote-settled",
      "panelIndex": 1,
      "before": "height: 534px;",
      "after": "--add-backend-panel-height: 534px;"
    }
  ],
  "pairs": [
    {
      "state": "light-plus-phone-cloud-expanded",
      "beforeTimestamp": "2026-10-24T07:22:26Z",
      "afterTimestamp": "2026-10-24T07:33:21Z",
      "measuredComparableFields": [
        "disclosures",
        "theme",
        "viewport",
        "panels[0].height",
        "panels[0].contentHeight",
        "panels[0].transition",
        "panels[0].duration",
        "panels[1].height",
        "panels[1].contentHeight",
        "panels[1].transition",
        "panels[1].duration"
      ],
      "before": {
        "panels": [
          {
            "height": 523.5,
            "contentHeight": 523.5,
            "inlineStyle": "height: 523.5px;",
            "transition": "height",
            "duration": "0.3s"
          },
          {
            "height": 285.5,
            "contentHeight": 285.5,
            "inlineStyle": "height: 285.5px;",
            "transition": "height",
            "duration": "0.3s"
          }
        ],
        "viewport": [
          390,
          844
        ],
        "theme": "light-plus",
        "disclosures": [
          {
            "id": "add-backend-advanced-toggle",
            "expanded": "true"
          }
        ]
      },
      "after": {
        "panels": [
          {
            "height": 523.5,
            "contentHeight": 523.5,
            "inlineStyle": "--add-backend-panel-height: 523.5px;",
            "transition": "height",
            "duration": "0.3s"
          },
          {
            "height": 285.5,
            "contentHeight": 285.5,
            "inlineStyle": "--add-backend-panel-height: 285.5px;",
            "transition": "height",
            "duration": "0.3s"
          }
        ],
        "viewport": [
          390,
          844
        ],
        "theme": "light-plus",
        "disclosures": [
          {
            "id": "add-backend-advanced-toggle",
            "expanded": "true"
          }
        ]
      },
      "differences": []
    },
    {
      "state": "light-plus-phone-local-expanded",
      "beforeTimestamp": "2026-10-24T07:22:29Z",
      "afterTimestamp": "2026-10-24T07:33:25Z",
      "measuredComparableFields": [
        "disclosures",
        "theme",
        "viewport",
        "panels[0].height",
        "panels[0].contentHeight",
        "panels[0].transition",
        "panels[0].duration",
        "panels[1].height",
        "panels[1].contentHeight",
        "panels[1].transition",
        "panels[1].duration"
      ],
      "before": {
        "panels": [
          {
            "height": 780,
            "contentHeight": 780,
            "inlineStyle": "height: 780px;",
            "transition": "height",
            "duration": "0.3s"
          },
          {
            "height": 542,
            "contentHeight": 542,
            "inlineStyle": "height: 542px;",
            "transition": "height",
            "duration": "0.3s"
          }
        ],
        "viewport": [
          390,
          844
        ],
        "theme": "light-plus",
        "disclosures": [
          {
            "id": "add-backend-local-guidance-toggle",
            "expanded": "true"
          }
        ]
      },
      "after": {
        "panels": [
          {
            "height": 780,
            "contentHeight": 780,
            "inlineStyle": "--add-backend-panel-height: 780px;",
            "transition": "height",
            "duration": "0.3s"
          },
          {
            "height": 542,
            "contentHeight": 542,
            "inlineStyle": "--add-backend-panel-height: 542px;",
            "transition": "height",
            "duration": "0.3s"
          }
        ],
        "viewport": [
          390,
          844
        ],
        "theme": "light-plus",
        "disclosures": [
          {
            "id": "add-backend-local-guidance-toggle",
            "expanded": "true"
          }
        ]
      },
      "differences": []
    },
    {
      "state": "light-plus-phone-provider",
      "beforeTimestamp": "2026-10-24T07:22:37Z",
      "afterTimestamp": "2026-10-24T07:33:32Z",
      "measuredComparableFields": [
        "disclosures",
        "theme",
        "viewport",
        "panels[0].height",
        "panels[0].contentHeight",
        "panels[0].transition",
        "panels[0].duration",
        "panels[1].height",
        "panels[1].contentHeight",
        "panels[1].transition",
        "panels[1].duration"
      ],
      "before": {
        "panels": [
          {
            "height": 448.75,
            "contentHeight": 448.75,
            "inlineStyle": "height: 448.75px;",
            "transition": "height",
            "duration": "0.3s"
          },
          {
            "height": 98,
            "contentHeight": 98,
            "inlineStyle": "height: 98px;",
            "transition": "height",
            "duration": "0.3s"
          }
        ],
        "viewport": [
          390,
          844
        ],
        "theme": "light-plus",
        "disclosures": []
      },
      "after": {
        "panels": [
          {
            "height": 448.75,
            "contentHeight": 448.75,
            "inlineStyle": "--add-backend-panel-height: 448.75px;",
            "transition": "height",
            "duration": "0.3s"
          },
          {
            "height": 98,
            "contentHeight": 98,
            "inlineStyle": "--add-backend-panel-height: 98px;",
            "transition": "height",
            "duration": "0.3s"
          }
        ],
        "viewport": [
          390,
          844
        ],
        "theme": "light-plus",
        "disclosures": []
      },
      "differences": []
    },
    {
      "state": "light-plus-phone-remote-expanded",
      "beforeTimestamp": "2026-10-24T07:22:33Z",
      "afterTimestamp": "2026-10-24T07:33:28Z",
      "measuredComparableFields": [
        "disclosures",
        "theme",
        "viewport",
        "panels[0].height",
        "panels[0].contentHeight",
        "panels[0].transition",
        "panels[0].duration",
        "panels[1].height",
        "panels[1].contentHeight",
        "panels[1].transition",
        "panels[1].duration"
      ],
      "before": {
        "panels": [
          {
            "height": 832,
            "contentHeight": 832,
            "inlineStyle": "height: 832px;",
            "transition": "height",
            "duration": "0.3s"
          },
          {
            "height": 594,
            "contentHeight": 594,
            "inlineStyle": "height: 594px;",
            "transition": "height",
            "duration": "0.3s"
          }
        ],
        "viewport": [
          390,
          844
        ],
        "theme": "light-plus",
        "disclosures": [
          {
            "id": "add-backend-remote-guidance-toggle",
            "expanded": "true"
          }
        ]
      },
      "after": {
        "panels": [
          {
            "height": 832,
            "contentHeight": 832,
            "inlineStyle": "--add-backend-panel-height: 832px;",
            "transition": "height",
            "duration": "0.3s"
          },
          {
            "height": 594,
            "contentHeight": 594,
            "inlineStyle": "--add-backend-panel-height: 594px;",
            "transition": "height",
            "duration": "0.3s"
          }
        ],
        "viewport": [
          390,
          844
        ],
        "theme": "light-plus",
        "disclosures": [
          {
            "id": "add-backend-remote-guidance-toggle",
            "expanded": "true"
          }
        ]
      },
      "differences": []
    },
    {
      "state": "neutral-cloud-expanded",
      "beforeTimestamp": "2026-10-24T07:20:36Z",
      "afterTimestamp": "2026-10-24T07:32:20Z",
      "measuredComparableFields": [
        "panels[0].height",
        "panels[0].contentHeight",
        "panels[1].height",
        "panels[1].contentHeight"
      ],
      "before": {
        "panels": [
          {
            "height": 424.75,
            "contentHeight": 424.75,
            "inlineStyle": "height: 424.75px;",
            "transition": null,
            "duration": null
          },
          {
            "height": 262.75,
            "contentHeight": 262.75,
            "inlineStyle": "height: 262.75px;",
            "transition": null,
            "duration": null
          }
        ]
      },
      "after": {
        "panels": [
          {
            "height": 424.75,
            "contentHeight": 424.75,
            "inlineStyle": "--add-backend-panel-height: 424.75px;",
            "transition": null,
            "duration": null
          },
          {
            "height": 262.75,
            "contentHeight": 262.75,
            "inlineStyle": "--add-backend-panel-height: 262.75px;",
            "transition": null,
            "duration": null
          }
        ]
      },
      "differences": []
    },
    {
      "state": "neutral-cloud-initial",
      "beforeTimestamp": "2026-10-24T07:20:34Z",
      "afterTimestamp": "2026-10-24T07:32:16Z",
      "measuredComparableFields": [
        "advanced",
        "theme",
        "viewport",
        "panels[0].height",
        "panels[0].contentHeight",
        "panels[0].transition",
        "panels[0].duration",
        "panels[1].height",
        "panels[1].contentHeight",
        "panels[1].transition",
        "panels[1].duration"
      ],
      "before": {
        "panels": [
          {
            "height": 378,
            "contentHeight": 378,
            "inlineStyle": "height: 378px;",
            "transition": "height",
            "duration": "0.3s"
          },
          {
            "height": 216,
            "contentHeight": 216,
            "inlineStyle": "height: 216px;",
            "transition": "height",
            "duration": "0.3s"
          }
        ],
        "viewport": [
          1440,
          1000
        ],
        "theme": "openhands-neutral",
        "advanced": "false"
      },
      "after": {
        "panels": [
          {
            "height": 378,
            "contentHeight": 378,
            "inlineStyle": null,
            "transition": "height",
            "duration": "0.3s"
          },
          {
            "height": 216,
            "contentHeight": 216,
            "inlineStyle": null,
            "transition": "height",
            "duration": "0.3s"
          }
        ],
        "viewport": [
          1440,
          1000
        ],
        "theme": "openhands-neutral",
        "advanced": "false"
      },
      "differences": []
    },
    {
      "state": "neutral-local-expanded",
      "beforeTimestamp": "2026-10-24T07:20:41Z",
      "afterTimestamp": "2026-10-24T07:32:24Z",
      "measuredComparableFields": [
        "panels[0].height",
        "panels[0].contentHeight",
        "panels[1].height",
        "panels[1].contentHeight"
      ],
      "before": {
        "panels": [
          {
            "height": 648,
            "contentHeight": 648,
            "inlineStyle": "height: 648px;",
            "transition": null,
            "duration": null
          },
          {
            "height": 486,
            "contentHeight": 486,
            "inlineStyle": "height: 486px;",
            "transition": null,
            "duration": null
          }
        ]
      },
      "after": {
        "panels": [
          {
            "height": 648,
            "contentHeight": 648,
            "inlineStyle": "--add-backend-panel-height: 648px;",
            "transition": null,
            "duration": null
          },
          {
            "height": 486,
            "contentHeight": 486,
            "inlineStyle": "--add-backend-panel-height: 486px;",
            "transition": null,
            "duration": null
          }
        ]
      },
      "differences": []
    },
    {
      "state": "neutral-provider-form",
      "beforeTimestamp": "2026-10-24T07:21:07Z",
      "afterTimestamp": "2026-10-24T07:32:36Z",
      "measuredComparableFields": [
        "panels[0].height",
        "panels[0].contentHeight",
        "panels[1].height",
        "panels[1].contentHeight"
      ],
      "before": {
        "panels": [
          {
            "height": 406.5,
            "contentHeight": 406.5,
            "inlineStyle": "height: 406.5px;",
            "transition": null,
            "duration": null
          },
          {
            "height": 98,
            "contentHeight": 98,
            "inlineStyle": "height: 98px;",
            "transition": null,
            "duration": null
          }
        ]
      },
      "after": {
        "panels": [
          {
            "height": 406.5,
            "contentHeight": 406.5,
            "inlineStyle": "--add-backend-panel-height: 406.5px;",
            "transition": null,
            "duration": null
          },
          {
            "height": 98,
            "contentHeight": 98,
            "inlineStyle": "--add-backend-panel-height: 98px;",
            "transition": null,
            "duration": null
          }
        ]
      },
      "differences": []
    },
    {
      "state": "neutral-remote-expanded",
      "beforeTimestamp": "2026-10-24T07:20:45Z",
      "afterTimestamp": "2026-10-24T07:32:29Z",
      "measuredComparableFields": [
        "panels[0].height",
        "panels[0].contentHeight",
        "panels[1].height",
        "panels[1].contentHeight"
      ],
      "before": {
        "panels": [
          {
            "height": 696,
            "contentHeight": 696,
            "inlineStyle": "height: 696px;",
            "transition": null,
            "duration": null
          },
          {
            "height": 534,
            "contentHeight": 534,
            "inlineStyle": "height: 534px;",
            "transition": null,
            "duration": null
          }
        ]
      },
      "after": {
        "panels": [
          {
            "height": 696,
            "contentHeight": 696,
            "inlineStyle": "--add-backend-panel-height: 696px;",
            "transition": null,
            "duration": null
          },
          {
            "height": 534,
            "contentHeight": 534,
            "inlineStyle": "--add-backend-panel-height: 534px;",
            "transition": null,
            "duration": null
          }
        ]
      },
      "differences": []
    },
    {
      "state": "openhands-deepsea-remote-settled",
      "beforeTimestamp": "2026-10-24T07:23:11Z",
      "afterTimestamp": "2026-10-24T07:33:05Z",
      "measuredComparableFields": [
        "remoteExpanded",
        "theme",
        "panels[0].height",
        "panels[0].contentHeight",
        "panels[1].height",
        "panels[1].contentHeight"
      ],
      "before": {
        "panels": [
          {
            "height": 696,
            "contentHeight": 696,
            "inlineStyle": "height: 696px;",
            "transition": null,
            "duration": null
          },
          {
            "height": 534,
            "contentHeight": 534,
            "inlineStyle": "height: 534px;",
            "transition": null,
            "duration": null
          }
        ],
        "theme": "openhands-deepsea",
        "remoteExpanded": "true"
      },
      "after": {
        "panels": [
          {
            "height": 696,
            "contentHeight": 696,
            "inlineStyle": "--add-backend-panel-height: 696px;",
            "transition": null,
            "duration": null
          },
          {
            "height": 534,
            "contentHeight": 534,
            "inlineStyle": "--add-backend-panel-height: 534px;",
            "transition": null,
            "duration": null
          }
        ],
        "theme": "openhands-deepsea",
        "remoteExpanded": "true"
      },
      "differences": []
    },
    {
      "state": "openhands-neo-remote-settled",
      "beforeTimestamp": "2026-10-24T07:23:16Z",
      "afterTimestamp": "2026-10-24T07:33:10Z",
      "measuredComparableFields": [
        "remoteExpanded",
        "theme",
        "panels[0].height",
        "panels[0].contentHeight",
        "panels[1].height",
        "panels[1].contentHeight"
      ],
      "before": {
        "panels": [
          {
            "height": 696,
            "contentHeight": 696,
            "inlineStyle": "height: 696px;",
            "transition": null,
            "duration": null
          },
          {
            "height": 534,
            "contentHeight": 534,
            "inlineStyle": "height: 534px;",
            "transition": null,
            "duration": null
          }
        ],
        "theme": "openhands-neo",
        "remoteExpanded": "true"
      },
      "after": {
        "panels": [
          {
            "height": 696,
            "contentHeight": 696,
            "inlineStyle": "--add-backend-panel-height: 696px;",
            "transition": null,
            "duration": null
          },
          {
            "height": 534,
            "contentHeight": 534,
            "inlineStyle": "--add-backend-panel-height: 534px;",
            "transition": null,
            "duration": null
          }
        ],
        "theme": "openhands-neo",
        "remoteExpanded": "true"
      },
      "differences": []
    },
    {
      "state": "solarized-light-remote-settled",
      "beforeTimestamp": "2026-10-24T07:23:21Z",
      "afterTimestamp": "2026-10-24T07:33:15Z",
      "measuredComparableFields": [
        "remoteExpanded",
        "theme",
        "panels[0].height",
        "panels[0].contentHeight",
        "panels[1].height",
        "panels[1].contentHeight"
      ],
      "before": {
        "panels": [
          {
            "height": 696,
            "contentHeight": 696,
            "inlineStyle": "height: 696px;",
            "transition": null,
            "duration": null
          },
          {
            "height": 534,
            "contentHeight": 534,
            "inlineStyle": "height: 534px;",
            "transition": null,
            "duration": null
          }
        ],
        "theme": "solarized-light",
        "remoteExpanded": "true"
      },
      "after": {
        "panels": [
          {
            "height": 696,
            "contentHeight": 696,
            "inlineStyle": "--add-backend-panel-height: 696px;",
            "transition": null,
            "duration": null
          },
          {
            "height": 534,
            "contentHeight": 534,
            "inlineStyle": "--add-backend-panel-height: 534px;",
            "transition": null,
            "duration": null
          }
        ],
        "theme": "solarized-light",
        "remoteExpanded": "true"
      },
      "differences": []
    }
  ],
  "limits": [
    "Comparison uses named settled DOM samples with no UI action between the measurement and matching screenshot. It is not a claim of pixel identity or exhaustive application equivalence.",
    "Browser captures and observer timestamps are evidence of actual interaction; configured CSS duration and sampled frames are not exact performance instruments.",
    "Complete source MP4s remain downloadable. The central film contains labelled source intervals at existing cadence, with explicit crop and timing disclosure."
  ]
}