Issue #36

[
  {
    "matches": 1,
    "score": 76,
    "selector": "div.w-full.space-y-4",
    "strategy": "class"
  },
  {
    "matches": 1,
    "score": 58,
    "selector": "div \u003e main \u003e div \u003e div \u003e div \u003e div:nth-of-type(1)",
    "strategy": "ancestor-path"
  },
  {
    "matches": 60,
    "score": 60,
    "selector": "div:nth-of-type(1)",
    "strategy": "nth-of-type"
  }
]

{
  "ancestorPath": [
    "body",
    "div",
    "main",
    "div",
    "div",
    "div"
  ],
  "ariaLabel": null,
  "className": "w-full space-y-4 sm:space-y-6",
  "href": null,
  "id": null,
  "name": null,
  "role": null,
  "tagName": "div",
  "textSample": "Request #132649 Potential Earnings Daily rate: EUR 10.00 Days: 36 Base service price: EUR 360.00 Your earnings: EUR 360."
}

{
  "hasFiberInstance": true,
  "reactComponentStack": [
    "div",
    "d",
    "V",
    "H",
    "x",
    "c",
    "f",
    "T",
    "E",
    "j",
    "u",
    "S"
  ],
  "reactOwnerStack": [],
  "source": "react-fiber"
}

bbox:
{
  "bottom": 613,
  "height": 613,
  "left": 0,
  "right": 500,
  "top": 0,
  "width": 500,
  "x": 0,
  "y": 0
}

viewport:
{
  "height": 992,
  "width": 500
}

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

screenshotMarks:
[]

<div class="w-full space-y-4 sm:space-y-6"><div class="bg-gray-50 border-b border-gray-200" data-sentry-component="MainContainerHeader" data-sentry-source-file="MainContainerHeader.tsx"><div class="px-4 sm:px-6 pt-4 pb-3.5 sm:py-5"><div class="flex gap-3 items-center"><div class="flex items-center gap-3 min-w-0 flex-1"><button class="flex items-center gap-1.5 flex-shrink-0 hover:bg-gray-100 rounded-lg p-1.5 transition-colors -ml-1.5" aria-label="Back to Requests"><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-left w-5 h-5 sm:w-6 sm:h-6" aria-hidden="true"><path d="m15 18-6-6 6-6"></path></svg></button><div class="flex h-10 w-10 items-center justify-center rounded-full bg-primary/10 flex-shrink-0"><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-file-text w-5 h-5 text-secondary" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="M10 9H8"></path><path d="M16 13H8"></path><path d="M16 17H8"></path></svg></div><div class="min-w-0 flex-1"><h1 class="text-lg font-semibold truncate">Request #132649</h1><p class="hidden sm:block text-sm text-muted-foreground truncate">Booked on Mar 3, 2026</p></div></div></div></div></div><div class="px-4 sm:px-0 md:px-6" data-sentry-component="MainContainerContent" data-sentry-source-file="MainContainerContent.tsx"><div class="bg-white sm:border sm:border-gray-200 sm:rounded-xl sm:shadow-sm"><div class="hidden sm:flex bg-gray-50 px-4 sm:px-6 py-4 sm:py-5 border-b border-gray-200 items-center justify-between"><div><p class="text-sm font-semibold text-gray-600">Request</p></div><div class="flex flex-wrap items-center gap-2"><span data-slot="badge" class="justify-center rounded-full border font-semibold w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-all duration-300 overflow-hidden border-transparent bg-destructive text-white [a&amp;]:hover:bg-destructive/90 [a&amp;]:hover:scale-105 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60 px-3 py-1 text-xs [&amp;&gt;svg]:size-3 shadow-sm flex items-center gap-1" data-sentry-element="Comp" data-sentry-component="Badge" data-sentry-source-file="badge.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-circle-x h-3 w-3" aria-hidden="true" data-sentry-element="Icon" data-sentry-source-file="booking-detail-client.tsx"><circle cx="12" cy="12" r="10"></circle><path d="m15 9-6 6"></path><path d="m9 9 6 6"></path></svg>Sitter Declined</span></div></div><div class="sm:px-6 py-6 sm:py-8 pb-24 sm:pb-8 space-y-6"><div class="hidden sm:block border-b border-gray-200 bg-white sm:-mx-6"><nav class="-mb-px flex gap-1 overflow-x-auto scrollbar-hide sm:px-6"><button class="
                      flex items-center gap-2 py-3 px-4 border-b-2 font-medium text-sm whitespace-nowrap transition-colors
                      border-secondary text-secondary
                    ">Overview</button><button class="
                      flex items-center gap-2 py-3 px-4 border-b-2 font-medium text-sm whitespace-nowrap transition-colors
                      border-transparent text-muted-foreground hover:text-foreground hover:border-gray-300
                    ">Pet Care</button></nav></div><div data-slot="card" class="bg-card text-card-foreground flex flex-col border sm:hidden overflow-hidden rounded-2xl border-border/80 py-0 gap-0 shadow-[0_10px_24px_rgba(15,23,42,0.06)]" data-sentry-element="Card" data-sentry-source-file="card.tsx" data-sentry-component="Card"><div data-slot="card-content" class="px-4 py-4 space-y-4" data-sentry-element="CardContent" data-sentry-source-file="card.tsx" data-sentry-component="CardContent"></div></div><div class="sm:hidden"><div class="space-y-6" data-sentry-component="renderOverviewTab" data-sentry-source-file="booking-detail-client.tsx"><div data-slot="card" class="bg-card text-card-foreground flex flex-col rounded-xl border py-6 gap-6 shadow-sm" data-sentry-element="Card" data-sentry-source-file="card.tsx" data-sentry-component="Card"><div data-slot="card-header" class="@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6" data-sentry-element="CardHeader" data-sentry-source-file="card.tsx" data-sentry-component="CardHeader"><div data-slot="card-title" cla