new middle

Screenshot

Issue 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&nbsp;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 [&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-10 rounded-lg px-6 has-[&gt;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 [&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-[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-[&gt;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&nbsp;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&nbsp;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.