feat: Update file browser modal to support dynamic API base path and improve directory loading logic

Author: frasermolyneux

src/XtremeIdiots.Portal.Web/Views/Shared/_FileBrowserModal.cshtml

@@ -1,5 +1,5 @@
 <!-- File Transport Browser Modal — reusable file browser component -->
-<div class="modal fade" id="fileBrowseModal" tabindex="-1" aria-labelledby="fileBrowseModalLabel" aria-hidden="true">
+<div class="modal fade" id="fileBrowseModal" tabindex="-1" aria-labelledby="fileBrowseModalLabel" aria-hidden="true" data-api-base-path="@Url.Content("~/api/file-browse")">
     <div class="modal-dialog modal-lg modal-dialog-scrollable">
         <div class="modal-content">
             <div class="modal-header">

src/XtremeIdiots.Portal.Web/XtremeIdiots.Portal.Web.csproj

@@ -47,7 +47,7 @@
     <PackageReference Include="MX.Observability.ApplicationInsights.AspNetCore" Version="1.1.1" />
     <PackageReference Include="MX.Api.Abstractions" Version="2.3.31" />
     <PackageReference Include="MX.Api.Client" Version="2.3.31" />
-    <PackageReference Include="XtremeIdiots.Portal.Integrations.Servers.Api.Client.V1" Version="2.1.176" />
+    <PackageReference Include="XtremeIdiots.Portal.Integrations.Servers.Api.Client.V1" Version="2.1.178" />
     <PackageReference Include="XtremeIdiots.Portal.Repository.Api.Client.V1" Version="2.1.240" />
     <PackageReference Include="XtremeIdiots.Portal.Repository.Abstractions.V1" Version="2.1.243" />
     <PackageReference Include="MX.GeoLocation.Api.Client.V1" Version="1.2.39" />

src/XtremeIdiots.Portal.Web/wwwroot/js/file-browse.js

@@ -11,6 +11,7 @@
     var _targetInputId = null;
     var _fileFilter = null;
     var _selectionMode = 'file';
+    var _apiBasePath = '/api/file-browse';
     var _currentPath = '/';
     var _selectedPath = null;
     var _modal = null;
@@ -29,6 +30,14 @@
             _modal = new bootstrap.Modal(document.getElementById('fileBrowseModal'));
         }
 
+        var modalElement = document.getElementById('fileBrowseModal');
+        if (modalElement) {
+            var apiBasePath = modalElement.getAttribute('data-api-base-path');
+            if (apiBasePath) {
+                _apiBasePath = apiBasePath;
+            }
+        }
+
         updateModalLabels();
         updateSelectButton();
         _modal.show();
@@ -100,25 +109,19 @@
         }
     }
 
-    function navigateTo(path) {
+    function navigateTo(path, allowRootFallback) {
         var loading = document.getElementById('fileBrowseLoading');
         var error = document.getElementById('fileBrowseError');
         var container = document.getElementById('fileBrowseListingContainer');
+        var normalizedPath = normalizeClientPath(path);
 
         loading.style.display = '';
         error.style.display = 'none';
         container.style.display = 'none';
-        _selectedPath = _selectionMode === 'directory' ? normalizeClientPath(path) : null;
+        _selectedPath = _selectionMode === 'directory' ? normalizedPath : null;
         updateSelectButton();
 
-        fetch('/api/file-browse/' + _gameServerId + '/browse?path=' + encodeURIComponent(path))
-            .then(function (response) {
-                if (response.status === 403) throw new Error('You do not have permission to browse this server\'s files.');
-                if (!response.ok) throw new Error('Failed to browse directory (HTTP ' + response.status + ')');
-                var contentType = response.headers.get('content-type') || '';
-                if (!contentType.includes('application/json')) throw new Error('Unexpected response from server.');
-                return response.json();
-            })
+        loadDirectory(normalizedPath, allowRootFallback !== false)
             .then(function (data) {
                 loading.style.display = 'none';
                 container.style.display = '';
@@ -137,6 +140,21 @@
             });
     }
 
+    function loadDirectory(path, allowRootFallback) {
+        return fetch(_apiBasePath + '/' + _gameServerId + '/browse?path=' + encodeURIComponent(path))
+            .then(function (response) {
+                if (response.status === 404 && allowRootFallback && path !== '/') {
+                    return loadDirectory('/', false);
+                }
+
+                if (response.status === 403) throw new Error('You do not have permission to browse this server\'s files.');
+                if (!response.ok) throw new Error('Failed to browse directory (HTTP ' + response.status + ')');
+                var contentType = response.headers.get('content-type') || '';
+                if (!contentType.includes('application/json')) throw new Error('Unexpected response from server.');
+                return response.json();
+            });
+    }
+
     function renderBreadcrumb(currentPath) {
         var breadcrumb = document.getElementById('fileBrowseBreadcrumb');
         breadcrumb.innerHTML = '';