From 05569576a72cb5bc17ba078073cf90a95a773839 Mon Sep 17 00:00:00 2001
From: kodi <kodi@lab.local>
Date: Fri, 13 Mar 2026 11:12:03 +0100
Subject: [PATCH] navigatie aangepast

---
 webui/backend/data/tasks.db | Bin 106496 -> 110592 bytes
 webui/html/app.js           |  18 +++++++++++++++++-
 webui/html/base.css         |  11 ++++++++---
 3 files changed, 25 insertions(+), 4 deletions(-)

diff --git a/webui/backend/data/tasks.db b/webui/backend/data/tasks.db
index 5548cc11e420efd89231ce557be97e23aad66479..13d4786d879392f369570083196e09737bc8fec4 100644
GIT binary patch
delta 1507
zcmb`GPi)gx9LMd%N^R1_9nc9zyBH==EB4&?p8fnM66>}!Z6>y<j7CUCXe9Q_I5aT|
zVWB6Qf`rg6RMu9(F59&G3Kr^)lmk+=)5HO32h<Y`fsl%(Nfifp4yfZ#D&;U+_Tl}0
z@4ese`}=%nZzN_{6PMmg#2t>~cFijv#p2G@<G+q1s<9FmD}^FF5>qnq9FHM30Mr1|
zrl64}B&+KxHW4%}ry92KxoV#vKVoNayX2?xzw(;=DBS(iZFzoDjJ-P+to^oapdid}
z!XG{7xBM<ArH4JZ=cufUL-H}{rtnKJu=tfI{3A_BmxY<IzW6MDb|_xtT^m#6Q5&F&
z2Z3&34cM+tfae*NvdLcT(L$7n5k?4M3^3JMBDOKGb<+TzZXmO4xUg*Ei6{}ma+zwD
z2C$BFpnJ3oN?12Q1zQB^HmYD~jz@`mUCm^769Os}xj?UA8<aE)F%5|2(z2_;lA8|)
zuixL&TM*Ydab4Of?U%+v@x}u&IJS~HqD>)~jkMC8!j3q3Q$Zt(pfk}SK(Yio;~fLK
z?&O2zl^x;fm3brmM3DcMugOgrrJu-hxV!Iedf{=JAAElx5g-2G6rHASgL+>#PS7f?
zOrNH;2B=ZLwghDU&dIo)SY7Cu<qyOXt4m|E{FTITTk$Tst_FkGhnCO<{<hdFNb6ks
zyHq9_O6#nG2h!*{v%0<5pJ|P@jtT<DwMH2exm>OrIbHwcOz`vfBk$y=PnBuognAfi
zd8DZ(4kmxt6I{ByS9uvxh8U09@JPo*vH#hplhGF(`f}eUXC1#H72YPfBjgq)SaaSE
znJO|Y+rrLL_#^*?(3fJ33dv<IeJ6FX_f~S5$#FGl&BY46#hn?Bo6B(=A>9z|vB@=p
zwF?k7n@zR&S<RzoRKNa>!X6O)KKH++>fwf8pHZW-m`o@S%@;ClKRYtz*XwN9%9!7*
zP5UK}ddhg+uSPqS*H2RvwQ;8LN^2X$c3NwFJn^EHXr_d0;<>G_nQo((&F8?361k-9
zhgYuMSerXIo+|e5jDX^XKOv+W3%5!7^REv#xwTu87VaJ3(aZYUwtS<$_S)ROJgct_
YJR^XOxC;yYPoxJ7<IH~;cY@S;4suJMJpcdz

delta 269
zcmV+o0rLKU;0A!e29O#C0q+0+02+}XJ^}&nv0$Vx1Z)C<0J91(R|1icBC~-qgKZ82
z5Ags1000&b`w#XH@v|YI&JU506qEF?5Ew)S9RLS}3b+po3F`+k2U`y`2q+I-3Br>g
zuu=pGM+up;da(Zkk&vvH;D!MNvmv$P3Is$6T>!HX!08B)kZhCr$PJUu$qTb}$&oe=
z?gS6$53&z;4>1nz4-2y)5ZVrx@(uwVA|M6>DJyejY-M9~Wn^D;Xk~3>V_|e~aCKv2
zX>KiZZ)SA2Ee`?La056836}?e0X?@yfB~8Yk&r8w;D!MNlOeSvw=stS(+CO!3$p+Y
Tiwz$Ov$G)(r3<&Sn*mJ(oS9t9

diff --git a/webui/html/app.js b/webui/html/app.js
index 043a85c..8bcd5f5 100644
--- a/webui/html/app.js
+++ b/webui/html/app.js
@@ -683,6 +683,17 @@ function currentParentPath(path) {
   return segments.slice(0, -1).join("/");
 }
 
+function navigateToParent(pane) {
+  const model = paneState(pane);
+  const childPath = model.currentPath;
+  const parentPath = currentParentPath(childPath);
+  if (!parentPath) {
+    return;
+  }
+  model.pendingSelectionPath = childPath;
+  navigateTo(pane, parentPath);
+}
+
 function baseName(path) {
   const index = path.lastIndexOf("/");
   return index >= 0 ? path.slice(index + 1) : path;
@@ -890,7 +901,7 @@ function renderPaneItems(pane) {
       upName.onclick = (ev) => {
         ev.stopPropagation();
         setActivePane(pane);
-        navigateTo(pane, entry.path);
+        navigateToParent(pane);
       };
       upName.classList.add("entry-label");
       upNameCell.append(upName);
@@ -2440,6 +2451,11 @@ function handleKeyboardShortcuts(event) {
     setActivePane(otherPane(state.activePane));
     return;
   }
+  if (event.key === "Backspace") {
+    event.preventDefault();
+    navigateToParent(state.activePane);
+    return;
+  }
   if (event.key === "ArrowUp") {
     if (event.shiftKey) {
       event.preventDefault();
diff --git a/webui/html/base.css b/webui/html/base.css
index e430da2..b2ec52d 100644
--- a/webui/html/base.css
+++ b/webui/html/base.css
@@ -109,6 +109,7 @@ h1 {
   border-top: 1px solid var(--color-border);
   padding-top: 5px;
   position: relative;
+  background: var(--color-surface);
 }
 
 .toolbar {
@@ -228,7 +229,7 @@ button:disabled {
   gap: 6px;
   padding: 5px 6px 6px 6px;
   border-bottom: 1px solid var(--color-border);
-  margin-bottom: 3px;
+  margin-bottom: 0;
   background: var(--color-list-header-bg);
   border-radius: var(--radius-sm);
   color: var(--color-text-muted);
@@ -237,8 +238,12 @@ button:disabled {
   letter-spacing: 0.05em;
   position: sticky;
   top: 0;
-  z-index: 2;
-  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04);
+  z-index: 10;
+  isolation: isolate;
+  background-clip: padding-box;
+  box-shadow:
+    0 1px 0 rgba(0, 0, 0, 0.04),
+    0 8px 10px -10px rgba(0, 0, 0, 0.45);
 }
 
 .col-name {