{
  "subject": "automation-theme-aliases",
  "beforeRevision": "1abbd4b41544dd8a74b19ff3359029537bbaa41b",
  "afterRevision": "e69074d21b86d1aaaa9887fb3dde366d2659add2",
  "pairedComputedSamples": 10,
  "stableFieldDifferences": [],
  "observedGeometryDifferences": [
    {
      "state": "solarized-light-desktop-event-warning",
      "field": "/samples/10/values/1/bbox/2",
      "before": 40.40625,
      "after": 50.578125
    },
    {
      "state": "solarized-light-desktop-ready-draft-clean",
      "field": "/samples/10/values/1/bbox/2",
      "before": 40.40625,
      "after": 50.578125
    }
  ],
  "clippingMechanismDifferences": [],
  "allObservedDifferences": [
    {
      "state": "solarized-light-desktop-event-warning",
      "field": "/samples/10/values/1/bbox/2",
      "before": 40.40625,
      "after": 50.578125
    },
    {
      "state": "solarized-light-desktop-ready-draft-clean",
      "field": "/samples/10/values/1/bbox/2",
      "before": 40.40625,
      "after": 50.578125
    }
  ],
  "pairs": [
    {
      "state": "deepsea-desktop-event-warning",
      "beforeTimestamp": "2026-10-24T22:59:53Z",
      "afterTimestamp": "2026-10-24T23:07:24Z",
      "before": {
        "theme": "dark",
        "viewport": [
          1440,
          1000
        ],
        "pageWidth": 1440,
        "samples": [
          {
            "before": "bg-[var(--oh-interactive-hover)]",
            "after": "bg-interactive-hover",
            "count": 0,
            "values": []
          },
          {
            "before": "bg-[var(--oh-success)]/10",
            "after": "bg-semantic-success/10",
            "count": 1,
            "values": [
              {
                "tag": "SPAN",
                "testid": "automation-setup-draft-validity",
                "color": "rgb(165, 231, 94)",
                "background": "oklab(0.856028 -0.118667 0.1366 / 0.1)",
                "border": "rgb(165, 231, 94)",
                "bbox": [
                  998.25,
                  73,
                  94.859375,
                  20
                ]
              }
            ]
          },
          {
            "before": "bg-[var(--oh-surface)]",
            "after": "bg-surface",
            "count": 2,
            "values": [
              {
                "tag": "SECTION",
                "testid": "automation-setup-draft-details",
                "color": "rgb(238, 242, 247)",
                "background": "rgb(33, 37, 47)",
                "border": "rgb(75, 84, 104)",
                "bbox": [
                  464.5,
                  60,
                  800,
                  46
                ]
              },
              {
                "tag": "DIV",
                "testid": "automation-setup-prompt-container",
                "color": "rgb(238, 242, 247)",
                "background": "rgb(33, 37, 47)",
                "border": "rgb(75, 84, 104)",
                "bbox": [
                  464.5,
                  262,
                  800,
                  186
                ]
              }
            ]
          },
          {
            "before": "bg-[var(--oh-surface-raised)]",
            "after": "bg-surface-raised",
            "count": 2,
            "values": [
              {
                "tag": "DIV",
                "testid": "automation-setup-prompt-drawer",
                "color": "rgb(238, 242, 247)",
                "background": "rgb(44, 49, 63)",
                "border": "rgb(75, 84, 104)",
                "bbox": [
                  464.5,
                  433,
                  800,
                  56
                ]
              },
              {
                "tag": "BUTTON",
                "testid": null,
                "color": "rgb(238, 242, 247)",
                "background": "rgb(44, 49, 63)",
                "border": "rgb(75, 84, 104)",
                "bbox": [
                  868.5,
                  513,
                  396,
                  62
                ]
              }
            ]
          },
          {
            "before": "bg-[var(--oh-warning)]/10",
            "after": "bg-warning/10",
            "count": 0,
            "values": []
          },
          {
            "before": "border-[var(--oh-border)]",
            "after": "border-border",
            "count": 15,
            "values": [
              {
                "tag": "BUTTON",
                "testid": "automation-setup-save-draft",
                "color": "rgb(255, 255, 255)",
                "background": "rgb(33, 37, 47)",
                "border": "rgb(75, 84, 104)",
                "bbox": [
                  1164.71875,
                  5.5,
                  79.796875,
                  28
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-test",
                "color": "rgb(255, 255, 255)",
                "background": "rgb(33, 37, 47)",
                "border": "rgb(75, 84, 104)",
                "bbox": [
                  1250.515625,
                  5.5,
                  45.875,
                  28
                ]
              },
              {
                "tag": "SECTION",
                "testid": "automation-setup-draft-details",
                "color": "rgb(238, 242, 247)",
                "background": "rgb(33, 37, 47)",
                "border": "rgb(75, 84, 104)",
                "bbox": [
                  464.5,
                  60,
                  800,
                  46
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-view-test-runs",
                "color": "rgb(255, 255, 255)",
                "background": "rgb(33, 37, 47)",
                "border": "rgb(75, 84, 104)",
                "bbox": [
                  1099.109375,
                  69,
                  102.515625,
                  28
                ]
              }
            ]
          },
          {
            "before": "border-[var(--oh-interactive-hover)]",
            "after": "border-interactive-hover",
            "count": 1,
            "values": [
              {
                "tag": "BUTTON",
                "testid": null,
                "color": "rgb(238, 242, 247)",
                "background": "rgb(44, 49, 63)",
                "border": "rgb(75, 84, 104)",
                "bbox": [
                  868.5,
                  513,
                  396,
                  62
                ]
              }
            ]
          },
          {
            "before": "border-[var(--oh-success)]/40",
            "after": "border-semantic-success/40",
            "count": 0,
            "values": []
          },
          {
            "before": "border-[var(--oh-warning)]/40",
            "after": "border-warning/40",
            "count": 0,
            "values": []
          },
          {
            "before": "hover:border-[var(--oh-interactive-hover)]",
            "after": "hover:border-interactive-hover",
            "count": 1,
            "values": [
              {
                "tag": "BUTTON",
                "testid": null,
                "color": "rgb(238, 242, 247)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(75, 84, 104)",
                "bbox": [
                  464.5,
                  513,
                  396,
                  62
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-muted)]",
            "after": "text-muted",
            "count": 9,
            "values": [
              {
                "tag": "SPAN",
                "testid": "automation-setup-save-state",
                "color": "rgb(163, 176, 196)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(163, 176, 196)",
                "bbox": [
                  1058.46875,
                  11.5,
                  100.25,
                  16
                ]
              },
              {
                "tag": "SPAN",
                "testid": null,
                "color": "rgb(163, 176, 196)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(163, 176, 196)",
                "bbox": [
                  559.859375,
                  75,
                  50.578125,
                  16
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-model",
                "color": "rgb(163, 176, 196)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgba(0, 0, 0, 0)",
                "bbox": [
                  481.5,
                  409,
                  168.03125,
                  22
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-repository-add",
                "color": "rgb(163, 176, 196)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(163, 176, 196)",
                "bbox": [
                  569.625,
                  456,
                  24,
                  24
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-success)]",
            "after": "text-semantic-success",
            "count": 1,
            "values": [
              {
                "tag": "SPAN",
                "testid": "automation-setup-draft-validity",
                "color": "rgb(165, 231, 94)",
                "background": "oklab(0.856028 -0.118667 0.1366 / 0.1)",
                "border": "rgb(165, 231, 94)",
                "bbox": [
                  998.25,
                  73,
                  94.859375,
                  20
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-text-tertiary)]",
            "after": "text-text-tertiary",
            "count": 2,
            "values": [
              {
                "tag": "SPAN",
                "testid": null,
                "color": "rgb(220, 227, 238)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(220, 227, 238)",
                "bbox": [
                  501.5,
                  548,
                  189.59375,
                  16
                ]
              },
              {
                "tag": "SPAN",
                "testid": null,
                "color": "rgb(220, 227, 238)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(220, 227, 238)",
                "bbox": [
                  905.5,
                  548,
                  220.734375,
                  16
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-warning)]",
            "after": "text-warning",
            "count": 0,
            "values": []
          }
        ]
      },
      "after": {
        "theme": "dark",
        "viewport": [
          1440,
          1000
        ],
        "pageWidth": 1440,
        "samples": [
          {
            "before": "bg-[var(--oh-interactive-hover)]",
            "after": "bg-interactive-hover",
            "count": 0,
            "values": []
          },
          {
            "before": "bg-[var(--oh-success)]/10",
            "after": "bg-semantic-success/10",
            "count": 1,
            "values": [
              {
                "tag": "SPAN",
                "testid": "automation-setup-draft-validity",
                "color": "rgb(165, 231, 94)",
                "background": "oklab(0.856028 -0.118667 0.1366 / 0.1)",
                "border": "rgb(165, 231, 94)",
                "bbox": [
                  998.25,
                  73,
                  94.859375,
                  20
                ]
              }
            ]
          },
          {
            "before": "bg-[var(--oh-surface)]",
            "after": "bg-surface",
            "count": 2,
            "values": [
              {
                "tag": "SECTION",
                "testid": "automation-setup-draft-details",
                "color": "rgb(238, 242, 247)",
                "background": "rgb(33, 37, 47)",
                "border": "rgb(75, 84, 104)",
                "bbox": [
                  464.5,
                  60,
                  800,
                  46
                ]
              },
              {
                "tag": "DIV",
                "testid": "automation-setup-prompt-container",
                "color": "rgb(238, 242, 247)",
                "background": "rgb(33, 37, 47)",
                "border": "rgb(75, 84, 104)",
                "bbox": [
                  464.5,
                  262,
                  800,
                  186
                ]
              }
            ]
          },
          {
            "before": "bg-[var(--oh-surface-raised)]",
            "after": "bg-surface-raised",
            "count": 2,
            "values": [
              {
                "tag": "DIV",
                "testid": "automation-setup-prompt-drawer",
                "color": "rgb(238, 242, 247)",
                "background": "rgb(44, 49, 63)",
                "border": "rgb(75, 84, 104)",
                "bbox": [
                  464.5,
                  433,
                  800,
                  56
                ]
              },
              {
                "tag": "BUTTON",
                "testid": null,
                "color": "rgb(238, 242, 247)",
                "background": "rgb(44, 49, 63)",
                "border": "rgb(75, 84, 104)",
                "bbox": [
                  868.5,
                  513,
                  396,
                  62
                ]
              }
            ]
          },
          {
            "before": "bg-[var(--oh-warning)]/10",
            "after": "bg-warning/10",
            "count": 0,
            "values": []
          },
          {
            "before": "border-[var(--oh-border)]",
            "after": "border-border",
            "count": 15,
            "values": [
              {
                "tag": "BUTTON",
                "testid": "automation-setup-save-draft",
                "color": "rgb(255, 255, 255)",
                "background": "rgb(33, 37, 47)",
                "border": "rgb(75, 84, 104)",
                "bbox": [
                  1164.71875,
                  5.5,
                  79.796875,
                  28
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-test",
                "color": "rgb(255, 255, 255)",
                "background": "rgb(33, 37, 47)",
                "border": "rgb(75, 84, 104)",
                "bbox": [
                  1250.515625,
                  5.5,
                  45.875,
                  28
                ]
              },
              {
                "tag": "SECTION",
                "testid": "automation-setup-draft-details",
                "color": "rgb(238, 242, 247)",
                "background": "rgb(33, 37, 47)",
                "border": "rgb(75, 84, 104)",
                "bbox": [
                  464.5,
                  60,
                  800,
                  46
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-view-test-runs",
                "color": "rgb(255, 255, 255)",
                "background": "rgb(33, 37, 47)",
                "border": "rgb(75, 84, 104)",
                "bbox": [
                  1099.109375,
                  69,
                  102.515625,
                  28
                ]
              }
            ]
          },
          {
            "before": "border-[var(--oh-interactive-hover)]",
            "after": "border-interactive-hover",
            "count": 1,
            "values": [
              {
                "tag": "BUTTON",
                "testid": null,
                "color": "rgb(238, 242, 247)",
                "background": "rgb(44, 49, 63)",
                "border": "rgb(75, 84, 104)",
                "bbox": [
                  868.5,
                  513,
                  396,
                  62
                ]
              }
            ]
          },
          {
            "before": "border-[var(--oh-success)]/40",
            "after": "border-semantic-success/40",
            "count": 0,
            "values": []
          },
          {
            "before": "border-[var(--oh-warning)]/40",
            "after": "border-warning/40",
            "count": 0,
            "values": []
          },
          {
            "before": "hover:border-[var(--oh-interactive-hover)]",
            "after": "hover:border-interactive-hover",
            "count": 1,
            "values": [
              {
                "tag": "BUTTON",
                "testid": null,
                "color": "rgb(238, 242, 247)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(75, 84, 104)",
                "bbox": [
                  464.5,
                  513,
                  396,
                  62
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-muted)]",
            "after": "text-muted",
            "count": 9,
            "values": [
              {
                "tag": "SPAN",
                "testid": "automation-setup-save-state",
                "color": "rgb(163, 176, 196)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(163, 176, 196)",
                "bbox": [
                  1058.46875,
                  11.5,
                  100.25,
                  16
                ]
              },
              {
                "tag": "SPAN",
                "testid": null,
                "color": "rgb(163, 176, 196)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(163, 176, 196)",
                "bbox": [
                  559.859375,
                  75,
                  50.578125,
                  16
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-model",
                "color": "rgb(163, 176, 196)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgba(0, 0, 0, 0)",
                "bbox": [
                  481.5,
                  409,
                  168.03125,
                  22
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-repository-add",
                "color": "rgb(163, 176, 196)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(163, 176, 196)",
                "bbox": [
                  569.625,
                  456,
                  24,
                  24
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-success)]",
            "after": "text-semantic-success",
            "count": 1,
            "values": [
              {
                "tag": "SPAN",
                "testid": "automation-setup-draft-validity",
                "color": "rgb(165, 231, 94)",
                "background": "oklab(0.856028 -0.118667 0.1366 / 0.1)",
                "border": "rgb(165, 231, 94)",
                "bbox": [
                  998.25,
                  73,
                  94.859375,
                  20
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-text-tertiary)]",
            "after": "text-text-tertiary",
            "count": 2,
            "values": [
              {
                "tag": "SPAN",
                "testid": null,
                "color": "rgb(220, 227, 238)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(220, 227, 238)",
                "bbox": [
                  501.5,
                  548,
                  189.59375,
                  16
                ]
              },
              {
                "tag": "SPAN",
                "testid": null,
                "color": "rgb(220, 227, 238)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(220, 227, 238)",
                "bbox": [
                  905.5,
                  548,
                  220.734375,
                  16
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-warning)]",
            "after": "text-warning",
            "count": 0,
            "values": []
          }
        ]
      },
      "differences": []
    },
    {
      "state": "deepsea-desktop-ready-draft-clean",
      "beforeTimestamp": "2026-10-24T22:59:53Z",
      "afterTimestamp": "2026-10-24T23:07:23Z",
      "before": {
        "theme": "dark",
        "viewport": [
          1440,
          1000
        ],
        "pageWidth": 1440,
        "samples": [
          {
            "before": "bg-[var(--oh-interactive-hover)]",
            "after": "bg-interactive-hover",
            "count": 0,
            "values": []
          },
          {
            "before": "bg-[var(--oh-success)]/10",
            "after": "bg-semantic-success/10",
            "count": 1,
            "values": [
              {
                "tag": "SPAN",
                "testid": "automation-setup-draft-validity",
                "color": "rgb(165, 231, 94)",
                "background": "oklab(0.856028 -0.118667 0.1366 / 0.1)",
                "border": "rgb(165, 231, 94)",
                "bbox": [
                  998.25,
                  73,
                  94.859375,
                  20
                ]
              }
            ]
          },
          {
            "before": "bg-[var(--oh-surface)]",
            "after": "bg-surface",
            "count": 2,
            "values": [
              {
                "tag": "SECTION",
                "testid": "automation-setup-draft-details",
                "color": "rgb(238, 242, 247)",
                "background": "rgb(33, 37, 47)",
                "border": "rgb(75, 84, 104)",
                "bbox": [
                  464.5,
                  60,
                  800,
                  46
                ]
              },
              {
                "tag": "DIV",
                "testid": "automation-setup-prompt-container",
                "color": "rgb(238, 242, 247)",
                "background": "rgb(33, 37, 47)",
                "border": "rgb(75, 84, 104)",
                "bbox": [
                  464.5,
                  262,
                  800,
                  186
                ]
              }
            ]
          },
          {
            "before": "bg-[var(--oh-surface-raised)]",
            "after": "bg-surface-raised",
            "count": 3,
            "values": [
              {
                "tag": "DIV",
                "testid": "automation-setup-prompt-drawer",
                "color": "rgb(238, 242, 247)",
                "background": "rgb(44, 49, 63)",
                "border": "rgb(75, 84, 104)",
                "bbox": [
                  464.5,
                  433,
                  800,
                  56
                ]
              },
              {
                "tag": "BUTTON",
                "testid": null,
                "color": "rgb(238, 242, 247)",
                "background": "rgb(44, 49, 63)",
                "border": "rgb(75, 84, 104)",
                "bbox": [
                  464.5,
                  513,
                  396,
                  62
                ]
              },
              {
                "tag": "DIV",
                "testid": null,
                "color": "rgb(238, 242, 247)",
                "background": "rgb(44, 49, 63)",
                "border": "rgb(238, 242, 247)",
                "bbox": [
                  540.59375,
                  599,
                  435.515625,
                  36
                ]
              }
            ]
          },
          {
            "before": "bg-[var(--oh-warning)]/10",
            "after": "bg-warning/10",
            "count": 0,
            "values": []
          },
          {
            "before": "border-[var(--oh-border)]",
            "after": "border-border",
            "count": 13,
            "values": [
              {
                "tag": "BUTTON",
                "testid": "automation-setup-save-draft",
                "color": "rgb(255, 255, 255)",
                "background": "rgb(33, 37, 47)",
                "border": "rgb(75, 84, 104)",
                "bbox": [
                  1164.71875,
                  5.5,
                  79.796875,
                  28
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-test",
                "color": "rgb(255, 255, 255)",
                "background": "rgb(33, 37, 47)",
                "border": "rgb(75, 84, 104)",
                "bbox": [
                  1250.515625,
                  5.5,
                  45.875,
                  28
                ]
              },
              {
                "tag": "SECTION",
                "testid": "automation-setup-draft-details",
                "color": "rgb(238, 242, 247)",
                "background": "rgb(33, 37, 47)",
                "border": "rgb(75, 84, 104)",
                "bbox": [
                  464.5,
                  60,
                  800,
                  46
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-view-test-runs",
                "color": "rgb(255, 255, 255)",
                "background": "rgb(33, 37, 47)",
                "border": "rgb(75, 84, 104)",
                "bbox": [
                  1099.109375,
                  69,
                  102.515625,
                  28
                ]
              }
            ]
          },
          {
            "before": "border-[var(--oh-interactive-hover)]",
            "after": "border-interactive-hover",
            "count": 2,
            "values": [
              {
                "tag": "BUTTON",
                "testid": null,
                "color": "rgb(238, 242, 247)",
                "background": "rgb(44, 49, 63)",
                "border": "rgb(75, 84, 104)",
                "bbox": [
                  464.5,
                  513,
                  396,
                  62
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-frequency-custom",
                "color": "rgb(238, 242, 247)",
                "background": "rgb(33, 37, 47)",
                "border": "rgb(75, 84, 104)",
                "bbox": [
                  910.125,
                  601,
                  63.984375,
                  32
                ]
              }
            ]
          },
          {
            "before": "border-[var(--oh-success)]/40",
            "after": "border-semantic-success/40",
            "count": 0,
            "values": []
          },
          {
            "before": "border-[var(--oh-warning)]/40",
            "after": "border-warning/40",
            "count": 0,
            "values": []
          },
          {
            "before": "hover:border-[var(--oh-interactive-hover)]",
            "after": "hover:border-interactive-hover",
            "count": 1,
            "values": [
              {
                "tag": "BUTTON",
                "testid": null,
                "color": "rgb(238, 242, 247)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(75, 84, 104)",
                "bbox": [
                  868.5,
                  513,
                  396,
                  62
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-muted)]",
            "after": "text-muted",
            "count": 13,
            "values": [
              {
                "tag": "SPAN",
                "testid": "automation-setup-save-state",
                "color": "rgb(163, 176, 196)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(163, 176, 196)",
                "bbox": [
                  1073.734375,
                  11.5,
                  84.984375,
                  16
                ]
              },
              {
                "tag": "SPAN",
                "testid": null,
                "color": "rgb(163, 176, 196)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(163, 176, 196)",
                "bbox": [
                  559.859375,
                  75,
                  50.578125,
                  16
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-model",
                "color": "rgb(163, 176, 196)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgba(0, 0, 0, 0)",
                "bbox": [
                  481.5,
                  409,
                  168.03125,
                  22
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-repository-add",
                "color": "rgb(163, 176, 196)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(163, 176, 196)",
                "bbox": [
                  569.625,
                  456,
                  24,
                  24
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-success)]",
            "after": "text-semantic-success",
            "count": 1,
            "values": [
              {
                "tag": "SPAN",
                "testid": "automation-setup-draft-validity",
                "color": "rgb(165, 231, 94)",
                "background": "oklab(0.856028 -0.118667 0.1366 / 0.1)",
                "border": "rgb(165, 231, 94)",
                "bbox": [
                  998.25,
                  73,
                  94.859375,
                  20
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-text-tertiary)]",
            "after": "text-text-tertiary",
            "count": 2,
            "values": [
              {
                "tag": "SPAN",
                "testid": null,
                "color": "rgb(220, 227, 238)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(220, 227, 238)",
                "bbox": [
                  501.5,
                  548,
                  189.59375,
                  16
                ]
              },
              {
                "tag": "SPAN",
                "testid": null,
                "color": "rgb(220, 227, 238)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(220, 227, 238)",
                "bbox": [
                  905.5,
                  548,
                  220.734375,
                  16
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-warning)]",
            "after": "text-warning",
            "count": 0,
            "values": []
          }
        ]
      },
      "after": {
        "theme": "dark",
        "viewport": [
          1440,
          1000
        ],
        "pageWidth": 1440,
        "samples": [
          {
            "before": "bg-[var(--oh-interactive-hover)]",
            "after": "bg-interactive-hover",
            "count": 0,
            "values": []
          },
          {
            "before": "bg-[var(--oh-success)]/10",
            "after": "bg-semantic-success/10",
            "count": 1,
            "values": [
              {
                "tag": "SPAN",
                "testid": "automation-setup-draft-validity",
                "color": "rgb(165, 231, 94)",
                "background": "oklab(0.856028 -0.118667 0.1366 / 0.1)",
                "border": "rgb(165, 231, 94)",
                "bbox": [
                  998.25,
                  73,
                  94.859375,
                  20
                ]
              }
            ]
          },
          {
            "before": "bg-[var(--oh-surface)]",
            "after": "bg-surface",
            "count": 2,
            "values": [
              {
                "tag": "SECTION",
                "testid": "automation-setup-draft-details",
                "color": "rgb(238, 242, 247)",
                "background": "rgb(33, 37, 47)",
                "border": "rgb(75, 84, 104)",
                "bbox": [
                  464.5,
                  60,
                  800,
                  46
                ]
              },
              {
                "tag": "DIV",
                "testid": "automation-setup-prompt-container",
                "color": "rgb(238, 242, 247)",
                "background": "rgb(33, 37, 47)",
                "border": "rgb(75, 84, 104)",
                "bbox": [
                  464.5,
                  262,
                  800,
                  186
                ]
              }
            ]
          },
          {
            "before": "bg-[var(--oh-surface-raised)]",
            "after": "bg-surface-raised",
            "count": 3,
            "values": [
              {
                "tag": "DIV",
                "testid": "automation-setup-prompt-drawer",
                "color": "rgb(238, 242, 247)",
                "background": "rgb(44, 49, 63)",
                "border": "rgb(75, 84, 104)",
                "bbox": [
                  464.5,
                  433,
                  800,
                  56
                ]
              },
              {
                "tag": "BUTTON",
                "testid": null,
                "color": "rgb(238, 242, 247)",
                "background": "rgb(44, 49, 63)",
                "border": "rgb(75, 84, 104)",
                "bbox": [
                  464.5,
                  513,
                  396,
                  62
                ]
              },
              {
                "tag": "DIV",
                "testid": null,
                "color": "rgb(238, 242, 247)",
                "background": "rgb(44, 49, 63)",
                "border": "rgb(238, 242, 247)",
                "bbox": [
                  540.59375,
                  599,
                  435.515625,
                  36
                ]
              }
            ]
          },
          {
            "before": "bg-[var(--oh-warning)]/10",
            "after": "bg-warning/10",
            "count": 0,
            "values": []
          },
          {
            "before": "border-[var(--oh-border)]",
            "after": "border-border",
            "count": 13,
            "values": [
              {
                "tag": "BUTTON",
                "testid": "automation-setup-save-draft",
                "color": "rgb(255, 255, 255)",
                "background": "rgb(33, 37, 47)",
                "border": "rgb(75, 84, 104)",
                "bbox": [
                  1164.71875,
                  5.5,
                  79.796875,
                  28
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-test",
                "color": "rgb(255, 255, 255)",
                "background": "rgb(33, 37, 47)",
                "border": "rgb(75, 84, 104)",
                "bbox": [
                  1250.515625,
                  5.5,
                  45.875,
                  28
                ]
              },
              {
                "tag": "SECTION",
                "testid": "automation-setup-draft-details",
                "color": "rgb(238, 242, 247)",
                "background": "rgb(33, 37, 47)",
                "border": "rgb(75, 84, 104)",
                "bbox": [
                  464.5,
                  60,
                  800,
                  46
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-view-test-runs",
                "color": "rgb(255, 255, 255)",
                "background": "rgb(33, 37, 47)",
                "border": "rgb(75, 84, 104)",
                "bbox": [
                  1099.109375,
                  69,
                  102.515625,
                  28
                ]
              }
            ]
          },
          {
            "before": "border-[var(--oh-interactive-hover)]",
            "after": "border-interactive-hover",
            "count": 2,
            "values": [
              {
                "tag": "BUTTON",
                "testid": null,
                "color": "rgb(238, 242, 247)",
                "background": "rgb(44, 49, 63)",
                "border": "rgb(75, 84, 104)",
                "bbox": [
                  464.5,
                  513,
                  396,
                  62
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-frequency-custom",
                "color": "rgb(238, 242, 247)",
                "background": "rgb(33, 37, 47)",
                "border": "rgb(75, 84, 104)",
                "bbox": [
                  910.125,
                  601,
                  63.984375,
                  32
                ]
              }
            ]
          },
          {
            "before": "border-[var(--oh-success)]/40",
            "after": "border-semantic-success/40",
            "count": 0,
            "values": []
          },
          {
            "before": "border-[var(--oh-warning)]/40",
            "after": "border-warning/40",
            "count": 0,
            "values": []
          },
          {
            "before": "hover:border-[var(--oh-interactive-hover)]",
            "after": "hover:border-interactive-hover",
            "count": 1,
            "values": [
              {
                "tag": "BUTTON",
                "testid": null,
                "color": "rgb(238, 242, 247)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(75, 84, 104)",
                "bbox": [
                  868.5,
                  513,
                  396,
                  62
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-muted)]",
            "after": "text-muted",
            "count": 13,
            "values": [
              {
                "tag": "SPAN",
                "testid": "automation-setup-save-state",
                "color": "rgb(163, 176, 196)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(163, 176, 196)",
                "bbox": [
                  1073.734375,
                  11.5,
                  84.984375,
                  16
                ]
              },
              {
                "tag": "SPAN",
                "testid": null,
                "color": "rgb(163, 176, 196)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(163, 176, 196)",
                "bbox": [
                  559.859375,
                  75,
                  50.578125,
                  16
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-model",
                "color": "rgb(163, 176, 196)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgba(0, 0, 0, 0)",
                "bbox": [
                  481.5,
                  409,
                  168.03125,
                  22
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-repository-add",
                "color": "rgb(163, 176, 196)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(163, 176, 196)",
                "bbox": [
                  569.625,
                  456,
                  24,
                  24
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-success)]",
            "after": "text-semantic-success",
            "count": 1,
            "values": [
              {
                "tag": "SPAN",
                "testid": "automation-setup-draft-validity",
                "color": "rgb(165, 231, 94)",
                "background": "oklab(0.856028 -0.118667 0.1366 / 0.1)",
                "border": "rgb(165, 231, 94)",
                "bbox": [
                  998.25,
                  73,
                  94.859375,
                  20
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-text-tertiary)]",
            "after": "text-text-tertiary",
            "count": 2,
            "values": [
              {
                "tag": "SPAN",
                "testid": null,
                "color": "rgb(220, 227, 238)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(220, 227, 238)",
                "bbox": [
                  501.5,
                  548,
                  189.59375,
                  16
                ]
              },
              {
                "tag": "SPAN",
                "testid": null,
                "color": "rgb(220, 227, 238)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(220, 227, 238)",
                "bbox": [
                  905.5,
                  548,
                  220.734375,
                  16
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-warning)]",
            "after": "text-warning",
            "count": 0,
            "values": []
          }
        ]
      },
      "differences": []
    },
    {
      "state": "light-plus-desktop-event-warning",
      "beforeTimestamp": "2026-10-24T23:00:00Z",
      "afterTimestamp": "2026-10-24T23:07:30Z",
      "before": {
        "theme": "light",
        "viewport": [
          1440,
          1000
        ],
        "pageWidth": 1440,
        "samples": [
          {
            "before": "bg-[var(--oh-interactive-hover)]",
            "after": "bg-interactive-hover",
            "count": 0,
            "values": []
          },
          {
            "before": "bg-[var(--oh-success)]/10",
            "after": "bg-semantic-success/10",
            "count": 1,
            "values": [
              {
                "tag": "SPAN",
                "testid": "automation-setup-draft-validity",
                "color": "rgb(22, 130, 93)",
                "background": "oklab(0.539806 -0.10479 0.0304482 / 0.1)",
                "border": "rgb(22, 130, 93)",
                "bbox": [
                  998.25,
                  73,
                  94.859375,
                  20
                ]
              }
            ]
          },
          {
            "before": "bg-[var(--oh-surface)]",
            "after": "bg-surface",
            "count": 2,
            "values": [
              {
                "tag": "SECTION",
                "testid": "automation-setup-draft-details",
                "color": "rgb(31, 31, 31)",
                "background": "rgb(243, 243, 243)",
                "border": "rgb(212, 212, 212)",
                "bbox": [
                  464.5,
                  60,
                  800,
                  46
                ]
              },
              {
                "tag": "DIV",
                "testid": "automation-setup-prompt-container",
                "color": "rgb(31, 31, 31)",
                "background": "rgb(243, 243, 243)",
                "border": "rgb(212, 212, 212)",
                "bbox": [
                  464.5,
                  262,
                  800,
                  186
                ]
              }
            ]
          },
          {
            "before": "bg-[var(--oh-surface-raised)]",
            "after": "bg-surface-raised",
            "count": 2,
            "values": [
              {
                "tag": "DIV",
                "testid": "automation-setup-prompt-drawer",
                "color": "rgb(31, 31, 31)",
                "background": "rgb(238, 238, 238)",
                "border": "rgb(212, 212, 212)",
                "bbox": [
                  464.5,
                  433,
                  800,
                  56
                ]
              },
              {
                "tag": "BUTTON",
                "testid": null,
                "color": "rgb(36, 36, 36)",
                "background": "rgb(238, 238, 238)",
                "border": "rgb(229, 229, 229)",
                "bbox": [
                  868.5,
                  513,
                  396,
                  62
                ]
              }
            ]
          },
          {
            "before": "bg-[var(--oh-warning)]/10",
            "after": "bg-warning/10",
            "count": 0,
            "values": []
          },
          {
            "before": "border-[var(--oh-border)]",
            "after": "border-border",
            "count": 15,
            "values": [
              {
                "tag": "BUTTON",
                "testid": "automation-setup-save-draft",
                "color": "rgb(31, 31, 31)",
                "background": "rgb(243, 243, 243)",
                "border": "rgb(212, 212, 212)",
                "bbox": [
                  1164.71875,
                  5.5,
                  79.796875,
                  28
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-test",
                "color": "rgb(31, 31, 31)",
                "background": "rgb(243, 243, 243)",
                "border": "rgb(212, 212, 212)",
                "bbox": [
                  1250.515625,
                  5.5,
                  45.875,
                  28
                ]
              },
              {
                "tag": "SECTION",
                "testid": "automation-setup-draft-details",
                "color": "rgb(31, 31, 31)",
                "background": "rgb(243, 243, 243)",
                "border": "rgb(212, 212, 212)",
                "bbox": [
                  464.5,
                  60,
                  800,
                  46
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-view-test-runs",
                "color": "rgb(31, 31, 31)",
                "background": "rgb(243, 243, 243)",
                "border": "rgb(212, 212, 212)",
                "bbox": [
                  1099.109375,
                  69,
                  102.515625,
                  28
                ]
              }
            ]
          },
          {
            "before": "border-[var(--oh-interactive-hover)]",
            "after": "border-interactive-hover",
            "count": 1,
            "values": [
              {
                "tag": "BUTTON",
                "testid": null,
                "color": "rgb(36, 36, 36)",
                "background": "rgb(238, 238, 238)",
                "border": "rgb(229, 229, 229)",
                "bbox": [
                  868.5,
                  513,
                  396,
                  62
                ]
              }
            ]
          },
          {
            "before": "border-[var(--oh-success)]/40",
            "after": "border-semantic-success/40",
            "count": 0,
            "values": []
          },
          {
            "before": "border-[var(--oh-warning)]/40",
            "after": "border-warning/40",
            "count": 0,
            "values": []
          },
          {
            "before": "hover:border-[var(--oh-interactive-hover)]",
            "after": "hover:border-interactive-hover",
            "count": 1,
            "values": [
              {
                "tag": "BUTTON",
                "testid": null,
                "color": "rgb(36, 36, 36)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(212, 212, 212)",
                "bbox": [
                  464.5,
                  513,
                  396,
                  62
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-muted)]",
            "after": "text-muted",
            "count": 9,
            "values": [
              {
                "tag": "SPAN",
                "testid": "automation-setup-save-state",
                "color": "rgb(97, 97, 97)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(97, 97, 97)",
                "bbox": [
                  1058.46875,
                  11.5,
                  100.25,
                  16
                ]
              },
              {
                "tag": "SPAN",
                "testid": null,
                "color": "rgb(97, 97, 97)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(97, 97, 97)",
                "bbox": [
                  559.859375,
                  75,
                  50.578125,
                  16
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-model",
                "color": "rgb(97, 97, 97)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgba(0, 0, 0, 0)",
                "bbox": [
                  481.5,
                  409,
                  168.03125,
                  22
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-repository-add",
                "color": "rgb(97, 97, 97)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(97, 97, 97)",
                "bbox": [
                  569.625,
                  456,
                  24,
                  24
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-success)]",
            "after": "text-semantic-success",
            "count": 1,
            "values": [
              {
                "tag": "SPAN",
                "testid": "automation-setup-draft-validity",
                "color": "rgb(22, 130, 93)",
                "background": "oklab(0.539806 -0.10479 0.0304482 / 0.1)",
                "border": "rgb(22, 130, 93)",
                "bbox": [
                  998.25,
                  73,
                  94.859375,
                  20
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-text-tertiary)]",
            "after": "text-text-tertiary",
            "count": 2,
            "values": [
              {
                "tag": "SPAN",
                "testid": null,
                "color": "rgb(77, 77, 77)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(77, 77, 77)",
                "bbox": [
                  501.5,
                  548,
                  189.59375,
                  16
                ]
              },
              {
                "tag": "SPAN",
                "testid": null,
                "color": "rgb(77, 77, 77)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(77, 77, 77)",
                "bbox": [
                  905.5,
                  548,
                  220.734375,
                  16
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-warning)]",
            "after": "text-warning",
            "count": 0,
            "values": []
          }
        ]
      },
      "after": {
        "theme": "light",
        "viewport": [
          1440,
          1000
        ],
        "pageWidth": 1440,
        "samples": [
          {
            "before": "bg-[var(--oh-interactive-hover)]",
            "after": "bg-interactive-hover",
            "count": 0,
            "values": []
          },
          {
            "before": "bg-[var(--oh-success)]/10",
            "after": "bg-semantic-success/10",
            "count": 1,
            "values": [
              {
                "tag": "SPAN",
                "testid": "automation-setup-draft-validity",
                "color": "rgb(22, 130, 93)",
                "background": "oklab(0.539806 -0.10479 0.0304482 / 0.1)",
                "border": "rgb(22, 130, 93)",
                "bbox": [
                  998.25,
                  73,
                  94.859375,
                  20
                ]
              }
            ]
          },
          {
            "before": "bg-[var(--oh-surface)]",
            "after": "bg-surface",
            "count": 2,
            "values": [
              {
                "tag": "SECTION",
                "testid": "automation-setup-draft-details",
                "color": "rgb(31, 31, 31)",
                "background": "rgb(243, 243, 243)",
                "border": "rgb(212, 212, 212)",
                "bbox": [
                  464.5,
                  60,
                  800,
                  46
                ]
              },
              {
                "tag": "DIV",
                "testid": "automation-setup-prompt-container",
                "color": "rgb(31, 31, 31)",
                "background": "rgb(243, 243, 243)",
                "border": "rgb(212, 212, 212)",
                "bbox": [
                  464.5,
                  262,
                  800,
                  186
                ]
              }
            ]
          },
          {
            "before": "bg-[var(--oh-surface-raised)]",
            "after": "bg-surface-raised",
            "count": 2,
            "values": [
              {
                "tag": "DIV",
                "testid": "automation-setup-prompt-drawer",
                "color": "rgb(31, 31, 31)",
                "background": "rgb(238, 238, 238)",
                "border": "rgb(212, 212, 212)",
                "bbox": [
                  464.5,
                  433,
                  800,
                  56
                ]
              },
              {
                "tag": "BUTTON",
                "testid": null,
                "color": "rgb(36, 36, 36)",
                "background": "rgb(238, 238, 238)",
                "border": "rgb(229, 229, 229)",
                "bbox": [
                  868.5,
                  513,
                  396,
                  62
                ]
              }
            ]
          },
          {
            "before": "bg-[var(--oh-warning)]/10",
            "after": "bg-warning/10",
            "count": 0,
            "values": []
          },
          {
            "before": "border-[var(--oh-border)]",
            "after": "border-border",
            "count": 15,
            "values": [
              {
                "tag": "BUTTON",
                "testid": "automation-setup-save-draft",
                "color": "rgb(31, 31, 31)",
                "background": "rgb(243, 243, 243)",
                "border": "rgb(212, 212, 212)",
                "bbox": [
                  1164.71875,
                  5.5,
                  79.796875,
                  28
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-test",
                "color": "rgb(31, 31, 31)",
                "background": "rgb(243, 243, 243)",
                "border": "rgb(212, 212, 212)",
                "bbox": [
                  1250.515625,
                  5.5,
                  45.875,
                  28
                ]
              },
              {
                "tag": "SECTION",
                "testid": "automation-setup-draft-details",
                "color": "rgb(31, 31, 31)",
                "background": "rgb(243, 243, 243)",
                "border": "rgb(212, 212, 212)",
                "bbox": [
                  464.5,
                  60,
                  800,
                  46
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-view-test-runs",
                "color": "rgb(31, 31, 31)",
                "background": "rgb(243, 243, 243)",
                "border": "rgb(212, 212, 212)",
                "bbox": [
                  1099.109375,
                  69,
                  102.515625,
                  28
                ]
              }
            ]
          },
          {
            "before": "border-[var(--oh-interactive-hover)]",
            "after": "border-interactive-hover",
            "count": 1,
            "values": [
              {
                "tag": "BUTTON",
                "testid": null,
                "color": "rgb(36, 36, 36)",
                "background": "rgb(238, 238, 238)",
                "border": "rgb(229, 229, 229)",
                "bbox": [
                  868.5,
                  513,
                  396,
                  62
                ]
              }
            ]
          },
          {
            "before": "border-[var(--oh-success)]/40",
            "after": "border-semantic-success/40",
            "count": 0,
            "values": []
          },
          {
            "before": "border-[var(--oh-warning)]/40",
            "after": "border-warning/40",
            "count": 0,
            "values": []
          },
          {
            "before": "hover:border-[var(--oh-interactive-hover)]",
            "after": "hover:border-interactive-hover",
            "count": 1,
            "values": [
              {
                "tag": "BUTTON",
                "testid": null,
                "color": "rgb(36, 36, 36)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(212, 212, 212)",
                "bbox": [
                  464.5,
                  513,
                  396,
                  62
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-muted)]",
            "after": "text-muted",
            "count": 9,
            "values": [
              {
                "tag": "SPAN",
                "testid": "automation-setup-save-state",
                "color": "rgb(97, 97, 97)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(97, 97, 97)",
                "bbox": [
                  1058.46875,
                  11.5,
                  100.25,
                  16
                ]
              },
              {
                "tag": "SPAN",
                "testid": null,
                "color": "rgb(97, 97, 97)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(97, 97, 97)",
                "bbox": [
                  559.859375,
                  75,
                  50.578125,
                  16
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-model",
                "color": "rgb(97, 97, 97)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgba(0, 0, 0, 0)",
                "bbox": [
                  481.5,
                  409,
                  168.03125,
                  22
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-repository-add",
                "color": "rgb(97, 97, 97)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(97, 97, 97)",
                "bbox": [
                  569.625,
                  456,
                  24,
                  24
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-success)]",
            "after": "text-semantic-success",
            "count": 1,
            "values": [
              {
                "tag": "SPAN",
                "testid": "automation-setup-draft-validity",
                "color": "rgb(22, 130, 93)",
                "background": "oklab(0.539806 -0.10479 0.0304482 / 0.1)",
                "border": "rgb(22, 130, 93)",
                "bbox": [
                  998.25,
                  73,
                  94.859375,
                  20
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-text-tertiary)]",
            "after": "text-text-tertiary",
            "count": 2,
            "values": [
              {
                "tag": "SPAN",
                "testid": null,
                "color": "rgb(77, 77, 77)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(77, 77, 77)",
                "bbox": [
                  501.5,
                  548,
                  189.59375,
                  16
                ]
              },
              {
                "tag": "SPAN",
                "testid": null,
                "color": "rgb(77, 77, 77)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(77, 77, 77)",
                "bbox": [
                  905.5,
                  548,
                  220.734375,
                  16
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-warning)]",
            "after": "text-warning",
            "count": 0,
            "values": []
          }
        ]
      },
      "differences": []
    },
    {
      "state": "light-plus-desktop-ready-draft-clean",
      "beforeTimestamp": "2026-10-24T23:00:00Z",
      "afterTimestamp": "2026-10-24T23:07:29Z",
      "before": {
        "theme": "light",
        "viewport": [
          1440,
          1000
        ],
        "pageWidth": 1440,
        "samples": [
          {
            "before": "bg-[var(--oh-interactive-hover)]",
            "after": "bg-interactive-hover",
            "count": 0,
            "values": []
          },
          {
            "before": "bg-[var(--oh-success)]/10",
            "after": "bg-semantic-success/10",
            "count": 1,
            "values": [
              {
                "tag": "SPAN",
                "testid": "automation-setup-draft-validity",
                "color": "rgb(22, 130, 93)",
                "background": "oklab(0.539806 -0.10479 0.0304482 / 0.1)",
                "border": "rgb(22, 130, 93)",
                "bbox": [
                  998.25,
                  73,
                  94.859375,
                  20
                ]
              }
            ]
          },
          {
            "before": "bg-[var(--oh-surface)]",
            "after": "bg-surface",
            "count": 2,
            "values": [
              {
                "tag": "SECTION",
                "testid": "automation-setup-draft-details",
                "color": "rgb(31, 31, 31)",
                "background": "rgb(243, 243, 243)",
                "border": "rgb(212, 212, 212)",
                "bbox": [
                  464.5,
                  60,
                  800,
                  46
                ]
              },
              {
                "tag": "DIV",
                "testid": "automation-setup-prompt-container",
                "color": "rgb(31, 31, 31)",
                "background": "rgb(243, 243, 243)",
                "border": "rgb(212, 212, 212)",
                "bbox": [
                  464.5,
                  262,
                  800,
                  186
                ]
              }
            ]
          },
          {
            "before": "bg-[var(--oh-surface-raised)]",
            "after": "bg-surface-raised",
            "count": 3,
            "values": [
              {
                "tag": "DIV",
                "testid": "automation-setup-prompt-drawer",
                "color": "rgb(31, 31, 31)",
                "background": "rgb(238, 238, 238)",
                "border": "rgb(212, 212, 212)",
                "bbox": [
                  464.5,
                  433,
                  800,
                  56
                ]
              },
              {
                "tag": "BUTTON",
                "testid": null,
                "color": "rgb(36, 36, 36)",
                "background": "rgb(238, 238, 238)",
                "border": "rgb(229, 229, 229)",
                "bbox": [
                  464.5,
                  513,
                  396,
                  62
                ]
              },
              {
                "tag": "DIV",
                "testid": null,
                "color": "rgb(31, 31, 31)",
                "background": "rgb(238, 238, 238)",
                "border": "rgb(31, 31, 31)",
                "bbox": [
                  540.59375,
                  599,
                  435.515625,
                  36
                ]
              }
            ]
          },
          {
            "before": "bg-[var(--oh-warning)]/10",
            "after": "bg-warning/10",
            "count": 0,
            "values": []
          },
          {
            "before": "border-[var(--oh-border)]",
            "after": "border-border",
            "count": 13,
            "values": [
              {
                "tag": "BUTTON",
                "testid": "automation-setup-save-draft",
                "color": "rgb(31, 31, 31)",
                "background": "rgb(243, 243, 243)",
                "border": "rgb(212, 212, 212)",
                "bbox": [
                  1164.71875,
                  5.5,
                  79.796875,
                  28
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-test",
                "color": "rgb(31, 31, 31)",
                "background": "rgb(243, 243, 243)",
                "border": "rgb(212, 212, 212)",
                "bbox": [
                  1250.515625,
                  5.5,
                  45.875,
                  28
                ]
              },
              {
                "tag": "SECTION",
                "testid": "automation-setup-draft-details",
                "color": "rgb(31, 31, 31)",
                "background": "rgb(243, 243, 243)",
                "border": "rgb(212, 212, 212)",
                "bbox": [
                  464.5,
                  60,
                  800,
                  46
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-view-test-runs",
                "color": "rgb(31, 31, 31)",
                "background": "rgb(243, 243, 243)",
                "border": "rgb(212, 212, 212)",
                "bbox": [
                  1099.109375,
                  69,
                  102.515625,
                  28
                ]
              }
            ]
          },
          {
            "before": "border-[var(--oh-interactive-hover)]",
            "after": "border-interactive-hover",
            "count": 2,
            "values": [
              {
                "tag": "BUTTON",
                "testid": null,
                "color": "rgb(36, 36, 36)",
                "background": "rgb(238, 238, 238)",
                "border": "rgb(229, 229, 229)",
                "bbox": [
                  464.5,
                  513,
                  396,
                  62
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-frequency-custom",
                "color": "rgb(36, 36, 36)",
                "background": "rgb(243, 243, 243)",
                "border": "rgb(229, 229, 229)",
                "bbox": [
                  910.125,
                  601,
                  63.984375,
                  32
                ]
              }
            ]
          },
          {
            "before": "border-[var(--oh-success)]/40",
            "after": "border-semantic-success/40",
            "count": 0,
            "values": []
          },
          {
            "before": "border-[var(--oh-warning)]/40",
            "after": "border-warning/40",
            "count": 0,
            "values": []
          },
          {
            "before": "hover:border-[var(--oh-interactive-hover)]",
            "after": "hover:border-interactive-hover",
            "count": 1,
            "values": [
              {
                "tag": "BUTTON",
                "testid": null,
                "color": "rgb(36, 36, 36)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(212, 212, 212)",
                "bbox": [
                  868.5,
                  513,
                  396,
                  62
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-muted)]",
            "after": "text-muted",
            "count": 13,
            "values": [
              {
                "tag": "SPAN",
                "testid": "automation-setup-save-state",
                "color": "rgb(97, 97, 97)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(97, 97, 97)",
                "bbox": [
                  1073.734375,
                  11.5,
                  84.984375,
                  16
                ]
              },
              {
                "tag": "SPAN",
                "testid": null,
                "color": "rgb(97, 97, 97)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(97, 97, 97)",
                "bbox": [
                  559.859375,
                  75,
                  50.578125,
                  16
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-model",
                "color": "rgb(97, 97, 97)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgba(0, 0, 0, 0)",
                "bbox": [
                  481.5,
                  409,
                  168.03125,
                  22
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-repository-add",
                "color": "rgb(97, 97, 97)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(97, 97, 97)",
                "bbox": [
                  569.625,
                  456,
                  24,
                  24
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-success)]",
            "after": "text-semantic-success",
            "count": 1,
            "values": [
              {
                "tag": "SPAN",
                "testid": "automation-setup-draft-validity",
                "color": "rgb(22, 130, 93)",
                "background": "oklab(0.539806 -0.10479 0.0304482 / 0.1)",
                "border": "rgb(22, 130, 93)",
                "bbox": [
                  998.25,
                  73,
                  94.859375,
                  20
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-text-tertiary)]",
            "after": "text-text-tertiary",
            "count": 2,
            "values": [
              {
                "tag": "SPAN",
                "testid": null,
                "color": "rgb(77, 77, 77)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(77, 77, 77)",
                "bbox": [
                  501.5,
                  548,
                  189.59375,
                  16
                ]
              },
              {
                "tag": "SPAN",
                "testid": null,
                "color": "rgb(77, 77, 77)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(77, 77, 77)",
                "bbox": [
                  905.5,
                  548,
                  220.734375,
                  16
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-warning)]",
            "after": "text-warning",
            "count": 0,
            "values": []
          }
        ]
      },
      "after": {
        "theme": "light",
        "viewport": [
          1440,
          1000
        ],
        "pageWidth": 1440,
        "samples": [
          {
            "before": "bg-[var(--oh-interactive-hover)]",
            "after": "bg-interactive-hover",
            "count": 0,
            "values": []
          },
          {
            "before": "bg-[var(--oh-success)]/10",
            "after": "bg-semantic-success/10",
            "count": 1,
            "values": [
              {
                "tag": "SPAN",
                "testid": "automation-setup-draft-validity",
                "color": "rgb(22, 130, 93)",
                "background": "oklab(0.539806 -0.10479 0.0304482 / 0.1)",
                "border": "rgb(22, 130, 93)",
                "bbox": [
                  998.25,
                  73,
                  94.859375,
                  20
                ]
              }
            ]
          },
          {
            "before": "bg-[var(--oh-surface)]",
            "after": "bg-surface",
            "count": 2,
            "values": [
              {
                "tag": "SECTION",
                "testid": "automation-setup-draft-details",
                "color": "rgb(31, 31, 31)",
                "background": "rgb(243, 243, 243)",
                "border": "rgb(212, 212, 212)",
                "bbox": [
                  464.5,
                  60,
                  800,
                  46
                ]
              },
              {
                "tag": "DIV",
                "testid": "automation-setup-prompt-container",
                "color": "rgb(31, 31, 31)",
                "background": "rgb(243, 243, 243)",
                "border": "rgb(212, 212, 212)",
                "bbox": [
                  464.5,
                  262,
                  800,
                  186
                ]
              }
            ]
          },
          {
            "before": "bg-[var(--oh-surface-raised)]",
            "after": "bg-surface-raised",
            "count": 3,
            "values": [
              {
                "tag": "DIV",
                "testid": "automation-setup-prompt-drawer",
                "color": "rgb(31, 31, 31)",
                "background": "rgb(238, 238, 238)",
                "border": "rgb(212, 212, 212)",
                "bbox": [
                  464.5,
                  433,
                  800,
                  56
                ]
              },
              {
                "tag": "BUTTON",
                "testid": null,
                "color": "rgb(36, 36, 36)",
                "background": "rgb(238, 238, 238)",
                "border": "rgb(229, 229, 229)",
                "bbox": [
                  464.5,
                  513,
                  396,
                  62
                ]
              },
              {
                "tag": "DIV",
                "testid": null,
                "color": "rgb(31, 31, 31)",
                "background": "rgb(238, 238, 238)",
                "border": "rgb(31, 31, 31)",
                "bbox": [
                  540.59375,
                  599,
                  435.515625,
                  36
                ]
              }
            ]
          },
          {
            "before": "bg-[var(--oh-warning)]/10",
            "after": "bg-warning/10",
            "count": 0,
            "values": []
          },
          {
            "before": "border-[var(--oh-border)]",
            "after": "border-border",
            "count": 13,
            "values": [
              {
                "tag": "BUTTON",
                "testid": "automation-setup-save-draft",
                "color": "rgb(31, 31, 31)",
                "background": "rgb(243, 243, 243)",
                "border": "rgb(212, 212, 212)",
                "bbox": [
                  1164.71875,
                  5.5,
                  79.796875,
                  28
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-test",
                "color": "rgb(31, 31, 31)",
                "background": "rgb(243, 243, 243)",
                "border": "rgb(212, 212, 212)",
                "bbox": [
                  1250.515625,
                  5.5,
                  45.875,
                  28
                ]
              },
              {
                "tag": "SECTION",
                "testid": "automation-setup-draft-details",
                "color": "rgb(31, 31, 31)",
                "background": "rgb(243, 243, 243)",
                "border": "rgb(212, 212, 212)",
                "bbox": [
                  464.5,
                  60,
                  800,
                  46
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-view-test-runs",
                "color": "rgb(31, 31, 31)",
                "background": "rgb(243, 243, 243)",
                "border": "rgb(212, 212, 212)",
                "bbox": [
                  1099.109375,
                  69,
                  102.515625,
                  28
                ]
              }
            ]
          },
          {
            "before": "border-[var(--oh-interactive-hover)]",
            "after": "border-interactive-hover",
            "count": 2,
            "values": [
              {
                "tag": "BUTTON",
                "testid": null,
                "color": "rgb(36, 36, 36)",
                "background": "rgb(238, 238, 238)",
                "border": "rgb(229, 229, 229)",
                "bbox": [
                  464.5,
                  513,
                  396,
                  62
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-frequency-custom",
                "color": "rgb(36, 36, 36)",
                "background": "rgb(243, 243, 243)",
                "border": "rgb(229, 229, 229)",
                "bbox": [
                  910.125,
                  601,
                  63.984375,
                  32
                ]
              }
            ]
          },
          {
            "before": "border-[var(--oh-success)]/40",
            "after": "border-semantic-success/40",
            "count": 0,
            "values": []
          },
          {
            "before": "border-[var(--oh-warning)]/40",
            "after": "border-warning/40",
            "count": 0,
            "values": []
          },
          {
            "before": "hover:border-[var(--oh-interactive-hover)]",
            "after": "hover:border-interactive-hover",
            "count": 1,
            "values": [
              {
                "tag": "BUTTON",
                "testid": null,
                "color": "rgb(36, 36, 36)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(212, 212, 212)",
                "bbox": [
                  868.5,
                  513,
                  396,
                  62
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-muted)]",
            "after": "text-muted",
            "count": 13,
            "values": [
              {
                "tag": "SPAN",
                "testid": "automation-setup-save-state",
                "color": "rgb(97, 97, 97)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(97, 97, 97)",
                "bbox": [
                  1073.734375,
                  11.5,
                  84.984375,
                  16
                ]
              },
              {
                "tag": "SPAN",
                "testid": null,
                "color": "rgb(97, 97, 97)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(97, 97, 97)",
                "bbox": [
                  559.859375,
                  75,
                  50.578125,
                  16
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-model",
                "color": "rgb(97, 97, 97)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgba(0, 0, 0, 0)",
                "bbox": [
                  481.5,
                  409,
                  168.03125,
                  22
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-repository-add",
                "color": "rgb(97, 97, 97)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(97, 97, 97)",
                "bbox": [
                  569.625,
                  456,
                  24,
                  24
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-success)]",
            "after": "text-semantic-success",
            "count": 1,
            "values": [
              {
                "tag": "SPAN",
                "testid": "automation-setup-draft-validity",
                "color": "rgb(22, 130, 93)",
                "background": "oklab(0.539806 -0.10479 0.0304482 / 0.1)",
                "border": "rgb(22, 130, 93)",
                "bbox": [
                  998.25,
                  73,
                  94.859375,
                  20
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-text-tertiary)]",
            "after": "text-text-tertiary",
            "count": 2,
            "values": [
              {
                "tag": "SPAN",
                "testid": null,
                "color": "rgb(77, 77, 77)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(77, 77, 77)",
                "bbox": [
                  501.5,
                  548,
                  189.59375,
                  16
                ]
              },
              {
                "tag": "SPAN",
                "testid": null,
                "color": "rgb(77, 77, 77)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(77, 77, 77)",
                "bbox": [
                  905.5,
                  548,
                  220.734375,
                  16
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-warning)]",
            "after": "text-warning",
            "count": 0,
            "values": []
          }
        ]
      },
      "differences": []
    },
    {
      "state": "neo-desktop-event-warning",
      "beforeTimestamp": "2026-10-24T22:59:57Z",
      "afterTimestamp": "2026-10-24T23:07:27Z",
      "before": {
        "theme": "dark",
        "viewport": [
          1440,
          1000
        ],
        "pageWidth": 1440,
        "samples": [
          {
            "before": "bg-[var(--oh-interactive-hover)]",
            "after": "bg-interactive-hover",
            "count": 0,
            "values": []
          },
          {
            "before": "bg-[var(--oh-success)]/10",
            "after": "bg-semantic-success/10",
            "count": 1,
            "values": [
              {
                "tag": "SPAN",
                "testid": "automation-setup-draft-validity",
                "color": "rgb(165, 231, 94)",
                "background": "oklab(0.856028 -0.118667 0.1366 / 0.1)",
                "border": "rgb(165, 231, 94)",
                "bbox": [
                  998.25,
                  73,
                  94.859375,
                  20
                ]
              }
            ]
          },
          {
            "before": "bg-[var(--oh-surface)]",
            "after": "bg-surface",
            "count": 2,
            "values": [
              {
                "tag": "SECTION",
                "testid": "automation-setup-draft-details",
                "color": "rgb(236, 236, 236)",
                "background": "rgb(32, 32, 32)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  464.5,
                  60,
                  800,
                  46
                ]
              },
              {
                "tag": "DIV",
                "testid": "automation-setup-prompt-container",
                "color": "rgb(236, 236, 236)",
                "background": "rgb(32, 32, 32)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  464.5,
                  262,
                  800,
                  186
                ]
              }
            ]
          },
          {
            "before": "bg-[var(--oh-surface-raised)]",
            "after": "bg-surface-raised",
            "count": 2,
            "values": [
              {
                "tag": "DIV",
                "testid": "automation-setup-prompt-drawer",
                "color": "rgb(236, 236, 236)",
                "background": "rgb(40, 40, 40)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  464.5,
                  433,
                  800,
                  56
                ]
              },
              {
                "tag": "BUTTON",
                "testid": null,
                "color": "rgb(236, 236, 236)",
                "background": "rgb(40, 40, 40)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  868.5,
                  513,
                  396,
                  62
                ]
              }
            ]
          },
          {
            "before": "bg-[var(--oh-warning)]/10",
            "after": "bg-warning/10",
            "count": 0,
            "values": []
          },
          {
            "before": "border-[var(--oh-border)]",
            "after": "border-border",
            "count": 15,
            "values": [
              {
                "tag": "BUTTON",
                "testid": "automation-setup-save-draft",
                "color": "rgb(255, 255, 255)",
                "background": "rgb(32, 32, 32)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  1164.71875,
                  5.5,
                  79.796875,
                  28
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-test",
                "color": "rgb(255, 255, 255)",
                "background": "rgb(32, 32, 32)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  1250.515625,
                  5.5,
                  45.875,
                  28
                ]
              },
              {
                "tag": "SECTION",
                "testid": "automation-setup-draft-details",
                "color": "rgb(236, 236, 236)",
                "background": "rgb(32, 32, 32)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  464.5,
                  60,
                  800,
                  46
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-view-test-runs",
                "color": "rgb(255, 255, 255)",
                "background": "rgb(32, 32, 32)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  1099.109375,
                  69,
                  102.515625,
                  28
                ]
              }
            ]
          },
          {
            "before": "border-[var(--oh-interactive-hover)]",
            "after": "border-interactive-hover",
            "count": 1,
            "values": [
              {
                "tag": "BUTTON",
                "testid": null,
                "color": "rgb(236, 236, 236)",
                "background": "rgb(40, 40, 40)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  868.5,
                  513,
                  396,
                  62
                ]
              }
            ]
          },
          {
            "before": "border-[var(--oh-success)]/40",
            "after": "border-semantic-success/40",
            "count": 0,
            "values": []
          },
          {
            "before": "border-[var(--oh-warning)]/40",
            "after": "border-warning/40",
            "count": 0,
            "values": []
          },
          {
            "before": "hover:border-[var(--oh-interactive-hover)]",
            "after": "hover:border-interactive-hover",
            "count": 1,
            "values": [
              {
                "tag": "BUTTON",
                "testid": null,
                "color": "rgb(236, 236, 236)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  464.5,
                  513,
                  396,
                  62
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-muted)]",
            "after": "text-muted",
            "count": 9,
            "values": [
              {
                "tag": "SPAN",
                "testid": "automation-setup-save-state",
                "color": "rgb(151, 151, 151)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(151, 151, 151)",
                "bbox": [
                  1058.46875,
                  11.5,
                  100.25,
                  16
                ]
              },
              {
                "tag": "SPAN",
                "testid": null,
                "color": "rgb(151, 151, 151)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(151, 151, 151)",
                "bbox": [
                  559.859375,
                  75,
                  50.578125,
                  16
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-model",
                "color": "rgb(151, 151, 151)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgba(0, 0, 0, 0)",
                "bbox": [
                  481.5,
                  409,
                  168.03125,
                  22
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-repository-add",
                "color": "rgb(151, 151, 151)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(151, 151, 151)",
                "bbox": [
                  569.625,
                  456,
                  24,
                  24
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-success)]",
            "after": "text-semantic-success",
            "count": 1,
            "values": [
              {
                "tag": "SPAN",
                "testid": "automation-setup-draft-validity",
                "color": "rgb(165, 231, 94)",
                "background": "oklab(0.856028 -0.118667 0.1366 / 0.1)",
                "border": "rgb(165, 231, 94)",
                "bbox": [
                  998.25,
                  73,
                  94.859375,
                  20
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-text-tertiary)]",
            "after": "text-text-tertiary",
            "count": 2,
            "values": [
              {
                "tag": "SPAN",
                "testid": null,
                "color": "rgb(220, 220, 220)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(220, 220, 220)",
                "bbox": [
                  501.5,
                  548,
                  189.59375,
                  16
                ]
              },
              {
                "tag": "SPAN",
                "testid": null,
                "color": "rgb(220, 220, 220)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(220, 220, 220)",
                "bbox": [
                  905.5,
                  548,
                  220.734375,
                  16
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-warning)]",
            "after": "text-warning",
            "count": 0,
            "values": []
          }
        ]
      },
      "after": {
        "theme": "dark",
        "viewport": [
          1440,
          1000
        ],
        "pageWidth": 1440,
        "samples": [
          {
            "before": "bg-[var(--oh-interactive-hover)]",
            "after": "bg-interactive-hover",
            "count": 0,
            "values": []
          },
          {
            "before": "bg-[var(--oh-success)]/10",
            "after": "bg-semantic-success/10",
            "count": 1,
            "values": [
              {
                "tag": "SPAN",
                "testid": "automation-setup-draft-validity",
                "color": "rgb(165, 231, 94)",
                "background": "oklab(0.856028 -0.118667 0.1366 / 0.1)",
                "border": "rgb(165, 231, 94)",
                "bbox": [
                  998.25,
                  73,
                  94.859375,
                  20
                ]
              }
            ]
          },
          {
            "before": "bg-[var(--oh-surface)]",
            "after": "bg-surface",
            "count": 2,
            "values": [
              {
                "tag": "SECTION",
                "testid": "automation-setup-draft-details",
                "color": "rgb(236, 236, 236)",
                "background": "rgb(32, 32, 32)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  464.5,
                  60,
                  800,
                  46
                ]
              },
              {
                "tag": "DIV",
                "testid": "automation-setup-prompt-container",
                "color": "rgb(236, 236, 236)",
                "background": "rgb(32, 32, 32)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  464.5,
                  262,
                  800,
                  186
                ]
              }
            ]
          },
          {
            "before": "bg-[var(--oh-surface-raised)]",
            "after": "bg-surface-raised",
            "count": 2,
            "values": [
              {
                "tag": "DIV",
                "testid": "automation-setup-prompt-drawer",
                "color": "rgb(236, 236, 236)",
                "background": "rgb(40, 40, 40)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  464.5,
                  433,
                  800,
                  56
                ]
              },
              {
                "tag": "BUTTON",
                "testid": null,
                "color": "rgb(236, 236, 236)",
                "background": "rgb(40, 40, 40)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  868.5,
                  513,
                  396,
                  62
                ]
              }
            ]
          },
          {
            "before": "bg-[var(--oh-warning)]/10",
            "after": "bg-warning/10",
            "count": 0,
            "values": []
          },
          {
            "before": "border-[var(--oh-border)]",
            "after": "border-border",
            "count": 15,
            "values": [
              {
                "tag": "BUTTON",
                "testid": "automation-setup-save-draft",
                "color": "rgb(255, 255, 255)",
                "background": "rgb(32, 32, 32)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  1164.71875,
                  5.5,
                  79.796875,
                  28
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-test",
                "color": "rgb(255, 255, 255)",
                "background": "rgb(32, 32, 32)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  1250.515625,
                  5.5,
                  45.875,
                  28
                ]
              },
              {
                "tag": "SECTION",
                "testid": "automation-setup-draft-details",
                "color": "rgb(236, 236, 236)",
                "background": "rgb(32, 32, 32)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  464.5,
                  60,
                  800,
                  46
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-view-test-runs",
                "color": "rgb(255, 255, 255)",
                "background": "rgb(32, 32, 32)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  1099.109375,
                  69,
                  102.515625,
                  28
                ]
              }
            ]
          },
          {
            "before": "border-[var(--oh-interactive-hover)]",
            "after": "border-interactive-hover",
            "count": 1,
            "values": [
              {
                "tag": "BUTTON",
                "testid": null,
                "color": "rgb(236, 236, 236)",
                "background": "rgb(40, 40, 40)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  868.5,
                  513,
                  396,
                  62
                ]
              }
            ]
          },
          {
            "before": "border-[var(--oh-success)]/40",
            "after": "border-semantic-success/40",
            "count": 0,
            "values": []
          },
          {
            "before": "border-[var(--oh-warning)]/40",
            "after": "border-warning/40",
            "count": 0,
            "values": []
          },
          {
            "before": "hover:border-[var(--oh-interactive-hover)]",
            "after": "hover:border-interactive-hover",
            "count": 1,
            "values": [
              {
                "tag": "BUTTON",
                "testid": null,
                "color": "rgb(236, 236, 236)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  464.5,
                  513,
                  396,
                  62
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-muted)]",
            "after": "text-muted",
            "count": 9,
            "values": [
              {
                "tag": "SPAN",
                "testid": "automation-setup-save-state",
                "color": "rgb(151, 151, 151)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(151, 151, 151)",
                "bbox": [
                  1058.46875,
                  11.5,
                  100.25,
                  16
                ]
              },
              {
                "tag": "SPAN",
                "testid": null,
                "color": "rgb(151, 151, 151)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(151, 151, 151)",
                "bbox": [
                  559.859375,
                  75,
                  50.578125,
                  16
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-model",
                "color": "rgb(151, 151, 151)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgba(0, 0, 0, 0)",
                "bbox": [
                  481.5,
                  409,
                  168.03125,
                  22
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-repository-add",
                "color": "rgb(151, 151, 151)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(151, 151, 151)",
                "bbox": [
                  569.625,
                  456,
                  24,
                  24
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-success)]",
            "after": "text-semantic-success",
            "count": 1,
            "values": [
              {
                "tag": "SPAN",
                "testid": "automation-setup-draft-validity",
                "color": "rgb(165, 231, 94)",
                "background": "oklab(0.856028 -0.118667 0.1366 / 0.1)",
                "border": "rgb(165, 231, 94)",
                "bbox": [
                  998.25,
                  73,
                  94.859375,
                  20
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-text-tertiary)]",
            "after": "text-text-tertiary",
            "count": 2,
            "values": [
              {
                "tag": "SPAN",
                "testid": null,
                "color": "rgb(220, 220, 220)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(220, 220, 220)",
                "bbox": [
                  501.5,
                  548,
                  189.59375,
                  16
                ]
              },
              {
                "tag": "SPAN",
                "testid": null,
                "color": "rgb(220, 220, 220)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(220, 220, 220)",
                "bbox": [
                  905.5,
                  548,
                  220.734375,
                  16
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-warning)]",
            "after": "text-warning",
            "count": 0,
            "values": []
          }
        ]
      },
      "differences": []
    },
    {
      "state": "neo-desktop-ready-draft-clean",
      "beforeTimestamp": "2026-10-24T22:59:56Z",
      "afterTimestamp": "2026-10-24T23:07:26Z",
      "before": {
        "theme": "dark",
        "viewport": [
          1440,
          1000
        ],
        "pageWidth": 1440,
        "samples": [
          {
            "before": "bg-[var(--oh-interactive-hover)]",
            "after": "bg-interactive-hover",
            "count": 0,
            "values": []
          },
          {
            "before": "bg-[var(--oh-success)]/10",
            "after": "bg-semantic-success/10",
            "count": 1,
            "values": [
              {
                "tag": "SPAN",
                "testid": "automation-setup-draft-validity",
                "color": "rgb(165, 231, 94)",
                "background": "oklab(0.856028 -0.118667 0.1366 / 0.1)",
                "border": "rgb(165, 231, 94)",
                "bbox": [
                  998.25,
                  73,
                  94.859375,
                  20
                ]
              }
            ]
          },
          {
            "before": "bg-[var(--oh-surface)]",
            "after": "bg-surface",
            "count": 2,
            "values": [
              {
                "tag": "SECTION",
                "testid": "automation-setup-draft-details",
                "color": "rgb(236, 236, 236)",
                "background": "rgb(32, 32, 32)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  464.5,
                  60,
                  800,
                  46
                ]
              },
              {
                "tag": "DIV",
                "testid": "automation-setup-prompt-container",
                "color": "rgb(236, 236, 236)",
                "background": "rgb(32, 32, 32)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  464.5,
                  262,
                  800,
                  186
                ]
              }
            ]
          },
          {
            "before": "bg-[var(--oh-surface-raised)]",
            "after": "bg-surface-raised",
            "count": 3,
            "values": [
              {
                "tag": "DIV",
                "testid": "automation-setup-prompt-drawer",
                "color": "rgb(236, 236, 236)",
                "background": "rgb(40, 40, 40)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  464.5,
                  433,
                  800,
                  56
                ]
              },
              {
                "tag": "BUTTON",
                "testid": null,
                "color": "rgb(236, 236, 236)",
                "background": "rgb(40, 40, 40)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  464.5,
                  513,
                  396,
                  62
                ]
              },
              {
                "tag": "DIV",
                "testid": null,
                "color": "rgb(236, 236, 236)",
                "background": "rgb(40, 40, 40)",
                "border": "rgb(236, 236, 236)",
                "bbox": [
                  540.59375,
                  599,
                  435.515625,
                  36
                ]
              }
            ]
          },
          {
            "before": "bg-[var(--oh-warning)]/10",
            "after": "bg-warning/10",
            "count": 0,
            "values": []
          },
          {
            "before": "border-[var(--oh-border)]",
            "after": "border-border",
            "count": 13,
            "values": [
              {
                "tag": "BUTTON",
                "testid": "automation-setup-save-draft",
                "color": "rgb(255, 255, 255)",
                "background": "rgb(32, 32, 32)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  1164.71875,
                  5.5,
                  79.796875,
                  28
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-test",
                "color": "rgb(255, 255, 255)",
                "background": "rgb(32, 32, 32)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  1250.515625,
                  5.5,
                  45.875,
                  28
                ]
              },
              {
                "tag": "SECTION",
                "testid": "automation-setup-draft-details",
                "color": "rgb(236, 236, 236)",
                "background": "rgb(32, 32, 32)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  464.5,
                  60,
                  800,
                  46
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-view-test-runs",
                "color": "rgb(255, 255, 255)",
                "background": "rgb(32, 32, 32)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  1099.109375,
                  69,
                  102.515625,
                  28
                ]
              }
            ]
          },
          {
            "before": "border-[var(--oh-interactive-hover)]",
            "after": "border-interactive-hover",
            "count": 2,
            "values": [
              {
                "tag": "BUTTON",
                "testid": null,
                "color": "rgb(236, 236, 236)",
                "background": "rgb(40, 40, 40)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  464.5,
                  513,
                  396,
                  62
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-frequency-custom",
                "color": "rgb(236, 236, 236)",
                "background": "rgb(32, 32, 32)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  910.125,
                  601,
                  63.984375,
                  32
                ]
              }
            ]
          },
          {
            "before": "border-[var(--oh-success)]/40",
            "after": "border-semantic-success/40",
            "count": 0,
            "values": []
          },
          {
            "before": "border-[var(--oh-warning)]/40",
            "after": "border-warning/40",
            "count": 0,
            "values": []
          },
          {
            "before": "hover:border-[var(--oh-interactive-hover)]",
            "after": "hover:border-interactive-hover",
            "count": 1,
            "values": [
              {
                "tag": "BUTTON",
                "testid": null,
                "color": "rgb(236, 236, 236)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  868.5,
                  513,
                  396,
                  62
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-muted)]",
            "after": "text-muted",
            "count": 13,
            "values": [
              {
                "tag": "SPAN",
                "testid": "automation-setup-save-state",
                "color": "rgb(151, 151, 151)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(151, 151, 151)",
                "bbox": [
                  1073.734375,
                  11.5,
                  84.984375,
                  16
                ]
              },
              {
                "tag": "SPAN",
                "testid": null,
                "color": "rgb(151, 151, 151)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(151, 151, 151)",
                "bbox": [
                  559.859375,
                  75,
                  50.578125,
                  16
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-model",
                "color": "rgb(151, 151, 151)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgba(0, 0, 0, 0)",
                "bbox": [
                  481.5,
                  409,
                  168.03125,
                  22
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-repository-add",
                "color": "rgb(151, 151, 151)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(151, 151, 151)",
                "bbox": [
                  569.625,
                  456,
                  24,
                  24
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-success)]",
            "after": "text-semantic-success",
            "count": 1,
            "values": [
              {
                "tag": "SPAN",
                "testid": "automation-setup-draft-validity",
                "color": "rgb(165, 231, 94)",
                "background": "oklab(0.856028 -0.118667 0.1366 / 0.1)",
                "border": "rgb(165, 231, 94)",
                "bbox": [
                  998.25,
                  73,
                  94.859375,
                  20
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-text-tertiary)]",
            "after": "text-text-tertiary",
            "count": 2,
            "values": [
              {
                "tag": "SPAN",
                "testid": null,
                "color": "rgb(220, 220, 220)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(220, 220, 220)",
                "bbox": [
                  501.5,
                  548,
                  189.59375,
                  16
                ]
              },
              {
                "tag": "SPAN",
                "testid": null,
                "color": "rgb(220, 220, 220)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(220, 220, 220)",
                "bbox": [
                  905.5,
                  548,
                  220.734375,
                  16
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-warning)]",
            "after": "text-warning",
            "count": 0,
            "values": []
          }
        ]
      },
      "after": {
        "theme": "dark",
        "viewport": [
          1440,
          1000
        ],
        "pageWidth": 1440,
        "samples": [
          {
            "before": "bg-[var(--oh-interactive-hover)]",
            "after": "bg-interactive-hover",
            "count": 0,
            "values": []
          },
          {
            "before": "bg-[var(--oh-success)]/10",
            "after": "bg-semantic-success/10",
            "count": 1,
            "values": [
              {
                "tag": "SPAN",
                "testid": "automation-setup-draft-validity",
                "color": "rgb(165, 231, 94)",
                "background": "oklab(0.856028 -0.118667 0.1366 / 0.1)",
                "border": "rgb(165, 231, 94)",
                "bbox": [
                  998.25,
                  73,
                  94.859375,
                  20
                ]
              }
            ]
          },
          {
            "before": "bg-[var(--oh-surface)]",
            "after": "bg-surface",
            "count": 2,
            "values": [
              {
                "tag": "SECTION",
                "testid": "automation-setup-draft-details",
                "color": "rgb(236, 236, 236)",
                "background": "rgb(32, 32, 32)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  464.5,
                  60,
                  800,
                  46
                ]
              },
              {
                "tag": "DIV",
                "testid": "automation-setup-prompt-container",
                "color": "rgb(236, 236, 236)",
                "background": "rgb(32, 32, 32)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  464.5,
                  262,
                  800,
                  186
                ]
              }
            ]
          },
          {
            "before": "bg-[var(--oh-surface-raised)]",
            "after": "bg-surface-raised",
            "count": 3,
            "values": [
              {
                "tag": "DIV",
                "testid": "automation-setup-prompt-drawer",
                "color": "rgb(236, 236, 236)",
                "background": "rgb(40, 40, 40)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  464.5,
                  433,
                  800,
                  56
                ]
              },
              {
                "tag": "BUTTON",
                "testid": null,
                "color": "rgb(236, 236, 236)",
                "background": "rgb(40, 40, 40)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  464.5,
                  513,
                  396,
                  62
                ]
              },
              {
                "tag": "DIV",
                "testid": null,
                "color": "rgb(236, 236, 236)",
                "background": "rgb(40, 40, 40)",
                "border": "rgb(236, 236, 236)",
                "bbox": [
                  540.59375,
                  599,
                  435.515625,
                  36
                ]
              }
            ]
          },
          {
            "before": "bg-[var(--oh-warning)]/10",
            "after": "bg-warning/10",
            "count": 0,
            "values": []
          },
          {
            "before": "border-[var(--oh-border)]",
            "after": "border-border",
            "count": 13,
            "values": [
              {
                "tag": "BUTTON",
                "testid": "automation-setup-save-draft",
                "color": "rgb(255, 255, 255)",
                "background": "rgb(32, 32, 32)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  1164.71875,
                  5.5,
                  79.796875,
                  28
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-test",
                "color": "rgb(255, 255, 255)",
                "background": "rgb(32, 32, 32)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  1250.515625,
                  5.5,
                  45.875,
                  28
                ]
              },
              {
                "tag": "SECTION",
                "testid": "automation-setup-draft-details",
                "color": "rgb(236, 236, 236)",
                "background": "rgb(32, 32, 32)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  464.5,
                  60,
                  800,
                  46
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-view-test-runs",
                "color": "rgb(255, 255, 255)",
                "background": "rgb(32, 32, 32)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  1099.109375,
                  69,
                  102.515625,
                  28
                ]
              }
            ]
          },
          {
            "before": "border-[var(--oh-interactive-hover)]",
            "after": "border-interactive-hover",
            "count": 2,
            "values": [
              {
                "tag": "BUTTON",
                "testid": null,
                "color": "rgb(236, 236, 236)",
                "background": "rgb(40, 40, 40)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  464.5,
                  513,
                  396,
                  62
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-frequency-custom",
                "color": "rgb(236, 236, 236)",
                "background": "rgb(32, 32, 32)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  910.125,
                  601,
                  63.984375,
                  32
                ]
              }
            ]
          },
          {
            "before": "border-[var(--oh-success)]/40",
            "after": "border-semantic-success/40",
            "count": 0,
            "values": []
          },
          {
            "before": "border-[var(--oh-warning)]/40",
            "after": "border-warning/40",
            "count": 0,
            "values": []
          },
          {
            "before": "hover:border-[var(--oh-interactive-hover)]",
            "after": "hover:border-interactive-hover",
            "count": 1,
            "values": [
              {
                "tag": "BUTTON",
                "testid": null,
                "color": "rgb(236, 236, 236)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  868.5,
                  513,
                  396,
                  62
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-muted)]",
            "after": "text-muted",
            "count": 13,
            "values": [
              {
                "tag": "SPAN",
                "testid": "automation-setup-save-state",
                "color": "rgb(151, 151, 151)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(151, 151, 151)",
                "bbox": [
                  1073.734375,
                  11.5,
                  84.984375,
                  16
                ]
              },
              {
                "tag": "SPAN",
                "testid": null,
                "color": "rgb(151, 151, 151)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(151, 151, 151)",
                "bbox": [
                  559.859375,
                  75,
                  50.578125,
                  16
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-model",
                "color": "rgb(151, 151, 151)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgba(0, 0, 0, 0)",
                "bbox": [
                  481.5,
                  409,
                  168.03125,
                  22
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-repository-add",
                "color": "rgb(151, 151, 151)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(151, 151, 151)",
                "bbox": [
                  569.625,
                  456,
                  24,
                  24
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-success)]",
            "after": "text-semantic-success",
            "count": 1,
            "values": [
              {
                "tag": "SPAN",
                "testid": "automation-setup-draft-validity",
                "color": "rgb(165, 231, 94)",
                "background": "oklab(0.856028 -0.118667 0.1366 / 0.1)",
                "border": "rgb(165, 231, 94)",
                "bbox": [
                  998.25,
                  73,
                  94.859375,
                  20
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-text-tertiary)]",
            "after": "text-text-tertiary",
            "count": 2,
            "values": [
              {
                "tag": "SPAN",
                "testid": null,
                "color": "rgb(220, 220, 220)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(220, 220, 220)",
                "bbox": [
                  501.5,
                  548,
                  189.59375,
                  16
                ]
              },
              {
                "tag": "SPAN",
                "testid": null,
                "color": "rgb(220, 220, 220)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(220, 220, 220)",
                "bbox": [
                  905.5,
                  548,
                  220.734375,
                  16
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-warning)]",
            "after": "text-warning",
            "count": 0,
            "values": []
          }
        ]
      },
      "differences": []
    },
    {
      "state": "neutral-desktop-event-warning",
      "beforeTimestamp": "2026-10-24T22:59:50Z",
      "afterTimestamp": "2026-10-24T23:07:21Z",
      "before": {
        "theme": "dark",
        "viewport": [
          1440,
          1000
        ],
        "pageWidth": 1440,
        "samples": [
          {
            "before": "bg-[var(--oh-interactive-hover)]",
            "after": "bg-interactive-hover",
            "count": 0,
            "values": []
          },
          {
            "before": "bg-[var(--oh-success)]/10",
            "after": "bg-semantic-success/10",
            "count": 1,
            "values": [
              {
                "tag": "SPAN",
                "testid": "automation-setup-draft-validity",
                "color": "rgb(165, 231, 94)",
                "background": "oklab(0.856028 -0.118667 0.1366 / 0.1)",
                "border": "rgb(165, 231, 94)",
                "bbox": [
                  998.25,
                  73,
                  94.859375,
                  20
                ]
              }
            ]
          },
          {
            "before": "bg-[var(--oh-surface)]",
            "after": "bg-surface",
            "count": 2,
            "values": [
              {
                "tag": "SECTION",
                "testid": "automation-setup-draft-details",
                "color": "rgb(236, 236, 236)",
                "background": "rgb(32, 32, 32)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  464.5,
                  60,
                  800,
                  46
                ]
              },
              {
                "tag": "DIV",
                "testid": "automation-setup-prompt-container",
                "color": "rgb(236, 236, 236)",
                "background": "rgb(32, 32, 32)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  464.5,
                  262,
                  800,
                  186
                ]
              }
            ]
          },
          {
            "before": "bg-[var(--oh-surface-raised)]",
            "after": "bg-surface-raised",
            "count": 2,
            "values": [
              {
                "tag": "DIV",
                "testid": "automation-setup-prompt-drawer",
                "color": "rgb(236, 236, 236)",
                "background": "rgb(40, 40, 40)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  464.5,
                  433,
                  800,
                  56
                ]
              },
              {
                "tag": "BUTTON",
                "testid": null,
                "color": "rgb(236, 236, 236)",
                "background": "rgb(40, 40, 40)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  868.5,
                  513,
                  396,
                  62
                ]
              }
            ]
          },
          {
            "before": "bg-[var(--oh-warning)]/10",
            "after": "bg-warning/10",
            "count": 0,
            "values": []
          },
          {
            "before": "border-[var(--oh-border)]",
            "after": "border-border",
            "count": 15,
            "values": [
              {
                "tag": "BUTTON",
                "testid": "automation-setup-save-draft",
                "color": "rgb(255, 255, 255)",
                "background": "rgb(32, 32, 32)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  1164.71875,
                  5.5,
                  79.796875,
                  28
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-test",
                "color": "rgb(255, 255, 255)",
                "background": "rgb(32, 32, 32)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  1250.515625,
                  5.5,
                  45.875,
                  28
                ]
              },
              {
                "tag": "SECTION",
                "testid": "automation-setup-draft-details",
                "color": "rgb(236, 236, 236)",
                "background": "rgb(32, 32, 32)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  464.5,
                  60,
                  800,
                  46
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-view-test-runs",
                "color": "rgb(255, 255, 255)",
                "background": "rgb(32, 32, 32)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  1099.109375,
                  69,
                  102.515625,
                  28
                ]
              }
            ]
          },
          {
            "before": "border-[var(--oh-interactive-hover)]",
            "after": "border-interactive-hover",
            "count": 1,
            "values": [
              {
                "tag": "BUTTON",
                "testid": null,
                "color": "rgb(236, 236, 236)",
                "background": "rgb(40, 40, 40)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  868.5,
                  513,
                  396,
                  62
                ]
              }
            ]
          },
          {
            "before": "border-[var(--oh-success)]/40",
            "after": "border-semantic-success/40",
            "count": 0,
            "values": []
          },
          {
            "before": "border-[var(--oh-warning)]/40",
            "after": "border-warning/40",
            "count": 0,
            "values": []
          },
          {
            "before": "hover:border-[var(--oh-interactive-hover)]",
            "after": "hover:border-interactive-hover",
            "count": 1,
            "values": [
              {
                "tag": "BUTTON",
                "testid": null,
                "color": "rgb(236, 236, 236)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  464.5,
                  513,
                  396,
                  62
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-muted)]",
            "after": "text-muted",
            "count": 9,
            "values": [
              {
                "tag": "SPAN",
                "testid": "automation-setup-save-state",
                "color": "rgb(151, 151, 151)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(151, 151, 151)",
                "bbox": [
                  1058.46875,
                  11.5,
                  100.25,
                  16
                ]
              },
              {
                "tag": "SPAN",
                "testid": null,
                "color": "rgb(151, 151, 151)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(151, 151, 151)",
                "bbox": [
                  559.859375,
                  75,
                  50.578125,
                  16
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-model",
                "color": "rgb(151, 151, 151)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgba(0, 0, 0, 0)",
                "bbox": [
                  481.5,
                  409,
                  168.03125,
                  22
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-repository-add",
                "color": "rgb(151, 151, 151)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(151, 151, 151)",
                "bbox": [
                  569.625,
                  456,
                  24,
                  24
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-success)]",
            "after": "text-semantic-success",
            "count": 1,
            "values": [
              {
                "tag": "SPAN",
                "testid": "automation-setup-draft-validity",
                "color": "rgb(165, 231, 94)",
                "background": "oklab(0.856028 -0.118667 0.1366 / 0.1)",
                "border": "rgb(165, 231, 94)",
                "bbox": [
                  998.25,
                  73,
                  94.859375,
                  20
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-text-tertiary)]",
            "after": "text-text-tertiary",
            "count": 2,
            "values": [
              {
                "tag": "SPAN",
                "testid": null,
                "color": "rgb(220, 220, 220)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(220, 220, 220)",
                "bbox": [
                  501.5,
                  548,
                  189.59375,
                  16
                ]
              },
              {
                "tag": "SPAN",
                "testid": null,
                "color": "rgb(220, 220, 220)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(220, 220, 220)",
                "bbox": [
                  905.5,
                  548,
                  220.734375,
                  16
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-warning)]",
            "after": "text-warning",
            "count": 0,
            "values": []
          }
        ]
      },
      "after": {
        "theme": "dark",
        "viewport": [
          1440,
          1000
        ],
        "pageWidth": 1440,
        "samples": [
          {
            "before": "bg-[var(--oh-interactive-hover)]",
            "after": "bg-interactive-hover",
            "count": 0,
            "values": []
          },
          {
            "before": "bg-[var(--oh-success)]/10",
            "after": "bg-semantic-success/10",
            "count": 1,
            "values": [
              {
                "tag": "SPAN",
                "testid": "automation-setup-draft-validity",
                "color": "rgb(165, 231, 94)",
                "background": "oklab(0.856028 -0.118667 0.1366 / 0.1)",
                "border": "rgb(165, 231, 94)",
                "bbox": [
                  998.25,
                  73,
                  94.859375,
                  20
                ]
              }
            ]
          },
          {
            "before": "bg-[var(--oh-surface)]",
            "after": "bg-surface",
            "count": 2,
            "values": [
              {
                "tag": "SECTION",
                "testid": "automation-setup-draft-details",
                "color": "rgb(236, 236, 236)",
                "background": "rgb(32, 32, 32)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  464.5,
                  60,
                  800,
                  46
                ]
              },
              {
                "tag": "DIV",
                "testid": "automation-setup-prompt-container",
                "color": "rgb(236, 236, 236)",
                "background": "rgb(32, 32, 32)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  464.5,
                  262,
                  800,
                  186
                ]
              }
            ]
          },
          {
            "before": "bg-[var(--oh-surface-raised)]",
            "after": "bg-surface-raised",
            "count": 2,
            "values": [
              {
                "tag": "DIV",
                "testid": "automation-setup-prompt-drawer",
                "color": "rgb(236, 236, 236)",
                "background": "rgb(40, 40, 40)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  464.5,
                  433,
                  800,
                  56
                ]
              },
              {
                "tag": "BUTTON",
                "testid": null,
                "color": "rgb(236, 236, 236)",
                "background": "rgb(40, 40, 40)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  868.5,
                  513,
                  396,
                  62
                ]
              }
            ]
          },
          {
            "before": "bg-[var(--oh-warning)]/10",
            "after": "bg-warning/10",
            "count": 0,
            "values": []
          },
          {
            "before": "border-[var(--oh-border)]",
            "after": "border-border",
            "count": 15,
            "values": [
              {
                "tag": "BUTTON",
                "testid": "automation-setup-save-draft",
                "color": "rgb(255, 255, 255)",
                "background": "rgb(32, 32, 32)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  1164.71875,
                  5.5,
                  79.796875,
                  28
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-test",
                "color": "rgb(255, 255, 255)",
                "background": "rgb(32, 32, 32)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  1250.515625,
                  5.5,
                  45.875,
                  28
                ]
              },
              {
                "tag": "SECTION",
                "testid": "automation-setup-draft-details",
                "color": "rgb(236, 236, 236)",
                "background": "rgb(32, 32, 32)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  464.5,
                  60,
                  800,
                  46
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-view-test-runs",
                "color": "rgb(255, 255, 255)",
                "background": "rgb(32, 32, 32)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  1099.109375,
                  69,
                  102.515625,
                  28
                ]
              }
            ]
          },
          {
            "before": "border-[var(--oh-interactive-hover)]",
            "after": "border-interactive-hover",
            "count": 1,
            "values": [
              {
                "tag": "BUTTON",
                "testid": null,
                "color": "rgb(236, 236, 236)",
                "background": "rgb(40, 40, 40)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  868.5,
                  513,
                  396,
                  62
                ]
              }
            ]
          },
          {
            "before": "border-[var(--oh-success)]/40",
            "after": "border-semantic-success/40",
            "count": 0,
            "values": []
          },
          {
            "before": "border-[var(--oh-warning)]/40",
            "after": "border-warning/40",
            "count": 0,
            "values": []
          },
          {
            "before": "hover:border-[var(--oh-interactive-hover)]",
            "after": "hover:border-interactive-hover",
            "count": 1,
            "values": [
              {
                "tag": "BUTTON",
                "testid": null,
                "color": "rgb(236, 236, 236)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  464.5,
                  513,
                  396,
                  62
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-muted)]",
            "after": "text-muted",
            "count": 9,
            "values": [
              {
                "tag": "SPAN",
                "testid": "automation-setup-save-state",
                "color": "rgb(151, 151, 151)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(151, 151, 151)",
                "bbox": [
                  1058.46875,
                  11.5,
                  100.25,
                  16
                ]
              },
              {
                "tag": "SPAN",
                "testid": null,
                "color": "rgb(151, 151, 151)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(151, 151, 151)",
                "bbox": [
                  559.859375,
                  75,
                  50.578125,
                  16
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-model",
                "color": "rgb(151, 151, 151)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgba(0, 0, 0, 0)",
                "bbox": [
                  481.5,
                  409,
                  168.03125,
                  22
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-repository-add",
                "color": "rgb(151, 151, 151)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(151, 151, 151)",
                "bbox": [
                  569.625,
                  456,
                  24,
                  24
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-success)]",
            "after": "text-semantic-success",
            "count": 1,
            "values": [
              {
                "tag": "SPAN",
                "testid": "automation-setup-draft-validity",
                "color": "rgb(165, 231, 94)",
                "background": "oklab(0.856028 -0.118667 0.1366 / 0.1)",
                "border": "rgb(165, 231, 94)",
                "bbox": [
                  998.25,
                  73,
                  94.859375,
                  20
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-text-tertiary)]",
            "after": "text-text-tertiary",
            "count": 2,
            "values": [
              {
                "tag": "SPAN",
                "testid": null,
                "color": "rgb(220, 220, 220)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(220, 220, 220)",
                "bbox": [
                  501.5,
                  548,
                  189.59375,
                  16
                ]
              },
              {
                "tag": "SPAN",
                "testid": null,
                "color": "rgb(220, 220, 220)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(220, 220, 220)",
                "bbox": [
                  905.5,
                  548,
                  220.734375,
                  16
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-warning)]",
            "after": "text-warning",
            "count": 0,
            "values": []
          }
        ]
      },
      "differences": []
    },
    {
      "state": "neutral-desktop-ready-draft-clean",
      "beforeTimestamp": "2026-10-24T22:59:49Z",
      "afterTimestamp": "2026-10-24T23:07:20Z",
      "before": {
        "theme": "dark",
        "viewport": [
          1440,
          1000
        ],
        "pageWidth": 1440,
        "samples": [
          {
            "before": "bg-[var(--oh-interactive-hover)]",
            "after": "bg-interactive-hover",
            "count": 0,
            "values": []
          },
          {
            "before": "bg-[var(--oh-success)]/10",
            "after": "bg-semantic-success/10",
            "count": 1,
            "values": [
              {
                "tag": "SPAN",
                "testid": "automation-setup-draft-validity",
                "color": "rgb(165, 231, 94)",
                "background": "oklab(0.856028 -0.118667 0.1366 / 0.1)",
                "border": "rgb(165, 231, 94)",
                "bbox": [
                  998.25,
                  73,
                  94.859375,
                  20
                ]
              }
            ]
          },
          {
            "before": "bg-[var(--oh-surface)]",
            "after": "bg-surface",
            "count": 2,
            "values": [
              {
                "tag": "SECTION",
                "testid": "automation-setup-draft-details",
                "color": "rgb(236, 236, 236)",
                "background": "rgb(32, 32, 32)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  464.5,
                  60,
                  800,
                  46
                ]
              },
              {
                "tag": "DIV",
                "testid": "automation-setup-prompt-container",
                "color": "rgb(236, 236, 236)",
                "background": "rgb(32, 32, 32)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  464.5,
                  262,
                  800,
                  186
                ]
              }
            ]
          },
          {
            "before": "bg-[var(--oh-surface-raised)]",
            "after": "bg-surface-raised",
            "count": 3,
            "values": [
              {
                "tag": "DIV",
                "testid": "automation-setup-prompt-drawer",
                "color": "rgb(236, 236, 236)",
                "background": "rgb(40, 40, 40)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  464.5,
                  433,
                  800,
                  56
                ]
              },
              {
                "tag": "BUTTON",
                "testid": null,
                "color": "rgb(236, 236, 236)",
                "background": "rgb(40, 40, 40)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  464.5,
                  513,
                  396,
                  62
                ]
              },
              {
                "tag": "DIV",
                "testid": null,
                "color": "rgb(236, 236, 236)",
                "background": "rgb(40, 40, 40)",
                "border": "rgb(236, 236, 236)",
                "bbox": [
                  540.59375,
                  599,
                  435.515625,
                  36
                ]
              }
            ]
          },
          {
            "before": "bg-[var(--oh-warning)]/10",
            "after": "bg-warning/10",
            "count": 0,
            "values": []
          },
          {
            "before": "border-[var(--oh-border)]",
            "after": "border-border",
            "count": 13,
            "values": [
              {
                "tag": "BUTTON",
                "testid": "automation-setup-save-draft",
                "color": "rgb(255, 255, 255)",
                "background": "rgb(32, 32, 32)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  1164.71875,
                  5.5,
                  79.796875,
                  28
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-test",
                "color": "rgb(255, 255, 255)",
                "background": "rgb(32, 32, 32)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  1250.515625,
                  5.5,
                  45.875,
                  28
                ]
              },
              {
                "tag": "SECTION",
                "testid": "automation-setup-draft-details",
                "color": "rgb(236, 236, 236)",
                "background": "rgb(32, 32, 32)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  464.5,
                  60,
                  800,
                  46
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-view-test-runs",
                "color": "rgb(255, 255, 255)",
                "background": "rgb(32, 32, 32)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  1099.109375,
                  69,
                  102.515625,
                  28
                ]
              }
            ]
          },
          {
            "before": "border-[var(--oh-interactive-hover)]",
            "after": "border-interactive-hover",
            "count": 2,
            "values": [
              {
                "tag": "BUTTON",
                "testid": null,
                "color": "rgb(236, 236, 236)",
                "background": "rgb(40, 40, 40)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  464.5,
                  513,
                  396,
                  62
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-frequency-custom",
                "color": "rgb(236, 236, 236)",
                "background": "rgb(32, 32, 32)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  910.125,
                  601,
                  63.984375,
                  32
                ]
              }
            ]
          },
          {
            "before": "border-[var(--oh-success)]/40",
            "after": "border-semantic-success/40",
            "count": 0,
            "values": []
          },
          {
            "before": "border-[var(--oh-warning)]/40",
            "after": "border-warning/40",
            "count": 0,
            "values": []
          },
          {
            "before": "hover:border-[var(--oh-interactive-hover)]",
            "after": "hover:border-interactive-hover",
            "count": 1,
            "values": [
              {
                "tag": "BUTTON",
                "testid": null,
                "color": "rgb(236, 236, 236)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  868.5,
                  513,
                  396,
                  62
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-muted)]",
            "after": "text-muted",
            "count": 13,
            "values": [
              {
                "tag": "SPAN",
                "testid": "automation-setup-save-state",
                "color": "rgb(151, 151, 151)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(151, 151, 151)",
                "bbox": [
                  1073.734375,
                  11.5,
                  84.984375,
                  16
                ]
              },
              {
                "tag": "SPAN",
                "testid": null,
                "color": "rgb(151, 151, 151)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(151, 151, 151)",
                "bbox": [
                  559.859375,
                  75,
                  50.578125,
                  16
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-model",
                "color": "rgb(151, 151, 151)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgba(0, 0, 0, 0)",
                "bbox": [
                  481.5,
                  409,
                  168.03125,
                  22
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-repository-add",
                "color": "rgb(151, 151, 151)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(151, 151, 151)",
                "bbox": [
                  569.625,
                  456,
                  24,
                  24
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-success)]",
            "after": "text-semantic-success",
            "count": 1,
            "values": [
              {
                "tag": "SPAN",
                "testid": "automation-setup-draft-validity",
                "color": "rgb(165, 231, 94)",
                "background": "oklab(0.856028 -0.118667 0.1366 / 0.1)",
                "border": "rgb(165, 231, 94)",
                "bbox": [
                  998.25,
                  73,
                  94.859375,
                  20
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-text-tertiary)]",
            "after": "text-text-tertiary",
            "count": 2,
            "values": [
              {
                "tag": "SPAN",
                "testid": null,
                "color": "rgb(220, 220, 220)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(220, 220, 220)",
                "bbox": [
                  501.5,
                  548,
                  189.59375,
                  16
                ]
              },
              {
                "tag": "SPAN",
                "testid": null,
                "color": "rgb(220, 220, 220)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(220, 220, 220)",
                "bbox": [
                  905.5,
                  548,
                  220.734375,
                  16
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-warning)]",
            "after": "text-warning",
            "count": 0,
            "values": []
          }
        ]
      },
      "after": {
        "theme": "dark",
        "viewport": [
          1440,
          1000
        ],
        "pageWidth": 1440,
        "samples": [
          {
            "before": "bg-[var(--oh-interactive-hover)]",
            "after": "bg-interactive-hover",
            "count": 0,
            "values": []
          },
          {
            "before": "bg-[var(--oh-success)]/10",
            "after": "bg-semantic-success/10",
            "count": 1,
            "values": [
              {
                "tag": "SPAN",
                "testid": "automation-setup-draft-validity",
                "color": "rgb(165, 231, 94)",
                "background": "oklab(0.856028 -0.118667 0.1366 / 0.1)",
                "border": "rgb(165, 231, 94)",
                "bbox": [
                  998.25,
                  73,
                  94.859375,
                  20
                ]
              }
            ]
          },
          {
            "before": "bg-[var(--oh-surface)]",
            "after": "bg-surface",
            "count": 2,
            "values": [
              {
                "tag": "SECTION",
                "testid": "automation-setup-draft-details",
                "color": "rgb(236, 236, 236)",
                "background": "rgb(32, 32, 32)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  464.5,
                  60,
                  800,
                  46
                ]
              },
              {
                "tag": "DIV",
                "testid": "automation-setup-prompt-container",
                "color": "rgb(236, 236, 236)",
                "background": "rgb(32, 32, 32)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  464.5,
                  262,
                  800,
                  186
                ]
              }
            ]
          },
          {
            "before": "bg-[var(--oh-surface-raised)]",
            "after": "bg-surface-raised",
            "count": 3,
            "values": [
              {
                "tag": "DIV",
                "testid": "automation-setup-prompt-drawer",
                "color": "rgb(236, 236, 236)",
                "background": "rgb(40, 40, 40)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  464.5,
                  433,
                  800,
                  56
                ]
              },
              {
                "tag": "BUTTON",
                "testid": null,
                "color": "rgb(236, 236, 236)",
                "background": "rgb(40, 40, 40)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  464.5,
                  513,
                  396,
                  62
                ]
              },
              {
                "tag": "DIV",
                "testid": null,
                "color": "rgb(236, 236, 236)",
                "background": "rgb(40, 40, 40)",
                "border": "rgb(236, 236, 236)",
                "bbox": [
                  540.59375,
                  599,
                  435.515625,
                  36
                ]
              }
            ]
          },
          {
            "before": "bg-[var(--oh-warning)]/10",
            "after": "bg-warning/10",
            "count": 0,
            "values": []
          },
          {
            "before": "border-[var(--oh-border)]",
            "after": "border-border",
            "count": 13,
            "values": [
              {
                "tag": "BUTTON",
                "testid": "automation-setup-save-draft",
                "color": "rgb(255, 255, 255)",
                "background": "rgb(32, 32, 32)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  1164.71875,
                  5.5,
                  79.796875,
                  28
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-test",
                "color": "rgb(255, 255, 255)",
                "background": "rgb(32, 32, 32)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  1250.515625,
                  5.5,
                  45.875,
                  28
                ]
              },
              {
                "tag": "SECTION",
                "testid": "automation-setup-draft-details",
                "color": "rgb(236, 236, 236)",
                "background": "rgb(32, 32, 32)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  464.5,
                  60,
                  800,
                  46
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-view-test-runs",
                "color": "rgb(255, 255, 255)",
                "background": "rgb(32, 32, 32)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  1099.109375,
                  69,
                  102.515625,
                  28
                ]
              }
            ]
          },
          {
            "before": "border-[var(--oh-interactive-hover)]",
            "after": "border-interactive-hover",
            "count": 2,
            "values": [
              {
                "tag": "BUTTON",
                "testid": null,
                "color": "rgb(236, 236, 236)",
                "background": "rgb(40, 40, 40)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  464.5,
                  513,
                  396,
                  62
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-frequency-custom",
                "color": "rgb(236, 236, 236)",
                "background": "rgb(32, 32, 32)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  910.125,
                  601,
                  63.984375,
                  32
                ]
              }
            ]
          },
          {
            "before": "border-[var(--oh-success)]/40",
            "after": "border-semantic-success/40",
            "count": 0,
            "values": []
          },
          {
            "before": "border-[var(--oh-warning)]/40",
            "after": "border-warning/40",
            "count": 0,
            "values": []
          },
          {
            "before": "hover:border-[var(--oh-interactive-hover)]",
            "after": "hover:border-interactive-hover",
            "count": 1,
            "values": [
              {
                "tag": "BUTTON",
                "testid": null,
                "color": "rgb(236, 236, 236)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(64, 64, 64)",
                "bbox": [
                  868.5,
                  513,
                  396,
                  62
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-muted)]",
            "after": "text-muted",
            "count": 13,
            "values": [
              {
                "tag": "SPAN",
                "testid": "automation-setup-save-state",
                "color": "rgb(151, 151, 151)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(151, 151, 151)",
                "bbox": [
                  1073.734375,
                  11.5,
                  84.984375,
                  16
                ]
              },
              {
                "tag": "SPAN",
                "testid": null,
                "color": "rgb(151, 151, 151)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(151, 151, 151)",
                "bbox": [
                  559.859375,
                  75,
                  50.578125,
                  16
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-model",
                "color": "rgb(151, 151, 151)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgba(0, 0, 0, 0)",
                "bbox": [
                  481.5,
                  409,
                  168.03125,
                  22
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-repository-add",
                "color": "rgb(151, 151, 151)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(151, 151, 151)",
                "bbox": [
                  569.625,
                  456,
                  24,
                  24
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-success)]",
            "after": "text-semantic-success",
            "count": 1,
            "values": [
              {
                "tag": "SPAN",
                "testid": "automation-setup-draft-validity",
                "color": "rgb(165, 231, 94)",
                "background": "oklab(0.856028 -0.118667 0.1366 / 0.1)",
                "border": "rgb(165, 231, 94)",
                "bbox": [
                  998.25,
                  73,
                  94.859375,
                  20
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-text-tertiary)]",
            "after": "text-text-tertiary",
            "count": 2,
            "values": [
              {
                "tag": "SPAN",
                "testid": null,
                "color": "rgb(220, 220, 220)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(220, 220, 220)",
                "bbox": [
                  501.5,
                  548,
                  189.59375,
                  16
                ]
              },
              {
                "tag": "SPAN",
                "testid": null,
                "color": "rgb(220, 220, 220)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(220, 220, 220)",
                "bbox": [
                  905.5,
                  548,
                  220.734375,
                  16
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-warning)]",
            "after": "text-warning",
            "count": 0,
            "values": []
          }
        ]
      },
      "differences": []
    },
    {
      "state": "solarized-light-desktop-event-warning",
      "beforeTimestamp": "2026-10-24T23:00:03Z",
      "afterTimestamp": "2026-10-24T23:07:33Z",
      "before": {
        "theme": "light",
        "viewport": [
          1440,
          1000
        ],
        "pageWidth": 1440,
        "samples": [
          {
            "before": "bg-[var(--oh-interactive-hover)]",
            "after": "bg-interactive-hover",
            "count": 0,
            "values": []
          },
          {
            "before": "bg-[var(--oh-success)]/10",
            "after": "bg-semantic-success/10",
            "count": 1,
            "values": [
              {
                "tag": "SPAN",
                "testid": "automation-setup-draft-validity",
                "color": "rgb(133, 153, 0)",
                "background": "oklab(0.64439 -0.0721692 0.132452 / 0.1)",
                "border": "rgb(133, 153, 0)",
                "bbox": [
                  998.25,
                  73,
                  94.859375,
                  20
                ]
              }
            ]
          },
          {
            "before": "bg-[var(--oh-surface)]",
            "after": "bg-surface",
            "count": 2,
            "values": [
              {
                "tag": "SECTION",
                "testid": "automation-setup-draft-details",
                "color": "rgb(101, 123, 131)",
                "background": "rgb(238, 232, 213)",
                "border": "rgb(215, 208, 188)",
                "bbox": [
                  464.5,
                  60,
                  800,
                  46
                ]
              },
              {
                "tag": "DIV",
                "testid": "automation-setup-prompt-container",
                "color": "rgb(101, 123, 131)",
                "background": "rgb(238, 232, 213)",
                "border": "rgb(215, 208, 188)",
                "bbox": [
                  464.5,
                  262,
                  800,
                  186
                ]
              }
            ]
          },
          {
            "before": "bg-[var(--oh-surface-raised)]",
            "after": "bg-surface-raised",
            "count": 2,
            "values": [
              {
                "tag": "DIV",
                "testid": "automation-setup-prompt-drawer",
                "color": "rgb(101, 123, 131)",
                "background": "rgb(240, 233, 214)",
                "border": "rgb(215, 208, 188)",
                "bbox": [
                  464.5,
                  433,
                  800,
                  56
                ]
              },
              {
                "tag": "BUTTON",
                "testid": null,
                "color": "rgb(101, 123, 131)",
                "background": "rgb(240, 233, 214)",
                "border": "rgb(230, 223, 204)",
                "bbox": [
                  868.5,
                  513,
                  396,
                  62
                ]
              }
            ]
          },
          {
            "before": "bg-[var(--oh-warning)]/10",
            "after": "bg-warning/10",
            "count": 0,
            "values": []
          },
          {
            "before": "border-[var(--oh-border)]",
            "after": "border-border",
            "count": 15,
            "values": [
              {
                "tag": "BUTTON",
                "testid": "automation-setup-save-draft",
                "color": "rgb(0, 43, 54)",
                "background": "rgb(238, 232, 213)",
                "border": "rgb(215, 208, 188)",
                "bbox": [
                  1164.71875,
                  5.5,
                  79.796875,
                  28
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-test",
                "color": "rgb(0, 43, 54)",
                "background": "rgb(238, 232, 213)",
                "border": "rgb(215, 208, 188)",
                "bbox": [
                  1250.515625,
                  5.5,
                  45.875,
                  28
                ]
              },
              {
                "tag": "SECTION",
                "testid": "automation-setup-draft-details",
                "color": "rgb(101, 123, 131)",
                "background": "rgb(238, 232, 213)",
                "border": "rgb(215, 208, 188)",
                "bbox": [
                  464.5,
                  60,
                  800,
                  46
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-view-test-runs",
                "color": "rgb(0, 43, 54)",
                "background": "rgb(238, 232, 213)",
                "border": "rgb(215, 208, 188)",
                "bbox": [
                  1099.109375,
                  69,
                  102.515625,
                  28
                ]
              }
            ]
          },
          {
            "before": "border-[var(--oh-interactive-hover)]",
            "after": "border-interactive-hover",
            "count": 1,
            "values": [
              {
                "tag": "BUTTON",
                "testid": null,
                "color": "rgb(101, 123, 131)",
                "background": "rgb(240, 233, 214)",
                "border": "rgb(230, 223, 204)",
                "bbox": [
                  868.5,
                  513,
                  396,
                  62
                ]
              }
            ]
          },
          {
            "before": "border-[var(--oh-success)]/40",
            "after": "border-semantic-success/40",
            "count": 0,
            "values": []
          },
          {
            "before": "border-[var(--oh-warning)]/40",
            "after": "border-warning/40",
            "count": 0,
            "values": []
          },
          {
            "before": "hover:border-[var(--oh-interactive-hover)]",
            "after": "hover:border-interactive-hover",
            "count": 1,
            "values": [
              {
                "tag": "BUTTON",
                "testid": null,
                "color": "rgb(101, 123, 131)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(215, 208, 188)",
                "bbox": [
                  464.5,
                  513,
                  396,
                  62
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-muted)]",
            "after": "text-muted",
            "count": 9,
            "values": [
              {
                "tag": "SPAN",
                "testid": "automation-setup-save-state",
                "color": "rgb(131, 148, 150)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(131, 148, 150)",
                "bbox": [
                  1058.46875,
                  11.5,
                  100.25,
                  16
                ]
              },
              {
                "tag": "SPAN",
                "testid": null,
                "color": "rgb(131, 148, 150)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(131, 148, 150)",
                "bbox": [
                  559.859375,
                  75,
                  40.40625,
                  16
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-model",
                "color": "rgb(131, 148, 150)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgba(0, 0, 0, 0)",
                "bbox": [
                  481.5,
                  409,
                  168.03125,
                  22
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-repository-add",
                "color": "rgb(131, 148, 150)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(131, 148, 150)",
                "bbox": [
                  569.625,
                  456,
                  24,
                  24
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-success)]",
            "after": "text-semantic-success",
            "count": 1,
            "values": [
              {
                "tag": "SPAN",
                "testid": "automation-setup-draft-validity",
                "color": "rgb(133, 153, 0)",
                "background": "oklab(0.64439 -0.0721692 0.132452 / 0.1)",
                "border": "rgb(133, 153, 0)",
                "bbox": [
                  998.25,
                  73,
                  94.859375,
                  20
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-text-tertiary)]",
            "after": "text-text-tertiary",
            "count": 2,
            "values": [
              {
                "tag": "SPAN",
                "testid": null,
                "color": "rgb(88, 110, 117)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(88, 110, 117)",
                "bbox": [
                  501.5,
                  548,
                  189.59375,
                  16
                ]
              },
              {
                "tag": "SPAN",
                "testid": null,
                "color": "rgb(88, 110, 117)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(88, 110, 117)",
                "bbox": [
                  905.5,
                  548,
                  220.734375,
                  16
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-warning)]",
            "after": "text-warning",
            "count": 0,
            "values": []
          }
        ]
      },
      "after": {
        "theme": "light",
        "viewport": [
          1440,
          1000
        ],
        "pageWidth": 1440,
        "samples": [
          {
            "before": "bg-[var(--oh-interactive-hover)]",
            "after": "bg-interactive-hover",
            "count": 0,
            "values": []
          },
          {
            "before": "bg-[var(--oh-success)]/10",
            "after": "bg-semantic-success/10",
            "count": 1,
            "values": [
              {
                "tag": "SPAN",
                "testid": "automation-setup-draft-validity",
                "color": "rgb(133, 153, 0)",
                "background": "oklab(0.64439 -0.0721692 0.132452 / 0.1)",
                "border": "rgb(133, 153, 0)",
                "bbox": [
                  998.25,
                  73,
                  94.859375,
                  20
                ]
              }
            ]
          },
          {
            "before": "bg-[var(--oh-surface)]",
            "after": "bg-surface",
            "count": 2,
            "values": [
              {
                "tag": "SECTION",
                "testid": "automation-setup-draft-details",
                "color": "rgb(101, 123, 131)",
                "background": "rgb(238, 232, 213)",
                "border": "rgb(215, 208, 188)",
                "bbox": [
                  464.5,
                  60,
                  800,
                  46
                ]
              },
              {
                "tag": "DIV",
                "testid": "automation-setup-prompt-container",
                "color": "rgb(101, 123, 131)",
                "background": "rgb(238, 232, 213)",
                "border": "rgb(215, 208, 188)",
                "bbox": [
                  464.5,
                  262,
                  800,
                  186
                ]
              }
            ]
          },
          {
            "before": "bg-[var(--oh-surface-raised)]",
            "after": "bg-surface-raised",
            "count": 2,
            "values": [
              {
                "tag": "DIV",
                "testid": "automation-setup-prompt-drawer",
                "color": "rgb(101, 123, 131)",
                "background": "rgb(240, 233, 214)",
                "border": "rgb(215, 208, 188)",
                "bbox": [
                  464.5,
                  433,
                  800,
                  56
                ]
              },
              {
                "tag": "BUTTON",
                "testid": null,
                "color": "rgb(101, 123, 131)",
                "background": "rgb(240, 233, 214)",
                "border": "rgb(230, 223, 204)",
                "bbox": [
                  868.5,
                  513,
                  396,
                  62
                ]
              }
            ]
          },
          {
            "before": "bg-[var(--oh-warning)]/10",
            "after": "bg-warning/10",
            "count": 0,
            "values": []
          },
          {
            "before": "border-[var(--oh-border)]",
            "after": "border-border",
            "count": 15,
            "values": [
              {
                "tag": "BUTTON",
                "testid": "automation-setup-save-draft",
                "color": "rgb(0, 43, 54)",
                "background": "rgb(238, 232, 213)",
                "border": "rgb(215, 208, 188)",
                "bbox": [
                  1164.71875,
                  5.5,
                  79.796875,
                  28
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-test",
                "color": "rgb(0, 43, 54)",
                "background": "rgb(238, 232, 213)",
                "border": "rgb(215, 208, 188)",
                "bbox": [
                  1250.515625,
                  5.5,
                  45.875,
                  28
                ]
              },
              {
                "tag": "SECTION",
                "testid": "automation-setup-draft-details",
                "color": "rgb(101, 123, 131)",
                "background": "rgb(238, 232, 213)",
                "border": "rgb(215, 208, 188)",
                "bbox": [
                  464.5,
                  60,
                  800,
                  46
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-view-test-runs",
                "color": "rgb(0, 43, 54)",
                "background": "rgb(238, 232, 213)",
                "border": "rgb(215, 208, 188)",
                "bbox": [
                  1099.109375,
                  69,
                  102.515625,
                  28
                ]
              }
            ]
          },
          {
            "before": "border-[var(--oh-interactive-hover)]",
            "after": "border-interactive-hover",
            "count": 1,
            "values": [
              {
                "tag": "BUTTON",
                "testid": null,
                "color": "rgb(101, 123, 131)",
                "background": "rgb(240, 233, 214)",
                "border": "rgb(230, 223, 204)",
                "bbox": [
                  868.5,
                  513,
                  396,
                  62
                ]
              }
            ]
          },
          {
            "before": "border-[var(--oh-success)]/40",
            "after": "border-semantic-success/40",
            "count": 0,
            "values": []
          },
          {
            "before": "border-[var(--oh-warning)]/40",
            "after": "border-warning/40",
            "count": 0,
            "values": []
          },
          {
            "before": "hover:border-[var(--oh-interactive-hover)]",
            "after": "hover:border-interactive-hover",
            "count": 1,
            "values": [
              {
                "tag": "BUTTON",
                "testid": null,
                "color": "rgb(101, 123, 131)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(215, 208, 188)",
                "bbox": [
                  464.5,
                  513,
                  396,
                  62
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-muted)]",
            "after": "text-muted",
            "count": 9,
            "values": [
              {
                "tag": "SPAN",
                "testid": "automation-setup-save-state",
                "color": "rgb(131, 148, 150)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(131, 148, 150)",
                "bbox": [
                  1058.46875,
                  11.5,
                  100.25,
                  16
                ]
              },
              {
                "tag": "SPAN",
                "testid": null,
                "color": "rgb(131, 148, 150)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(131, 148, 150)",
                "bbox": [
                  559.859375,
                  75,
                  50.578125,
                  16
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-model",
                "color": "rgb(131, 148, 150)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgba(0, 0, 0, 0)",
                "bbox": [
                  481.5,
                  409,
                  168.03125,
                  22
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-repository-add",
                "color": "rgb(131, 148, 150)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(131, 148, 150)",
                "bbox": [
                  569.625,
                  456,
                  24,
                  24
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-success)]",
            "after": "text-semantic-success",
            "count": 1,
            "values": [
              {
                "tag": "SPAN",
                "testid": "automation-setup-draft-validity",
                "color": "rgb(133, 153, 0)",
                "background": "oklab(0.64439 -0.0721692 0.132452 / 0.1)",
                "border": "rgb(133, 153, 0)",
                "bbox": [
                  998.25,
                  73,
                  94.859375,
                  20
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-text-tertiary)]",
            "after": "text-text-tertiary",
            "count": 2,
            "values": [
              {
                "tag": "SPAN",
                "testid": null,
                "color": "rgb(88, 110, 117)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(88, 110, 117)",
                "bbox": [
                  501.5,
                  548,
                  189.59375,
                  16
                ]
              },
              {
                "tag": "SPAN",
                "testid": null,
                "color": "rgb(88, 110, 117)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(88, 110, 117)",
                "bbox": [
                  905.5,
                  548,
                  220.734375,
                  16
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-warning)]",
            "after": "text-warning",
            "count": 0,
            "values": []
          }
        ]
      },
      "differences": [
        {
          "field": "/samples/10/values/1/bbox/2",
          "before": 40.40625,
          "after": 50.578125
        }
      ]
    },
    {
      "state": "solarized-light-desktop-ready-draft-clean",
      "beforeTimestamp": "2026-10-24T23:00:03Z",
      "afterTimestamp": "2026-10-24T23:07:33Z",
      "before": {
        "theme": "light",
        "viewport": [
          1440,
          1000
        ],
        "pageWidth": 1440,
        "samples": [
          {
            "before": "bg-[var(--oh-interactive-hover)]",
            "after": "bg-interactive-hover",
            "count": 0,
            "values": []
          },
          {
            "before": "bg-[var(--oh-success)]/10",
            "after": "bg-semantic-success/10",
            "count": 1,
            "values": [
              {
                "tag": "SPAN",
                "testid": "automation-setup-draft-validity",
                "color": "rgb(133, 153, 0)",
                "background": "oklab(0.64439 -0.0721692 0.132452 / 0.1)",
                "border": "rgb(133, 153, 0)",
                "bbox": [
                  998.25,
                  73,
                  94.859375,
                  20
                ]
              }
            ]
          },
          {
            "before": "bg-[var(--oh-surface)]",
            "after": "bg-surface",
            "count": 2,
            "values": [
              {
                "tag": "SECTION",
                "testid": "automation-setup-draft-details",
                "color": "rgb(101, 123, 131)",
                "background": "rgb(238, 232, 213)",
                "border": "rgb(215, 208, 188)",
                "bbox": [
                  464.5,
                  60,
                  800,
                  46
                ]
              },
              {
                "tag": "DIV",
                "testid": "automation-setup-prompt-container",
                "color": "rgb(101, 123, 131)",
                "background": "rgb(238, 232, 213)",
                "border": "rgb(215, 208, 188)",
                "bbox": [
                  464.5,
                  262,
                  800,
                  186
                ]
              }
            ]
          },
          {
            "before": "bg-[var(--oh-surface-raised)]",
            "after": "bg-surface-raised",
            "count": 3,
            "values": [
              {
                "tag": "DIV",
                "testid": "automation-setup-prompt-drawer",
                "color": "rgb(101, 123, 131)",
                "background": "rgb(240, 233, 214)",
                "border": "rgb(215, 208, 188)",
                "bbox": [
                  464.5,
                  433,
                  800,
                  56
                ]
              },
              {
                "tag": "BUTTON",
                "testid": null,
                "color": "rgb(101, 123, 131)",
                "background": "rgb(240, 233, 214)",
                "border": "rgb(230, 223, 204)",
                "bbox": [
                  464.5,
                  513,
                  396,
                  62
                ]
              },
              {
                "tag": "DIV",
                "testid": null,
                "color": "rgb(101, 123, 131)",
                "background": "rgb(240, 233, 214)",
                "border": "rgb(101, 123, 131)",
                "bbox": [
                  540.59375,
                  599,
                  435.515625,
                  36
                ]
              }
            ]
          },
          {
            "before": "bg-[var(--oh-warning)]/10",
            "after": "bg-warning/10",
            "count": 0,
            "values": []
          },
          {
            "before": "border-[var(--oh-border)]",
            "after": "border-border",
            "count": 13,
            "values": [
              {
                "tag": "BUTTON",
                "testid": "automation-setup-save-draft",
                "color": "rgb(0, 43, 54)",
                "background": "rgb(238, 232, 213)",
                "border": "rgb(215, 208, 188)",
                "bbox": [
                  1164.71875,
                  5.5,
                  79.796875,
                  28
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-test",
                "color": "rgb(0, 43, 54)",
                "background": "rgb(238, 232, 213)",
                "border": "rgb(215, 208, 188)",
                "bbox": [
                  1250.515625,
                  5.5,
                  45.875,
                  28
                ]
              },
              {
                "tag": "SECTION",
                "testid": "automation-setup-draft-details",
                "color": "rgb(101, 123, 131)",
                "background": "rgb(238, 232, 213)",
                "border": "rgb(215, 208, 188)",
                "bbox": [
                  464.5,
                  60,
                  800,
                  46
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-view-test-runs",
                "color": "rgb(0, 43, 54)",
                "background": "rgb(238, 232, 213)",
                "border": "rgb(215, 208, 188)",
                "bbox": [
                  1099.109375,
                  69,
                  102.515625,
                  28
                ]
              }
            ]
          },
          {
            "before": "border-[var(--oh-interactive-hover)]",
            "after": "border-interactive-hover",
            "count": 2,
            "values": [
              {
                "tag": "BUTTON",
                "testid": null,
                "color": "rgb(101, 123, 131)",
                "background": "rgb(240, 233, 214)",
                "border": "rgb(230, 223, 204)",
                "bbox": [
                  464.5,
                  513,
                  396,
                  62
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-frequency-custom",
                "color": "rgb(101, 123, 131)",
                "background": "rgb(238, 232, 213)",
                "border": "rgb(230, 223, 204)",
                "bbox": [
                  910.125,
                  601,
                  63.984375,
                  32
                ]
              }
            ]
          },
          {
            "before": "border-[var(--oh-success)]/40",
            "after": "border-semantic-success/40",
            "count": 0,
            "values": []
          },
          {
            "before": "border-[var(--oh-warning)]/40",
            "after": "border-warning/40",
            "count": 0,
            "values": []
          },
          {
            "before": "hover:border-[var(--oh-interactive-hover)]",
            "after": "hover:border-interactive-hover",
            "count": 1,
            "values": [
              {
                "tag": "BUTTON",
                "testid": null,
                "color": "rgb(101, 123, 131)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(215, 208, 188)",
                "bbox": [
                  868.5,
                  513,
                  396,
                  62
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-muted)]",
            "after": "text-muted",
            "count": 13,
            "values": [
              {
                "tag": "SPAN",
                "testid": "automation-setup-save-state",
                "color": "rgb(131, 148, 150)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(131, 148, 150)",
                "bbox": [
                  1073.734375,
                  11.5,
                  84.984375,
                  16
                ]
              },
              {
                "tag": "SPAN",
                "testid": null,
                "color": "rgb(131, 148, 150)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(131, 148, 150)",
                "bbox": [
                  559.859375,
                  75,
                  40.40625,
                  16
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-model",
                "color": "rgb(131, 148, 150)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgba(0, 0, 0, 0)",
                "bbox": [
                  481.5,
                  409,
                  168.03125,
                  22
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-repository-add",
                "color": "rgb(131, 148, 150)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(131, 148, 150)",
                "bbox": [
                  569.625,
                  456,
                  24,
                  24
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-success)]",
            "after": "text-semantic-success",
            "count": 1,
            "values": [
              {
                "tag": "SPAN",
                "testid": "automation-setup-draft-validity",
                "color": "rgb(133, 153, 0)",
                "background": "oklab(0.64439 -0.0721692 0.132452 / 0.1)",
                "border": "rgb(133, 153, 0)",
                "bbox": [
                  998.25,
                  73,
                  94.859375,
                  20
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-text-tertiary)]",
            "after": "text-text-tertiary",
            "count": 2,
            "values": [
              {
                "tag": "SPAN",
                "testid": null,
                "color": "rgb(88, 110, 117)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(88, 110, 117)",
                "bbox": [
                  501.5,
                  548,
                  189.59375,
                  16
                ]
              },
              {
                "tag": "SPAN",
                "testid": null,
                "color": "rgb(88, 110, 117)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(88, 110, 117)",
                "bbox": [
                  905.5,
                  548,
                  220.734375,
                  16
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-warning)]",
            "after": "text-warning",
            "count": 0,
            "values": []
          }
        ]
      },
      "after": {
        "theme": "light",
        "viewport": [
          1440,
          1000
        ],
        "pageWidth": 1440,
        "samples": [
          {
            "before": "bg-[var(--oh-interactive-hover)]",
            "after": "bg-interactive-hover",
            "count": 0,
            "values": []
          },
          {
            "before": "bg-[var(--oh-success)]/10",
            "after": "bg-semantic-success/10",
            "count": 1,
            "values": [
              {
                "tag": "SPAN",
                "testid": "automation-setup-draft-validity",
                "color": "rgb(133, 153, 0)",
                "background": "oklab(0.64439 -0.0721692 0.132452 / 0.1)",
                "border": "rgb(133, 153, 0)",
                "bbox": [
                  998.25,
                  73,
                  94.859375,
                  20
                ]
              }
            ]
          },
          {
            "before": "bg-[var(--oh-surface)]",
            "after": "bg-surface",
            "count": 2,
            "values": [
              {
                "tag": "SECTION",
                "testid": "automation-setup-draft-details",
                "color": "rgb(101, 123, 131)",
                "background": "rgb(238, 232, 213)",
                "border": "rgb(215, 208, 188)",
                "bbox": [
                  464.5,
                  60,
                  800,
                  46
                ]
              },
              {
                "tag": "DIV",
                "testid": "automation-setup-prompt-container",
                "color": "rgb(101, 123, 131)",
                "background": "rgb(238, 232, 213)",
                "border": "rgb(215, 208, 188)",
                "bbox": [
                  464.5,
                  262,
                  800,
                  186
                ]
              }
            ]
          },
          {
            "before": "bg-[var(--oh-surface-raised)]",
            "after": "bg-surface-raised",
            "count": 3,
            "values": [
              {
                "tag": "DIV",
                "testid": "automation-setup-prompt-drawer",
                "color": "rgb(101, 123, 131)",
                "background": "rgb(240, 233, 214)",
                "border": "rgb(215, 208, 188)",
                "bbox": [
                  464.5,
                  433,
                  800,
                  56
                ]
              },
              {
                "tag": "BUTTON",
                "testid": null,
                "color": "rgb(101, 123, 131)",
                "background": "rgb(240, 233, 214)",
                "border": "rgb(230, 223, 204)",
                "bbox": [
                  464.5,
                  513,
                  396,
                  62
                ]
              },
              {
                "tag": "DIV",
                "testid": null,
                "color": "rgb(101, 123, 131)",
                "background": "rgb(240, 233, 214)",
                "border": "rgb(101, 123, 131)",
                "bbox": [
                  540.59375,
                  599,
                  435.515625,
                  36
                ]
              }
            ]
          },
          {
            "before": "bg-[var(--oh-warning)]/10",
            "after": "bg-warning/10",
            "count": 0,
            "values": []
          },
          {
            "before": "border-[var(--oh-border)]",
            "after": "border-border",
            "count": 13,
            "values": [
              {
                "tag": "BUTTON",
                "testid": "automation-setup-save-draft",
                "color": "rgb(0, 43, 54)",
                "background": "rgb(238, 232, 213)",
                "border": "rgb(215, 208, 188)",
                "bbox": [
                  1164.71875,
                  5.5,
                  79.796875,
                  28
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-test",
                "color": "rgb(0, 43, 54)",
                "background": "rgb(238, 232, 213)",
                "border": "rgb(215, 208, 188)",
                "bbox": [
                  1250.515625,
                  5.5,
                  45.875,
                  28
                ]
              },
              {
                "tag": "SECTION",
                "testid": "automation-setup-draft-details",
                "color": "rgb(101, 123, 131)",
                "background": "rgb(238, 232, 213)",
                "border": "rgb(215, 208, 188)",
                "bbox": [
                  464.5,
                  60,
                  800,
                  46
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-view-test-runs",
                "color": "rgb(0, 43, 54)",
                "background": "rgb(238, 232, 213)",
                "border": "rgb(215, 208, 188)",
                "bbox": [
                  1099.109375,
                  69,
                  102.515625,
                  28
                ]
              }
            ]
          },
          {
            "before": "border-[var(--oh-interactive-hover)]",
            "after": "border-interactive-hover",
            "count": 2,
            "values": [
              {
                "tag": "BUTTON",
                "testid": null,
                "color": "rgb(101, 123, 131)",
                "background": "rgb(240, 233, 214)",
                "border": "rgb(230, 223, 204)",
                "bbox": [
                  464.5,
                  513,
                  396,
                  62
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-frequency-custom",
                "color": "rgb(101, 123, 131)",
                "background": "rgb(238, 232, 213)",
                "border": "rgb(230, 223, 204)",
                "bbox": [
                  910.125,
                  601,
                  63.984375,
                  32
                ]
              }
            ]
          },
          {
            "before": "border-[var(--oh-success)]/40",
            "after": "border-semantic-success/40",
            "count": 0,
            "values": []
          },
          {
            "before": "border-[var(--oh-warning)]/40",
            "after": "border-warning/40",
            "count": 0,
            "values": []
          },
          {
            "before": "hover:border-[var(--oh-interactive-hover)]",
            "after": "hover:border-interactive-hover",
            "count": 1,
            "values": [
              {
                "tag": "BUTTON",
                "testid": null,
                "color": "rgb(101, 123, 131)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(215, 208, 188)",
                "bbox": [
                  868.5,
                  513,
                  396,
                  62
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-muted)]",
            "after": "text-muted",
            "count": 13,
            "values": [
              {
                "tag": "SPAN",
                "testid": "automation-setup-save-state",
                "color": "rgb(131, 148, 150)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(131, 148, 150)",
                "bbox": [
                  1073.734375,
                  11.5,
                  84.984375,
                  16
                ]
              },
              {
                "tag": "SPAN",
                "testid": null,
                "color": "rgb(131, 148, 150)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(131, 148, 150)",
                "bbox": [
                  559.859375,
                  75,
                  50.578125,
                  16
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-model",
                "color": "rgb(131, 148, 150)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgba(0, 0, 0, 0)",
                "bbox": [
                  481.5,
                  409,
                  168.03125,
                  22
                ]
              },
              {
                "tag": "BUTTON",
                "testid": "automation-setup-repository-add",
                "color": "rgb(131, 148, 150)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(131, 148, 150)",
                "bbox": [
                  569.625,
                  456,
                  24,
                  24
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-success)]",
            "after": "text-semantic-success",
            "count": 1,
            "values": [
              {
                "tag": "SPAN",
                "testid": "automation-setup-draft-validity",
                "color": "rgb(133, 153, 0)",
                "background": "oklab(0.64439 -0.0721692 0.132452 / 0.1)",
                "border": "rgb(133, 153, 0)",
                "bbox": [
                  998.25,
                  73,
                  94.859375,
                  20
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-text-tertiary)]",
            "after": "text-text-tertiary",
            "count": 2,
            "values": [
              {
                "tag": "SPAN",
                "testid": null,
                "color": "rgb(88, 110, 117)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(88, 110, 117)",
                "bbox": [
                  501.5,
                  548,
                  189.59375,
                  16
                ]
              },
              {
                "tag": "SPAN",
                "testid": null,
                "color": "rgb(88, 110, 117)",
                "background": "rgba(0, 0, 0, 0)",
                "border": "rgb(88, 110, 117)",
                "bbox": [
                  905.5,
                  548,
                  220.734375,
                  16
                ]
              }
            ]
          },
          {
            "before": "text-[var(--oh-warning)]",
            "after": "text-warning",
            "count": 0,
            "values": []
          }
        ]
      },
      "differences": [
        {
          "field": "/samples/10/values/1/bbox/2",
          "before": 40.40625,
          "after": 50.578125
        }
      ]
    }
  ],
  "unpairedNamedSamples": {
    "before": [],
    "after": []
  },
  "classification": "Stable color/DOM/control properties are distinct from fully retained geometry differences and the intentional clipping-mechanism change. Nothing in the original sampled values is normalized away.",
  "limits": [
    "Actual named computed samples establish the stated preservation scope. No global pixel identity, exhaustive theme/state coverage or performance claim.",
    "Solarized saved-age label width differs because relative save age changes between genuine runs; those two geometry differences are disclosed, not a color-role change.",
    "This10-pair comparison associates reads with exact screenshot names without intervening UI actions; the authority has11 total paired read sets, including an additional standalone phone read.",
    "All14 replacement full-class rules are declaration-identical in actual app and library CSS. That compiled proof is separate from live scope: nine classes observed, five build-only."
  ]
}