feat(chat): add support for inline magazine sections and enhance content extraction

- Updated ChatMessage component to display a button for viewing brief magazine sections when available.
- Enhanced useContentPanel to extract and manage magazine sections, improving content organization.
- Refactored extractMagazineSections function to comprehensively handle various content formats, including headings and bullet points.
- Improved formatting of content to preserve bold text and newlines as paragraphs.

Made-with: Cursor

packages/app/src/components/chat/ChatMessage.vue

@@ -95,6 +95,13 @@
         >
           View all {{ inlineWebsitesLinks.length }} websites →
         </button>
+        <button
+          v-else-if="inlineMagazineSections.length > 0"
+          class="text-[10px] text-accent/70 hover:text-accent transition-colors"
+          @click.stop="openPanel"
+        >
+          View brief →
+        </button>
       </div>
     </div>
   </div>
@@ -143,13 +150,15 @@ const inlineSongs = computed(() => inlineContent.value.songs)
 const inlinePodcasts = computed(() => inlineContent.value.podcasts)
 const inlineNewsLinks = computed(() => inlineContent.value.newsLinks ?? [])
 const inlineWebsitesLinks = computed(() => inlineContent.value.websitesLinks ?? [])
+const inlineMagazineSections = computed(() => inlineContent.value.magazineSections ?? [])
 
 const hasContext = computed(() => !isUser.value && (
   inlineFilms.value.length > 0 ||
   inlineSongs.value.length > 0 ||
   inlinePodcasts.value.length > 0 ||
   inlineNewsLinks.value.length > 0 ||
-  inlineWebsitesLinks.value.length > 0
+  inlineWebsitesLinks.value.length > 0 ||
+  inlineMagazineSections.value.length > 0
 ))
 
 const displayText = computed(() => {