From a2529d750a5354c8b5e5bb7e48b144fdaa155a5a Mon Sep 17 00:00:00 2001
From: Bryan Van Deusen <bryan.vandeusen@fabledsword.com>
Date: Sat, 16 May 2026 19:40:14 -0400
Subject: [PATCH] feat(nav): teleport Showcase Shuffle into the nav action slot

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 frontend/src/views/ShowcaseView.vue | 13 +++----------
 1 file changed, 3 insertions(+), 10 deletions(-)

diff --git a/frontend/src/views/ShowcaseView.vue b/frontend/src/views/ShowcaseView.vue
index 4e6a75b..7a4fa64 100644
--- a/frontend/src/views/ShowcaseView.vue
+++ b/frontend/src/views/ShowcaseView.vue
@@ -1,11 +1,11 @@
 <template>
   <v-container fluid class="py-6">
-    <div class="fc-showcase__head">
+    <Teleport to="#fc-nav-actions">
       <v-btn
         prepend-icon="mdi-shuffle-variant" variant="tonal" color="accent"
-        :loading="store.loading" @click="store.shuffle()"
+        size="small" :loading="store.loading" @click="store.shuffle()"
       >Shuffle</v-btn>
-    </div>
+    </Teleport>
 
     <v-alert v-if="store.error" type="error" variant="tonal" closable class="my-4">
       Failed to load: {{ store.error }}
@@ -39,10 +39,3 @@ function openImage(id) {
   router.push({ name: 'gallery', query: { image: id } })
 }
 </script>
-
-<style scoped>
-.fc-showcase__head {
-  display: flex; align-items: center; justify-content: flex-end;
-  margin-bottom: 16px;
-}
-</style>