Rename input stills from the picker and reveal all hidden library thumbs.

Co-authored-by: Cursor <cursoragent@cursor.com>

pages/library.vue

@@ -81,6 +81,25 @@
             <button v-if="entries.length" type="button" class="text-zinc-400 hover:text-white" @click="selectedKeys.length === entries.length ? clearSelection() : selectAll()">
               {{ selectedKeys.length && selectedKeys.length === entries.length ? 'Clear selection' : 'Select all' }}
             </button>
+            <button
+              v-if="hasHiddenThumbs"
+              type="button"
+              class="rounded-full border px-2.5 py-1 text-[11px]"
+              :class="revealAll ? 'border-amber-300 bg-amber-400/10 text-amber-100' : 'border-white/10 text-zinc-400 hover:text-white'"
+              :title="revealAll ? 'Hide flagged thumbnails' : 'Reveal all hidden thumbnails'"
+              @click="toggleRevealAll"
+            >
+              <span class="inline-flex items-center gap-1.5">
+                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" class="h-3.5 w-3.5">
+                  <path v-if="revealAll" stroke-linecap="round" d="M3 3l18 18M10.6 10.6a2 2 0 102.8 2.8M9.9 5.1A9.8 9.8 0 0121 12a9.8 9.8 0 01-1.7 2.9M6.1 6.1A9.8 9.8 0 003 12a9.8 9.8 0 0012.9 6.1" />
+                  <template v-else>
+                    <path d="M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12z" />
+                    <circle cx="12" cy="12" r="3" />
+                  </template>
+                </svg>
+                {{ revealAll ? 'Hide all' : 'Reveal all' }}
+              </span>
+            </button>
             <button v-if="browseFolder?.protected && browseFolder.unlocked" type="button" class="text-zinc-400 hover:text-white" @click="lockFolder">Lock folder</button>
           </div>
 
@@ -380,6 +399,7 @@ const renameDraft = ref('')
 const renameInput = ref<HTMLInputElement | null>(null)
 const deleteBusy = ref(false)
 const detailsHidden = ref(false)
+const revealAll = ref(false)
 const pendingDelete = ref<{ title: string; name: string; detail?: string; consequence: string; keys: string[] } | null>(null)
 const keepingInputBusy = ref(false)
 const toasts = ref<Array<{ id: number; message: string }>>([])
@@ -549,11 +569,24 @@ function cardClass(entry: LibraryEntry) {
   return 'border-white/10'
 }
 
-function thumbHidden(entry: LibraryEntry) {
+function itemHidden(entry: LibraryEntry) {
   if (entry.kind === 'clip') return Boolean(entry.group?.head.hideThumbnail)
   return Boolean(entry.stillGroup?.head.hideInput)
 }
 
+function thumbHidden(entry: LibraryEntry) {
+  return itemHidden(entry) && !revealAll.value
+}
+
+const hasHiddenThumbs = computed(() => entries.value.some(entry => itemHidden(entry)))
+
+function toggleRevealAll() {
+  revealAll.value = !revealAll.value
+  if (focused.value && itemHidden(focused.value)) {
+    detailsHidden.value = !revealAll.value
+  }
+}
+
 function thumbSrc(entry: LibraryEntry) {
   if (entry.kind === 'clip' && entry.group?.head.hasThumbnail) return `/api/library/clips/${entry.group.head.id}/thumb`
   if (entry.stillGroup) return `/api/library/stills/${entry.stillGroup.head.id}?thumb=1`
@@ -639,7 +672,7 @@ function onCardClick(entry: LibraryEntry, event: MouseEvent) {
   const sameCard = focusedKey.value === entry.key
   focusedKey.value = entry.key
   focusedPartId.value = entry.kind === 'clip' ? (entry.group?.head.id || '') : (entry.stillGroup?.head.id || '')
-  if (!sameCard) detailsHidden.value = thumbHidden(entry)
+  if (!sameCard) detailsHidden.value = itemHidden(entry) && !revealAll.value
   cancelRename()
 }