Enhance path picking functionality in Electron and LibraryManager

electron/main.cjs

@@ -475,9 +475,20 @@ ipcMain.handle('update-settings', (event, settings) => {
   return true
 })
 
-ipcMain.handle('pick-paths', async () => {
+function pickDialogProperties(kind) {
+  if (kind === 'directories') {
+    return ['openDirectory', 'multiSelections']
+  }
+  if (kind === 'mixed') {
+    return ['openFile', 'openDirectory', 'multiSelections']
+  }
+  return ['openFile', 'multiSelections']
+}
+
+ipcMain.handle('pick-paths', async (event, options = {}) => {
+  const kind = typeof options?.kind === 'string' ? options.kind : 'files'
   const result = await dialog.showOpenDialog(mainWindow, {
-    properties: ['openFile', 'openDirectory', 'multiSelections'],
+    properties: pickDialogProperties(kind),
   })
   return result.canceled ? [] : result.filePaths
 })

electron/preload.cjs

@@ -8,7 +8,7 @@ contextBridge.exposeInMainWorld('electronAPI', {
   checkForUpdates: () => ipcRenderer.invoke('check-for-updates'),
   setSetting: (key, value) => ipcRenderer.invoke('set-setting', key, value),
   updateSettings: (settings) => ipcRenderer.invoke('update-settings', settings),
-  pickPaths: () => ipcRenderer.invoke('pick-paths'),
+  pickPaths: (options = {}) => ipcRenderer.invoke('pick-paths', options),
   openPath: (filePath) => ipcRenderer.invoke('open-path', filePath),
   openExternalLink: (event) => {
     event.preventDefault();

src/LibraryManager.jsx

@@ -121,19 +121,23 @@ export default function LibraryManager({
     }
   }
 
-  async function addPaths() {
+  async function registerPaths(paths) {
+    await runAction(async () => {
+      const response = await fetch(`${apiBase}/libraries/${library.slug}/files/register`, {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ paths })
+      })
+      await expectOk(response)
+    })
+  }
+
+  async function addPaths(kind = 'files') {
     if (!library) return
-    const paths = await window.electronAPI?.pickPaths?.()
+    const paths = await window.electronAPI?.pickPaths?.({ kind })
     if (!Array.isArray(paths) || paths.length === 0) return
     try {
-      await runAction(async () => {
+      await registerPaths(paths)
-        const response = await fetch(`${apiBase}/libraries/${library.slug}/files/register`, {
-          method: 'POST',
-          headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({ paths })
-        })
-        await expectOk(response)
-      })
     } catch (error) {
       setErrorMessage(String(error?.message || error))
     }
@@ -346,7 +350,8 @@ export default function LibraryManager({
       </div>
 
       <div className="library-footer-actions">
-        <button className="button" disabled={busy} onClick={addPaths}>Add Files</button>
+        <button className="button" disabled={busy} onClick={() => addPaths('files')}>Add Files</button>
+        <button className="button ghost" disabled={busy} onClick={() => addPaths('directories')}>Add Folder</button>
         {library.files?.length > 0 && !isSyncing && !isReadyForChat && (
           <button className="button ghost" disabled={busy} onClick={retrySync}>Retry Sync</button>
         )}