From 8abdaa4393889db4a372ff2281ee27ba8da81e02 Mon Sep 17 00:00:00 2001
From: Bryan Van Deusen <bryan.vandeusen@fabledsword.com>
Date: Mon, 18 May 2026 20:17:42 -0400
Subject: [PATCH] feat(provenance): modal sidebar stacks ProvenancePanel above
 Tags

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 frontend/src/components/modal/ImageViewer.vue | 18 ++++++++++++++----
 frontend/src/components/modal/TagPanel.vue    |  5 -----
 2 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/frontend/src/components/modal/ImageViewer.vue b/frontend/src/components/modal/ImageViewer.vue
index ef0874a..3f30bff 100644
--- a/frontend/src/components/modal/ImageViewer.vue
+++ b/frontend/src/components/modal/ImageViewer.vue
@@ -42,7 +42,10 @@
           </v-alert>
         </div>
 
-        <TagPanel v-if="modal.current" />
+        <aside v-if="modal.current" class="fc-viewer__side">
+          <ProvenancePanel />
+          <TagPanel />
+        </aside>
       </div>
     </div>
   </Teleport>
@@ -54,6 +57,7 @@ import { useModalStore } from '../../stores/modal.js'
 import ImageCanvas from './ImageCanvas.vue'
 import VideoCanvas from './VideoCanvas.vue'
 import TagPanel from './TagPanel.vue'
+import ProvenancePanel from './ProvenancePanel.vue'
 
 defineEmits(['close'])
 
@@ -133,13 +137,19 @@ function isTextEntry(el) {
   flex: 1; display: flex; align-items: center; justify-content: center;
   min-width: 0;
 }
+.fc-viewer__side {
+  width: 320px; flex-shrink: 0;
+  background: rgb(var(--v-theme-surface));
+  border-left: 1px solid rgb(var(--v-theme-surface-light));
+  overflow-y: auto;
+}
 
 @media (max-width: 900px) {
   .fc-viewer__body { flex-direction: column; }
-  .fc-tag-panel {
-    width: 100% !important;
+  .fc-viewer__side {
+    width: 100%;
     max-height: 40vh;
-    border-left: none !important;
+    border-left: none;
     border-top: 1px solid rgb(var(--v-theme-surface-light));
   }
 }
diff --git a/frontend/src/components/modal/TagPanel.vue b/frontend/src/components/modal/TagPanel.vue
index 4b3066a..2f1df1c 100644
--- a/frontend/src/components/modal/TagPanel.vue
+++ b/frontend/src/components/modal/TagPanel.vue
@@ -103,12 +103,7 @@ async function onRenamed() {
 
 <style scoped>
 .fc-tag-panel {
-  width: 320px;
-  flex-shrink: 0;
   padding: 16px;
-  background: rgb(var(--v-theme-surface));
-  border-left: 1px solid rgb(var(--v-theme-surface-light));
-  overflow-y: auto;
 }
 .fc-tag-panel__title {
   font-family: 'Fraunces', Georgia, serif;