[Bug]: "Reset state" on the playgrounds UX is confusing

Summary

If you want to reset the React state of a playground, but not the code, it's very unclear how to do so.
The only way I found is clicking on "Reset", which triggers a popup saying "Reset all your edits too?" and then pressing "Cancel". This will successfully reset the state but not the code. However there are two issues with that:

1. It's not clear at all that this is the proper way to do so. Should there be two buttons instead?
2. UX itself is counter-intuitive:
   a. The question is "Reset all your edits too?", which is a yes/no question, but the options are "Ok" or "Cancel"
   b. Normally if you press "Cancel" on a confirmation modal, it should cancel the original action altogether, but here is applies the action partially (reset the state but not the edits)

Page

https://react.dev/learn/separating-events-from-effects#challenges

Details

No response

Bắt đầu từ trang challenge «Separating Events from Effects» được liên kết và tái hiện luồng Reset của playground. Xem xét cách trình bày các lựa chọn chỉ reset state và chỉnh sửa rồi reset, sau đó làm cho các hành động khả dụng và nội dung xác nhận trở nên rõ ràng, không mơ hồ. Hoàn thành khi người dùng có thể biết cách reset React state mà không reset code và hiểu mỗi lựa chọn sẽ thực hiện điều gì.