diff --git a/index.html b/index.html
index 71a8a33..5175569 100644
--- a/index.html
+++ b/index.html
@@ -221,31 +221,6 @@ <h3>Menu</h3>
                     style="font-weight: 600; color: var(--accent-color); display: flex; align-items: center; gap: 6px;">
                     <i data-lucide="hard-drive" style="width:14px; height:14px;"></i> Local
                 </span>
-
-                <div class="toolbar-divider" style="height: 14px; margin: 0 8px;"></div>
-
-                <button id="btn-toggle-autosave" class="sb-action-btn" title="Toggle Auto-Save">
-                    <i data-lucide="toggle-right" style="width: 16px; height: 16px; color: #10b981;"></i>
-                    <span class="desktop-only" style="color: var(--text-color);">Auto-Save: ON</span>
-                </button>
-
-                <button id="btn-manual-save" class="sb-action-btn manual-save-btn" title="Save Note to Cloud & Local"
-                    style="display: none;">
-                    <i data-lucide="save" style="width: 14px; height: 14px;"></i>
-                    <span class="desktop-only">Save Now</span>
-                </button>
-
-                <button id="btn-sync-current" class="sb-action-btn sync-note-btn" title="Sync Current Note to Cloud"
-                    style="display: none;">
-                    <i data-lucide="cloud-upload" style="width: 14px; height: 14px;"></i> <span
-                        class="desktop-only">Sync Note</span>
-                </button>
-
-                <button id="btn-push-github" class="sb-action-btn push-all-btn" title="Bulk Upload to Cloud"
-                    style="display: none;">
-                    <i data-lucide="folder-up" style="width: 14px; height: 14px;"></i> <span class="desktop-only">Push
-                        All</span>
-                </button>
             </div>
 
             <div class="sb-section">
@@ -298,11 +273,6 @@ <h3 class="modal-title" style="margin:0; display: flex; align-items: center; gap
                 <span id="manage-selected-count"
                     style="font-size: 0.95rem; font-weight: 600; display: flex; align-items: center; color: var(--text-color);">0
                     selected</span>
-                <div style="display: flex; gap: 8px;">
-                    <button class="modal-btn btn-confirm" id="manage-btn-bulk-sync"
-                        style="background-color: #10b981; color: white;"><i data-lucide="cloud-upload"></i> Sync/Push
-                        Selected</button>
-                </div>
             </div>
         </div>
     </div>
@@ -397,34 +367,6 @@ <h3 class="modal-title">Rename Note</h3>
         </div>
     </div>
 
-    <div class="modal-overlay" id="bulk-sync-modal" style="z-index: 3000;">
-        <div class="modal-box"
-            style="width: 90vw; max-width: 500px; height: 75vh; max-height: 600px; display: flex; flex-direction: column; padding: 24px;">
-            <div style="flex-shrink: 0;">
-                <h3 class="modal-title flex-title"><i data-lucide="cloud-upload" style="color: #10b981;"></i> Select
-                    Notes to Sync</h3>
-                <p style="font-size: 0.85rem; opacity: 0.7; margin-bottom: 16px;">Choose which local notes you want to
-                    upload to your GitHub Workspace.</p>
-            </div>
-            <div id="bulk-sync-list"
-                style="flex: 1; min-height: 0; overflow-y: auto; display: flex; flex-direction: column; gap: 8px; margin-bottom: 20px; padding-right: 8px;">
-            </div>
-            <div class="modal-actions" style="flex-shrink: 0; flex-direction: row; justify-content: space-between;">
-                <div style="display: flex; gap: 8px;">
-                    <button class="modal-btn" id="bulk-sync-all"
-                        style="background: var(--hover-bg); color: var(--text-color); border: 1px solid var(--border-color);">Select
-                        All</button>
-                    <button class="modal-btn" id="bulk-sync-none"
-                        style="background: var(--hover-bg); color: var(--text-color); border: 1px solid var(--border-color);">None</button>
-                </div>
-                <div style="display: flex; gap: 8px;">
-                    <button class="modal-btn btn-cancel" id="bulk-sync-cancel">Cancel</button>
-                    <button class="modal-btn btn-confirm" id="bulk-sync-confirm"
-                        style="background-color: #10b981; color: white;">Start Upload</button>
-                </div>
-            </div>
-        </div>
-    </div>
 
     <div class="modal-overlay" id="docs-modal" style="z-index: 4000;">
         <div class="modal-box docs-modal-box">
@@ -649,19 +591,6 @@ <h3 class="modal-title flex-title"><i data-lucide="file-text"></i> Export Settin
 
     <div id="toast" style="z-index: 99999 !important;">Notification</div>
 
-    <div id="upload-progress-widget" class="progress-widget hidden">
-        <div class="pw-header">
-            <span class="pw-title" id="pw-title">Uploading to Cloud</span>
-            <i data-lucide="loader" class="spin" id="pw-spinner" style="color: #10b981; width: 18px; height: 18px;"></i>
-            <i data-lucide="check-circle" id="pw-success"
-                style="color: #10b981; width: 18px; height: 18px; display: none;"></i>
-        </div>
-        <div class="pw-filename" id="pw-filename">Starting...</div>
-        <div class="pw-status" id="pw-status">0 out of 0 done</div>
-        <div class="pw-bar-track">
-            <div class="pw-bar-fill" id="pw-fill"></div>
-        </div>
-    </div>
 
     <script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.1.1/crypto-js.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/marked/9.1.0/marked.min.js"></script>
@@ -672,7 +601,9 @@ <h3 class="modal-title flex-title"><i data-lucide="file-text"></i> Export Settin
 
     <script src="js/ui.js" defer></script>
     <script src="js/github.js" defer></script>
