From d7fc237d661e9daf5c4c1ebebb9f9eb855cc82f4 Mon Sep 17 00:00:00 2001
From: npeter83 <npeter83+claude@gmail.com>
Date: Mon, 15 Jun 2026 14:56:39 +0200
Subject: [PATCH] fix(playlists): clear the detail panel after deleting the
 selected playlist

The detail pane rendered from react-query's cached data, so deleting the selected
playlist emptied the rail but left its stale contents on the right. Gate the detail
view on the current selection so it falls back to the empty state when nothing (or a
just-deleted playlist) is selected.
---
 frontend/src/components/Playlists.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/components/Playlists.tsx b/frontend/src/components/Playlists.tsx
index d9264fc..e52f3c9 100644
--- a/frontend/src/components/Playlists.tsx
+++ b/frontend/src/components/Playlists.tsx
@@ -236,7 +236,7 @@ export default function Playlists() {
       </aside>
 
       <main className="flex-1 min-w-0 overflow-y-auto p-4">
-        {!detail ? (
+        {selectedId == null || !detail ? (
           <div className="text-muted text-sm p-4">
             {selectedId == null ? t("playlists.pickOne") : t("playlists.loading")}
           </div>