From 3ea489d01305c2342491f1afbda4d8b0499804d6 Mon Sep 17 00:00:00 2001
From: Chris Lu <chris.lu@gmail.com>
Date: Mon, 27 Apr 2026 09:00:02 -0700
Subject: [PATCH] fix(admin): wrap plugin lane fetch URL with basePath

Plugin lane page fetches API endpoints with raw absolute URLs, breaking
deployments under a subdirectory. Wrap the fetch URL with basePath() so
window.__BASE_PATH__ is honored, matching other admin pages.

Addresses https://github.com/seaweedfs/seaweedfs/issues/9240
---
 weed/admin/view/app/plugin_lane.templ    |  2 +-
 weed/admin/view/app/plugin_lane_templ.go | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/weed/admin/view/app/plugin_lane.templ b/weed/admin/view/app/plugin_lane.templ
index 20cb3bdbb..4df9379a0 100644
--- a/weed/admin/view/app/plugin_lane.templ
+++ b/weed/admin/view/app/plugin_lane.templ
@@ -81,7 +81,7 @@ templ PluginLane(page string, lane string) {
         if (!lane) return;
 
         function fetchAndRender(url, containerId, renderFn) {
-            fetch(url)
+            fetch(basePath(url))
                 .then(r => r.json())
                 .then(data => {
                     const el = document.getElementById(containerId);
diff --git a/weed/admin/view/app/plugin_lane_templ.go b/weed/admin/view/app/plugin_lane_templ.go
index 76d35ff05..cdb1d8c08 100644
--- a/weed/admin/view/app/plugin_lane_templ.go
+++ b/weed/admin/view/app/plugin_lane_templ.go
@@ -40,7 +40,7 @@ func PluginLane(page string, lane string) templ.Component {
 		var templ_7745c5c3_Var2 string
 		templ_7745c5c3_Var2, templ_7745c5c3_Err = templ.JoinStringErrs(currentPage)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `weed/admin/view/app/plugin_lane.templ`, Line: 10, Col: 85}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `plugin_lane.templ`, Line: 10, Col: 85}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var2))
 		if templ_7745c5c3_Err != nil {
@@ -53,7 +53,7 @@ func PluginLane(page string, lane string) templ.Component {
 		var templ_7745c5c3_Var3 string
 		templ_7745c5c3_Var3, templ_7745c5c3_Err = templ.JoinStringErrs(lane)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `weed/admin/view/app/plugin_lane.templ`, Line: 10, Col: 111}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `plugin_lane.templ`, Line: 10, Col: 111}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var3))
 		if templ_7745c5c3_Err != nil {
@@ -66,7 +66,7 @@ func PluginLane(page string, lane string) templ.Component {
 		var templ_7745c5c3_Var4 string
 		templ_7745c5c3_Var4, templ_7745c5c3_Err = templ.JoinStringErrs(lane)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `weed/admin/view/app/plugin_lane.templ`, Line: 15, Col: 86}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `plugin_lane.templ`, Line: 15, Col: 86}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var4))
 		if templ_7745c5c3_Err != nil {
@@ -79,13 +79,13 @@ func PluginLane(page string, lane string) templ.Component {
 		var templ_7745c5c3_Var5 string
 		templ_7745c5c3_Var5, templ_7745c5c3_Err = templ.JoinStringErrs(lane)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `weed/admin/view/app/plugin_lane.templ`, Line: 16, Col: 94}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `plugin_lane.templ`, Line: 16, Col: 94}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var5))
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 5, " scheduling lane.</p></div><div class=\"btn-group\"><a href=\"/plugin\" class=\"btn btn-outline-secondary\"><i class=\"fas fa-arrow-left me-1\"></i>All Workers</a> <button type=\"button\" class=\"btn btn-outline-secondary\" id=\"plugin-lane-refresh-btn\"><i class=\"fas fa-sync-alt me-1\"></i>Refresh</button></div></div></div></div><div class=\"row mb-3\"><div class=\"col-12\"><div class=\"card\"><div class=\"card-header\"><h5 class=\"card-title mb-0\"><i class=\"fas fa-server me-2\"></i>Lane Scheduler Status</h5></div><div class=\"card-body\" id=\"plugin-lane-scheduler-status\"><div class=\"text-center text-muted py-3\"><i class=\"fas fa-spinner fa-spin me-1\"></i>Loading scheduler status...</div></div></div></div></div><div class=\"row mb-3\"><div class=\"col-12\"><div class=\"card\"><div class=\"card-header\"><h5 class=\"card-title mb-0\"><i class=\"fas fa-tasks me-2\"></i>Job Types</h5></div><div class=\"card-body\" id=\"plugin-lane-job-types\"><div class=\"text-center text-muted py-3\"><i class=\"fas fa-spinner fa-spin me-1\"></i>Loading job types...</div></div></div></div></div><div class=\"row\"><div class=\"col-12\"><div class=\"card\"><div class=\"card-header\"><h5 class=\"card-title mb-0\"><i class=\"fas fa-plug me-2\"></i>Connected Workers</h5></div><div class=\"card-body\" id=\"plugin-lane-workers\"><div class=\"text-center text-muted py-3\"><i class=\"fas fa-spinner fa-spin me-1\"></i>Loading workers...</div></div></div></div></div></div><script>\n    (function() {\n        const page = document.getElementById('plugin-lane-page');\n        if (!page) return;\n        const lane = page.dataset.pluginLane || '';\n        if (!lane) return;\n\n        function fetchAndRender(url, containerId, renderFn) {\n            fetch(url)\n                .then(r => r.json())\n                .then(data => {\n                    const el = document.getElementById(containerId);\n                    if (el) el.innerHTML = renderFn(data);\n                })\n                .catch(err => {\n                    const el = document.getElementById(containerId);\n                    if (el) el.innerHTML = '<div class=\"alert alert-danger\">Failed to load: ' + err.message + '</div>';\n                });\n        }\n\n        function renderSchedulerStatus(data) {\n            if (!data || !data.scheduler) return '<div class=\"text-muted\">No scheduler data</div>';\n            const s = data.scheduler;\n            let html = '<div class=\"row\">';\n            html += '<div class=\"col-md-3\"><strong>Phase:</strong> ' + (s.current_phase || 'idle') + '</div>';\n            html += '<div class=\"col-md-3\"><strong>Idle Sleep:</strong> ' + (s.idle_sleep_seconds || 0) + 's</div>';\n            html += '<div class=\"col-md-3\"><strong>Current Job Type:</strong> ' + (s.current_job_type || '-') + '</div>';\n            html += '<div class=\"col-md-3\"><strong>Next Detection:</strong> ' + (s.next_detection_at ? new Date(s.next_detection_at).toLocaleTimeString() : '-') + '</div>';\n            html += '</div>';\n            if (s.job_types && s.job_types.length > 0) {\n                html += '<hr><table class=\"table table-sm table-hover mb-0\"><thead><tr><th>Job Type</th><th>Enabled</th><th>Interval</th><th>In Flight</th><th>Next Detection</th></tr></thead><tbody>';\n                s.job_types.forEach(jt => {\n                    html += '<tr>';\n                    html += '<td>' + jt.job_type + '</td>';\n                    html += '<td>' + (jt.enabled ? '<span class=\"badge bg-success\">Yes</span>' : '<span class=\"badge bg-secondary\">No</span>') + '</td>';\n                    html += '<td>' + (jt.detection_interval_seconds || '-') + 's</td>';\n                    html += '<td>' + (jt.detection_in_flight ? '<span class=\"badge bg-warning\">Yes</span>' : 'No') + '</td>';\n                    html += '<td>' + (jt.next_detection_at ? new Date(jt.next_detection_at).toLocaleTimeString() : '-') + '</td>';\n                    html += '</tr>';\n                });\n                html += '</tbody></table>';\n            }\n            return html;\n        }\n\n        function renderJobTypes(data) {\n            if (!data || data.length === 0) return '<div class=\"text-muted\">No job types in this lane</div>';\n            const filtered = data.filter(s => s.lane === lane);\n            if (filtered.length === 0) return '<div class=\"text-muted\">No job types in this lane</div>';\n            let html = '<table class=\"table table-sm table-hover mb-0\"><thead><tr><th>Job Type</th><th>Enabled</th><th>Concurrency</th><th>Detection Interval</th><th>Status</th></tr></thead><tbody>';\n            filtered.forEach(s => {\n                html += '<tr>';\n                html += '<td><a href=\"/plugin/configuration?job=' + s.job_type + '\">' + s.job_type + '</a></td>';\n                html += '<td>' + (s.enabled ? '<span class=\"badge bg-success\">Yes</span>' : '<span class=\"badge bg-secondary\">No</span>') + '</td>';\n                html += '<td>' + (s.global_execution_concurrency || 1) + '</td>';\n                html += '<td>' + (s.detection_interval_seconds || '-') + 's</td>';\n                html += '<td>' + (s.last_run_status || '-') + '</td>';\n                html += '</tr>';\n            });\n            html += '</tbody></table>';\n            return html;\n        }\n\n        function renderWorkers(data) {\n            if (!data || data.length === 0) return '<div class=\"text-muted\">No workers connected for this lane</div>';\n            let html = '<table class=\"table table-sm table-hover mb-0\"><thead><tr><th>Worker ID</th><th>Address</th><th>Job Types</th><th>Connected</th><th>Last Seen</th></tr></thead><tbody>';\n            data.forEach(w => {\n                const jobTypes = Object.keys(w.Capabilities || {}).join(', ');\n                html += '<tr>';\n                html += '<td>' + (w.WorkerID || '-') + '</td>';\n                html += '<td>' + (w.Address || '-') + '</td>';\n                html += '<td>' + jobTypes + '</td>';\n                html += '<td>' + (w.ConnectedAt ? new Date(w.ConnectedAt).toLocaleString() : '-') + '</td>';\n                html += '<td>' + (w.LastSeenAt ? new Date(w.LastSeenAt).toLocaleString() : '-') + '</td>';\n                html += '</tr>';\n            });\n            html += '</tbody></table>';\n            return html;\n        }\n\n        function refresh() {\n            fetchAndRender('/api/plugin/scheduler-status?lane=' + lane, 'plugin-lane-scheduler-status', renderSchedulerStatus);\n            fetchAndRender('/api/plugin/scheduler-states?lane=' + lane, 'plugin-lane-job-types', renderJobTypes);\n            fetchAndRender('/api/plugin/workers?lane=' + lane, 'plugin-lane-workers', renderWorkers);\n        }\n\n        refresh();\n        const btn = document.getElementById('plugin-lane-refresh-btn');\n        if (btn) btn.addEventListener('click', refresh);\n    })();\n    </script>")
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 5, " scheduling lane.</p></div><div class=\"btn-group\"><a href=\"/plugin\" class=\"btn btn-outline-secondary\"><i class=\"fas fa-arrow-left me-1\"></i>All Workers</a> <button type=\"button\" class=\"btn btn-outline-secondary\" id=\"plugin-lane-refresh-btn\"><i class=\"fas fa-sync-alt me-1\"></i>Refresh</button></div></div></div></div><div class=\"row mb-3\"><div class=\"col-12\"><div class=\"card\"><div class=\"card-header\"><h5 class=\"card-title mb-0\"><i class=\"fas fa-server me-2\"></i>Lane Scheduler Status</h5></div><div class=\"card-body\" id=\"plugin-lane-scheduler-status\"><div class=\"text-center text-muted py-3\"><i class=\"fas fa-spinner fa-spin me-1\"></i>Loading scheduler status...</div></div></div></div></div><div class=\"row mb-3\"><div class=\"col-12\"><div class=\"card\"><div class=\"card-header\"><h5 class=\"card-title mb-0\"><i class=\"fas fa-tasks me-2\"></i>Job Types</h5></div><div class=\"card-body\" id=\"plugin-lane-job-types\"><div class=\"text-center text-muted py-3\"><i class=\"fas fa-spinner fa-spin me-1\"></i>Loading job types...</div></div></div></div></div><div class=\"row\"><div class=\"col-12\"><div class=\"card\"><div class=\"card-header\"><h5 class=\"card-title mb-0\"><i class=\"fas fa-plug me-2\"></i>Connected Workers</h5></div><div class=\"card-body\" id=\"plugin-lane-workers\"><div class=\"text-center text-muted py-3\"><i class=\"fas fa-spinner fa-spin me-1\"></i>Loading workers...</div></div></div></div></div></div><script>\n    (function() {\n        const page = document.getElementById('plugin-lane-page');\n        if (!page) return;\n        const lane = page.dataset.pluginLane || '';\n        if (!lane) return;\n\n        function fetchAndRender(url, containerId, renderFn) {\n            fetch(basePath(url))\n                .then(r => r.json())\n                .then(data => {\n                    const el = document.getElementById(containerId);\n                    if (el) el.innerHTML = renderFn(data);\n                })\n                .catch(err => {\n                    const el = document.getElementById(containerId);\n                    if (el) el.innerHTML = '<div class=\"alert alert-danger\">Failed to load: ' + err.message + '</div>';\n                });\n        }\n\n        function renderSchedulerStatus(data) {\n            if (!data || !data.scheduler) return '<div class=\"text-muted\">No scheduler data</div>';\n            const s = data.scheduler;\n            let html = '<div class=\"row\">';\n            html += '<div class=\"col-md-3\"><strong>Phase:</strong> ' + (s.current_phase || 'idle') + '</div>';\n            html += '<div class=\"col-md-3\"><strong>Idle Sleep:</strong> ' + (s.idle_sleep_seconds || 0) + 's</div>';\n            html += '<div class=\"col-md-3\"><strong>Current Job Type:</strong> ' + (s.current_job_type || '-') + '</div>';\n            html += '<div class=\"col-md-3\"><strong>Next Detection:</strong> ' + (s.next_detection_at ? new Date(s.next_detection_at).toLocaleTimeString() : '-') + '</div>';\n            html += '</div>';\n            if (s.job_types && s.job_types.length > 0) {\n                html += '<hr><table class=\"table table-sm table-hover mb-0\"><thead><tr><th>Job Type</th><th>Enabled</th><th>Interval</th><th>In Flight</th><th>Next Detection</th></tr></thead><tbody>';\n                s.job_types.forEach(jt => {\n                    html += '<tr>';\n                    html += '<td>' + jt.job_type + '</td>';\n                    html += '<td>' + (jt.enabled ? '<span class=\"badge bg-success\">Yes</span>' : '<span class=\"badge bg-secondary\">No</span>') + '</td>';\n                    html += '<td>' + (jt.detection_interval_seconds || '-') + 's</td>';\n                    html += '<td>' + (jt.detection_in_flight ? '<span class=\"badge bg-warning\">Yes</span>' : 'No') + '</td>';\n                    html += '<td>' + (jt.next_detection_at ? new Date(jt.next_detection_at).toLocaleTimeString() : '-') + '</td>';\n                    html += '</tr>';\n                });\n                html += '</tbody></table>';\n            }\n            return html;\n        }\n\n        function renderJobTypes(data) {\n            if (!data || data.length === 0) return '<div class=\"text-muted\">No job types in this lane</div>';\n            const filtered = data.filter(s => s.lane === lane);\n            if (filtered.length === 0) return '<div class=\"text-muted\">No job types in this lane</div>';\n            let html = '<table class=\"table table-sm table-hover mb-0\"><thead><tr><th>Job Type</th><th>Enabled</th><th>Concurrency</th><th>Detection Interval</th><th>Status</th></tr></thead><tbody>';\n            filtered.forEach(s => {\n                html += '<tr>';\n                html += '<td><a href=\"/plugin/configuration?job=' + s.job_type + '\">' + s.job_type + '</a></td>';\n                html += '<td>' + (s.enabled ? '<span class=\"badge bg-success\">Yes</span>' : '<span class=\"badge bg-secondary\">No</span>') + '</td>';\n                html += '<td>' + (s.global_execution_concurrency || 1) + '</td>';\n                html += '<td>' + (s.detection_interval_seconds || '-') + 's</td>';\n                html += '<td>' + (s.last_run_status || '-') + '</td>';\n                html += '</tr>';\n            });\n            html += '</tbody></table>';\n            return html;\n        }\n\n        function renderWorkers(data) {\n            if (!data || data.length === 0) return '<div class=\"text-muted\">No workers connected for this lane</div>';\n            let html = '<table class=\"table table-sm table-hover mb-0\"><thead><tr><th>Worker ID</th><th>Address</th><th>Job Types</th><th>Connected</th><th>Last Seen</th></tr></thead><tbody>';\n            data.forEach(w => {\n                const jobTypes = Object.keys(w.Capabilities || {}).join(', ');\n                html += '<tr>';\n                html += '<td>' + (w.WorkerID || '-') + '</td>';\n                html += '<td>' + (w.Address || '-') + '</td>';\n                html += '<td>' + jobTypes + '</td>';\n                html += '<td>' + (w.ConnectedAt ? new Date(w.ConnectedAt).toLocaleString() : '-') + '</td>';\n                html += '<td>' + (w.LastSeenAt ? new Date(w.LastSeenAt).toLocaleString() : '-') + '</td>';\n                html += '</tr>';\n            });\n            html += '</tbody></table>';\n            return html;\n        }\n\n        function refresh() {\n            fetchAndRender('/api/plugin/scheduler-status?lane=' + lane, 'plugin-lane-scheduler-status', renderSchedulerStatus);\n            fetchAndRender('/api/plugin/scheduler-states?lane=' + lane, 'plugin-lane-job-types', renderJobTypes);\n            fetchAndRender('/api/plugin/workers?lane=' + lane, 'plugin-lane-workers', renderWorkers);\n        }\n\n        refresh();\n        const btn = document.getElementById('plugin-lane-refresh-btn');\n        if (btn) btn.addEventListener('click', refresh);\n    })();\n    </script>")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}