From fe94693ef63f2f733a9b399dcd77b166dcdb1df0 Mon Sep 17 00:00:00 2001
From: Dorian <dorian@Dorians-MacBook-Air.local>
Date: Wed, 4 Mar 2026 12:12:34 +0000
Subject: [PATCH] feat(content): wire ImageGrid/ImageDetail and
 PlaceGrid/PlaceDetail into ContentPanel
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Add missing content type wiring so images and places render properly
in the content panel with full grid → detail navigation flow.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 .../src/components/content/ContentPanel.vue   | 36 ++++++++++++++++++-
 1 file changed, 35 insertions(+), 1 deletion(-)

diff --git a/packages/app/src/components/content/ContentPanel.vue b/packages/app/src/components/content/ContentPanel.vue
index d27633c2..b1aaf1c8 100644
--- a/packages/app/src/components/content/ContentPanel.vue
+++ b/packages/app/src/components/content/ContentPanel.vue
@@ -82,6 +82,16 @@
             :podcast="selectedPodcast"
             @back="closePodcastDetail"
           />
+          <ImageDetail
+            v-else-if="selectedImage"
+            :image="selectedImage"
+            @back="closeImageDetail"
+          />
+          <PlaceDetail
+            v-else-if="selectedPlace"
+            :place="selectedPlace"
+            @back="closePlaceDetail"
+          />
           <AppDetail
             v-else-if="selectedApp"
             :app="selectedApp"
@@ -144,6 +154,18 @@
             :title="panelTitle"
             @select-podcast="openPodcastDetail"
           />
+          <ImageGrid
+            v-else-if="activeTab === 'image'"
+            :images="panelImages"
+            :title="panelTitle"
+            @select-image="openImageDetail"
+          />
+          <PlaceGrid
+            v-else-if="activeTab === 'place'"
+            :places="panelPlaces"
+            :title="panelTitle"
+            @select-place="openPlaceDetail"
+          />
           <NewsGrid
             v-else-if="activeTab === 'news'"
             :articles="panelWebResults"
@@ -198,6 +220,10 @@ import BookGrid from './BookGrid.vue'
 import BookDetail from './BookDetail.vue'
 import TVSeriesGrid from './TVSeriesGrid.vue'
 import TVSeriesDetail from './TVSeriesDetail.vue'
+import ImageGrid from './ImageGrid.vue'
+import ImageDetail from './ImageDetail.vue'
+import PlaceGrid from './PlaceGrid.vue'
+import PlaceDetail from './PlaceDetail.vue'
 import PodcastGrid from './PodcastGrid.vue'
 import PodcastDetail from './PodcastDetail.vue'
 import NewsGrid from './NewsGrid.vue'
@@ -231,6 +257,8 @@ const {
   panelPodcasts,
   panelWebResults,
   panelWebsites,
+  panelImages,
+  panelPlaces,
   panelApps,
   panelMagazineSections,
   panelMagazineHeroImage,
@@ -243,6 +271,8 @@ const {
   selectedTVSeries,
   selectedSong,
   selectedPodcast,
+  selectedImage,
+  selectedPlace,
   selectedArticle,
   selectedApp,
   selectedDesignSystemItem,
@@ -257,6 +287,10 @@ const {
   closeSongDetail,
   openPodcastDetail,
   closePodcastDetail,
+  openImageDetail,
+  closeImageDetail,
+  openPlaceDetail,
+  closePlaceDetail,
   openAppDetail,
   closeAppDetail,
   closeArticleDetail,
@@ -270,7 +304,7 @@ const {
 } = useContentPanel()
 
 const hasDetailOpen = computed(() =>
-  !!(selectedFilm.value || selectedBook.value || selectedTVSeries.value || selectedSong.value || selectedPodcast.value || selectedArticle.value || selectedApp.value || selectedDesignSystemItem.value || longFormArticle.value || pdfUrl.value || mapPlaces.value.length > 0)
+  !!(selectedFilm.value || selectedBook.value || selectedTVSeries.value || selectedSong.value || selectedPodcast.value || selectedImage.value || selectedPlace.value || selectedArticle.value || selectedApp.value || selectedDesignSystemItem.value || longFormArticle.value || pdfUrl.value || mapPlaces.value.length > 0)
 )
 
 const windowWidth = ref(window.innerWidth)