diff --git a/archive/js/app.js b/archive/js/app.js
index ca1b01a..3537e32 100644
--- a/archive/js/app.js
+++ b/archive/js/app.js
@@ -300,7 +300,7 @@
 
     // Show unsupported browser message
     function showUnsupportedBrowserMessage() {
-        const app = document.getElementById('app');
+        const app = document.getElementById('appContainer');
         app.innerHTML = `
             <div class="empty-state">
                 <div class="empty-state-content">
diff --git a/archive/js/drag-drop.js b/archive/js/drag-drop.js
index 9869a3f..bb7d880 100644
--- a/archive/js/drag-drop.js
+++ b/archive/js/drag-drop.js
@@ -24,8 +24,10 @@
         // Handle drops on grouping folders (for creating transmittals)
         document.getElementById('groupingFoldersList').addEventListener('drop', handleDrop, false);
     
-        // Handle drops on the main app area (for adding directories)
-        document.getElementById('app').addEventListener('drop', handleAppDrop, false);
+        // Handle drops on the main app area (for adding directories).
+        // Note: the root element is id="appContainer" (id="app" was a
+        // stale reference that crashed dragDrop init in local mode).
+        document.getElementById('appContainer').addEventListener('drop', handleAppDrop, false);
     }
 
     // Prevent default behaviors