From 3c07f81ad4055f097f8758f112af6a9549bc9cc3 Mon Sep 17 00:00:00 2001
From: pythongosssss <125205205+pythongosssss@users.noreply.github.com>
Date: Mon, 12 Jan 2026 11:46:59 +0000
Subject: [PATCH] Ensure reactive

---
 src/components/sidebar/tabs/AssetsSidebarTab.vue | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/components/sidebar/tabs/AssetsSidebarTab.vue b/src/components/sidebar/tabs/AssetsSidebarTab.vue
index 288d3774f2..65689f6b9e 100644
--- a/src/components/sidebar/tabs/AssetsSidebarTab.vue
+++ b/src/components/sidebar/tabs/AssetsSidebarTab.vue
@@ -195,7 +195,15 @@ import { useDebounceFn, useElementHover, useResizeObserver } from '@vueuse/core'
 import Divider from 'primevue/divider'
 import ProgressSpinner from 'primevue/progressspinner'
 import { useToast } from 'primevue/usetoast'
-import { computed, onMounted, onUnmounted, ref, watch } from 'vue'
+import {
+  computed,
+  onMounted,
+  onUnmounted,
+  ref,
+  shallowRef,
+  triggerRef,
+  watch
+} from 'vue'
 import { useI18n } from 'vue-i18n'
 
 import NoResultsPlaceholder from '@/components/common/NoResultsPlaceholder.vue'
@@ -240,7 +248,7 @@ const isQueuePanelV2Enabled = computed(() =>
 const openContextMenuId = ref<string | null>(null)
 
 // Track which assets are currently being deleted (for showing loading state)
-const deletingAssetIds = ref(new Set<string>())
+const deletingAssetIds = shallowRef(new Set<string>())
 
 // Determine if delete button should be shown
 // Hide delete button when in input tab and not in cloud (OSS mode - files are from local folders)
@@ -540,6 +548,7 @@ const setAssetsDeletingState = (assetIds: string[], isDeleting: boolean) => {
       ? deletingAssetIds.value.add(id)
       : deletingAssetIds.value.delete(id)
   )
+  triggerRef(deletingAssetIds)
 }
 
 const handleBulkDownload = (assets: AssetItem[]) => {