From 76785b4d965c0c06b812a746a1ac5f159f6cffad Mon Sep 17 00:00:00 2001
From: curo1305 <curo1305@proton.me>
Date: Tue, 16 Jun 2026 19:11:25 +0200
Subject: [PATCH] fix(10-13): sidebar shimmer rows and search-at-root
 visibility
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- TreeItem.vue: replace 'Loading…' text with 3 animate-pulse shimmer rows
- StorageBrowser.vue: showSearch now true for mode=local OR mode=cloud (Gap 1 + Gap 2)
---
 frontend/src/components/storage/StorageBrowser.vue | 2 +-
 frontend/src/components/ui/TreeItem.vue            | 7 +++++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/storage/StorageBrowser.vue b/frontend/src/components/storage/StorageBrowser.vue
index 799bcfe..4445d87 100644
--- a/frontend/src/components/storage/StorageBrowser.vue
+++ b/frontend/src/components/storage/StorageBrowser.vue
@@ -284,7 +284,7 @@ const emit = defineEmits([
   'file-delete',
 ])
 
-const showSearch = computed(() => props.mode === 'local' && props.breadcrumb.length > 0)
+const showSearch = computed(() => props.mode === 'local' || props.mode === 'cloud')
 
 function topicColor(name) {
   return props.topicColorFn(name)
diff --git a/frontend/src/components/ui/TreeItem.vue b/frontend/src/components/ui/TreeItem.vue
index a5e5e4b..1dcecd5 100644
--- a/frontend/src/components/ui/TreeItem.vue
+++ b/frontend/src/components/ui/TreeItem.vue
@@ -46,10 +46,13 @@
     <template v-if="expanded">
       <div
         v-if="loading"
-        class="text-xs text-gray-400 py-1"
+        class="py-1 space-y-1"
         :style="{ paddingLeft: `${(depth + 1) * 12 + 8}px` }"
       >
-        Loading…
+        <div v-for="n in 3" :key="`sk-t-${n}`" class="flex items-center gap-2 py-1">
+          <div class="w-4 h-4 bg-gray-100 rounded animate-pulse shrink-0"></div>
+          <div class="h-3 bg-gray-100 rounded animate-pulse" :style="{ width: (50 + n * 15) + 'px' }"></div>
+        </div>
       </div>
       <div
         v-else-if="loadError"