Issue #46

[
  {
    "matches": 32,
    "score": 76,
    "selector": "div.flex.flex-col.gap-4",
    "strategy": "class"
  },
  {
    "matches": 162,
    "score": 60,
    "selector": "div:nth-of-type(1)",
    "strategy": "nth-of-type"
  },
  {
    "matches": 138,
    "score": 58,
    "selector": "div \u003e div \u003e div \u003e div \u003e div \u003e div:nth-of-type(1)",
    "strategy": "ancestor-path"
  }
]

{
  "ancestorPath": [
    "div",
    "div",
    "div",
    "div",
    "div",
    "div"
  ],
  "ariaLabel": null,
  "className": "flex flex-col gap-4 mt-auto",
  "href": null,
  "id": null,
  "name": null,
  "role": null,
  "tagName": "div",
  "textSample": "MARCH 3, 2026 Request sent to estelle System • 16:57 estelle accepted your request System • 16:59 test You• 17:03• Sent "
}

{
  "hasFiberInstance": true,
  "reactComponentStack": [
    "div",
    "e$",
    "sn",
    "Content",
    "o",
    "D",
    "B",
    "x",
    "c",
    "f",
    "T",
    "E"
  ],
  "reactOwnerStack": [],
  "source": "react-fiber"
}

bbox:
{
  "bottom": 832,
  "height": 1732,
  "left": 17,
  "right": 811,
  "top": -900,
  "width": 794,
  "x": 17,
  "y": -900
}

viewport:
{
  "height": 1000,
  "width": 828
}

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

screenshotMarks:
[]

<div class="flex flex-col gap-4 mt-auto "><div class="flex flex-col gap-4"><div class="flex justify-center"><span class="rf-text-10 font-medium rf-text-muted bg-gray-200/50 px-3 py-1 rounded-full uppercase tracking-wide">March 3, 2026</span></div><div class="w-full flex flex-col gap-1 items-start" data-sentry-component="RequestFlowMilestoneCard" data-sentry-source-file="RequestFlowMilestoneCard.tsx"><div class="w-full rounded-2xl border border-[#E3EDF7] bg-white p-4 shadow-[0_1px_2px_rgba(0,0,0,0.04)]" data-milestone-state="request-sent"><div class="flex items-center gap-3"><div class="flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[#DBEAFE]"><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-clock3 lucide-clock-3 h-4 w-4 text-[#1D4ED8]" aria-hidden="true" data-sentry-element="Icon" data-sentry-source-file="RequestFlowMilestoneCard.tsx"><path d="M12 6v6h4"></path><circle cx="12" cy="12" r="10"></circle></svg></div><div class="min-w-0 flex-1"><p class="text-sm font-semibold text-[#1F2937]">Request sent to estelle</p></div></div></div><span class="text-[12px] text-[#9CA3AF] ml-1 text-left">System • 16:57</span></div></div><div class="flex flex-col gap-4"><div class="w-full flex flex-col gap-1 items-start" data-sentry-component="RequestFlowMilestoneCard" data-sentry-source-file="RequestFlowMilestoneCard.tsx"><div class="w-full rounded-2xl border border-[#E3EDF7] bg-white p-4 shadow-[0_1px_2px_rgba(0,0,0,0.04)]" data-milestone-state="request-accepted"><div class="flex items-center gap-3"><div class="flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[#DCFCE7]"><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-circle-check h-4 w-4 text-[#15803D]" aria-hidden="true" data-sentry-element="Icon" data-sentry-source-file="RequestFlowMilestoneCard.tsx"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg></div><div class="min-w-0 flex-1"><p class="text-sm font-semibold text-[#1F2937]">estelle accepted your request</p></div></div></div><span class="text-[12px] text-[#9CA3AF] ml-1 text-left">System • 16:59</span></div></div><div class="flex flex-col gap-4"><div id="message-447653" class="flex justify-end" data-sentry-component="MessageBubble" data-sentry-source-file="MessagesList.tsx"><div class="w-full flex flex-col gap-1 items-end self-end"><div class="message-bubble bg-white border border-[#E3EDF7] px-[14px] py-[10px] text-[#1F2937] text-[15px] leading-relaxed max-w-[75%] shadow-[0_1px_2px_rgba(0,0,0,0.04)] rounded-[14px] rounded-br-[4px]"><p class="whitespace-pre-wrap break-words">test</p></div><span class="text-[12px] text-[#9CA3AF] mr-1 text-right">You<span class="ml-1">• 17:03</span><span class="ml-1">• Sent</span></span></div></div></div><div class="flex flex-col gap-4"><div id="message-447654" class="flex justify-start" data-sentry-component="MessageBubble" data-sentry-source-file="MessagesList.tsx"><div class="w-full flex flex-col gap-1 items-start self-start"><div class="message-bubble bg-white border border-[#E3EDF7] px-[14px] py-[10px] text-[#1F2937] text-[15px] leading-relaxed max-w-[75%] shadow-[0_1px_2px_rgba(0,0,0,0.04)] rounded-[14px] rounded-bl-[4px]"><p class="whitespace-pre-wrap break-words">test</p></div><span class="text-[12px] text-[#9CA3AF] ml-1 text-left">estelle<span class="ml-1">• 17:03</span></span></div></div></div><div class="flex flex-col gap-4"><div id="message-447655" class="flex justify-end" data-sentry-component="MessageBubble" data-sentry-source-file="MessagesList.tsx"><div class="w-full flex flex-col gap-1 items-end self-end"><div class="message-bubble bg-white border border-[#E3EDF7] px-[14px] py-[10px] text-[#1F2937] text-[15px] leading-relaxed max-w-[75%] shadow-[0_1px_2px_rgba(0,0,0,0.04)] rounded-[14px] rounded-br-[4px]"><p class="whitespace-pre-wrap break-words">test</p></div><span class="text-[12px] text-[#9CA3AF] mr-1 text-right">You<span class="ml-1">• 17:03</span><span class="ml-1">• Sent</span></span></div></div></div><div class="flex flex-col gap-4"><div id="message-447656" class="flex justify-start" data-sentry-component="MessageBubble" data-sentry-source-file="MessagesList.tsx"><div class="w-full flex flex-col gap-1 items-start self-start"><div class="message-bubble bg-white border border-[#E3EDF7] px-[14px] py-[10px] text-[#1F2937] text-[15px] leading-relaxed max-w-[75%] shadow-[0_1px_2px_rgba(0,0,0,0.04)] rounded-[14px] rounded-bl-[4px]"><p class="whitespace-pre-wrap break-words">test</p></div><span class="text-[12px] text-[#9CA3AF] ml-1 text-left">estelle<span class="ml-1">• 17:03</span></span></div></div></div><div class="flex flex-col gap-4"><div id="message-447657" class="flex justify-end" data-sentry-componen