From 8408a22bab50da7455346bb2b4f6743e9833d0d2 Mon Sep 17 00:00:00 2001
From: digital-garbage <133010426+digital-garbage@users.noreply.github.com>
Date: Thu, 11 Jun 2026 16:50:05 +0300
Subject: [PATCH] Toggle media bin footer between Select all and Deselect all.

Clear multi-select in one click when any assets are selected.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 movie_editor/frontend/mediabrowser.js | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/movie_editor/frontend/mediabrowser.js b/movie_editor/frontend/mediabrowser.js
index e2cea321..de8bda88 100644
--- a/movie_editor/frontend/mediabrowser.js
+++ b/movie_editor/frontend/mediabrowser.js
@@ -328,13 +328,14 @@
 
     if (total > 0) {
       const footer = el("div", "media-bin-footer");
-      const all = el("button", "btn ghost tiny", `Select all (${total})`);
-      all.onclick = () => {
-        mediaSelected.clear();
-        bin.forEach((m) => mediaSelected.add(m.id));
+      const hasSelection = selN > 0;
+      const toggle = el("button", "btn ghost tiny", hasSelection ? `Deselect all (${selN})` : `Select all (${total})`);
+      toggle.onclick = () => {
+        if (hasSelection) mediaSelected.clear();
+        else bin.forEach((m) => mediaSelected.add(m.id));
         render(S.get());
       };
-      footer.append(all);
+      footer.append(toggle);
       wrap.append(footer);
     }
     return wrap;