From 6e94ec99bc006d4655ce802e52c4f4a7c301dcb0 Mon Sep 17 00:00:00 2001
From: Valknar XXX <sexy@pivoine.art>
Date: Tue, 28 Oct 2025 05:45:16 +0100
Subject: [PATCH] fix: select component reactivity in device mapping dialog

- Create new Map instance in handleDeviceSelect to trigger Svelte 5 reactivity
- Fixes issue where user selection wasn't updating the UI
- Ensures device mappings update correctly when user chooses from dropdown
---
 .../src/routes/play/components/device-mapping-dialog.svelte   | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/frontend/src/routes/play/components/device-mapping-dialog.svelte b/packages/frontend/src/routes/play/components/device-mapping-dialog.svelte
index 3bb0f38..9abffe1 100644
--- a/packages/frontend/src/routes/play/components/device-mapping-dialog.svelte
+++ b/packages/frontend/src/routes/play/components/device-mapping-dialog.svelte
@@ -73,7 +73,9 @@ function handleConfirm() {
 function handleDeviceSelect(recordedDeviceName: string, selectedDeviceId: string) {
 	const device = connectedDevices.find(d => d.id === selectedDeviceId);
 	if (device) {
-		mappings.set(recordedDeviceName, device);
+		const newMappings = new Map(mappings);
+		newMappings.set(recordedDeviceName, device);
+		mappings = newMappings;
 	}
 }