From 455699415f4ed5cb0f3e9be897a9b6694d5f6385 Mon Sep 17 00:00:00 2001
From: Yuri Tatishchev <itatishch@gmail.com>
Date: Fri, 6 Feb 2026 03:36:52 -0800
Subject: [PATCH] player breakpoint improvements

---
 src/lib/components/GlobalPlayer.svelte | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/GlobalPlayer.svelte b/src/lib/components/GlobalPlayer.svelte
index de34f42..2983aad 100644
--- a/src/lib/components/GlobalPlayer.svelte
+++ b/src/lib/components/GlobalPlayer.svelte
@@ -67,9 +67,24 @@
 
 	let unsubscribe: (() => void) | null = null;
 
+	// Track breakpoint transitions so we can auto open/close on crossing:
+	// - desktop -> mobile: auto close
+	// - mobile -> desktop: auto open
+	let prevIsMobile: boolean | null = $state(null);
+
 	function updateIsMobile() {
-		if (!browser) return;
-		isMobile = window.matchMedia?.("(max-width: 1023px)")?.matches ?? false;
+		const nextIsMobile =
+			window.matchMedia?.("(max-width: 1023px)")?.matches ?? false;
+
+		// Update local derived flag
+		isMobile = nextIsMobile;
+
+		// On transitions, sync player UI open state
+		if (prevIsMobile !== null && prevIsMobile !== nextIsMobile) {
+			setUiOpen(!nextIsMobile);
+		}
+
+		prevIsMobile = nextIsMobile;
 	}
 
 	// Media Session bindings