From e9235de8ecaa822df875c0ec07bded9850b33786 Mon Sep 17 00:00:00 2001
From: cproudlock <cproudlock@localhost>
Date: Fri, 17 Jul 2026 11:43:06 -0400
Subject: [PATCH] Floor-map previews honor the mount path

The uploaded-blueprint thumbnails on the map settings page and the
setup wizard used the raw setting value (/api/settings/map-blueprint/
...), which resolves at the server root and 404s under a subpath
mount - while the map itself resolves through blueprintUrlFor and
worked. Wrap the previews in withBase.
---
 frontend/src/views/SetupWizard.vue               | 5 +++--
 frontend/src/views/settings/FloorMapSettings.vue | 5 +++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/frontend/src/views/SetupWizard.vue b/frontend/src/views/SetupWizard.vue
index 8b14206..9151de6 100644
--- a/frontend/src/views/SetupWizard.vue
+++ b/frontend/src/views/SetupWizard.vue
@@ -96,12 +96,12 @@
           <div class="form-group">
             <label>Blueprint image (light theme)</label>
             <input type="file" accept="image/*" @change="uploadBlueprint('light', $event)" :disabled="mapUploading" />
-            <img v-if="blueprintLight" :src="blueprintLight" class="wizard-map-thumb" alt="light blueprint" />
+            <img v-if="blueprintLight" :src="withBase(blueprintLight)" class="wizard-map-thumb" alt="light blueprint" />
           </div>
           <div class="form-group">
             <label>Blueprint image (dark theme)</label>
             <input type="file" accept="image/*" @change="uploadBlueprint('dark', $event)" :disabled="mapUploading" />
-            <img v-if="blueprintDark" :src="blueprintDark" class="wizard-map-thumb dark" alt="dark blueprint" />
+            <img v-if="blueprintDark" :src="withBase(blueprintDark)" class="wizard-map-thumb dark" alt="dark blueprint" />
           </div>
           <div class="form-row">
             <div class="form-group">
@@ -166,6 +166,7 @@
 </template>
 
 <script setup>
+import { withBase } from '../utils/basePath'
 import { ref, computed, onMounted } from 'vue'
 import { useRouter } from 'vue-router'
 import { settingsApi, pluginsApi, setupApi } from '../api'
diff --git a/frontend/src/views/settings/FloorMapSettings.vue b/frontend/src/views/settings/FloorMapSettings.vue
index 624918f..f7cd9ef 100644
--- a/frontend/src/views/settings/FloorMapSettings.vue
+++ b/frontend/src/views/settings/FloorMapSettings.vue
@@ -26,7 +26,7 @@
             >
             <div class="map-upload-row">
               <input type="file" accept="image/*" @change="uploadBlueprint('light', $event)" :disabled="mapUploading" />
-              <img v-if="settings.map_blueprint_light" :src="settings.map_blueprint_light" class="map-thumb" alt="light blueprint" />
+              <img v-if="settings.map_blueprint_light" :src="withBase(settings.map_blueprint_light)" class="map-thumb" alt="light blueprint" />
             </div>
             <small class="input-hint">Upload an image, or type a path/URL to the light-theme floor plan</small>
           </label>
@@ -44,7 +44,7 @@
             >
             <div class="map-upload-row">
               <input type="file" accept="image/*" @change="uploadBlueprint('dark', $event)" :disabled="mapUploading" />
-              <img v-if="settings.map_blueprint_dark" :src="settings.map_blueprint_dark" class="map-thumb map-thumb-dark" alt="dark blueprint" />
+              <img v-if="settings.map_blueprint_dark" :src="withBase(settings.map_blueprint_dark)" class="map-thumb map-thumb-dark" alt="dark blueprint" />
             </div>
             <small class="input-hint">Upload an image, or type a path/URL to the dark-theme floor plan</small>
           </label>
@@ -88,6 +88,7 @@
 </template>
 
 <script setup>
+import { withBase } from '../../utils/basePath'
 import { onMounted } from 'vue'
 import { useSystemSettings } from '../../composables/systemSettings'