<.image_hotspot selected={2} points={vec![
(33.0, 38.0, "Scratch on lid".into(), "About 4 cm, surface only.".into()),
(66.0, 52.0, "Dent on right panel".into(), "About 2 cm across, paint intact.".into()),
(50.0, 14.0, "Missing screw".into(), "Top hinge, rear.".into()),
]}>
<:image><svg viewBox="0 0 300 220" role="img" aria-label="Device outline, top view"><rect x="40" y="40" width="220" height="140" rx="10" fill="none" stroke="var(--muted-foreground)" stroke-width="2"/><rect x="60" y="60" width="80" height="50" rx="4" fill="none" stroke="var(--muted-foreground)" stroke-width="1.5" stroke-dasharray="4 3"/><rect x="160" y="60" width="80" height="100" rx="4" fill="none" stroke="var(--muted-foreground)" stroke-width="1.5" stroke-dasharray="4 3"/><rect x="60" y="125" width="80" height="35" rx="4" fill="none" stroke="var(--muted-foreground)" stroke-width="1.5" stroke-dasharray="4 3"/><circle cx="150" cy="30" r="6" fill="none" stroke="var(--muted-foreground)" stroke-width="2"/></svg></:image>
</.image_hotspot>