feat(clear): add confirmation dialog before clearing

Author: danivek

src/js/app.js

@@ -156,7 +156,7 @@ const App = {
     this.activeEditor?.copyToClipboard();
   },
   clear() {
-    this.activeEditor?.clear();
+    this.activeEditor?.confirmClear();
   },
 
   switchMode(mode) {

src/js/editor/jsonEditor.js

@@ -589,8 +589,31 @@ class JsonEditor {
     }
   }
 
+  async confirmClear() {
+    const content = this.getValue();
+    if (!content || content.trim() === '' || content.trim() === '{}' || content.trim() === '[]') {
+      this.clear();
+      return;
+    }
+
+    if (window.Modal) {
+      const confirmed = await Modal.confirm(
+        'Are you sure you want to clear the editor? This action cannot be undone.',
+        'Clear Editor'
+      );
+      if (confirmed) {
+        this.clear();
+      }
+    } else {
+      // Fallback if Modal is not available
+      if (confirm('Are you sure you want to clear the editor?')) {
+        this.clear();
+      }
+    }
+  }
+
   clear() {
-    this.setValue('');
+    this.setValue('{\n}');
   }
 }
 

src/js/ui/editorToolbar.js

@@ -94,7 +94,7 @@ class EditorToolbar {
     on('.btn-undo', () => this.editor.undo());
     on('.btn-redo', () => this.editor.redo());
     on('.btn-copy', () => this.editor.copyToClipboard());
-    on('.btn-clear', () => this.editor.clear());
+    on('.btn-clear', () => this.editor.confirmClear());
 
     // Mode tabs
     this.element.querySelectorAll('.mode-tab').forEach((tab) => {