From 28cff59a6f41def1b96d9cf9caa0b1273c9b503f Mon Sep 17 00:00:00 2001
From: saopig1 <4x7sw862st@gmail.com>
Date: Thu, 25 Jun 2026 12:17:53 +0800
Subject: [PATCH] feat(web/queue): gate remove/clear by member capability or
 guest removeClear

---
 web/src/components/Queue.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/src/components/Queue.vue b/web/src/components/Queue.vue
index e7ed692..2457311 100644
--- a/web/src/components/Queue.vue
+++ b/web/src/components/Queue.vue
@@ -4,7 +4,7 @@
       <h3 class="queue-title">播放队列</h3>
       <span class="queue-count">{{ botQueue.length }} 首</span>
       <button
-        v-if="botQueue.length > 0 && can('player.control')"
+        v-if="botQueue.length > 0 && (can('player.control') || guestCan('removeClear'))"
         class="clear-btn"
         @click="clearAndStop"
         title="清空队列并停止播放"
@@ -33,7 +33,7 @@
           <div class="queue-song-name">{{ song.name }}</div>
           <div class="queue-song-artist">{{ song.artist }}</div>
         </div>
-        <button v-if="can('player.queue')" class="remove-btn" @click="removeSong(i)" title="移除">
+        <button v-if="can('player.queue') || guestCan('removeClear')" class="remove-btn" @click="removeSong(i)" title="移除">
           <Icon icon="mdi:close" />
         </button>
       </div>
@@ -58,7 +58,7 @@ defineEmits<{
 }>();
 
 const store = usePlayerStore();
-const { can } = useSession();
+const { can, guestCan } = useSession();
 const botQueue = computed(() => store.queue);
 
 // Fetch queue when panel opens