new middle

Screenshot

Issue screenshot

Stored at legacy-import/issues/129/1772475838269-ff8d9e92-8347-4ee7-a367-e4194d5f451d.png

Metadata

Selector candidates
[
  {
    "matches": 1,
    "score": 76,
    "selector": "aside.app-shell-grid__sidebar",
    "strategy": "class"
  },
  {
    "matches": 1,
    "score": 60,
    "selector": "aside:nth-of-type(1)",
    "strategy": "nth-of-type"
  },
  {
    "matches": 0,
    "score": 58,
    "selector": "html \u003e body \u003e div \u003e aside \u003e aside:nth-of-type(1)",
    "strategy": "ancestor-path"
  }
]
Target fingerprint
{
  "ancestorPath": [
    "html",
    "body",
    "div",
    "aside"
  ],
  "ariaLabel": null,
  "className": "app-shell-grid__sidebar",
  "href": null,
  "id": null,
  "name": null,
  "role": null,
  "tagName": "aside",
  "textSample": "Dashboard Messages My Requests Reviews My Pets Saved Sitters Personal Details Billing Settings Support"
}
Secondary signal
{
  "hasFiberInstance": true,
  "reactComponentStack": [
    "aside",
    "div",
    "i",
    "c",
    "s",
    "x",
    "f",
    "T",
    "E",
    "j",
    "u",
    "S"
  ],
  "reactOwnerStack": [],
  "source": "react-fiber"
}
Layout evidence
bbox:
{
  "bottom": 1120,
  "height": 1056,
  "left": 0,
  "right": 320,
  "top": 64,
  "width": 320,
  "x": 0,
  "y": 64
}

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

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

screenshotMarks:
[]
DOM excerpt
<aside class="app-shell-grid__sidebar"><div class="space-y-2"><div class="space-y-2" data-sentry-component="ClientSidebar" data-sentry-source-file="ClientSidebar.tsx"><a class="block" href="/at/client/dashboard"><button data-slot="button" class="inline-flex items-center gap-2 whitespace-nowrap text-base font-medium 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 dark:hover:bg-accent/50 h-10 rounded-lg px-6 has-[>svg]:px-4 w-full justify-start transition-colors hover:bg-accent hover:text-accent-foreground" data-sentry-element="Comp" data-sentry-component="Button" data-sentry-source-file="button.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-house mr-2 h-4 w-4" aria-hidden="true"><path d="M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8"></path><path d="M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path></svg><span class="flex-1 text-left">Dashboard</span></button></a><a class="block" href="/at/client/messages"><button data-slot="button" class="inline-flex items-center gap-2 whitespace-nowrap text-base font-medium 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 dark:hover:bg-accent/50 h-10 rounded-lg px-6 has-[>svg]:px-4 w-full justify-start transition-colors hover:bg-accent hover:text-accent-foreground" data-sentry-element="Comp" data-sentry-component="Button" data-sentry-source-file="button.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-message-square mr-2 h-4 w-4" aria-hidden="true"><path d="M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z"></path></svg><span class="flex-1 text-left">Messages</span></button></a><a class="block" href="/at/client/bookings"><button data-slot="button" class="inline-flex items-center gap-2 whitespace-nowrap text-base font-medium 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 dark:hover:bg-accent/50 h-10 rounded-lg px-6 has-[>svg]:px-4 w-full justify-start transition-colors hover:bg-accent hover:text-accent-foreground" data-sentry-element="Comp" data-sentry-component="Button" data-sentry-source-file="button.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-wallet-cards mr-2 h-4 w-4" aria-hidden="true"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M3 9a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2"></path><path d="M3 11h3c.8 0 1.6.3 2.1.9l1.1.9c1.6 1.6 4.1 1.6 5.7 0l1.1-.9c.5-.5 1.3-.9 2.1-.9H21"></path></svg><span class="flex-1 text-left">My Requests</span></button></a><a class="block" href="/at/client/reviews"><button data-slot="button" class="inline-flex items-center gap-2 whitespace-nowrap text-base font-medium 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 dark:hover:bg-accent/50 h-10 rounded-lg px-6 has-[>svg]:px-4 w-full justify-start transition-colors hover:bg-accent hover:text-accent-foreground" data-sentry-element="Comp" data-sentry-component="Button" data-sentry-source-file="button.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-star mr-2 h-4 w-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

Thread

No comments yet.