From df121bd9c3315ccc77aa9c73a0c0a59c9187d72c Mon Sep 17 00:00:00 2001
From: Jaime Idolpx <jaime@idolpx.com>
Date: Mon, 8 Jun 2026 13:04:31 -0400
Subject: [PATCH] feat(MediaManager): add base URL handling for drive and
 meatloaf devices

---
 src/app/components/MediaManager.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/app/components/MediaManager.tsx b/src/app/components/MediaManager.tsx
index 44068ef..6fea34c 100644
--- a/src/app/components/MediaManager.tsx
+++ b/src/app/components/MediaManager.tsx
@@ -1261,9 +1261,9 @@ export default function MediaManager({ initialPath = '/', rootPath, title, confi
           {(() => {
             const drives = Object.entries(config?.iec?.devices?.drive ?? {})
               .filter(([k]) => k !== 'vdrive' && k !== 'rom')
-              .map(([k, v]: [string, any]) => ({ type: 'drive' as const, key: k, url: v?.url as string | undefined, enabled: !!v?.enabled }));
+              .map(([k, v]: [string, any]) => ({ type: 'drive' as const, key: k, base_url: v?.base_url as string | undefined, url: v?.url as string | undefined, enabled: !!v?.enabled }));
             const meatloafs = Object.entries(config?.iec?.devices?.meatloaf ?? {})
-              .map(([k, v]: [string, any]) => ({ type: 'meatloaf' as const, key: k, url: v?.url as string | undefined, enabled: !!v?.enabled }));
+              .map(([k, v]: [string, any]) => ({ type: 'meatloaf' as const, key: k, base_url: v?.base_url as string | undefined, url: v?.url as string | undefined, enabled: !!v?.enabled }));
             const devices = [...drives, ...meatloafs];
             if (!devices.length)
               return <p className="text-sm text-neutral-500 text-center py-4">No drive devices found in config.</p>;
@@ -1278,7 +1278,11 @@ export default function MediaManager({ initialPath = '/', rootPath, title, confi
                     <HardDrive className={`w-5 h-5 flex-shrink-0 ${dev.enabled ? 'text-blue-500' : 'text-neutral-400'}`} />
                     <div className="min-w-0 flex-1">
                       <div className="font-medium text-sm">Device #{dev.key}</div>
-                      {dev.url && <div className="text-xs text-neutral-500 truncate">{dev.url}</div>}
+                      {(dev.base_url || dev.url) && (
+                        <div className="text-xs text-neutral-500 truncate">
+                          {[dev.base_url, dev.url].filter(Boolean).join('')}
+                        </div>
+                      )}
                     </div>
                     {!dev.enabled && <span className="text-xs text-neutral-400 flex-shrink-0">disabled</span>}
                   </button>