From 65799180c54f4dacef415494f65398b2b181e2e0 Mon Sep 17 00:00:00 2001
From: Jaime Idolpx <jaime@idolpx.com>
Date: Mon, 8 Jun 2026 19:22:56 -0400
Subject: [PATCH] feat(MediaManager): add folder configuration functionality
 and update .config handling

---
 src/app/components/MediaManager.tsx | 32 +++++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)

diff --git a/src/app/components/MediaManager.tsx b/src/app/components/MediaManager.tsx
index a070974..93a7b00 100644
--- a/src/app/components/MediaManager.tsx
+++ b/src/app/components/MediaManager.tsx
@@ -52,6 +52,7 @@ import {
   copyPath,
   createFolder,
   deletePath,
+  fileExists,
   getFileContents,
   humanFileSize,
   joinPath,
@@ -268,6 +269,7 @@ function EntryIcon({ entry }: { entry: EntryInfo }) {
 
 interface FolderManagementActions {
   onMountFolder: () => void;
+  onConfigureFolder: () => void;
   onNewFolder: () => void;
   onNewFile: () => void;
   onUpload: () => void;
@@ -315,6 +317,10 @@ function ActionsModal({ entry, onClose, onOpen, onMount, onDownload, onRename, o
                   className="w-full text-left px-4 py-3 rounded border border-neutral-200 hover:bg-blue-50 hover:border-blue-300 inline-flex items-center gap-3">
                   <HardDrive className="w-4 h-4 text-amber-600" /> <span>Mount Folder</span>
                 </button>
+                <button onClick={() => { onClose(); fm.onConfigureFolder(); }}
+                  className="w-full text-left px-4 py-3 rounded border border-neutral-200 hover:bg-blue-50 hover:border-blue-300 inline-flex items-center gap-3">
+                  <SlidersHorizontal className="w-4 h-4 text-violet-600" /> <span>Configure Folder</span>
+                </button>
                 <div className="border-t border-neutral-100" />
                 <button onClick={() => { onClose(); fm.onNewFolder(); }}
                   className="w-full text-left px-4 py-3 rounded border border-neutral-200 hover:bg-neutral-50 inline-flex items-center gap-3">
@@ -659,6 +665,18 @@ export default function MediaManager({ initialPath = '/', rootPath, title, confi
     const key = _cacheKey(viewEntry.path, viewEntry.size, viewEntry.lastModified?.toISOString() ?? null);
     _sessionCache.set(key, bytes);
     _lsSet(key, bytes);
+    // If this is the folder .config, update folderConfig immediately so base_url etc. take effect
+    if (viewEntry.name === '.config' && typeof content === 'string') {
+      const cfg: Record<string, string> = {};
+      for (const line of content.split('\n')) {
+        const t = line.trim();
+        if (!t || t.startsWith('#')) continue;
+        const eq = t.indexOf('=');
+        if (eq >= 0) cfg[t.slice(0, eq).trim()] = t.slice(eq + 1).trim();
+      }
+      setFolderConfig(Object.keys(cfg).length ? cfg : null);
+      closeViewer();
+    }
     toast.success(`Saved ${viewEntry.name}`);
     void load(path);
   };
@@ -815,6 +833,19 @@ export default function MediaManager({ initialPath = '/', rootPath, title, confi
     void load(path);
   };
 
+  // ── Configure folder ─────────────────────────────────────────────────────
+
+  const handleConfigureFolder = async () => {
+    const configPath = joinPath(path, '.config');
+    try {
+      if (!await fileExists(configPath)) {
+        await putFileContents(configPath, '');
+      }
+    } catch { /* open anyway */ }
+    const entry: EntryInfo = { name: '.config', path: configPath, type: 'file', size: 0, lastModified: null, contentType: null };
+    void openEntry(entry, 'config');
+  };
+
   // ── New folder ───────────────────────────────────────────────────────────
 
   const handleCreateFolder = async () => {
@@ -1201,6 +1232,7 @@ export default function MediaManager({ initialPath = '/', rootPath, title, confi
         onDelete={e => void deleteEntry(e)}
         folderManagement={folderActionOpen ? {
           onMountFolder: () => setMountEntry({ name: splitPath(path).name || '/', path, type: 'folder', size: 0, lastModified: null, contentType: null }),
+          onConfigureFolder: () => void handleConfigureFolder(),
           onNewFolder: () => { setShowNewFolder(true); setShowNewFile(false); },
           onNewFile:   () => { setShowNewFile(true);   setShowNewFolder(false); },
           onUpload:    () => fileInputRef.current?.click(),