Problem Statement/Rationale

When you click on + to create a new playground in "Playgrounds" a new playground is created. When you save it the name suggested in "Save As" is playground-1.mongodb.js.

"playground-1.mongodb" is preselected without the ".js" part, if you then just enter a different name as is normal you end up with e.g. "new_name.js".

Now the extension does not recognize it as a playground anymore. IMO this is a UX issue, because you might expect the extension to find the playground it just created.

Please be sure to attach relevant logs with any sensitive data redacted.
How to retrieve logs for: Compass; Shell

Steps to Reproduce

Create a new playground, type any name to save it.

Expected Results

If it's not possible to change the preselection, I'd instead open a dialogue where you type the name of the playground you wish to create, so that you don't need to edit it afterwards and accidentally delete the .mongodb part.

Actual Results

Playground not found

Additional Notes

Any additional information that may be useful to include.