From 8031920ceb4d8bc0a09af925adba178647450757 Mon Sep 17 00:00:00 2001
From: Bingostew <m262940@usna.edu>
Date: Tue, 21 Apr 2026 15:04:55 -0400
Subject: [PATCH 1/2] confirm indicator

---
 src/lib/Sidebar.svelte | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/lib/Sidebar.svelte b/src/lib/Sidebar.svelte
index e69292f..4ea68f6 100644
--- a/src/lib/Sidebar.svelte
+++ b/src/lib/Sidebar.svelte
@@ -8,7 +8,8 @@
     import { socket, gameId, activePlayerId } from '$lib/gameStore';   
     // Used for API calls to server
     let isSubmitted = $state(false);
-
+    let isClicked = $state(false);
+    
     // Standard JS props (using defaults to prevent crashes)
     let { 
         targetingMode = $bindable(), 
@@ -47,8 +48,9 @@
 
             <button 
                 class="button" 
+                class:confirmed={isClicked}
                 disabled={fleetSelections.length !== 2}
-                onclick={() => onConfirm()} 
+                onclick={() => {onConfirm(); isClicked=true;}} 
                 onmouseenter={() => $isHovering = true} 
                 onmouseleave={() => $isHovering = false}
             >
@@ -312,4 +314,9 @@
         100% { transform: scale(1); opacity: 1; }
     }
 
+    .confirmed {
+        border-color: #10b981 !important;
+        color: #10b981 !important;
+        background: rgba(16, 185, 129, 0.2) !important;
+    }
 </style>
\ No newline at end of file

From 6f5854976ff3beb2dc0b82114e8b4630d6aa34cd Mon Sep 17 00:00:00 2001
From: Bingostew <m262940@usna.edu>
Date: Tue, 21 Apr 2026 15:28:17 -0400
Subject: [PATCH 2/2] confirm logic

---
 src/lib/+map.svelte | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/lib/+map.svelte b/src/lib/+map.svelte
index ea8a226..8783d63 100644
--- a/src/lib/+map.svelte
+++ b/src/lib/+map.svelte
@@ -33,6 +33,7 @@
     let fleetSelections = $state([]);
     let rotation = $state(0);
     let selectedFleetToMove = $state(null);
+    let isPlacementLocked = $state(false);
     let warning = $state({ show: false, x: 0, y: 0, text: '', id: 0 });
     
     // AI Memory for Hunt & Seek logic
@@ -215,6 +216,7 @@
             $socket.on('game_start', ({ activePlayer }) => {
                 activePlayerId.set(activePlayer);
                 isConfirmed = true; 
+                isPlacementLocked = true;
                 selectedGroup = [];
                 targetingMode = 'focus';
             });
@@ -411,8 +413,12 @@
         const isSpecial = specialTiles.some(t => t.col === hex.col && t.row === hex.row);
         if (isSpecial) { showWarning(event.clientX, event.clientY, isConfirmed ? "Cannot select land" : "Cannot place fleet on land"); return; }
 
+        if (isPlacementLocked && !isConfirmed) {
+            return;
+        }
+
         // --- PLACEMENT LOGIC ---
-        if (!isConfirmed) {
+        if (!isPlacementLocked) {
             const tacticalNames = [$playerName + " I", $playerName + " II"] 
             const index = fleetSelections.findIndex(h => h.q === hex.q && h.r === hex.r);
             if (index > -1) {
@@ -515,7 +521,7 @@
     function confirmFleets() {
         if (fleetSelections.length === 2) {
             addLog("All fleets are positioned!", "system");
-            
+            isPlacementLocked = true;
             if ($isMultiplayer) {
                 const fleetPositions = { alpha: { q: fleetSelections[0].q, r: fleetSelections[0].r }, beta: { q: fleetSelections[1].q, r: fleetSelections[1].r } };
                 $socket.emit('place_fleets', { gameId: $gameId, fleetPositions });