feat(app): add always-visible Prompt tab with magazine brief style

Adds a 'Prompt' tab that is always present as the rightmost tab in the
content panel. Shows the user's original query as a single magazine-style
tile using the existing MagazineGrid component.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

packages/app/src/components/content/ContentGridView.vue

@@ -72,6 +72,13 @@
     <NostrGrid
       v-else-if="activeTab === 'nostr'"
     />
+    <MagazineGrid
+      v-else-if="activeTab === 'prompt'"
+      :sections="[{ title: panelQuery || 'Your Prompt', content: panelQuery }]"
+      :hero-image-url="null"
+      title="Prompt"
+      :query="panelQuery"
+    />
   </div>
 </template>
 

packages/app/src/components/content/ContentPanel.vue

@@ -348,6 +348,7 @@ const TAB_LABELS: Record<ContentTab, string> = {
   nostr: 'Nostr',
   favorites: 'Favorites',
   discover: 'Discover',
+  prompt: 'Prompt',
 }
 
 function tabLabel(tab: ContentTab): string {

packages/app/src/composables/contentFiltering.ts

@@ -1,4 +1,4 @@
-export type ContentTab = 'film' | 'song' | 'podcast' | 'book' | 'tvshow' | 'image' | 'place' | 'news' | 'websites' | 'magazine' | 'code' | 'design-system' | 'nostr' | 'app' | 'favorites' | 'discover'
+export type ContentTab = 'film' | 'song' | 'podcast' | 'book' | 'tvshow' | 'image' | 'place' | 'news' | 'websites' | 'magazine' | 'code' | 'design-system' | 'nostr' | 'app' | 'favorites' | 'discover' | 'prompt'
 
 export interface MagazineSection {
   title: string

packages/app/src/composables/useContentPanel.ts

@@ -139,8 +139,10 @@ export function useContentPanel() {
     }
 
     const tabs = filterTabsByContext(userQuery, films.length > 0, songs.length > 0, podcasts.length > 0, books.length > 0, tvSeries.length > 0, images.length > 0, places.length > 0, hasNews, hasWebsites, hasMagazine, hasNostr, hasApps, hasCode)
-    availableTabs.value = tabs.length > 0 ? tabs : ['film']
-    activeTab.value = tabs[0] ?? 'film'
+    // Always append Prompt tab as the rightmost tab
+    const tabsWithPrompt = tabs.length > 0 ? [...tabs, 'prompt' as const] : ['prompt' as const]
+    availableTabs.value = tabsWithPrompt
+    activeTab.value = tabs[0] ?? 'prompt'
 
     const showFilms = tabs.includes('film')
     const showBooks = tabs.includes('book')

packages/app/src/pages/ChatPage.vue

@@ -591,6 +591,7 @@ const TAB_LABELS: Record<ContentTab, string> = {
   nostr: 'Nostr',
   favorites: 'Favorites',
   discover: 'Discover',
+  prompt: 'Prompt',
 }
 
 function tabLabel(tab: ContentTab): string {