Standalone QA Hub
Issue #44
/at/petsitter/bookings/132657 · 2026-03-03 16:11:50
new
middle
Screenshot
Stored at legacy-import/issues/157/1772554310175-b6308c06-ebd5-41fa-b93d-af818e135ebb.png
Metadata
Selector candidates
[
{
"matches": 3,
"score": 76,
"selector": "div.space-y-6",
"strategy": "class"
},
{
"matches": 66,
"score": 60,
"selector": "div:nth-of-type(1)",
"strategy": "nth-of-type"
},
{
"matches": 40,
"score": 58,
"selector": "div \u003e div \u003e div \u003e div \u003e div \u003e div:nth-of-type(1)",
"strategy": "ancestor-path"
}
]
Target fingerprint
{
"ancestorPath": [
"div",
"div",
"div",
"div",
"div",
"div"
],
"ariaLabel": null,
"className": "space-y-6",
"href": null,
"id": null,
"name": null,
"role": null,
"tagName": "div",
"textSample": "New request from MAE! Pending - Request expires in 2d House Sitting • Aug 5 - Sep 10 MAE wants to connect about these da"
}
Secondary signal
{
"hasFiberInstance": true,
"reactComponentStack": [
"div",
"Content",
"d",
"V",
"H",
"x",
"c",
"f",
"T",
"E",
"j",
"u"
],
"reactOwnerStack": [],
"source": "react-fiber"
}
Layout evidence
bbox:
{
"bottom": 959,
"height": 1148,
"left": 369,
"right": 1285,
"top": -189,
"width": 916,
"x": 369,
"y": -189
}
viewport:
{
"height": 992,
"width": 1334
}
scroll:
{
"x": 0,
"y": 0
}
screenshotMarks:
[]
DOM excerpt
<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-component="Card" data-sentry-source-file="card.tsx"><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 space-y-2" data-sentry-component="CardHeader" data-sentry-source-file="card.tsx"><div class="flex flex-col gap-1 sm:flex-row sm:items-start sm:justify-between sm:gap-3"><div data-slot="card-title" class="font-semibold text-base" data-sentry-component="CardTitle" data-sentry-source-file="card.tsx">New request from MAE!</div><p class="text-sm font-medium text-muted-foreground sm:text-right">Pending - Request expires in 2d</p></div></div><div data-slot="card-content" class="px-6 space-y-4" data-sentry-component="CardContent" data-sentry-source-file="card.tsx"><p class="text-sm text-muted-foreground">House Sitting<!-- --> • <!-- -->Aug 5 - Sep 10</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: 360,00 EUR</p><div class="flex flex-col gap-3 sm:flex-row"><button data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-base font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_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-10 rounded-lg px-6 has-[>svg]:px-4 w-full sm:w-auto" data-sentry-element="Comp" data-sentry-component="Button" data-sentry-source-file="button.tsx">Accept</button><button data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-base font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60 h-10 rounded-lg px-6 has-[>svg]:px-4 w-full sm:w-auto" data-sentry-element="Comp" data-sentry-component="Button" data-sentry-source-file="button.tsx">Decline</button></div></div></div><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" class="font-semibold text-base" data-sentry-element="CardTitle" data-sentry-source-file="card.tsx" data-sentry-component="CardTitle">Potential Earnings</div></div><div data-slot="card-content" class="px-6 space-y-4" data-sentry-element="CardContent" data-sentry-source-file="card.tsx" data-sentry-component="CardContent"><div class="rounded-lg border border-gray-200 p-3"><div class="space-y-2 text-sm w-full"><div class="flex justify-between items-start gap-2"><span class="flex-1 min-w-0 break-words pr-2 leading-6 text-gray-700">Daily rate:</span><span class="w-28 shrink-0 text-right tabular-nums font-medium whitespace-nowrap text-gray-900"><span class="font-medium" data-sentry-component="PriceDisplay" data-sentry-source-file="price-display.tsx">EUR 10.00</span></span></div><div class="flex justify-between items-start gap-2"><span class="flex-1 min-w-0 break-words pr-2 leading-6 text-gray-700">Days:</span><span class="w-28 shrink-0 text-right tabular-nums font-medium whitespace-nowrap text-gray-900">36</span></div><div class="flex justify-between items-start gap-2"><span class="flex-1 min-w-0 break-words pr-2 leading-6 text-gray-700">Base service price:</span><span class="w-28 shrink-0 text-right tabular-nums font-medium whitespace-nowrap text-gray-900"><span class="font-medium" data-sentry-component="PriceDisplay" data-sentry-source-file="price-display.tsx">EUR 360.00</span></span></div><div class="flex justify-between items-start gap-2"><span class="flex-1 min-w-0 break-words pr-2 lead
Thread
No comments yet.