// components/HoverCard.jsx — point-hover tooltip mirroring raycaster hit
function HoverCard({ data }) {
  if (!data) return null;
  const { screenX, screenY, idx, point, t } = data;
  return (
    <div
      className="sc-hover"
      style={{ left: screenX + 14, top: screenY - 8 }}
    >
      <div className="sc-hover-hd">
        <span className="sc-hover-idx">#{String(idx + 1).padStart(3, '0')}</span>
        <Badge variant="outline">point</Badge>
      </div>
      <div className="sc-hover-grid">
        <span>X</span><span className="num">{point[0].toFixed(4)} m</span>
        <span>Y</span><span className="num">{point[1].toFixed(4)} m</span>
        <span>Z</span><span className="num">{point[2].toFixed(4)} m</span>
        <span>S</span><span className="num">{point[3].toFixed(3)} m</span>
        <span>t</span><span className="num">{t.toFixed(2)} s</span>
      </div>
    </div>
  );
}

window.HoverCard = HoverCard;