Issue #25

[
  {
    "matches": 2,
    "score": 76,
    "selector": "header.bg-white.flex.items-center",
    "strategy": "class"
  },
  {
    "matches": 3,
    "score": 60,
    "selector": "header:nth-of-type(1)",
    "strategy": "nth-of-type"
  },
  {
    "matches": 0,
    "score": 58,
    "selector": "div \u003e div \u003e div \u003e div \u003e header \u003e header:nth-of-type(1)",
    "strategy": "ancestor-path"
  }
]

{
  "ancestorPath": [
    "div",
    "div",
    "div",
    "div",
    "div",
    "header"
  ],
  "ariaLabel": null,
  "className": "bg-white flex items-center justify-between px-4 sm:px-6 shrink-0 z-20 relative border-b rf-border h-16 sm:h-20",
  "href": null,
  "id": null,
  "name": null,
  "role": null,
  "tagName": "header",
  "textSample": "E estelle Online"
}

{
  "hasFiberInstance": true,
  "reactComponentStack": [
    "header",
    "e$",
    "div",
    "t3",
    "Content",
    "o",
    "B",
    "M",
    "x",
    "c",
    "f",
    "T"
  ],
  "reactOwnerStack": [],
  "source": "react-fiber"
}

bbox:
{
  "bottom": 144,
  "height": 80,
  "left": 640,
  "right": 1079,
  "top": 64,
  "width": 439,
  "x": 640,
  "y": 64
}

viewport:
{
  "height": 1000,
  "width": 1079
}

scroll:
{
  "x": 0,
  "y": 0
}

screenshotMarks:
[]

<header class="bg-white flex items-center justify-between px-4 sm:px-6 shrink-0 z-20 relative border-b rf-border h-16 sm:h-20" data-sentry-component="ThreadHeader" data-sentry-source-file="ThreadHeader.tsx"><div class="flex items-center gap-3 min-w-0"><button type="button" class="lg:hidden w-10 h-10 flex items-center justify-center rf-text-muted rf-hover-text active:scale-95 transition-transform" aria-label="Go back"><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-arrow-left h-5 w-5" aria-hidden="true"><path d="m12 19-7-7 7-7"></path><path d="M19 12H5"></path></svg></button><div class="relative"><div class="w-10 h-10 sm:w-12 sm:h-12 rounded-full bg-gray-200 border rf-border flex items-center justify-center text-xs sm:text-sm font-semibold text-gray-700">E</div><div class="absolute bottom-0 right-0 w-3 h-3 rf-bg-success rounded-full border-2 border-white"></div></div><div class="flex flex-col min-w-0"><h1 class="text-sm sm:text-lg font-semibold rf-text leading-tight truncate">estelle</h1><span class="text-xs sm:text-sm rf-text-success font-medium">Online</span></div></div><div class="flex items-center gap-2 min-w-0 flex-1 justify-end"><button type="button" class="w-10 h-10 flex items-center justify-center rounded-lg hover:bg-gray-100 text-gray-500" aria-label="Menu" id="radix-_r_1t_" aria-haspopup="menu" aria-expanded="false" data-state="closed" data-sentry-element="DropdownMenuTrigger" data-sentry-source-file="ThreadHeader.tsx"><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-ellipsis-vertical h-5 w-5" aria-hidden="true" data-sentry-element="EllipsisVertical" data-sentry-source-file="ThreadHeader.tsx"><circle cx="12" cy="12" r="1"></circle><circle cx="12" cy="5" r="1"></circle><circle cx="12" cy="19" r="1"></circle></svg></button></div></header>