{
  "status": "pass",
  "beforePhase": "before-home-motion",
  "afterPhase": "home-after-motion",
  "pairedStates": 40,
  "allActualBranchesMatch": true,
  "colorTypeSpacingCheckedAndStaticGeometryEqual": true,
  "allPageOverflowAbsent": true,
  "procedure": "Set media before each full Home navigation; allow native color transitions to settle; read actual animated pill child/static button fill. Both branches covered in five themes, desktop/phone, Code/Automate.",
  "comparison": "Exact sampled colors/backgrounds, typography, spacing, selection and all sampled geometry after settling. Native clips show the activation transition. No synchronized-frame or whole-page pixel identity claim.",
  "differences": [],
  "volatileAnimationObservations": [],
  "pairedSamples": [
    {
      "state": "deepsea-desktop-no-preference-automate-mounted-rest",
      "before": {
        "state": "deepsea-desktop-no-preference-automate-mounted-rest",
        "branch": {
          "browserReducedMotion": false,
          "animatedPillChildren": 1,
          "activeButtonFill": "rgba(0, 0, 0, 0)",
          "matchesExpected": true
        },
        "theme": "openhands-deepsea",
        "reducedMotion": false,
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(220, 227, 238)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(220, 227, 238)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 563.59375,
              "y": 426,
              "width": 612.796875,
              "height": 24
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(238, 242, 247)",
              "backgroundColor": "rgb(44, 49, 63)",
              "borderColor": "rgb(238, 242, 247)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 752.609375,
              "y": 474,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "false",
            "props": {
              "color": "rgb(163, 176, 196)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(163, 176, 196)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 756.609375,
              "y": 478,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "true",
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 855.46875,
              "y": 478,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(163, 176, 196)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(163, 176, 196)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 776.609375,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(163, 176, 196)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(163, 176, 196)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 800.609375,
              "y": 486,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgb(75, 84, 104)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 855.46875,
              "y": 478,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "matrix(1, 0, 0, 1, 0, 0)"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 6,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 899.46875,
              "y": 486,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      },
      "after": {
        "state": "deepsea-desktop-no-preference-automate-mounted-rest",
        "branch": {
          "browserReducedMotion": false,
          "animatedPillChildren": 1,
          "activeButtonFill": "rgba(0, 0, 0, 0)",
          "matchesExpected": true
        },
        "theme": "openhands-deepsea",
        "reducedMotion": false,
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(220, 227, 238)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(220, 227, 238)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 563.59375,
              "y": 426,
              "width": 612.796875,
              "height": 24
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(238, 242, 247)",
              "backgroundColor": "rgb(44, 49, 63)",
              "borderColor": "rgb(238, 242, 247)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 752.609375,
              "y": 474,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "false",
            "props": {
              "color": "rgb(163, 176, 196)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(163, 176, 196)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 756.609375,
              "y": 478,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "true",
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 855.46875,
              "y": 478,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(163, 176, 196)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(163, 176, 196)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 776.609375,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(163, 176, 196)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(163, 176, 196)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 800.609375,
              "y": 486,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgb(75, 84, 104)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 855.46875,
              "y": 478,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "matrix(1, 0, 0, 1, 0, 0)"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 6,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 899.46875,
              "y": 486,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      }
    },
    {
      "state": "deepsea-desktop-no-preference-code-mounted-rest",
      "before": {
        "state": "deepsea-desktop-no-preference-code-mounted-rest",
        "branch": {
          "browserReducedMotion": false,
          "animatedPillChildren": 1,
          "activeButtonFill": "rgba(0, 0, 0, 0)",
          "matchesExpected": true
        },
        "theme": "openhands-deepsea",
        "reducedMotion": false,
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(220, 227, 238)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(220, 227, 238)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 563.59375,
              "y": 426,
              "width": 612.796875,
              "height": 24
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(238, 242, 247)",
              "backgroundColor": "rgb(44, 49, 63)",
              "borderColor": "rgb(238, 242, 247)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 752.609375,
              "y": 474,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "true",
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 756.609375,
              "y": 478,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "false",
            "props": {
              "color": "rgb(163, 176, 196)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(163, 176, 196)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 855.46875,
              "y": 478,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgb(75, 84, 104)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 756.609375,
              "y": 478,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 776.609375,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 800.609375,
              "y": 486,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(163, 176, 196)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(163, 176, 196)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(163, 176, 196)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(163, 176, 196)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(163, 176, 196)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(163, 176, 196)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 6,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(163, 176, 196)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(163, 176, 196)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 899.46875,
              "y": 486,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      },
      "after": {
        "state": "deepsea-desktop-no-preference-code-mounted-rest",
        "branch": {
          "browserReducedMotion": false,
          "animatedPillChildren": 1,
          "activeButtonFill": "rgba(0, 0, 0, 0)",
          "matchesExpected": true
        },
        "theme": "openhands-deepsea",
        "reducedMotion": false,
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(220, 227, 238)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(220, 227, 238)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 563.59375,
              "y": 426,
              "width": 612.796875,
              "height": 24
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(238, 242, 247)",
              "backgroundColor": "rgb(44, 49, 63)",
              "borderColor": "rgb(238, 242, 247)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 752.609375,
              "y": 474,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "true",
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 756.609375,
              "y": 478,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "false",
            "props": {
              "color": "rgb(163, 176, 196)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(163, 176, 196)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 855.46875,
              "y": 478,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgb(75, 84, 104)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 756.609375,
              "y": 478,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 776.609375,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 800.609375,
              "y": 486,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(163, 176, 196)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(163, 176, 196)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(163, 176, 196)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(163, 176, 196)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(163, 176, 196)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(163, 176, 196)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 6,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(163, 176, 196)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(163, 176, 196)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 899.46875,
              "y": 486,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      }
    },
    {
      "state": "deepsea-desktop-reduce-automate-mounted-rest",
      "before": {
        "state": "deepsea-desktop-reduce-automate-mounted-rest",
        "branch": {
          "browserReducedMotion": true,
          "animatedPillChildren": 0,
          "activeButtonFill": "rgb(75, 84, 104)",
          "matchesExpected": true
        },
        "theme": "openhands-deepsea",
        "reducedMotion": true,
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(220, 227, 238)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(220, 227, 238)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 563.59375,
              "y": 426,
              "width": 612.796875,
              "height": 24
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(238, 242, 247)",
              "backgroundColor": "rgb(44, 49, 63)",
              "borderColor": "rgb(238, 242, 247)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 752.609375,
              "y": 474,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "false",
            "props": {
              "color": "rgb(163, 176, 196)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(163, 176, 196)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 756.609375,
              "y": 478,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "true",
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgb(75, 84, 104)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 855.46875,
              "y": 478,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(163, 176, 196)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(163, 176, 196)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 776.609375,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(163, 176, 196)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(163, 176, 196)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 800.609375,
              "y": 486,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "matrix(1, 0, 0, 1, 0, 0)"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 899.46875,
              "y": 486,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      },
      "after": {
        "state": "deepsea-desktop-reduce-automate-mounted-rest",
        "branch": {
          "browserReducedMotion": true,
          "animatedPillChildren": 0,
          "activeButtonFill": "rgb(75, 84, 104)",
          "matchesExpected": true
        },
        "theme": "openhands-deepsea",
        "reducedMotion": true,
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(220, 227, 238)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(220, 227, 238)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 563.59375,
              "y": 426,
              "width": 612.796875,
              "height": 24
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(238, 242, 247)",
              "backgroundColor": "rgb(44, 49, 63)",
              "borderColor": "rgb(238, 242, 247)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 752.609375,
              "y": 474,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "false",
            "props": {
              "color": "rgb(163, 176, 196)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(163, 176, 196)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 756.609375,
              "y": 478,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "true",
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgb(75, 84, 104)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 855.46875,
              "y": 478,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(163, 176, 196)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(163, 176, 196)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 776.609375,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(163, 176, 196)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(163, 176, 196)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 800.609375,
              "y": 486,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "matrix(1, 0, 0, 1, 0, 0)"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 899.46875,
              "y": 486,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      }
    },
    {
      "state": "deepsea-desktop-reduce-code-mounted-rest",
      "before": {
        "state": "deepsea-desktop-reduce-code-mounted-rest",
        "branch": {
          "browserReducedMotion": true,
          "animatedPillChildren": 0,
          "activeButtonFill": "rgb(75, 84, 104)",
          "matchesExpected": true
        },
        "theme": "openhands-deepsea",
        "reducedMotion": true,
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(220, 227, 238)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(220, 227, 238)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 563.59375,
              "y": 426,
              "width": 612.796875,
              "height": 24
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(238, 242, 247)",
              "backgroundColor": "rgb(44, 49, 63)",
              "borderColor": "rgb(238, 242, 247)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 752.609375,
              "y": 474,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "true",
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgb(75, 84, 104)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 756.609375,
              "y": 478,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "false",
            "props": {
              "color": "rgb(163, 176, 196)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(163, 176, 196)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 855.46875,
              "y": 478,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 776.609375,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 800.609375,
              "y": 486,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(163, 176, 196)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(163, 176, 196)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(163, 176, 196)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(163, 176, 196)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(163, 176, 196)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(163, 176, 196)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(163, 176, 196)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(163, 176, 196)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 899.46875,
              "y": 486,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      },
      "after": {
        "state": "deepsea-desktop-reduce-code-mounted-rest",
        "branch": {
          "browserReducedMotion": true,
          "animatedPillChildren": 0,
          "activeButtonFill": "rgb(75, 84, 104)",
          "matchesExpected": true
        },
        "theme": "openhands-deepsea",
        "reducedMotion": true,
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(220, 227, 238)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(220, 227, 238)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 563.59375,
              "y": 426,
              "width": 612.796875,
              "height": 24
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(238, 242, 247)",
              "backgroundColor": "rgb(44, 49, 63)",
              "borderColor": "rgb(238, 242, 247)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 752.609375,
              "y": 474,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "true",
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgb(75, 84, 104)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 756.609375,
              "y": 478,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "false",
            "props": {
              "color": "rgb(163, 176, 196)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(163, 176, 196)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 855.46875,
              "y": 478,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 776.609375,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 800.609375,
              "y": 486,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(163, 176, 196)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(163, 176, 196)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(163, 176, 196)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(163, 176, 196)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(163, 176, 196)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(163, 176, 196)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(163, 176, 196)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(163, 176, 196)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 899.46875,
              "y": 486,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      }
    },
    {
      "state": "deepsea-phone-no-preference-automate-mounted-rest",
      "before": {
        "state": "deepsea-phone-no-preference-automate-mounted-rest",
        "branch": {
          "browserReducedMotion": false,
          "animatedPillChildren": 1,
          "activeButtonFill": "rgba(0, 0, 0, 0)",
          "matchesExpected": true
        },
        "theme": "openhands-deepsea",
        "reducedMotion": false,
        "viewport": {
          "width": 390,
          "height": 844
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(220, 227, 238)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(220, 227, 238)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 16,
              "y": 534.3125,
              "width": 358,
              "height": 48
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(238, 242, 247)",
              "backgroundColor": "rgb(44, 49, 63)",
              "borderColor": "rgb(238, 242, 247)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 77.609375,
              "y": 606.3125,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "false",
            "props": {
              "color": "rgb(163, 176, 196)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(163, 176, 196)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 81.609375,
              "y": 610.3125,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "true",
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 180.46875,
              "y": 610.3125,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(163, 176, 196)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(163, 176, 196)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 101.609375,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(163, 176, 196)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(163, 176, 196)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 125.609375,
              "y": 618.3125,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgb(75, 84, 104)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 180.46875,
              "y": 610.3125,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "matrix(1, 0, 0, 1, 0, 0)"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 6,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 224.46875,
              "y": 618.3125,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      },
      "after": {
        "state": "deepsea-phone-no-preference-automate-mounted-rest",
        "branch": {
          "browserReducedMotion": false,
          "animatedPillChildren": 1,
          "activeButtonFill": "rgba(0, 0, 0, 0)",
          "matchesExpected": true
        },
        "theme": "openhands-deepsea",
        "reducedMotion": false,
        "viewport": {
          "width": 390,
          "height": 844
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(220, 227, 238)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(220, 227, 238)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 16,
              "y": 534.3125,
              "width": 358,
              "height": 48
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(238, 242, 247)",
              "backgroundColor": "rgb(44, 49, 63)",
              "borderColor": "rgb(238, 242, 247)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 77.609375,
              "y": 606.3125,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "false",
            "props": {
              "color": "rgb(163, 176, 196)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(163, 176, 196)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 81.609375,
              "y": 610.3125,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "true",
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 180.46875,
              "y": 610.3125,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(163, 176, 196)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(163, 176, 196)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 101.609375,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(163, 176, 196)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(163, 176, 196)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 125.609375,
              "y": 618.3125,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgb(75, 84, 104)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 180.46875,
              "y": 610.3125,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "matrix(1, 0, 0, 1, 0, 0)"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 6,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 224.46875,
              "y": 618.3125,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      }
    },
    {
      "state": "deepsea-phone-no-preference-code-mounted-rest",
      "before": {
        "state": "deepsea-phone-no-preference-code-mounted-rest",
        "branch": {
          "browserReducedMotion": false,
          "animatedPillChildren": 1,
          "activeButtonFill": "rgba(0, 0, 0, 0)",
          "matchesExpected": true
        },
        "theme": "openhands-deepsea",
        "reducedMotion": false,
        "viewport": {
          "width": 390,
          "height": 844
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(220, 227, 238)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(220, 227, 238)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 16,
              "y": 534.3125,
              "width": 358,
              "height": 48
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(238, 242, 247)",
              "backgroundColor": "rgb(44, 49, 63)",
              "borderColor": "rgb(238, 242, 247)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 77.609375,
              "y": 606.3125,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "true",
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 81.609375,
              "y": 610.3125,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "false",
            "props": {
              "color": "rgb(163, 176, 196)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(163, 176, 196)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 180.46875,
              "y": 610.3125,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgb(75, 84, 104)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 81.609375,
              "y": 610.3125,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 101.609375,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 125.609375,
              "y": 618.3125,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(163, 176, 196)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(163, 176, 196)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(163, 176, 196)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(163, 176, 196)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(163, 176, 196)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(163, 176, 196)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 6,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(163, 176, 196)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(163, 176, 196)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 224.46875,
              "y": 618.3125,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      },
      "after": {
        "state": "deepsea-phone-no-preference-code-mounted-rest",
        "branch": {
          "browserReducedMotion": false,
          "animatedPillChildren": 1,
          "activeButtonFill": "rgba(0, 0, 0, 0)",
          "matchesExpected": true
        },
        "theme": "openhands-deepsea",
        "reducedMotion": false,
        "viewport": {
          "width": 390,
          "height": 844
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(220, 227, 238)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(220, 227, 238)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 16,
              "y": 534.3125,
              "width": 358,
              "height": 48
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(238, 242, 247)",
              "backgroundColor": "rgb(44, 49, 63)",
              "borderColor": "rgb(238, 242, 247)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 77.609375,
              "y": 606.3125,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "true",
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 81.609375,
              "y": 610.3125,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "false",
            "props": {
              "color": "rgb(163, 176, 196)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(163, 176, 196)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 180.46875,
              "y": 610.3125,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgb(75, 84, 104)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 81.609375,
              "y": 610.3125,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 101.609375,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 125.609375,
              "y": 618.3125,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(163, 176, 196)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(163, 176, 196)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(163, 176, 196)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(163, 176, 196)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(163, 176, 196)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(163, 176, 196)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 6,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(163, 176, 196)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(163, 176, 196)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 224.46875,
              "y": 618.3125,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      }
    },
    {
      "state": "deepsea-phone-reduce-automate-mounted-rest",
      "before": {
        "state": "deepsea-phone-reduce-automate-mounted-rest",
        "branch": {
          "browserReducedMotion": true,
          "animatedPillChildren": 0,
          "activeButtonFill": "rgb(75, 84, 104)",
          "matchesExpected": true
        },
        "theme": "openhands-deepsea",
        "reducedMotion": true,
        "viewport": {
          "width": 390,
          "height": 844
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(220, 227, 238)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(220, 227, 238)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 16,
              "y": 534.3125,
              "width": 358,
              "height": 48
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(238, 242, 247)",
              "backgroundColor": "rgb(44, 49, 63)",
              "borderColor": "rgb(238, 242, 247)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 77.609375,
              "y": 606.3125,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "false",
            "props": {
              "color": "rgb(163, 176, 196)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(163, 176, 196)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 81.609375,
              "y": 610.3125,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "true",
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgb(75, 84, 104)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 180.46875,
              "y": 610.3125,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(163, 176, 196)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(163, 176, 196)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 101.609375,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(163, 176, 196)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(163, 176, 196)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 125.609375,
              "y": 618.3125,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "matrix(1, 0, 0, 1, 0, 0)"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 224.46875,
              "y": 618.3125,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      },
      "after": {
        "state": "deepsea-phone-reduce-automate-mounted-rest",
        "branch": {
          "browserReducedMotion": true,
          "animatedPillChildren": 0,
          "activeButtonFill": "rgb(75, 84, 104)",
          "matchesExpected": true
        },
        "theme": "openhands-deepsea",
        "reducedMotion": true,
        "viewport": {
          "width": 390,
          "height": 844
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(220, 227, 238)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(220, 227, 238)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 16,
              "y": 534.3125,
              "width": 358,
              "height": 48
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(238, 242, 247)",
              "backgroundColor": "rgb(44, 49, 63)",
              "borderColor": "rgb(238, 242, 247)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 77.609375,
              "y": 606.3125,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "false",
            "props": {
              "color": "rgb(163, 176, 196)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(163, 176, 196)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 81.609375,
              "y": 610.3125,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "true",
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgb(75, 84, 104)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 180.46875,
              "y": 610.3125,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(163, 176, 196)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(163, 176, 196)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 101.609375,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(163, 176, 196)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(163, 176, 196)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 125.609375,
              "y": 618.3125,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "matrix(1, 0, 0, 1, 0, 0)"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 224.46875,
              "y": 618.3125,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      }
    },
    {
      "state": "deepsea-phone-reduce-code-mounted-rest",
      "before": {
        "state": "deepsea-phone-reduce-code-mounted-rest",
        "branch": {
          "browserReducedMotion": true,
          "animatedPillChildren": 0,
          "activeButtonFill": "rgb(75, 84, 104)",
          "matchesExpected": true
        },
        "theme": "openhands-deepsea",
        "reducedMotion": true,
        "viewport": {
          "width": 390,
          "height": 844
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(220, 227, 238)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(220, 227, 238)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 16,
              "y": 534.3125,
              "width": 358,
              "height": 48
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(238, 242, 247)",
              "backgroundColor": "rgb(44, 49, 63)",
              "borderColor": "rgb(238, 242, 247)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 77.609375,
              "y": 606.3125,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "true",
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgb(75, 84, 104)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 81.609375,
              "y": 610.3125,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "false",
            "props": {
              "color": "rgb(163, 176, 196)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(163, 176, 196)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 180.46875,
              "y": 610.3125,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 101.609375,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 125.609375,
              "y": 618.3125,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(163, 176, 196)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(163, 176, 196)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(163, 176, 196)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(163, 176, 196)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(163, 176, 196)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(163, 176, 196)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(163, 176, 196)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(163, 176, 196)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 224.46875,
              "y": 618.3125,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      },
      "after": {
        "state": "deepsea-phone-reduce-code-mounted-rest",
        "branch": {
          "browserReducedMotion": true,
          "animatedPillChildren": 0,
          "activeButtonFill": "rgb(75, 84, 104)",
          "matchesExpected": true
        },
        "theme": "openhands-deepsea",
        "reducedMotion": true,
        "viewport": {
          "width": 390,
          "height": 844
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(220, 227, 238)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(220, 227, 238)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 16,
              "y": 534.3125,
              "width": 358,
              "height": 48
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(238, 242, 247)",
              "backgroundColor": "rgb(44, 49, 63)",
              "borderColor": "rgb(238, 242, 247)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 77.609375,
              "y": 606.3125,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "true",
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgb(75, 84, 104)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 81.609375,
              "y": 610.3125,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "false",
            "props": {
              "color": "rgb(163, 176, 196)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(163, 176, 196)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 180.46875,
              "y": 610.3125,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 101.609375,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 125.609375,
              "y": 618.3125,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(163, 176, 196)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(163, 176, 196)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(163, 176, 196)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(163, 176, 196)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(163, 176, 196)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(163, 176, 196)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(163, 176, 196)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(163, 176, 196)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 224.46875,
              "y": 618.3125,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      }
    },
    {
      "state": "light-desktop-no-preference-automate-mounted-rest",
      "before": {
        "state": "light-desktop-no-preference-automate-mounted-rest",
        "branch": {
          "browserReducedMotion": false,
          "animatedPillChildren": 1,
          "activeButtonFill": "rgba(0, 0, 0, 0)",
          "matchesExpected": true
        },
        "theme": "light-plus",
        "reducedMotion": false,
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(77, 77, 77)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(77, 77, 77)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 563.59375,
              "y": 426,
              "width": 612.796875,
              "height": 24
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgb(238, 238, 238)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 752.609375,
              "y": 474,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "false",
            "props": {
              "color": "rgb(97, 97, 97)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(97, 97, 97)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 756.609375,
              "y": 478,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "true",
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 855.46875,
              "y": 478,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(97, 97, 97)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(97, 97, 97)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 776.609375,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(97, 97, 97)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(97, 97, 97)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 800.609375,
              "y": 486,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgb(229, 229, 229)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 855.46875,
              "y": 478,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "matrix(1, 0, 0, 1, 0, 0)"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 6,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 899.46875,
              "y": 486,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      },
      "after": {
        "state": "light-desktop-no-preference-automate-mounted-rest",
        "branch": {
          "browserReducedMotion": false,
          "animatedPillChildren": 1,
          "activeButtonFill": "rgba(0, 0, 0, 0)",
          "matchesExpected": true
        },
        "theme": "light-plus",
        "reducedMotion": false,
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(77, 77, 77)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(77, 77, 77)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 563.59375,
              "y": 426,
              "width": 612.796875,
              "height": 24
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgb(238, 238, 238)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 752.609375,
              "y": 474,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "false",
            "props": {
              "color": "rgb(97, 97, 97)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(97, 97, 97)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 756.609375,
              "y": 478,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "true",
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 855.46875,
              "y": 478,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(97, 97, 97)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(97, 97, 97)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 776.609375,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(97, 97, 97)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(97, 97, 97)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 800.609375,
              "y": 486,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgb(229, 229, 229)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 855.46875,
              "y": 478,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "matrix(1, 0, 0, 1, 0, 0)"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 6,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 899.46875,
              "y": 486,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      }
    },
    {
      "state": "light-desktop-no-preference-code-mounted-rest",
      "before": {
        "state": "light-desktop-no-preference-code-mounted-rest",
        "branch": {
          "browserReducedMotion": false,
          "animatedPillChildren": 1,
          "activeButtonFill": "rgba(0, 0, 0, 0)",
          "matchesExpected": true
        },
        "theme": "light-plus",
        "reducedMotion": false,
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(77, 77, 77)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(77, 77, 77)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 563.59375,
              "y": 426,
              "width": 612.796875,
              "height": 24
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgb(238, 238, 238)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 752.609375,
              "y": 474,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "true",
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 756.609375,
              "y": 478,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "false",
            "props": {
              "color": "rgb(97, 97, 97)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(97, 97, 97)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 855.46875,
              "y": 478,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgb(229, 229, 229)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 756.609375,
              "y": 478,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 776.609375,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 800.609375,
              "y": 486,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(97, 97, 97)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(97, 97, 97)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(97, 97, 97)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(97, 97, 97)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(97, 97, 97)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(97, 97, 97)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 6,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(97, 97, 97)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(97, 97, 97)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 899.46875,
              "y": 486,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      },
      "after": {
        "state": "light-desktop-no-preference-code-mounted-rest",
        "branch": {
          "browserReducedMotion": false,
          "animatedPillChildren": 1,
          "activeButtonFill": "rgba(0, 0, 0, 0)",
          "matchesExpected": true
        },
        "theme": "light-plus",
        "reducedMotion": false,
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(77, 77, 77)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(77, 77, 77)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 563.59375,
              "y": 426,
              "width": 612.796875,
              "height": 24
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgb(238, 238, 238)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 752.609375,
              "y": 474,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "true",
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 756.609375,
              "y": 478,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "false",
            "props": {
              "color": "rgb(97, 97, 97)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(97, 97, 97)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 855.46875,
              "y": 478,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgb(229, 229, 229)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 756.609375,
              "y": 478,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 776.609375,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 800.609375,
              "y": 486,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(97, 97, 97)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(97, 97, 97)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(97, 97, 97)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(97, 97, 97)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(97, 97, 97)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(97, 97, 97)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 6,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(97, 97, 97)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(97, 97, 97)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 899.46875,
              "y": 486,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      }
    },
    {
      "state": "light-desktop-reduce-automate-mounted-rest",
      "before": {
        "state": "light-desktop-reduce-automate-mounted-rest",
        "branch": {
          "browserReducedMotion": true,
          "animatedPillChildren": 0,
          "activeButtonFill": "rgb(229, 229, 229)",
          "matchesExpected": true
        },
        "theme": "light-plus",
        "reducedMotion": true,
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(77, 77, 77)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(77, 77, 77)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 563.59375,
              "y": 426,
              "width": 612.796875,
              "height": 24
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgb(238, 238, 238)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 752.609375,
              "y": 474,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "false",
            "props": {
              "color": "rgb(97, 97, 97)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(97, 97, 97)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 756.609375,
              "y": 478,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "true",
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgb(229, 229, 229)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 855.46875,
              "y": 478,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(97, 97, 97)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(97, 97, 97)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 776.609375,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(97, 97, 97)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(97, 97, 97)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 800.609375,
              "y": 486,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "matrix(1, 0, 0, 1, 0, 0)"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 899.46875,
              "y": 486,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      },
      "after": {
        "state": "light-desktop-reduce-automate-mounted-rest",
        "branch": {
          "browserReducedMotion": true,
          "animatedPillChildren": 0,
          "activeButtonFill": "rgb(229, 229, 229)",
          "matchesExpected": true
        },
        "theme": "light-plus",
        "reducedMotion": true,
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(77, 77, 77)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(77, 77, 77)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 563.59375,
              "y": 426,
              "width": 612.796875,
              "height": 24
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgb(238, 238, 238)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 752.609375,
              "y": 474,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "false",
            "props": {
              "color": "rgb(97, 97, 97)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(97, 97, 97)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 756.609375,
              "y": 478,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "true",
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgb(229, 229, 229)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 855.46875,
              "y": 478,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(97, 97, 97)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(97, 97, 97)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 776.609375,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(97, 97, 97)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(97, 97, 97)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 800.609375,
              "y": 486,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "matrix(1, 0, 0, 1, 0, 0)"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 899.46875,
              "y": 486,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      }
    },
    {
      "state": "light-desktop-reduce-code-mounted-rest",
      "before": {
        "state": "light-desktop-reduce-code-mounted-rest",
        "branch": {
          "browserReducedMotion": true,
          "animatedPillChildren": 0,
          "activeButtonFill": "rgb(229, 229, 229)",
          "matchesExpected": true
        },
        "theme": "light-plus",
        "reducedMotion": true,
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(77, 77, 77)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(77, 77, 77)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 563.59375,
              "y": 426,
              "width": 612.796875,
              "height": 24
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgb(238, 238, 238)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 752.609375,
              "y": 474,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "true",
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgb(229, 229, 229)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 756.609375,
              "y": 478,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "false",
            "props": {
              "color": "rgb(97, 97, 97)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(97, 97, 97)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 855.46875,
              "y": 478,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 776.609375,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 800.609375,
              "y": 486,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(97, 97, 97)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(97, 97, 97)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(97, 97, 97)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(97, 97, 97)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(97, 97, 97)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(97, 97, 97)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(97, 97, 97)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(97, 97, 97)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 899.46875,
              "y": 486,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      },
      "after": {
        "state": "light-desktop-reduce-code-mounted-rest",
        "branch": {
          "browserReducedMotion": true,
          "animatedPillChildren": 0,
          "activeButtonFill": "rgb(229, 229, 229)",
          "matchesExpected": true
        },
        "theme": "light-plus",
        "reducedMotion": true,
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(77, 77, 77)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(77, 77, 77)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 563.59375,
              "y": 426,
              "width": 612.796875,
              "height": 24
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgb(238, 238, 238)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 752.609375,
              "y": 474,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "true",
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgb(229, 229, 229)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 756.609375,
              "y": 478,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "false",
            "props": {
              "color": "rgb(97, 97, 97)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(97, 97, 97)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 855.46875,
              "y": 478,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 776.609375,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 800.609375,
              "y": 486,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(97, 97, 97)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(97, 97, 97)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(97, 97, 97)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(97, 97, 97)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(97, 97, 97)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(97, 97, 97)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(97, 97, 97)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(97, 97, 97)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 899.46875,
              "y": 486,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      }
    },
    {
      "state": "light-phone-no-preference-automate-mounted-rest",
      "before": {
        "state": "light-phone-no-preference-automate-mounted-rest",
        "branch": {
          "browserReducedMotion": false,
          "animatedPillChildren": 1,
          "activeButtonFill": "rgba(0, 0, 0, 0)",
          "matchesExpected": true
        },
        "theme": "light-plus",
        "reducedMotion": false,
        "viewport": {
          "width": 390,
          "height": 844
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(77, 77, 77)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(77, 77, 77)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 16,
              "y": 534.3125,
              "width": 358,
              "height": 48
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgb(238, 238, 238)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 77.609375,
              "y": 606.3125,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "false",
            "props": {
              "color": "rgb(97, 97, 97)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(97, 97, 97)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 81.609375,
              "y": 610.3125,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "true",
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 180.46875,
              "y": 610.3125,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(97, 97, 97)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(97, 97, 97)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 101.609375,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(97, 97, 97)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(97, 97, 97)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 125.609375,
              "y": 618.3125,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgb(229, 229, 229)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 180.46875,
              "y": 610.3125,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "matrix(1, 0, 0, 1, 0, 0)"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 6,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 224.46875,
              "y": 618.3125,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      },
      "after": {
        "state": "light-phone-no-preference-automate-mounted-rest",
        "branch": {
          "browserReducedMotion": false,
          "animatedPillChildren": 1,
          "activeButtonFill": "rgba(0, 0, 0, 0)",
          "matchesExpected": true
        },
        "theme": "light-plus",
        "reducedMotion": false,
        "viewport": {
          "width": 390,
          "height": 844
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(77, 77, 77)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(77, 77, 77)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 16,
              "y": 534.3125,
              "width": 358,
              "height": 48
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgb(238, 238, 238)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 77.609375,
              "y": 606.3125,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "false",
            "props": {
              "color": "rgb(97, 97, 97)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(97, 97, 97)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 81.609375,
              "y": 610.3125,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "true",
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 180.46875,
              "y": 610.3125,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(97, 97, 97)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(97, 97, 97)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 101.609375,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(97, 97, 97)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(97, 97, 97)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 125.609375,
              "y": 618.3125,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgb(229, 229, 229)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 180.46875,
              "y": 610.3125,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "matrix(1, 0, 0, 1, 0, 0)"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 6,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 224.46875,
              "y": 618.3125,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      }
    },
    {
      "state": "light-phone-no-preference-code-mounted-rest",
      "before": {
        "state": "light-phone-no-preference-code-mounted-rest",
        "branch": {
          "browserReducedMotion": false,
          "animatedPillChildren": 1,
          "activeButtonFill": "rgba(0, 0, 0, 0)",
          "matchesExpected": true
        },
        "theme": "light-plus",
        "reducedMotion": false,
        "viewport": {
          "width": 390,
          "height": 844
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(77, 77, 77)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(77, 77, 77)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 16,
              "y": 534.3125,
              "width": 358,
              "height": 48
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgb(238, 238, 238)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 77.609375,
              "y": 606.3125,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "true",
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 81.609375,
              "y": 610.3125,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "false",
            "props": {
              "color": "rgb(97, 97, 97)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(97, 97, 97)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 180.46875,
              "y": 610.3125,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgb(229, 229, 229)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 81.609375,
              "y": 610.3125,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 101.609375,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 125.609375,
              "y": 618.3125,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(97, 97, 97)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(97, 97, 97)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(97, 97, 97)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(97, 97, 97)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(97, 97, 97)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(97, 97, 97)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 6,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(97, 97, 97)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(97, 97, 97)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 224.46875,
              "y": 618.3125,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      },
      "after": {
        "state": "light-phone-no-preference-code-mounted-rest",
        "branch": {
          "browserReducedMotion": false,
          "animatedPillChildren": 1,
          "activeButtonFill": "rgba(0, 0, 0, 0)",
          "matchesExpected": true
        },
        "theme": "light-plus",
        "reducedMotion": false,
        "viewport": {
          "width": 390,
          "height": 844
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(77, 77, 77)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(77, 77, 77)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 16,
              "y": 534.3125,
              "width": 358,
              "height": 48
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgb(238, 238, 238)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 77.609375,
              "y": 606.3125,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "true",
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 81.609375,
              "y": 610.3125,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "false",
            "props": {
              "color": "rgb(97, 97, 97)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(97, 97, 97)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 180.46875,
              "y": 610.3125,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgb(229, 229, 229)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 81.609375,
              "y": 610.3125,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 101.609375,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 125.609375,
              "y": 618.3125,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(97, 97, 97)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(97, 97, 97)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(97, 97, 97)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(97, 97, 97)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(97, 97, 97)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(97, 97, 97)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 6,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(97, 97, 97)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(97, 97, 97)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 224.46875,
              "y": 618.3125,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      }
    },
    {
      "state": "light-phone-reduce-automate-mounted-rest",
      "before": {
        "state": "light-phone-reduce-automate-mounted-rest",
        "branch": {
          "browserReducedMotion": true,
          "animatedPillChildren": 0,
          "activeButtonFill": "rgb(229, 229, 229)",
          "matchesExpected": true
        },
        "theme": "light-plus",
        "reducedMotion": true,
        "viewport": {
          "width": 390,
          "height": 844
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(77, 77, 77)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(77, 77, 77)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 16,
              "y": 534.3125,
              "width": 358,
              "height": 48
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgb(238, 238, 238)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 77.609375,
              "y": 606.3125,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "false",
            "props": {
              "color": "rgb(97, 97, 97)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(97, 97, 97)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 81.609375,
              "y": 610.3125,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "true",
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgb(229, 229, 229)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 180.46875,
              "y": 610.3125,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(97, 97, 97)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(97, 97, 97)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 101.609375,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(97, 97, 97)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(97, 97, 97)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 125.609375,
              "y": 618.3125,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "matrix(1, 0, 0, 1, 0, 0)"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 224.46875,
              "y": 618.3125,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      },
      "after": {
        "state": "light-phone-reduce-automate-mounted-rest",
        "branch": {
          "browserReducedMotion": true,
          "animatedPillChildren": 0,
          "activeButtonFill": "rgb(229, 229, 229)",
          "matchesExpected": true
        },
        "theme": "light-plus",
        "reducedMotion": true,
        "viewport": {
          "width": 390,
          "height": 844
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(77, 77, 77)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(77, 77, 77)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 16,
              "y": 534.3125,
              "width": 358,
              "height": 48
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgb(238, 238, 238)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 77.609375,
              "y": 606.3125,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "false",
            "props": {
              "color": "rgb(97, 97, 97)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(97, 97, 97)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 81.609375,
              "y": 610.3125,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "true",
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgb(229, 229, 229)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 180.46875,
              "y": 610.3125,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(97, 97, 97)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(97, 97, 97)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 101.609375,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(97, 97, 97)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(97, 97, 97)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 125.609375,
              "y": 618.3125,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "matrix(1, 0, 0, 1, 0, 0)"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 224.46875,
              "y": 618.3125,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      }
    },
    {
      "state": "light-phone-reduce-code-mounted-rest",
      "before": {
        "state": "light-phone-reduce-code-mounted-rest",
        "branch": {
          "browserReducedMotion": true,
          "animatedPillChildren": 0,
          "activeButtonFill": "rgb(229, 229, 229)",
          "matchesExpected": true
        },
        "theme": "light-plus",
        "reducedMotion": true,
        "viewport": {
          "width": 390,
          "height": 844
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(77, 77, 77)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(77, 77, 77)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 16,
              "y": 534.3125,
              "width": 358,
              "height": 48
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgb(238, 238, 238)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 77.609375,
              "y": 606.3125,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "true",
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgb(229, 229, 229)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 81.609375,
              "y": 610.3125,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "false",
            "props": {
              "color": "rgb(97, 97, 97)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(97, 97, 97)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 180.46875,
              "y": 610.3125,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 101.609375,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 125.609375,
              "y": 618.3125,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(97, 97, 97)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(97, 97, 97)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(97, 97, 97)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(97, 97, 97)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(97, 97, 97)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(97, 97, 97)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(97, 97, 97)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(97, 97, 97)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 224.46875,
              "y": 618.3125,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      },
      "after": {
        "state": "light-phone-reduce-code-mounted-rest",
        "branch": {
          "browserReducedMotion": true,
          "animatedPillChildren": 0,
          "activeButtonFill": "rgb(229, 229, 229)",
          "matchesExpected": true
        },
        "theme": "light-plus",
        "reducedMotion": true,
        "viewport": {
          "width": 390,
          "height": 844
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(77, 77, 77)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(77, 77, 77)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 16,
              "y": 534.3125,
              "width": 358,
              "height": 48
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgb(238, 238, 238)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 77.609375,
              "y": 606.3125,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "true",
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgb(229, 229, 229)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 81.609375,
              "y": 610.3125,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "false",
            "props": {
              "color": "rgb(97, 97, 97)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(97, 97, 97)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 180.46875,
              "y": 610.3125,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 101.609375,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(31, 31, 31)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(31, 31, 31)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 125.609375,
              "y": 618.3125,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(97, 97, 97)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(97, 97, 97)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(97, 97, 97)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(97, 97, 97)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(97, 97, 97)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(97, 97, 97)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(97, 97, 97)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(97, 97, 97)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 224.46875,
              "y": 618.3125,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      }
    },
    {
      "state": "neo-desktop-no-preference-automate-mounted-rest",
      "before": {
        "state": "neo-desktop-no-preference-automate-mounted-rest",
        "branch": {
          "browserReducedMotion": false,
          "animatedPillChildren": 1,
          "activeButtonFill": "rgba(0, 0, 0, 0)",
          "matchesExpected": true
        },
        "theme": "openhands-neo",
        "reducedMotion": false,
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(220, 220, 220)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(220, 220, 220)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 563.59375,
              "y": 426,
              "width": 612.796875,
              "height": 24
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(236, 236, 236)",
              "backgroundColor": "rgb(40, 40, 40)",
              "borderColor": "rgb(236, 236, 236)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 752.609375,
              "y": 474,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "false",
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 756.609375,
              "y": 478,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "true",
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 855.46875,
              "y": 478,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 776.609375,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 800.609375,
              "y": 486,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgb(64, 64, 64)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 855.46875,
              "y": 478,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "matrix(1, 0, 0, 1, 0, 0)"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 6,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 899.46875,
              "y": 486,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      },
      "after": {
        "state": "neo-desktop-no-preference-automate-mounted-rest",
        "branch": {
          "browserReducedMotion": false,
          "animatedPillChildren": 1,
          "activeButtonFill": "rgba(0, 0, 0, 0)",
          "matchesExpected": true
        },
        "theme": "openhands-neo",
        "reducedMotion": false,
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(220, 220, 220)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(220, 220, 220)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 563.59375,
              "y": 426,
              "width": 612.796875,
              "height": 24
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(236, 236, 236)",
              "backgroundColor": "rgb(40, 40, 40)",
              "borderColor": "rgb(236, 236, 236)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 752.609375,
              "y": 474,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "false",
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 756.609375,
              "y": 478,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "true",
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 855.46875,
              "y": 478,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 776.609375,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 800.609375,
              "y": 486,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgb(64, 64, 64)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 855.46875,
              "y": 478,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "matrix(1, 0, 0, 1, 0, 0)"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 6,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 899.46875,
              "y": 486,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      }
    },
    {
      "state": "neo-desktop-no-preference-code-mounted-rest",
      "before": {
        "state": "neo-desktop-no-preference-code-mounted-rest",
        "branch": {
          "browserReducedMotion": false,
          "animatedPillChildren": 1,
          "activeButtonFill": "rgba(0, 0, 0, 0)",
          "matchesExpected": true
        },
        "theme": "openhands-neo",
        "reducedMotion": false,
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(220, 220, 220)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(220, 220, 220)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 563.59375,
              "y": 426,
              "width": 612.796875,
              "height": 24
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(236, 236, 236)",
              "backgroundColor": "rgb(40, 40, 40)",
              "borderColor": "rgb(236, 236, 236)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 752.609375,
              "y": 474,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "true",
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 756.609375,
              "y": 478,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "false",
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 855.46875,
              "y": 478,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgb(64, 64, 64)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 756.609375,
              "y": 478,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 776.609375,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 800.609375,
              "y": 486,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 6,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 899.46875,
              "y": 486,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      },
      "after": {
        "state": "neo-desktop-no-preference-code-mounted-rest",
        "branch": {
          "browserReducedMotion": false,
          "animatedPillChildren": 1,
          "activeButtonFill": "rgba(0, 0, 0, 0)",
          "matchesExpected": true
        },
        "theme": "openhands-neo",
        "reducedMotion": false,
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(220, 220, 220)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(220, 220, 220)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 563.59375,
              "y": 426,
              "width": 612.796875,
              "height": 24
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(236, 236, 236)",
              "backgroundColor": "rgb(40, 40, 40)",
              "borderColor": "rgb(236, 236, 236)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 752.609375,
              "y": 474,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "true",
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 756.609375,
              "y": 478,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "false",
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 855.46875,
              "y": 478,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgb(64, 64, 64)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 756.609375,
              "y": 478,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 776.609375,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 800.609375,
              "y": 486,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 6,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 899.46875,
              "y": 486,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      }
    },
    {
      "state": "neo-desktop-reduce-automate-mounted-rest",
      "before": {
        "state": "neo-desktop-reduce-automate-mounted-rest",
        "branch": {
          "browserReducedMotion": true,
          "animatedPillChildren": 0,
          "activeButtonFill": "rgb(64, 64, 64)",
          "matchesExpected": true
        },
        "theme": "openhands-neo",
        "reducedMotion": true,
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(220, 220, 220)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(220, 220, 220)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 563.59375,
              "y": 426,
              "width": 612.796875,
              "height": 24
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(236, 236, 236)",
              "backgroundColor": "rgb(40, 40, 40)",
              "borderColor": "rgb(236, 236, 236)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 752.609375,
              "y": 474,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "false",
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 756.609375,
              "y": 478,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "true",
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgb(64, 64, 64)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 855.46875,
              "y": 478,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 776.609375,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 800.609375,
              "y": 486,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "matrix(1, 0, 0, 1, 0, 0)"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 899.46875,
              "y": 486,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      },
      "after": {
        "state": "neo-desktop-reduce-automate-mounted-rest",
        "branch": {
          "browserReducedMotion": true,
          "animatedPillChildren": 0,
          "activeButtonFill": "rgb(64, 64, 64)",
          "matchesExpected": true
        },
        "theme": "openhands-neo",
        "reducedMotion": true,
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(220, 220, 220)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(220, 220, 220)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 563.59375,
              "y": 426,
              "width": 612.796875,
              "height": 24
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(236, 236, 236)",
              "backgroundColor": "rgb(40, 40, 40)",
              "borderColor": "rgb(236, 236, 236)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 752.609375,
              "y": 474,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "false",
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 756.609375,
              "y": 478,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "true",
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgb(64, 64, 64)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 855.46875,
              "y": 478,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 776.609375,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 800.609375,
              "y": 486,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "matrix(1, 0, 0, 1, 0, 0)"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 899.46875,
              "y": 486,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      }
    },
    {
      "state": "neo-desktop-reduce-code-mounted-rest",
      "before": {
        "state": "neo-desktop-reduce-code-mounted-rest",
        "branch": {
          "browserReducedMotion": true,
          "animatedPillChildren": 0,
          "activeButtonFill": "rgb(64, 64, 64)",
          "matchesExpected": true
        },
        "theme": "openhands-neo",
        "reducedMotion": true,
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(220, 220, 220)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(220, 220, 220)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 563.59375,
              "y": 426,
              "width": 612.796875,
              "height": 24
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(236, 236, 236)",
              "backgroundColor": "rgb(40, 40, 40)",
              "borderColor": "rgb(236, 236, 236)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 752.609375,
              "y": 474,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "true",
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgb(64, 64, 64)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 756.609375,
              "y": 478,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "false",
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 855.46875,
              "y": 478,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 776.609375,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 800.609375,
              "y": 486,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 899.46875,
              "y": 486,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      },
      "after": {
        "state": "neo-desktop-reduce-code-mounted-rest",
        "branch": {
          "browserReducedMotion": true,
          "animatedPillChildren": 0,
          "activeButtonFill": "rgb(64, 64, 64)",
          "matchesExpected": true
        },
        "theme": "openhands-neo",
        "reducedMotion": true,
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(220, 220, 220)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(220, 220, 220)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 563.59375,
              "y": 426,
              "width": 612.796875,
              "height": 24
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(236, 236, 236)",
              "backgroundColor": "rgb(40, 40, 40)",
              "borderColor": "rgb(236, 236, 236)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 752.609375,
              "y": 474,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "true",
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgb(64, 64, 64)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 756.609375,
              "y": 478,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "false",
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 855.46875,
              "y": 478,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 776.609375,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 800.609375,
              "y": 486,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 899.46875,
              "y": 486,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      }
    },
    {
      "state": "neo-phone-no-preference-automate-mounted-rest",
      "before": {
        "state": "neo-phone-no-preference-automate-mounted-rest",
        "branch": {
          "browserReducedMotion": false,
          "animatedPillChildren": 1,
          "activeButtonFill": "rgba(0, 0, 0, 0)",
          "matchesExpected": true
        },
        "theme": "openhands-neo",
        "reducedMotion": false,
        "viewport": {
          "width": 390,
          "height": 844
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(220, 220, 220)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(220, 220, 220)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 16,
              "y": 534.3125,
              "width": 358,
              "height": 48
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(236, 236, 236)",
              "backgroundColor": "rgb(40, 40, 40)",
              "borderColor": "rgb(236, 236, 236)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 77.609375,
              "y": 606.3125,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "false",
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 81.609375,
              "y": 610.3125,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "true",
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 180.46875,
              "y": 610.3125,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 101.609375,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 125.609375,
              "y": 618.3125,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgb(64, 64, 64)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 180.46875,
              "y": 610.3125,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "matrix(1, 0, 0, 1, 0, 0)"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 6,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 224.46875,
              "y": 618.3125,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      },
      "after": {
        "state": "neo-phone-no-preference-automate-mounted-rest",
        "branch": {
          "browserReducedMotion": false,
          "animatedPillChildren": 1,
          "activeButtonFill": "rgba(0, 0, 0, 0)",
          "matchesExpected": true
        },
        "theme": "openhands-neo",
        "reducedMotion": false,
        "viewport": {
          "width": 390,
          "height": 844
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(220, 220, 220)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(220, 220, 220)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 16,
              "y": 534.3125,
              "width": 358,
              "height": 48
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(236, 236, 236)",
              "backgroundColor": "rgb(40, 40, 40)",
              "borderColor": "rgb(236, 236, 236)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 77.609375,
              "y": 606.3125,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "false",
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 81.609375,
              "y": 610.3125,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "true",
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 180.46875,
              "y": 610.3125,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 101.609375,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 125.609375,
              "y": 618.3125,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgb(64, 64, 64)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 180.46875,
              "y": 610.3125,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "matrix(1, 0, 0, 1, 0, 0)"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 6,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 224.46875,
              "y": 618.3125,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      }
    },
    {
      "state": "neo-phone-no-preference-code-mounted-rest",
      "before": {
        "state": "neo-phone-no-preference-code-mounted-rest",
        "branch": {
          "browserReducedMotion": false,
          "animatedPillChildren": 1,
          "activeButtonFill": "rgba(0, 0, 0, 0)",
          "matchesExpected": true
        },
        "theme": "openhands-neo",
        "reducedMotion": false,
        "viewport": {
          "width": 390,
          "height": 844
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(220, 220, 220)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(220, 220, 220)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 16,
              "y": 534.3125,
              "width": 358,
              "height": 48
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(236, 236, 236)",
              "backgroundColor": "rgb(40, 40, 40)",
              "borderColor": "rgb(236, 236, 236)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 77.609375,
              "y": 606.3125,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "true",
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 81.609375,
              "y": 610.3125,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "false",
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 180.46875,
              "y": 610.3125,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgb(64, 64, 64)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 81.609375,
              "y": 610.3125,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 101.609375,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 125.609375,
              "y": 618.3125,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 6,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 224.46875,
              "y": 618.3125,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      },
      "after": {
        "state": "neo-phone-no-preference-code-mounted-rest",
        "branch": {
          "browserReducedMotion": false,
          "animatedPillChildren": 1,
          "activeButtonFill": "rgba(0, 0, 0, 0)",
          "matchesExpected": true
        },
        "theme": "openhands-neo",
        "reducedMotion": false,
        "viewport": {
          "width": 390,
          "height": 844
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(220, 220, 220)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(220, 220, 220)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 16,
              "y": 534.3125,
              "width": 358,
              "height": 48
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(236, 236, 236)",
              "backgroundColor": "rgb(40, 40, 40)",
              "borderColor": "rgb(236, 236, 236)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 77.609375,
              "y": 606.3125,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "true",
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 81.609375,
              "y": 610.3125,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "false",
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 180.46875,
              "y": 610.3125,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgb(64, 64, 64)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 81.609375,
              "y": 610.3125,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 101.609375,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 125.609375,
              "y": 618.3125,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 6,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 224.46875,
              "y": 618.3125,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      }
    },
    {
      "state": "neo-phone-reduce-automate-mounted-rest",
      "before": {
        "state": "neo-phone-reduce-automate-mounted-rest",
        "branch": {
          "browserReducedMotion": true,
          "animatedPillChildren": 0,
          "activeButtonFill": "rgb(64, 64, 64)",
          "matchesExpected": true
        },
        "theme": "openhands-neo",
        "reducedMotion": true,
        "viewport": {
          "width": 390,
          "height": 844
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(220, 220, 220)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(220, 220, 220)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 16,
              "y": 534.3125,
              "width": 358,
              "height": 48
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(236, 236, 236)",
              "backgroundColor": "rgb(40, 40, 40)",
              "borderColor": "rgb(236, 236, 236)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 77.609375,
              "y": 606.3125,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "false",
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 81.609375,
              "y": 610.3125,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "true",
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgb(64, 64, 64)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 180.46875,
              "y": 610.3125,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 101.609375,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 125.609375,
              "y": 618.3125,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "matrix(1, 0, 0, 1, 0, 0)"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 224.46875,
              "y": 618.3125,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      },
      "after": {
        "state": "neo-phone-reduce-automate-mounted-rest",
        "branch": {
          "browserReducedMotion": true,
          "animatedPillChildren": 0,
          "activeButtonFill": "rgb(64, 64, 64)",
          "matchesExpected": true
        },
        "theme": "openhands-neo",
        "reducedMotion": true,
        "viewport": {
          "width": 390,
          "height": 844
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(220, 220, 220)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(220, 220, 220)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 16,
              "y": 534.3125,
              "width": 358,
              "height": 48
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(236, 236, 236)",
              "backgroundColor": "rgb(40, 40, 40)",
              "borderColor": "rgb(236, 236, 236)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 77.609375,
              "y": 606.3125,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "false",
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 81.609375,
              "y": 610.3125,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "true",
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgb(64, 64, 64)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 180.46875,
              "y": 610.3125,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 101.609375,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 125.609375,
              "y": 618.3125,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "matrix(1, 0, 0, 1, 0, 0)"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 224.46875,
              "y": 618.3125,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      }
    },
    {
      "state": "neo-phone-reduce-code-mounted-rest",
      "before": {
        "state": "neo-phone-reduce-code-mounted-rest",
        "branch": {
          "browserReducedMotion": true,
          "animatedPillChildren": 0,
          "activeButtonFill": "rgb(64, 64, 64)",
          "matchesExpected": true
        },
        "theme": "openhands-neo",
        "reducedMotion": true,
        "viewport": {
          "width": 390,
          "height": 844
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(220, 220, 220)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(220, 220, 220)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 16,
              "y": 534.3125,
              "width": 358,
              "height": 48
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(236, 236, 236)",
              "backgroundColor": "rgb(40, 40, 40)",
              "borderColor": "rgb(236, 236, 236)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 77.609375,
              "y": 606.3125,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "true",
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgb(64, 64, 64)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 81.609375,
              "y": 610.3125,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "false",
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 180.46875,
              "y": 610.3125,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 101.609375,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 125.609375,
              "y": 618.3125,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 224.46875,
              "y": 618.3125,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      },
      "after": {
        "state": "neo-phone-reduce-code-mounted-rest",
        "branch": {
          "browserReducedMotion": true,
          "animatedPillChildren": 0,
          "activeButtonFill": "rgb(64, 64, 64)",
          "matchesExpected": true
        },
        "theme": "openhands-neo",
        "reducedMotion": true,
        "viewport": {
          "width": 390,
          "height": 844
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(220, 220, 220)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(220, 220, 220)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 16,
              "y": 534.3125,
              "width": 358,
              "height": 48
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(236, 236, 236)",
              "backgroundColor": "rgb(40, 40, 40)",
              "borderColor": "rgb(236, 236, 236)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 77.609375,
              "y": 606.3125,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "true",
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgb(64, 64, 64)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 81.609375,
              "y": 610.3125,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "false",
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 180.46875,
              "y": 610.3125,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 101.609375,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 125.609375,
              "y": 618.3125,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 224.46875,
              "y": 618.3125,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      }
    },
    {
      "state": "neutral-desktop-no-preference-automate-mounted-rest",
      "before": {
        "state": "neutral-desktop-no-preference-automate-mounted-rest",
        "branch": {
          "browserReducedMotion": false,
          "animatedPillChildren": 1,
          "activeButtonFill": "rgba(0, 0, 0, 0)",
          "matchesExpected": true
        },
        "theme": "openhands-neutral",
        "reducedMotion": false,
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(220, 220, 220)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(220, 220, 220)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 563.59375,
              "y": 426,
              "width": 612.796875,
              "height": 24
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(236, 236, 236)",
              "backgroundColor": "rgb(40, 40, 40)",
              "borderColor": "rgb(236, 236, 236)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 752.609375,
              "y": 474,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "false",
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 756.609375,
              "y": 478,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "true",
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 855.46875,
              "y": 478,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 776.609375,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 800.609375,
              "y": 486,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgb(64, 64, 64)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 855.46875,
              "y": 478,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "matrix(1, 0, 0, 1, 0, 0)"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 6,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 899.46875,
              "y": 486,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      },
      "after": {
        "state": "neutral-desktop-no-preference-automate-mounted-rest",
        "branch": {
          "browserReducedMotion": false,
          "animatedPillChildren": 1,
          "activeButtonFill": "rgba(0, 0, 0, 0)",
          "matchesExpected": true
        },
        "theme": "openhands-neutral",
        "reducedMotion": false,
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(220, 220, 220)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(220, 220, 220)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 563.59375,
              "y": 426,
              "width": 612.796875,
              "height": 24
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(236, 236, 236)",
              "backgroundColor": "rgb(40, 40, 40)",
              "borderColor": "rgb(236, 236, 236)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 752.609375,
              "y": 474,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "false",
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 756.609375,
              "y": 478,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "true",
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 855.46875,
              "y": 478,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 776.609375,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 800.609375,
              "y": 486,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgb(64, 64, 64)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 855.46875,
              "y": 478,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "matrix(1, 0, 0, 1, 0, 0)"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 6,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 899.46875,
              "y": 486,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      }
    },
    {
      "state": "neutral-desktop-no-preference-code-mounted-rest",
      "before": {
        "state": "neutral-desktop-no-preference-code-mounted-rest",
        "branch": {
          "browserReducedMotion": false,
          "animatedPillChildren": 1,
          "activeButtonFill": "rgba(0, 0, 0, 0)",
          "matchesExpected": true
        },
        "theme": "openhands-neutral",
        "reducedMotion": false,
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(220, 220, 220)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(220, 220, 220)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 563.59375,
              "y": 426,
              "width": 612.796875,
              "height": 24
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(236, 236, 236)",
              "backgroundColor": "rgb(40, 40, 40)",
              "borderColor": "rgb(236, 236, 236)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 752.609375,
              "y": 474,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "true",
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 756.609375,
              "y": 478,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "false",
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 855.46875,
              "y": 478,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgb(64, 64, 64)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 756.609375,
              "y": 478,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 776.609375,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 800.609375,
              "y": 486,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 6,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 899.46875,
              "y": 486,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      },
      "after": {
        "state": "neutral-desktop-no-preference-code-mounted-rest",
        "branch": {
          "browserReducedMotion": false,
          "animatedPillChildren": 1,
          "activeButtonFill": "rgba(0, 0, 0, 0)",
          "matchesExpected": true
        },
        "theme": "openhands-neutral",
        "reducedMotion": false,
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(220, 220, 220)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(220, 220, 220)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 563.59375,
              "y": 426,
              "width": 612.796875,
              "height": 24
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(236, 236, 236)",
              "backgroundColor": "rgb(40, 40, 40)",
              "borderColor": "rgb(236, 236, 236)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 752.609375,
              "y": 474,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "true",
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 756.609375,
              "y": 478,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "false",
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 855.46875,
              "y": 478,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgb(64, 64, 64)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 756.609375,
              "y": 478,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 776.609375,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 800.609375,
              "y": 486,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 6,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 899.46875,
              "y": 486,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      }
    },
    {
      "state": "neutral-desktop-reduce-automate-mounted-rest",
      "before": {
        "state": "neutral-desktop-reduce-automate-mounted-rest",
        "branch": {
          "browserReducedMotion": true,
          "animatedPillChildren": 0,
          "activeButtonFill": "rgb(64, 64, 64)",
          "matchesExpected": true
        },
        "theme": "openhands-neutral",
        "reducedMotion": true,
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(220, 220, 220)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(220, 220, 220)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 563.59375,
              "y": 426,
              "width": 612.796875,
              "height": 24
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(236, 236, 236)",
              "backgroundColor": "rgb(40, 40, 40)",
              "borderColor": "rgb(236, 236, 236)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 752.609375,
              "y": 474,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "false",
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 756.609375,
              "y": 478,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "true",
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgb(64, 64, 64)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 855.46875,
              "y": 478,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 776.609375,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 800.609375,
              "y": 486,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "matrix(1, 0, 0, 1, 0, 0)"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 899.46875,
              "y": 486,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      },
      "after": {
        "state": "neutral-desktop-reduce-automate-mounted-rest",
        "branch": {
          "browserReducedMotion": true,
          "animatedPillChildren": 0,
          "activeButtonFill": "rgb(64, 64, 64)",
          "matchesExpected": true
        },
        "theme": "openhands-neutral",
        "reducedMotion": true,
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(220, 220, 220)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(220, 220, 220)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 563.59375,
              "y": 426,
              "width": 612.796875,
              "height": 24
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(236, 236, 236)",
              "backgroundColor": "rgb(40, 40, 40)",
              "borderColor": "rgb(236, 236, 236)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 752.609375,
              "y": 474,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "false",
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 756.609375,
              "y": 478,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "true",
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgb(64, 64, 64)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 855.46875,
              "y": 478,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 776.609375,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 800.609375,
              "y": 486,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "matrix(1, 0, 0, 1, 0, 0)"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 899.46875,
              "y": 486,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      }
    },
    {
      "state": "neutral-desktop-reduce-code-mounted-rest",
      "before": {
        "state": "neutral-desktop-reduce-code-mounted-rest",
        "branch": {
          "browserReducedMotion": true,
          "animatedPillChildren": 0,
          "activeButtonFill": "rgb(64, 64, 64)",
          "matchesExpected": true
        },
        "theme": "openhands-neutral",
        "reducedMotion": true,
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(220, 220, 220)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(220, 220, 220)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 563.59375,
              "y": 426,
              "width": 612.796875,
              "height": 24
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(236, 236, 236)",
              "backgroundColor": "rgb(40, 40, 40)",
              "borderColor": "rgb(236, 236, 236)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 752.609375,
              "y": 474,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "true",
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgb(64, 64, 64)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 756.609375,
              "y": 478,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "false",
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 855.46875,
              "y": 478,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 776.609375,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 800.609375,
              "y": 486,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 899.46875,
              "y": 486,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      },
      "after": {
        "state": "neutral-desktop-reduce-code-mounted-rest",
        "branch": {
          "browserReducedMotion": true,
          "animatedPillChildren": 0,
          "activeButtonFill": "rgb(64, 64, 64)",
          "matchesExpected": true
        },
        "theme": "openhands-neutral",
        "reducedMotion": true,
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(220, 220, 220)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(220, 220, 220)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 563.59375,
              "y": 426,
              "width": 612.796875,
              "height": 24
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(236, 236, 236)",
              "backgroundColor": "rgb(40, 40, 40)",
              "borderColor": "rgb(236, 236, 236)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 752.609375,
              "y": 474,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "true",
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgb(64, 64, 64)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 756.609375,
              "y": 478,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "false",
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 855.46875,
              "y": 478,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 776.609375,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 800.609375,
              "y": 486,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 899.46875,
              "y": 486,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      }
    },
    {
      "state": "neutral-phone-no-preference-automate-mounted-rest",
      "before": {
        "state": "neutral-phone-no-preference-automate-mounted-rest",
        "branch": {
          "browserReducedMotion": false,
          "animatedPillChildren": 1,
          "activeButtonFill": "rgba(0, 0, 0, 0)",
          "matchesExpected": true
        },
        "theme": "openhands-neutral",
        "reducedMotion": false,
        "viewport": {
          "width": 390,
          "height": 844
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(220, 220, 220)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(220, 220, 220)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 16,
              "y": 534.3125,
              "width": 358,
              "height": 48
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(236, 236, 236)",
              "backgroundColor": "rgb(40, 40, 40)",
              "borderColor": "rgb(236, 236, 236)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 77.609375,
              "y": 606.3125,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "false",
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 81.609375,
              "y": 610.3125,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "true",
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 180.46875,
              "y": 610.3125,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 101.609375,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 125.609375,
              "y": 618.3125,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgb(64, 64, 64)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 180.46875,
              "y": 610.3125,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "matrix(1, 0, 0, 1, 0, 0)"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 6,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 224.46875,
              "y": 618.3125,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      },
      "after": {
        "state": "neutral-phone-no-preference-automate-mounted-rest",
        "branch": {
          "browserReducedMotion": false,
          "animatedPillChildren": 1,
          "activeButtonFill": "rgba(0, 0, 0, 0)",
          "matchesExpected": true
        },
        "theme": "openhands-neutral",
        "reducedMotion": false,
        "viewport": {
          "width": 390,
          "height": 844
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(220, 220, 220)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(220, 220, 220)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 16,
              "y": 534.3125,
              "width": 358,
              "height": 48
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(236, 236, 236)",
              "backgroundColor": "rgb(40, 40, 40)",
              "borderColor": "rgb(236, 236, 236)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 77.609375,
              "y": 606.3125,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "false",
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 81.609375,
              "y": 610.3125,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "true",
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 180.46875,
              "y": 610.3125,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 101.609375,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 125.609375,
              "y": 618.3125,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgb(64, 64, 64)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 180.46875,
              "y": 610.3125,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "matrix(1, 0, 0, 1, 0, 0)"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 6,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 224.46875,
              "y": 618.3125,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      }
    },
    {
      "state": "neutral-phone-no-preference-code-mounted-rest",
      "before": {
        "state": "neutral-phone-no-preference-code-mounted-rest",
        "branch": {
          "browserReducedMotion": false,
          "animatedPillChildren": 1,
          "activeButtonFill": "rgba(0, 0, 0, 0)",
          "matchesExpected": true
        },
        "theme": "openhands-neutral",
        "reducedMotion": false,
        "viewport": {
          "width": 390,
          "height": 844
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(220, 220, 220)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(220, 220, 220)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 16,
              "y": 534.3125,
              "width": 358,
              "height": 48
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(236, 236, 236)",
              "backgroundColor": "rgb(40, 40, 40)",
              "borderColor": "rgb(236, 236, 236)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 77.609375,
              "y": 606.3125,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "true",
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 81.609375,
              "y": 610.3125,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "false",
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 180.46875,
              "y": 610.3125,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgb(64, 64, 64)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 81.609375,
              "y": 610.3125,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 101.609375,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 125.609375,
              "y": 618.3125,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 6,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 224.46875,
              "y": 618.3125,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      },
      "after": {
        "state": "neutral-phone-no-preference-code-mounted-rest",
        "branch": {
          "browserReducedMotion": false,
          "animatedPillChildren": 1,
          "activeButtonFill": "rgba(0, 0, 0, 0)",
          "matchesExpected": true
        },
        "theme": "openhands-neutral",
        "reducedMotion": false,
        "viewport": {
          "width": 390,
          "height": 844
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(220, 220, 220)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(220, 220, 220)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 16,
              "y": 534.3125,
              "width": 358,
              "height": 48
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(236, 236, 236)",
              "backgroundColor": "rgb(40, 40, 40)",
              "borderColor": "rgb(236, 236, 236)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 77.609375,
              "y": 606.3125,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "true",
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 81.609375,
              "y": 610.3125,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "false",
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 180.46875,
              "y": 610.3125,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgb(64, 64, 64)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 81.609375,
              "y": 610.3125,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 101.609375,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 125.609375,
              "y": 618.3125,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 6,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 224.46875,
              "y": 618.3125,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      }
    },
    {
      "state": "neutral-phone-reduce-automate-mounted-rest",
      "before": {
        "state": "neutral-phone-reduce-automate-mounted-rest",
        "branch": {
          "browserReducedMotion": true,
          "animatedPillChildren": 0,
          "activeButtonFill": "rgb(64, 64, 64)",
          "matchesExpected": true
        },
        "theme": "openhands-neutral",
        "reducedMotion": true,
        "viewport": {
          "width": 390,
          "height": 844
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(220, 220, 220)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(220, 220, 220)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 16,
              "y": 534.3125,
              "width": 358,
              "height": 48
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(236, 236, 236)",
              "backgroundColor": "rgb(40, 40, 40)",
              "borderColor": "rgb(236, 236, 236)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 77.609375,
              "y": 606.3125,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "false",
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 81.609375,
              "y": 610.3125,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "true",
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgb(64, 64, 64)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 180.46875,
              "y": 610.3125,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 101.609375,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 125.609375,
              "y": 618.3125,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "matrix(1, 0, 0, 1, 0, 0)"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 224.46875,
              "y": 618.3125,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      },
      "after": {
        "state": "neutral-phone-reduce-automate-mounted-rest",
        "branch": {
          "browserReducedMotion": true,
          "animatedPillChildren": 0,
          "activeButtonFill": "rgb(64, 64, 64)",
          "matchesExpected": true
        },
        "theme": "openhands-neutral",
        "reducedMotion": true,
        "viewport": {
          "width": 390,
          "height": 844
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(220, 220, 220)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(220, 220, 220)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 16,
              "y": 534.3125,
              "width": 358,
              "height": 48
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(236, 236, 236)",
              "backgroundColor": "rgb(40, 40, 40)",
              "borderColor": "rgb(236, 236, 236)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 77.609375,
              "y": 606.3125,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "false",
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 81.609375,
              "y": 610.3125,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "true",
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgb(64, 64, 64)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 180.46875,
              "y": 610.3125,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 101.609375,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 125.609375,
              "y": 618.3125,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "matrix(1, 0, 0, 1, 0, 0)"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 224.46875,
              "y": 618.3125,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      }
    },
    {
      "state": "neutral-phone-reduce-code-mounted-rest",
      "before": {
        "state": "neutral-phone-reduce-code-mounted-rest",
        "branch": {
          "browserReducedMotion": true,
          "animatedPillChildren": 0,
          "activeButtonFill": "rgb(64, 64, 64)",
          "matchesExpected": true
        },
        "theme": "openhands-neutral",
        "reducedMotion": true,
        "viewport": {
          "width": 390,
          "height": 844
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(220, 220, 220)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(220, 220, 220)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 16,
              "y": 534.3125,
              "width": 358,
              "height": 48
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(236, 236, 236)",
              "backgroundColor": "rgb(40, 40, 40)",
              "borderColor": "rgb(236, 236, 236)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 77.609375,
              "y": 606.3125,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "true",
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgb(64, 64, 64)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 81.609375,
              "y": 610.3125,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "false",
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 180.46875,
              "y": 610.3125,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 101.609375,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 125.609375,
              "y": 618.3125,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 224.46875,
              "y": 618.3125,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      },
      "after": {
        "state": "neutral-phone-reduce-code-mounted-rest",
        "branch": {
          "browserReducedMotion": true,
          "animatedPillChildren": 0,
          "activeButtonFill": "rgb(64, 64, 64)",
          "matchesExpected": true
        },
        "theme": "openhands-neutral",
        "reducedMotion": true,
        "viewport": {
          "width": 390,
          "height": 844
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(220, 220, 220)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(220, 220, 220)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 16,
              "y": 534.3125,
              "width": 358,
              "height": 48
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(236, 236, 236)",
              "backgroundColor": "rgb(40, 40, 40)",
              "borderColor": "rgb(236, 236, 236)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 77.609375,
              "y": 606.3125,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "true",
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgb(64, 64, 64)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 81.609375,
              "y": 610.3125,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "false",
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 180.46875,
              "y": 610.3125,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 101.609375,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(255, 255, 255)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 125.609375,
              "y": 618.3125,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(151, 151, 151)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 224.46875,
              "y": 618.3125,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      }
    },
    {
      "state": "solarized-desktop-no-preference-automate-mounted-rest",
      "before": {
        "state": "solarized-desktop-no-preference-automate-mounted-rest",
        "branch": {
          "browserReducedMotion": false,
          "animatedPillChildren": 1,
          "activeButtonFill": "rgba(0, 0, 0, 0)",
          "matchesExpected": true
        },
        "theme": "solarized-light",
        "reducedMotion": false,
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(88, 110, 117)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(88, 110, 117)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 563.59375,
              "y": 426,
              "width": 612.796875,
              "height": 24
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(101, 123, 131)",
              "backgroundColor": "rgb(240, 233, 214)",
              "borderColor": "rgb(101, 123, 131)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 752.609375,
              "y": 474,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "false",
            "props": {
              "color": "rgb(131, 148, 150)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(131, 148, 150)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 756.609375,
              "y": 478,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "true",
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 855.46875,
              "y": 478,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(131, 148, 150)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(131, 148, 150)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 776.609375,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(131, 148, 150)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(131, 148, 150)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 800.609375,
              "y": 486,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgb(230, 223, 204)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 855.46875,
              "y": 478,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "matrix(1, 0, 0, 1, 0, 0)"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 6,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 899.46875,
              "y": 486,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      },
      "after": {
        "state": "solarized-desktop-no-preference-automate-mounted-rest",
        "branch": {
          "browserReducedMotion": false,
          "animatedPillChildren": 1,
          "activeButtonFill": "rgba(0, 0, 0, 0)",
          "matchesExpected": true
        },
        "theme": "solarized-light",
        "reducedMotion": false,
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(88, 110, 117)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(88, 110, 117)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 563.59375,
              "y": 426,
              "width": 612.796875,
              "height": 24
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(101, 123, 131)",
              "backgroundColor": "rgb(240, 233, 214)",
              "borderColor": "rgb(101, 123, 131)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 752.609375,
              "y": 474,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "false",
            "props": {
              "color": "rgb(131, 148, 150)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(131, 148, 150)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 756.609375,
              "y": 478,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "true",
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 855.46875,
              "y": 478,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(131, 148, 150)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(131, 148, 150)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 776.609375,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(131, 148, 150)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(131, 148, 150)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 800.609375,
              "y": 486,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgb(230, 223, 204)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 855.46875,
              "y": 478,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "matrix(1, 0, 0, 1, 0, 0)"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 6,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 899.46875,
              "y": 486,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      }
    },
    {
      "state": "solarized-desktop-no-preference-code-mounted-rest",
      "before": {
        "state": "solarized-desktop-no-preference-code-mounted-rest",
        "branch": {
          "browserReducedMotion": false,
          "animatedPillChildren": 1,
          "activeButtonFill": "rgba(0, 0, 0, 0)",
          "matchesExpected": true
        },
        "theme": "solarized-light",
        "reducedMotion": false,
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(88, 110, 117)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(88, 110, 117)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 563.59375,
              "y": 426,
              "width": 612.796875,
              "height": 24
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(101, 123, 131)",
              "backgroundColor": "rgb(240, 233, 214)",
              "borderColor": "rgb(101, 123, 131)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 752.609375,
              "y": 474,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "true",
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 756.609375,
              "y": 478,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "false",
            "props": {
              "color": "rgb(131, 148, 150)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(131, 148, 150)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 855.46875,
              "y": 478,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgb(230, 223, 204)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 756.609375,
              "y": 478,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 776.609375,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 800.609375,
              "y": 486,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(131, 148, 150)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(131, 148, 150)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(131, 148, 150)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(131, 148, 150)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(131, 148, 150)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(131, 148, 150)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 6,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(131, 148, 150)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(131, 148, 150)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 899.46875,
              "y": 486,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      },
      "after": {
        "state": "solarized-desktop-no-preference-code-mounted-rest",
        "branch": {
          "browserReducedMotion": false,
          "animatedPillChildren": 1,
          "activeButtonFill": "rgba(0, 0, 0, 0)",
          "matchesExpected": true
        },
        "theme": "solarized-light",
        "reducedMotion": false,
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(88, 110, 117)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(88, 110, 117)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 563.59375,
              "y": 426,
              "width": 612.796875,
              "height": 24
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(101, 123, 131)",
              "backgroundColor": "rgb(240, 233, 214)",
              "borderColor": "rgb(101, 123, 131)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 752.609375,
              "y": 474,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "true",
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 756.609375,
              "y": 478,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "false",
            "props": {
              "color": "rgb(131, 148, 150)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(131, 148, 150)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 855.46875,
              "y": 478,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgb(230, 223, 204)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 756.609375,
              "y": 478,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 776.609375,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 800.609375,
              "y": 486,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(131, 148, 150)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(131, 148, 150)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(131, 148, 150)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(131, 148, 150)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(131, 148, 150)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(131, 148, 150)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 6,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(131, 148, 150)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(131, 148, 150)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 899.46875,
              "y": 486,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      }
    },
    {
      "state": "solarized-desktop-reduce-automate-mounted-rest",
      "before": {
        "state": "solarized-desktop-reduce-automate-mounted-rest",
        "branch": {
          "browserReducedMotion": true,
          "animatedPillChildren": 0,
          "activeButtonFill": "rgb(230, 223, 204)",
          "matchesExpected": true
        },
        "theme": "solarized-light",
        "reducedMotion": true,
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(88, 110, 117)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(88, 110, 117)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 563.59375,
              "y": 426,
              "width": 612.796875,
              "height": 24
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(101, 123, 131)",
              "backgroundColor": "rgb(240, 233, 214)",
              "borderColor": "rgb(101, 123, 131)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 752.609375,
              "y": 474,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "false",
            "props": {
              "color": "rgb(131, 148, 150)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(131, 148, 150)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 756.609375,
              "y": 478,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "true",
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgb(230, 223, 204)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 855.46875,
              "y": 478,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(131, 148, 150)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(131, 148, 150)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 776.609375,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(131, 148, 150)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(131, 148, 150)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 800.609375,
              "y": 486,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "matrix(1, 0, 0, 1, 0, 0)"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 899.46875,
              "y": 486,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      },
      "after": {
        "state": "solarized-desktop-reduce-automate-mounted-rest",
        "branch": {
          "browserReducedMotion": true,
          "animatedPillChildren": 0,
          "activeButtonFill": "rgb(230, 223, 204)",
          "matchesExpected": true
        },
        "theme": "solarized-light",
        "reducedMotion": true,
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(88, 110, 117)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(88, 110, 117)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 563.59375,
              "y": 426,
              "width": 612.796875,
              "height": 24
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(101, 123, 131)",
              "backgroundColor": "rgb(240, 233, 214)",
              "borderColor": "rgb(101, 123, 131)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 752.609375,
              "y": 474,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "false",
            "props": {
              "color": "rgb(131, 148, 150)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(131, 148, 150)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 756.609375,
              "y": 478,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "true",
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgb(230, 223, 204)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 855.46875,
              "y": 478,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(131, 148, 150)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(131, 148, 150)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 776.609375,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(131, 148, 150)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(131, 148, 150)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 800.609375,
              "y": 486,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "matrix(1, 0, 0, 1, 0, 0)"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 899.46875,
              "y": 486,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      }
    },
    {
      "state": "solarized-desktop-reduce-code-mounted-rest",
      "before": {
        "state": "solarized-desktop-reduce-code-mounted-rest",
        "branch": {
          "browserReducedMotion": true,
          "animatedPillChildren": 0,
          "activeButtonFill": "rgb(230, 223, 204)",
          "matchesExpected": true
        },
        "theme": "solarized-light",
        "reducedMotion": true,
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(88, 110, 117)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(88, 110, 117)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 563.59375,
              "y": 426,
              "width": 612.796875,
              "height": 24
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(101, 123, 131)",
              "backgroundColor": "rgb(240, 233, 214)",
              "borderColor": "rgb(101, 123, 131)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 752.609375,
              "y": 474,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "true",
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgb(230, 223, 204)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 756.609375,
              "y": 478,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "false",
            "props": {
              "color": "rgb(131, 148, 150)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(131, 148, 150)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 855.46875,
              "y": 478,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 776.609375,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 800.609375,
              "y": 486,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(131, 148, 150)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(131, 148, 150)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(131, 148, 150)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(131, 148, 150)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(131, 148, 150)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(131, 148, 150)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(131, 148, 150)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(131, 148, 150)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 899.46875,
              "y": 486,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      },
      "after": {
        "state": "solarized-desktop-reduce-code-mounted-rest",
        "branch": {
          "browserReducedMotion": true,
          "animatedPillChildren": 0,
          "activeButtonFill": "rgb(230, 223, 204)",
          "matchesExpected": true
        },
        "theme": "solarized-light",
        "reducedMotion": true,
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(88, 110, 117)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(88, 110, 117)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 563.59375,
              "y": 426,
              "width": 612.796875,
              "height": 24
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(101, 123, 131)",
              "backgroundColor": "rgb(240, 233, 214)",
              "borderColor": "rgb(101, 123, 131)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 752.609375,
              "y": 474,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "true",
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgb(230, 223, 204)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 756.609375,
              "y": 478,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "false",
            "props": {
              "color": "rgb(131, 148, 150)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(131, 148, 150)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 855.46875,
              "y": 478,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 776.609375,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 800.609375,
              "y": 486,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(131, 148, 150)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(131, 148, 150)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(131, 148, 150)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(131, 148, 150)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(131, 148, 150)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(131, 148, 150)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 875.46875,
              "y": 488,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(131, 148, 150)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(131, 148, 150)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 899.46875,
              "y": 486,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      }
    },
    {
      "state": "solarized-phone-no-preference-automate-mounted-rest",
      "before": {
        "state": "solarized-phone-no-preference-automate-mounted-rest",
        "branch": {
          "browserReducedMotion": false,
          "animatedPillChildren": 1,
          "activeButtonFill": "rgba(0, 0, 0, 0)",
          "matchesExpected": true
        },
        "theme": "solarized-light",
        "reducedMotion": false,
        "viewport": {
          "width": 390,
          "height": 844
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(88, 110, 117)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(88, 110, 117)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 16,
              "y": 534.3125,
              "width": 358,
              "height": 48
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(101, 123, 131)",
              "backgroundColor": "rgb(240, 233, 214)",
              "borderColor": "rgb(101, 123, 131)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 77.609375,
              "y": 606.3125,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "false",
            "props": {
              "color": "rgb(131, 148, 150)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(131, 148, 150)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 81.609375,
              "y": 610.3125,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "true",
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 180.46875,
              "y": 610.3125,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(131, 148, 150)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(131, 148, 150)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 101.609375,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(131, 148, 150)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(131, 148, 150)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 125.609375,
              "y": 618.3125,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgb(230, 223, 204)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 180.46875,
              "y": 610.3125,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "matrix(1, 0, 0, 1, 0, 0)"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 6,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 224.46875,
              "y": 618.3125,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      },
      "after": {
        "state": "solarized-phone-no-preference-automate-mounted-rest",
        "branch": {
          "browserReducedMotion": false,
          "animatedPillChildren": 1,
          "activeButtonFill": "rgba(0, 0, 0, 0)",
          "matchesExpected": true
        },
        "theme": "solarized-light",
        "reducedMotion": false,
        "viewport": {
          "width": 390,
          "height": 844
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(88, 110, 117)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(88, 110, 117)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 16,
              "y": 534.3125,
              "width": 358,
              "height": 48
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(101, 123, 131)",
              "backgroundColor": "rgb(240, 233, 214)",
              "borderColor": "rgb(101, 123, 131)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 77.609375,
              "y": 606.3125,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "false",
            "props": {
              "color": "rgb(131, 148, 150)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(131, 148, 150)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 81.609375,
              "y": 610.3125,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "true",
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 180.46875,
              "y": 610.3125,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(131, 148, 150)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(131, 148, 150)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 101.609375,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(131, 148, 150)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(131, 148, 150)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 125.609375,
              "y": 618.3125,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgb(230, 223, 204)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 180.46875,
              "y": 610.3125,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "matrix(1, 0, 0, 1, 0, 0)"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 6,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 224.46875,
              "y": 618.3125,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      }
    },
    {
      "state": "solarized-phone-no-preference-code-mounted-rest",
      "before": {
        "state": "solarized-phone-no-preference-code-mounted-rest",
        "branch": {
          "browserReducedMotion": false,
          "animatedPillChildren": 1,
          "activeButtonFill": "rgba(0, 0, 0, 0)",
          "matchesExpected": true
        },
        "theme": "solarized-light",
        "reducedMotion": false,
        "viewport": {
          "width": 390,
          "height": 844
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(88, 110, 117)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(88, 110, 117)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 16,
              "y": 534.3125,
              "width": 358,
              "height": 48
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(101, 123, 131)",
              "backgroundColor": "rgb(240, 233, 214)",
              "borderColor": "rgb(101, 123, 131)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 77.609375,
              "y": 606.3125,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "true",
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 81.609375,
              "y": 610.3125,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "false",
            "props": {
              "color": "rgb(131, 148, 150)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(131, 148, 150)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 180.46875,
              "y": 610.3125,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgb(230, 223, 204)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 81.609375,
              "y": 610.3125,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 101.609375,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 125.609375,
              "y": 618.3125,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(131, 148, 150)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(131, 148, 150)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(131, 148, 150)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(131, 148, 150)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(131, 148, 150)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(131, 148, 150)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 6,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(131, 148, 150)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(131, 148, 150)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 224.46875,
              "y": 618.3125,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      },
      "after": {
        "state": "solarized-phone-no-preference-code-mounted-rest",
        "branch": {
          "browserReducedMotion": false,
          "animatedPillChildren": 1,
          "activeButtonFill": "rgba(0, 0, 0, 0)",
          "matchesExpected": true
        },
        "theme": "solarized-light",
        "reducedMotion": false,
        "viewport": {
          "width": 390,
          "height": 844
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(88, 110, 117)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(88, 110, 117)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 16,
              "y": 534.3125,
              "width": 358,
              "height": 48
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(101, 123, 131)",
              "backgroundColor": "rgb(240, 233, 214)",
              "borderColor": "rgb(101, 123, 131)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 77.609375,
              "y": 606.3125,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "true",
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 81.609375,
              "y": 610.3125,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "false",
            "props": {
              "color": "rgb(131, 148, 150)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(131, 148, 150)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 180.46875,
              "y": 610.3125,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgb(230, 223, 204)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 81.609375,
              "y": 610.3125,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 101.609375,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 125.609375,
              "y": 618.3125,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(131, 148, 150)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(131, 148, 150)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(131, 148, 150)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(131, 148, 150)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(131, 148, 150)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(131, 148, 150)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 6,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(131, 148, 150)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(131, 148, 150)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 224.46875,
              "y": 618.3125,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      }
    },
    {
      "state": "solarized-phone-reduce-automate-mounted-rest",
      "before": {
        "state": "solarized-phone-reduce-automate-mounted-rest",
        "branch": {
          "browserReducedMotion": true,
          "animatedPillChildren": 0,
          "activeButtonFill": "rgb(230, 223, 204)",
          "matchesExpected": true
        },
        "theme": "solarized-light",
        "reducedMotion": true,
        "viewport": {
          "width": 390,
          "height": 844
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(88, 110, 117)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(88, 110, 117)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 16,
              "y": 534.3125,
              "width": 358,
              "height": 48
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(101, 123, 131)",
              "backgroundColor": "rgb(240, 233, 214)",
              "borderColor": "rgb(101, 123, 131)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 77.609375,
              "y": 606.3125,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "false",
            "props": {
              "color": "rgb(131, 148, 150)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(131, 148, 150)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 81.609375,
              "y": 610.3125,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "true",
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgb(230, 223, 204)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 180.46875,
              "y": 610.3125,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(131, 148, 150)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(131, 148, 150)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 101.609375,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(131, 148, 150)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(131, 148, 150)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 125.609375,
              "y": 618.3125,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "matrix(1, 0, 0, 1, 0, 0)"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 224.46875,
              "y": 618.3125,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      },
      "after": {
        "state": "solarized-phone-reduce-automate-mounted-rest",
        "branch": {
          "browserReducedMotion": true,
          "animatedPillChildren": 0,
          "activeButtonFill": "rgb(230, 223, 204)",
          "matchesExpected": true
        },
        "theme": "solarized-light",
        "reducedMotion": true,
        "viewport": {
          "width": 390,
          "height": 844
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(88, 110, 117)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(88, 110, 117)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 16,
              "y": 534.3125,
              "width": 358,
              "height": 48
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(101, 123, 131)",
              "backgroundColor": "rgb(240, 233, 214)",
              "borderColor": "rgb(101, 123, 131)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 77.609375,
              "y": 606.3125,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "false",
            "props": {
              "color": "rgb(131, 148, 150)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(131, 148, 150)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 81.609375,
              "y": 610.3125,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "true",
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgb(230, 223, 204)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 180.46875,
              "y": 610.3125,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(131, 148, 150)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(131, 148, 150)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 101.609375,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(131, 148, 150)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(131, 148, 150)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 125.609375,
              "y": 618.3125,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "matrix(1, 0, 0, 1, 0, 0)"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 224.46875,
              "y": 618.3125,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      }
    },
    {
      "state": "solarized-phone-reduce-code-mounted-rest",
      "before": {
        "state": "solarized-phone-reduce-code-mounted-rest",
        "branch": {
          "browserReducedMotion": true,
          "animatedPillChildren": 0,
          "activeButtonFill": "rgb(230, 223, 204)",
          "matchesExpected": true
        },
        "theme": "solarized-light",
        "reducedMotion": true,
        "viewport": {
          "width": 390,
          "height": 844
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(88, 110, 117)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(88, 110, 117)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 16,
              "y": 534.3125,
              "width": 358,
              "height": 48
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(101, 123, 131)",
              "backgroundColor": "rgb(240, 233, 214)",
              "borderColor": "rgb(101, 123, 131)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 77.609375,
              "y": 606.3125,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "true",
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgb(230, 223, 204)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 81.609375,
              "y": 610.3125,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "false",
            "props": {
              "color": "rgb(131, 148, 150)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(131, 148, 150)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 180.46875,
              "y": 610.3125,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 101.609375,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 125.609375,
              "y": 618.3125,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(131, 148, 150)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(131, 148, 150)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(131, 148, 150)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(131, 148, 150)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(131, 148, 150)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(131, 148, 150)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(131, 148, 150)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(131, 148, 150)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 224.46875,
              "y": 618.3125,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      },
      "after": {
        "state": "solarized-phone-reduce-code-mounted-rest",
        "branch": {
          "browserReducedMotion": true,
          "animatedPillChildren": 0,
          "activeButtonFill": "rgb(230, 223, 204)",
          "matchesExpected": true
        },
        "theme": "solarized-light",
        "reducedMotion": true,
        "viewport": {
          "width": 390,
          "height": 844
        },
        "pageOverflow": false,
        "samples": [
          {
            "selector": "[data-testid=home-chat-launcher] h1 + p",
            "index": 0,
            "text": "Investigate, implement, debug, test, review, or automate work across your codebase.",
            "checked": null,
            "props": {
              "color": "rgb(88, 110, 117)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(88, 110, 117)",
              "fontSize": "16px",
              "lineHeight": "24px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 16,
              "y": 534.3125,
              "width": 358,
              "height": 48
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle]",
            "index": 0,
            "text": "CodeAutomate",
            "checked": null,
            "props": {
              "color": "rgb(101, 123, 131)",
              "backgroundColor": "rgb(240, 233, 214)",
              "borderColor": "rgb(101, 123, 131)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "4px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 77.609375,
              "y": 606.3125,
              "width": 234.765625,
              "height": 44
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-code]",
            "index": 0,
            "text": "Code",
            "checked": "true",
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgb(230, 223, 204)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 81.609375,
              "y": 610.3125,
              "width": 98.859375,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-automate]",
            "index": 0,
            "text": "Automate",
            "checked": "false",
            "props": {
              "color": "rgb(131, 148, 150)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(131, 148, 150)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "3.35544e+07px",
              "padding": "8px 20px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 180.46875,
              "y": 610.3125,
              "width": 127.90625,
              "height": 36
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 0,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 101.609375,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 1,
            "text": "Code",
            "checked": null,
            "props": {
              "color": "rgb(0, 43, 54)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(0, 43, 54)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 125.609375,
              "y": 618.3125,
              "width": 34.859375,
              "height": 20
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 2,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(131, 148, 150)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(131, 148, 150)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 3,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(131, 148, 150)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(131, 148, 150)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 4,
            "text": "",
            "checked": null,
            "props": {
              "color": "rgb(131, 148, 150)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(131, 148, 150)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 200.46875,
              "y": 620.3125,
              "width": 16,
              "height": 16
            }
          },
          {
            "selector": "[data-testid=home-launcher-mode-toggle] span",
            "index": 5,
            "text": "Automate",
            "checked": null,
            "props": {
              "color": "rgb(131, 148, 150)",
              "backgroundColor": "rgba(0, 0, 0, 0)",
              "borderColor": "rgb(131, 148, 150)",
              "fontSize": "14px",
              "lineHeight": "20px",
              "borderRadius": "0px",
              "padding": "0px",
              "opacity": "1",
              "transform": "none"
            },
            "rect": {
              "x": 224.46875,
              "y": 618.3125,
              "width": 63.90625,
              "height": 20
            }
          }
        ]
      }
    }
  ],
  "supersededEvidence": "Initial before/home-after browser-preference-only captures remain unchanged and are excluded from motion-branch proof; see home-initial-observations.json.",
  "isolatedWorkspaceNotice": "Compiler-only; native Local host runtime does not expose this condition, and no host/runtime changes were made.",
  "allSampledPropertiesAndGeometryEqual": true,
  "originalPrivateComparisonSha256": "9ece8ca4014821506362e21e0dfd84d3530f844f8613b5c9db80208b8d32a6cd"
}