...

static/js/app.js

@@ -23,18 +23,18 @@ document.addEventListener('DOMContentLoaded', async () => {
         darkMode.toggle();
     });
     
+    // Initialize file tree
+    fileTree = new FileTree('fileTree', webdavClient);
+    fileTree.onFileSelect = async (item) => {
+        await loadFile(item.path);
+    };
+    
     // Initialize collection selector
     collectionSelector = new CollectionSelector('collectionSelect', webdavClient);
     collectionSelector.onChange = async (collection) => {
         await fileTree.load();
     };
     await collectionSelector.load();
-    
-    // Initialize file tree
-    fileTree = new FileTree('fileTree', webdavClient);
-    fileTree.onFileSelect = async (item) => {
-        await loadFile(item.path);
-    };
     await fileTree.load();
     
     // Initialize editor
@@ -68,6 +68,13 @@ document.addEventListener('DOMContentLoaded', async () => {
     mermaid.initialize({ startOnLoad: true, theme: darkMode.isDark ? 'dark' : 'default' });
 });
 
+// Listen for column resize events to refresh editor
+window.addEventListener('column-resize', () => {
+    if (editor && editor.editor) {
+        editor.editor.refresh();
+    }
+});
+
 /**
  * File Operations
  */