From 9a0234e918f7ba79d2f3eefcf8eb92ee84260b7a Mon Sep 17 00:00:00 2001
From: Roy Macdonald <macdonald.roy@gmail.com>
Date: Sat, 20 Jun 2026 18:29:06 -0400
Subject: [PATCH 1/4] Fixed drag and drop

---
 frontend/app.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/frontend/app.js b/frontend/app.js
index bd778016..c5683841 100644
--- a/frontend/app.js
+++ b/frontend/app.js
@@ -1,6 +1,6 @@
 //nodeRequire is used instead of require due to clash with node and jquery
 //see section - I can not use jQuery/RequireJS/Meteor/AngularJS in Electron : https://www.electronjs.org/docs/latest/faq/
-const { ipcRenderer } = nodeRequire('electron');
+const { ipcRenderer, webUtils } = nodeRequire('electron');
 path = nodeRequire('path');
 fs = nodeRequire('fs');
 
@@ -911,7 +911,8 @@ function onDropFile( e ){
             const files = e.originalEvent.dataTransfer.files;
             // import single project folder
             $("#projectName").val( files[0].name );
-            const projectFullPath = files[0].path;
+            // Electron 32+ removed the File.path augmentation; use webUtils.getPathForFile instead.
+            const projectFullPath = webUtils.getPathForFile( files[0] );
             const projectParentPath = path.normalize(projectFullPath + '/..');
             $("#projectPath").val( projectParentPath ).triggerHandler('change');
 

From 2c2a2823ef6bf704039b29731b50237216e96879 Mon Sep 17 00:00:00 2001
From: Roy Macdonald <macdonald.roy@gmail.com>
Date: Sun, 21 Jun 2026 00:48:10 -0400
Subject: [PATCH 2/4] making file drop modal to use whole window

---
 frontend/static/css/index.css | 46 ++++++++++++++++++++++++++++++++---
 1 file changed, 43 insertions(+), 3 deletions(-)

diff --git a/frontend/static/css/index.css b/frontend/static/css/index.css
index d0b8a19a..ed957b42 100644
--- a/frontend/static/css/index.css
+++ b/frontend/static/css/index.css
@@ -91,12 +91,52 @@ body.enableConsole.showConsole #consoleContainer {
   color: inherit;
 }
 
-#dropZone {
-  height: 500px;
+/* Make the file-drop modal fill the whole window so the entire window is a
+   valid (and visible) drop target. Semantic UI shows the modal inside a
+   full-screen flexbox dimmer and forces the modal itself to position:static so
+   flex can center it as a small, content-sized box. We override that with
+   position:fixed !important + inset:0 so the modal (and its drop overlay) cover
+   the whole viewport instead of just the centered box. */
+
+#fileDropModal.ui.modal {
+  position: fixed !important;
+  top: 0 !important;
+  left: 0 !important;
+  right: 0 !important;
+  bottom: 0 !important;
+  width: auto !important;
+  height: auto !important;
+  max-width: none !important;
+  max-height: none !important;
+  margin: 0 !important;
+  transform: none !important;
+  background: transparent;
+  box-shadow: none;
+  border-radius: 0;
+}
+
+#fileDropModal > .content {
+  width: 100% !important;
+  height: 100% !important;
+  padding: 0 !important;
+  background: transparent;
+}
+
+#fileDropModal #dropZone {
+  height: 100%;
   width: 100%;
+  height: calc(100% - 40px);
+  width: calc(100% - 40px);
+  
+  border-radius: 5px;
+
+  box-sizing: border-box;
   border: 1px dashed black;
-  margin: 10px 0;
+  margin: 20px;
   padding: 20px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
 #dropZone.accept {

From b1b44ca036f2aab2401c7f0f992a29dafe817a5a Mon Sep 17 00:00:00 2001
From: Roy Macdonald <macdonald.roy@gmail.com>
Date: Sun, 21 Jun 2026 12:02:59 -0400
Subject: [PATCH 3/4] Added some margins to the drag and drop zone so it looks
 like it was before

---
 frontend/static/css/index.css | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/static/css/index.css b/frontend/static/css/index.css
index ed957b42..f7317490 100644
--- a/frontend/static/css/index.css
+++ b/frontend/static/css/index.css
@@ -100,17 +100,17 @@ body.enableConsole.showConsole #consoleContainer {
 
 #fileDropModal.ui.modal {
   position: fixed !important;
-  top: 0 !important;
-  left: 0 !important;
-  right: 0 !important;
-  bottom: 0 !important;
+  top: 20px !important;
+  left: 20px !important;
+  right: 20px !important;
+  bottom: 20px !important;
   width: auto !important;
   height: auto !important;
   max-width: none !important;
   max-height: none !important;
   margin: 0 !important;
   transform: none !important;
-  background: transparent;
+  background: white;
   box-shadow: none;
   border-radius: 0;
 }

From 834045e32979f7155cff45f1d80ed7b0d5eef3e3 Mon Sep 17 00:00:00 2001
From: Roy Macdonald <macdonald.roy@gmail.com>
Date: Sun, 21 Jun 2026 21:49:09 -0400
Subject: [PATCH 4/4] Update Node.js version from 16 to 24

---
 .github/workflows/build-macos.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/build-macos.yml b/.github/workflows/build-macos.yml
index 2f7d09f4..b7b6d971 100644
--- a/.github/workflows/build-macos.yml
+++ b/.github/workflows/build-macos.yml
@@ -34,7 +34,7 @@ jobs:
 
       - uses: actions/setup-node@v4
         with:
-          node-version: 16
+          node-version: 24
       - name: Setup
         run: ./scripts/osx/setup_environment.sh
       - name: Determine Release