Merge the de-flaked end-to-end specs

src/components/charts/health-chart.tsx

@@ -1945,6 +1945,11 @@ export function HealthChart({
             ) : null}
 
             <div
+              // Stable hook for the browser suite. `.recharts-wrapper` is a
+              // library-internal class and it is what the a11y scan used to
+              // gate on; this slot is rendered by the data branch only, so it
+              // says the same thing without depending on Recharts' markup.
+              data-slot="chart-plot"
               className="relative z-10 h-full touch-pan-y"
               role="img"
               aria-label={chartAriaLabel}

src/components/charts/mood-chart.tsx

@@ -767,6 +767,10 @@ export function MoodChart({
           ? "h-[var(--chart-height,140px)]"
           : "h-[var(--chart-height,200px)] md:h-[var(--chart-height-md,220px)]"
       } touch-pan-y`}
+      // Same stable hook as the measurement chart: rendered by the data
+      // branch only, so the browser suite can gate on it instead of on
+      // Recharts' own class names.
+      data-slot="chart-plot"
       role="img"
       aria-label={moodAriaLabel}
     >