The landing's install tabs now paint their raised pill on the server's HTML, and the Doctor examples show a real image instead of a broken one.

Open https://comark-ui.onmax.me with the app's scripts blocked, as the page looks before it hydrates.

::compare{title="Landing install tabs before hydration, light"}
:::screenshot{src="https://drop.vitehub.dev/f/8b8ad8b5-2be4-4721-9ce7-fec88ab0cf47.png" alt="Install tabs with black blocks over For humans and pnpm" viewport="1280x800"}
::::annotation{x=2.5 y=12 w=21.2 h=24 color="red"}
A black block hides **For humans**.
::::

::::annotation{x=60.4 y=12 w=9.9 h=24 color="red"}
A black block hides **pnpm**.
::::
:::

:::screenshot{src="https://drop.vitehub.dev/f/6de0a4b9-ee0a-4c24-8edb-d7d13569cc26.png" alt="Install tabs with a raised white pill on For humans and pnpm" viewport="1280x800"}
::::annotation{x=2.5 y=12 w=21.2 h=24 color="green"}
**For humans** on its raised pill, as after hydration.
::::

::::annotation{x=60.4 y=12 w=9.9 h=24 color="green"}
**pnpm** on its raised pill.
::::
:::
::

::compare{title="Landing install tabs before hydration, dark"}
:::screenshot{src="https://drop.vitehub.dev/f/c0d2143f-1afb-490f-b394-9409570a4d43.png" alt="Install tabs with white blocks over For humans and pnpm" viewport="1280x800"}
::::annotation{x=2.5 y=12 w=21.2 h=24 color="red"}
A white block hides **For humans**.
::::
:::

:::screenshot{src="https://drop.vitehub.dev/f/528daf63-60ef-4456-8c57-1b2c2384c822.png" alt="Install tabs with a raised dark pill on For humans and pnpm" viewport="1280x800"}
::::annotation{x=2.5 y=12 w=21.2 h=24 color="green"}
**For humans** on its raised pill.
::::
:::
::

The after captures miss the person and robot icons. In my local build, Nuxt Icon's 1.5 s fetch for them timed out while the first page prerendered, and production's HTML has them.

Open /doctor/annotate/missing-note and look at the first example.

::compare{title="Doctor example image"}
:::screenshot{src="https://drop.vitehub.dev/f/3b5944a4-07b9-4c91-9613-fdeecd4f2190.png" alt="A broken image with its alt text, The pond map with three ducks" viewport="1280x900"}
:::

:::screenshot{src="https://drop.vitehub.dev/f/19956a97-61d6-4383-b0fd-6e4b372692d1.png" alt="A drawn pond with three ducks, the mark on the duck without a name tag" viewport="1280x900"}
:::
::

The xref example on /doctor/xref/unknown-label pointed at a relative `pigeon.png` and now shows the dashboard image.

::compare{title="xref example image"}
:::screenshot{src="https://drop.vitehub.dev/f/883d020e-fe86-4e6f-96ea-753fc7abfbf5.png" alt="A broken figure image" viewport="1280x900"}
:::

:::screenshot{src="https://drop.vitehub.dev/f/84cfabf1-6291-4967-b4f7-9121afd5edee.png" alt="The dashboard image as Figure 1" viewport="1280x900"}
:::
::