From 440f9d77651d648a1bb559f7546572fe1bf4f065 Mon Sep 17 00:00:00 2001
From: Nathaniel Mitchell <nathaniel.mitchell@gmail.com>
Date: Fri, 25 Sep 2026 12:12:34 -0400
Subject: [PATCH] Startbox fixes (#728)

- MapBattlePreview: copy start boxes so in-place lobby patches trigger a
re-render
- MapBattlePreviewStartBox: nw corner handle was wired wrong

fixes #718
---
 src/renderer/components/maps/MapBattlePreview.vue         | 2 +-
 src/renderer/components/maps/MapBattlePreviewStartBox.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/renderer/components/maps/MapBattlePreview.vue b/src/renderer/components/maps/MapBattlePreview.vue
index 8e66e1bef..cbf447e75 100644
--- a/src/renderer/components/maps/MapBattlePreview.vue
+++ b/src/renderer/components/maps/MapBattlePreview.vue
@@ -100,7 +100,7 @@ const mapTextureUrl = computed(() => {
     return get(props.map.springName, props.map.imagesBlob?.preview) ?? defaultMiniMap;
 });
 
-const boxes = computed<StartBox[]>(() => getCurrentStartBoxes(props.map, props.mapOptions));
+const boxes = computed<StartBox[]>(() => getCurrentStartBoxes(props.map, props.mapOptions).map((box) => ({ ...box })));
 const mapWidthElmos = computed(() => (props.map?.mapWidth ? props.map.mapWidth * 512 : null));
 const mapHeightElmos = computed(() => (props.map?.mapHeight ? props.map.mapHeight * 512 : null));
 
diff --git a/src/renderer/components/maps/MapBattlePreviewStartBox.vue b/src/renderer/components/maps/MapBattlePreviewStartBox.vue
index a7ffd7e3f..fcc850097 100644
--- a/src/renderer/components/maps/MapBattlePreviewStartBox.vue
+++ b/src/renderer/components/maps/MapBattlePreviewStartBox.vue
@@ -18,7 +18,7 @@ SPDX-License-Identifier: MIT
             <div class="box-tooltip-side w-side" @mousedown.stop="startResize(null, 'w', $event)"></div>
             <div class="box-tooltip-corner ne-corner" @mousedown.stop="startResize('n', 'e', $event)"></div>
             <div class="box-tooltip-corner se-corner" @mousedown.stop="startResize('s', 'e', $event)"></div>
-            <div class="box-tooltip-corner nw-corner" @mousedown.stop="startResize('s', 'e', $event)"></div>
+            <div class="box-tooltip-corner nw-corner" @mousedown.stop="startResize('n', 'w', $event)"></div>
             <div class="box-tooltip-corner sw-corner" @mousedown.stop="startResize('s', 'w', $event)"></div>
             <span>{{ id + 1 }}</span>
         </div>