From dfe87c05a1925d485c7e1a1ece25e8dc1851c4c3 Mon Sep 17 00:00:00 2001
From: Jaime Idolpx <jaime@idolpx.com>
Date: Fri, 12 Jun 2026 20:03:58 -0400
Subject: [PATCH] feat(MediaManager): improve breadcrumb layout for better
 responsiveness and folder configuration access

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

diff --git a/src/app/components/MediaManager.tsx b/src/app/components/MediaManager.tsx
index d92f03f..cee831e 100644
--- a/src/app/components/MediaManager.tsx
+++ b/src/app/components/MediaManager.tsx
@@ -1002,7 +1002,8 @@ export default function MediaManager({ initialPath, rootPath, title, config, set
         </div>
 
         {/* Breadcrumb */}
-        <div className="flex items-center gap-1 text-sm text-neutral-600 overflow-x-auto">
+        <div className="flex items-center gap-1 text-sm text-neutral-600">
+          <div className="flex items-center gap-1 overflow-x-auto flex-1 min-w-0">
           <button onClick={() => navigateTo(rootPath ?? '/')} className="p-1 rounded hover:bg-neutral-100 flex-shrink-0" title="Root">
             <Home className="w-4 h-4" />
           </button>
@@ -1037,6 +1038,12 @@ export default function MediaManager({ initialPath, rootPath, title, config, set
               </div>
             );
           })}
+          </div>
+          {folderConfig !== null && (
+            <button onClick={() => void handleConfigureFolder()} className="p-1 rounded hover:bg-green-100 text-green-500 flex-shrink-0" title="Folder has .config — click to edit">
+              <SlidersHorizontal className="w-3.5 h-3.5" strokeWidth={3} />
+            </button>
+          )}
         </div>
         {(folderConfig?.['base_url']) && (
           <div className="text-xs text-neutral-400 mt-0.5 truncate">