Issue #29

[
  {
    "matches": 5,
    "score": 76,
    "selector": "div.relative.p-3\\.5",
    "strategy": "class"
  },
  {
    "matches": 67,
    "score": 60,
    "selector": "div:nth-of-type(1)",
    "strategy": "nth-of-type"
  },
  {
    "matches": 5,
    "score": 58,
    "selector": "div \u003e section \u003e div \u003e div \u003e div \u003e div:nth-of-type(1)",
    "strategy": "ancestor-path"
  }
]

{
  "ancestorPath": [
    "div",
    "div",
    "section",
    "div",
    "div",
    "div"
  ],
  "ariaLabel": null,
  "className": "relative p-3.5 sm:p-5",
  "href": null,
  "id": null,
  "name": null,
  "role": null,
  "tagName": "div",
  "textSample": "M New request from MAE! Pending - Request expires in 2d Pet Boarding • Apr 7 - May 5 MAE wants to connect about these da"
}

{
  "hasFiberInstance": true,
  "reactComponentStack": [
    "div",
    "o",
    "S",
    "section",
    "Content",
    "d",
    "A",
    "x",
    "c",
    "f",
    "T",
    "E"
  ],
  "reactOwnerStack": [],
  "source": "react-fiber"
}

bbox:
{
  "bottom": 796,
  "height": 368,
  "left": 20,
  "right": 385,
  "top": 428,
  "width": 365,
  "x": 20,
  "y": 428
}

viewport:
{
  "height": 714,
  "width": 402
}

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

screenshotMarks:
[]

<div class="relative p-3.5 sm:p-5"><div class="space-y-3"><div class="flex min-w-0 items-start gap-3 sm:gap-4"><div class="relative h-12 w-12 shrink-0 overflow-hidden rounded-xl ring-1 ring-border/60 bg-muted sm:h-14 sm:w-14 sm:rounded-2xl"><div class="flex h-full w-full items-center justify-center bg-gradient-to-br from-secondary/80 to-primary/60"><span class="px-1 text-xl font-bold leading-none text-white">M</span></div></div><div class="min-w-0 flex-1 space-y-1.5 sm:space-y-2"><div class="flex flex-col gap-1 sm:flex-row sm:items-start sm:justify-between sm:gap-2"><p class="text-base font-semibold leading-tight text-foreground sm:text-lg">New request from MAE!</p><p class="text-sm font-medium text-muted-foreground sm:text-right">Pending - Request expires in 2d</p></div><p class="text-sm text-muted-foreground">Pet Boarding • Apr 7 - May 5</p><p class="text-sm text-muted-foreground">MAE wants to connect about these dates.</p><p class="text-sm text-muted-foreground">Accept to start the chat, or decline if unavailable.</p><p class="text-base font-semibold text-foreground">Earnings: €364.00</p></div></div><div class="grid grid-cols-1 gap-2 sm:ml-[4.5rem] sm:grid-cols-[auto_auto_1fr] sm:items-center"><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap text-base font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*='size-'])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive bg-primary text-primary-foreground shadow-xs hover:bg-primary/90 h-8 rounded-lg gap-1.5 px-3 has-[&gt;svg]:px-2.5 w-full sm:w-auto" data-sentry-element="Comp" data-sentry-component="Button" data-sentry-source-file="button.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-check h-4 w-4" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg>Accept request</button><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap text-base font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*='size-'])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 h-8 rounded-lg gap-1.5 px-3 has-[&gt;svg]:px-2.5 w-full border-destructive/25 text-destructive hover:bg-destructive/10 sm:w-auto" data-sentry-element="Comp" data-sentry-component="Button" data-sentry-source-file="button.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-x h-4 w-4" aria-hidden="true"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg>Decline</button><button data-slot="button" class="inline-flex items-center whitespace-nowrap text-base font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*='size-'])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:bg-accent dark:hover:bg-accent/50 h-8 rounded-lg gap-1.5 has-[&gt;svg]:px-2.5 w-full justify-between px-3 text-muted-foreground hover:text-foreground sm:ml-auto sm:w-auto sm:justify-center" data-sentry-element="Comp" data-sentry-component="Button" data-sentry-source-file="button.tsx">See details<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-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button></div></div></div>