From f0b04fd4ee708a4e9cb3c0d45f4fdf261002d2da Mon Sep 17 00:00:00 2001
From: kodi <kodi@lab.local>
Date: Sat, 14 Mar 2026 07:10:49 +0100
Subject: [PATCH] feat: folder upload - deel 3

---
 webui/backend/data/tasks.db                   | Bin 122880 -> 147456 bytes
 .../test_ui_smoke_golden.cpython-313.pyc      | Bin 26477 -> 26973 bytes
 .../tests/golden/test_ui_smoke_golden.py      |  13 +++--
 webui/html/app.js                             |  48 +++++++++++++++---
 webui/html/base.css                           |  44 ++++++++++++++++
 webui/html/index.html                         |  10 +++-
 6 files changed, 104 insertions(+), 11 deletions(-)

diff --git a/webui/backend/data/tasks.db b/webui/backend/data/tasks.db
index 32c94d5282de070ab4bc582bc463ee1c9efb0f7a..3a2c117ceb69b421223f0102ee02a3e757fdd5b2 100644
GIT binary patch
delta 16739
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

delta 748
zcmW+yTSydP7@cosXJ=<-XMZ&-LffPkTDwSFK2%;ZunPw2BKcsN_7FXl6=rn749%>_
zEAdqzmD=SYi`>YNsMW~8H1;L8m++o>38^exZ`=3p%b9P^`Of*z|Cg4krCy~bN^TGY
z!Co7)3mRS&G~bIfvmqh`JDX?!*e^E4#@LW2Jmv$d&9q#KK1@<n7Qu>Cg2;FRwvNCS
zt`X)7-Gb>8c$ISPHPa=RI;m_G`;|j1-r{6=YNx5ucrV|Uz8F(Vi?vt3VoNryw>HBG
zi`&v;?3X(%=e0rW1#=>Mu0<-UrHOqNx}_y0Xj^V>)1T?Nsk+~G%zRWXRPDkaDM#rO
zBaFMc2GR0fbCu;Us}NtoxK^#6lvj%h;!V?xx=+1hIwzG`V{JA1Hb7&I^c0^AKn4~B
zAr@0Az#->3rGtPaFTsJ{0LXZHkd!)7AP2pJuo;UMi5OiX@GTIe1qdGVseuc_Lj=bg
zY2A&kVOrnaOmhbI&C@(GM<U#!=*3~k!m2sqByN2)0_iwV0Z!P1>Q(xrV$u?ct-RK|
zEZ$`lHeg|ZxXan}+ds#voucR@^z)@4x#WaU_qZIQccQzJm>nS|IhQQ1F?fhtkRSO2
zew#vqH=S<0DKz$OC)Y-FFVMnTev{T4WXfEia~>qpG%-$%I|7i62e>L05jQYFrK)++
z(d!gs=Rx&HzB{md5-ws76@XRP!f#$uN$D%G;|w^lX^N8U*QnjHkl}5O10t}hn6|?)
zk-y0s{<<H3!u?RoI=@5KLYotQ2dFqR3vuY1r6e{DXR&jU9G+=#oAS-=LVdCKvnM5N
dL@sOZYHRO;G}R1-PcVEQS6G+P=KBU)#Qy@r{96D3

diff --git a/webui/backend/tests/golden/__pycache__/test_ui_smoke_golden.cpython-313.pyc b/webui/backend/tests/golden/__pycache__/test_ui_smoke_golden.cpython-313.pyc
index 18946876005887bc96d7489a6c90a91b3d20b25a..44496a713d89d628fb0c8bb4028a0cc4daf4d6d7 100644
GIT binary patch
delta 891
zcmZXSOH30{6o%(cJM9$c1E$iJhfXOVlhBeV+9+0QKm!31$YhL&5NSKq!7|f8OQbGb
zx<C_?vk}FpQNRZ#HKQ>sUAmBfX@V|Dbms=rh>7?>oz9FV>fL<z{Qo`YKF(cVLTj&)
zZPRKk!jv)c^{KGc{lxaefOnNbxV~22V|-o=1B4T{?I&TIa>{~Z0f+AW4pkhW+ToR@
z78dn*P3JnL`E@~!9SW6X7}bc9utE9YnXbMKT8&K@I}RhxODH9ObneDmT|z8WlTIe2
zp_qS^7t{Wf6pttPnoRk>Mp8<qlYi^OQX<BW$&|}X;*DmxYF7?Hh_*tUE(L+M!ztP>
z|D=7y&i713#A}SA!rk>jC^TRg+Qcg5aQ!v`)y+=uSd{ZKP6+9oZv3Fe14Wv?=y#~=
z)^xtq^>vMMM<7S2311vqLUpN{AWt?gncy2!j;3IP@uAD|!Imi`TSMoOx_tU@Ju-r$
z*=xAY86nSj4L3MK<&4gooC$i4_>fsuZ*io`+nhz^9j*x8DQ>YE-Q`LOME3v>`z^EV
z96Nsi7j0k*dx=^0K06PC;W|Zspz03DhFu05`w;RJZRG6iqr#+&bFd5haP6^ZERHdc
z<?rFEI64Z+UJuN*x+p2hi=5iI9wB;;A8X096}+<ly9wFW3e;XOFY2b&Ie#Q2)-VA{
zj3$%{bcimLJgzqNcgc$3v=~hZl1N7r(m1c}*R6b%1}0Pa$J0K|UnV6C(+&ItFQx)R
ziBu;)$<P-vJ%uyKzP8v7(~NSp@g@06UlVTbTkapqkr4=-_L$EsN6zL*0bUHcU3;@9
za^#^mWXUS&ULoDfo<P==BZG3jf6GF);Y9FrmvKVQ^PQ-?l|aYPHFDL>thkv^m>TB0
Ipf_Ii3*MY98UO$Q

delta 654
zcmcb6iSg|@M!wIyyj%=G5d33HW}eSRzJJV24+J*zvE1gK+$$n7`7eLO<XBdb&6xsg
zm?l^23V=A1_01u)rLf23*--X=APv&+Rv1FFTR>=SDD7{-%c9Q^Trl~XNIPTU<~UJx
zrp@QX89A8#vu(a8e}!>!mooq49A*B^9~4Dc<sKMIC2F%IGlE<O1*|}tnSp`v^A4%W
zd@L%P-PCWgPQI@tGFg&S08HCL>1y2<ljU_qCdYCKfa%$K5c&O3`Xo>sr0*?+-mI;E
zg%zyurvOAkRuD{Yjy65Vwz<%zj*+o@@&{XG#vTy4`Mqrg<K*@BB9p7_)fibPuhUXw
zo)rqF8D~#6a8PER6UsiB&q0}y11vW$loLcV&Yye$D7PS#d-6P>91mD*(PSM*UDn0H
zOM;h9j&oE6vX%i^9geD;i-VU3FSTUK6PWzZQJk4Cc*W!kj>?QHfuy3KK=3M4CP<(t
zFr+hRuHLNXG=YiHX0n5;!sP2N0z4Y2WvO{3nhLgd3e}Sjx{7HF=NF{rx#j1iq!tBa
zCTFJ>X=qwkfdxYga`F>X5P|_fLnJqUbWIUun+dd{c+KYMXniJ=kPBfkS2$vCaPai=
zcJf{j(_RsFg~J3tck_eTADkSHOswYL-B?OCKS=jx6su!lbY+~uaa}_5qJ-ub1~B)7
J(`3g?833U?*4_XB

diff --git a/webui/backend/tests/golden/test_ui_smoke_golden.py b/webui/backend/tests/golden/test_ui_smoke_golden.py
index c6ba17a..a20e9ed 100644
--- a/webui/backend/tests/golden/test_ui_smoke_golden.py
+++ b/webui/backend/tests/golden/test_ui_smoke_golden.py
@@ -50,6 +50,9 @@ class UiSmokeGoldenTest(unittest.TestCase):
         self.assertIn('id="right-focus-line"', body)
         self.assertIn('id="function-bar"', body)
         self.assertIn('id="upload-btn"', body)
+        self.assertIn('id="upload-menu-toggle"', body)
+        self.assertIn('id="upload-menu-popup"', body)
+        self.assertIn('id="upload-folder-btn"', body)
         self.assertIn('id="upload-input"', body)
         self.assertIn('id="upload-progress"', body)
         self.assertIn('id="upload-target"', body)
@@ -178,10 +181,12 @@ class UiSmokeGoldenTest(unittest.TestCase):
         self.assertIn('function effectiveThemeKey(theme, colorMode)', app_js)
         self.assertIn("document.documentElement.dataset.theme", app_js)
         self.assertIn('document.getElementById("theme-toggle").onclick = toggleTheme;', app_js)
-        self.assertIn('document.getElementById("upload-btn").onclick = (event) => {', app_js)
-        self.assertIn('if (event.altKey) {', app_js)
-        self.assertIn("openFolderPicker();", app_js)
-        self.assertIn("openUploadPicker();", app_js)
+        self.assertIn('document.getElementById("upload-btn").onclick = openUploadPicker;', app_js)
+        self.assertIn('document.getElementById("upload-menu-toggle").onclick = (event) => {', app_js)
+        self.assertIn('document.getElementById("upload-folder-btn").onclick = openFolderPicker;', app_js)
+        self.assertIn('function closeUploadMenu()', app_js)
+        self.assertIn('function toggleUploadMenu()', app_js)
+        self.assertNotIn('if (event.altKey) {', app_js)
         self.assertIn('document.getElementById("settings-btn").onclick = () => openSettings("general");', app_js)
         self.assertIn('async function loadSettings()', app_js)
         self.assertIn('await loadSettings();', app_js)
diff --git a/webui/html/app.js b/webui/html/app.js
index 5b52c24..a2363d8 100644
--- a/webui/html/app.js
+++ b/webui/html/app.js
@@ -325,7 +325,11 @@ function infoElements() {
 
 function uploadElements() {
   return {
+    menu: document.getElementById("upload-menu"),
     button: document.getElementById("upload-btn"),
+    menuToggle: document.getElementById("upload-menu-toggle"),
+    menuPopup: document.getElementById("upload-menu-popup"),
+    folderButton: document.getElementById("upload-folder-btn"),
     input: document.getElementById("upload-input"),
     progress: document.getElementById("upload-progress"),
     target: document.getElementById("upload-target"),
@@ -477,6 +481,25 @@ function setUploadProgressVisible(visible) {
   uploadElements().progress.classList.toggle("hidden", !visible);
 }
 
+function closeUploadMenu() {
+  const elements = uploadElements();
+  if (!elements.menuPopup || !elements.menuToggle) {
+    return;
+  }
+  elements.menuPopup.classList.add("hidden");
+  elements.menuToggle.setAttribute("aria-expanded", "false");
+}
+
+function toggleUploadMenu() {
+  const elements = uploadElements();
+  if (!elements.menuPopup || !elements.menuToggle) {
+    return;
+  }
+  const nextOpen = elements.menuPopup.classList.contains("hidden");
+  elements.menuPopup.classList.toggle("hidden", !nextOpen);
+  elements.menuToggle.setAttribute("aria-expanded", nextOpen ? "true" : "false");
+}
+
 function resetUploadProgress() {
   const elements = uploadElements();
   uploadState.active = false;
@@ -523,6 +546,7 @@ function openUploadPicker() {
   if (uploadState.active) {
     return;
   }
+  closeUploadMenu();
   uploadState.targetPath = activePaneState().currentPath;
   const elements = uploadElements();
   elements.input.value = "";
@@ -533,6 +557,7 @@ function openFolderPicker() {
   if (uploadState.active) {
     return;
   }
+  closeUploadMenu();
   folderUploadPlanState = {
     targetPane: state.activePane,
     targetPath: activePaneState().currentPath,
@@ -3040,6 +3065,11 @@ function clearSelectionForActivePane() {
 }
 
 function handleKeyboardShortcuts(event) {
+  if (event.key === "Escape" && !uploadElements().menuPopup.classList.contains("hidden")) {
+    event.preventDefault();
+    closeUploadMenu();
+    return;
+  }
   if (isInfoOpen()) {
     if (event.key === "Escape") {
       event.preventDefault();
@@ -3264,13 +3294,12 @@ function setupEvents() {
   setupPaneEvents("right");
   document.addEventListener("keydown", handleKeyboardShortcuts);
   document.getElementById("theme-toggle").onclick = toggleTheme;
-  document.getElementById("upload-btn").onclick = (event) => {
-    if (event.altKey) {
-      openFolderPicker();
-      return;
-    }
-    openUploadPicker();
+  document.getElementById("upload-btn").onclick = openUploadPicker;
+  document.getElementById("upload-menu-toggle").onclick = (event) => {
+    event.stopPropagation();
+    toggleUploadMenu();
   };
+  document.getElementById("upload-folder-btn").onclick = openFolderPicker;
   document.getElementById("settings-btn").onclick = () => openSettings("general");
   document.getElementById("view-btn").onclick = openViewer;
   document.getElementById("edit-btn").onclick = openEditor;
@@ -3280,6 +3309,13 @@ function setupEvents() {
   document.getElementById("move-btn").onclick = openF6Flow;
   document.getElementById("mkdir-btn").onclick = createFolderForActivePane;
   uploadElements().input.onchange = handleUploadSelection;
+  document.addEventListener("click", (event) => {
+    const elements = uploadElements();
+    if (!elements.menu || elements.menu.contains(event.target)) {
+      return;
+    }
+    closeUploadMenu();
+  });
 
   const rename = renameElements();
   rename.closeButton.onclick = closeRenamePopup;
diff --git a/webui/html/base.css b/webui/html/base.css
index 1ebdbd4..d8a4329 100644
--- a/webui/html/base.css
+++ b/webui/html/base.css
@@ -577,6 +577,50 @@ button:disabled {
   justify-content: center;
 }
 
+.split-button {
+  position: relative;
+  display: inline-flex;
+  align-items: stretch;
+}
+
+.split-button > button {
+  min-width: 0;
+}
+
+#upload-btn {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+#upload-menu-toggle {
+  min-width: 32px;
+  padding-left: 7px;
+  padding-right: 7px;
+  border-left: 1px solid var(--color-border);
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.split-menu {
+  position: absolute;
+  left: 0;
+  bottom: calc(100% + 6px);
+  min-width: 148px;
+  display: grid;
+  gap: 4px;
+  padding: 6px;
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-sm);
+  background: var(--color-surface-elevated);
+  box-shadow: var(--shadow-elevated);
+  z-index: 20;
+}
+
+.split-menu button {
+  width: 100%;
+  justify-content: flex-start;
+}
+
 .shortcut-hint {
   color: var(--color-text-muted);
   font-size: 10px;
diff --git a/webui/html/index.html b/webui/html/index.html
index 68e0b4c..47b9fca 100644
--- a/webui/html/index.html
+++ b/webui/html/index.html
@@ -85,7 +85,15 @@
 
     <section id="footer-bar">
       <div id="function-bar" class="toolbar compact-toolbar">
-        <button id="upload-btn" type="button"><span>Upload</span></button>
+        <div id="upload-menu" class="split-button upload-menu">
+          <button id="upload-btn" type="button"><span>Upload Files</span></button>
+          <button id="upload-menu-toggle" type="button" aria-haspopup="menu" aria-expanded="false" aria-label="Upload options">
+            <span aria-hidden="true">▾</span>
+          </button>
+          <div id="upload-menu-popup" class="split-menu hidden" role="menu" aria-label="Upload options">
+            <button id="upload-folder-btn" type="button" role="menuitem"><span>Upload Folder</span></button>
+          </div>
+        </div>
         <button id="settings-btn" type="button"><span class="shortcut-hint">F1</span><span>Settings</span></button>
         <button id="rename-btn" type="button" disabled><span class="shortcut-hint">F2</span><span>Rename</span></button>
         <button id="view-btn" type="button" disabled><span class="shortcut-hint">F3</span><span>View</span></button>