new middle

Screenshot

Issue screenshot

Stored at legacy-import/issues/183/1773069396033-2a34e4fa-5fc9-4795-9609-9d8ec34b0fdc.png

Metadata

Selector candidates
[
  {
    "matches": 3,
    "score": 76,
    "selector": "div.space-y-6",
    "strategy": "class"
  },
  {
    "matches": 232,
    "score": 60,
    "selector": "div:nth-of-type(1)",
    "strategy": "nth-of-type"
  },
  {
    "matches": 21,
    "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": "Dashboard 5.0 rating • 3 bookings Visible to pet owners in Vienna View My ProfileView My Profile Action Required 3 items"
}
Secondary signal
{
  "hasFiberInstance": true,
  "reactComponentStack": [
    "div",
    "eC",
    "Content",
    "o",
    "eV",
    "x",
    "c",
    "f",
    "T",
    "E",
    "j",
    "u"
  ],
  "reactOwnerStack": [],
  "source": "react-fiber"
}
Layout evidence
bbox:
{
  "bottom": 4720,
  "height": 4734,
  "left": 504,
  "right": 1736,
  "top": -14,
  "width": 1232,
  "x": 504,
  "y": -14
}

viewport:
{
  "height": 1120,
  "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">Dashboard</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">5.0 rating • 3 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-green-500"></span>Visible to pet owners in Vienna</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/dashboard-44a0a8-vienna-42372?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">3 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">MAE 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>Pet Boarding • Mar 12 - Mar 19, 2026</span></div><span class="bg-red-100 text-red-700 text-xs font-semibold px-2 py-0.5 rounded">⏳ 2d left</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">€385</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/133027">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 class="bg-white rounded-l

Thread

No comments yet.