refactor: Modularize UI components and utilities

- Extract UI components into separate JS files
- Centralize configuration values in config.js
- Introduce a dedicated logger module
- Improve file tree drag-and-drop and undo functionality
- Refactor modal handling to a single manager
- Add URL routing support for SPA navigation
- Implement view mode for read-only access

static/js/macro-processor.js

@@ -10,7 +10,7 @@ class MacroProcessor {
         this.includeStack = []; // Track includes to detect cycles
         this.registerDefaultPlugins();
     }
-    
+
     /**
      * Register a macro plugin
      * Plugin must implement: { canHandle(actor, method), process(macro, webdavClient) }
@@ -19,27 +19,23 @@ class MacroProcessor {
         const key = `${actor}.${method}`;
         this.plugins.set(key, plugin);
     }
-    
+
     /**
      * Process all macros in content
      * Returns { success: boolean, content: string, errors: [] }
      */
     async processMacros(content) {
-        console.log('MacroProcessor: Starting macro processing for content:', content);
         const macros = MacroParser.extractMacros(content);
-        console.log('MacroProcessor: Extracted macros:', macros);
         const errors = [];
         let processedContent = content;
-        
+
         // Process macros in reverse order to preserve positions
         for (let i = macros.length - 1; i >= 0; i--) {
             const macro = macros[i];
-            console.log('MacroProcessor: Processing macro:', macro);
-            
+
             try {
                 const result = await this.processMacro(macro);
-                console.log('MacroProcessor: Macro processing result:', result);
-                
+
                 if (result.success) {
                     // Replace macro with result
                     processedContent =
@@ -51,7 +47,7 @@ class MacroProcessor {
                         macro: macro.fullMatch,
                         error: result.error
                     });
-                    
+
                     // Replace with error message
                     const errorMsg = `\n\n⚠️ **Macro Error**: ${result.error}\n\n`;
                     processedContent =
@@ -64,7 +60,7 @@ class MacroProcessor {
                     macro: macro.fullMatch,
                     error: error.message
                 });
-                
+
                 const errorMsg = `\n\n⚠️ **Macro Error**: ${error.message}\n\n`;
                 processedContent =
                     processedContent.substring(0, macro.start) +
@@ -72,15 +68,14 @@ class MacroProcessor {
                     processedContent.substring(macro.end);
             }
         }
-        
-        console.log('MacroProcessor: Final processed content:', processedContent);
+
         return {
             success: errors.length === 0,
             content: processedContent,
             errors
         };
     }
-    
+
     /**
      * Process single macro
      */
@@ -98,20 +93,20 @@ class MacroProcessor {
                 };
             }
         }
-        
+
         if (!plugin) {
             return {
                 success: false,
                 error: `Unknown macro: !!${key}`
             };
         }
-        
+
         // Validate macro
         const validation = MacroParser.validateMacro(macro);
         if (!validation.valid) {
             return { success: false, error: validation.error };
         }
-        
+
         // Execute plugin
         try {
             return await plugin.process(macro, this.webdavClient);
@@ -122,7 +117,7 @@ class MacroProcessor {
             };
         }
     }
-    
+
     /**
      * Register default plugins
      */
@@ -131,14 +126,14 @@ class MacroProcessor {
         this.registerPlugin('core', 'include', {
             process: async (macro, webdavClient) => {
                 const path = macro.params.path || macro.params[''];
-                
+
                 if (!path) {
                     return {
                         success: false,
                         error: 'include macro requires "path" parameter'
                     };
                 }
-                
+
                 try {
                     // Add to include stack
                     this.includeStack.push(path);