feat (ui): breadcrumbs werken nu

webui/backend/tests/golden/test_ui_smoke_golden.py

@@ -30,6 +30,8 @@ class UiSmokeGoldenTest(unittest.TestCase):
         self.assertIn('id="footer-bar"', body)
         self.assertIn('id="left-pane"', body)
         self.assertIn('id="right-pane"', body)
+        self.assertIn('id="left-breadcrumbs"', body)
+        self.assertIn('id="right-breadcrumbs"', body)
         self.assertNotIn('id="bookmarks-panel"', body)
         self.assertNotIn('id="tasks-panel"', body)
 

webui/html/app.js

@@ -130,16 +130,19 @@ function renderBreadcrumbs(pane, path) {
   let aggregate = "";
   for (let i = 0; i < parts.length; i += 1) {
     aggregate = i === 0 ? parts[i] : `${aggregate}/${parts[i]}`;
+    const crumbPath = aggregate;
     const crumb = createButton(parts[i], () => {
       setActivePane(pane);
-      navigateTo(pane, aggregate);
+      console.debug("[breadcrumbs] click", { pane, crumbPath });
+      navigateTo(pane, crumbPath);
     });
     crumb.type = "button";
     crumb.onclick = (ev) => {
       ev.preventDefault();
       ev.stopPropagation();
       setActivePane(pane);
-      navigateTo(pane, aggregate);
+      console.debug("[breadcrumbs] click", { pane, crumbPath });
+      navigateTo(pane, crumbPath);
     };
     nav.append(crumb);
     if (i < parts.length - 1) {
@@ -236,6 +239,11 @@ async function loadBrowsePane(pane) {
       path: model.currentPath,
       show_hidden: String(model.showHidden),
     });
+    console.debug("[browse] request", {
+      pane,
+      path: model.currentPath,
+      show_hidden: model.showHidden,
+    });
     const data = await apiRequest("GET", `/api/browse?${query.toString()}`);
     model.currentPath = data.path;
     document.getElementById(`${pane}-current-path`).textContent = data.path;
@@ -291,6 +299,7 @@ async function loadBrowsePane(pane) {
 }
 
 function navigateTo(pane, path) {
+  console.debug("[navigate] pane-path", { pane, path });
   paneState(pane).currentPath = path;
   setSelectedItem(pane, null);
   loadBrowsePane(pane);