From 4f77874f10e37757200f64c1e14af56619881740 Mon Sep 17 00:00:00 2001
From: Cam Proudlock <cam.proudlock@gmail.com>
Date: Fri, 17 Jul 2026 11:43:07 -0400
Subject: [PATCH] Floor-map previews honor the mount path

The uploaded-blueprint thumbnails used the raw setting value, which
404s under a subpath mount while the map itself 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 8b142063..9151de6f 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 624918f6..f7cd9ef6 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'