Finalize Tabler JS Editor

I have a partially-built page that relies on the Tabler HTML template and plain vanilla JavaScript. The core HTML is in place; what remains is getting the data layer and editing workflow finished.

Here’s what I still need:

• A “Case & SOP” box anchored to the upper-left corner that reads every JSON file in /src/samples and presents the combined list. The list itself must load as JSON and stay fully editable once displayed.
• A working Save button that persists the current state to filename_saved.json.
• Automatic draft saving with a 500 ms debounce; each draft write goes to filename_draft.json.
• All the fields should be editable on editing mode on the page—text fields, dropdowns, and checkboxes.

Make the page consistent and good looking. Make sure to keep the code simple and clean.