feat: preffered startup paths

webui/html/app.js

@@ -48,6 +48,8 @@ let settingsState = {
   activeTab: "general",
   logsLoaded: false,
   showThumbnails: false,
+  preferredStartupPathLeft: null,
+  preferredStartupPathRight: null,
 };
 let searchState = {
   pane: "left",
@@ -202,6 +204,10 @@ function settingsElements() {
     logsTab: document.getElementById("settings-logs-tab"),
     generalPanel: document.getElementById("settings-general-panel"),
     showThumbnailsInput: document.getElementById("settings-show-thumbnails"),
+    startupPathLeftInput: document.getElementById("settings-startup-path-left"),
+    startupPathRightInput: document.getElementById("settings-startup-path-right"),
+    generalError: document.getElementById("settings-general-error"),
+    generalSaveButton: document.getElementById("settings-general-save-btn"),
     logsPanel: document.getElementById("settings-logs-panel"),
     logsList: document.getElementById("settings-logs-list"),
     logsError: document.getElementById("settings-logs-error"),
@@ -394,21 +400,38 @@ function createMediaSlot(entry) {
 async function loadSettings() {
   const data = await apiRequest("GET", "/api/settings");
   settingsState.showThumbnails = !!data.show_thumbnails;
+  settingsState.preferredStartupPathLeft = data.preferred_startup_path_left || null;
+  settingsState.preferredStartupPathRight = data.preferred_startup_path_right || null;
   const elements = settingsElements();
   if (elements.showThumbnailsInput) {
     elements.showThumbnailsInput.checked = settingsState.showThumbnails;
   }
+  if (elements.startupPathLeftInput) {
+    elements.startupPathLeftInput.value = settingsState.preferredStartupPathLeft || "";
+  }
+  if (elements.startupPathRightInput) {
+    elements.startupPathRightInput.value = settingsState.preferredStartupPathRight || "";
+  }
 }
 
 async function saveSettings(update) {
   const data = await apiRequest("POST", "/api/settings", update);
   settingsState.showThumbnails = !!data.show_thumbnails;
+  settingsState.preferredStartupPathLeft = data.preferred_startup_path_left || null;
+  settingsState.preferredStartupPathRight = data.preferred_startup_path_right || null;
   const elements = settingsElements();
   if (elements.showThumbnailsInput) {
     elements.showThumbnailsInput.checked = settingsState.showThumbnails;
   }
+  if (elements.startupPathLeftInput) {
+    elements.startupPathLeftInput.value = settingsState.preferredStartupPathLeft || "";
+  }
+  if (elements.startupPathRightInput) {
+    elements.startupPathRightInput.value = settingsState.preferredStartupPathRight || "";
+  }
   renderPaneItems("left");
   renderPaneItems("right");
+  return data;
 }
 
 function updateActionButtons() {
@@ -1679,6 +1702,22 @@ async function handleShowThumbnailsChange(event) {
   }
 }
 
+async function handlePreferredStartupPathSave() {
+  const settings = settingsElements();
+  const leftValue = settings.startupPathLeftInput ? settings.startupPathLeftInput.value : "";
+  const rightValue = settings.startupPathRightInput ? settings.startupPathRightInput.value : "";
+  settings.generalError.textContent = "";
+  try {
+    await saveSettings({
+      preferred_startup_path_left: leftValue,
+      preferred_startup_path_right: rightValue,
+    });
+    setStatus("Preferred startup paths saved");
+  } catch (err) {
+    settings.generalError.textContent = err.message;
+  }
+}
+
 function closeSettings() {
   settingsElements().overlay.classList.add("hidden");
 }
@@ -1686,6 +1725,7 @@ function closeSettings() {
 async function openSettings(tab = "general") {
   const elements = settingsElements();
   elements.overlay.classList.remove("hidden");
+  elements.generalError.textContent = "";
   setSettingsTab(tab);
   if (settingsState.activeTab === "logs") {
     await loadHistoryForSettings();
@@ -2147,6 +2187,7 @@ function setupEvents() {
     await loadHistoryForSettings();
   };
   settings.showThumbnailsInput.onchange = handleShowThumbnailsChange;
+  settings.generalSaveButton.onclick = handlePreferredStartupPathSave;
   settings.overlay.onclick = (event) => {
     if (event.target === settings.overlay) {
       closeSettings();
@@ -2255,7 +2296,20 @@ async function init() {
   setActivePane("left");
   setupEvents();
   await loadSettings();
-  await Promise.all([loadBrowsePane("left"), loadBrowsePane("right")]);
+  paneState("left").currentPath = settingsState.preferredStartupPathLeft || "/Volumes";
+  paneState("right").currentPath = settingsState.preferredStartupPathRight || "/Volumes";
+  await loadBrowsePane("left");
+  if (paneState("left").currentPath !== "/Volumes" && document.getElementById("left-browse-error").textContent) {
+    setError("left-browse-error", "");
+    paneState("left").currentPath = "/Volumes";
+    await loadBrowsePane("left");
+  }
+  await loadBrowsePane("right");
+  if (paneState("right").currentPath !== "/Volumes" && document.getElementById("right-browse-error").textContent) {
+    setError("right-browse-error", "");
+    paneState("right").currentPath = "/Volumes";
+    await loadBrowsePane("right");
+  }
 }
 
 init();

webui/html/index.html

@@ -95,6 +95,18 @@
           <span>Show thumbnails</span>
         </label>
         <div class="popup-meta">Image thumbnails are available for jpg, jpeg, png and webp files.</div>
+        <label class="settings-field" for="settings-startup-path-left">
+          <span>Preferred startup path (left)</span>
+          <input id="settings-startup-path-left" type="text" autocomplete="off" placeholder="/Volumes or storage1/path">
+        </label>
+        <label class="settings-field" for="settings-startup-path-right">
+          <span>Preferred startup path (right)</span>
+          <input id="settings-startup-path-right" type="text" autocomplete="off" placeholder="/Volumes or storage1/path">
+        </label>
+        <div id="settings-general-error" class="error"></div>
+        <div class="settings-actions">
+          <button id="settings-general-save-btn" type="button">Save</button>
+        </div>
       </section>
       <section id="settings-logs-panel" class="settings-panel hidden" role="tabpanel" aria-labelledby="settings-logs-tab">
         <div id="settings-logs-error" class="error"></div>

webui/html/style.css

@@ -417,6 +417,21 @@ button:disabled {
   margin: 10px 0 8px;
 }
 
+.settings-field {
+  display: grid;
+  gap: 6px;
+  margin: 10px 0 6px;
+}
+
+.settings-field input {
+  width: 100%;
+}
+
+.settings-actions {
+  display: flex;
+  margin-top: 8px;
+}
+
 .list li.is-selected {
   background: var(--color-selection-bg);
   box-shadow: inset 0 0 0 1px var(--color-selection-border);