Function CustomTooltip

src/components/FieldDetailView.tsx:203–212

({ active, payload }: any)

      )}
    </div>
  );
}

const CustomTooltip = ({ active, payload }: any) => {
  if (!active || !payload?.length) return null;
  const { name, value } = payload[0].payload;
  return (
    <div className="rounded-lg px-3 py-2 shadow-xl border border-border/50" style={{ background: "hsl(150, 18%, 12%)", color: "hsl(60, 20%, 90%)" }}>
      <div className="text-xs font-semibold">{name}</div>
      <div className="text-sm font-bold">{typeof value === 'number' ? value.toFixed(1) : value}%</div>
    </div>
  );
};