-    <script src="js/editor.js" defer></script>
+    <script src="js/editor-state.js" defer></script>
+    <script src="js/editor-actions.js" defer></script>
+    <script src="js/editor-core.js" defer></script>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/js/editor-actions.js b/js/editor-actions.js
new file mode 100644
index 0000000..15cba5a
--- /dev/null
+++ b/js/editor-actions.js
@@ -0,0 +1,401 @@
+/* js/editor-actions.js */
+/* ==========================================================================
+   EDITOR ACTIONS CONTROLLER
+   Handles toolbar actions, note creation, deletion, renaming, and more.
+   ========================================================================== */
+window.EditorActions = {
+    pendingDeleteData: { type: null, id: null },
+    pendingNewNoteData: null,
+    pendingRenameData: null,
+    returningToNoteModal: false,
+
+    initToolbarActions() {
+        document.querySelectorAll('.tool-btn[data-action]').forEach(btn => {
+            btn.addEventListener('click', () => {
+                const action = btn.getAttribute('data-action');
+                const editor = document.getElementById('markdown-input');
+                const start = editor.selectionStart;
+                const end = editor.selectionEnd;
+                let selection = editor.value.substring(start, end);
+                const fullText = editor.value;
+
+                let prefix = ''; let suffix = ''; let defaultText = '';
+
+                if (action === 'bold') { prefix = '**'; suffix = '**'; defaultText = 'bold text'; }
+                else if (action === 'italic') { prefix = '*'; suffix = '*'; defaultText = 'italic text'; }
+                else if (action === 'math') { prefix = '$$'; suffix = '$$'; defaultText = 'e=mc^2'; }
+                else if (action === 'code') { prefix = '\n```\n'; suffix = '\n```\n'; defaultText = 'code here'; }
+                else if (action === 'heading') { prefix = '### '; suffix = ''; defaultText = 'Heading'; }
+                else if (action === 'link') { prefix = '['; suffix = '](url)'; defaultText = 'link text'; }
+                else if (action === 'note-link') { prefix = '[['; suffix = ']]'; defaultText = 'Note Name'; }
+                else if (action === 'image') { prefix = '!['; suffix = '](https://example.com/image.jpg){center, 400xauto}'; defaultText = 'alt text'; }
+                else if (action === 'table') {
+                    prefix = '\n| Header | Header |\n|--------|--------|\n| Cell   | Cell   |\n';
+                    suffix = ''; defaultText = '';
+                }
+                else if (action === 'align-left') { prefix = '/left '; suffix = ''; defaultText = 'Left aligned text'; }
+                else if (action === 'align-center') { prefix = '/center '; suffix = ''; defaultText = 'Centered text'; }
+                else if (action === 'align-right') { prefix = '/right '; suffix = ''; defaultText = 'Right aligned text'; }
+
+                editor.focus();
+
+                if (prefix && suffix && selection.startsWith(prefix) && selection.endsWith(suffix) && selection.length >= prefix.length + suffix.length) {
+                    const unstripped = selection.substring(prefix.length, selection.length - suffix.length);
+                    editor.value = fullText.substring(0, start) + unstripped + fullText.substring(end);
+                    editor.selectionStart = start;
+                    editor.selectionEnd = start + unstripped.length;
+                    editor.dispatchEvent(new Event('input'));
+                    return;
+                }
+
+                const textBefore = fullText.substring(Math.max(0, start - prefix.length), start);
+                const textAfter = fullText.substring(end, end + suffix.length);
+
+                if (prefix && suffix && textBefore === prefix && textAfter === suffix) {
+                    editor.value = fullText.substring(0, start - prefix.length) + selection + fullText.substring(end + suffix.length);
+                    editor.selectionStart = start - prefix.length;
+                    editor.selectionEnd = start - prefix.length + selection.length;
+                    editor.dispatchEvent(new Event('input'));
+                    return;
+                }
+
+                if (action === 'heading') {
+                    const lineStart = fullText.lastIndexOf('\n', start - 1) + 1;
+                    const lineEnd = fullText.indexOf('\n', end);
+                    const actualLineEnd = lineEnd === -1 ? fullText.length : lineEnd;
+                    const lineText = fullText.substring(lineStart, actualLineEnd);
+
+                    if (lineText.trimStart().startsWith('### ')) {
+                        const stripped = lineText.replace(/^\s*###\s*/, '');
+                        editor.value = fullText.substring(0, lineStart) + stripped + fullText.substring(actualLineEnd);
+                        const offset = Math.max(lineStart, start - 4);
+                        editor.selectionStart = editor.selectionEnd = offset;
+                        editor.dispatchEvent(new Event('input'));
+                        return;
+                    }
+                }
+
+                const textToWrap = selection || defaultText;
+                editor.value = fullText.substring(0, start) + prefix + textToWrap + suffix + fullText.substring(end);
+
+                if (!selection) {
+                    editor.selectionStart = start + prefix.length;
+                    editor.selectionEnd = start + prefix.length + defaultText.length;
+                } else {
+                    editor.selectionStart = start + prefix.length;
+                    editor.selectionEnd = start + prefix.length + selection.length;
+                }
+                editor.dispatchEvent(new Event('input'));
+            });
+        });
+    },
+
+    async handleNoteCreation() {
+        const promptInput = document.getElementById('prompt-input');
+        const promptModal = document.getElementById('prompt-modal');
+        let noteName = promptInput.value.trim() || "Untitled Note";
+
+        const dropText = document.getElementById('folder-selected-text');
+        let targetFolder = dropText ? dropText.getAttribute('data-selected') : window.EditorState.activeFolder;
+        if (!targetFolder) targetFolder = window.EditorState.activeFolder;
+
+        const generatedPath = window.EditorState.generatePath(targetFolder, noteName);
+        const existingNote = window.EditorState.notes.find(n => n.path === generatedPath);
+
+
+        const newId = Date.now().toString();
+        const content = `# ${noteName}\n\nStart typing here...`;
+
+        if (existingNote) {
+            this.pendingNewNoteData = { id: newId, path: generatedPath, folder: targetFolder, title: noteName, content: content, existingId: existingNote.id };
+            document.getElementById('conflict-filename').textContent = noteName + ".md";
+            promptModal.classList.remove('show');
+            document.getElementById('conflict-modal').classList.add('show');
+            return;
+        }
+
+        await this.executeNoteCreation({ id: newId, path: generatedPath, folder: targetFolder, title: noteName, content: content, lastUpdated: Date.now() });
+    },
+
+    async executeNoteCreation(noteData) {
+        window.EditorState.notes.unshift(noteData);
+        window.EditorState.activeNoteId = noteData.id;
+        window.EditorCore.highlightedNoteId = noteData.id;
+        window.EditorState.activeFolder = noteData.folder;
+        document.getElementById('markdown-input').value = noteData.content;
+
+        await window.EditorState.saveLocalState();
+        window.EditorCore.renderMarkdownCore(noteData.content);
+        window.EditorCore.renderFoldersList();
+        window.EditorCore.renderNotesList();
+
+        document.getElementById('prompt-modal').classList.remove('show');
+        if (typeof window.closeNotesModal === 'function') window.closeNotesModal();
+
+        if (window.EditorState.appMode === 'github') window.EditorState.triggerCloudSync();
+        window.showToast("<i data-lucide='check-circle'></i> Created");
+    },
+
+    async handleConfirmDelete() {
+        if (!this.pendingDeleteData.type) return;
+
+        if (this.pendingDeleteData.type === 'note') {
+            const idx = window.EditorState.notes.findIndex(n => n.id === this.pendingDeleteData.id);
+            if (idx === -1) return;
+
+            const noteToDelete = window.EditorState.notes[idx];
+            window.EditorState.notes.splice(idx, 1);
+
+            const editor = document.getElementById('markdown-input');
+            if (window.EditorState.activeNoteId === this.pendingDeleteData.id) {
+                window.EditorState.activeNoteId = window.EditorState.notes.length > 0 ? window.EditorState.notes[Math.max(0, idx - 1)].id : null;
+                if (window.EditorState.activeNoteId) editor.value = window.EditorState.getActiveNote().content;
+                else editor.value = "";
+            }
+
+            if (window.EditorCore.highlightedNoteId === this.pendingDeleteData.id) {
+                let displayNotes = window.EditorState.activeFolder === 'All Notes' ? window.EditorState.notes : window.EditorState.notes.filter(n => n.folder === window.EditorState.activeFolder);
+                window.EditorCore.highlightedNoteId = displayNotes.length > 0 ? displayNotes[0].id : null;
+            }
+
+            if (window.EditorState.appMode === 'github' && noteToDelete.path) {
+                if (navigator.onLine) {
+                    GitHubBackend.deleteNote(noteToDelete.path, noteToDelete.id).catch(() => {
+                        window.OfflineQueue.add('delete', { path: noteToDelete.path, sha: noteToDelete.id });
+                    });
+                } else {
+                    window.OfflineQueue.add('delete', { path: noteToDelete.path, sha: noteToDelete.id });
+                }
+            }
+
+            if (window.EditorState.notes.length === 0) {
+                const id = Date.now().toString();
+                window.EditorState.notes = [{ id: id, path: 'Welcome.md', folder: 'All Notes', title: "Welcome", content: window.EditorState.defaultWelcomeNote, lastUpdated: Date.now() }];
+                window.EditorState.activeNoteId = id;
+                editor.value = window.EditorState.notes[0].content;
+            }
+
+            await window.EditorState.saveLocalState();
+            await window.StorageManager.deleteNote(this.pendingDeleteData.id);
+
+            window.EditorCore.renderMarkdownCore(editor.value);
+            window.EditorCore.renderFoldersList();
+            window.EditorCore.renderNotesList();
+
+            if (typeof window.closeDeleteModal === 'function') window.closeDeleteModal();
+            if (window.showToast) window.showToast("<i data-lucide='trash-2'></i> Deleted");
+
+            if (document.getElementById('management-modal')?.classList.contains('show')) {
+                window.EditorCore.renderManagementModal();
+            }
+        } else if (this.pendingDeleteData.type === 'folder') {
+            window.EditorState.folders = window.EditorState.folders.filter(f => f !== this.pendingDeleteData.id);
+            if (window.EditorState.activeFolder === this.pendingDeleteData.id) window.EditorState.activeFolder = 'All Notes';
+            window.EditorState.saveFolders();
+            window.EditorCore.renderFoldersList();
+            window.EditorCore.renderNotesList();
+            if (document.getElementById('management-modal')?.classList.contains('show')) {
+                window.EditorCore.renderManagementModal();
+            }
+            if (typeof window.closeDeleteModal === 'function') window.closeDeleteModal();
+            window.showToast("<i data-lucide='trash-2'></i> Deleted");
+        }
+
+        this.pendingDeleteData = { type: null, id: null };
+    },
+
+    async handleRenameConfirm() {
+        if (!this.pendingRenameData) return;
+        const newTitle = document.getElementById('rename-input').value.trim();
+        if (!newTitle) return window.showToast("Name cannot be empty.");
+
+        const targetFolder = this.pendingRenameData.folder || 'All Notes';
+        const newPath = window.EditorState.generatePath(targetFolder, newTitle);
+
+        const existing = window.EditorState.notes.find(n => n.path === newPath && n.id !== this.pendingRenameData.id);
+        if (existing) return window.showToast("Note already exists.");
+
+        let noteToRename = window.EditorState.notes.find(n => n.id === this.pendingRenameData.id);
+        if (noteToRename) {
+            noteToRename.title = newTitle;
+            noteToRename.path = newPath;
+            noteToRename.lastUpdated = Date.now();
+
+            await window.EditorState.saveLocalState();
+            window.EditorCore.renderFoldersList();
+            window.EditorCore.renderNotesList();
+            window.EditorCore.renderManagementModal();
+            if (window.EditorState.appMode === 'github') window.EditorState.triggerCloudSync();
+            window.showToast("<i data-lucide='check-circle'></i> Renamed");
+        }
+        document.getElementById('rename-modal').classList.remove('show');
+        this.pendingRenameData = null;
+    },
+
+    async handleConflictOverwrite() {
+        if (!this.pendingNewNoteData) return;
+        let exNote = window.EditorState.notes.find(n => n.id === this.pendingNewNoteData.existingId);
+        if (exNote) {
+            exNote.content = this.pendingNewNoteData.content;
+            exNote.lastUpdated = Date.now();
+            window.EditorState.activeNoteId = exNote.id;
+            window.EditorCore.highlightedNoteId = exNote.id;
+            document.getElementById('markdown-input').value = exNote.content;
+
+            await window.EditorState.saveLocalState();
+            window.EditorCore.renderMarkdownCore(exNote.content);
+            window.EditorCore.renderNotesList();
+            if (window.EditorState.appMode === 'github') window.EditorState.triggerCloudSync();
+            window.showToast("<i data-lucide='copy'></i> Overwritten");
+        }
+        document.getElementById('conflict-modal').classList.remove('show');
+        if (typeof window.closeNotesModal === 'function') window.closeNotesModal();
+        this.pendingNewNoteData = null;
+    },
+
+    handleExportMd() {
+        const editor = document.getElementById('markdown-input');
+        const text = editor.value;
+        const blob = new Blob([text], { type: 'text/markdown' });
+        const url = URL.createObjectURL(blob);
+        const a = document.createElement('a');
+        a.href = url;
+        let safeTitle = window.EditorState.getActiveNote().title.replace(/[/\\?%*:|"<>]/g, '_').toLowerCase();
+        if (safeTitle === 'untitled_note' || !safeTitle) safeTitle = 'markdown_document';
+        a.download = `${safeTitle}.md`;
+        a.click();
+        URL.revokeObjectURL(url);
+        window.showToast("<i data-lucide='download'></i> Downloaded");
+    },
+
+    handleImportMd(file) {
+        if (!file) return;
+        const reader = new FileReader();
+        reader.onload = async (e) => {
+            const content = e.target.result;
+            const rawTitle = file.name.replace('.md', '').replace('.txt', '');
+            const folder = window.EditorState.activeFolder;
+            const newPath = window.EditorState.generatePath(folder, rawTitle);
+            const newId = Date.now().toString();
+
+            if (window.EditorState.notes.find(n => n.path === newPath)) {
+                window.showToast("<i data-lucide='alert-triangle'></i> File exists.");
+                return;
+            }
+
+            window.EditorState.notes.unshift({ id: newId, path: newPath, folder: folder, title: rawTitle, content: content, lastUpdated: Date.now() });
+            window.EditorState.activeNoteId = newId;
+            window.EditorCore.highlightedNoteId = newId;
+            document.getElementById('markdown-input').value = content;
+
+            await window.EditorState.saveLocalState();
+            window.EditorCore.renderMarkdownCore(content);
+            window.EditorCore.renderFoldersList();
+            window.EditorCore.renderNotesList();
+            window.EditorCore.renderManagementModal();
+            window.showToast("<i data-lucide='file-up'></i> Imported");
+
+            if (window.EditorState.appMode === 'github') window.EditorState.triggerCloudSync();
+        };
+        reader.readAsText(file);
+    },
+
+    async handleSecureShare() {
+        const editor = document.getElementById('markdown-input');
+        const textToShare = editor.value;
+        if (!textToShare.trim()) return window.showToast("Note is empty.");
+
+        const token = localStorage.getItem('md_github_token');
+        if (!token) {
+            window.showToast("Connect GitHub first.");
+            document.getElementById('setup-modal').classList.add('show');
+            return;
+        }
+
+        const shareBtn = document.getElementById('btn-share');
+        const originalHtml = shareBtn.innerHTML;
+        shareBtn.innerHTML = `<i data-lucide="loader" class="spin" style="width: 16px;"></i> Generating`;
+        shareBtn.disabled = true;
+        if (window.lucide) lucide.createIcons();
+
+        try {
+            const secretKey = CryptoJS.lib.WordArray.random(16).toString();
+            const encryptedText = CryptoJS.AES.encrypt(textToShare, secretKey).toString();
+
+            await GitHubBackend.init(token);
+            const gistResult = await GitHubBackend.createSecretGist(encryptedText);
+
+            if (gistResult && !gistResult.error) {
+                const shareableUrl = `https://apandey-studio.vercel.app/share.html?id=${gistResult.id}#${secretKey}`;
+                if (navigator.share) {
+                    try { await navigator.share({ title: window.EditorState.getActiveNote().title, url: shareableUrl }); }
+                    catch (err) { console.log(err); }
+                } else {
+                    await navigator.clipboard.writeText(shareableUrl);
+                    window.showToast("<i data-lucide='link'></i> Link Copied");
+                }
+            } else {
+                window.showToast("Needs 'gist' permission.");
+            }
+        } catch (err) {
+            window.showToast("Encryption Error.");
+        }
+
+        shareBtn.innerHTML = originalHtml;
+        shareBtn.disabled = false;
+        if (window.lucide) lucide.createIcons();
+    },
+
+    handlePdfExport() {
+        const inputFilename = document.getElementById('pdf-filename');
+        let fileName = inputFilename.value.trim() || window.EditorState.getActiveNote().title || "Document";
+        if (typeof window.closePdfModal === "function") window.closePdfModal();
+
+        const style = document.createElement('style');
+        let pageCss = "";
+
+        if (window.selectedPageSize === 'A4') {
+            pageCss = `@page { size: A4 portrait; margin: 0; } #preview-output { padding: 24px 48px !important; }`;
+        }
+        else if (window.selectedPageSize === 'A2') {
+            pageCss = `@page { size: A2 portrait; margin: 0; } #preview-output { padding: 36px 64px !important; font-size: 1.2rem !important; }`;
+        }
+        else if (window.selectedPageSize === 'Infinity') {
+            const previewEl = document.getElementById('preview-output');
+            const previewPanel = document.getElementById('preview-panel');
+
+            const isHidden = window.getComputedStyle(previewPanel).display === 'none';
+            if (isHidden) {
+                previewPanel.style.setProperty('display', 'block', 'important');
+                previewPanel.style.setProperty('position', 'absolute', 'important');
+                previewPanel.style.setProperty('visibility', 'hidden', 'important');
+                previewPanel.style.setProperty('z-index', '-1000', 'important');
+            }
+
+            const contentHeightPx = previewEl.scrollHeight;
+
+            if (isHidden) {
+                previewPanel.style.removeProperty('display');
+                previewPanel.style.removeProperty('position');
+                previewPanel.style.removeProperty('visibility');
+                previewPanel.style.removeProperty('z-index');
+            }
+
+            const contentHeightMm = Math.max(Math.ceil(contentHeightPx * 0.264583) + 40, 297);
+            pageCss = `@page { size: 210mm ${contentHeightMm}mm; margin: 0; } #preview-output { padding: 24px 48px !important; }`;
+        }
+
+        style.innerHTML = pageCss;
+        document.head.appendChild(style);
+
+        const originalTitle = document.title;
+        document.title = fileName;
+
+        setTimeout(() => {
+            window.print();
+            document.title = originalTitle;
+            document.head.removeChild(style);
+            if (typeof window.showToast === "function") window.showToast("<i data-lucide='check'></i> Exported");
+        }, 400);
+    }
+};
diff --git a/js/editor-core.js b/js/editor-core.js
new file mode 100644
index 0000000..f82efe3
--- /dev/null
+++ b/js/editor-core.js
@@ -0,0 +1,1023 @@
+/* js/editor-core.js */
+/* ==========================================================================
+   EDITOR CORE CONTROLLER
+   Handles markdown rendering, preview updates, and UI rendering.
+   ========================================================================== */
+window.EditorCore = {
+    highlightedNoteId: null,
+    isScrollSync: true,
+    isSyncingLeft: false,
+    isSyncingRight: false,
+    uiScrollTimeout: null,
+    debounceTimeout: null,
+
+    customMarkdownParser(rawText) {
+        let processedText = rawText.replace(/\r\n/g, '\n');
+
+        processedText = processedText.replace(/!\[([^\]]*)\]\(([^)]+)\)(?:\{([^}]+)\})?/g, (match, alt, url, options) => {
+            let style = 'max-width: 100%; border-radius: 8px; transition: all 0.3s ease; ';
+            let isCenter = false;
+
+            if (options) {
+                const parts = options.split(',').map(p => p.trim().toLowerCase());
+                parts.forEach(part => {
+                    if (part === 'center') {
+                        isCenter = true;
+                    } else if (part === 'left') {
+                        style += 'float: left; margin-right: 16px; margin-bottom: 16px; ';
+                    } else if (part === 'right') {
+                        style += 'float: right; margin-left: 16px; margin-bottom: 16px; ';
+                    } else if (part.match(/^(\d+(?:px|rem|em|%)?)(?:x(\d+(?:px|rem|em|%)?|auto))?$/)) {
+                        const dimMatch = part.match(/^(\d+(?:px|rem|em|%)?)(?:x(\d+(?:px|rem|em|%)?|auto))?$/);
+                        let w = dimMatch[1];
+                        if (!isNaN(w)) w += 'px';
+                        style += `width: ${w}; `;
+
+                        if (dimMatch[2] && dimMatch[2] !== 'auto') {
+                            let h = dimMatch[2];
+                            if (!isNaN(h)) h += 'px';
+                            style += `height: ${h}; object-fit: cover; `;
+                        } else {
+                            style += `height: auto; `;
+                        }
+                    }
+                });
+            }
+
+            const imgTag = `<img src="${url}" alt="${alt}" style="${style}" class="custom-md-image" />`;
+            if (isCenter) return `<div style="text-align: center; width: 100%; clear: both; margin: 16px 0;">${imgTag}</div>`;
+            return imgTag;
+        });
+
+        processedText = processedText.replace(/^={3,}\s*$/gm, '\n\n<hr class="custom-divider" />\n\n');
+        processedText = processedText.replace(/^\/(center|right|left|justify)\s*\n([\s\S]*?)\n\/end/gm, '<div style="text-align: $1;">\n\n$2\n\n</div>');
+        processedText = processedText.replace(/^\/(center|right|left|justify)\s+(.+)$/gm, '<div style="text-align: $1;">\n\n$2\n\n</div>');
+
+        processedText = processedText.replace(/\[([^\]]+)\]\s*\{\s*([a-zA-Z0-9#]+)\s*\}/g, (match, text, color) => {
+            const c = color.toLowerCase();
+            if (c === 'white' || c === 'black' || c === '#fff' || c === '#ffffff' || c === '#000' || c === '#000000') {
+                return `<span class="adaptive-color">${text}</span>`;
+            }
+            return `<span style="color: ${color};">${text}</span>`;
+        });
+
+        processedText = processedText.replace(/\[\[(.*?)\]\]/g, (match, noteTitle) => {
+            const cleanTitle = noteTitle.trim();
+            const exists = window.EditorState.notes.some(n => n.title.toLowerCase() === cleanTitle.toLowerCase());
+            const linkClass = exists ? 'valid-link' : 'dead-link';
+            const icon = exists ? 'file-symlink' : 'file-plus';
+            return `<a href="#" class="internal-note-link ${linkClass}" data-note="${cleanTitle}"><i data-lucide="${icon}"></i>${cleanTitle}</a>`;
+        });
+
+        const htmlContent = marked.parse(processedText, { breaks: true, gfm: true });
+
+        return DOMPurify.sanitize(htmlContent, {
+            ADD_TAGS: ['svg', 'path', 'circle', 'rect', 'line', 'polygon', 'polyline', 'g', 'defs', 'clipPath', 'use'],
+            ADD_ATTR: ['style', 'class', 'viewBox', 'fill', 'stroke', 'stroke-width', 'stroke-linecap', 'stroke-linejoin', 'd', 'cx', 'cy', 'r', 'width', 'height', 'x', 'y', 'xmlns', 'transform', 'fill-rule', 'clip-rule', 'data-note']
+        });
+    },
+
+    injectCopyButtons(container) {
+        container.querySelectorAll('pre').forEach((pre) => {
+            if (pre.querySelector('.copy-code-btn')) return;
+
+            const btn = document.createElement('button');
+            btn.className = 'copy-code-btn';
+            btn.innerHTML = '<i data-lucide="copy"></i>';
+            btn.title = "Copy Code";
+
+            btn.addEventListener('click', () => {
+                const codeBlock = pre.querySelector('code');
+                if (codeBlock) {
+                    navigator.clipboard.writeText(codeBlock.innerText).then(() => {
+                        btn.innerHTML = '<i data-lucide="check" style="color: #10b981;"></i>';
+                        if (window.lucide) lucide.createIcons();
+
+                        setTimeout(() => {
+                            btn.innerHTML = '<i data-lucide="copy"></i>';
+                            if (window.lucide) lucide.createIcons();
+                        }, 2000);
+
+                        if (window.showToast) window.showToast("<i data-lucide='check-circle'></i> Copied");
+                    });
+                }
+            });
+            pre.appendChild(btn);
+        });
+    },
+
+    attachInternalLinkListeners(container) {
+        container.querySelectorAll('.internal-note-link').forEach(link => {
+            link.addEventListener('click', (e) => {
+                e.preventDefault();
+                const targetTitle = link.getAttribute('data-note');
+                const targetNote = window.EditorState.notes.find(n => n.title.toLowerCase() === targetTitle.toLowerCase());
+
+                if (targetNote) {
+                    window.EditorState.activeNoteId = targetNote.id;
+                    this.highlightedNoteId = targetNote.id;
+                    window.EditorState.activeFolder = targetNote.folder || 'All Notes';
+                    const editor = document.getElementById('markdown-input');
+                    editor.value = targetNote.content;
+                    window.EditorState.saveLocalState();
+
+                    this.renderMarkdownCore(targetNote.content);
+
+                    this.renderFoldersList();
+                    this.renderNotesList();
+
+                    if (document.getElementById('notes-modal')?.classList.contains('show')) {
+                        this.renderDashboardPreview();
+                    } else {
+                        if (window.showToast) window.showToast("<i data-lucide='external-link'></i> Opened");
+                    }
+                } else {
+                    if (window.showToast) window.showToast("<i data-lucide='info'></i> Note not found");
+                    const promptModal = document.getElementById('prompt-modal');
+                    const promptInput = document.getElementById('prompt-input');
+                    if (promptModal && promptInput) {
+                        promptInput.value = targetTitle;
+                        promptModal.classList.add('show');
+                        setTimeout(() => { promptInput.focus(); promptInput.select(); }, 100);
+                    }
+                }
+            });
+        });
+    },
+
+    async renderMarkdownCore(rawText) {
+        this.updateLiveStats(rawText);
+        const preview = document.getElementById('preview-output');
+
+        await new Promise(resolve => setTimeout(resolve, 0));
+
+        preview.innerHTML = this.customMarkdownParser(rawText);
+
+        await new Promise(resolve => setTimeout(resolve, 0));
+        if (typeof renderMathInElement === 'function') {
+            renderMathInElement(preview, { delimiters: [{ left: "$$", right: "$$", display: true }, { left: "$", right: "$", display: false }], throwOnError: false });
+        }
+
+        this.injectCopyButtons(preview);
+        this.attachInternalLinkListeners(preview);
+
+        if (typeof hljs !== 'undefined') {
+            preview.querySelectorAll('pre code').forEach((block) => hljs.highlightElement(block));
+        }
+        if (window.lucide) lucide.createIcons();
+
+        if (this.highlightedNoteId === window.EditorState.activeNoteId && document.getElementById('notes-modal')?.classList.contains('show')) {
+            this.renderDashboardPreview();
+        }
+    },
+
+    updateLiveStats(text) {
+        if (typeof text !== 'string') return;
+        const chars = text.length;
+        const words = text.trim().split(/\s+/).filter(w => w.length > 0).length;
+
+        const wEl = document.getElementById('stat-words');
+        const cEl = document.getElementById('stat-chars');
+        const rEl = document.getElementById('stat-reading-time');
+
+        if (wEl) wEl.textContent = `${words} Words`;
+        if (cEl) cEl.textContent = `${chars} Characters`;
+        if (rEl) rEl.textContent = `${Math.max(1, Math.ceil(words / 200))} min read`;
+    },
+
+    async renderDashboardPreview() {
+        const previewEl = document.getElementById('dashboard-preview-output');
+        const note = window.EditorState.notes.find(n => n.id === this.highlightedNoteId);
+
+        if (!note || !previewEl) {
+            if (previewEl) previewEl.innerHTML = `<div style="opacity:0.5; text-align:center; margin-top:20px;">No note selected</div>`;
+            return;
+        }
+
+        await new Promise(res => setTimeout(res, 0));
+
+        previewEl.innerHTML = this.customMarkdownParser(note.content);
+        if (typeof renderMathInElement === 'function') {
+            renderMathInElement(previewEl, { delimiters: [{ left: "$$", right: "$$", display: true }, { left: "$", right: "$", display: false }], throwOnError: false });
+        }
+
+        this.injectCopyButtons(previewEl);
+        this.attachInternalLinkListeners(previewEl);
+
+        if (typeof hljs !== 'undefined') {
+            previewEl.querySelectorAll('pre code').forEach((block) => hljs.highlightElement(block));
+        }
+        if (window.lucide) lucide.createIcons();
+    },
+
+    renderFoldersList() {
+        const container = document.getElementById('folders-list-container');
+        if (!container) return;
+        container.innerHTML = '';
+
+        window.EditorState.extractFoldersFromNotes();
+
+        window.EditorState.folders.forEach(folder => {
+            const div = document.createElement('div');
+            div.className = `folder-item ${folder === window.EditorState.activeFolder ? 'active' : ''}`;
+
+            const iconEl = document.createElement('i');
+            iconEl.setAttribute('data-lucide', folder === 'All Notes' ? 'library' : 'folder');
+
+            const textSpan = document.createElement('span');
+            textSpan.textContent = folder;
+            textSpan.style.flex = "1";
+            textSpan.style.whiteSpace = 'nowrap';
+            textSpan.style.overflow = 'hidden';
+            textSpan.style.textOverflow = 'ellipsis';
+
+            let count = folder === 'All Notes' ? window.EditorState.notes.length : window.EditorState.notes.filter(n => n.folder === folder).length;
+            const countSpan = document.createElement('span');
+            countSpan.textContent = count;
+            countSpan.style.fontSize = "0.75rem";
+            countSpan.style.opacity = "0.6";
+
+            div.appendChild(iconEl);
+            div.appendChild(textSpan);
+            div.appendChild(countSpan);
+
+            if (folder !== 'All Notes') {
+                const delBtn = document.createElement('button');
+                delBtn.className = 'folder-del-btn';
+                delBtn.innerHTML = '<i data-lucide="trash-2"></i>';
+                delBtn.title = "Delete Folder";
+
+                delBtn.addEventListener('click', (e) => {
+                    e.stopPropagation();
+                    const folderNotes = window.EditorState.notes.filter(n => n.folder === folder);
+                    if (folderNotes.length > 0) {
+                        window.showToast("<i data-lucide='alert-circle'></i> Move notes first.");
+                        return;
+                    }
+                    window.EditorActions.pendingDeleteData = { type: 'folder', id: folder };
+                    document.getElementById('delete-modal-title').textContent = 'Delete Folder?';
+                    document.getElementById('delete-modal-desc').textContent = 'This empty folder will be removed. Are you sure?';
+                    document.getElementById('delete-modal').classList.add('show');
+                });
+                div.appendChild(delBtn);
+            }
+
+            div.addEventListener('click', () => {
+                window.EditorState.activeFolder = folder;
+                this.renderFoldersList();
+                this.renderNotesList();
+
+                if (window.innerWidth <= 768) {
+                    document.querySelector('.notes-dashboard-box')?.classList.add('show-notes-pane');
+                }
+            });
+
+            container.appendChild(div);
+        });
+
+        this.renderMainSidebarFolders();
+        if (window.lucide) lucide.createIcons();
+    },
+
+    renderNotesList() {
+        const container = document.getElementById('notes-list-container');
+        const folderTitle = document.getElementById('current-folder-name');
+        if (!container) return;
+
+        container.innerHTML = '';
+        if (folderTitle) folderTitle.textContent = window.EditorState.activeFolder;
+
+        this.updatePillUI();
+
+        let displayNotes = window.EditorState.activeFolder === 'All Notes' ? window.EditorState.notes : window.EditorState.notes.filter(n => n.folder === window.EditorState.activeFolder);
+
+        if (displayNotes.length > 0 && !displayNotes.find(n => n.id === this.highlightedNoteId)) {
+            this.highlightedNoteId = displayNotes[0].id;
+        } else if (displayNotes.length === 0) {
+            this.highlightedNoteId = null;
+        }
+
+        displayNotes.forEach(note => {
+            const div = document.createElement('div');
+            div.className = `note-item ${note.id === this.highlightedNoteId ? 'active' : ''}`;
+
+            const titleContainer = document.createElement('div');
+            titleContainer.className = 'note-title';
+
+            const iconEl = document.createElement('i');
+            iconEl.setAttribute('data-lucide', 'file-text');
+
+            const textSpan = document.createElement('span');
+            textSpan.textContent = note.title;
+
+            titleContainer.appendChild(iconEl);
+            titleContainer.appendChild(textSpan);
+            div.appendChild(titleContainer);
+
+            div.addEventListener('click', () => {
+                this.highlightedNoteId = note.id;
+                this.renderNotesList();
+                this.renderDashboardPreview();
+                if (window.innerWidth <= 768) {
+                    document.querySelector('.notes-dashboard-box')?.classList.add('show-preview-pane');
+                }
+            });
+
+            div.addEventListener('dblclick', () => { document.getElementById('dash-btn-edit')?.click(); });
+            container.appendChild(div);
+        });
+
+        if (window.lucide) lucide.createIcons();
+        this.renderDashboardPreview();
+    },
+
+    renderManagementModal() {
+        const bodyContent = document.getElementById('manage-body-content');
+        const footerActions = document.getElementById('manage-footer-actions');
+        const selectModeCheckbox = document.getElementById('manage-select-mode');
+        if (!bodyContent) return;
+
+        const isSelectMode = selectModeCheckbox ? selectModeCheckbox.checked : false;
+        if (footerActions) footerActions.style.display = isSelectMode ? 'flex' : 'none';
+
+        bodyContent.innerHTML = '';
+        window.EditorState.extractFoldersFromNotes();
+
+        window.EditorState.folders.forEach(folder => {
+            const folderNotes = folder === 'All Notes' ? window.EditorState.notes : window.EditorState.notes.filter(n => n.folder === folder);
+            if (folder !== 'All Notes' && folderNotes.length === 0) return;
+
+            const folderDiv = document.createElement('div');
+            folderDiv.className = 'manage-folder';
+
+            const header = document.createElement('div');
+            header.className = 'manage-folder-header';
+
+            const collapseIcon = document.createElement('i');
+            collapseIcon.setAttribute('data-lucide', 'chevron-down');
+            collapseIcon.className = 'collapse-icon';
+
+            const folderTitle = document.createElement('span');
+            folderTitle.style.flex = '1';
+            folderTitle.innerHTML = `<i data-lucide="folder" style="width:16px; height:16px; margin-right:8px; vertical-align:-3px;"></i>${folder} <span style="opacity:0.5; font-size:0.8rem; margin-left:8px;">(${folderNotes.length})</span>`;
+
+            header.appendChild(collapseIcon);
+            header.appendChild(folderTitle);
+
+            const notesContainer = document.createElement('div');
+            notesContainer.className = 'manage-notes-container';
+
+            let isCollapsed = false;
+            header.addEventListener('click', (e) => {
+                if (e.target.tagName.toLowerCase() === 'button' || e.target.closest('.manage-actions') || e.target.type === 'checkbox') return;
+                isCollapsed = !isCollapsed;
+                notesContainer.classList.toggle('collapsed', isCollapsed);
+                collapseIcon.style.transform = isCollapsed ? 'rotate(-90deg)' : 'rotate(0deg)';
+            });
+
+            folderNotes.forEach(note => {
+                const noteRow = document.createElement('div');
+                noteRow.className = 'manage-note-row';
+
+                if (isSelectMode) {
+                    const cbContainer = document.createElement('label');
+                    cbContainer.className = 'manage-custom-cb-container';
+
+                    const cb = document.createElement('input');
+                    cb.type = 'checkbox';
+                    cb.className = 'manage-checkbox';
+                    cb.value = note.id;
+
+                    const cbCircle = document.createElement('div');
+                    cbCircle.className = 'manage-cb-circle';
+
+                    cbContainer.appendChild(cb);
+                    cbContainer.appendChild(cbCircle);
+
+                    cb.addEventListener('change', () => {
+                        const checkedCount = document.querySelectorAll('#manage-body-content .manage-checkbox:checked').length;
+                        document.getElementById('manage-selected-count').textContent = `${checkedCount} selected`;
+                    });
+                    noteRow.appendChild(cbContainer);
+                }
+
+                const nTitle = document.createElement('div');
+                nTitle.className = 'manage-note-title';
+                nTitle.innerHTML = `<i data-lucide="file-text" style="width:14px; height:14px; margin-right:8px; opacity:0.7; vertical-align:-2px;"></i>${note.title}`;
+                nTitle.title = "Open Note";
+                nTitle.style.cursor = 'pointer';
+
+                nTitle.addEventListener('click', async () => {
+                    window.EditorState.activeNoteId = note.id;
+                    this.highlightedNoteId = note.id;
+                    window.EditorState.activeFolder = note.folder || 'All Notes';
+                    document.getElementById('markdown-input').value = note.content;
+                    await window.EditorState.saveLocalState();
+                    this.renderMarkdownCore(note.content);
+                    this.renderFoldersList();
+                    this.renderNotesList();
+                    document.getElementById('management-modal').classList.remove('show');
+                    window.showToast("<i data-lucide='edit-2'></i> Opened");
+                });
+
+                const actions = document.createElement('div');
+                actions.className = 'manage-actions';
+
+                // Rename/Move Button
+                const btnRename = document.createElement('button');
+                btnRename.className = 'manage-btn';
+                btnRename.title = "Rename or Move Note";
+                btnRename.innerHTML = '<i data-lucide="edit"></i>';
+                btnRename.addEventListener('click', (e) => {
+                    e.stopPropagation();
+                    const renameModal = document.getElementById('rename-modal');
+                    const renameInput = document.getElementById('rename-input');
+                    if (renameModal && renameInput) {
+                        renameInput.value = note.title;
+                        window.EditorState.activeFolder = note.folder || 'All Notes';
+
+                        const dropList = document.getElementById('note-folder-dropdown-list');
+                        const dropText = document.getElementById('folder-selected-text');
+                        if (dropList && dropText) {
+                            dropList.innerHTML = '';
+                            window.EditorState.folders.forEach(f => {
+                                const div = document.createElement('div');
+                                div.className = `dropdown-item ${f === window.EditorState.activeFolder ? 'active' : ''}`;
+                                div.setAttribute('data-value', f);
+                                div.textContent = f;
+                                dropList.appendChild(div);
+                            });
+                            dropText.textContent = window.EditorState.activeFolder;
+                            dropText.setAttribute('data-selected', window.EditorState.activeFolder);
+                            if (window.EditorCore.setupFolderDropdown) window.EditorCore.setupFolderDropdown();
+                        }
+
+                        window.EditorActions.pendingRenameData = { id: note.id, folder: note.folder };
+                        renameModal.classList.add('show');
+                        setTimeout(() => { renameInput.focus(); }, 100);
+                    }
+                });
+
+                // Delete Button
+                const btnDel = document.createElement('button');
+                btnDel.className = 'manage-btn btn-delete';
+                btnDel.title = "Delete Note";
+                btnDel.innerHTML = '<i data-lucide="trash-2"></i>';
+                btnDel.addEventListener('click', (e) => {
+                    e.stopPropagation();
+                    window.EditorActions.pendingDeleteData = { type: 'note', id: note.id };
+                    document.getElementById('delete-modal-title').textContent = 'Delete Note?';
+                    document.getElementById('delete-modal-desc').textContent = 'This action cannot be undone. Are you sure?';
+                    document.getElementById('delete-modal').classList.add('show');
+                });
+
+                actions.appendChild(btnRename);
+                actions.appendChild(btnDel);
+
+                noteRow.appendChild(nTitle);
+                noteRow.appendChild(actions);
+                notesContainer.appendChild(noteRow);
+            });
+
+            folderDiv.appendChild(header);
+            folderDiv.appendChild(notesContainer);
+            bodyContent.appendChild(folderDiv);
+        });
+
+        if (window.lucide) lucide.createIcons();
+    },
+
+    renderMainSidebarFolders() {
+        const container = document.getElementById('dynamic-sidebar-folders');
+        if (!container) return;
+        container.innerHTML = '';
+
+        window.EditorState.folders.forEach(folder => {
+            const btn = document.createElement('button');
+            btn.className = `sidebar-btn sidebar-folder-btn ${folder === window.EditorState.activeFolder ? 'active' : ''}`;
+
+            let iconType = folder === 'All Notes' ? 'library' : 'folder';
+            let count = folder === 'All Notes' ? window.EditorState.notes.length : window.EditorState.notes.filter(n => n.folder === folder).length;
+
+            btn.innerHTML = `<i data-lucide="${iconType}"></i> <span style="flex:1; text-align:left;">${folder}</span> <span style="font-size: 0.75rem; opacity: 0.6; background: var(--shadow-color); padding: 2px 8px; border-radius: 10px;">${count}</span>`;
+
+            btn.addEventListener('click', () => {
+                window.EditorState.activeFolder = folder;
+                document.getElementById('mobile-sidebar-overlay').classList.remove('show');
+                document.getElementById('notes-modal').classList.add('show');
+                this.renderFoldersList();
+                this.renderNotesList();
+                if (window.innerWidth <= 768) {
+                    document.querySelector('.notes-dashboard-box')?.classList.add('show-notes-pane');
+                }
+            });
+            container.appendChild(btn);
+        });
+        if (window.lucide) lucide.createIcons();
+    },
+
+    setupFolderDropdown() {
+        const dropdown = document.getElementById('note-folder-dropdown');
+        if (!dropdown) return;
+        const header = dropdown.querySelector('.dropdown-header');
+        const list = dropdown.querySelector('.dropdown-list');
+        const textEl = document.getElementById('folder-selected-text');
+
+        const newHeader = header.cloneNode(true);
+        header.parentNode.replaceChild(newHeader, header);
+
+        if (list && !list.parentNode.isEqualNode(document.body)) {
+            document.body.appendChild(list);
+        }
+
+        newHeader.addEventListener('click', (e) => {
+            e.stopPropagation();
+
+            const isOpen = list.classList.contains('show');
+            document.querySelectorAll('.dropdown-list').forEach(d => {
+                d.classList.remove('show');
+                d.style.opacity = '0';
+                d.style.visibility = 'hidden';
+            });
+            document.querySelectorAll('.custom-dropdown').forEach(d => d.classList.remove('open'));
+
+            if (!isOpen) {
+                const rect = newHeader.getBoundingClientRect();
+                list.style.position = 'fixed';
+                list.style.top = `${rect.bottom + 8}px`;
+                list.style.left = `${rect.left}px`;
+                list.style.width = `${Math.max(rect.width, 160)}px`;
+                list.style.zIndex = '3700';
+
+                list.classList.add('show');
+                dropdown.classList.add('open');
+                list.style.opacity = '1';
+                list.style.visibility = 'visible';
+                list.style.transform = 'translateY(0) scale(1)';
+            }
+        });
+
+        const currentItems = list.querySelectorAll('.dropdown-item');
+        currentItems.forEach(item => {
+            const newItem = item.cloneNode(true);
+            item.parentNode.replaceChild(newItem, item);
+
+            newItem.addEventListener('click', (e) => {
+                currentItems.forEach(i => i.classList.remove('active'));
+                e.target.classList.add('active');
+                textEl.textContent = e.target.textContent;
+                textEl.setAttribute('data-selected', e.target.getAttribute('data-value'));
+
+                dropdown.classList.remove('open');
+                list.classList.remove('show');
+                list.style.opacity = '0';
+                list.style.visibility = 'hidden';
+            });
+        });
+    },
+
+    updatePillUI() {
+        const isGithub = window.EditorState.appMode === 'github';
+
+        document.querySelectorAll('[data-target]').forEach(tab => tab.classList.remove('active'));
+        document.querySelectorAll(`[data-target="${window.EditorState.appMode}"]`).forEach(tab => tab.classList.add('active'));
+
+        const indicator = document.getElementById('active-mode-indicator');
+        if (indicator) {
+            if (isGithub) {
+                if (window.EditorState.isSyncing) {
+                    indicator.innerHTML = `<i data-lucide="loader" class="spin" style="width:14px; height:14px;"></i> Syncing...`;
+                    indicator.style.color = '#3b82f6';
+                } else if (window.EditorState.pendingSync) {
+                    indicator.innerHTML = `<i data-lucide="cloud-upload" style="width:14px; height:14px;"></i> Pending Sync`;
+                    indicator.style.color = '#f59e0b';
+                } else {
+                    indicator.innerHTML = `<i data-lucide="cloud-check" style="width:14px; height:14px;"></i> Cloud Synced`;
+                    indicator.style.color = '#10b981';
+                }
+            } else {
+                indicator.innerHTML = `<i data-lucide="hard-drive" style="width:14px; height:14px;"></i> Local Storage`;
+                indicator.style.color = 'var(--text-color)';
+            }
+        }
+
+        const dashboardBadge = document.getElementById('dashboard-mode-badge');
+        if (dashboardBadge) {
+            if (isGithub) {
+                dashboardBadge.innerHTML = '<i data-lucide="cloud" style="width: 12px; height: 12px;"></i> CLOUD';
+                dashboardBadge.style.backgroundColor = 'rgba(16, 185, 129, 0.1)';
+                dashboardBadge.style.color = '#10b981';
+                dashboardBadge.style.border = '1px solid rgba(16, 185, 129, 0.3)';
+            } else {
+                dashboardBadge.innerHTML = '<i data-lucide="hard-drive" style="width: 12px; height: 12px;"></i> LOCAL';
+                dashboardBadge.style.backgroundColor = 'var(--shadow-color)';
+                dashboardBadge.style.color = 'var(--text-color)';
+                dashboardBadge.style.border = '1px solid var(--border-color)';
+            }
+        }
+
+        if (window.lucide) lucide.createIcons();
+    },
+
+    finishAppLoad() {
+        const note = window.EditorState.getActiveNote();
+        if (!note) return;
+
+        this.highlightedNoteId = window.EditorState.activeNoteId;
+        window.EditorState.activeFolder = note.folder || 'All Notes';
+        if (!window.EditorState.folders.includes(window.EditorState.activeFolder)) window.EditorState.activeFolder = 'All Notes';
+
+        const editor = document.getElementById('markdown-input');
+        editor.disabled = false;
+        editor.placeholder = "Start typing your Markdown here...";
+        editor.value = note.content || "";
+
+        this.renderMarkdownCore(editor.value);
+
+        this.renderFoldersList();
+        this.renderNotesList();
+        if (document.getElementById('management-modal')?.classList.contains('show')) this.renderManagementModal();
+        if (window.lucide) lucide.createIcons();
+
+        requestAnimationFrame(() => {
+            setTimeout(() => {
+                document.body.classList.remove('is-loading');
+                const skel = document.getElementById('preview-skeleton');
+                if (skel) {
+                    skel.style.opacity = '0';
+                    setTimeout(() => skel.style.display = 'none', 400);
+                }
+            }, 300);
+        });
+    },
+
+    getDynamicDebounceTime(textLength) {
+        if (textLength > 200000) return 1500;
+        if (textLength > 50000) return 800;
+        return 300;
+    },
+
+    dynamicDebounce(rawText) {
+        clearTimeout(this.debounceTimeout);
+        const waitTime = this.getDynamicDebounceTime(rawText.length);
+
+        this.debounceTimeout = setTimeout(async () => {
+            const activeNote = window.EditorState.getActiveNote();
+            if (activeNote) {
+                activeNote.content = rawText;
+                activeNote.lastUpdated = Date.now();
+
+                // Auto-save is now the only behavior
+                await window.EditorState.saveLocalState();
+                if (window.EditorState.appMode === 'github') window.EditorState.triggerCloudSync();
+            }
+            this.renderMarkdownCore(rawText);
+        }, waitTime);
+    }
+};
+
+/* ==========================================================================
+   MAIN INITIALIZATION
+   ========================================================================== */
+document.addEventListener('DOMContentLoaded', () => {
+    setTimeout(async () => {
+        await window.StorageManager.init();
+
+        const editor = document.getElementById('markdown-input');
+        const previewPanel = document.getElementById('preview-panel');
+        const preview = document.getElementById('preview-output');
+
+        editor.disabled = true;
+
+        // Mode Toggles
+        document.querySelectorAll('[data-target]').forEach(btn => {
+            btn.addEventListener('click', async (e) => {
+                const target = e.currentTarget.getAttribute('data-target');
+                await window.EditorState.switchToMode(target);
+            });
+        });
+
+        // Editor Events
+        editor.addEventListener('input', () => {
+            window.EditorCore.dynamicDebounce(editor.value);
+        });
+
+        editor.addEventListener('keydown', function (e) {
+            if (e.key === 'Tab') {
+                e.preventDefault();
+                const start = this.selectionStart;
+                const end = this.selectionEnd;
+                this.value = this.value.substring(0, start) + "  " + this.value.substring(end);
+                this.selectionStart = this.selectionEnd = start + 2;
+                editor.dispatchEvent(new Event('input'));
+            }
+        });
+
+        // Scroll Sync
+        const btnScrollSync = document.getElementById('btn-scroll-sync');
+        if (btnScrollSync) {
+            btnScrollSync.addEventListener('click', () => {
+                window.EditorCore.isScrollSync = !window.EditorCore.isScrollSync;
+                btnScrollSync.classList.toggle('active', window.EditorCore.isScrollSync);
+                btnScrollSync.style.opacity = window.EditorCore.isScrollSync ? '1' : '0.4';
+            });
+        }
+
+        editor.addEventListener('scroll', () => {
+            if (!window.EditorCore.isScrollSync || window.EditorCore.isSyncingLeft) return;
+            const editorScrollable = editor.scrollHeight - editor.clientHeight;
+            const previewScrollable = previewPanel.scrollHeight - previewPanel.clientHeight;
+            if (editorScrollable > 0 && previewScrollable > 0) {
+                window.EditorCore.isSyncingRight = true;
+                const percentage = editor.scrollTop / editorScrollable;
+                previewPanel.scrollTop = percentage * previewScrollable;
+                clearTimeout(window.EditorCore.uiScrollTimeout);
+                window.EditorCore.uiScrollTimeout = setTimeout(() => { window.EditorCore.isSyncingRight = false; }, 50);
+            }
+        });
+
+        previewPanel.addEventListener('scroll', () => {
+            if (!window.EditorCore.isScrollSync || window.EditorCore.isSyncingRight) return;
+            const editorScrollable = editor.scrollHeight - editor.clientHeight;
+            const previewScrollable = previewPanel.scrollHeight - previewPanel.clientHeight;
+            if (editorScrollable > 0 && previewScrollable > 0) {
+                window.EditorCore.isSyncingLeft = true;
+                const percentage = previewPanel.scrollTop / previewScrollable;
+                editor.scrollTop = percentage * editorScrollable;
+                clearTimeout(window.EditorCore.uiScrollTimeout);
+                window.EditorCore.uiScrollTimeout = setTimeout(() => { window.EditorCore.isSyncingLeft = false; }, 50);
+            }
+        });
+
+        // Toolbar Actions
+        window.EditorActions.initToolbarActions();
+
+        // New Note & Folder
+        document.getElementById('btn-new-note')?.addEventListener('click', () => {
+            const promptInput = document.getElementById('prompt-input');
+            promptInput.value = '';
+
+            const dropList = document.getElementById('note-folder-dropdown-list');
+            const dropText = document.getElementById('folder-selected-text');
+            if (dropList && dropText) {
+                dropList.innerHTML = '';
+                window.EditorState.folders.forEach(f => {
+                    const div = document.createElement('div');
+                    div.className = `dropdown-item ${f === window.EditorState.activeFolder ? 'active' : ''}`;
+                    div.setAttribute('data-value', f);
+                    div.textContent = f;
+                    dropList.appendChild(div);
+                });
+                dropText.textContent = window.EditorState.activeFolder;
+                dropText.setAttribute('data-selected', window.EditorState.activeFolder);
+                window.EditorCore.setupFolderDropdown();
+            }
+
+            document.getElementById('prompt-modal').classList.add('show');
+            setTimeout(() => { promptInput.focus(); }, 100);
+        });
+
+        document.getElementById('prompt-confirm')?.addEventListener('click', () => window.EditorActions.handleNoteCreation());
+        document.getElementById('prompt-input')?.addEventListener('keypress', (e) => { if (e.key === 'Enter') window.EditorActions.handleNoteCreation(); });
+        document.getElementById('prompt-cancel')?.addEventListener('click', () => {
+            document.getElementById('prompt-modal').classList.remove('show');
+            window.EditorActions.pendingNewNoteData = null;
+        });
+
+        document.getElementById('btn-new-folder')?.addEventListener('click', () => {
+            const folderPromptInput = document.getElementById('folder-prompt-input');
+            folderPromptInput.value = '';
+            document.getElementById('folder-prompt-modal').classList.add('show');
+            setTimeout(() => { folderPromptInput.focus(); }, 100);
+        });
+
+        document.getElementById('btn-quick-new-folder')?.addEventListener('click', () => {
+            document.getElementById('prompt-modal').classList.remove('show');
+            window.EditorActions.returningToNoteModal = true;
+            setTimeout(() => { document.getElementById('btn-new-folder').click(); }, 300);
+        });
+
+        document.getElementById('folder-prompt-confirm')?.addEventListener('click', () => {
+            const input = document.getElementById('folder-prompt-input');
+            let folderName = input.value.trim().replace(/[/\\?%*:|"<>]/g, '-');
+            if (!folderName) return window.showToast("Folder name cannot be empty.");
+            if (window.EditorState.folders.includes(folderName)) return window.showToast("Folder already exists.");
+
+            window.EditorState.folders.push(folderName);
+            window.EditorState.activeFolder = folderName;
+            window.EditorState.saveFolders();
+
+            window.EditorCore.renderFoldersList();
+            window.EditorCore.renderNotesList();
+
+            document.getElementById('folder-prompt-modal').classList.remove('show');
+            window.showToast(`<i data-lucide='folder'></i> Created`);
+
+            if (window.EditorActions.returningToNoteModal) {
+                setTimeout(() => { document.getElementById('btn-new-note').click(); }, 300);
+                window.EditorActions.returningToNoteModal = false;
+            } else if (window.innerWidth <= 768) {
+                document.querySelector('.notes-dashboard-box')?.classList.add('show-notes-pane');
+            }
+        });
+
+        document.getElementById('folder-prompt-cancel')?.addEventListener('click', () => {
+            document.getElementById('folder-prompt-modal').classList.remove('show');
+            if (window.EditorActions.returningToNoteModal) {
+                setTimeout(() => { document.getElementById('btn-new-note').click(); }, 300);
+                window.EditorActions.returningToNoteModal = false;
+            }
+        });
+
+        // Dashboard Actions
+        document.getElementById('dash-btn-edit')?.addEventListener('click', async () => {
+            if (!window.EditorCore.highlightedNoteId) return;
+
+            const activeNote = window.EditorState.getActiveNote();
+            if (activeNote && editor.value !== activeNote.content) {
+                activeNote.content = editor.value;
+                activeNote.lastUpdated = Date.now();
+                await window.EditorState.saveLocalState();
+                if (window.EditorState.appMode === 'github') window.EditorState.triggerCloudSync();
+            }
+
+            window.EditorState.activeNoteId = window.EditorCore.highlightedNoteId;
+            await window.EditorState.saveLocalState();
+            editor.value = window.EditorState.getActiveNote().content;
+            window.EditorCore.renderMarkdownCore(editor.value);
+            if (typeof window.closeNotesModal === 'function') window.closeNotesModal();
+        });
+
+        document.getElementById('dash-btn-delete')?.addEventListener('click', () => {
+            if (!window.EditorCore.highlightedNoteId) return;
+            window.EditorActions.pendingDeleteData = { type: 'note', id: window.EditorCore.highlightedNoteId };
+            document.getElementById('delete-modal-title').textContent = 'Delete Note?';
+            document.getElementById('delete-modal-desc').textContent = 'This action cannot be undone. Are you sure?';
+            document.getElementById('delete-modal').classList.add('show');
+        });
+
+        document.getElementById('dash-btn-export')?.addEventListener('click', async () => {
+            if (!window.EditorCore.highlightedNoteId) return;
+            window.EditorState.activeNoteId = window.EditorCore.highlightedNoteId;
+            await window.EditorState.saveLocalState();
+            editor.value = window.EditorState.getActiveNote().content;
+            window.EditorCore.renderMarkdownCore(editor.value);
+            if (typeof window.closeNotesModal === 'function') window.closeNotesModal();
+            setTimeout(() => { document.getElementById('btn-pdf').click(); }, 300);
+        });
+
+        document.getElementById('dash-btn-back')?.addEventListener('click', () => {
+            document.querySelector('.notes-dashboard-box')?.classList.remove('show-preview-pane');
+        });
+
+        document.getElementById('delete-confirm')?.addEventListener('click', () => window.EditorActions.handleConfirmDelete());
+
+        // Rename Modal
+        document.getElementById('rename-confirm')?.addEventListener('click', () => window.EditorActions.handleRenameConfirm());
+        document.getElementById('rename-cancel')?.addEventListener('click', () => {
+            document.getElementById('rename-modal').classList.remove('show');
+            window.EditorActions.pendingRenameData = null;
+        });
+        document.getElementById('rename-input')?.addEventListener('keypress', (e) => {
+            if (e.key === 'Enter') window.EditorActions.handleRenameConfirm();
+        });
+
+        // Conflict Modal
+        document.getElementById('conflict-cancel')?.addEventListener('click', () => {
+            document.getElementById('conflict-modal').classList.remove('show');
+            window.EditorActions.pendingNewNoteData = null;
+        });
+        document.getElementById('conflict-rename')?.addEventListener('click', () => {
+            document.getElementById('conflict-modal').classList.remove('show');
+            const promptInput = document.getElementById('prompt-input');
+            promptInput.value = window.EditorActions.pendingNewNoteData.title + " (New)";
+            document.getElementById('prompt-modal').classList.add('show');
+            window.EditorActions.pendingNewNoteData = null;
+        });
+        document.getElementById('conflict-overwrite')?.addEventListener('click', () => window.EditorActions.handleConflictOverwrite());
+
+        // Import / Export
+        document.getElementById('btn-export-md')?.addEventListener('click', () => window.EditorActions.handleExportMd());
+        document.getElementById('btn-import-md')?.addEventListener('click', () => document.getElementById('import-file').click());
+        document.getElementById('import-file')?.addEventListener('change', (e) => {
+            window.EditorActions.handleImportMd(e.target.files[0]);
+            e.target.value = '';
+        });
+
+        // Export PDF
+        document.getElementById('modal-confirm')?.addEventListener('click', () => window.EditorActions.handlePdfExport());
+        document.getElementById('pdf-filename')?.addEventListener('keypress', (e) => { if (e.key === 'Enter') window.EditorActions.handlePdfExport(); });
+
+        // Secure Share
+        document.getElementById('btn-share')?.addEventListener('click', () => window.EditorActions.handleSecureShare());
+
+        // Mobile / Other listeners
+        document.getElementById('mob-back-folders')?.addEventListener('click', () => {
+            document.querySelector('.notes-dashboard-box')?.classList.remove('show-notes-pane');
+        });
+
+        document.getElementById('manage-select-mode')?.addEventListener('change', () => window.EditorCore.renderManagementModal());
+
+        document.getElementById('btn-start-app')?.addEventListener('click', async () => {
+            const tokenInput = document.getElementById('github-token-input');
+            const token = tokenInput.value.trim();
+            const btn = document.getElementById('btn-start-app');
+
+            if (!token) return window.showToast("Invalid Token.");
+
+            btn.innerHTML = "Connecting...";
+            btn.disabled = true;
+
+            const success = await GitHubBackend.init(token);
+            if (success) {
+                localStorage.setItem('md_github_token', token);
+                tokenInput.value = '';
+                document.getElementById('setup-modal').classList.remove('show');
+                window.showToast("<i data-lucide='check'></i> Connected");
+                await window.EditorState.switchToMode('github');
+            } else {
+                window.showToast("Invalid Token.");
+            }
+            btn.innerHTML = "Connect";
+            btn.disabled = false;
+        });
+
+        // Init App Mode
+        const savedMode = localStorage.getItem('md_app_mode') || 'local';
+        if (savedMode === 'github') {
+            const token = localStorage.getItem('md_github_token');
+            if (token) {
+                window.EditorState.appMode = 'github';
+                window.EditorState.initGitHubMode(token);
+            } else {
+                window.EditorState.loadLocalMode();
+            }
+        } else {
+            window.EditorState.loadLocalMode();
+        }
+
+        // Handle URL Hash Import
+        if (window.location.hash && window.location.hash.length > 1) {
+            try {
+                const encodedData = window.location.hash.substring(1);
+                const decodedText = decodeURIComponent(atob(encodedData));
+                const sharedId = Date.now().toString();
+                const sharedTitle = "Shared Note";
+                const sharedPath = window.EditorState.generatePath('All Notes', sharedTitle);
+
+                window.EditorState.notes.unshift({ id: sharedId, path: sharedPath, folder: 'All Notes', title: sharedTitle, content: decodedText, lastUpdated: Date.now() });
+                window.EditorState.activeNoteId = sharedId;
+                window.EditorCore.highlightedNoteId = sharedId;
+                window.EditorState.saveLocalState().then(() => {
+                    window.showToast("<i data-lucide='download'></i> Saved");
+                    history.replaceState(null, null, ' ');
+                    window.EditorCore.renderMarkdownCore(decodedText);
+                    window.EditorCore.renderFoldersList();
+                    window.EditorCore.renderNotesList();
+                });
+            } catch (e) { console.error("Invalid import link", e); }
+        }
+
+        // Sync with beforeunload
+        window.addEventListener('beforeunload', () => {
+            const activeNote = window.EditorState.getActiveNote();
+            if (activeNote && editor.value) {
+                activeNote.content = editor.value;
+                activeNote.lastUpdated = Date.now();
+                const key = window.EditorState.appMode === 'local' ? 'md_notes_local' : 'md_notes_github';
+                window.StorageManager.safeSetLocal(key, JSON.stringify(window.EditorState.notes));
+                window.StorageManager.safeSetLocal(`md_active_${window.EditorState.appMode}`, window.EditorState.activeNoteId);
+            }
+        });
+
+        // Handle Online Event
+        window.addEventListener('online', () => {
+            if (window.EditorState.appMode === 'github') {
+                window.OfflineQueue.process();
+                window.EditorState.triggerCloudSync();
+            }
+        });
+
+        // Focus Mode Save logic
+        window.addEventListener('focusModeEnabled', async () => {
+            await window.EditorState.saveLocalState();
+        });
+
+    }, 50);
+});
+
+// Helper for UI.js integration
+window.getActiveNoteTitle = function() { return window.EditorState.getActiveNoteTitle(); };
+window.renderFoldersList = function() { window.EditorCore.renderFoldersList(); };
+window.renderNotesList = function() { window.EditorCore.renderNotesList(); };
+window.renderManagementModal = function() { window.EditorCore.renderManagementModal(); };
+window.setupFolderDropdown = function() { window.EditorCore.setupFolderDropdown(); };
+window.renderDashboardPreview = function() { window.EditorCore.renderDashboardPreview(); };
+window.closeNotesModal = function() {
+    document.getElementById('notes-modal')?.classList.remove('show');
+    const dashboardBox = document.querySelector('.notes-dashboard-box');
+    if (dashboardBox) {
+        dashboardBox.classList.remove('show-preview-pane');
+        dashboardBox.classList.add('folders-collapsed');
+    }
+};
diff --git a/js/editor-state.js b/js/editor-state.js
new file mode 100644
index 0000000..f0d1ad7
--- /dev/null
+++ b/js/editor-state.js
@@ -0,0 +1,427 @@
+/* js/editor-state.js */
+/* ==========================================================================
+   STORAGE MANAGER (IndexedDB Migration + Quota Handling)
+   ========================================================================== */
+window.StorageManager = {
+    dbName: "markdownStudioDB",
+    storeName: "notes",
+    db: null,
+    useIDB: false,
+
+    async init() {
+        return new Promise((resolve) => {
+            if (!window.indexedDB) {
+                resolve(false);
+                return;
+            }
+            const request = indexedDB.open(this.dbName, 1);
+            request.onupgradeneeded = (e) => {
+                const db = e.target.result;
+                if (!db.objectStoreNames.contains(this.storeName)) {
+                    db.createObjectStore(this.storeName, { keyPath: "id" });
+                }
+            };
+            request.onsuccess = (e) => {
+                this.db = e.target.result;
+                this.useIDB = localStorage.getItem('md_storage_preference') === 'indexedDB';
+                resolve(true);
+            };
+            request.onerror = (e) => {
+                console.error("IndexedDB init failed", e);
+                resolve(false);
+            };
+        });
+    },
+
+    safeSetLocal(key, value) {
+        try {
+            localStorage.setItem(key, value);
+            return true;
+        } catch (e) {
+            if (e.name === 'QuotaExceededError' || e.name === 'NS_ERROR_DOM_QUOTA_REACHED') {
+                if (window.showToast) {
+                    window.showToast("<i data-lucide='alert-triangle'></i> Storage Full!");
+                }
+            }
+            return false;
+        }
+    },
+
+    async checkMigrationThreshold(notesArray) {
+        if (this.useIDB || !this.db) return;
+        try {
+            let totalSize = 0;
+            for (const n of notesArray) {
+                totalSize += n.content ? n.content.length : 0;
+            }
+            if (totalSize > 3 * 1024 * 1024) {
+                await this.migrateToIDB(notesArray);
+            }
+        } catch (e) {
+            console.error("Failed to check migration threshold", e);
+        }
+    },
+
+    async migrateToIDB(notesArray) {
+        return new Promise((resolve, reject) => {
+            const tx = this.db.transaction(this.storeName, "readwrite");
+            const store = tx.objectStore(this.storeName);
+            notesArray.forEach(note => store.put(note));
+
+            tx.oncomplete = () => {
+                this.useIDB = true;
+                this.safeSetLocal('md_storage_preference', 'indexedDB');
+                localStorage.removeItem('md_notes_local');
+                localStorage.removeItem('md_notes_github');
+                if (window.showToast) window.showToast("<i data-lucide='database'></i> Saved to Local DB");
+                resolve(true);
+            };
+            tx.onerror = (e) => reject(e);
+        });
+    },
+
+    async saveNotes(notesArray, mode = 'local') {
+        notesArray.forEach(n => {
+            if (!n.lastUpdated) n.lastUpdated = Date.now();
+            n._mode = mode;
+        });
+
+        await this.checkMigrationThreshold(notesArray);
+
+        if (this.useIDB && this.db) {
+            return new Promise((resolve) => {
+                const tx = this.db.transaction(this.storeName, "readwrite");
+                const store = tx.objectStore(this.storeName);
+                notesArray.forEach(note => store.put(note));
+                tx.oncomplete = () => resolve(true);
+                tx.onerror = () => resolve(false);
+            });
+        } else {
+            const key = mode === 'local' ? 'md_notes_local' : 'md_notes_github';
+            return this.safeSetLocal(key, JSON.stringify(notesArray));
+        }
+    },
+
+    async getAllNotes(mode = 'local') {
+        if (this.useIDB && this.db) {
+            return new Promise((resolve) => {
+                const tx = this.db.transaction(this.storeName, "readonly");
+                const store = tx.objectStore(this.storeName);
+                const req = store.getAll();
+                req.onsuccess = () => {
+                    const all = req.result || [];
+                    const filtered = all.filter(n => (n._mode || 'local') === mode);
+                    resolve(filtered.length > 0 ? filtered.sort((a, b) => (b.lastUpdated || 0) - (a.lastUpdated || 0)) : null);
+                };
+                req.onerror = () => resolve(null);
+            });
+        } else {
+            const key = mode === 'local' ? 'md_notes_local' : 'md_notes_github';
+            try {
+                const data = localStorage.getItem(key);
+                let parsed = data ? JSON.parse(data) : null;
+                if (parsed) parsed = parsed.sort((a, b) => (b.lastUpdated || 0) - (a.lastUpdated || 0));
+                return parsed;
+            } catch (e) {
+                return null;
+            }
+        }
+    },
+
+    async deleteNote(id) {
+        if (this.useIDB && this.db) {
+            return new Promise((resolve) => {
+                const tx = this.db.transaction(this.storeName, "readwrite");
+                tx.objectStore(this.storeName).delete(id);
+                tx.oncomplete = () => resolve(true);
+                tx.onerror = () => resolve(false);
+            });
+        }
+        return true;
+    }
+};
+
+/* ==========================================================================
+   OFFLINE QUEUE SYSTEM
+   ========================================================================== */
+window.OfflineQueue = {
+    key: 'md_offline_queue',
+    isProcessing: false,
+
+    get() {
+        try { return JSON.parse(localStorage.getItem(this.key) || '[]'); }
+        catch { return []; }
+    },
+
+    add(type, payload) {
+        const q = this.get();
+        if (type === 'delete' && q.some(op => op.type === 'delete' && op.payload.path === payload.path)) {
+            return;
+        }
+        q.push({ type, payload, timestamp: Date.now() });
+        window.StorageManager.safeSetLocal(this.key, JSON.stringify(q));
+    },
+
+    async process() {
+        if (!navigator.onLine || !GitHubBackend.isConfigured || this.isProcessing) return;
+        const q = this.get();
+        if (q.length === 0) return;
+
+        this.isProcessing = true;
+        let remaining = [];
+
+        for (let op of q) {
+            try {
+                if (op.type === 'delete') {
+                    await GitHubBackend.deleteNote(op.payload.path, op.payload.sha);
+                }
+            } catch (e) {
+                console.error("Failed to process offline op:", e);
+                remaining.push(op);
+            }
+        }
+
+        window.StorageManager.safeSetLocal(this.key, JSON.stringify(remaining));
+        this.isProcessing = false;
+    }
+};
+
+/* ==========================================================================
+   EDITOR STATE MANAGEMENT
+   ========================================================================== */
+window.EditorState = {
+    notes: [],
+    folders: ['All Notes'],
+    activeFolder: 'All Notes',
+    activeNoteId: null,
+
+    appMode: 'local',
+    isSyncing: false,
+    pendingSync: false,
+    syncTimer: null,
+    syncRetries: 0,
+    MAX_SYNC_RETRIES: 3,
+
+    // Default welcome note content
+    defaultWelcomeNote: `# Welcome to Markdown Studio 🖤\n\nYour premium workspace.\n\n## [ ✨ Features ]{#3b82f6}\n* **💻 Code Blocks:** Hover over code to copy it!\n* **🖼️ Pro Images:** \`![alt](url){300x400, center}\`\n* **🧠 Wiki Links:** Type \`[[Note Name]]\` to link notes!\n\n## 🧪 Testing Zone\n\n**1. Copy Code Feature**\n\`\`\`javascript\nfunction greet(name) {\n  console.log("Hello, " + name + "!");\n}\ngreet("Markdown Studio");\n\`\`\`\n\n**2. Responsive Image (Left Aligned, 200px)**\n![Nature](https://images.unsplash.com/photo-1506744626753-143d4e8c1874?q=80&w=300&auto=format&fit=crop){200, left}\nThis text automatically wraps around the right side of the beautiful nature image because we used the \`{200, left}\` syntax.\n\n**3. Custom Raw SVG Icon**\n<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="#f59e0b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>\n\n/center **Enjoy writing!**`,
+
+    loadFolders() {
+        try {
+            let saved = localStorage.getItem(`md_folders_${this.appMode}`);
+            if (saved) this.folders = JSON.parse(saved);
+            else this.folders = ['All Notes'];
+        } catch (e) { this.folders = ['All Notes']; }
+    },
+
+    saveFolders() {
+        window.StorageManager.safeSetLocal(`md_folders_${this.appMode}`, JSON.stringify(this.folders));
+    },
+
+    extractFoldersFromNotes() {
+        let fSet = new Set(this.folders);
+        fSet.add('All Notes');
+        this.notes.forEach(n => {
+            if (n.folder) fSet.add(n.folder);
+        });
+        this.folders = Array.from(fSet);
+        this.saveFolders();
+    },
+
+    async saveLocalState() {
+        const mode = this.appMode;
+        window.StorageManager.safeSetLocal(`md_active_${mode}`, this.activeNoteId);
+        await window.StorageManager.saveNotes(this.notes, mode);
+    },
+
+    getActiveNote() {
+        let n = this.notes.find(n => n.id === this.activeNoteId);
+        if (!n && this.notes.length > 0) {
+            this.activeNoteId = this.notes[0].id;
+            n = this.notes[0];
+            this.saveLocalState();
+        }
+        return n;
+    },
+
+    getActiveNoteTitle() {
+        const note = this.getActiveNote();
+        return note ? note.title : "Document";
+    },
+
+    generatePath(folderName, title) {
+        let safeTitle = title.replace(/[/\\?%*:|"<>]/g, '-').trim();
+        if (!safeTitle) safeTitle = 'Untitled Note';
+        if (folderName === 'All Notes') return `${safeTitle}.md`;
+        return `${folderName}/${safeTitle}.md`;
+    },
+
+    async switchToMode(targetMode) {
+        const editor = document.getElementById('markdown-input');
+        if (this.appMode === targetMode && editor.disabled === false) return;
+
+        if (this.notes.length > 0) await this.saveLocalState();
+
+        if (targetMode === 'github') {
+            const token = localStorage.getItem('md_github_token');
+            if (!token) {
+                document.getElementById('setup-modal').classList.add('show');
+                return;
+            }
+
+            this.appMode = 'github';
+            localStorage.setItem('md_app_mode', 'github');
+            document.querySelectorAll(`[data-target="github"]`).forEach(tab => tab.innerHTML = '<i data-lucide="loader" class="spin" style="width:14px; height:14px;"></i> <span class="tab-text">Cloud</span>');
+            if (window.lucide) lucide.createIcons();
+
+            editor.disabled = true;
+            document.body.classList.add('is-loading');
+            await this.initGitHubMode(token);
+        } else {
+            this.appMode = 'local';
+            localStorage.setItem('md_app_mode', 'local');
+            editor.disabled = true;
+            document.body.classList.add('is-loading');
+            await this.loadLocalMode();
+        }
+    },
+
+    async initGitHubMode(token) {
+        this.loadFolders();
+        const localCachedNotes = await window.StorageManager.getAllNotes('github') || [];
+
+        if (localCachedNotes.length > 0) {
+            this.notes = localCachedNotes;
+            this.extractFoldersFromNotes();
+            this.activeNoteId = localStorage.getItem('md_active_github') || this.notes[0]?.id;
+            window.EditorCore.finishAppLoad();
+        }
+
+        const success = await GitHubBackend.init(token);
+        if (success) {
+            const cloudNotes = await GitHubBackend.getAllNotes();
+
+            if (localCachedNotes.length === 0) {
+                if (cloudNotes.length > 0) {
+                    this.notes = cloudNotes;
+                } else {
+                    const result = await GitHubBackend.saveNote('new', 'Welcome.md', "Welcome", this.defaultWelcomeNote);
+                    this.notes = [{ id: result?.sha || 'temp', path: 'Welcome.md', folder: 'All Notes', title: "Welcome", content: this.defaultWelcomeNote, lastUpdated: Date.now() }];
+                }
+                this.activeNoteId = this.notes[0]?.id;
+            } else {
+                let mergedMap = new Map();
+                localCachedNotes.forEach(n => mergedMap.set(n.path, n));
+
+                let addedOrUpdated = false;
+                cloudNotes.forEach(cn => {
+                    const ln = mergedMap.get(cn.path);
+                    if (!ln || cn.id !== ln.id) {
+                        if (ln) cn.lastUpdated = Date.now();
+                        mergedMap.set(cn.path, cn);
+                        addedOrUpdated = true;
+                    }
+                });
+
+                this.notes = Array.from(mergedMap.values()).sort((a, b) => (b.lastUpdated || 0) - (a.lastUpdated || 0));
+
+                if (addedOrUpdated) {
+                    if (!this.notes.find(n => n.id === this.activeNoteId)) this.activeNoteId = this.notes[0]?.id;
+                    if (document.getElementById('notes-modal').classList.contains('show')) {
+                        window.EditorCore.renderFoldersList();
+                        window.EditorCore.renderNotesList();
+                    }
+                }
+            }
+
+            this.extractFoldersFromNotes();
+            await this.saveLocalState();
+            window.EditorCore.finishAppLoad();
+            window.EditorCore.updatePillUI();
+            this.triggerCloudSync();
+
+        } else {
+            window.showToast("Working locally.");
+            window.EditorCore.finishAppLoad();
+        }
+    },
+
+    async loadLocalMode() {
+        this.loadFolders();
+        const cachedNotes = await window.StorageManager.getAllNotes('local');
+        if (cachedNotes && cachedNotes.length > 0) {
+            this.notes = cachedNotes;
+            this.extractFoldersFromNotes();
+            this.activeNoteId = localStorage.getItem('md_active_local') || this.notes[0]?.id;
+        } else {
+            const id = Date.now().toString();
+            this.notes = [{ id: id, path: 'Welcome.md', folder: 'All Notes', title: "Welcome", content: this.defaultWelcomeNote, lastUpdated: Date.now() }];
+            this.folders = ['All Notes'];
+            this.activeNoteId = id;
+            await this.saveLocalState();
+            this.saveFolders();
+        }
+        window.EditorCore.finishAppLoad();
+        window.EditorCore.updatePillUI();
+    },
+
+    triggerCloudSync() {
+        if (this.appMode !== 'github') return;
+        this.pendingSync = true;
+        window.EditorCore.updatePillUI();
+
+        clearTimeout(this.syncTimer);
+        this.syncTimer = setTimeout(async () => {
+            if (this.isSyncing) return;
+            await this.performCloudSync();
+        }, 2000);
+    },
+
+    async performCloudSync() {
+        if (!this.pendingSync || this.appMode !== 'github' || this.isSyncing) return;
+
+        if (!navigator.onLine) {
+            this.pendingSync = true;
+            window.EditorCore.updatePillUI();
+            return;
+        }
+
+        this.isSyncing = true;
+        window.EditorCore.updatePillUI();
+
+        await window.OfflineQueue.process();
+
+        try {
+            const currentNote = this.getActiveNote();
+            if (currentNote) {
+                const result = await GitHubBackend.saveNote(currentNote.id, currentNote.path, currentNote.title, currentNote.content);
+                if (result && result !== 'conflict') {
+                    currentNote.id = result.sha;
+                    currentNote.path = result.path;
+                    await this.saveLocalState();
+                    this.pendingSync = false;
+                    this.syncRetries = 0;
+                } else if (result === 'conflict') {
+                    throw new Error("Conflict detected");
+                } else {
+                    throw new Error("Failed to save to cloud");
+                }
+            }
+        } catch (e) {
+            console.error("Sync Error:", e);
+            this.pendingSync = true;
+            this.syncRetries++;
+
+            if (this.syncRetries <= this.MAX_SYNC_RETRIES) {
+                const backoffTime = Math.pow(2, this.syncRetries) * 1000;
+                clearTimeout(this.syncTimer);
+                this.syncTimer = setTimeout(() => this.performCloudSync(), backoffTime);
+            } else {
+                if (window.showToast) window.showToast("<i data-lucide='wifi-off'></i> Offline");
+            }
+        } finally {
+            this.isSyncing = false;
+            window.EditorCore.updatePillUI();
+            if (this.pendingSync && this.syncRetries === 0) this.triggerCloudSync();
+        }
+    }
+};
diff --git a/js/editor.js b/js/editor.js
deleted file mode 100644
index f6ce057..0000000
--- a/js/editor.js
+++ /dev/null
@@ -1,2081 +0,0 @@
-/* js/editor.js */
-/* ==========================================================================
-   STORAGE MANAGER (IndexedDB Migration + Quota Handling)
-   ========================================================================== */
-const StorageManager = {
-    dbName: "markdownStudioDB",
-    storeName: "notes",
-    db: null,
-    useIDB: false,
-
-    async init() {
-        return new Promise((resolve) => {
-            if (!window.indexedDB) {
-                resolve(false);
-                return;
-            }
-            const request = indexedDB.open(this.dbName, 1);
-            request.onupgradeneeded = (e) => {
-                const db = e.target.result;
-                if (!db.objectStoreNames.contains(this.storeName)) {
-                    db.createObjectStore(this.storeName, { keyPath: "id" });
-                }
-            };
-            request.onsuccess = (e) => {
-                this.db = e.target.result;
-                this.useIDB = localStorage.getItem('md_storage_preference') === 'indexedDB';
-                resolve(true);
-            };
-            request.onerror = (e) => {
-                console.error("IndexedDB init failed", e);
-                resolve(false);
-            };
-        });
-    },
-
-    safeSetLocal(key, value) {
-        try {
-            localStorage.setItem(key, value);
-            return true;
-        } catch (e) {
-            if (e.name === 'QuotaExceededError' || e.name === 'NS_ERROR_DOM_QUOTA_REACHED') {
-                if (window.showToast) {
-                    window.showToast("<i data-lucide='alert-triangle'></i> Storage Full!");
-                }
-            }
-            return false;
-        }
-    },
-
-    async checkMigrationThreshold(notesArray) {
-        if (this.useIDB || !this.db) return;
-        try {
-            let totalSize = 0;
-            for (const n of notesArray) {
-                totalSize += n.content ? n.content.length : 0;
-            }
-            if (totalSize > 3 * 1024 * 1024) {
-                await this.migrateToIDB(notesArray);
-            }
-        } catch (e) {
-            console.error("Failed to check migration threshold", e);
-        }
-    },
-
-    async migrateToIDB(notesArray) {
-        return new Promise((resolve, reject) => {
-            const tx = this.db.transaction(this.storeName, "readwrite");
-            const store = tx.objectStore(this.storeName);
-            notesArray.forEach(note => store.put(note));
-
-            tx.oncomplete = () => {
-                this.useIDB = true;
-                this.safeSetLocal('md_storage_preference', 'indexedDB');
-                localStorage.removeItem('md_notes_local');
-                localStorage.removeItem('md_notes_github');
-                if (window.showToast) window.showToast("<i data-lucide='database'></i> Saved to Local DB");
-                resolve(true);
-            };
-            tx.onerror = (e) => reject(e);
-        });
-    },
-
-    async saveNotes(notesArray, mode = 'local') {
-        notesArray.forEach(n => {
-            if (!n.lastUpdated) n.lastUpdated = Date.now();
-            n._mode = mode;
-        });
-
-        await this.checkMigrationThreshold(notesArray);
-
-        if (this.useIDB && this.db) {
-            return new Promise((resolve) => {
-                const tx = this.db.transaction(this.storeName, "readwrite");
-                const store = tx.objectStore(this.storeName);
-                notesArray.forEach(note => store.put(note));
-                tx.oncomplete = () => resolve(true);
-                tx.onerror = () => resolve(false);
-            });
-        } else {
-            const key = mode === 'local' ? 'md_notes_local' : 'md_notes_github';
-            return this.safeSetLocal(key, JSON.stringify(notesArray));
-        }
-    },
-
-    async getAllNotes(mode = 'local') {
-        if (this.useIDB && this.db) {
-            return new Promise((resolve) => {
-                const tx = this.db.transaction(this.storeName, "readonly");
-                const store = tx.objectStore(this.storeName);
-                const req = store.getAll();
-                req.onsuccess = () => {
-                    const all = req.result || [];
-                    const filtered = all.filter(n => (n._mode || 'local') === mode);
-                    resolve(filtered.length > 0 ? filtered.sort((a, b) => (b.lastUpdated || 0) - (a.lastUpdated || 0)) : null);
-                };
-                req.onerror = () => resolve(null);
-            });
-        } else {
-            const key = mode === 'local' ? 'md_notes_local' : 'md_notes_github';
-            try {
-                const data = localStorage.getItem(key);
-                let parsed = data ? JSON.parse(data) : null;
-                if (parsed) parsed = parsed.sort((a, b) => (b.lastUpdated || 0) - (a.lastUpdated || 0));
-                return parsed;
-            } catch (e) {
-                return null;
-            }
-        }
-    },
-
-    async deleteNote(id) {
-        if (this.useIDB && this.db) {
-            return new Promise((resolve) => {
-                const tx = this.db.transaction(this.storeName, "readwrite");
-                tx.objectStore(this.storeName).delete(id);
-                tx.oncomplete = () => resolve(true);
-                tx.onerror = () => resolve(false);
-            });
-        }
-        return true;
-    }
-};
-
-/* ==========================================================================
-   OFFLINE QUEUE SYSTEM
-   ========================================================================== */
-const OfflineQueue = {
-    key: 'md_offline_queue',
-    isProcessing: false,
-
-    get() {
-        try { return JSON.parse(localStorage.getItem(this.key) || '[]'); }
-        catch { return []; }
-    },
-
-    add(type, payload) {
-        const q = this.get();
-        if (type === 'delete' && q.some(op => op.type === 'delete' && op.payload.path === payload.path)) {
-            return;
-        }
-        q.push({ type, payload, timestamp: Date.now() });
-        StorageManager.safeSetLocal(this.key, JSON.stringify(q));
-    },
-
-    async process() {
-        if (!navigator.onLine || !GitHubBackend.isConfigured || this.isProcessing) return;
-        const q = this.get();
-        if (q.length === 0) return;
-
-        this.isProcessing = true;
-        let remaining = [];
-
-        for (let op of q) {
-            try {
-                if (op.type === 'delete') {
-                    await GitHubBackend.deleteNote(op.payload.path, op.payload.sha);
-                }
-            } catch (e) {
-                console.error("Failed to process offline op:", e);
-                remaining.push(op);
-            }
-        }
-
-        StorageManager.safeSetLocal(this.key, JSON.stringify(remaining));
-        this.isProcessing = false;
-    }
-};
-
-/* ==========================================================================
-   EDITOR CONTROLLER & UI LOGIC
-   ========================================================================== */
-document.addEventListener('DOMContentLoaded', () => {
-
-    setTimeout(async () => {
-
-        await StorageManager.init();
-
-        const editor = document.getElementById('markdown-input');
-        const previewPanel = document.getElementById('preview-panel');
-        const preview = document.getElementById('preview-output');
-        const shareBtn = document.getElementById('btn-share');
-        const btnConfirmPdf = document.getElementById('modal-confirm');
-        const inputFilename = document.getElementById('pdf-filename');
-
-        editor.disabled = true;
-
-        let notes = [];
-        let folders = ['All Notes'];
-        let activeFolder = 'All Notes';
-        let activeNoteId = null;
-
-        let pendingDeleteData = { type: null, id: null };
-        let highlightedNoteId = null;
-        let pendingNewNoteData = null;
-        let pendingRenameData = null;
-
-        let appMode = 'local';
-        let isSyncing = false;
-        let pendingSync = false;
-        let syncTimer = null;
-        let syncRetries = 0;
-        const MAX_SYNC_RETRIES = 3;
-
-        let isAutoSave = localStorage.getItem('md_autosave') !== 'false';
-
-        const defaultWelcomeNote = `# Welcome to Markdown Studio 🖤\n\nYour premium workspace.\n\n## [ ✨ Features ]{#3b82f6}\n* **💻 Code Blocks:** Hover over code to copy it!\n* **🖼️ Pro Images:** \`![alt](url){300x400, center}\`\n* **🧠 Wiki Links:** Type \`[[Note Name]]\` to link notes!\n\n## 🧪 Testing Zone\n\n**1. Copy Code Feature**\n\`\`\`javascript\nfunction greet(name) {\n  console.log("Hello, " + name + "!");\n}\ngreet("Markdown Studio");\n\`\`\`\n\n**2. Responsive Image (Left Aligned, 200px)**\n![Nature](https://images.unsplash.com/photo-1506744626753-143d4e8c1874?q=80&w=300&auto=format&fit=crop){200, left}\nThis text automatically wraps around the right side of the beautiful nature image because we used the \`{200, left}\` syntax.\n\n**3. Custom Raw SVG Icon**\n<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="#f59e0b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>\n\n/center **Enjoy writing!**`;
-
-        window.addEventListener('focusModeEnabled', async () => {
-            if (!isAutoSave) {
-                isAutoSave = true;
-                localStorage.setItem('md_autosave', true);
-                updateAutoSaveUI();
-                await saveLocalState();
-            }
-        });
-
-        function updateAutoSaveUI() {
-            const btnToggle = document.getElementById('btn-toggle-autosave');
-            const btnManual = document.getElementById('btn-manual-save');
-            if (btnToggle && btnManual) {
-                if (isAutoSave) {
-                    btnToggle.innerHTML = `<i data-lucide="toggle-right" style="width: 16px; height: 16px; color: #10b981;"></i> <span class="desktop-only" style="color:var(--text-color);">Auto-Save: ON</span>`;
-                    btnToggle.style.borderColor = 'rgba(16, 185, 129, 0.4)';
-                    btnManual.style.display = 'none';
-                } else {
-                    btnToggle.innerHTML = `<i data-lucide="toggle-left" style="width: 16px; height: 16px; color: #ef4444;"></i> <span class="desktop-only" style="color:var(--text-color);">Auto-Save: OFF</span>`;
-                    btnToggle.style.borderColor = 'rgba(239, 68, 68, 0.4)';
-                    btnManual.style.display = 'flex';
-                }
-            }
-            if (window.lucide) lucide.createIcons();
-        }
-
-        document.getElementById('btn-toggle-autosave')?.addEventListener('click', async () => {
-            isAutoSave = !isAutoSave;
-            localStorage.setItem('md_autosave', isAutoSave);
-            updateAutoSaveUI();
-            if (isAutoSave) {
-                await saveLocalState();
-                if (appMode === 'github') triggerCloudSync();
-                window.showToast("<i data-lucide='check-circle'></i> Auto-Save: ON");
-            } else {
-                window.showToast("<i data-lucide='info'></i> Auto-Save: OFF");
-            }
-        });
-
-        document.getElementById('btn-manual-save')?.addEventListener('click', async () => {
-            const btn = document.getElementById('btn-manual-save');
-            const originalHTML = btn.innerHTML;
-            btn.innerHTML = `<i data-lucide="loader" class="spin" style="width: 14px; height: 14px;"></i> <span class="desktop-only">Saving...</span>`;
-            btn.disabled = true;
-            if (window.lucide) lucide.createIcons();
-
-            const activeNote = getActiveNote();
-            if (activeNote) {
-                activeNote.content = editor.value;
-                activeNote.lastUpdated = Date.now();
-                await saveLocalState();
-
-                if (appMode === 'github') {
-                    if (!navigator.onLine) {
-                        window.showToast("<i data-lucide='wifi-off'></i> Offline. Saved Locally.");
-                    } else {
-                        while (isSyncing) await new Promise(r => setTimeout(r, 200));
-
-                        isSyncing = true;
-                        updatePillUI();
-
-                        try {
-                            const result = await GitHubBackend.saveNote(activeNote.id, activeNote.path, activeNote.title, activeNote.content);
-                            if (result && result !== 'conflict') {
-                                activeNote.id = result.sha;
-                                activeNote.path = result.path;
-                                await saveLocalState();
-                                pendingSync = false;
-                                syncRetries = 0;
-                                window.showToast("<i data-lucide='cloud-check'></i> Saved to Cloud");
-                            } else if (result === 'conflict') {
-                                window.showToast("<i data-lucide='alert-triangle'></i> Conflict");
-                            } else {
-                                window.showToast("<i data-lucide='x-circle'></i> Sync Failed");
-                            }
-                        } catch (e) {
-                            window.showToast("<i data-lucide='wifi-off'></i> Network Error");
-                        } finally {
-                            isSyncing = false;
-                            updatePillUI();
-                        }
-                    }
-                } else {
-                    window.showToast("<i data-lucide='check-circle'></i> Saved");
-                }
-            }
-
-            btn.innerHTML = originalHTML;
-            btn.disabled = false;
-            if (window.lucide) lucide.createIcons();
-        });
-
-
-        function updatePillUI() {
-            const isGithub = appMode === 'github';
-
-            document.querySelectorAll('[data-target]').forEach(tab => tab.classList.remove('active'));
-            document.querySelectorAll(`[data-target="${appMode}"]`).forEach(tab => tab.classList.add('active'));
-
-            const indicator = document.getElementById('active-mode-indicator');
-            if (indicator) {
-                if (isGithub) {
-                    if (isSyncing) {
-                        indicator.innerHTML = `<i data-lucide="loader" class="spin" style="width:14px; height:14px;"></i> Syncing...`;
-                        indicator.style.color = '#3b82f6';
-                    } else if (pendingSync) {
-                        indicator.innerHTML = `<i data-lucide="cloud-upload" style="width:14px; height:14px;"></i> Pending Sync`;
-                        indicator.style.color = '#f59e0b';
-                    } else {
-                        indicator.innerHTML = `<i data-lucide="cloud-check" style="width:14px; height:14px;"></i> Cloud Synced`;
-                        indicator.style.color = '#10b981';
-                    }
-                } else {
-                    indicator.innerHTML = `<i data-lucide="hard-drive" style="width:14px; height:14px;"></i> Local Storage`;
-                    indicator.style.color = 'var(--text-color)';
-                }
-            }
-
-            const dashboardBadge = document.getElementById('dashboard-mode-badge');
-            if (dashboardBadge) {
-                if (isGithub) {
-                    dashboardBadge.innerHTML = '<i data-lucide="cloud" style="width: 12px; height: 12px;"></i> CLOUD';
-                    dashboardBadge.style.backgroundColor = 'rgba(16, 185, 129, 0.1)';
-                    dashboardBadge.style.color = '#10b981';
-                    dashboardBadge.style.border = '1px solid rgba(16, 185, 129, 0.3)';
-                } else {
-                    dashboardBadge.innerHTML = '<i data-lucide="hard-drive" style="width: 12px; height: 12px;"></i> LOCAL';
-                    dashboardBadge.style.backgroundColor = 'var(--shadow-color)';
-                    dashboardBadge.style.color = 'var(--text-color)';
-                    dashboardBadge.style.border = '1px solid var(--border-color)';
-                }
-            }
-
-            const btnSyncCurrent = document.getElementById('btn-sync-current');
-            if (btnSyncCurrent) {
-                if (!isGithub && localStorage.getItem('md_github_token') && notes.length > 0) {
-                    btnSyncCurrent.style.display = 'flex';
-                } else {
-                    btnSyncCurrent.style.display = 'none';
-                }
-            }
-
-            const btnPush = document.getElementById('btn-push-github');
-            if (btnPush) {
-                if (!isGithub && localStorage.getItem('md_github_token') && notes.length > 0) {
-                    btnPush.style.display = 'flex';
-                } else {
-                    btnPush.style.display = 'none';
-                }
-            }
-
-            if (window.lucide) lucide.createIcons();
-        }
-
-        function loadFolders() {
-            try {
-                let saved = localStorage.getItem(`md_folders_${appMode}`);
-                if (saved) folders = JSON.parse(saved);
-                else folders = ['All Notes'];
-            } catch (e) { folders = ['All Notes']; }
-        }
-
-        function saveFolders() {
-            StorageManager.safeSetLocal(`md_folders_${appMode}`, JSON.stringify(folders));
-        }
-
-        function extractFoldersFromNotes() {
-            let fSet = new Set(folders);
-            fSet.add('All Notes');
-            notes.forEach(n => {
-                if (n.folder) fSet.add(n.folder);
-            });
-            folders = Array.from(fSet);
-            saveFolders();
-        }
-
-        async function saveLocalState() {
-            const mode = appMode;
-            StorageManager.safeSetLocal(`md_active_${mode}`, activeNoteId);
-            await StorageManager.saveNotes(notes, mode);
-        }
-
-        window.addEventListener('beforeunload', () => {
-            if (getActiveNote() && editor.value) {
-                getActiveNote().content = editor.value;
-                getActiveNote().lastUpdated = Date.now();
-                const key = appMode === 'local' ? 'md_notes_local' : 'md_notes_github';
-                StorageManager.safeSetLocal(key, JSON.stringify(notes));
-                StorageManager.safeSetLocal(`md_active_${appMode}`, activeNoteId);
-            }
-        });
-
-        window.addEventListener('online', () => {
-            if (appMode === 'github') {
-                OfflineQueue.process();
-                if (isAutoSave) triggerCloudSync();
-            }
-        });
-
-        function triggerCloudSync() {
-            if (appMode !== 'github') return;
-            pendingSync = true;
-            updatePillUI();
-
-            clearTimeout(syncTimer);
-            syncTimer = setTimeout(async () => {
-                if (isSyncing) return;
-                await performCloudSync();
-            }, 2000);
-        }
-
-        async function performCloudSync() {
-            if (!pendingSync || appMode !== 'github' || isSyncing) return;
-
-            if (!navigator.onLine) {
-                pendingSync = true;
-                updatePillUI();
-                return;
-            }
-
-            isSyncing = true;
-            updatePillUI();
-
-            await OfflineQueue.process();
-
-            try {
-                const currentNote = getActiveNote();
-                if (currentNote) {
-                    const result = await GitHubBackend.saveNote(currentNote.id, currentNote.path, currentNote.title, currentNote.content);
-                    if (result && result !== 'conflict') {
-                        currentNote.id = result.sha;
-                        currentNote.path = result.path;
-                        await saveLocalState();
-                        pendingSync = false;
-                        syncRetries = 0;
-                    } else if (result === 'conflict') {
-                        throw new Error("Conflict detected");
-                    } else {
-                        throw new Error("Failed to save to cloud");
-                    }
-                }
-            } catch (e) {
-                console.error("Sync Error:", e);
-                pendingSync = true;
-                syncRetries++;
-
-                if (syncRetries <= MAX_SYNC_RETRIES) {
-                    const backoffTime = Math.pow(2, syncRetries) * 1000;
-                    clearTimeout(syncTimer);
-                    syncTimer = setTimeout(performCloudSync, backoffTime);
-                } else {
-                    if (window.showToast) window.showToast("<i data-lucide='wifi-off'></i> Offline");
-                }
-            } finally {
-                isSyncing = false;
-                updatePillUI();
-                if (pendingSync && syncRetries === 0) triggerCloudSync();
-            }
-        }
-
-        async function initGitHubMode(token) {
-            loadFolders();
-            const localCachedNotes = await StorageManager.getAllNotes('github') || [];
-
-            if (localCachedNotes.length > 0) {
-                notes = localCachedNotes;
-                extractFoldersFromNotes();
-                activeNoteId = localStorage.getItem('md_active_github') || notes[0]?.id;
-                finishAppLoad();
-            }
-
-            const success = await GitHubBackend.init(token);
-            if (success) {
-                const cloudNotes = await GitHubBackend.getAllNotes();
-
-                if (localCachedNotes.length === 0) {
-                    if (cloudNotes.length > 0) {
-                        notes = cloudNotes;
-                    } else {
-                        const result = await GitHubBackend.saveNote('new', 'Welcome.md', "Welcome", defaultWelcomeNote);
-                        notes = [{ id: result?.sha || 'temp', path: 'Welcome.md', folder: 'All Notes', title: "Welcome", content: defaultWelcomeNote, lastUpdated: Date.now() }];
-                    }
-                    activeNoteId = notes[0]?.id;
-                } else {
-                    let mergedMap = new Map();
-                    localCachedNotes.forEach(n => mergedMap.set(n.path, n));
-
-                    let addedOrUpdated = false;
-                    cloudNotes.forEach(cn => {
-                        const ln = mergedMap.get(cn.path);
-                        if (!ln || cn.id !== ln.id) {
-                            if (ln) cn.lastUpdated = Date.now();
-                            mergedMap.set(cn.path, cn);
-                            addedOrUpdated = true;
-                        }
-                    });
-
-                    notes = Array.from(mergedMap.values()).sort((a, b) => (b.lastUpdated || 0) - (a.lastUpdated || 0));
-
-                    if (addedOrUpdated) {
-                        if (!notes.find(n => n.id === activeNoteId)) activeNoteId = notes[0]?.id;
-                        if (document.getElementById('notes-modal').classList.contains('show')) {
-                            window.renderFoldersList();
-                            window.renderNotesList();
-                        }
-                    }
-                }
-
-                extractFoldersFromNotes();
-                await saveLocalState();
-                finishAppLoad();
-                updatePillUI();
-                if (isAutoSave) triggerCloudSync();
-
-            } else {
-                window.showToast("Working locally.");
-                finishAppLoad();
-            }
-        }
-
-        async function loadLocalMode() {
-            loadFolders();
-            const cachedNotes = await StorageManager.getAllNotes('local');
-            if (cachedNotes && cachedNotes.length > 0) {
-                notes = cachedNotes;
-                extractFoldersFromNotes();
-                activeNoteId = localStorage.getItem('md_active_local') || notes[0]?.id;
-            } else {
-                const id = Date.now().toString();
-                notes = [{ id: id, path: 'Welcome.md', folder: 'All Notes', title: "Welcome", content: defaultWelcomeNote, lastUpdated: Date.now() }];
-                folders = ['All Notes'];
-                activeNoteId = id;
-                await saveLocalState();
-                saveFolders();
-            }
-            finishAppLoad();
-            updatePillUI();
-        }
-
-        async function switchToMode(targetMode) {
-            if (appMode === targetMode && editor.disabled === false) return;
-
-            if (notes.length > 0) await saveLocalState();
-
-            if (targetMode === 'github') {
-                const token = localStorage.getItem('md_github_token');
-                if (!token) {
-                    document.getElementById('setup-modal').classList.add('show');
-                    return;
-                }
-
-                appMode = 'github';
-                localStorage.setItem('md_app_mode', 'github');
-                document.querySelectorAll(`[data-target="github"]`).forEach(tab => tab.innerHTML = '<i data-lucide="loader" class="spin" style="width:14px; height:14px;"></i> <span class="tab-text">Cloud</span>');
-                if (window.lucide) lucide.createIcons();
-
-                editor.disabled = true;
-                document.body.classList.add('is-loading');
-                await initGitHubMode(token);
-            } else {
-                appMode = 'local';
-                localStorage.setItem('md_app_mode', 'local');
-                editor.disabled = true;
-                document.body.classList.add('is-loading');
-                await loadLocalMode();
-            }
-        }
-
-        document.getElementById('btn-start-app')?.addEventListener('click', async () => {
-            const tokenInput = document.getElementById('github-token-input');
-            const token = tokenInput.value.trim();
-            const btn = document.getElementById('btn-start-app');
-
-            if (!token) return window.showToast("Invalid Token.");
-
-            btn.innerHTML = "Connecting...";
-            btn.disabled = true;
-
-            const success = await GitHubBackend.init(token);
-            if (success) {
-                localStorage.setItem('md_github_token', token);
-                tokenInput.value = '';
-                document.getElementById('setup-modal').classList.remove('show');
-                window.showToast("<i data-lucide='check'></i> Connected");
-                await switchToMode('github');
-            } else {
-                window.showToast("Invalid Token.");
-            }
-            btn.innerHTML = "Connect";
-            btn.disabled = false;
-        });
-
-        document.querySelectorAll('[data-target]').forEach(btn => {
-            btn.addEventListener('click', async (e) => {
-                const target = e.currentTarget.getAttribute('data-target');
-                await switchToMode(target);
-            });
-        });
-
-        function getActiveNote() {
-            let n = notes.find(n => n.id === activeNoteId);
-            if (!n && notes.length > 0) {
-                activeNoteId = notes[0].id;
-                n = notes[0];
-                saveLocalState();
-            }
-            return n;
-        }
-
-        window.getActiveNoteTitle = function () { const note = getActiveNote(); return note ? note.title : "Document"; };
-
-        function generatePath(folderName, title) {
-            let safeTitle = title.replace(/[/\\?%*:|"<>]/g, '-').trim();
-            if (!safeTitle) safeTitle = 'Untitled Note';
-            if (folderName === 'All Notes') return `${safeTitle}.md`;
-            return `${folderName}/${safeTitle}.md`;
-        }
-
-        function finishAppLoad() {
-            updateAutoSaveUI();
-
-            const note = getActiveNote();
-            if (!note) return;
-
-            highlightedNoteId = activeNoteId;
-            activeFolder = note.folder || 'All Notes';
-            if (!folders.includes(activeFolder)) activeFolder = 'All Notes';
-
-            editor.disabled = false;
-            editor.placeholder = "Start typing your Markdown here...";
-            editor.value = note.content || "";
-
-            renderMarkdownCore(editor.value);
-
-            if (typeof window.renderFoldersList === 'function') window.renderFoldersList();
-            if (typeof window.renderNotesList === 'function') window.renderNotesList();
-            if (typeof window.renderManagementModal === 'function' && document.getElementById('management-modal')?.classList.contains('show')) window.renderManagementModal();
-            if (window.lucide) lucide.createIcons();
-
-            requestAnimationFrame(() => {
-                setTimeout(() => {
-                    document.body.classList.remove('is-loading');
-                    const skel = document.getElementById('preview-skeleton');
-                    if (skel) {
-                        skel.style.opacity = '0';
-                        setTimeout(() => skel.style.display = 'none', 400);
-                    }
-                }, 300);
-            });
-        }
-
-        // ✨ MANAGEMENT MODAL LOGIC ✨
-        window.renderManagementModal = function () {
-            const bodyContent = document.getElementById('manage-body-content');
-            const footerActions = document.getElementById('manage-footer-actions');
-            const selectModeCheckbox = document.getElementById('manage-select-mode');
-            if (!bodyContent) return;
-
-            const isSelectMode = selectModeCheckbox ? selectModeCheckbox.checked : false;
-            if (footerActions) footerActions.style.display = isSelectMode ? 'flex' : 'none';
-
-            bodyContent.innerHTML = '';
-            extractFoldersFromNotes();
-
-            folders.forEach(folder => {
-                const folderNotes = folder === 'All Notes' ? notes : notes.filter(n => n.folder === folder);
-                if (folder !== 'All Notes' && folderNotes.length === 0) return;
-
-                const folderDiv = document.createElement('div');
-                folderDiv.className = 'manage-folder';
-
-                const header = document.createElement('div');
-                header.className = 'manage-folder-header';
-
-                const collapseIcon = document.createElement('i');
-                collapseIcon.setAttribute('data-lucide', 'chevron-down');
-                collapseIcon.className = 'collapse-icon';
-
-                const folderTitle = document.createElement('span');
-                folderTitle.style.flex = '1';
-                folderTitle.innerHTML = `<i data-lucide="folder" style="width:16px; height:16px; margin-right:8px; vertical-align:-3px;"></i>${folder} <span style="opacity:0.5; font-size:0.8rem; margin-left:8px;">(${folderNotes.length})</span>`;
-
-                header.appendChild(collapseIcon);
-                header.appendChild(folderTitle);
-
-                const notesContainer = document.createElement('div');
-                notesContainer.className = 'manage-notes-container';
-
-                let isCollapsed = false;
-                header.addEventListener('click', (e) => {
-                    if (e.target.tagName.toLowerCase() === 'button' || e.target.closest('.manage-actions') || e.target.type === 'checkbox') return;
-                    isCollapsed = !isCollapsed;
-                    notesContainer.classList.toggle('collapsed', isCollapsed);
-                    collapseIcon.style.transform = isCollapsed ? 'rotate(-90deg)' : 'rotate(0deg)';
-                });
-
-                folderNotes.forEach(note => {
-                    const noteRow = document.createElement('div');
-                    noteRow.className = 'manage-note-row';
-
-                    if (isSelectMode) {
-                        const cbContainer = document.createElement('label');
-                        cbContainer.className = 'manage-custom-cb-container';
-
-                        const cb = document.createElement('input');
-                        cb.type = 'checkbox';
-                        cb.className = 'manage-checkbox';
-                        cb.value = note.id;
-
-                        const cbCircle = document.createElement('div');
-                        cbCircle.className = 'manage-cb-circle';
-
-                        cbContainer.appendChild(cb);
-                        cbContainer.appendChild(cbCircle);
-
-                        cb.addEventListener('change', () => {
-                            const checkedCount = document.querySelectorAll('#manage-body-content .manage-checkbox:checked').length;
-                            document.getElementById('manage-selected-count').textContent = `${checkedCount} selected`;
-                        });
-                        noteRow.appendChild(cbContainer);
-                    }
-
-                    const nTitle = document.createElement('div');
-                    nTitle.className = 'manage-note-title';
-                    nTitle.innerHTML = `<i data-lucide="file-text" style="width:14px; height:14px; margin-right:8px; opacity:0.7; vertical-align:-2px;"></i>${note.title}`;
-                    nTitle.title = "Open Note";
-                    nTitle.style.cursor = 'pointer';
-
-                    nTitle.addEventListener('click', async () => {
-                        activeNoteId = note.id;
-                        highlightedNoteId = note.id;
-                        activeFolder = note.folder || 'All Notes';
-                        editor.value = note.content;
-                        await saveLocalState();
-                        renderMarkdownCore(note.content);
-                        window.renderFoldersList();
-                        window.renderNotesList();
-                        document.getElementById('management-modal').classList.remove('show');
-                        window.showToast("<i data-lucide='edit-2'></i> Opened");
-                    });
-
-                    const actions = document.createElement('div');
-                    actions.className = 'manage-actions';
-
-                    const isCloud = appMode === 'github';
-
-                    // Sync/Push Button
-                    const btnSync = document.createElement('button');
-                    btnSync.className = 'manage-btn';
-                    btnSync.title = isCloud ? "Force Save to Cloud" : "Upload to Cloud";
-                    btnSync.innerHTML = `<i data-lucide="${isCloud ? 'cloud-upload' : 'upload-cloud'}"></i>`;
-
-                    btnSync.addEventListener('click', async (e) => {
-                        e.stopPropagation();
-                        const token = localStorage.getItem('md_github_token');
-                        if (!token) {
-                            window.showToast("Connect GitHub first.");
-                            return;
-                        }
-                        btnSync.innerHTML = '<i data-lucide="loader" class="spin"></i>';
-                        if (window.lucide) lucide.createIcons();
-
-                        const success = await GitHubBackend.init(token);
-                        if (!success) {
-                            window.showToast("Offline");
-                            btnSync.innerHTML = `<i data-lucide="${isCloud ? 'cloud-upload' : 'upload-cloud'}"></i>`;
-                            if (window.lucide) lucide.createIcons();
-                            return;
-                        }
-
-                        try {
-                            const res = await GitHubBackend.saveNote(note.id, note.path, note.title, note.content);
-                            if (res && res !== 'conflict') {
-                                note.id = res.sha;
-                                note.path = res.path;
-                                note.lastUpdated = Date.now();
-                                await saveLocalState();
-                                window.showToast("<i data-lucide='check'></i> Synced");
-                            } else {
-                                window.showToast("<i data-lucide='alert-triangle'></i> Conflict");
-                            }
-                        } catch (err) {
-                            window.showToast("Error syncing");
-                        }
-                        btnSync.innerHTML = `<i data-lucide="${isCloud ? 'cloud-upload' : 'upload-cloud'}"></i>`;
-                        if (window.lucide) lucide.createIcons();
-                    });
-
-                    // Rename/Move Button
-                    const btnRename = document.createElement('button');
-                    btnRename.className = 'manage-btn';
-                    btnRename.title = "Rename or Move Note";
-                    btnRename.innerHTML = '<i data-lucide="edit"></i>';
-                    btnRename.addEventListener('click', (e) => {
-                        e.stopPropagation();
-                        const renameModal = document.getElementById('rename-modal');
-                        const renameInput = document.getElementById('rename-input');
-                        if (renameModal && renameInput) {
-                            renameInput.value = note.title;
-                            activeFolder = note.folder || 'All Notes';
-
-                            const dropList = document.getElementById('note-folder-dropdown-list');
-                            const dropText = document.getElementById('folder-selected-text');
-                            if (dropList && dropText) {
-                                dropList.innerHTML = '';
-                                folders.forEach(f => {
-                                    const div = document.createElement('div');
-                                    div.className = `dropdown-item ${f === activeFolder ? 'active' : ''}`;
-                                    div.setAttribute('data-value', f);
-                                    div.textContent = f;
-                                    dropList.appendChild(div);
-                                });
-                                dropText.textContent = activeFolder;
-                                dropText.setAttribute('data-selected', activeFolder);
-                                if (window.setupFolderDropdown) window.setupFolderDropdown();
-                            }
-
-                            pendingRenameData = { id: note.id, folder: note.folder };
-                            renameModal.classList.add('show');
-                            setTimeout(() => { renameInput.focus(); }, 100);
-                        }
-                    });
-
-                    // Delete Button
-                    const btnDel = document.createElement('button');
-                    btnDel.className = 'manage-btn btn-delete';
-                    btnDel.title = "Delete Note";
-                    btnDel.innerHTML = '<i data-lucide="trash-2"></i>';
-                    btnDel.addEventListener('click', (e) => {
-                        e.stopPropagation();
-                        pendingDeleteData = { type: 'note', id: note.id };
-                        document.getElementById('delete-modal-title').textContent = 'Delete Note?';
-                        document.getElementById('delete-modal-desc').textContent = 'This action cannot be undone. Are you sure?';
-                        document.getElementById('delete-modal').classList.add('show');
-                    });
-
-                    actions.appendChild(btnSync);
-                    actions.appendChild(btnRename);
-                    actions.appendChild(btnDel);
-
-                    noteRow.appendChild(nTitle);
-                    noteRow.appendChild(actions);
-                    notesContainer.appendChild(noteRow);
-                });
-
-                folderDiv.appendChild(header);
-                folderDiv.appendChild(notesContainer);
-                bodyContent.appendChild(folderDiv);
-            });
-
-            if (window.lucide) lucide.createIcons();
-        };
-
-        document.getElementById('manage-select-mode')?.addEventListener('change', () => {
-            if (typeof window.renderManagementModal === 'function') window.renderManagementModal();
-        });
-
-        window.renderMainSidebarFolders = function () {
-            const container = document.getElementById('dynamic-sidebar-folders');
-            if (!container) return;
-            container.innerHTML = '';
-
-            folders.forEach(folder => {
-                const btn = document.createElement('button');
-                btn.className = `sidebar-btn sidebar-folder-btn ${folder === activeFolder ? 'active' : ''}`;
-
-                let iconType = folder === 'All Notes' ? 'library' : 'folder';
-                let count = folder === 'All Notes' ? notes.length : notes.filter(n => n.folder === folder).length;
-
-                btn.innerHTML = `<i data-lucide="${iconType}"></i> <span style="flex:1; text-align:left;">${folder}</span> <span style="font-size: 0.75rem; opacity: 0.6; background: var(--shadow-color); padding: 2px 8px; border-radius: 10px;">${count}</span>`;
-
-                btn.addEventListener('click', () => {
-                    activeFolder = folder;
-                    document.getElementById('mobile-sidebar-overlay').classList.remove('show');
-                    document.getElementById('notes-modal').classList.add('show');
-                    window.renderFoldersList();
-                    window.renderNotesList();
-                    if (window.innerWidth <= 768) {
-                        document.querySelector('.notes-dashboard-box')?.classList.add('show-notes-pane');
-                    }
-                });
-                container.appendChild(btn);
-            });
-            if (window.lucide) lucide.createIcons();
-        }
-
-        // ✨ DYNAMIC FOLDER SELECTOR FOR NEW NOTE & RENAME ✨
-        window.setupFolderDropdown = function () {
-            const dropdown = document.getElementById('note-folder-dropdown');
-            if (!dropdown) return;
-            const header = dropdown.querySelector('.dropdown-header');
-            const items = dropdown.querySelectorAll('.dropdown-item');
-            const textEl = document.getElementById('folder-selected-text');
-
-            const newHeader = header.cloneNode(true);
-            header.parentNode.replaceChild(newHeader, header);
-
-            const list = dropdown.querySelector('.dropdown-list');
-            if (list && !list.parentNode.isEqualNode(document.body)) {
-                document.body.appendChild(list);
-            }
-
-            newHeader.addEventListener('click', (e) => {
-                e.stopPropagation();
-
-                const isOpen = list.classList.contains('show');
-                document.querySelectorAll('.dropdown-list').forEach(d => {
-                    d.classList.remove('show');
-                    d.style.opacity = '0';
-                    d.style.visibility = 'hidden';
-                });
-                document.querySelectorAll('.custom-dropdown').forEach(d => d.classList.remove('open'));
-
-                if (!isOpen) {
-                    const rect = newHeader.getBoundingClientRect();
-                    list.style.position = 'fixed';
-                    list.style.top = `${rect.bottom + 8}px`;
-                    list.style.left = `${rect.left}px`;
-                    list.style.width = `${Math.max(rect.width, 160)}px`;
-                    list.style.zIndex = '3700';
-
-                    list.classList.add('show');
-                    dropdown.classList.add('open');
-                    list.style.opacity = '1';
-                    list.style.visibility = 'visible';
-                    list.style.transform = 'translateY(0) scale(1)';
-                }
-            });
-
-            const currentItems = list.querySelectorAll('.dropdown-item');
-            currentItems.forEach(item => {
-                const newItem = item.cloneNode(true);
-                item.parentNode.replaceChild(newItem, item);
-
-                newItem.addEventListener('click', (e) => {
-                    currentItems.forEach(i => i.classList.remove('active'));
-                    e.target.classList.add('active');
-                    textEl.textContent = e.target.textContent;
-                    textEl.setAttribute('data-selected', e.target.getAttribute('data-value'));
-
-                    dropdown.classList.remove('open');
-                    list.classList.remove('show');
-                    list.style.opacity = '0';
-                    list.style.visibility = 'hidden';
-                });
-            });
-        }
-
-        window.renderFoldersList = function () {
-            const container = document.getElementById('folders-list-container');
-            if (!container) return;
-            container.innerHTML = '';
-
-            extractFoldersFromNotes();
-
-            folders.forEach(folder => {
-                const div = document.createElement('div');
-                div.className = `folder-item ${folder === activeFolder ? 'active' : ''}`;
-
-                const iconEl = document.createElement('i');
-                iconEl.setAttribute('data-lucide', folder === 'All Notes' ? 'library' : 'folder');
-
-                const textSpan = document.createElement('span');
-                textSpan.textContent = folder;
-                textSpan.style.flex = "1";
-                textSpan.style.whiteSpace = 'nowrap';
-                textSpan.style.overflow = 'hidden';
-                textSpan.style.textOverflow = 'ellipsis';
-
-                let count = folder === 'All Notes' ? notes.length : notes.filter(n => n.folder === folder).length;
-                const countSpan = document.createElement('span');
-                countSpan.textContent = count;
-                countSpan.style.fontSize = "0.75rem";
-                countSpan.style.opacity = "0.6";
-
-                div.appendChild(iconEl);
-                div.appendChild(textSpan);
-                div.appendChild(countSpan);
-
-                if (folder !== 'All Notes') {
-                    const delBtn = document.createElement('button');
-                    delBtn.className = 'folder-del-btn';
-                    delBtn.innerHTML = '<i data-lucide="trash-2"></i>';
-                    delBtn.title = "Delete Folder";
-
-                    delBtn.addEventListener('click', (e) => {
-                        e.stopPropagation();
-                        const folderNotes = notes.filter(n => n.folder === folder);
-                        if (folderNotes.length > 0) {
-                            window.showToast("<i data-lucide='alert-circle'></i> Move notes first.");
-                            return;
-                        }
-                        pendingDeleteData = { type: 'folder', id: folder };
-                        document.getElementById('delete-modal-title').textContent = 'Delete Folder?';
-                        document.getElementById('delete-modal-desc').textContent = 'This empty folder will be removed. Are you sure?';
-                        document.getElementById('delete-modal').classList.add('show');
-                    });
-                    div.appendChild(delBtn);
-                }
-
-                div.addEventListener('click', () => {
-                    activeFolder = folder;
-                    window.renderFoldersList();
-                    window.renderNotesList();
-
-                    if (window.innerWidth <= 768) {
-                        document.querySelector('.notes-dashboard-box')?.classList.add('show-notes-pane');
-                    }
-                });
-
-                container.appendChild(div);
-            });
-
-            window.renderMainSidebarFolders();
-            if (window.lucide) lucide.createIcons();
-        };
-
-        window.renderNotesList = function () {
-            const container = document.getElementById('notes-list-container');
-            const folderTitle = document.getElementById('current-folder-name');
-            if (!container) return;
-
-            container.innerHTML = '';
-            if (folderTitle) folderTitle.textContent = activeFolder;
-
-            updatePillUI();
-
-            let displayNotes = activeFolder === 'All Notes' ? notes : notes.filter(n => n.folder === activeFolder);
-
-            if (displayNotes.length > 0 && !displayNotes.find(n => n.id === highlightedNoteId)) {
-                highlightedNoteId = displayNotes[0].id;
-            } else if (displayNotes.length === 0) {
-                highlightedNoteId = null;
-            }
-
-            displayNotes.forEach(note => {
-                const div = document.createElement('div');
-                div.className = `note-item ${note.id === highlightedNoteId ? 'active' : ''}`;
-
-                const titleContainer = document.createElement('div');
-                titleContainer.className = 'note-title';
-
-                const iconEl = document.createElement('i');
-                iconEl.setAttribute('data-lucide', 'file-text');
-
-                const textSpan = document.createElement('span');
-                textSpan.textContent = note.title;
-
-                titleContainer.appendChild(iconEl);
-                titleContainer.appendChild(textSpan);
-                div.appendChild(titleContainer);
-
-                div.addEventListener('click', () => {
-                    highlightedNoteId = note.id;
-                    window.renderNotesList();
-                    window.renderDashboardPreview();
-                    if (window.innerWidth <= 768) {
-                        document.querySelector('.notes-dashboard-box')?.classList.add('show-preview-pane');
-                    }
-                });
-
-                div.addEventListener('dblclick', () => { document.getElementById('dash-btn-edit')?.click(); });
-                container.appendChild(div);
-            });
-
-            if (window.lucide) lucide.createIcons();
-            window.renderDashboardPreview();
-        };
-
-        document.getElementById('mob-back-folders')?.addEventListener('click', () => {
-            document.querySelector('.notes-dashboard-box')?.classList.remove('show-notes-pane');
-        });
-
-        const bulkSyncModal = document.getElementById('bulk-sync-modal');
-        const bulkSyncList = document.getElementById('bulk-sync-list');
-
-        const triggerBulkSyncUI = (selectedNotesArray) => {
-            const token = localStorage.getItem('md_github_token');
-            if (!token) return window.showToast("Invalid Token.");
-
-            bulkSyncList.innerHTML = '';
-
-            let notesToRender = selectedNotesArray && selectedNotesArray.length > 0 ? selectedNotesArray : notes;
-
-            notesToRender.forEach((note, index) => {
-                const item = document.createElement('label');
-                item.className = 'sync-item';
-                item.innerHTML = `
-                    <input type="checkbox" class="sync-checkbox" value="${note.id}" checked />
-                    <div class="sync-checkbox-custom"><i data-lucide="check"></i></div>
-                    <div class="sync-item-info">
-                        <span class="sync-item-title">${note.title}</span>
-                        <span class="sync-item-folder"><i data-lucide="folder" style="width:10px;"></i> ${note.folder || 'All Notes'}</span>
-                    </div>
-                `;
-                bulkSyncList.appendChild(item);
-            });
-            if (window.lucide) lucide.createIcons();
-
-            document.getElementById('notes-modal')?.classList.remove('show');
-            document.getElementById('management-modal')?.classList.remove('show');
-            bulkSyncModal.classList.add('show');
-        };
-
-        document.getElementById('btn-push-github')?.addEventListener('click', () => triggerBulkSyncUI());
-
-        document.getElementById('manage-btn-bulk-sync')?.addEventListener('click', () => {
-            const selectedIds = Array.from(document.querySelectorAll('#manage-body-content .manage-checkbox:checked')).map(cb => cb.value);
-            if (selectedIds.length === 0) return window.showToast("Select notes first.");
-            const selectedNotes = notes.filter(n => selectedIds.includes(n.id));
-            triggerBulkSyncUI(selectedNotes);
-        });
-
-        document.getElementById('bulk-sync-cancel')?.addEventListener('click', () => bulkSyncModal.classList.remove('show'));
-
-        document.getElementById('bulk-sync-all')?.addEventListener('click', () => {
-            document.querySelectorAll('.sync-checkbox').forEach(cb => cb.checked = true);
-        });
-
-        document.getElementById('bulk-sync-none')?.addEventListener('click', () => {
-            document.querySelectorAll('.sync-checkbox').forEach(cb => cb.checked = false);
-        });
-
-        document.getElementById('bulk-sync-confirm')?.addEventListener('click', async () => {
-            const token = localStorage.getItem('md_github_token');
-            const checkboxes = document.querySelectorAll('.sync-checkbox:checked');
-
-            if (checkboxes.length === 0) return window.showToast("Select notes first.");
-
-            const success = await GitHubBackend.init(token);
-            if (!success) return window.showToast("Offline");
-
-            bulkSyncModal.classList.remove('show');
-            const widget = document.getElementById('upload-progress-widget');
-            const pTitle = document.getElementById('pw-title');
-            const pFile = document.getElementById('pw-filename');
-            const pStatus = document.getElementById('pw-status');
-            const pFill = document.getElementById('pw-fill');
-            const spinner = document.getElementById('pw-spinner');
-            const successIcon = document.getElementById('pw-success');
-
-            widget.classList.remove('hidden');
-            pTitle.textContent = "Uploading to Cloud";
-            spinner.style.display = 'block';
-            successIcon.style.display = 'none';
-
-            const total = checkboxes.length;
-            let completed = 0;
-
-            const selectedNotes = Array.from(checkboxes).map(cb => notes.find(n => n.id === cb.value)).filter(Boolean);
-
-            for (let note of selectedNotes) {
-                pFile.textContent = `Uploading: ${note.title}...`;
-                pStatus.textContent = `${completed} out of ${total} done`;
-                pFill.style.width = `${(completed / total) * 100}%`;
-
-                try {
-                    const res = await GitHubBackend.saveNote('new', note.path, note.title, note.content);
-                    if (res && res !== 'conflict') {
-                        note.id = res.sha;
-                        note.path = res.path;
-                        note.lastUpdated = Date.now();
-                    }
-                } catch (e) { console.log(`Failed to upload ${note.title}`); }
-
-                completed++;
-                pStatus.textContent = `${completed} out of ${total} done`;
-                pFill.style.width = `${(completed / total) * 100}%`;
-            }
-
-            spinner.style.display = 'none';
-            successIcon.style.display = 'block';
-            pTitle.textContent = "Upload Complete!";
-            pFile.textContent = "All selected notes synced.";
-
-            appMode = 'github';
-            localStorage.setItem('md_app_mode', 'github');
-            await saveLocalState();
-            updatePillUI();
-
-            setTimeout(() => {
-                widget.classList.add('hidden');
-                window.showToast("<i data-lucide='check'></i> Upload Complete");
-            }, 3000);
-        });
-
-        function customMarkdownParser(rawText) {
-            let processedText = rawText.replace(/\r\n/g, '\n');
-
-            processedText = processedText.replace(/!\[([^\]]*)\]\(([^)]+)\)(?:\{([^}]+)\})?/g, (match, alt, url, options) => {
-                let style = 'max-width: 100%; border-radius: 8px; transition: all 0.3s ease; ';
-                let isCenter = false;
-
-                if (options) {
-                    const parts = options.split(',').map(p => p.trim().toLowerCase());
-                    parts.forEach(part => {
-                        if (part === 'center') {
-                            isCenter = true;
-                        } else if (part === 'left') {
-                            style += 'float: left; margin-right: 16px; margin-bottom: 16px; ';
-                        } else if (part === 'right') {
-                            style += 'float: right; margin-left: 16px; margin-bottom: 16px; ';
-                        } else if (part.match(/^(\d+(?:px|rem|em|%)?)(?:x(\d+(?:px|rem|em|%)?|auto))?$/)) {
-                            const dimMatch = part.match(/^(\d+(?:px|rem|em|%)?)(?:x(\d+(?:px|rem|em|%)?|auto))?$/);
-                            let w = dimMatch[1];
-                            if (!isNaN(w)) w += 'px';
-                            style += `width: ${w}; `;
-
-                            if (dimMatch[2] && dimMatch[2] !== 'auto') {
-                                let h = dimMatch[2];
-                                if (!isNaN(h)) h += 'px';
-                                style += `height: ${h}; object-fit: cover; `;
-                            } else {
-                                style += `height: auto; `;
-                            }
-                        }
-                    });
-                }
-
-                const imgTag = `<img src="${url}" alt="${alt}" style="${style}" class="custom-md-image" />`;
-                if (isCenter) return `<div style="text-align: center; width: 100%; clear: both; margin: 16px 0;">${imgTag}</div>`;
-                return imgTag;
-            });
-
-            processedText = processedText.replace(/^={3,}\s*$/gm, '\n\n<hr class="custom-divider" />\n\n');
-            processedText = processedText.replace(/^\/(center|right|left|justify)\s*\n([\s\S]*?)\n\/end/gm, '<div style="text-align: $1;">\n\n$2\n\n</div>');
-            processedText = processedText.replace(/^\/(center|right|left|justify)\s+(.+)$/gm, '<div style="text-align: $1;">\n\n$2\n\n</div>');
-
-            processedText = processedText.replace(/\[([^\]]+)\]\s*\{\s*([a-zA-Z0-9#]+)\s*\}/g, (match, text, color) => {
-                const c = color.toLowerCase();
-                if (c === 'white' || c === 'black' || c === '#fff' || c === '#ffffff' || c === '#000' || c === '#000000') {
-                    return `<span class="adaptive-color">${text}</span>`;
-                }
-                return `<span style="color: ${color};">${text}</span>`;
-            });
-
-            processedText = processedText.replace(/\[\[(.*?)\]\]/g, (match, noteTitle) => {
-                const cleanTitle = noteTitle.trim();
-                const exists = notes.some(n => n.title.toLowerCase() === cleanTitle.toLowerCase());
-                const linkClass = exists ? 'valid-link' : 'dead-link';
-                const icon = exists ? 'file-symlink' : 'file-plus';
-                return `<a href="#" class="internal-note-link ${linkClass}" data-note="${cleanTitle}"><i data-lucide="${icon}"></i>${cleanTitle}</a>`;
-            });
-
-            const htmlContent = marked.parse(processedText, { breaks: true, gfm: true });
-
-            return DOMPurify.sanitize(htmlContent, {
-                ADD_TAGS: ['svg', 'path', 'circle', 'rect', 'line', 'polygon', 'polyline', 'g', 'defs', 'clipPath', 'use'],
-                ADD_ATTR: ['style', 'class', 'viewBox', 'fill', 'stroke', 'stroke-width', 'stroke-linecap', 'stroke-linejoin', 'd', 'cx', 'cy', 'r', 'width', 'height', 'x', 'y', 'xmlns', 'transform', 'fill-rule', 'clip-rule', 'data-note']
-            });
-        }
-
-        function injectCopyButtons(container) {
-            container.querySelectorAll('pre').forEach((pre) => {
-                if (pre.querySelector('.copy-code-btn')) return;
-
-                const btn = document.createElement('button');
-                btn.className = 'copy-code-btn';
-                btn.innerHTML = '<i data-lucide="copy"></i>';
-                btn.title = "Copy Code";
-
-                btn.addEventListener('click', () => {
-                    const codeBlock = pre.querySelector('code');
-                    if (codeBlock) {
-                        navigator.clipboard.writeText(codeBlock.innerText).then(() => {
-                            btn.innerHTML = '<i data-lucide="check" style="color: #10b981;"></i>';
-                            if (window.lucide) lucide.createIcons();
-
-                            setTimeout(() => {
-                                btn.innerHTML = '<i data-lucide="copy"></i>';
-                                if (window.lucide) lucide.createIcons();
-                            }, 2000);
-
-                            if (window.showToast) window.showToast("<i data-lucide='check-circle'></i> Copied");
-                        });
-                    }
-                });
-                pre.appendChild(btn);
-            });
-        }
-
-        function attachInternalLinkListeners(container) {
-            container.querySelectorAll('.internal-note-link').forEach(link => {
-                link.addEventListener('click', (e) => {
-                    e.preventDefault();
-                    const targetTitle = link.getAttribute('data-note');
-                    const targetNote = notes.find(n => n.title.toLowerCase() === targetTitle.toLowerCase());
-
-                    if (targetNote) {
-                        activeNoteId = targetNote.id;
-                        highlightedNoteId = targetNote.id;
-                        activeFolder = targetNote.folder || 'All Notes';
-                        editor.value = targetNote.content;
-                        saveLocalState();
-
-                        renderMarkdownCore(targetNote.content);
-
-                        if (typeof window.renderFoldersList === 'function') window.renderFoldersList();
-                        if (typeof window.renderNotesList === 'function') window.renderNotesList();
-
-                        if (document.getElementById('notes-modal')?.classList.contains('show')) {
-                            window.renderDashboardPreview();
-                        } else {
-                            if (window.showToast) window.showToast("<i data-lucide='external-link'></i> Opened");
-                        }
-                    } else {
-                        if (window.showToast) window.showToast("<i data-lucide='info'></i> Note not found");
-                        const promptModal = document.getElementById('prompt-modal');
-                        const promptInput = document.getElementById('prompt-input');
-                        if (promptModal && promptInput) {
-                            promptInput.value = targetTitle;
-                            promptModal.classList.add('show');
-                            setTimeout(() => { promptInput.focus(); promptInput.select(); }, 100);
-                        }
-                    }
-                });
-            });
-        }
-
-        window.renderDashboardPreview = async function () {
-            const previewEl = document.getElementById('dashboard-preview-output');
-            const note = notes.find(n => n.id === highlightedNoteId);
-
-            if (!note || !previewEl) {
-                if (previewEl) previewEl.innerHTML = `<div style="opacity:0.5; text-align:center; margin-top:20px;">No note selected</div>`;
-                return;
-            }
-
-            await new Promise(res => setTimeout(res, 0));
-
-            previewEl.innerHTML = customMarkdownParser(note.content);
-            if (typeof renderMathInElement === 'function') {
-                renderMathInElement(previewEl, { delimiters: [{ left: "$$", right: "$$", display: true }, { left: "$", right: "$", display: false }], throwOnError: false });
-            }
-
-            injectCopyButtons(previewEl);
-            attachInternalLinkListeners(previewEl);
-
-            if (typeof hljs !== 'undefined') {
-                previewEl.querySelectorAll('pre code').forEach((block) => hljs.highlightElement(block));
-            }
-            if (window.lucide) lucide.createIcons();
-        };
-
-        document.getElementById('dash-btn-edit')?.addEventListener('click', async () => {
-            if (!highlightedNoteId) return;
-
-            if (getActiveNote() && editor.value !== getActiveNote().content) {
-                getActiveNote().content = editor.value;
-                getActiveNote().lastUpdated = Date.now();
-                await saveLocalState();
-                if (isAutoSave && appMode === 'github') triggerCloudSync();
-            }
-
-            activeNoteId = highlightedNoteId;
-            await saveLocalState();
-            editor.value = getActiveNote().content;
-            renderMarkdownCore(editor.value);
-            if (typeof window.closeNotesModal === 'function') window.closeNotesModal();
-        });
-
-        document.getElementById('dash-btn-delete')?.addEventListener('click', () => {
-            if (!highlightedNoteId) return;
-            pendingDeleteData = { type: 'note', id: highlightedNoteId };
-            document.getElementById('delete-modal-title').textContent = 'Delete Note?';
-            document.getElementById('delete-modal-desc').textContent = 'This action cannot be undone. Are you sure?';
-            document.getElementById('delete-modal').classList.add('show');
-        });
-
-        document.getElementById('dash-btn-export')?.addEventListener('click', async () => {
-            if (!highlightedNoteId) return;
-            activeNoteId = highlightedNoteId;
-            await saveLocalState();
-            editor.value = getActiveNote().content;
-            renderMarkdownCore(editor.value);
-            if (typeof window.closeNotesModal === 'function') window.closeNotesModal();
-            setTimeout(() => { document.getElementById('btn-pdf').click(); }, 300);
-        });
-
-        document.getElementById('dash-btn-back')?.addEventListener('click', () => {
-            document.querySelector('.notes-dashboard-box')?.classList.remove('show-preview-pane');
-        });
-
-        document.getElementById('delete-confirm')?.addEventListener('click', async () => {
-            if (!pendingDeleteData.type) return;
-
-            if (pendingDeleteData.type === 'note') {
-                const idx = notes.findIndex(n => n.id === pendingDeleteData.id);
-                if (idx === -1) return;
-
-                const noteToDelete = notes[idx];
-                notes.splice(idx, 1);
-
-                if (activeNoteId === pendingDeleteData.id) {
-                    activeNoteId = notes.length > 0 ? notes[Math.max(0, idx - 1)].id : null;
-                    if (activeNoteId) editor.value = getActiveNote().content;
-                    else editor.value = "";
-                }
-
-                if (highlightedNoteId === pendingDeleteData.id) {
-                    let displayNotes = activeFolder === 'All Notes' ? notes : notes.filter(n => n.folder === activeFolder);
-                    highlightedNoteId = displayNotes.length > 0 ? displayNotes[0].id : null;
-                }
-
-                if (appMode === 'github' && noteToDelete.path) {
-                    if (navigator.onLine) {
-                        GitHubBackend.deleteNote(noteToDelete.path, noteToDelete.id).catch(() => {
-                            OfflineQueue.add('delete', { path: noteToDelete.path, sha: noteToDelete.id });
-                        });
-                    } else {
-                        OfflineQueue.add('delete', { path: noteToDelete.path, sha: noteToDelete.id });
-                    }
-                }
-
-                if (notes.length === 0) {
-                    const id = Date.now().toString();
-                    notes = [{ id: id, path: 'Welcome.md', folder: 'All Notes', title: "Welcome", content: defaultWelcomeNote, lastUpdated: Date.now() }];
-                    activeNoteId = id;
-                    editor.value = notes[0].content;
-                }
-
-                await saveLocalState();
-                await StorageManager.deleteNote(pendingDeleteData.id);
-
-                renderMarkdownCore(editor.value);
-                window.renderFoldersList();
-                window.renderNotesList();
-
-                if (typeof window.closeDeleteModal === 'function') window.closeDeleteModal();
-                if (window.showToast) window.showToast("<i data-lucide='trash-2'></i> Deleted");
-
-                if (document.getElementById('management-modal')?.classList.contains('show') && typeof window.renderManagementModal === 'function') {
-                    window.renderManagementModal();
-                }
-            } else if (pendingDeleteData.type === 'folder') {
-                folders = folders.filter(f => f !== pendingDeleteData.id);
-                if (activeFolder === pendingDeleteData.id) activeFolder = 'All Notes';
-                saveFolders();
-                window.renderFoldersList();
-                window.renderNotesList();
-                if (document.getElementById('management-modal')?.classList.contains('show') && typeof window.renderManagementModal === 'function') {
-                    window.renderManagementModal();
-                }
-                if (typeof window.closeDeleteModal === 'function') window.closeDeleteModal();
-                window.showToast("<i data-lucide='trash-2'></i> Deleted");
-            }
-
-            pendingDeleteData = { type: null, id: null };
-        });
-
-        const btnNewFolder = document.getElementById('btn-new-folder');
-        const folderPromptModal = document.getElementById('folder-prompt-modal');
-        const folderPromptInput = document.getElementById('folder-prompt-input');
-
-        let returningToNoteModal = false;
-
-        btnNewFolder?.addEventListener('click', () => {
-            folderPromptInput.value = '';
-            folderPromptModal.classList.add('show');
-            setTimeout(() => { folderPromptInput.focus(); }, 100);
-        });
-
-        document.getElementById('btn-quick-new-folder')?.addEventListener('click', () => {
-            document.getElementById('prompt-modal').classList.remove('show');
-            returningToNoteModal = true;
-            setTimeout(() => { btnNewFolder.click(); }, 300);
-        });
-
-        document.getElementById('folder-prompt-confirm')?.addEventListener('click', () => {
-            let folderName = folderPromptInput.value.trim().replace(/[/\\?%*:|"<>]/g, '-');
-            if (!folderName) return window.showToast("Folder name cannot be empty.");
-            if (folders.includes(folderName)) return window.showToast("Folder already exists.");
-
-            folders.push(folderName);
-            activeFolder = folderName;
-            saveFolders();
-
-            window.renderFoldersList();
-            window.renderNotesList();
-
-            folderPromptModal.classList.remove('show');
-            window.showToast(`<i data-lucide='folder'></i> Created`);
-
-            if (returningToNoteModal) {
-                setTimeout(() => { document.getElementById('btn-new-note').click(); }, 300);
-                returningToNoteModal = false;
-            } else if (window.innerWidth <= 768) {
-                document.querySelector('.notes-dashboard-box')?.classList.add('show-notes-pane');
-            }
-        });
-
-        document.getElementById('folder-prompt-cancel')?.addEventListener('click', () => {
-            folderPromptModal.classList.remove('show');
-            if (returningToNoteModal) {
-                setTimeout(() => { document.getElementById('btn-new-note').click(); }, 300);
-                returningToNoteModal = false;
-            }
-        });
-
-        const btnNewNote = document.getElementById('btn-new-note');
-        const promptModal = document.getElementById('prompt-modal');
-        const promptInput = document.getElementById('prompt-input');
-
-        btnNewNote?.addEventListener('click', () => {
-            promptInput.value = '';
-
-            const dropList = document.getElementById('note-folder-dropdown-list');
-            const dropText = document.getElementById('folder-selected-text');
-            if (dropList && dropText) {
-                dropList.innerHTML = '';
-                folders.forEach(f => {
-                    const div = document.createElement('div');
-                    div.className = `dropdown-item ${f === activeFolder ? 'active' : ''}`;
-                    div.setAttribute('data-value', f);
-                    div.textContent = f;
-                    dropList.appendChild(div);
-                });
-                dropText.textContent = activeFolder;
-                dropText.setAttribute('data-selected', activeFolder);
-                if (window.setupFolderDropdown) window.setupFolderDropdown();
-            }
-
-            promptModal.classList.add('show');
-            setTimeout(() => { promptInput.focus(); }, 100);
-        });
-
-        const createNoteFlow = async () => {
-            let noteName = promptInput.value.trim() || "Untitled Note";
-
-            const dropText = document.getElementById('folder-selected-text');
-            let targetFolder = dropText ? dropText.getAttribute('data-selected') : activeFolder;
-            if (!targetFolder) targetFolder = activeFolder;
-
-            const generatedPath = generatePath(targetFolder, noteName);
-            const existingNote = notes.find(n => n.path === generatedPath);
-
-            // Handle Rename Flow Hijack
-            if (pendingNewNoteData && pendingNewNoteData.isRename) {
-                if (existingNote && existingNote.id !== pendingNewNoteData.targetId) {
-                    window.showToast("Note already exists in target folder.");
-                    return;
-                }
-                let noteToRename = notes.find(n => n.id === pendingNewNoteData.targetId);
-                if (noteToRename) {
-                    noteToRename.title = noteName;
-                    noteToRename.folder = targetFolder;
-                    noteToRename.path = generatedPath;
-                    noteToRename.lastUpdated = Date.now();
-
-                    await saveLocalState();
-                    window.renderFoldersList();
-                    window.renderNotesList();
-                    if (typeof window.renderManagementModal === 'function') window.renderManagementModal();
-
-                    if (isAutoSave && appMode === 'github') triggerCloudSync();
-                    window.showToast("<i data-lucide='check-circle'></i> Updated");
-                }
-                promptModal.classList.remove('show');
-                pendingNewNoteData = null;
-                return;
-            }
-
-            const newId = Date.now().toString();
-            const content = `# ${noteName}\n\nStart typing here...`;
-
-            if (existingNote) {
-                pendingNewNoteData = { id: newId, path: generatedPath, folder: targetFolder, title: noteName, content: content, existingId: existingNote.id };
-                document.getElementById('conflict-filename').textContent = noteName + ".md";
-                promptModal.classList.remove('show');
-                document.getElementById('conflict-modal').classList.add('show');
-                return;
-            }
-
-            await executeNoteCreation({ id: newId, path: generatedPath, folder: targetFolder, title: noteName, content: content, lastUpdated: Date.now() });
-        };
-
-        async function executeNoteCreation(noteData) {
-            notes.unshift(noteData);
-            activeNoteId = noteData.id;
-            highlightedNoteId = noteData.id;
-            activeFolder = noteData.folder; // Switch folder view
-            editor.value = noteData.content;
-
-            await saveLocalState();
-            renderMarkdownCore(noteData.content);
-            window.renderFoldersList();
-            window.renderNotesList();
-
-            promptModal.classList.remove('show');
-            if (typeof window.closeNotesModal === 'function') window.closeNotesModal();
-
-            if (isAutoSave && appMode === 'github') triggerCloudSync();
-            window.showToast("<i data-lucide='check-circle'></i> Created");
-        }
-
-        document.getElementById('prompt-confirm')?.addEventListener('click', createNoteFlow);
-        promptInput?.addEventListener('keypress', (e) => { if (e.key === 'Enter') createNoteFlow(); });
-        document.getElementById('prompt-cancel')?.addEventListener('click', () => {
-            promptModal.classList.remove('show');
-            pendingNewNoteData = null;
-        });
-
-        // ✨ RENAME MODAL LOGIC ✨
-        document.getElementById('rename-confirm')?.addEventListener('click', async () => {
-            if (!pendingRenameData) return;
-            const newTitle = document.getElementById('rename-input').value.trim();
-            if (!newTitle) return window.showToast("Name cannot be empty.");
-
-            const targetFolder = pendingRenameData.folder || 'All Notes';
-            const newPath = generatePath(targetFolder, newTitle);
-
-            const existing = notes.find(n => n.path === newPath && n.id !== pendingRenameData.id);
-            if (existing) return window.showToast("Note already exists.");
-
-            let noteToRename = notes.find(n => n.id === pendingRenameData.id);
-            if (noteToRename) {
-                noteToRename.title = newTitle;
-                noteToRename.path = newPath;
-                noteToRename.lastUpdated = Date.now();
-
-                await saveLocalState();
-                window.renderFoldersList();
-                window.renderNotesList();
-                if (typeof window.renderManagementModal === 'function') window.renderManagementModal();
-                if (isAutoSave && appMode === 'github') triggerCloudSync();
-                window.showToast("<i data-lucide='check-circle'></i> Renamed");
-            }
-            document.getElementById('rename-modal').classList.remove('show');
-            pendingRenameData = null;
-        });
-        document.getElementById('rename-cancel')?.addEventListener('click', () => {
-            document.getElementById('rename-modal').classList.remove('show');
-            pendingRenameData = null;
-        });
-        document.getElementById('rename-input')?.addEventListener('keypress', (e) => {
-            if (e.key === 'Enter') document.getElementById('rename-confirm')?.click();
-        });
-
-        document.getElementById('conflict-cancel')?.addEventListener('click', () => {
-            document.getElementById('conflict-modal').classList.remove('show');
-            pendingNewNoteData = null;
-        });
-
-        document.getElementById('conflict-rename')?.addEventListener('click', () => {
-            document.getElementById('conflict-modal').classList.remove('show');
-            promptInput.value = pendingNewNoteData.title + " (New)";
-            promptModal.classList.add('show');
-            pendingNewNoteData = null;
-        });
-
-        document.getElementById('conflict-overwrite')?.addEventListener('click', async () => {
-            if (!pendingNewNoteData) return;
-            let exNote = notes.find(n => n.id === pendingNewNoteData.existingId);
-            if (exNote) {
-                exNote.content = pendingNewNoteData.content;
-                exNote.lastUpdated = Date.now();
-                activeNoteId = exNote.id;
-                highlightedNoteId = exNote.id;
-                editor.value = exNote.content;
-
-                await saveLocalState();
-                renderMarkdownCore(exNote.content);
-                window.renderNotesList();
-                if (isAutoSave && appMode === 'github') triggerCloudSync();
-                window.showToast("<i data-lucide='copy'></i> Overwritten");
-            }
-            document.getElementById('conflict-modal').classList.remove('show');
-            if (typeof window.closeNotesModal === 'function') window.closeNotesModal();
-            pendingNewNoteData = null;
-        });
-
-        function getDynamicDebounceTime(textLength) {
-            if (textLength > 200000) return 1500;
-            if (textLength > 50000) return 800;
-            return 300;
-        }
-
-        let debounceTimeout;
-        function dynamicDebounce(rawText) {
-            clearTimeout(debounceTimeout);
-            const waitTime = getDynamicDebounceTime(rawText.length);
-
-            debounceTimeout = setTimeout(async () => {
-                const activeNote = getActiveNote();
-                if (activeNote) {
-                    activeNote.content = rawText;
-                    activeNote.lastUpdated = Date.now();
-
-                    if (isAutoSave) {
-                        await saveLocalState();
-                        triggerCloudSync();
-                    }
-                }
-                renderMarkdownCore(rawText);
-            }, waitTime);
-        }
-
-        function updateLiveStats(text) {
-            if (typeof text !== 'string') return;
-            const chars = text.length;
-            const words = text.trim().split(/\s+/).filter(w => w.length > 0).length;
-
-            const wEl = document.getElementById('stat-words');
-            const cEl = document.getElementById('stat-chars');
-            const rEl = document.getElementById('stat-reading-time');
-
-            if (wEl) wEl.textContent = `${words} Words`;
-            if (cEl) cEl.textContent = `${chars} Characters`;
-            if (rEl) rEl.textContent = `${Math.max(1, Math.ceil(words / 200))} min read`;
-        }
-
-        async function renderMarkdownCore(rawText) {
-            updateLiveStats(rawText);
-
-            await new Promise(resolve => setTimeout(resolve, 0));
-
-            preview.innerHTML = customMarkdownParser(rawText);
-
-            await new Promise(resolve => setTimeout(resolve, 0));
-            if (typeof renderMathInElement === 'function') {
-                renderMathInElement(preview, { delimiters: [{ left: "$$", right: "$$", display: true }, { left: "$", right: "$", display: false }], throwOnError: false });
-            }
-
-            injectCopyButtons(preview);
-            attachInternalLinkListeners(preview);
-
-            if (typeof hljs !== 'undefined') {
-                preview.querySelectorAll('pre code').forEach((block) => hljs.highlightElement(block));
-            }
-            if (window.lucide) lucide.createIcons();
-
-            if (highlightedNoteId === activeNoteId && document.getElementById('notes-modal')?.classList.contains('show')) {
-                window.renderDashboardPreview();
-            }
-        }
-
-        editor.addEventListener('input', () => {
-            dynamicDebounce(editor.value);
-        });
-
-        editor.addEventListener('keydown', function (e) {
-            if (e.key === 'Tab') {
-                e.preventDefault();
-                const start = this.selectionStart;
-                const end = this.selectionEnd;
-                this.value = this.value.substring(0, start) + "  " + this.value.substring(end);
-                this.selectionStart = this.selectionEnd = start + 2;
-                editor.dispatchEvent(new Event('input'));
-            }
-        });
-
-        let isScrollSync = true;
-        let isSyncingLeft = false;
-        let isSyncingRight = false;
-        let uiScrollTimeout;
-
-        const btnScrollSync = document.getElementById('btn-scroll-sync');
-        if (btnScrollSync) {
-            btnScrollSync.addEventListener('click', () => {
-                isScrollSync = !isScrollSync;
-                btnScrollSync.classList.toggle('active', isScrollSync);
-                btnScrollSync.style.opacity = isScrollSync ? '1' : '0.4';
-            });
-        }
-
-        editor.addEventListener('scroll', () => {
-            if (!isScrollSync || isSyncingLeft) return;
-            const editorScrollable = editor.scrollHeight - editor.clientHeight;
-            const previewScrollable = previewPanel.scrollHeight - previewPanel.clientHeight;
-            if (editorScrollable > 0 && previewScrollable > 0) {
-                isSyncingRight = true;
-                const percentage = editor.scrollTop / editorScrollable;
-                previewPanel.scrollTop = percentage * previewScrollable;
-                clearTimeout(uiScrollTimeout);
-                uiScrollTimeout = setTimeout(() => { isSyncingRight = false; }, 50);
-            }
-        });
-
-        previewPanel.addEventListener('scroll', () => {
-            if (!isScrollSync || isSyncingRight) return;
-            const editorScrollable = editor.scrollHeight - editor.clientHeight;
-            const previewScrollable = previewPanel.scrollHeight - previewPanel.clientHeight;
-            if (editorScrollable > 0 && previewScrollable > 0) {
-                isSyncingLeft = true;
-                const percentage = previewPanel.scrollTop / previewScrollable;
-                editor.scrollTop = percentage * editorScrollable;
-                clearTimeout(uiScrollTimeout);
-                uiScrollTimeout = setTimeout(() => { isSyncingLeft = false; }, 50);
-            }
-        });
-
-        document.querySelectorAll('.tool-btn[data-action]').forEach(btn => {
-            btn.addEventListener('click', () => {
-                const action = btn.getAttribute('data-action');
-                const start = editor.selectionStart;
-                const end = editor.selectionEnd;
-                let selection = editor.value.substring(start, end);
-                const fullText = editor.value;
-
-                let prefix = ''; let suffix = ''; let defaultText = '';
-
-                if (action === 'bold') { prefix = '**'; suffix = '**'; defaultText = 'bold text'; }
-                else if (action === 'italic') { prefix = '*'; suffix = '*'; defaultText = 'italic text'; }
-                else if (action === 'math') { prefix = '$$'; suffix = '$$'; defaultText = 'e=mc^2'; }
-                else if (action === 'code') { prefix = '\n```\n'; suffix = '\n```\n'; defaultText = 'code here'; }
-                else if (action === 'heading') { prefix = '### '; suffix = ''; defaultText = 'Heading'; }
-                else if (action === 'link') { prefix = '['; suffix = '](url)'; defaultText = 'link text'; }
-                else if (action === 'note-link') { prefix = '[['; suffix = ']]'; defaultText = 'Note Name'; }
-                else if (action === 'image') { prefix = '!['; suffix = '](https://example.com/image.jpg){center, 400xauto}'; defaultText = 'alt text'; }
-                else if (action === 'table') {
-                    prefix = '\n| Header | Header |\n|--------|--------|\n| Cell   | Cell   |\n';
-                    suffix = ''; defaultText = '';
-                }
-                else if (action === 'align-left') { prefix = '/left '; suffix = ''; defaultText = 'Left aligned text'; }
-                else if (action === 'align-center') { prefix = '/center '; suffix = ''; defaultText = 'Centered text'; }
-                else if (action === 'align-right') { prefix = '/right '; suffix = ''; defaultText = 'Right aligned text'; }
-
-                editor.focus();
-
-                if (prefix && suffix && selection.startsWith(prefix) && selection.endsWith(suffix) && selection.length >= prefix.length + suffix.length) {
-                    const unstripped = selection.substring(prefix.length, selection.length - suffix.length);
-                    editor.value = fullText.substring(0, start) + unstripped + fullText.substring(end);
-                    editor.selectionStart = start;
-                    editor.selectionEnd = start + unstripped.length;
-                    editor.dispatchEvent(new Event('input'));
-                    return;
-                }
-
-                const textBefore = fullText.substring(Math.max(0, start - prefix.length), start);
-                const textAfter = fullText.substring(end, end + suffix.length);
-
-                if (prefix && suffix && textBefore === prefix && textAfter === suffix) {
-                    editor.value = fullText.substring(0, start - prefix.length) + selection + fullText.substring(end + suffix.length);
-                    editor.selectionStart = start - prefix.length;
-                    editor.selectionEnd = start - prefix.length + selection.length;
-                    editor.dispatchEvent(new Event('input'));
-                    return;
-                }
-
-                if (action === 'heading') {
-                    const lineStart = fullText.lastIndexOf('\n', start - 1) + 1;
-                    const lineEnd = fullText.indexOf('\n', end);
-                    const actualLineEnd = lineEnd === -1 ? fullText.length : lineEnd;
-                    const lineText = fullText.substring(lineStart, actualLineEnd);
-
-                    if (lineText.trimStart().startsWith('### ')) {
-                        const stripped = lineText.replace(/^\s*###\s*/, '');
-                        editor.value = fullText.substring(0, lineStart) + stripped + fullText.substring(actualLineEnd);
-                        const offset = Math.max(lineStart, start - 4);
-                        editor.selectionStart = editor.selectionEnd = offset;
-                        editor.dispatchEvent(new Event('input'));
-                        return;
-                    }
-                }
-
-                const textToWrap = selection || defaultText;
-                editor.value = fullText.substring(0, start) + prefix + textToWrap + suffix + fullText.substring(end);
-
-                if (!selection) {
-                    editor.selectionStart = start + prefix.length;
-                    editor.selectionEnd = start + prefix.length + defaultText.length;
-                } else {
-                    editor.selectionStart = start + prefix.length;
-                    editor.selectionEnd = start + prefix.length + selection.length;
-                }
-                editor.dispatchEvent(new Event('input'));
-            });
-        });
-
-        const btnExportMd = document.getElementById('btn-export-md');
-        const btnImportMd = document.getElementById('btn-import-md');
-        const importFile = document.getElementById('import-file');
-
-        btnExportMd?.addEventListener('click', () => {
-            const text = editor.value;
-            const blob = new Blob([text], { type: 'text/markdown' });
-            const url = URL.createObjectURL(blob);
-            const a = document.createElement('a');
-            a.href = url;
-            let safeTitle = getActiveNote().title.replace(/[/\\?%*:|"<>]/g, '_').toLowerCase();
-            if (safeTitle === 'untitled_note' || !safeTitle) safeTitle = 'markdown_document';
-            a.download = `${safeTitle}.md`;
-            a.click();
-            URL.revokeObjectURL(url);
-            window.showToast("<i data-lucide='download'></i> Downloaded");
-        });
-
-        btnImportMd?.addEventListener('click', () => importFile.click());
-
-        importFile?.addEventListener('change', (e) => {
-            const file = e.target.files[0];
-            if (!file) return;
-            const reader = new FileReader();
-            reader.onload = async (e) => {
-                const content = e.target.result;
-                const rawTitle = file.name.replace('.md', '').replace('.txt', '');
-                const folder = activeFolder;
-                const newPath = generatePath(folder, rawTitle);
-                const newId = Date.now().toString();
-
-                if (notes.find(n => n.path === newPath)) {
-                    window.showToast("<i data-lucide='alert-triangle'></i> File exists.");
-                    return;
-                }
-
-                notes.unshift({ id: newId, path: newPath, folder: folder, title: rawTitle, content: content, lastUpdated: Date.now() });
-                activeNoteId = newId;
-                highlightedNoteId = newId;
-                editor.value = content;
-
-                await saveLocalState();
-                renderMarkdownCore(content);
-                if (typeof window.renderFoldersList === 'function') window.renderFoldersList();
-                if (typeof window.renderNotesList === 'function') window.renderNotesList();
-                if (typeof window.renderManagementModal === 'function') window.renderManagementModal();
-                window.showToast("<i data-lucide='file-up'></i> Imported");
-
-                if (isAutoSave && appMode === 'github') triggerCloudSync();
-            };
-            reader.readAsText(file);
-            importFile.value = '';
-        });
-
-        if (window.location.hash && window.location.hash.length > 1) {
-            try {
-                const encodedData = window.location.hash.substring(1);
-                const decodedText = decodeURIComponent(atob(encodedData));
-                const sharedId = Date.now().toString();
-                const sharedTitle = "Shared Note";
-                const sharedPath = generatePath('All Notes', sharedTitle);
-
-                notes.unshift({ id: sharedId, path: sharedPath, folder: 'All Notes', title: sharedTitle, content: decodedText, lastUpdated: Date.now() });
-                activeNoteId = sharedId;
-                highlightedNoteId = sharedId;
-                saveLocalState().then(() => {
-                    window.showToast("<i data-lucide='download'></i> Saved");
-                    history.replaceState(null, null, ' ');
-                });
-            } catch (e) { console.error("Invalid import link", e); }
-        }
-
-        inputFilename?.addEventListener('keypress', (e) => { if (e.key === 'Enter') btnConfirmPdf.click(); });
-
-        btnConfirmPdf?.addEventListener('click', () => {
-            let fileName = inputFilename.value.trim() || getActiveNote().title || "Document";
-            if (typeof window.closePdfModal === "function") window.closePdfModal();
-
-            const style = document.createElement('style');
-            let pageCss = "";
-
-            if (window.selectedPageSize === 'A4') {
-                pageCss = `@page { size: A4 portrait; margin: 0; } #preview-output { padding: 24px 48px !important; }`;
-            }
-            else if (window.selectedPageSize === 'A2') {
-                pageCss = `@page { size: A2 portrait; margin: 0; } #preview-output { padding: 36px 64px !important; font-size: 1.2rem !important; }`;
-            }
-            else if (window.selectedPageSize === 'Infinity') {
-                const previewEl = document.getElementById('preview-output');
-                const previewPanel = document.getElementById('preview-panel');
-
-                const isHidden = window.getComputedStyle(previewPanel).display === 'none';
-                if (isHidden) {
-                    previewPanel.style.setProperty('display', 'block', 'important');
-                    previewPanel.style.setProperty('position', 'absolute', 'important');
-                    previewPanel.style.setProperty('visibility', 'hidden', 'important');
-                    previewPanel.style.setProperty('z-index', '-1000', 'important');
-                }
-
-                const contentHeightPx = previewEl.scrollHeight;
-
-                if (isHidden) {
-                    previewPanel.style.removeProperty('display');
-                    previewPanel.style.removeProperty('position');
-                    previewPanel.style.removeProperty('visibility');
-                    previewPanel.style.removeProperty('z-index');
-                }
-
-                const contentHeightMm = Math.max(Math.ceil(contentHeightPx * 0.264583) + 40, 297);
-                pageCss = `@page { size: 210mm ${contentHeightMm}mm; margin: 0; } #preview-output { padding: 24px 48px !important; }`;
-            }
-
-            style.innerHTML = pageCss;
-            document.head.appendChild(style);
-
-            const originalTitle = document.title;
-            document.title = fileName;
-
-            setTimeout(() => {
-                window.print();
-                document.title = originalTitle;
-                document.head.removeChild(style);
-                if (typeof window.showToast === "function") window.showToast("<i data-lucide='check'></i> Exported");
-            }, 400);
-        });
-
-        shareBtn?.addEventListener('click', async () => {
-            const textToShare = editor.value;
-            if (!textToShare.trim()) return window.showToast("Note is empty.");
-
-            const token = localStorage.getItem('md_github_token');
-            if (!token) {
-                window.showToast("Connect GitHub first.");
-                document.getElementById('setup-modal').classList.add('show');
-                return;
-            }
-
-            const originalHtml = shareBtn.innerHTML;
-            shareBtn.innerHTML = `<i data-lucide="loader" class="spin" style="width: 16px;"></i> Generating`;
-            shareBtn.disabled = true;
-            if (window.lucide) lucide.createIcons();
-
-            try {
-                const secretKey = CryptoJS.lib.WordArray.random(16).toString();
-                const encryptedText = CryptoJS.AES.encrypt(textToShare, secretKey).toString();
-
-                await GitHubBackend.init(token);
-                const gistResult = await GitHubBackend.createSecretGist(encryptedText);
-
-                if (gistResult && !gistResult.error) {
-                    const shareableUrl = `https://apandey-studio.vercel.app/share.html?id=${gistResult.id}#${secretKey}`;
-                    if (navigator.share) {
-                        try { await navigator.share({ title: getActiveNote().title, url: shareableUrl }); }
-                        catch (err) { console.log(err); }
-                    } else {
-                        await navigator.clipboard.writeText(shareableUrl);
-                        window.showToast("<i data-lucide='link'></i> Link Copied");
-                    }
-                } else {
-                    window.showToast("Needs 'gist' permission.");
-                }
-            } catch (err) {
-                window.showToast("Encryption Error.");
-            }
-
-            shareBtn.innerHTML = originalHtml;
-            shareBtn.disabled = false;
-            if (window.lucide) lucide.createIcons();
-        });
-
-        const savedMode = localStorage.getItem('md_app_mode') || 'local';
-        if (savedMode === 'github') {
-            const token = localStorage.getItem('md_github_token');
-            if (token) {
-                appMode = 'github';
-                initGitHubMode(token);
-            } else {
-                loadLocalMode();
-            }
-        } else {
-            loadLocalMode();
-        }
-
-    }, 50);
-});
\ No newline at end of file
diff --git a/js/ui.js b/js/ui.js
index 9c99649..fe96911 100644
--- a/js/ui.js
+++ b/js/ui.js
@@ -29,17 +29,9 @@ window.closeDeleteModal = function () { document.getElementById('delete-modal')?
 window.closePromptModal = function () { document.getElementById('prompt-modal')?.classList.remove('show'); };
 window.closePatGuideModal = function () { document.getElementById('pat-guide-modal')?.classList.remove('show'); };
 window.closeDocsModal = function () { document.getElementById('docs-modal')?.classList.remove('show'); };
-window.closeBulkSyncModal = function () { document.getElementById('bulk-sync-modal')?.classList.remove('show'); };
 window.closeManageModal = function () { document.getElementById('management-modal')?.classList.remove('show'); };
 
-window.closeNotesModal = function () {
-    document.getElementById('notes-modal')?.classList.remove('show');
-    const dashboardBox = document.querySelector('.notes-dashboard-box');
-    if (dashboardBox) {
-        dashboardBox.classList.remove('show-preview-pane');
-        dashboardBox.classList.add('folders-collapsed');
-    }
-};
+// window.closeNotesModal is now handled in editor-core.js
 
 document.addEventListener('DOMContentLoaded', () => {
 
@@ -174,10 +166,9 @@ document.addEventListener('DOMContentLoaded', () => {
             if (document.getElementById('setup-modal')?.classList.contains('show')) { document.getElementById('btn-cancel-setup')?.click(); return; }
             if (document.getElementById('pat-guide-modal')?.classList.contains('show')) { document.getElementById('pat-guide-close')?.click(); return; }
             if (document.getElementById('docs-modal')?.classList.contains('show')) { window.closeDocsModal(); return; }
-            if (document.getElementById('bulk-sync-modal')?.classList.contains('show')) { window.closeBulkSyncModal(); return; }
             if (document.getElementById('management-modal')?.classList.contains('show')) { window.closeManageModal(); return; }
             
-            if (document.getElementById('notes-modal')?.classList.contains('show')) { window.closeNotesModal(); return; }
+            if (document.getElementById('notes-modal')?.classList.contains('show')) { if (typeof window.closeNotesModal === 'function') window.closeNotesModal(); return; }
         }
     });