new middle

Screenshot

Issue screenshot

Stored at legacy-import/issues/191/1773074932715-0336ad7b-d2a6-402f-ada3-7c5131b2e881.png

Metadata

Selector candidates
[
  {
    "matches": 3,
    "score": 76,
    "selector": "div.space-y-6",
    "strategy": "class"
  },
  {
    "matches": 273,
    "score": 60,
    "selector": "div:nth-of-type(1)",
    "strategy": "nth-of-type"
  },
  {
    "matches": 25,
    "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": "estelle 0.0 • 6 bookings We're reviewing recent changes from last week • #1 in Salzburg View My Profile View My Profile "
}
Secondary signal
{
  "hasFiberInstance": true,
  "reactComponentStack": [
    "div",
    "eC",
    "Content",
    "c",
    "eV",
    "x",
    "f",
    "T",
    "E",
    "j",
    "u",
    "S"
  ],
  "reactOwnerStack": [],
  "source": "react-fiber"
}
Layout evidence
bbox:
{
  "bottom": 4946,
  "height": 4850,
  "left": 504,
  "right": 1736,
  "top": 96,
  "width": 1232,
  "x": 504,
  "y": 96
}

viewport:
{
  "height": 1112,
  "width": 1920
}

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

screenshotMarks:
[]
DOM excerpt
<div class="space-y-6" data-sentry-component="PetsitterDashboardV2Desktop" data-sentry-source-file="PetsitterDashboardV2Desktop.tsx"><section id="profile-header" class="bg-white rounded-lg shadow-sm border border-gray-200 mb-6 p-6" data-sentry-component="ProfileHeaderCard" data-sentry-source-file="ProfileHeaderCard.tsx"><div class="flex gap-4 items-center justify-between"><div class="min-w-0"><div class="flex flex-wrap items-center mb-1 gap-y-2"><h2 class="font-bold text-gray-900 text-2xl">estelle</h2><div class="ml-3 flex items-center text-sm text-gray-600 bg-gray-50 px-3 py-1 rounded-full"><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-star text-yellow-500 mr-1 w-4 h-4" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><span class="font-medium">0.0 • 6 bookings</span></div></div><p class="text-gray-600"><span class="text-sm inline-flex items-center text-gray-600 px-0 py-0 rounded-none"><span class="inline-block w-2 h-2 rounded-full mr-2 bg-amber-500"></span>We're reviewing recent changes from last week • #1 in Salzburg</span></p></div><a class="bg-white border border-gray-300 text-gray-700 rounded-lg font-medium text-center block px-6 py-2.5 hover:bg-gray-50 transition relative group shrink-0" data-sentry-element="Link" data-sentry-source-file="ProfileHeaderCard.tsx" href="/at/petsitter/estelle-mae-df156d-salzburg-42224?lang=en">View My Profile<div class="absolute bottom-full left-1/2 transform -translate-x-1/2 mb-2 px-3 py-1 bg-gray-900 text-white text-sm rounded-lg opacity-0 group-hover:opacity-100 transition-opacity whitespace-nowrap">View My Profile</div></a></div></section><section id="action-required-section" class="bg-amber-50 border border-amber-100 rounded-xl p-6 mb-8"><div class="flex items-center justify-between mb-6"><div class="flex items-center"><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-triangle-alert text-amber-600 text-xl mr-3 w-5 h-5" aria-hidden="true" data-sentry-element="AlertTriangle" data-sentry-source-file="PetsitterDashboardV2Desktop.tsx"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"></path><path d="M12 9v4"></path><path d="M12 17h.01"></path></svg><h2 class="text-lg font-bold text-gray-900">Action Required</h2></div><span class="bg-amber-100 text-amber-800 text-xs font-bold px-3 py-1 rounded-full">8 items</span></div><div class="space-y-4"><div class="bg-white rounded-lg shadow-sm border border-gray-100 border-l-4 border-l-red-500 p-5 flex flex-col md:flex-row md:items-center justify-between gap-4" data-sentry-component="ActionRequiredCard" data-sentry-source-file="PetsitterDashboardV2Desktop.tsx"><div class="flex-1"><div class="flex items-center gap-2 mb-1"><h3 class="font-bold text-gray-900">New booking request</h3></div><p class="text-sm text-gray-600 mb-2">Emma R. sent you a booking request. Respond to confirm your availability.</p><div class="flex items-center gap-3 text-sm text-gray-500 mb-2"><div class="flex items-center gap-1.5"><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-calendar w-4 h-4" aria-hidden="true" data-sentry-element="Calendar" data-sentry-source-file="PetsitterDashboardV2Desktop.tsx"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg><span>House Sitting • Mar 15 - Mar 18</span></div><span class="bg-red-100 text-red-700 text-xs font-semibold px-2 py-0.5 rounded">⏳ in 20 min.</span></div><div class="flex items-center justify-between md:justify-start gap-4 mt-2 md:mt-0"><span class="font-bold text-gray-900">€220</span></div></div><div class="flex flex-col gap-2 md:flex-row md:gap-3"><a class="order-2 md:order-1 px-6 py-2.5 bg-white border border-gray-300 text-gray-700 hover:bg-gray-50 font-semibold rounded-lg transition-colors whitespace-nowrap text-center" data-sentry-element="Link" data-sentry-source-file="PetsitterDashboardV2Desktop.tsx" href="/at/petsitter/bookings">View request</a><button type="button" class="order-1 md:order-2 px-6 py-2.5 bg-[#7FBCE6] hover:bg-[#5FA5D1] text-white font-semibold rounded-lg transition-colors whitespace-nowrap disabled:opacity-60 disabled:cursor-not-allowed">Accept</button></div></div><div clas

Thread

No comments yet.