Upload app.js

static/app.js

@@ -369,6 +369,8 @@ function syncUrl(replace = true) {
   if (STATE.fulltext) params.set("fulltext", "1");
   if (!STATE.searchPaths) params.set("search_paths", "0");
   if (!STATE.historyEnabled) params.set("history", "0");
+  if (!STATE.leftSidebarOpen) params.set("sidebar", "0");
+  if (DOM.leftSidebar.classList.contains("expanded-wide")) params.set("wide", "1");
   if (STATE.rightSidebarOpen) params.set("filters", "1");
   const basePath = STATE.source ? `/${encodeURIComponent(STATE.source)}` : "/";
   const nextUrl = params.toString() ? `${basePath}?${params.toString()}` : basePath;
@@ -394,7 +396,10 @@ function loadUrlState() {
   DOM.searchPathsToggle.checked = STATE.searchPaths;
   DOM.historyToggle.checked = STATE.historyEnabled;
   DOM.sortSelect.value = sort;
+  STATE.leftSidebarOpen = !STATE.isMobile && params.get("sidebar") !== "0";
   STATE.rightSidebarOpen = params.get("filters") === "1";
+  DOM.leftSidebar.classList.toggle("expanded-wide", params.get("wide") === "1" && !STATE.isMobile);
+  if (DOM.sidebarExpandBtn) DOM.sidebarExpandBtn.textContent = params.get("wide") === "1" && !STATE.isMobile ? "→" : "↔";
   if (STATE.minSize !== null) DOM.filterMinSize.value = STATE.minSize;
   if (STATE.maxSize !== null) DOM.filterMaxSize.value = STATE.maxSize;
 }
@@ -1016,11 +1021,13 @@ function attachEvents() {
     STATE.leftSidebarOpen = !STATE.leftSidebarOpen;
     if (STATE.isMobile && STATE.leftSidebarOpen) STATE.rightSidebarOpen = false;
     updateSidebarVisibility();
+    syncUrl();
   });
   if (DOM.sidebarExpandBtn) {
     DOM.sidebarExpandBtn.addEventListener("click", () => {
       DOM.leftSidebar.classList.toggle("expanded-wide");
       DOM.sidebarExpandBtn.textContent = DOM.leftSidebar.classList.contains("expanded-wide") ? "→" : "↔";
+      syncUrl();
     });
   }
   DOM.settingsBtn.addEventListener("click", () => {
@@ -1048,6 +1055,10 @@ function attachEvents() {
   DOM.mobileToggleBtn.addEventListener("click", () => {
     STATE.isMobile = !STATE.isMobile;
     applyMobileMode();
+    localStorage.setItem("mobileMode", STATE.isMobile ? "mobile" : "desktop");
+    loadUrlState();
+    updateSidebarVisibility();
+    syncUrl();
   });
   let historyDropdownActive = false;
   DOM.searchInput.addEventListener("focus", renderHistoryDropdown);
@@ -1320,7 +1331,10 @@ async function init() {
   cacheDom();
   STATE.isDark = localStorage.getItem("theme") !== "light";
   applyTheme();
-  STATE.isMobile = window.innerWidth <= 768;
+  const savedMobileMode = localStorage.getItem("mobileMode");
+  if (savedMobileMode === "mobile") STATE.isMobile = true;
+  else if (savedMobileMode === "desktop") STATE.isMobile = false;
+  else STATE.isMobile = window.innerWidth <= 768;
   syncRoute();
   applyMobileMode();
   loadUrlState();