{
  "A-rec-start-1440x1000-light": {
    "before": {
      "side": "before",
      "events": [
        {
          "ms": 0,
          "action": "Click end of composer",
          "text": "a -> b => c",
          "selection": "",
          "anchorOffset": 11,
          "focusOffset": 11
        },
        {
          "ms": 969,
          "action": "ArrowLeft 1/8",
          "text": "a -> b => c",
          "selection": "",
          "anchorOffset": 10,
          "focusOffset": 10
        },
        {
          "ms": 1384,
          "action": "ArrowLeft 2/8",
          "text": "a -> b => c",
          "selection": "",
          "anchorOffset": 9,
          "focusOffset": 9
        },
        {
          "ms": 1819,
          "action": "ArrowLeft 3/8",
          "text": "a -> b => c",
          "selection": "",
          "anchorOffset": 8,
          "focusOffset": 8
        },
        {
          "ms": 2277,
          "action": "ArrowLeft 4/8",
          "text": "a -> b => c",
          "selection": "",
          "anchorOffset": 7,
          "focusOffset": 7
        },
        {
          "ms": 2703,
          "action": "ArrowLeft 5/8",
          "text": "a -> b => c",
          "selection": "",
          "anchorOffset": 6,
          "focusOffset": 6
        },
        {
          "ms": 3126,
          "action": "ArrowLeft 6/8",
          "text": "a -> b => c",
          "selection": "",
          "anchorOffset": 5,
          "focusOffset": 5
        },
        {
          "ms": 3579,
          "action": "ArrowLeft 7/8",
          "text": "a -> b => c",
          "selection": "",
          "anchorOffset": 4,
          "focusOffset": 4
        },
        {
          "ms": 4042,
          "action": "ArrowLeft 8/8",
          "text": "a -> b => c",
          "selection": "",
          "anchorOffset": 3,
          "focusOffset": 3
        },
        {
          "ms": 4490,
          "action": "Shift+ArrowLeft selects one hyphen",
          "text": "a -> b => c",
          "selection": "-",
          "anchorOffset": 3,
          "focusOffset": 2
        },
        {
          "ms": 5454,
          "action": "Type x to replace the selected hyphen",
          "text": "a x> b => c",
          "selection": "",
          "anchorOffset": 3,
          "focusOffset": 3
        },
        {
          "ms": 6082,
          "action": "Backspace deletes x",
          "text": "a > b => c",
          "selection": "",
          "anchorOffset": 2,
          "focusOffset": 2
        },
        {
          "ms": 6737,
          "action": "Retype - to restore original source",
          "text": "a -> b => c",
          "selection": "",
          "anchorOffset": 3,
          "focusOffset": 3
        },
        {
          "ms": 7564,
          "action": "Select all and copy ASCII source",
          "text": "a -> b => c",
          "selection": "a -> b => c",
          "anchorOffset": 0,
          "focusOffset": 1
        },
        {
          "ms": 8463,
          "action": "End clears selection; Enter sends",
          "text": "\n",
          "selection": "",
          "anchorOffset": 0,
          "focusOffset": 0
        },
        {
          "ms": 8650,
          "action": "Sent row appeared",
          "text": "a -> b => c"
        }
      ],
      "copied": "a -> b => c",
      "sent": "a -> b => c",
      "clock": "2026-11-03T04:00:00Z",
      "browser": "148.0.7778.96",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "dpr": 1,
      "fontScaling": "100%",
      "reducedMotion": true
    },
    "after": {
      "side": "after",
      "events": [
        {
          "ms": 0,
          "action": "Click end of composer",
          "text": "a -> b => c",
          "selection": "",
          "anchorOffset": 11,
          "focusOffset": 11
        },
        {
          "ms": 929,
          "action": "ArrowLeft 1/8",
          "text": "a -> b => c",
          "selection": "",
          "anchorOffset": 10,
          "focusOffset": 10
        },
        {
          "ms": 1344,
          "action": "ArrowLeft 2/8",
          "text": "a -> b => c",
          "selection": "",
          "anchorOffset": 9,
          "focusOffset": 9
        },
        {
          "ms": 1762,
          "action": "ArrowLeft 3/8",
          "text": "a -> b => c",
          "selection": "",
          "anchorOffset": 8,
          "focusOffset": 8
        },
        {
          "ms": 2213,
          "action": "ArrowLeft 4/8",
          "text": "a -> b => c",
          "selection": "",
          "anchorOffset": 7,
          "focusOffset": 7
        },
        {
          "ms": 2629,
          "action": "ArrowLeft 5/8",
          "text": "a -> b => c",
          "selection": "",
          "anchorOffset": 6,
          "focusOffset": 6
        },
        {
          "ms": 3110,
          "action": "ArrowLeft 6/8",
          "text": "a -> b => c",
          "selection": "",
          "anchorOffset": 5,
          "focusOffset": 5
        },
        {
          "ms": 3528,
          "action": "ArrowLeft 7/8",
          "text": "a -> b => c",
          "selection": "",
          "anchorOffset": 4,
          "focusOffset": 4
        },
        {
          "ms": 4024,
          "action": "ArrowLeft 8/8",
          "text": "a -> b => c",
          "selection": "",
          "anchorOffset": 3,
          "focusOffset": 3
        },
        {
          "ms": 4440,
          "action": "Shift+ArrowLeft selects one hyphen",
          "text": "a -> b => c",
          "selection": "-",
          "anchorOffset": 3,
          "focusOffset": 2
        },
        {
          "ms": 5374,
          "action": "Type x to replace the selected hyphen",
          "text": "a x> b => c",
          "selection": "",
          "anchorOffset": 3,
          "focusOffset": 3
        },
        {
          "ms": 5998,
          "action": "Backspace deletes x",
          "text": "a > b => c",
          "selection": "",
          "anchorOffset": 2,
          "focusOffset": 2
        },
        {
          "ms": 6704,
          "action": "Retype - to restore original source",
          "text": "a -> b => c",
          "selection": "",
          "anchorOffset": 3,
          "focusOffset": 3
        },
        {
          "ms": 7520,
          "action": "Select all and copy ASCII source",
          "text": "a -> b => c",
          "selection": "a -> b => c",
          "anchorOffset": 0,
          "focusOffset": 1
        },
        {
          "ms": 8412,
          "action": "End clears selection; Enter sends",
          "text": "\n",
          "selection": "",
          "anchorOffset": 0,
          "focusOffset": 0
        },
        {
          "ms": 8540,
          "action": "Sent row appeared",
          "text": "a -> b => c"
        }
      ],
      "copied": "a -> b => c",
      "sent": "a -> b => c",
      "clock": "2026-11-03T04:00:00Z",
      "browser": "148.0.7778.96",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "dpr": 1,
      "fontScaling": "100%",
      "reducedMotion": true
    }
  },
  "A1-1440x1000-light": {
    "before": {
      "capture": {
        "key": "A1-1440x1000-light",
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "theme": null,
        "editor": {
          "html": "<p dir=\"ltr\">a -&gt; b =&gt; c</p>",
          "text": "a -> b => c",
          "rect": {
            "x": 247,
            "y": 881.5,
            "width": 710,
            "height": 53.5,
            "top": 881.5,
            "right": 957,
            "bottom": 935,
            "left": 247
          },
          "fontFamily": "\"Inter Variable\", -apple-system, BlinkMacSystemFont, \"Inter Variable\", \"Segoe UI\", system-ui, sans-serif",
          "fontSize": "14px",
          "fontWeight": "400",
          "fontVariantLigatures": "none",
          "fontFeatureSettings": "\"liga\" 0",
          "focused": false,
          "scrollTop": 0,
          "scrollHeight": 54,
          "code": []
        },
        "sent": {
          "text": "a -> b => c",
          "rect": {
            "x": 891,
            "y": 88,
            "width": 67,
            "height": 22.75
          }
        },
        "fonts": {
          "fonts": [
            {
              "familyName": "Inter",
              "postScriptName": "Inter-Regular",
              "isCustomFont": true,
              "glyphCount": 11
            }
          ]
        },
        "codeFonts": null,
        "sentFonts": {
          "fonts": [
            {
              "familyName": "Inter",
              "postScriptName": "Inter-Regular",
              "isCustomFont": true,
              "glyphCount": 9
            }
          ]
        },
        "settledFrames": {
          "intervalMs": 500,
          "pixelIdentical": true
        },
        "caret": "blurred by neutral-area click",
        "body": "Code\nSettled\n0\nAL\nArrow ligatures\n/\nArrow ligatures\nYou\n\na -> b => c\n\n3:23 AM\n\nRun interrupted\n\u00b7\u00a0Run interrupted before provider start\n\na -> b => c\n\nDefault\nFull access\nfs-21\nOpen in editor\nAdd project script\ncapture\nCommit\nChanges\n+6\n-0\nToggle Sidebar\nSidebar hidden"
      },
      "browser": "148.0.7778.96",
      "clock": "2026-11-03T04:00:00Z"
    },
    "after": {
      "capture": {
        "key": "A1-1440x1000-light",
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "theme": null,
        "editor": {
          "html": "<p dir=\"ltr\">a -&gt; b =&gt; c</p>",
          "text": "a -> b => c",
          "rect": {
            "x": 247,
            "y": 881.5,
            "width": 710,
            "height": 53.5,
            "top": 881.5,
            "right": 957,
            "bottom": 935,
            "left": 247
          },
          "fontFamily": "\"Inter Variable\", -apple-system, BlinkMacSystemFont, \"Inter Variable\", \"Segoe UI\", system-ui, sans-serif",
          "fontSize": "14px",
          "fontWeight": "400",
          "fontVariantLigatures": "normal",
          "fontFeatureSettings": "normal",
          "focused": false,
          "scrollTop": 0,
          "scrollHeight": 54,
          "code": []
        },
        "sent": {
          "text": "a -> b => c",
          "rect": {
            "x": 891,
            "y": 88,
            "width": 67,
            "height": 22.75
          }
        },
        "fonts": {
          "fonts": [
            {
              "familyName": "Inter",
              "postScriptName": "Inter-Regular",
              "isCustomFont": true,
              "glyphCount": 9
            }
          ]
        },
        "codeFonts": null,
        "sentFonts": {
          "fonts": [
            {
              "familyName": "Inter",
              "postScriptName": "Inter-Regular",
              "isCustomFont": true,
              "glyphCount": 9
            }
          ]
        },
        "settledFrames": {
          "intervalMs": 500,
          "pixelIdentical": true
        },
        "caret": "blurred by neutral-area click",
        "body": "Code\nSettled\n0\nAL\nArrow ligatures\n/\nArrow ligatures\nYou\n\na -> b => c\n\n3:23 AM\n\nRun interrupted\n\u00b7\u00a0Run interrupted before provider start\n\na -> b => c\n\nDefault\nFull access\nfs-21\nOpen in editor\nAdd project script\ncapture\nCommit\nChanges\n+6\n-0\nToggle Sidebar\nSidebar hidden"
      },
      "browser": "148.0.7778.96",
      "clock": "2026-11-03T04:00:00Z"
    }
  },
  "A2-1440x1000-dark": {
    "before": {
      "capture": {
        "key": "A2-1440x1000-dark",
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "theme": "dark",
        "editor": {
          "html": "<p dir=\"ltr\">a -&gt; b =&gt; c</p>",
          "text": "a -> b => c",
          "rect": {
            "x": 247,
            "y": 881.5,
            "width": 710,
            "height": 53.5,
            "top": 881.5,
            "right": 957,
            "bottom": 935,
            "left": 247
          },
          "fontFamily": "\"Inter Variable\", -apple-system, BlinkMacSystemFont, \"Inter Variable\", \"Segoe UI\", system-ui, sans-serif",
          "fontSize": "14px",
          "fontWeight": "400",
          "fontVariantLigatures": "none",
          "fontFeatureSettings": "\"liga\" 0",
          "focused": false,
          "scrollTop": 0,
          "scrollHeight": 54,
          "code": []
        },
        "sent": {
          "text": "a -> b => c",
          "rect": {
            "x": 891,
            "y": 88,
            "width": 67,
            "height": 22.75
          }
        },
        "fonts": {
          "fonts": [
            {
              "familyName": "Inter",
              "postScriptName": "Inter-Regular",
              "isCustomFont": true,
              "glyphCount": 11
            }
          ]
        },
        "codeFonts": null,
        "sentFonts": {
          "fonts": [
            {
              "familyName": "Inter",
              "postScriptName": "Inter-Regular",
              "isCustomFont": true,
              "glyphCount": 9
            }
          ]
        },
        "settledFrames": {
          "intervalMs": 500,
          "pixelIdentical": true
        },
        "caret": "blurred by neutral-area click",
        "body": "Code\nSettled\n0\nAL\nArrow ligatures\n/\nArrow ligatures\nYou\n\na -> b => c\n\n3:23 AM\n\nRun interrupted\n\u00b7\u00a0Run interrupted before provider start\n\na -> b => c\n\nDefault\nFull access\nfs-21\nOpen in editor\nAdd project script\ncapture\nCommit\nChanges\n+6\n-0\nToggle Sidebar\nSidebar hidden"
      },
      "browser": "148.0.7778.96",
      "clock": "2026-11-03T04:00:00Z"
    },
    "after": {
      "capture": {
        "key": "A2-1440x1000-dark",
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "theme": "dark",
        "editor": {
          "html": "<p dir=\"ltr\">a -&gt; b =&gt; c</p>",
          "text": "a -> b => c",
          "rect": {
            "x": 247,
            "y": 881.5,
            "width": 710,
            "height": 53.5,
            "top": 881.5,
            "right": 957,
            "bottom": 935,
            "left": 247
          },
          "fontFamily": "\"Inter Variable\", -apple-system, BlinkMacSystemFont, \"Inter Variable\", \"Segoe UI\", system-ui, sans-serif",
          "fontSize": "14px",
          "fontWeight": "400",
          "fontVariantLigatures": "normal",
          "fontFeatureSettings": "normal",
          "focused": false,
          "scrollTop": 0,
          "scrollHeight": 54,
          "code": []
        },
        "sent": {
          "text": "a -> b => c",
          "rect": {
            "x": 891,
            "y": 88,
            "width": 67,
            "height": 22.75
          }
        },
        "fonts": {
          "fonts": [
            {
              "familyName": "Inter",
              "postScriptName": "Inter-Regular",
              "isCustomFont": true,
              "glyphCount": 9
            }
          ]
        },
        "codeFonts": null,
        "sentFonts": {
          "fonts": [
            {
              "familyName": "Inter",
              "postScriptName": "Inter-Regular",
              "isCustomFont": true,
              "glyphCount": 9
            }
          ]
        },
        "settledFrames": {
          "intervalMs": 500,
          "pixelIdentical": true
        },
        "caret": "blurred by neutral-area click",
        "body": "Code\nSettled\n0\nAL\nArrow ligatures\n/\nArrow ligatures\nYou\n\na -> b => c\n\n3:23 AM\n\nRun interrupted\n\u00b7\u00a0Run interrupted before provider start\n\na -> b => c\n\nDefault\nFull access\nfs-21\nOpen in editor\nAdd project script\ncapture\nCommit\nChanges\n+6\n-0\nToggle Sidebar\nSidebar hidden"
      },
      "browser": "148.0.7778.96",
      "clock": "2026-11-03T04:00:00Z"
    }
  },
  "A3-390x844-light": {
    "before": {
      "capture": {
        "key": "A3-390x844-light",
        "viewport": {
          "width": 390,
          "height": 844
        },
        "theme": null,
        "editor": {
          "html": "<p dir=\"ltr\">a -&gt; b =&gt; c</p>",
          "text": "a -> b => c",
          "rect": {
            "x": 25,
            "y": 719,
            "width": 340,
            "height": 60,
            "top": 719,
            "right": 365,
            "bottom": 779,
            "left": 25
          },
          "fontFamily": "\"Inter Variable\", -apple-system, BlinkMacSystemFont, \"Inter Variable\", \"Segoe UI\", system-ui, sans-serif",
          "fontSize": "16px",
          "fontWeight": "400",
          "fontVariantLigatures": "none",
          "fontFeatureSettings": "\"liga\" 0",
          "focused": true,
          "scrollTop": 0,
          "scrollHeight": 60,
          "code": []
        },
        "sent": {
          "text": "a -> b => c",
          "rect": {
            "x": 299,
            "y": 88,
            "width": 67,
            "height": 22.75
          }
        },
        "fonts": {
          "fonts": [
            {
              "familyName": "Inter",
              "postScriptName": "Inter-Regular",
              "isCustomFont": true,
              "glyphCount": 11
            }
          ]
        },
        "codeFonts": null,
        "sentFonts": {
          "fonts": [
            {
              "familyName": "Inter",
              "postScriptName": "Inter-Regular",
              "isCustomFont": true,
              "glyphCount": 9
            }
          ]
        },
        "settledFrames": {
          "intervalMs": 500,
          "pixelIdentical": true
        },
        "caret": "focused to retain expansion; screenshot caret hidden",
        "body": "AL\nArrow ligatures\n/\nArrow ligatures\nYou\n\na -> b => c\n\n3:23 AM\n\nRun interrupted\n\u00b7\u00a0Run interrupted before provider start\n\na -> b => c\n\nDefault\nFull access\nToggle Sidebar"
      },
      "browser": "148.0.7778.96",
      "clock": "2026-11-03T04:00:00Z"
    },
    "after": {
      "capture": {
        "key": "A3-390x844-light",
        "viewport": {
          "width": 390,
          "height": 844
        },
        "theme": null,
        "editor": {
          "html": "<p dir=\"ltr\">a -&gt; b =&gt; c</p>",
          "text": "a -> b => c",
          "rect": {
            "x": 25,
            "y": 719,
            "width": 340,
            "height": 60,
            "top": 719,
            "right": 365,
            "bottom": 779,
            "left": 25
          },
          "fontFamily": "\"Inter Variable\", -apple-system, BlinkMacSystemFont, \"Inter Variable\", \"Segoe UI\", system-ui, sans-serif",
          "fontSize": "16px",
          "fontWeight": "400",
          "fontVariantLigatures": "normal",
          "fontFeatureSettings": "normal",
          "focused": true,
          "scrollTop": 0,
          "scrollHeight": 60,
          "code": []
        },
        "sent": {
          "text": "a -> b => c",
          "rect": {
            "x": 299,
            "y": 88,
            "width": 67,
            "height": 22.75
          }
        },
        "fonts": {
          "fonts": [
            {
              "familyName": "Inter",
              "postScriptName": "Inter-Regular",
              "isCustomFont": true,
              "glyphCount": 9
            }
          ]
        },
        "codeFonts": null,
        "sentFonts": {
          "fonts": [
            {
              "familyName": "Inter",
              "postScriptName": "Inter-Regular",
              "isCustomFont": true,
              "glyphCount": 9
            }
          ]
        },
        "settledFrames": {
          "intervalMs": 500,
          "pixelIdentical": true
        },
        "caret": "focused to retain expansion; screenshot caret hidden",
        "body": "AL\nArrow ligatures\n/\nArrow ligatures\nYou\n\na -> b => c\n\n3:23 AM\n\nRun interrupted\n\u00b7\u00a0Run interrupted before provider start\n\na -> b => c\n\nDefault\nFull access\nToggle Sidebar"
      },
      "browser": "148.0.7778.96",
      "clock": "2026-11-03T04:00:00Z"
    }
  },
  "A4-390x844-dark": {
    "before": {
      "capture": {
        "key": "A4-390x844-dark",
        "viewport": {
          "width": 390,
          "height": 844
        },
        "theme": "dark",
        "editor": {
          "html": "<p dir=\"ltr\">a -&gt; b =&gt; c</p>",
          "text": "a -> b => c",
          "rect": {
            "x": 25,
            "y": 719,
            "width": 340,
            "height": 60,
            "top": 719,
            "right": 365,
            "bottom": 779,
            "left": 25
          },
          "fontFamily": "\"Inter Variable\", -apple-system, BlinkMacSystemFont, \"Inter Variable\", \"Segoe UI\", system-ui, sans-serif",
          "fontSize": "16px",
          "fontWeight": "400",
          "fontVariantLigatures": "none",
          "fontFeatureSettings": "\"liga\" 0",
          "focused": true,
          "scrollTop": 0,
          "scrollHeight": 60,
          "code": []
        },
        "sent": {
          "text": "a -> b => c",
          "rect": {
            "x": 299,
            "y": 88,
            "width": 67,
            "height": 22.75
          }
        },
        "fonts": {
          "fonts": [
            {
              "familyName": "Inter",
              "postScriptName": "Inter-Regular",
              "isCustomFont": true,
              "glyphCount": 11
            }
          ]
        },
        "codeFonts": null,
        "sentFonts": {
          "fonts": [
            {
              "familyName": "Inter",
              "postScriptName": "Inter-Regular",
              "isCustomFont": true,
              "glyphCount": 9
            }
          ]
        },
        "settledFrames": {
          "intervalMs": 500,
          "pixelIdentical": true
        },
        "caret": "focused to retain expansion; screenshot caret hidden",
        "body": "AL\nArrow ligatures\n/\nArrow ligatures\nYou\n\na -> b => c\n\n3:23 AM\n\nRun interrupted\n\u00b7\u00a0Run interrupted before provider start\n\na -> b => c\n\nDefault\nFull access\nToggle Sidebar"
      },
      "browser": "148.0.7778.96",
      "clock": "2026-11-03T04:00:00Z"
    },
    "after": {
      "capture": {
        "key": "A4-390x844-dark",
        "viewport": {
          "width": 390,
          "height": 844
        },
        "theme": "dark",
        "editor": {
          "html": "<p dir=\"ltr\">a -&gt; b =&gt; c</p>",
          "text": "a -> b => c",
          "rect": {
            "x": 25,
            "y": 719,
            "width": 340,
            "height": 60,
            "top": 719,
            "right": 365,
            "bottom": 779,
            "left": 25
          },
          "fontFamily": "\"Inter Variable\", -apple-system, BlinkMacSystemFont, \"Inter Variable\", \"Segoe UI\", system-ui, sans-serif",
          "fontSize": "16px",
          "fontWeight": "400",
          "fontVariantLigatures": "normal",
          "fontFeatureSettings": "normal",
          "focused": true,
          "scrollTop": 0,
          "scrollHeight": 60,
          "code": []
        },
        "sent": {
          "text": "a -> b => c",
          "rect": {
            "x": 299,
            "y": 88,
            "width": 67,
            "height": 22.75
          }
        },
        "fonts": {
          "fonts": [
            {
              "familyName": "Inter",
              "postScriptName": "Inter-Regular",
              "isCustomFont": true,
              "glyphCount": 9
            }
          ]
        },
        "codeFonts": null,
        "sentFonts": {
          "fonts": [
            {
              "familyName": "Inter",
              "postScriptName": "Inter-Regular",
              "isCustomFont": true,
              "glyphCount": 9
            }
          ]
        },
        "settledFrames": {
          "intervalMs": 500,
          "pixelIdentical": true
        },
        "caret": "focused to retain expansion; screenshot caret hidden",
        "body": "AL\nArrow ligatures\n/\nArrow ligatures\nYou\n\na -> b => c\n\n3:23 AM\n\nRun interrupted\n\u00b7\u00a0Run interrupted before provider start\n\na -> b => c\n\nDefault\nFull access\nToggle Sidebar"
      },
      "browser": "148.0.7778.96",
      "clock": "2026-11-03T04:00:00Z"
    }
  },
  "B-1440x1000-dark": {
    "before": {
      "capture": {
        "key": "B-1440x1000-dark",
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "theme": "dark",
        "editor": {
          "html": "<p dir=\"ltr\">a -&gt; b =&gt; c</p>",
          "text": "a -> b => c",
          "rect": {
            "x": 247,
            "y": 881.5,
            "width": 710,
            "height": 53.5,
            "top": 881.5,
            "right": 957,
            "bottom": 935,
            "left": 247
          },
          "fontFamily": "-apple-system, BlinkMacSystemFont, \"Inter Variable\", \"Segoe UI\", system-ui, sans-serif",
          "fontSize": "14px",
          "fontWeight": "400",
          "fontVariantLigatures": "none",
          "fontFeatureSettings": "\"liga\" 0",
          "focused": false,
          "scrollTop": 0,
          "scrollHeight": 54,
          "code": []
        },
        "sent": {
          "text": "a -> b => c",
          "rect": {
            "x": 891,
            "y": 88,
            "width": 67,
            "height": 22.75
          }
        },
        "fonts": {
          "fonts": [
            {
              "familyName": "Inter",
              "postScriptName": "Inter-Regular",
              "isCustomFont": true,
              "glyphCount": 11
            }
          ]
        },
        "codeFonts": null,
        "sentFonts": {
          "fonts": [
            {
              "familyName": "Inter",
              "postScriptName": "Inter-Regular",
              "isCustomFont": true,
              "glyphCount": 9
            }
          ]
        },
        "settledFrames": {
          "intervalMs": 500,
          "pixelIdentical": true
        },
        "caret": "blurred by neutral-area click",
        "body": "Code\nSettled\n0\nAL\nArrow ligatures\n/\nArrow ligatures\nYou\n\na -> b => c\n\n3:15 AM\n\nRun interrupted\n\u00b7\u00a0Run interrupted before provider start\n\na -> b => c\n\nDefault\nFull access\nfs-21\nOpen in editor\nAdd project script\ncapture\nCommit\nChanges\n+6\n-0\nToggle Sidebar\nSidebar hidden"
      },
      "browser": "148.0.7778.96",
      "clock": "2026-11-03T04:00:00Z"
    },
    "after": {
      "capture": {
        "key": "B-1440x1000-dark",
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "theme": "dark",
        "editor": {
          "html": "<p dir=\"ltr\">a -&gt; b =&gt; c</p>",
          "text": "a -> b => c",
          "rect": {
            "x": 247,
            "y": 881.5,
            "width": 710,
            "height": 53.5,
            "top": 881.5,
            "right": 957,
            "bottom": 935,
            "left": 247
          },
          "fontFamily": "-apple-system, BlinkMacSystemFont, \"Inter Variable\", \"Segoe UI\", system-ui, sans-serif",
          "fontSize": "14px",
          "fontWeight": "400",
          "fontVariantLigatures": "normal",
          "fontFeatureSettings": "normal",
          "focused": false,
          "scrollTop": 0,
          "scrollHeight": 54,
          "code": []
        },
        "sent": {
          "text": "a -> b => c",
          "rect": {
            "x": 891,
            "y": 88,
            "width": 67,
            "height": 22.75
          }
        },
        "fonts": {
          "fonts": [
            {
              "familyName": "Inter",
              "postScriptName": "Inter-Regular",
              "isCustomFont": true,
              "glyphCount": 9
            }
          ]
        },
        "codeFonts": null,
        "sentFonts": {
          "fonts": [
            {
              "familyName": "Inter",
              "postScriptName": "Inter-Regular",
              "isCustomFont": true,
              "glyphCount": 9
            }
          ]
        },
        "settledFrames": {
          "intervalMs": 500,
          "pixelIdentical": true
        },
        "caret": "blurred by neutral-area click",
        "body": "Code\nSettled\n0\nAL\nArrow ligatures\n/\nArrow ligatures\nYou\n\na -> b => c\n\n3:14 AM\n\nRun interrupted\n\u00b7\u00a0Run interrupted before provider start\n\na -> b => c\n\nDefault\nFull access\nfs-21\nOpen in editor\nAdd project script\ncapture\nCommit\nChanges\n+6\n-0\nToggle Sidebar\nSidebar hidden"
      },
      "browser": "148.0.7778.96",
      "clock": "2026-11-03T04:00:00Z"
    }
  },
  "D-code-1440x1000-light": {
    "before": {
      "capture": {
        "key": "D-code-1440x1000-light",
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "theme": null,
        "editor": {
          "html": "<p dir=\"ltr\">a -&gt; b =&gt; c; office affine fi fl</p><p dir=\"ltr\"><strong>bold a -&gt; b</strong> <em>italic b =&gt; c</em> <s>strike a -&gt; c</s></p><h1 space=\" \" dir=\"ltr\">Heading a -&gt; b</h1><blockquote prefix=\"&gt; \" dir=\"ltr\"><p>Quote b =&gt; c</p></blockquote><ul dir=\"ltr\"><li indent=\"\" marker=\"-\" space=\" \" data-marker=\"-\" data-marker-width=\"1\"><p>Bullet a -&gt; b</p></li></ul><ol dir=\"ltr\"><li indent=\"\" marker=\"1.\" space=\" \" data-marker=\"1.\" data-marker-width=\"2\"><p>Ordered b =&gt; c</p></li></ol><ul data-type=\"taskList\" dir=\"ltr\"><li data-checked=\"false\" indent=\"\" markerspace=\" \" contentspace=\" \"><label contenteditable=\"false\"><input aria-label=\"Task item checkbox for Task a -&gt; b\" type=\"checkbox\"><span style=\"position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px;\">Task item checkbox for Task a -&gt; b</span></label><div><p>Task a -&gt; b</p></div></li></ul><hr source=\"---\" contenteditable=\"false\" dir=\"ltr\" style=\"\"><p dir=\"ltr\"><span class=\"react-renderer node-composer-mention\" contenteditable=\"false\" style=\"\"><span as=\"span\" class=\"relative inline-flex min-w-0 max-w-full select-none items-baseline data-[composer-chip-selected]:after:pointer-events-none data-[composer-chip-selected]:after:absolute data-[composer-chip-selected]:after:inset-0 data-[composer-chip-selected]:after:rounded-sm data-[composer-chip-selected]:after:bg-[Highlight] data-[composer-chip-selected]:after:opacity-30 data-[composer-chip-selected]:after:content-['']\" data-node-view-wrapper=\"\" style=\"white-space: normal;\"><button type=\"button\" class=\"inline-flex max-w-full items-center gap-[0.2em] font-medium leading-[normal] text-(--context-chip-ink) [--context-chip-ink:var(--context-chip-accent)] [--document-icon-stroke:var(--context-chip-ink)] [&amp;_svg]:block [&amp;_svg]:size-[1em] [&amp;_svg]:shrink-0 [&amp;_svg]:self-center [button&amp;,a&amp;,[data-popup-open]&amp;]:cursor-pointer focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-current rounded-sm disabled:cursor-default [--context-chip-accent:var(--context-chip-mention)]\" data-slot=\"tooltip-trigger\" dir=\"ltr\" aria-label=\"Preview apps/web/src/terminal/ghostty/surface.test.ts\" contenteditable=\"false\" spellcheck=\"false\" data-composer-mention-chip=\"true\" id=\"base-ui-_r_6p_\" data-base-ui-tooltip-trigger=\"\" style=\"\"><svg aria-hidden=\"true\" data-pierre-icon=\"file-tree-builtin-typescript\" data-icon-token=\"typescript\" class=\"size-4 shrink-0\" viewBox=\"0 0 16 16\" style=\"color: rgb(26, 133, 212);\"><use href=\"#file-tree-builtin-typescript\"></use></svg><span class=\"block min-w-0 self-baseline overflow-x-clip text-ellipsis whitespace-nowrap underline decoration-transparent decoration-1 underline-offset-[0.2em] transition-colors motion-reduce:transition-none [:is(button:enabled,a):hover&gt;&amp;]:decoration-current\" data-slot=\"context-chip-label\">surface.test.ts</span></button></span></span> $frontend-design a -&gt; b =&gt; c</p><p dir=\"ltr\"><code dir=\"ltr\">inline a -&gt; b =&gt; c</code></p><div class=\"react-renderer node-codeBlock\"><div dir=\"ltr\" class=\"chat-markdown-codeblock my-[0.65rem] overflow-hidden rounded-lg border border-border/70 bg-secondary leading-snug dark:border-transparent dark:bg-input/32\" data-language=\"ts\" data-wrap=\"true\" data-node-view-wrapper=\"\" style=\"white-space: normal;\"><div contenteditable=\"false\" class=\"chat-markdown-codeblock-header flex items-center justify-between gap-2 pt-1.5 pr-1.5 pb-0 pl-3 select-none\" style=\"\"><span class=\"-ml-1.5 flex min-w-0\"><button type=\"button\" class=\"[&amp;_svg]:-mx-0.5 relative inline-flex shrink-0 cursor-pointer items-center justify-center whitespace-nowrap rounded-[var(--control-radius)] border font-medium outline-none transition-[box-shadow,scale] [&amp;:not([aria-haspopup]):not(:disabled):not([aria-disabled=true])]:will-change-[scale] [&amp;:active:not([aria-haspopup])]:scale-[0.97] before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--control-radius)-1px)] pointer-coarse:after:absolute pointer-coarse:after:size-full pointer-coarse:after:min-h-11 pointer-coarse:after:min-w-11 focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-64 aria-disabled:cursor-not-allowed aria-disabled:opacity-64 [&amp;_svg:not([class*='text-'])]:text-[var(--control-icon-color)] [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 h-7 gap-1 px-[calc(--spacing(2)-1px)] text-sm sm:h-6 sm:text-xs [&amp;_svg:not([class*='size-'])]:size-4 sm:[&amp;_svg:not([class*='size-'])]:size-3.5 [--control-icon-color:currentColor] border-transparent text-muted-foreground data-pressed:bg-accent [:hover,[data-pressed]]:bg-accent [:hover,[data-pressed]]:text-foreground\" data-slot=\"combobox-trigger\" aria-label=\"Code language: TypeScript\" tabindex=\"0\" id=\"base-ui-_r_6q_\" role=\"combobox\" aria-expanded=\"false\" aria-haspopup=\"dialog\"><svg aria-hidden=\"true\" data-pierre-icon=\"file-tree-builtin-typescript\" data-icon-token=\"typescript\" class=\"shrink-0 size-3.5\" viewBox=\"0 0 16 16\" style=\"color: rgb(26, 133, 212);\"><use href=\"#file-tree-builtin-typescript\"></use></svg><span class=\"max-w-40 truncate\">TypeScript</span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-down opacity-60\" aria-hidden=\"true\"><path d=\"m6 9 6 6 6-6\"></path></svg></button><input id=\"base-ui-_r_6q_-hidden-input\" tabindex=\"-1\" aria-hidden=\"true\" value=\"{&quot;id&quot;:&quot;typescript&quot;,&quot;label&quot;:&quot;TypeScript&quot;}\" style=\"clip-path: inset(50%); overflow: hidden; white-space: nowrap; border: 0px; padding: 0px; width: 1px; height: 1px; margin: 0px; position: fixed; top: 0px; left: 0px;\"></span></div><div class=\"chat-markdown-shiki\"><pre class=\"max-w-full overflow-x-auto px-3 pt-1 pb-2\"><code class=\"block min-h-[1lh] font-mono whitespace-pre-wrap text-inherit [overflow-wrap:anywhere]\" data-node-view-content=\"\" style=\"white-space: pre-wrap;\"><div data-node-view-content-react=\"\" data-node-view-wrapper=\"\" style=\"white-space: inherit;\"><span style=\"color: rgb(177, 34, 81);\">const </span><span style=\"color: rgb(143, 78, 23);\">f </span><span style=\"color: rgb(0, 103, 129);\">= </span><span style=\"color: rgb(75, 75, 75);\">(</span><span style=\"color: rgb(75, 75, 75);\">x</span><span style=\"color: rgb(177, 34, 81);\">: </span><span style=\"color: rgb(145, 43, 167);\">number</span><span style=\"color: rgb(75, 75, 75);\">) </span><span style=\"color: rgb(0, 103, 129);\">=&gt; </span><span style=\"color: rgb(143, 78, 23);\">x</span><span style=\"color: rgb(75, 75, 75);\">; </span><span style=\"color: rgb(92, 92, 92);\">// a -&gt; b</span></div></code></pre></div></div></div>",
          "text": "a -> b => c; office affine fi fl\n\nbold a -> b italic b => c strike a -> c\n\nHeading a -> b\n\nQuote b => c\n\nBullet a -> b\n\nOrdered b => c\n\nTask item checkbox for Task a -> b\n\nTask a -> b\n\nsurface.test.ts\n $frontend-design a -> b => c\n\ninline a -> b => c\n\nTypeScript\nconst f = (x: number) => x; // a -> b",
          "rect": {
            "x": 247,
            "y": 727,
            "width": 710,
            "height": 208,
            "top": 727,
            "right": 957,
            "bottom": 935,
            "left": 247
          },
          "fontFamily": "\"Inter Variable\", -apple-system, BlinkMacSystemFont, \"Inter Variable\", \"Segoe UI\", system-ui, sans-serif",
          "fontSize": "14px",
          "fontWeight": "400",
          "fontVariantLigatures": "none",
          "fontFeatureSettings": "\"liga\" 0",
          "focused": false,
          "scrollTop": 175,
          "scrollHeight": 383,
          "code": [
            {
              "tag": "CODE",
              "text": "inline a -> b => c",
              "family": "ui-monospace, \"SF Mono\", SFMono-Regular, Menlo, Consolas, \"Liberation Mono\", monospace",
              "liga": "none",
              "features": "normal"
            },
            {
              "tag": "PRE",
              "text": "const f = (x: number) => x; // a -> b",
              "family": "ui-monospace, \"SF Mono\", SFMono-Regular, Menlo, Consolas, \"Liberation Mono\", monospace",
              "liga": "none",
              "features": "normal"
            },
            {
              "tag": "CODE",
              "text": "const f = (x: number) => x; // a -> b",
              "family": "ui-monospace, \"SF Mono\", SFMono-Regular, Menlo, Consolas, \"Liberation Mono\", monospace",
              "liga": "none",
              "features": "normal"
            }
          ]
        },
        "sent": {
          "text": "a -> b => c; office affine fi fl\nbold a -> b italic b => c strike a -> c\n\nHeading a -> b\n\nQuote b => c\n\nBullet a -> b\nOrdered b => c\n Task a -> b\n\nsurface.test.ts\n $frontend-design a -> b => c\ninline a -> b => c\n\nconst f = (x: number) => x; // a -> b\n",
          "rect": {
            "x": 638.484375,
            "y": 88,
            "width": 319.515625,
            "height": 377.796875
          }
        },
        "fonts": {
          "fonts": [
            {
              "familyName": "Inter",
              "postScriptName": "Inter-Regular",
              "isCustomFont": true,
              "glyphCount": 77
            }
          ]
        },
        "codeFonts": {
          "fonts": [
            {
              "familyName": "Liberation Mono",
              "postScriptName": "LiberationMono",
              "isCustomFont": false,
              "glyphCount": 18
            }
          ]
        },
        "sentFonts": {
          "fonts": [
            {
              "familyName": "Inter",
              "postScriptName": "Inter-Regular",
              "isCustomFont": true,
              "glyphCount": 66
            }
          ]
        },
        "settledFrames": {
          "intervalMs": 500,
          "pixelIdentical": true
        },
        "caret": "blurred by neutral-area click",
        "body": "Code\nSettled\n0\nAL\nArrow ligatures\n/\nRich content\nYou\n\na -> b => c; office affine fi fl\nbold a -> b italic b => c strike a -> c\n\nHeading a -> b\n\nQuote b => c\n\nBullet a -> b\nOrdered b => c\n Task a -> b\n\nsurface.test.ts\n $frontend-design a -> b => c\ninline a -> b => c\n\nconst f = (x: number) => x; // a -> b\n\nShow less\n\n3:23 AM\n\nRun interrupted\n\u00b7\u00a0Run interrupted before provider start\n\na -> b => c; office affine fi fl\n\nbold a -> b italic b => c strike a -> c\n\nHeading a -> b\n\nQuote b => c\n\nBullet a -> b\n\nOrdered b => c\n\nTask item checkbox for Task a -> b\n\nTask a -> b\n\nsurface.test.ts\n $frontend-design a -> b => c\n\ninline a -> b => c\n\nTypeScript\nconst f = (x: number) => x; // a -> b\nDefault\nFull access\nfs-21\nOpen in editor\nAdd project script\ncapture\nCommit\nChanges\n+6\n-0\nToggle Sidebar\nSidebar hidden"
      },
      "browser": "148.0.7778.96",
      "clock": "2026-11-03T04:00:00Z"
    },
    "after": {
      "capture": {
        "key": "D-code-1440x1000-light",
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "theme": null,
        "editor": {
          "html": "<p dir=\"ltr\">a -&gt; b =&gt; c; office affine fi fl</p><p dir=\"ltr\"><strong>bold a -&gt; b</strong> <em>italic b =&gt; c</em> <s>strike a -&gt; c</s></p><h1 space=\" \" dir=\"ltr\">Heading a -&gt; b</h1><blockquote prefix=\"&gt; \" dir=\"ltr\"><p>Quote b =&gt; c</p></blockquote><ul dir=\"ltr\"><li indent=\"\" marker=\"-\" space=\" \" data-marker=\"-\" data-marker-width=\"1\"><p>Bullet a -&gt; b</p></li></ul><ol dir=\"ltr\"><li indent=\"\" marker=\"1.\" space=\" \" data-marker=\"1.\" data-marker-width=\"2\"><p>Ordered b =&gt; c</p></li></ol><ul data-type=\"taskList\" dir=\"ltr\"><li data-checked=\"false\" indent=\"\" markerspace=\" \" contentspace=\" \"><label contenteditable=\"false\"><input aria-label=\"Task item checkbox for Task a -&gt; b\" type=\"checkbox\"><span style=\"position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px;\">Task item checkbox for Task a -&gt; b</span></label><div><p>Task a -&gt; b</p></div></li></ul><hr source=\"---\" contenteditable=\"false\" dir=\"ltr\" style=\"\"><p dir=\"ltr\"><span class=\"react-renderer node-composer-mention\" contenteditable=\"false\" style=\"\"><span as=\"span\" class=\"relative inline-flex min-w-0 max-w-full select-none items-baseline data-[composer-chip-selected]:after:pointer-events-none data-[composer-chip-selected]:after:absolute data-[composer-chip-selected]:after:inset-0 data-[composer-chip-selected]:after:rounded-sm data-[composer-chip-selected]:after:bg-[Highlight] data-[composer-chip-selected]:after:opacity-30 data-[composer-chip-selected]:after:content-['']\" data-node-view-wrapper=\"\" style=\"white-space: normal;\"><button type=\"button\" class=\"inline-flex max-w-full items-center gap-[0.2em] font-medium leading-[normal] text-(--context-chip-ink) [--context-chip-ink:var(--context-chip-accent)] [--document-icon-stroke:var(--context-chip-ink)] [&amp;_svg]:block [&amp;_svg]:size-[1em] [&amp;_svg]:shrink-0 [&amp;_svg]:self-center [button&amp;,a&amp;,[data-popup-open]&amp;]:cursor-pointer focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-current rounded-sm disabled:cursor-default [--context-chip-accent:var(--context-chip-mention)]\" data-slot=\"tooltip-trigger\" dir=\"ltr\" aria-label=\"Preview apps/web/src/terminal/ghostty/surface.test.ts\" contenteditable=\"false\" spellcheck=\"false\" data-composer-mention-chip=\"true\" id=\"base-ui-_r_6s_\" data-base-ui-tooltip-trigger=\"\" style=\"\"><svg aria-hidden=\"true\" data-pierre-icon=\"file-tree-builtin-typescript\" data-icon-token=\"typescript\" class=\"size-4 shrink-0\" viewBox=\"0 0 16 16\" style=\"color: rgb(26, 133, 212);\"><use href=\"#file-tree-builtin-typescript\"></use></svg><span class=\"block min-w-0 self-baseline overflow-x-clip text-ellipsis whitespace-nowrap underline decoration-transparent decoration-1 underline-offset-[0.2em] transition-colors motion-reduce:transition-none [:is(button:enabled,a):hover&gt;&amp;]:decoration-current\" data-slot=\"context-chip-label\">surface.test.ts</span></button></span></span> $frontend-design a -&gt; b =&gt; c</p><p dir=\"ltr\"><code dir=\"ltr\">inline a -&gt; b =&gt; c</code></p><div class=\"react-renderer node-codeBlock\"><div dir=\"ltr\" class=\"chat-markdown-codeblock my-[0.65rem] overflow-hidden rounded-lg border border-border/70 bg-secondary leading-snug dark:border-transparent dark:bg-input/32\" data-language=\"ts\" data-wrap=\"true\" data-node-view-wrapper=\"\" style=\"white-space: normal;\"><div contenteditable=\"false\" class=\"chat-markdown-codeblock-header flex items-center justify-between gap-2 pt-1.5 pr-1.5 pb-0 pl-3 select-none\" style=\"\"><span class=\"-ml-1.5 flex min-w-0\"><button type=\"button\" class=\"[&amp;_svg]:-mx-0.5 relative inline-flex shrink-0 cursor-pointer items-center justify-center whitespace-nowrap rounded-[var(--control-radius)] border font-medium outline-none transition-[box-shadow,scale] [&amp;:not([aria-haspopup]):not(:disabled):not([aria-disabled=true])]:will-change-[scale] [&amp;:active:not([aria-haspopup])]:scale-[0.97] before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--control-radius)-1px)] pointer-coarse:after:absolute pointer-coarse:after:size-full pointer-coarse:after:min-h-11 pointer-coarse:after:min-w-11 focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-64 aria-disabled:cursor-not-allowed aria-disabled:opacity-64 [&amp;_svg:not([class*='text-'])]:text-[var(--control-icon-color)] [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 h-7 gap-1 px-[calc(--spacing(2)-1px)] text-sm sm:h-6 sm:text-xs [&amp;_svg:not([class*='size-'])]:size-4 sm:[&amp;_svg:not([class*='size-'])]:size-3.5 [--control-icon-color:currentColor] border-transparent text-muted-foreground data-pressed:bg-accent [:hover,[data-pressed]]:bg-accent [:hover,[data-pressed]]:text-foreground\" data-slot=\"combobox-trigger\" aria-label=\"Code language: TypeScript\" tabindex=\"0\" id=\"base-ui-_r_6o_\" role=\"combobox\" aria-expanded=\"false\" aria-haspopup=\"dialog\"><svg aria-hidden=\"true\" data-pierre-icon=\"file-tree-builtin-typescript\" data-icon-token=\"typescript\" class=\"shrink-0 size-3.5\" viewBox=\"0 0 16 16\" style=\"color: rgb(26, 133, 212);\"><use href=\"#file-tree-builtin-typescript\"></use></svg><span class=\"max-w-40 truncate\">TypeScript</span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-down opacity-60\" aria-hidden=\"true\"><path d=\"m6 9 6 6 6-6\"></path></svg></button><input id=\"base-ui-_r_6o_-hidden-input\" tabindex=\"-1\" aria-hidden=\"true\" value=\"{&quot;id&quot;:&quot;typescript&quot;,&quot;label&quot;:&quot;TypeScript&quot;}\" style=\"clip-path: inset(50%); overflow: hidden; white-space: nowrap; border: 0px; padding: 0px; width: 1px; height: 1px; margin: 0px; position: fixed; top: 0px; left: 0px;\"></span></div><div class=\"chat-markdown-shiki\"><pre class=\"max-w-full overflow-x-auto px-3 pt-1 pb-2\"><code class=\"block min-h-[1lh] font-mono whitespace-pre-wrap text-inherit [overflow-wrap:anywhere]\" data-node-view-content=\"\" style=\"white-space: pre-wrap;\"><div data-node-view-content-react=\"\" data-node-view-wrapper=\"\" style=\"white-space: inherit;\"><span style=\"color: rgb(177, 34, 81);\">const </span><span style=\"color: rgb(143, 78, 23);\">f </span><span style=\"color: rgb(0, 103, 129);\">= </span><span style=\"color: rgb(75, 75, 75);\">(</span><span style=\"color: rgb(75, 75, 75);\">x</span><span style=\"color: rgb(177, 34, 81);\">: </span><span style=\"color: rgb(145, 43, 167);\">number</span><span style=\"color: rgb(75, 75, 75);\">) </span><span style=\"color: rgb(0, 103, 129);\">=&gt; </span><span style=\"color: rgb(143, 78, 23);\">x</span><span style=\"color: rgb(75, 75, 75);\">; </span><span style=\"color: rgb(92, 92, 92);\">// a -&gt; b</span></div></code></pre></div></div></div>",
          "text": "a -> b => c; office affine fi fl\n\nbold a -> b italic b => c strike a -> c\n\nHeading a -> b\n\nQuote b => c\n\nBullet a -> b\n\nOrdered b => c\n\nTask item checkbox for Task a -> b\n\nTask a -> b\n\nsurface.test.ts\n $frontend-design a -> b => c\n\ninline a -> b => c\n\nTypeScript\nconst f = (x: number) => x; // a -> b",
          "rect": {
            "x": 247,
            "y": 727,
            "width": 710,
            "height": 208,
            "top": 727,
            "right": 957,
            "bottom": 935,
            "left": 247
          },
          "fontFamily": "\"Inter Variable\", -apple-system, BlinkMacSystemFont, \"Inter Variable\", \"Segoe UI\", system-ui, sans-serif",
          "fontSize": "14px",
          "fontWeight": "400",
          "fontVariantLigatures": "normal",
          "fontFeatureSettings": "normal",
          "focused": false,
          "scrollTop": 175,
          "scrollHeight": 383,
          "code": [
            {
              "tag": "CODE",
              "text": "inline a -> b => c",
              "family": "ui-monospace, \"SF Mono\", SFMono-Regular, Menlo, Consolas, \"Liberation Mono\", monospace",
              "liga": "normal",
              "features": "normal"
            },
            {
              "tag": "PRE",
              "text": "const f = (x: number) => x; // a -> b",
              "family": "ui-monospace, \"SF Mono\", SFMono-Regular, Menlo, Consolas, \"Liberation Mono\", monospace",
              "liga": "normal",
              "features": "normal"
            },
            {
              "tag": "CODE",
              "text": "const f = (x: number) => x; // a -> b",
              "family": "ui-monospace, \"SF Mono\", SFMono-Regular, Menlo, Consolas, \"Liberation Mono\", monospace",
              "liga": "normal",
              "features": "normal"
            }
          ]
        },
        "sent": {
          "text": "a -> b => c; office affine fi fl\nbold a -> b italic b => c strike a -> c\n\nHeading a -> b\n\nQuote b => c\n\nBullet a -> b\nOrdered b => c\n Task a -> b\n\nsurface.test.ts\n $frontend-design a -> b => c\ninline a -> b => c\n\nconst f = (x: number) => x; // a -> b\n",
          "rect": {
            "x": 638.484375,
            "y": 88,
            "width": 319.515625,
            "height": 377.796875
          }
        },
        "fonts": {
          "fonts": [
            {
              "familyName": "Inter",
              "postScriptName": "Inter-Regular",
              "isCustomFont": true,
              "glyphCount": 72
            }
          ]
        },
        "codeFonts": {
          "fonts": [
            {
              "familyName": "Liberation Mono",
              "postScriptName": "LiberationMono",
              "isCustomFont": false,
              "glyphCount": 18
            }
          ]
        },
        "sentFonts": {
          "fonts": [
            {
              "familyName": "Inter",
              "postScriptName": "Inter-Regular",
              "isCustomFont": true,
              "glyphCount": 66
            }
          ]
        },
        "settledFrames": {
          "intervalMs": 500,
          "pixelIdentical": true
        },
        "caret": "blurred by neutral-area click",
        "body": "Code\nSettled\n0\nAL\nArrow ligatures\n/\nRich content\nYou\n\na -> b => c; office affine fi fl\nbold a -> b italic b => c strike a -> c\n\nHeading a -> b\n\nQuote b => c\n\nBullet a -> b\nOrdered b => c\n Task a -> b\n\nsurface.test.ts\n $frontend-design a -> b => c\ninline a -> b => c\n\nconst f = (x: number) => x; // a -> b\n\nShow less\n\n3:23 AM\n\nRun interrupted\n\u00b7\u00a0Run interrupted before provider start\n\na -> b => c; office affine fi fl\n\nbold a -> b italic b => c strike a -> c\n\nHeading a -> b\n\nQuote b => c\n\nBullet a -> b\n\nOrdered b => c\n\nTask item checkbox for Task a -> b\n\nTask a -> b\n\nsurface.test.ts\n $frontend-design a -> b => c\n\ninline a -> b => c\n\nTypeScript\nconst f = (x: number) => x; // a -> b\nDefault\nFull access\nfs-21\nOpen in editor\nAdd project script\ncapture\nCommit\nChanges\n+6\n-0\nToggle Sidebar\nSidebar hidden"
      },
      "browser": "148.0.7778.96",
      "clock": "2026-11-03T04:00:00Z"
    }
  },
  "D-prose-1440x1000-light": {
    "before": {
      "capture": {
        "key": "D-prose-1440x1000-light",
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "theme": null,
        "editor": {
          "html": "<p dir=\"ltr\">a -&gt; b =&gt; c; office affine fi fl</p><p dir=\"ltr\"><strong>bold a -&gt; b</strong> <em>italic b =&gt; c</em> <s>strike a -&gt; c</s></p><h1 space=\" \" dir=\"ltr\">Heading a -&gt; b</h1><blockquote prefix=\"&gt; \" dir=\"ltr\"><p>Quote b =&gt; c</p></blockquote><ul dir=\"ltr\"><li indent=\"\" marker=\"-\" space=\" \" data-marker=\"-\" data-marker-width=\"1\"><p>Bullet a -&gt; b</p></li></ul><ol dir=\"ltr\"><li indent=\"\" marker=\"1.\" space=\" \" data-marker=\"1.\" data-marker-width=\"2\"><p>Ordered b =&gt; c</p></li></ol><ul data-type=\"taskList\" dir=\"ltr\"><li data-checked=\"false\" indent=\"\" markerspace=\" \" contentspace=\" \"><label contenteditable=\"false\"><input aria-label=\"Task item checkbox for Task a -&gt; b\" type=\"checkbox\"><span style=\"position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px;\">Task item checkbox for Task a -&gt; b</span></label><div><p>Task a -&gt; b</p></div></li></ul><hr source=\"---\" contenteditable=\"false\" dir=\"ltr\" style=\"\"><p dir=\"ltr\"><span class=\"react-renderer node-composer-mention\" contenteditable=\"false\" style=\"\"><span as=\"span\" class=\"relative inline-flex min-w-0 max-w-full select-none items-baseline data-[composer-chip-selected]:after:pointer-events-none data-[composer-chip-selected]:after:absolute data-[composer-chip-selected]:after:inset-0 data-[composer-chip-selected]:after:rounded-sm data-[composer-chip-selected]:after:bg-[Highlight] data-[composer-chip-selected]:after:opacity-30 data-[composer-chip-selected]:after:content-['']\" data-node-view-wrapper=\"\" style=\"white-space: normal;\"><button type=\"button\" class=\"inline-flex max-w-full items-center gap-[0.2em] font-medium leading-[normal] text-(--context-chip-ink) [--context-chip-ink:var(--context-chip-accent)] [--document-icon-stroke:var(--context-chip-ink)] [&amp;_svg]:block [&amp;_svg]:size-[1em] [&amp;_svg]:shrink-0 [&amp;_svg]:self-center [button&amp;,a&amp;,[data-popup-open]&amp;]:cursor-pointer focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-current rounded-sm disabled:cursor-default [--context-chip-accent:var(--context-chip-mention)]\" data-slot=\"tooltip-trigger\" dir=\"ltr\" aria-label=\"Preview apps/web/src/terminal/ghostty/surface.test.ts\" contenteditable=\"false\" spellcheck=\"false\" data-composer-mention-chip=\"true\" id=\"base-ui-_r_6p_\" data-base-ui-tooltip-trigger=\"\" style=\"\"><svg aria-hidden=\"true\" data-pierre-icon=\"file-tree-builtin-typescript\" data-icon-token=\"typescript\" class=\"size-4 shrink-0\" viewBox=\"0 0 16 16\" style=\"color: rgb(26, 133, 212);\"><use href=\"#file-tree-builtin-typescript\"></use></svg><span class=\"block min-w-0 self-baseline overflow-x-clip text-ellipsis whitespace-nowrap underline decoration-transparent decoration-1 underline-offset-[0.2em] transition-colors motion-reduce:transition-none [:is(button:enabled,a):hover&gt;&amp;]:decoration-current\" data-slot=\"context-chip-label\">surface.test.ts</span></button></span></span> $frontend-design a -&gt; b =&gt; c</p><p dir=\"ltr\"><code dir=\"ltr\">inline a -&gt; b =&gt; c</code></p><div class=\"react-renderer node-codeBlock\"><div dir=\"ltr\" class=\"chat-markdown-codeblock my-[0.65rem] overflow-hidden rounded-lg border border-border/70 bg-secondary leading-snug dark:border-transparent dark:bg-input/32\" data-language=\"ts\" data-wrap=\"true\" data-node-view-wrapper=\"\" style=\"white-space: normal;\"><div contenteditable=\"false\" class=\"chat-markdown-codeblock-header flex items-center justify-between gap-2 pt-1.5 pr-1.5 pb-0 pl-3 select-none\" style=\"\"><span class=\"-ml-1.5 flex min-w-0\"><button type=\"button\" class=\"[&amp;_svg]:-mx-0.5 relative inline-flex shrink-0 cursor-pointer items-center justify-center whitespace-nowrap rounded-[var(--control-radius)] border font-medium outline-none transition-[box-shadow,scale] [&amp;:not([aria-haspopup]):not(:disabled):not([aria-disabled=true])]:will-change-[scale] [&amp;:active:not([aria-haspopup])]:scale-[0.97] before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--control-radius)-1px)] pointer-coarse:after:absolute pointer-coarse:after:size-full pointer-coarse:after:min-h-11 pointer-coarse:after:min-w-11 focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-64 aria-disabled:cursor-not-allowed aria-disabled:opacity-64 [&amp;_svg:not([class*='text-'])]:text-[var(--control-icon-color)] [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 h-7 gap-1 px-[calc(--spacing(2)-1px)] text-sm sm:h-6 sm:text-xs [&amp;_svg:not([class*='size-'])]:size-4 sm:[&amp;_svg:not([class*='size-'])]:size-3.5 [--control-icon-color:currentColor] border-transparent text-muted-foreground data-pressed:bg-accent [:hover,[data-pressed]]:bg-accent [:hover,[data-pressed]]:text-foreground\" data-slot=\"combobox-trigger\" aria-label=\"Code language: TypeScript\" tabindex=\"0\" id=\"base-ui-_r_6q_\" role=\"combobox\" aria-expanded=\"false\" aria-haspopup=\"dialog\"><svg aria-hidden=\"true\" data-pierre-icon=\"file-tree-builtin-typescript\" data-icon-token=\"typescript\" class=\"shrink-0 size-3.5\" viewBox=\"0 0 16 16\" style=\"color: rgb(26, 133, 212);\"><use href=\"#file-tree-builtin-typescript\"></use></svg><span class=\"max-w-40 truncate\">TypeScript</span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-down opacity-60\" aria-hidden=\"true\"><path d=\"m6 9 6 6 6-6\"></path></svg></button><input id=\"base-ui-_r_6q_-hidden-input\" tabindex=\"-1\" aria-hidden=\"true\" value=\"{&quot;id&quot;:&quot;typescript&quot;,&quot;label&quot;:&quot;TypeScript&quot;}\" style=\"clip-path: inset(50%); overflow: hidden; white-space: nowrap; border: 0px; padding: 0px; width: 1px; height: 1px; margin: 0px; position: fixed; top: 0px; left: 0px;\"></span></div><div class=\"chat-markdown-shiki\"><pre class=\"max-w-full overflow-x-auto px-3 pt-1 pb-2\"><code class=\"block min-h-[1lh] font-mono whitespace-pre-wrap text-inherit [overflow-wrap:anywhere]\" data-node-view-content=\"\" style=\"white-space: pre-wrap;\"><div data-node-view-content-react=\"\" data-node-view-wrapper=\"\" style=\"white-space: inherit;\"><span style=\"color: rgb(177, 34, 81);\">const </span><span style=\"color: rgb(143, 78, 23);\">f </span><span style=\"color: rgb(0, 103, 129);\">= </span><span style=\"color: rgb(75, 75, 75);\">(</span><span style=\"color: rgb(75, 75, 75);\">x</span><span style=\"color: rgb(177, 34, 81);\">: </span><span style=\"color: rgb(145, 43, 167);\">number</span><span style=\"color: rgb(75, 75, 75);\">) </span><span style=\"color: rgb(0, 103, 129);\">=&gt; </span><span style=\"color: rgb(143, 78, 23);\">x</span><span style=\"color: rgb(75, 75, 75);\">; </span><span style=\"color: rgb(92, 92, 92);\">// a -&gt; b</span></div></code></pre></div></div></div>",
          "text": "a -> b => c; office affine fi fl\n\nbold a -> b italic b => c strike a -> c\n\nHeading a -> b\n\nQuote b => c\n\nBullet a -> b\n\nOrdered b => c\n\nTask item checkbox for Task a -> b\n\nTask a -> b\n\nsurface.test.ts\n $frontend-design a -> b => c\n\ninline a -> b => c\n\nTypeScript\nconst f = (x: number) => x; // a -> b",
          "rect": {
            "x": 247,
            "y": 727,
            "width": 710,
            "height": 208,
            "top": 727,
            "right": 957,
            "bottom": 935,
            "left": 247
          },
          "fontFamily": "\"Inter Variable\", -apple-system, BlinkMacSystemFont, \"Inter Variable\", \"Segoe UI\", system-ui, sans-serif",
          "fontSize": "14px",
          "fontWeight": "400",
          "fontVariantLigatures": "none",
          "fontFeatureSettings": "\"liga\" 0",
          "focused": false,
          "scrollTop": 0,
          "scrollHeight": 383,
          "code": [
            {
              "tag": "CODE",
              "text": "inline a -> b => c",
              "family": "ui-monospace, \"SF Mono\", SFMono-Regular, Menlo, Consolas, \"Liberation Mono\", monospace",
              "liga": "none",
              "features": "normal"
            },
            {
              "tag": "PRE",
              "text": "const f = (x: number) => x; // a -> b",
              "family": "ui-monospace, \"SF Mono\", SFMono-Regular, Menlo, Consolas, \"Liberation Mono\", monospace",
              "liga": "none",
              "features": "normal"
            },
            {
              "tag": "CODE",
              "text": "const f = (x: number) => x; // a -> b",
              "family": "ui-monospace, \"SF Mono\", SFMono-Regular, Menlo, Consolas, \"Liberation Mono\", monospace",
              "liga": "none",
              "features": "normal"
            }
          ]
        },
        "sent": {
          "text": "a -> b => c; office affine fi fl\nbold a -> b italic b => c strike a -> c\n\nHeading a -> b\n\nQuote b => c\n\nBullet a -> b\nOrdered b => c\n Task a -> b\n\nsurface.test.ts\n $frontend-design a -> b => c\ninline a -> b => c\n\nconst f = (x: number) => x; // a -> b\n",
          "rect": {
            "x": 638.484375,
            "y": 88,
            "width": 319.515625,
            "height": 377.796875
          }
        },
        "fonts": {
          "fonts": [
            {
              "familyName": "Inter",
              "postScriptName": "Inter-Regular",
              "isCustomFont": true,
              "glyphCount": 77
            }
          ]
        },
        "codeFonts": {
          "fonts": [
            {
              "familyName": "Liberation Mono",
              "postScriptName": "LiberationMono",
              "isCustomFont": false,
              "glyphCount": 18
            }
          ]
        },
        "sentFonts": {
          "fonts": [
            {
              "familyName": "Inter",
              "postScriptName": "Inter-Regular",
              "isCustomFont": true,
              "glyphCount": 66
            }
          ]
        },
        "settledFrames": {
          "intervalMs": 500,
          "pixelIdentical": true
        },
        "caret": "blurred by neutral-area click",
        "body": "Code\nSettled\n0\nAL\nArrow ligatures\n/\nRich content\nYou\n\na -> b => c; office affine fi fl\nbold a -> b italic b => c strike a -> c\n\nHeading a -> b\n\nQuote b => c\n\nBullet a -> b\nOrdered b => c\n Task a -> b\n\nsurface.test.ts\n $frontend-design a -> b => c\ninline a -> b => c\n\nconst f = (x: number) => x; // a -> b\n\nShow less\n\n3:23 AM\n\nRun interrupted\n\u00b7\u00a0Run interrupted before provider start\n\na -> b => c; office affine fi fl\n\nbold a -> b italic b => c strike a -> c\n\nHeading a -> b\n\nQuote b => c\n\nBullet a -> b\n\nOrdered b => c\n\nTask item checkbox for Task a -> b\n\nTask a -> b\n\nsurface.test.ts\n $frontend-design a -> b => c\n\ninline a -> b => c\n\nTypeScript\nconst f = (x: number) => x; // a -> b\nDefault\nFull access\nfs-21\nOpen in editor\nAdd project script\ncapture\nCommit\nChanges\n+6\n-0\nToggle Sidebar\nSidebar hidden"
      },
      "browser": "148.0.7778.96",
      "clock": "2026-11-03T04:00:00Z"
    },
    "after": {
      "capture": {
        "key": "D-prose-1440x1000-light",
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "theme": null,
        "editor": {
          "html": "<p dir=\"ltr\">a -&gt; b =&gt; c; office affine fi fl</p><p dir=\"ltr\"><strong>bold a -&gt; b</strong> <em>italic b =&gt; c</em> <s>strike a -&gt; c</s></p><h1 space=\" \" dir=\"ltr\">Heading a -&gt; b</h1><blockquote prefix=\"&gt; \" dir=\"ltr\"><p>Quote b =&gt; c</p></blockquote><ul dir=\"ltr\"><li indent=\"\" marker=\"-\" space=\" \" data-marker=\"-\" data-marker-width=\"1\"><p>Bullet a -&gt; b</p></li></ul><ol dir=\"ltr\"><li indent=\"\" marker=\"1.\" space=\" \" data-marker=\"1.\" data-marker-width=\"2\"><p>Ordered b =&gt; c</p></li></ol><ul data-type=\"taskList\" dir=\"ltr\"><li data-checked=\"false\" indent=\"\" markerspace=\" \" contentspace=\" \"><label contenteditable=\"false\"><input aria-label=\"Task item checkbox for Task a -&gt; b\" type=\"checkbox\"><span style=\"position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px;\">Task item checkbox for Task a -&gt; b</span></label><div><p>Task a -&gt; b</p></div></li></ul><hr source=\"---\" contenteditable=\"false\" dir=\"ltr\" style=\"\"><p dir=\"ltr\"><span class=\"react-renderer node-composer-mention\" contenteditable=\"false\" style=\"\"><span as=\"span\" class=\"relative inline-flex min-w-0 max-w-full select-none items-baseline data-[composer-chip-selected]:after:pointer-events-none data-[composer-chip-selected]:after:absolute data-[composer-chip-selected]:after:inset-0 data-[composer-chip-selected]:after:rounded-sm data-[composer-chip-selected]:after:bg-[Highlight] data-[composer-chip-selected]:after:opacity-30 data-[composer-chip-selected]:after:content-['']\" data-node-view-wrapper=\"\" style=\"white-space: normal;\"><button type=\"button\" class=\"inline-flex max-w-full items-center gap-[0.2em] font-medium leading-[normal] text-(--context-chip-ink) [--context-chip-ink:var(--context-chip-accent)] [--document-icon-stroke:var(--context-chip-ink)] [&amp;_svg]:block [&amp;_svg]:size-[1em] [&amp;_svg]:shrink-0 [&amp;_svg]:self-center [button&amp;,a&amp;,[data-popup-open]&amp;]:cursor-pointer focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-current rounded-sm disabled:cursor-default [--context-chip-accent:var(--context-chip-mention)]\" data-slot=\"tooltip-trigger\" dir=\"ltr\" aria-label=\"Preview apps/web/src/terminal/ghostty/surface.test.ts\" contenteditable=\"false\" spellcheck=\"false\" data-composer-mention-chip=\"true\" id=\"base-ui-_r_6s_\" data-base-ui-tooltip-trigger=\"\" style=\"\"><svg aria-hidden=\"true\" data-pierre-icon=\"file-tree-builtin-typescript\" data-icon-token=\"typescript\" class=\"size-4 shrink-0\" viewBox=\"0 0 16 16\" style=\"color: rgb(26, 133, 212);\"><use href=\"#file-tree-builtin-typescript\"></use></svg><span class=\"block min-w-0 self-baseline overflow-x-clip text-ellipsis whitespace-nowrap underline decoration-transparent decoration-1 underline-offset-[0.2em] transition-colors motion-reduce:transition-none [:is(button:enabled,a):hover&gt;&amp;]:decoration-current\" data-slot=\"context-chip-label\">surface.test.ts</span></button></span></span> $frontend-design a -&gt; b =&gt; c</p><p dir=\"ltr\"><code dir=\"ltr\">inline a -&gt; b =&gt; c</code></p><div class=\"react-renderer node-codeBlock\"><div dir=\"ltr\" class=\"chat-markdown-codeblock my-[0.65rem] overflow-hidden rounded-lg border border-border/70 bg-secondary leading-snug dark:border-transparent dark:bg-input/32\" data-language=\"ts\" data-wrap=\"true\" data-node-view-wrapper=\"\" style=\"white-space: normal;\"><div contenteditable=\"false\" class=\"chat-markdown-codeblock-header flex items-center justify-between gap-2 pt-1.5 pr-1.5 pb-0 pl-3 select-none\" style=\"\"><span class=\"-ml-1.5 flex min-w-0\"><button type=\"button\" class=\"[&amp;_svg]:-mx-0.5 relative inline-flex shrink-0 cursor-pointer items-center justify-center whitespace-nowrap rounded-[var(--control-radius)] border font-medium outline-none transition-[box-shadow,scale] [&amp;:not([aria-haspopup]):not(:disabled):not([aria-disabled=true])]:will-change-[scale] [&amp;:active:not([aria-haspopup])]:scale-[0.97] before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--control-radius)-1px)] pointer-coarse:after:absolute pointer-coarse:after:size-full pointer-coarse:after:min-h-11 pointer-coarse:after:min-w-11 focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-64 aria-disabled:cursor-not-allowed aria-disabled:opacity-64 [&amp;_svg:not([class*='text-'])]:text-[var(--control-icon-color)] [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 h-7 gap-1 px-[calc(--spacing(2)-1px)] text-sm sm:h-6 sm:text-xs [&amp;_svg:not([class*='size-'])]:size-4 sm:[&amp;_svg:not([class*='size-'])]:size-3.5 [--control-icon-color:currentColor] border-transparent text-muted-foreground data-pressed:bg-accent [:hover,[data-pressed]]:bg-accent [:hover,[data-pressed]]:text-foreground\" data-slot=\"combobox-trigger\" aria-label=\"Code language: TypeScript\" tabindex=\"0\" id=\"base-ui-_r_6o_\" role=\"combobox\" aria-expanded=\"false\" aria-haspopup=\"dialog\"><svg aria-hidden=\"true\" data-pierre-icon=\"file-tree-builtin-typescript\" data-icon-token=\"typescript\" class=\"shrink-0 size-3.5\" viewBox=\"0 0 16 16\" style=\"color: rgb(26, 133, 212);\"><use href=\"#file-tree-builtin-typescript\"></use></svg><span class=\"max-w-40 truncate\">TypeScript</span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-down opacity-60\" aria-hidden=\"true\"><path d=\"m6 9 6 6 6-6\"></path></svg></button><input id=\"base-ui-_r_6o_-hidden-input\" tabindex=\"-1\" aria-hidden=\"true\" value=\"{&quot;id&quot;:&quot;typescript&quot;,&quot;label&quot;:&quot;TypeScript&quot;}\" style=\"clip-path: inset(50%); overflow: hidden; white-space: nowrap; border: 0px; padding: 0px; width: 1px; height: 1px; margin: 0px; position: fixed; top: 0px; left: 0px;\"></span></div><div class=\"chat-markdown-shiki\"><pre class=\"max-w-full overflow-x-auto px-3 pt-1 pb-2\"><code class=\"block min-h-[1lh] font-mono whitespace-pre-wrap text-inherit [overflow-wrap:anywhere]\" data-node-view-content=\"\" style=\"white-space: pre-wrap;\"><div data-node-view-content-react=\"\" data-node-view-wrapper=\"\" style=\"white-space: inherit;\"><span style=\"color: rgb(177, 34, 81);\">const </span><span style=\"color: rgb(143, 78, 23);\">f </span><span style=\"color: rgb(0, 103, 129);\">= </span><span style=\"color: rgb(75, 75, 75);\">(</span><span style=\"color: rgb(75, 75, 75);\">x</span><span style=\"color: rgb(177, 34, 81);\">: </span><span style=\"color: rgb(145, 43, 167);\">number</span><span style=\"color: rgb(75, 75, 75);\">) </span><span style=\"color: rgb(0, 103, 129);\">=&gt; </span><span style=\"color: rgb(143, 78, 23);\">x</span><span style=\"color: rgb(75, 75, 75);\">; </span><span style=\"color: rgb(92, 92, 92);\">// a -&gt; b</span></div></code></pre></div></div></div>",
          "text": "a -> b => c; office affine fi fl\n\nbold a -> b italic b => c strike a -> c\n\nHeading a -> b\n\nQuote b => c\n\nBullet a -> b\n\nOrdered b => c\n\nTask item checkbox for Task a -> b\n\nTask a -> b\n\nsurface.test.ts\n $frontend-design a -> b => c\n\ninline a -> b => c\n\nTypeScript\nconst f = (x: number) => x; // a -> b",
          "rect": {
            "x": 247,
            "y": 727,
            "width": 710,
            "height": 208,
            "top": 727,
            "right": 957,
            "bottom": 935,
            "left": 247
          },
          "fontFamily": "\"Inter Variable\", -apple-system, BlinkMacSystemFont, \"Inter Variable\", \"Segoe UI\", system-ui, sans-serif",
          "fontSize": "14px",
          "fontWeight": "400",
          "fontVariantLigatures": "normal",
          "fontFeatureSettings": "normal",
          "focused": false,
          "scrollTop": 0,
          "scrollHeight": 383,
          "code": [
            {
              "tag": "CODE",
              "text": "inline a -> b => c",
              "family": "ui-monospace, \"SF Mono\", SFMono-Regular, Menlo, Consolas, \"Liberation Mono\", monospace",
              "liga": "normal",
              "features": "normal"
            },
            {
              "tag": "PRE",
              "text": "const f = (x: number) => x; // a -> b",
              "family": "ui-monospace, \"SF Mono\", SFMono-Regular, Menlo, Consolas, \"Liberation Mono\", monospace",
              "liga": "normal",
              "features": "normal"
            },
            {
              "tag": "CODE",
              "text": "const f = (x: number) => x; // a -> b",
              "family": "ui-monospace, \"SF Mono\", SFMono-Regular, Menlo, Consolas, \"Liberation Mono\", monospace",
              "liga": "normal",
              "features": "normal"
            }
          ]
        },
        "sent": {
          "text": "a -> b => c; office affine fi fl\nbold a -> b italic b => c strike a -> c\n\nHeading a -> b\n\nQuote b => c\n\nBullet a -> b\nOrdered b => c\n Task a -> b\n\nsurface.test.ts\n $frontend-design a -> b => c\ninline a -> b => c\n\nconst f = (x: number) => x; // a -> b\n",
          "rect": {
            "x": 638.484375,
            "y": 88,
            "width": 319.515625,
            "height": 377.796875
          }
        },
        "fonts": {
          "fonts": [
            {
              "familyName": "Inter",
              "postScriptName": "Inter-Regular",
              "isCustomFont": true,
              "glyphCount": 72
            }
          ]
        },
        "codeFonts": {
          "fonts": [
            {
              "familyName": "Liberation Mono",
              "postScriptName": "LiberationMono",
              "isCustomFont": false,
              "glyphCount": 18
            }
          ]
        },
        "sentFonts": {
          "fonts": [
            {
              "familyName": "Inter",
              "postScriptName": "Inter-Regular",
              "isCustomFont": true,
              "glyphCount": 66
            }
          ]
        },
        "settledFrames": {
          "intervalMs": 500,
          "pixelIdentical": true
        },
        "caret": "blurred by neutral-area click",
        "body": "Code\nSettled\n0\nAL\nArrow ligatures\n/\nRich content\nYou\n\na -> b => c; office affine fi fl\nbold a -> b italic b => c strike a -> c\n\nHeading a -> b\n\nQuote b => c\n\nBullet a -> b\nOrdered b => c\n Task a -> b\n\nsurface.test.ts\n $frontend-design a -> b => c\ninline a -> b => c\n\nconst f = (x: number) => x; // a -> b\n\nShow less\n\n3:23 AM\n\nRun interrupted\n\u00b7\u00a0Run interrupted before provider start\n\na -> b => c; office affine fi fl\n\nbold a -> b italic b => c strike a -> c\n\nHeading a -> b\n\nQuote b => c\n\nBullet a -> b\n\nOrdered b => c\n\nTask item checkbox for Task a -> b\n\nTask a -> b\n\nsurface.test.ts\n $frontend-design a -> b => c\n\ninline a -> b => c\n\nTypeScript\nconst f = (x: number) => x; // a -> b\nDefault\nFull access\nfs-21\nOpen in editor\nAdd project script\ncapture\nCommit\nChanges\n+6\n-0\nToggle Sidebar\nSidebar hidden"
      },
      "browser": "148.0.7778.96",
      "clock": "2026-11-03T04:00:00Z"
    }
  },
  "E-default-1440x1000-light": {
    "before": {
      "capture": {
        "key": "E-default-1440x1000-light",
        "tool": "ImageMagick import -window, real Electron on headless-desktop Xvfb",
        "environment": {
          "electron": "44.10.0",
          "chrome": "152.0.7977.169",
          "platform": "linux",
          "arch": "x64"
        },
        "viewport": {
          "width": 1440,
          "height": 1000,
          "dpr": 1
        },
        "zoom": 1,
        "fontScaling": "100%",
        "deviceEmulation": "none",
        "clock": "2026-11-03T04:00:00Z",
        "theme": "electron wco",
        "fonts": {
          "fonts": [
            {
              "familyName": "Inter",
              "postScriptName": "Inter-Regular",
              "isCustomFont": true,
              "glyphCount": 11
            }
          ]
        },
        "editor": {
          "text": "a -> b => c",
          "html": "<p dir=\"ltr\">a -&gt; b =&gt; c</p>",
          "fontFamily": "-apple-system, BlinkMacSystemFont, \"Inter Variable\", \"Segoe UI\", system-ui, sans-serif",
          "fontSize": "14px",
          "ligatures": "none",
          "features": "\"liga\" 0"
        },
        "settledFrames": {
          "intervalMs": 500,
          "pixelIdentical": true
        }
      },
      "browser": null,
      "clock": "2026-11-03T04:00:00Z"
    },
    "after": {
      "capture": {
        "key": "E-default-1440x1000-light",
        "tool": "ImageMagick import -window, real Electron on headless-desktop Xvfb",
        "environment": {
          "electron": "44.10.0",
          "chrome": "152.0.7977.169",
          "platform": "linux",
          "arch": "x64"
        },
        "viewport": {
          "width": 1440,
          "height": 1000,
          "dpr": 1
        },
        "zoom": 1,
        "fontScaling": "100%",
        "deviceEmulation": "none",
        "clock": "2026-11-03T04:00:00Z",
        "theme": "electron wco",
        "fonts": {
          "fonts": [
            {
              "familyName": "Inter",
              "postScriptName": "Inter-Regular",
              "isCustomFont": true,
              "glyphCount": 9
            }
          ]
        },
        "editor": {
          "text": "a -> b => c",
          "html": "<p dir=\"ltr\">a -&gt; b =&gt; c</p>",
          "fontFamily": "-apple-system, BlinkMacSystemFont, \"Inter Variable\", \"Segoe UI\", system-ui, sans-serif",
          "fontSize": "14px",
          "ligatures": "normal",
          "features": "normal"
        },
        "settledFrames": {
          "intervalMs": 500,
          "pixelIdentical": true
        }
      },
      "browser": null,
      "clock": "2026-11-03T04:00:00Z"
    }
  },
  "P-1440x1000-light": {
    "before": {
      "capture": {
        "key": "P-1440x1000-light",
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "theme": null,
        "editor": {
          "html": "<p dir=\"ltr\">Use <span class=\"react-renderer node-composer-skill\" contenteditable=\"false\" style=\"\"><span as=\"span\" class=\"relative inline-flex min-w-0 max-w-full select-none items-baseline data-[composer-chip-selected]:after:pointer-events-none data-[composer-chip-selected]:after:absolute data-[composer-chip-selected]:after:inset-0 data-[composer-chip-selected]:after:rounded-sm data-[composer-chip-selected]:after:bg-[Highlight] data-[composer-chip-selected]:after:opacity-30 data-[composer-chip-selected]:after:content-['']\" data-node-view-wrapper=\"\" style=\"white-space: normal;\"><button type=\"button\" class=\"inline-flex max-w-full items-center gap-[0.2em] font-medium leading-[normal] text-(--context-chip-ink) [--context-chip-ink:var(--context-chip-accent)] [--document-icon-stroke:var(--context-chip-ink)] [&amp;_svg]:block [&amp;_svg]:size-[1em] [&amp;_svg]:shrink-0 [&amp;_svg]:self-center [button&amp;,a&amp;,[data-popup-open]&amp;]:cursor-pointer focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-current rounded-sm disabled:cursor-default [--context-chip-accent:var(--context-chip-skill)]\" data-slot=\"popover-trigger\" aria-label=\"Skill Frontend Design. Show details\" tabindex=\"0\" data-base-ui-click-trigger=\"\" id=\"base-ui-_r_6i_\" aria-haspopup=\"dialog\" aria-expanded=\"false\"><span aria-hidden=\"true\" class=\"contents\"><svg width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.85\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z\"></path><path d=\"m3.3 7 8.7 5 8.7-5\"></path><path d=\"M12 22V12\"></path></svg></span><span class=\"block min-w-0 self-baseline overflow-x-clip text-ellipsis whitespace-nowrap underline decoration-transparent decoration-1 underline-offset-[0.2em] transition-colors motion-reduce:transition-none [:is(button:enabled,a):hover&gt;&amp;]:decoration-current\" data-slot=\"context-chip-label\">Frontend Design</span></button></span></span> to fix the flaky test in <span class=\"react-renderer node-composer-mention\" contenteditable=\"false\" style=\"\"><span as=\"span\" class=\"relative inline-flex min-w-0 max-w-full select-none items-baseline data-[composer-chip-selected]:after:pointer-events-none data-[composer-chip-selected]:after:absolute data-[composer-chip-selected]:after:inset-0 data-[composer-chip-selected]:after:rounded-sm data-[composer-chip-selected]:after:bg-[Highlight] data-[composer-chip-selected]:after:opacity-30 data-[composer-chip-selected]:after:content-['']\" data-node-view-wrapper=\"\" style=\"white-space: normal;\"><button type=\"button\" class=\"inline-flex max-w-full items-center gap-[0.2em] font-medium leading-[normal] text-(--context-chip-ink) [--context-chip-ink:var(--context-chip-accent)] [--document-icon-stroke:var(--context-chip-ink)] [&amp;_svg]:block [&amp;_svg]:size-[1em] [&amp;_svg]:shrink-0 [&amp;_svg]:self-center [button&amp;,a&amp;,[data-popup-open]&amp;]:cursor-pointer focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-current rounded-sm disabled:cursor-default [--context-chip-accent:var(--context-chip-mention)]\" data-slot=\"tooltip-trigger\" dir=\"ltr\" aria-label=\"Preview apps/web/src/terminal/ghostty/surface.test.ts\" contenteditable=\"false\" spellcheck=\"false\" data-composer-mention-chip=\"true\" id=\"base-ui-_r_6m_\" data-base-ui-tooltip-trigger=\"\" style=\"\"><svg aria-hidden=\"true\" data-pierre-icon=\"file-tree-builtin-typescript\" data-icon-token=\"typescript\" class=\"size-4 shrink-0\" viewBox=\"0 0 16 16\" style=\"color: rgb(26, 133, 212);\"><use href=\"#file-tree-builtin-typescript\"></use></svg><span class=\"block min-w-0 self-baseline overflow-x-clip text-ellipsis whitespace-nowrap underline decoration-transparent decoration-1 underline-offset-[0.2em] transition-colors motion-reduce:transition-none [:is(button:enabled,a):hover&gt;&amp;]:decoration-current\" data-slot=\"context-chip-label\">surface.test.ts</span></button></span></span> and align the header with <span class=\"react-renderer node-composer-mention\" contenteditable=\"false\" style=\"\"><span as=\"span\" class=\"relative inline-flex min-w-0 max-w-full select-none items-baseline data-[composer-chip-selected]:after:pointer-events-none data-[composer-chip-selected]:after:absolute data-[composer-chip-selected]:after:inset-0 data-[composer-chip-selected]:after:rounded-sm data-[composer-chip-selected]:after:bg-[Highlight] data-[composer-chip-selected]:after:opacity-30 data-[composer-chip-selected]:after:content-['']\" data-node-view-wrapper=\"\" style=\"white-space: normal;\"><button type=\"button\" class=\"inline-flex max-w-full items-center gap-[0.2em] font-medium leading-[normal] text-(--context-chip-ink) [--context-chip-ink:var(--context-chip-accent)] [--document-icon-stroke:var(--context-chip-ink)] [&amp;_svg]:block [&amp;_svg]:size-[1em] [&amp;_svg]:shrink-0 [&amp;_svg]:self-center [button&amp;,a&amp;,[data-popup-open]&amp;]:cursor-pointer focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-current rounded-sm disabled:cursor-default [--context-chip-accent:var(--context-chip-mention)]\" data-slot=\"tooltip-trigger\" dir=\"ltr\" aria-label=\"Preview apps/web/src/components/settings/SettingsPanels.tsx\" contenteditable=\"false\" spellcheck=\"false\" data-composer-mention-chip=\"true\" id=\"base-ui-_r_6k_\" data-base-ui-tooltip-trigger=\"\" style=\"\"><svg aria-hidden=\"true\" data-pierre-icon=\"file-tree-builtin-react\" data-icon-token=\"react\" class=\"size-4 shrink-0\" viewBox=\"0 0 16 16\" style=\"color: rgb(28, 161, 199);\"><use href=\"#file-tree-builtin-react\"></use></svg><span class=\"block min-w-0 self-baseline overflow-x-clip text-ellipsis whitespace-nowrap underline decoration-transparent decoration-1 underline-offset-[0.2em] transition-colors motion-reduce:transition-none [:is(button:enabled,a):hover&gt;&amp;]:decoration-current\" data-slot=\"context-chip-label\">SettingsPanels.tsx</span></button></span></span> before shipping. a -&gt; b =&gt; c</p>",
          "text": "Use \nFrontend Design\n to fix the flaky test in \nsurface.test.ts\n and align the header with \nSettingsPanels.tsx\n before shipping. a -> b => c",
          "rect": {
            "x": 442,
            "y": 497,
            "width": 796,
            "height": 53.5,
            "top": 497,
            "right": 1238,
            "bottom": 550.5,
            "left": 442
          },
          "fontFamily": "\"Inter Variable\", -apple-system, BlinkMacSystemFont, \"Inter Variable\", \"Segoe UI\", system-ui, sans-serif",
          "fontSize": "14px",
          "fontWeight": "400",
          "fontVariantLigatures": "none",
          "fontFeatureSettings": "\"liga\" 0",
          "focused": false,
          "scrollTop": 0,
          "scrollHeight": 54,
          "code": []
        },
        "sent": null,
        "fonts": {
          "fonts": [
            {
              "familyName": "Inter",
              "postScriptName": "Inter-Regular",
              "isCustomFont": true,
              "glyphCount": 86
            }
          ]
        },
        "codeFonts": null,
        "sentFonts": null,
        "settledFrames": {
          "intervalMs": 500,
          "pixelIdentical": true
        },
        "caret": "blurred by neutral-area click",
        "body": "Code\nRich content\nAL\nArrow ligatures\n36m\nSettle\nRich content\ncapture\nArrow ligatures\nAL\nArrow ligatures\nDone\nSettle\nArrow ligatures\ncapture\nArrow ligatures\nAL\nArrow ligatures\n36m\nSettle\nArrow ligatures\ncapture\nRich content\nAL\nArrow ligatures\n44m\nSettle\nRich content\ncapture\nArrow ligatures\nAL\nArrow ligatures\nDone\nSettle\nArrow ligatures\ncapture\nArrow ligatures\nAL\nArrow ligatures\n44m\nSettle\nArrow ligatures\ncapture\nNew thread\nSR\nserver\n46m\nSettle\nNew thread\nSettled\n0\nToggle Sidebar\n/\nGeneral\nAppearance\nChat\nDiffs & pull requests\nKeybindings\nSnapShots\nAgents\nProviders\nThreads\nBrowser\nDevices\nScheduled tasks\nCode\nProjects\nSource control\nWorktrees\nConnections\nEnvironments\nSharing & access\nMaintenance\nLabs\nAbout\nArchive\nSettings\n/\nAppearance\nColors & themes\nColor scheme\nSystem\nLight\nDark\nThemes\nCreate theme\nAdd theme\nT3 Code\nT3 Chat\nGrove\nOcean\nEmber\nIris\nInterface\nContrast\n\nAdjust the contrast of colors and borders across the interface.\n\n100%\nGlass opacity\n\nHigher values make menus, dialogs, and the composer more solid.\n\n80%\nChat width\n\nSet how wide messages and the composer can grow on large screens.\n\nComfortable\nThread details\n\nChoose what the thread details card shows. You can also right-click the card.\n\n9 of 10 on\nEffort display\n\nShow reasoning effort in the composer as its name, such as High, or as bars.\n\nWord\nRender math\n\nTypeset LaTeX math, such as $x^2$ or \\[x^2\\], in messages and Markdown previews. The composer keeps TeX source editable.\n\nAdvanced\nTypography\nInterface font\n\nEverything outside code blocks and the terminal.\n\n16 px\n\nUse \nFrontend Design\n to fix the flaky test in \nsurface.test.ts\n and align the header with \nSettingsPanels.tsx\n before shipping. a -> b => c\n\nMonospace font\n\nCode blocks, diffs, file previews, and the terminal.\n\n13 px\nWord wrap\n\nWrap long lines in code blocks, diffs, and file previews by default.\n\nAdvanced"
      },
      "browser": "148.0.7778.96",
      "clock": "2026-11-03T04:00:00Z"
    },
    "after": {
      "capture": {
        "key": "P-1440x1000-light",
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "theme": null,
        "editor": {
          "html": "<p dir=\"ltr\">Use <span class=\"react-renderer node-composer-skill\" contenteditable=\"false\" style=\"\"><span as=\"span\" class=\"relative inline-flex min-w-0 max-w-full select-none items-baseline data-[composer-chip-selected]:after:pointer-events-none data-[composer-chip-selected]:after:absolute data-[composer-chip-selected]:after:inset-0 data-[composer-chip-selected]:after:rounded-sm data-[composer-chip-selected]:after:bg-[Highlight] data-[composer-chip-selected]:after:opacity-30 data-[composer-chip-selected]:after:content-['']\" data-node-view-wrapper=\"\" style=\"white-space: normal;\"><button type=\"button\" class=\"inline-flex max-w-full items-center gap-[0.2em] font-medium leading-[normal] text-(--context-chip-ink) [--context-chip-ink:var(--context-chip-accent)] [--document-icon-stroke:var(--context-chip-ink)] [&amp;_svg]:block [&amp;_svg]:size-[1em] [&amp;_svg]:shrink-0 [&amp;_svg]:self-center [button&amp;,a&amp;,[data-popup-open]&amp;]:cursor-pointer focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-current rounded-sm disabled:cursor-default [--context-chip-accent:var(--context-chip-skill)]\" data-slot=\"popover-trigger\" aria-label=\"Skill Frontend Design. Show details\" tabindex=\"0\" data-base-ui-click-trigger=\"\" id=\"base-ui-_r_6k_\" aria-haspopup=\"dialog\" aria-expanded=\"false\"><span aria-hidden=\"true\" class=\"contents\"><svg width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.85\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z\"></path><path d=\"m3.3 7 8.7 5 8.7-5\"></path><path d=\"M12 22V12\"></path></svg></span><span class=\"block min-w-0 self-baseline overflow-x-clip text-ellipsis whitespace-nowrap underline decoration-transparent decoration-1 underline-offset-[0.2em] transition-colors motion-reduce:transition-none [:is(button:enabled,a):hover&gt;&amp;]:decoration-current\" data-slot=\"context-chip-label\">Frontend Design</span></button></span></span> to fix the flaky test in <span class=\"react-renderer node-composer-mention\" contenteditable=\"false\" style=\"\"><span as=\"span\" class=\"relative inline-flex min-w-0 max-w-full select-none items-baseline data-[composer-chip-selected]:after:pointer-events-none data-[composer-chip-selected]:after:absolute data-[composer-chip-selected]:after:inset-0 data-[composer-chip-selected]:after:rounded-sm data-[composer-chip-selected]:after:bg-[Highlight] data-[composer-chip-selected]:after:opacity-30 data-[composer-chip-selected]:after:content-['']\" data-node-view-wrapper=\"\" style=\"white-space: normal;\"><button type=\"button\" class=\"inline-flex max-w-full items-center gap-[0.2em] font-medium leading-[normal] text-(--context-chip-ink) [--context-chip-ink:var(--context-chip-accent)] [--document-icon-stroke:var(--context-chip-ink)] [&amp;_svg]:block [&amp;_svg]:size-[1em] [&amp;_svg]:shrink-0 [&amp;_svg]:self-center [button&amp;,a&amp;,[data-popup-open]&amp;]:cursor-pointer focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-current rounded-sm disabled:cursor-default [--context-chip-accent:var(--context-chip-mention)]\" data-slot=\"tooltip-trigger\" dir=\"ltr\" aria-label=\"Preview apps/web/src/terminal/ghostty/surface.test.ts\" contenteditable=\"false\" spellcheck=\"false\" data-composer-mention-chip=\"true\" id=\"base-ui-_r_6m_\" data-base-ui-tooltip-trigger=\"\" style=\"\"><svg aria-hidden=\"true\" data-pierre-icon=\"file-tree-builtin-typescript\" data-icon-token=\"typescript\" class=\"size-4 shrink-0\" viewBox=\"0 0 16 16\" style=\"color: rgb(26, 133, 212);\"><use href=\"#file-tree-builtin-typescript\"></use></svg><span class=\"block min-w-0 self-baseline overflow-x-clip text-ellipsis whitespace-nowrap underline decoration-transparent decoration-1 underline-offset-[0.2em] transition-colors motion-reduce:transition-none [:is(button:enabled,a):hover&gt;&amp;]:decoration-current\" data-slot=\"context-chip-label\">surface.test.ts</span></button></span></span> and align the header with <span class=\"react-renderer node-composer-mention\" contenteditable=\"false\" style=\"\"><span as=\"span\" class=\"relative inline-flex min-w-0 max-w-full select-none items-baseline data-[composer-chip-selected]:after:pointer-events-none data-[composer-chip-selected]:after:absolute data-[composer-chip-selected]:after:inset-0 data-[composer-chip-selected]:after:rounded-sm data-[composer-chip-selected]:after:bg-[Highlight] data-[composer-chip-selected]:after:opacity-30 data-[composer-chip-selected]:after:content-['']\" data-node-view-wrapper=\"\" style=\"white-space: normal;\"><button type=\"button\" class=\"inline-flex max-w-full items-center gap-[0.2em] font-medium leading-[normal] text-(--context-chip-ink) [--context-chip-ink:var(--context-chip-accent)] [--document-icon-stroke:var(--context-chip-ink)] [&amp;_svg]:block [&amp;_svg]:size-[1em] [&amp;_svg]:shrink-0 [&amp;_svg]:self-center [button&amp;,a&amp;,[data-popup-open]&amp;]:cursor-pointer focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-current rounded-sm disabled:cursor-default [--context-chip-accent:var(--context-chip-mention)]\" data-slot=\"tooltip-trigger\" dir=\"ltr\" aria-label=\"Preview apps/web/src/components/settings/SettingsPanels.tsx\" contenteditable=\"false\" spellcheck=\"false\" data-composer-mention-chip=\"true\" id=\"base-ui-_r_6i_\" data-base-ui-tooltip-trigger=\"\" style=\"\"><svg aria-hidden=\"true\" data-pierre-icon=\"file-tree-builtin-react\" data-icon-token=\"react\" class=\"size-4 shrink-0\" viewBox=\"0 0 16 16\" style=\"color: rgb(28, 161, 199);\"><use href=\"#file-tree-builtin-react\"></use></svg><span class=\"block min-w-0 self-baseline overflow-x-clip text-ellipsis whitespace-nowrap underline decoration-transparent decoration-1 underline-offset-[0.2em] transition-colors motion-reduce:transition-none [:is(button:enabled,a):hover&gt;&amp;]:decoration-current\" data-slot=\"context-chip-label\">SettingsPanels.tsx</span></button></span></span> before shipping. a -&gt; b =&gt; c</p>",
          "text": "Use \nFrontend Design\n to fix the flaky test in \nsurface.test.ts\n and align the header with \nSettingsPanels.tsx\n before shipping. a -> b => c",
          "rect": {
            "x": 442,
            "y": 497,
            "width": 796,
            "height": 53.5,
            "top": 497,
            "right": 1238,
            "bottom": 550.5,
            "left": 442
          },
          "fontFamily": "\"Inter Variable\", -apple-system, BlinkMacSystemFont, \"Inter Variable\", \"Segoe UI\", system-ui, sans-serif",
          "fontSize": "14px",
          "fontWeight": "400",
          "fontVariantLigatures": "normal",
          "fontFeatureSettings": "normal",
          "focused": false,
          "scrollTop": 0,
          "scrollHeight": 54,
          "code": []
        },
        "sent": null,
        "fonts": {
          "fonts": [
            {
              "familyName": "Inter",
              "postScriptName": "Inter-Regular",
              "isCustomFont": true,
              "glyphCount": 84
            }
          ]
        },
        "codeFonts": null,
        "sentFonts": null,
        "settledFrames": {
          "intervalMs": 500,
          "pixelIdentical": true
        },
        "caret": "blurred by neutral-area click",
        "body": "Code\nRich content\nAL\nArrow ligatures\n36m\nSettle\nRich content\ncapture\nArrow ligatures\nAL\nArrow ligatures\nDone\nSettle\nArrow ligatures\ncapture\nArrow ligatures\nAL\nArrow ligatures\n36m\nSettle\nArrow ligatures\ncapture\nRich content\nAL\nArrow ligatures\n45m\nSettle\nRich content\ncapture\nArrow ligatures\nAL\nArrow ligatures\nDone\nSettle\nArrow ligatures\ncapture\nArrow ligatures\nAL\nArrow ligatures\n45m\nSettle\nArrow ligatures\ncapture\nNew thread\nSR\nserver\n47m\nSettle\nNew thread\nSettled\n0\nToggle Sidebar\n/\nGeneral\nAppearance\nChat\nDiffs & pull requests\nKeybindings\nSnapShots\nAgents\nProviders\nThreads\nBrowser\nDevices\nScheduled tasks\nCode\nProjects\nSource control\nWorktrees\nConnections\nEnvironments\nSharing & access\nMaintenance\nLabs\nAbout\nArchive\nSettings\n/\nAppearance\nColors & themes\nColor scheme\nSystem\nLight\nDark\nThemes\nCreate theme\nAdd theme\nT3 Code\nT3 Chat\nGrove\nOcean\nEmber\nIris\nInterface\nContrast\n\nAdjust the contrast of colors and borders across the interface.\n\n100%\nGlass opacity\n\nHigher values make menus, dialogs, and the composer more solid.\n\n80%\nChat width\n\nSet how wide messages and the composer can grow on large screens.\n\nComfortable\nThread details\n\nChoose what the thread details card shows. You can also right-click the card.\n\n9 of 10 on\nEffort display\n\nShow reasoning effort in the composer as its name, such as High, or as bars.\n\nWord\nRender math\n\nTypeset LaTeX math, such as $x^2$ or \\[x^2\\], in messages and Markdown previews. The composer keeps TeX source editable.\n\nAdvanced\nTypography\nInterface font\n\nEverything outside code blocks and the terminal.\n\n16 px\n\nUse \nFrontend Design\n to fix the flaky test in \nsurface.test.ts\n and align the header with \nSettingsPanels.tsx\n before shipping. a -> b => c\n\nMonospace font\n\nCode blocks, diffs, file previews, and the terminal.\n\n13 px\nWord wrap\n\nWrap long lines in code blocks, diffs, and file previews by default.\n\nAdvanced"
      },
      "browser": "148.0.7778.96",
      "clock": "2026-11-03T04:00:00Z"
    }
  },
  "Q-chat-1440x1000-dark": {
    "before": {
      "capture": {
        "key": "Q-chat-1440x1000-dark",
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "theme": "dark",
        "editor": {
          "html": "<p dir=\"ltr\">a -&gt; b =&gt; c</p>",
          "text": "a -> b => c",
          "rect": {
            "x": 247,
            "y": 881.5,
            "width": 710,
            "height": 53.5,
            "top": 881.5,
            "right": 957,
            "bottom": 935,
            "left": 247
          },
          "fontFamily": "\"Inter Variable\", \"Liberation Sans\", -apple-system, BlinkMacSystemFont, \"Inter Variable\", \"Segoe UI\", system-ui, sans-serif",
          "fontSize": "14px",
          "fontWeight": "400",
          "fontVariantLigatures": "none",
          "fontFeatureSettings": "\"liga\" 0",
          "focused": false,
          "scrollTop": 0,
          "scrollHeight": 54,
          "code": []
        },
        "sent": {
          "text": "a -> b => c",
          "rect": {
            "x": 890.671875,
            "y": 88,
            "width": 67.328125,
            "height": 22.75
          }
        },
        "fonts": {
          "fonts": [
            {
              "familyName": "Inter",
              "postScriptName": "Inter-Regular",
              "isCustomFont": true,
              "glyphCount": 11
            }
          ]
        },
        "codeFonts": null,
        "sentFonts": {
          "fonts": [
            {
              "familyName": "Liberation Sans",
              "postScriptName": "LiberationSans",
              "isCustomFont": false,
              "glyphCount": 11
            }
          ]
        },
        "settledFrames": {
          "intervalMs": 500,
          "pixelIdentical": true
        },
        "caret": "blurred by neutral-area click",
        "body": "Code\nSettled\n0\nAL\nArrow ligatures\n/\nArrow ligatures\nYou\n\na -> b => c\n\n3:23 AM\n\nRun interrupted\n\u00b7\u00a0Run interrupted before provider start\n\na -> b => c\n\nDefault\nFull access\nfs-21\nOpen in editor\nAdd project script\ncapture\nCommit\nChanges\n+6\n-0\nToggle Sidebar\nSidebar hidden"
      },
      "browser": "148.0.7778.96",
      "clock": "2026-11-03T04:00:00Z"
    },
    "after": {
      "capture": {
        "key": "Q-chat-1440x1000-dark",
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "theme": "dark",
        "editor": {
          "html": "<p dir=\"ltr\">a -&gt; b =&gt; c</p>",
          "text": "a -> b => c",
          "rect": {
            "x": 247,
            "y": 881.5,
            "width": 710,
            "height": 53.5,
            "top": 881.5,
            "right": 957,
            "bottom": 935,
            "left": 247
          },
          "fontFamily": "\"Inter Variable\", \"Liberation Sans\", -apple-system, BlinkMacSystemFont, \"Inter Variable\", \"Segoe UI\", system-ui, sans-serif",
          "fontSize": "14px",
          "fontWeight": "400",
          "fontVariantLigatures": "normal",
          "fontFeatureSettings": "normal",
          "focused": false,
          "scrollTop": 0,
          "scrollHeight": 54,
          "code": []
        },
        "sent": {
          "text": "a -> b => c",
          "rect": {
            "x": 890.671875,
            "y": 88,
            "width": 67.328125,
            "height": 22.75
          }
        },
        "fonts": {
          "fonts": [
            {
              "familyName": "Inter",
              "postScriptName": "Inter-Regular",
              "isCustomFont": true,
              "glyphCount": 9
            }
          ]
        },
        "codeFonts": null,
        "sentFonts": {
          "fonts": [
            {
              "familyName": "Liberation Sans",
              "postScriptName": "LiberationSans",
              "isCustomFont": false,
              "glyphCount": 11
            }
          ]
        },
        "settledFrames": {
          "intervalMs": 500,
          "pixelIdentical": true
        },
        "caret": "blurred by neutral-area click",
        "body": "Code\nSettled\n0\nAL\nArrow ligatures\n/\nArrow ligatures\nYou\n\na -> b => c\n\n3:23 AM\n\nRun interrupted\n\u00b7\u00a0Run interrupted before provider start\n\na -> b => c\n\nDefault\nFull access\nfs-21\nOpen in editor\nAdd project script\ncapture\nCommit\nChanges\n+6\n-0\nToggle Sidebar\nSidebar hidden"
      },
      "browser": "148.0.7778.96",
      "clock": "2026-11-03T04:00:00Z"
    }
  },
  "Q-preview-1440x1000-dark": {
    "before": {
      "capture": {
        "key": "Q-preview-1440x1000-dark",
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "theme": "dark",
        "editor": {
          "html": "<p dir=\"ltr\">Use <span class=\"react-renderer node-composer-skill\" contenteditable=\"false\" style=\"\"><span as=\"span\" class=\"relative inline-flex min-w-0 max-w-full select-none items-baseline data-[composer-chip-selected]:after:pointer-events-none data-[composer-chip-selected]:after:absolute data-[composer-chip-selected]:after:inset-0 data-[composer-chip-selected]:after:rounded-sm data-[composer-chip-selected]:after:bg-[Highlight] data-[composer-chip-selected]:after:opacity-30 data-[composer-chip-selected]:after:content-['']\" data-node-view-wrapper=\"\" style=\"white-space: normal;\"><button type=\"button\" class=\"inline-flex max-w-full items-center gap-[0.2em] font-medium leading-[normal] text-(--context-chip-ink) [--context-chip-ink:var(--context-chip-accent)] [--document-icon-stroke:var(--context-chip-ink)] [&amp;_svg]:block [&amp;_svg]:size-[1em] [&amp;_svg]:shrink-0 [&amp;_svg]:self-center [button&amp;,a&amp;,[data-popup-open]&amp;]:cursor-pointer focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-current rounded-sm disabled:cursor-default [--context-chip-accent:var(--context-chip-skill)]\" data-slot=\"popover-trigger\" aria-label=\"Skill Frontend Design. Show details\" tabindex=\"0\" data-base-ui-click-trigger=\"\" id=\"base-ui-_r_77_\" aria-haspopup=\"dialog\" aria-expanded=\"false\"><span aria-hidden=\"true\" class=\"contents\"><svg width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.85\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z\"></path><path d=\"m3.3 7 8.7 5 8.7-5\"></path><path d=\"M12 22V12\"></path></svg></span><span class=\"block min-w-0 self-baseline overflow-x-clip text-ellipsis whitespace-nowrap underline decoration-transparent decoration-1 underline-offset-[0.2em] transition-colors motion-reduce:transition-none [:is(button:enabled,a):hover&gt;&amp;]:decoration-current\" data-slot=\"context-chip-label\">Frontend Design</span></button></span></span> to fix the flaky test in <span class=\"react-renderer node-composer-mention\" contenteditable=\"false\" style=\"\"><span as=\"span\" class=\"relative inline-flex min-w-0 max-w-full select-none items-baseline data-[composer-chip-selected]:after:pointer-events-none data-[composer-chip-selected]:after:absolute data-[composer-chip-selected]:after:inset-0 data-[composer-chip-selected]:after:rounded-sm data-[composer-chip-selected]:after:bg-[Highlight] data-[composer-chip-selected]:after:opacity-30 data-[composer-chip-selected]:after:content-['']\" data-node-view-wrapper=\"\" style=\"white-space: normal;\"><button type=\"button\" class=\"inline-flex max-w-full items-center gap-[0.2em] font-medium leading-[normal] text-(--context-chip-ink) [--context-chip-ink:var(--context-chip-accent)] [--document-icon-stroke:var(--context-chip-ink)] [&amp;_svg]:block [&amp;_svg]:size-[1em] [&amp;_svg]:shrink-0 [&amp;_svg]:self-center [button&amp;,a&amp;,[data-popup-open]&amp;]:cursor-pointer focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-current rounded-sm disabled:cursor-default [--context-chip-accent:var(--context-chip-mention)]\" data-slot=\"tooltip-trigger\" dir=\"ltr\" aria-label=\"Preview apps/web/src/terminal/ghostty/surface.test.ts\" contenteditable=\"false\" spellcheck=\"false\" data-composer-mention-chip=\"true\" id=\"base-ui-_r_79_\" data-base-ui-tooltip-trigger=\"\" style=\"\"><svg aria-hidden=\"true\" data-pierre-icon=\"file-tree-builtin-typescript\" data-icon-token=\"typescript\" class=\"size-4 shrink-0\" viewBox=\"0 0 16 16\" style=\"color: rgb(105, 177, 255);\"><use href=\"#file-tree-builtin-typescript\"></use></svg><span class=\"block min-w-0 self-baseline overflow-x-clip text-ellipsis whitespace-nowrap underline decoration-transparent decoration-1 underline-offset-[0.2em] transition-colors motion-reduce:transition-none [:is(button:enabled,a):hover&gt;&amp;]:decoration-current\" data-slot=\"context-chip-label\">surface.test.ts</span></button></span></span> and align the header with <span class=\"react-renderer node-composer-mention\" contenteditable=\"false\" style=\"\"><span as=\"span\" class=\"relative inline-flex min-w-0 max-w-full select-none items-baseline data-[composer-chip-selected]:after:pointer-events-none data-[composer-chip-selected]:after:absolute data-[composer-chip-selected]:after:inset-0 data-[composer-chip-selected]:after:rounded-sm data-[composer-chip-selected]:after:bg-[Highlight] data-[composer-chip-selected]:after:opacity-30 data-[composer-chip-selected]:after:content-['']\" data-node-view-wrapper=\"\" style=\"white-space: normal;\"><button type=\"button\" class=\"inline-flex max-w-full items-center gap-[0.2em] font-medium leading-[normal] text-(--context-chip-ink) [--context-chip-ink:var(--context-chip-accent)] [--document-icon-stroke:var(--context-chip-ink)] [&amp;_svg]:block [&amp;_svg]:size-[1em] [&amp;_svg]:shrink-0 [&amp;_svg]:self-center [button&amp;,a&amp;,[data-popup-open]&amp;]:cursor-pointer focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-current rounded-sm disabled:cursor-default [--context-chip-accent:var(--context-chip-mention)]\" data-slot=\"tooltip-trigger\" dir=\"ltr\" aria-label=\"Preview apps/web/src/components/settings/SettingsPanels.tsx\" contenteditable=\"false\" spellcheck=\"false\" data-composer-mention-chip=\"true\" id=\"base-ui-_r_75_\" data-base-ui-tooltip-trigger=\"\" style=\"\"><svg aria-hidden=\"true\" data-pierre-icon=\"file-tree-builtin-react\" data-icon-token=\"react\" class=\"size-4 shrink-0\" viewBox=\"0 0 16 16\" style=\"color: rgb(104, 205, 242);\"><use href=\"#file-tree-builtin-react\"></use></svg><span class=\"block min-w-0 self-baseline overflow-x-clip text-ellipsis whitespace-nowrap underline decoration-transparent decoration-1 underline-offset-[0.2em] transition-colors motion-reduce:transition-none [:is(button:enabled,a):hover&gt;&amp;]:decoration-current\" data-slot=\"context-chip-label\">SettingsPanels.tsx</span></button></span></span> before shipping. a -&gt; b =&gt; c</p>",
          "text": "Use \nFrontend Design\n to fix the flaky test in \nsurface.test.ts\n and align the header with \nSettingsPanels.tsx\n before shipping. a -> b => c",
          "rect": {
            "x": 442,
            "y": 261,
            "width": 796,
            "height": 53.5,
            "top": 261,
            "right": 1238,
            "bottom": 314.5,
            "left": 442
          },
          "fontFamily": "\"Inter Variable\", \"Liberation Sans\", -apple-system, BlinkMacSystemFont, \"Inter Variable\", \"Segoe UI\", system-ui, sans-serif",
          "fontSize": "14px",
          "fontWeight": "400",
          "fontVariantLigatures": "none",
          "fontFeatureSettings": "\"liga\" 0",
          "focused": false,
          "scrollTop": 0,
          "scrollHeight": 54,
          "code": []
        },
        "sent": null,
        "fonts": {
          "fonts": [
            {
              "familyName": "Inter",
              "postScriptName": "Inter-Regular",
              "isCustomFont": true,
              "glyphCount": 86
            }
          ]
        },
        "codeFonts": null,
        "sentFonts": null,
        "settledFrames": {
          "intervalMs": 500,
          "pixelIdentical": true
        },
        "caret": "blurred by neutral-area click",
        "body": "Code\nArrow ligatures\nAL\nArrow ligatures\n32m\nSettle\nArrow ligatures\ncapture\nRich content\nAL\nArrow ligatures\n36m\nSettle\nRich content\ncapture\nArrow ligatures\nAL\nArrow ligatures\n36m\nSettle\nArrow ligatures\ncapture\nRich content\nAL\nArrow ligatures\n44m\nSettle\nRich content\ncapture\nArrow ligatures\nAL\nArrow ligatures\nDone\nSettle\nArrow ligatures\ncapture\nArrow ligatures\nAL\nArrow ligatures\n44m\nSettle\nArrow ligatures\ncapture\nNew thread\nSR\nserver\n46m\nSettle\nNew thread\nSettled\n0\nToggle Sidebar\n/\nGeneral\nAppearance\nChat\nDiffs & pull requests\nKeybindings\nSnapShots\nAgents\nProviders\nThreads\nBrowser\nDevices\nScheduled tasks\nCode\nProjects\nSource control\nWorktrees\nConnections\nEnvironments\nSharing & access\nMaintenance\nLabs\nAbout\nArchive\nSettings\n/\nAppearance\nColors & themes\nColor scheme\nSystem\nLight\nDark\nThemes\nCreate theme\nAdd theme\nT3 Code\nT3 Chat\nGrove\nOcean\nEmber\nIris\nInterface\nContrast\n\nAdjust the contrast of colors and borders across the interface.\n\n100%\nGlass opacity\n\nHigher values make menus, dialogs, and the composer more solid.\n\n80%\nChat width\n\nSet how wide messages and the composer can grow on large screens.\n\nComfortable\nThread details\n\nChoose what the thread details card shows. You can also right-click the card.\n\n9 of 10 on\nEffort display\n\nShow reasoning effort in the composer as its name, such as High, or as bars.\n\nWord\nRender math\n\nTypeset LaTeX math, such as $x^2$ or \\[x^2\\], in messages and Markdown previews. The composer keeps TeX source editable.\n\nAdvanced\nTypography\nInterface font\n\nEverything outside code blocks and the terminal.\n\n16 px\nPrompt font\n\nOnly the box you write prompts in. Mono works well here.\n\n14 px\n\nUse \nFrontend Design\n to fix the flaky test in \nsurface.test.ts\n and align the header with \nSettingsPanels.tsx\n before shipping. a -> b => c\n\nCode font\n\nCode blocks, diffs, and file previews.\n\n13 px\nTerminal font\n\nTerminal output, independent from code blocks and diffs.\n\n12 px\nWord wrap\n\nWrap long lines in code blocks, diffs, and file previews by default.\n\nAdvanced"
      },
      "browser": "148.0.7778.96",
      "clock": "2026-11-03T04:00:00Z"
    },
    "after": {
      "capture": {
        "key": "Q-preview-1440x1000-dark",
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "theme": "dark",
        "editor": {
          "html": "<p dir=\"ltr\">Use <span class=\"react-renderer node-composer-skill\" contenteditable=\"false\" style=\"\"><span as=\"span\" class=\"relative inline-flex min-w-0 max-w-full select-none items-baseline data-[composer-chip-selected]:after:pointer-events-none data-[composer-chip-selected]:after:absolute data-[composer-chip-selected]:after:inset-0 data-[composer-chip-selected]:after:rounded-sm data-[composer-chip-selected]:after:bg-[Highlight] data-[composer-chip-selected]:after:opacity-30 data-[composer-chip-selected]:after:content-['']\" data-node-view-wrapper=\"\" style=\"white-space: normal;\"><button type=\"button\" class=\"inline-flex max-w-full items-center gap-[0.2em] font-medium leading-[normal] text-(--context-chip-ink) [--context-chip-ink:var(--context-chip-accent)] [--document-icon-stroke:var(--context-chip-ink)] [&amp;_svg]:block [&amp;_svg]:size-[1em] [&amp;_svg]:shrink-0 [&amp;_svg]:self-center [button&amp;,a&amp;,[data-popup-open]&amp;]:cursor-pointer focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-current rounded-sm disabled:cursor-default [--context-chip-accent:var(--context-chip-skill)]\" data-slot=\"popover-trigger\" aria-label=\"Skill Frontend Design. Show details\" tabindex=\"0\" data-base-ui-click-trigger=\"\" id=\"base-ui-_r_77_\" aria-haspopup=\"dialog\" aria-expanded=\"false\"><span aria-hidden=\"true\" class=\"contents\"><svg width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.85\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z\"></path><path d=\"m3.3 7 8.7 5 8.7-5\"></path><path d=\"M12 22V12\"></path></svg></span><span class=\"block min-w-0 self-baseline overflow-x-clip text-ellipsis whitespace-nowrap underline decoration-transparent decoration-1 underline-offset-[0.2em] transition-colors motion-reduce:transition-none [:is(button:enabled,a):hover&gt;&amp;]:decoration-current\" data-slot=\"context-chip-label\">Frontend Design</span></button></span></span> to fix the flaky test in <span class=\"react-renderer node-composer-mention\" contenteditable=\"false\" style=\"\"><span as=\"span\" class=\"relative inline-flex min-w-0 max-w-full select-none items-baseline data-[composer-chip-selected]:after:pointer-events-none data-[composer-chip-selected]:after:absolute data-[composer-chip-selected]:after:inset-0 data-[composer-chip-selected]:after:rounded-sm data-[composer-chip-selected]:after:bg-[Highlight] data-[composer-chip-selected]:after:opacity-30 data-[composer-chip-selected]:after:content-['']\" data-node-view-wrapper=\"\" style=\"white-space: normal;\"><button type=\"button\" class=\"inline-flex max-w-full items-center gap-[0.2em] font-medium leading-[normal] text-(--context-chip-ink) [--context-chip-ink:var(--context-chip-accent)] [--document-icon-stroke:var(--context-chip-ink)] [&amp;_svg]:block [&amp;_svg]:size-[1em] [&amp;_svg]:shrink-0 [&amp;_svg]:self-center [button&amp;,a&amp;,[data-popup-open]&amp;]:cursor-pointer focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-current rounded-sm disabled:cursor-default [--context-chip-accent:var(--context-chip-mention)]\" data-slot=\"tooltip-trigger\" dir=\"ltr\" aria-label=\"Preview apps/web/src/terminal/ghostty/surface.test.ts\" contenteditable=\"false\" spellcheck=\"false\" data-composer-mention-chip=\"true\" id=\"base-ui-_r_79_\" data-base-ui-tooltip-trigger=\"\" style=\"\"><svg aria-hidden=\"true\" data-pierre-icon=\"file-tree-builtin-typescript\" data-icon-token=\"typescript\" class=\"size-4 shrink-0\" viewBox=\"0 0 16 16\" style=\"color: rgb(105, 177, 255);\"><use href=\"#file-tree-builtin-typescript\"></use></svg><span class=\"block min-w-0 self-baseline overflow-x-clip text-ellipsis whitespace-nowrap underline decoration-transparent decoration-1 underline-offset-[0.2em] transition-colors motion-reduce:transition-none [:is(button:enabled,a):hover&gt;&amp;]:decoration-current\" data-slot=\"context-chip-label\">surface.test.ts</span></button></span></span> and align the header with <span class=\"react-renderer node-composer-mention\" contenteditable=\"false\" style=\"\"><span as=\"span\" class=\"relative inline-flex min-w-0 max-w-full select-none items-baseline data-[composer-chip-selected]:after:pointer-events-none data-[composer-chip-selected]:after:absolute data-[composer-chip-selected]:after:inset-0 data-[composer-chip-selected]:after:rounded-sm data-[composer-chip-selected]:after:bg-[Highlight] data-[composer-chip-selected]:after:opacity-30 data-[composer-chip-selected]:after:content-['']\" data-node-view-wrapper=\"\" style=\"white-space: normal;\"><button type=\"button\" class=\"inline-flex max-w-full items-center gap-[0.2em] font-medium leading-[normal] text-(--context-chip-ink) [--context-chip-ink:var(--context-chip-accent)] [--document-icon-stroke:var(--context-chip-ink)] [&amp;_svg]:block [&amp;_svg]:size-[1em] [&amp;_svg]:shrink-0 [&amp;_svg]:self-center [button&amp;,a&amp;,[data-popup-open]&amp;]:cursor-pointer focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-current rounded-sm disabled:cursor-default [--context-chip-accent:var(--context-chip-mention)]\" data-slot=\"tooltip-trigger\" dir=\"ltr\" aria-label=\"Preview apps/web/src/components/settings/SettingsPanels.tsx\" contenteditable=\"false\" spellcheck=\"false\" data-composer-mention-chip=\"true\" id=\"base-ui-_r_75_\" data-base-ui-tooltip-trigger=\"\" style=\"\"><svg aria-hidden=\"true\" data-pierre-icon=\"file-tree-builtin-react\" data-icon-token=\"react\" class=\"size-4 shrink-0\" viewBox=\"0 0 16 16\" style=\"color: rgb(104, 205, 242);\"><use href=\"#file-tree-builtin-react\"></use></svg><span class=\"block min-w-0 self-baseline overflow-x-clip text-ellipsis whitespace-nowrap underline decoration-transparent decoration-1 underline-offset-[0.2em] transition-colors motion-reduce:transition-none [:is(button:enabled,a):hover&gt;&amp;]:decoration-current\" data-slot=\"context-chip-label\">SettingsPanels.tsx</span></button></span></span> before shipping. a -&gt; b =&gt; c</p>",
          "text": "Use \nFrontend Design\n to fix the flaky test in \nsurface.test.ts\n and align the header with \nSettingsPanels.tsx\n before shipping. a -> b => c",
          "rect": {
            "x": 442,
            "y": 261,
            "width": 796,
            "height": 53.5,
            "top": 261,
            "right": 1238,
            "bottom": 314.5,
            "left": 442
          },
          "fontFamily": "\"Inter Variable\", \"Liberation Sans\", -apple-system, BlinkMacSystemFont, \"Inter Variable\", \"Segoe UI\", system-ui, sans-serif",
          "fontSize": "14px",
          "fontWeight": "400",
          "fontVariantLigatures": "normal",
          "fontFeatureSettings": "normal",
          "focused": false,
          "scrollTop": 0,
          "scrollHeight": 54,
          "code": []
        },
        "sent": null,
        "fonts": {
          "fonts": [
            {
              "familyName": "Inter",
              "postScriptName": "Inter-Regular",
              "isCustomFont": true,
              "glyphCount": 84
            }
          ]
        },
        "codeFonts": null,
        "sentFonts": null,
        "settledFrames": {
          "intervalMs": 500,
          "pixelIdentical": true
        },
        "caret": "blurred by neutral-area click",
        "body": "Code\nArrow ligatures\nAL\nArrow ligatures\n32m\nSettle\nArrow ligatures\ncapture\nRich content\nAL\nArrow ligatures\n36m\nSettle\nRich content\ncapture\nArrow ligatures\nAL\nArrow ligatures\n36m\nSettle\nArrow ligatures\ncapture\nRich content\nAL\nArrow ligatures\n45m\nSettle\nRich content\ncapture\nArrow ligatures\nAL\nArrow ligatures\nDone\nSettle\nArrow ligatures\ncapture\nArrow ligatures\nAL\nArrow ligatures\n45m\nSettle\nArrow ligatures\ncapture\nNew thread\nSR\nserver\n47m\nSettle\nNew thread\nSettled\n0\nToggle Sidebar\n/\nGeneral\nAppearance\nChat\nDiffs & pull requests\nKeybindings\nSnapShots\nAgents\nProviders\nThreads\nBrowser\nDevices\nScheduled tasks\nCode\nProjects\nSource control\nWorktrees\nConnections\nEnvironments\nSharing & access\nMaintenance\nLabs\nAbout\nArchive\nSettings\n/\nAppearance\nColors & themes\nColor scheme\nSystem\nLight\nDark\nThemes\nCreate theme\nAdd theme\nT3 Code\nT3 Chat\nGrove\nOcean\nEmber\nIris\nInterface\nContrast\n\nAdjust the contrast of colors and borders across the interface.\n\n100%\nGlass opacity\n\nHigher values make menus, dialogs, and the composer more solid.\n\n80%\nChat width\n\nSet how wide messages and the composer can grow on large screens.\n\nComfortable\nThread details\n\nChoose what the thread details card shows. You can also right-click the card.\n\n9 of 10 on\nEffort display\n\nShow reasoning effort in the composer as its name, such as High, or as bars.\n\nWord\nRender math\n\nTypeset LaTeX math, such as $x^2$ or \\[x^2\\], in messages and Markdown previews. The composer keeps TeX source editable.\n\nAdvanced\nTypography\nInterface font\n\nEverything outside code blocks and the terminal.\n\n16 px\nPrompt font\n\nOnly the box you write prompts in. Mono works well here.\n\n14 px\n\nUse \nFrontend Design\n to fix the flaky test in \nsurface.test.ts\n and align the header with \nSettingsPanels.tsx\n before shipping. a -> b => c\n\nCode font\n\nCode blocks, diffs, and file previews.\n\n13 px\nTerminal font\n\nTerminal output, independent from code blocks and diffs.\n\n12 px\nWord wrap\n\nWrap long lines in code blocks, diffs, and file previews by default.\n\nAdvanced"
      },
      "browser": "148.0.7778.96",
      "clock": "2026-11-03T04:00:00Z"
    }
  }
}