From 783faa0abd941bad475662ebb35bdd9a80ae7155 Mon Sep 17 00:00:00 2001
From: Yusuf Suleman <yusuf@quadjourney.com>
Date: Wed, 1 Apr 2026 19:08:42 -0500
Subject: [PATCH] =?UTF-8?q?feat:=20brain=20inline=20PDF=20viewer=20?=
 =?UTF-8?q?=E2=80=94=20reuses=20PdfInlinePreview=20from=20trips?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- PDF detail sheet now shows inline rendered PDF pages
- Click to expand inline, "Full view" for overlay viewer
- Uses pdfjs-dist canvas rendering (same as trips app)
- Falls back to screenshot if no original upload found

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 .../src/lib/pages/brain/AtelierBrainPage.svelte | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/frontend-v2/src/lib/pages/brain/AtelierBrainPage.svelte b/frontend-v2/src/lib/pages/brain/AtelierBrainPage.svelte
index b3c08fd..58b7829 100644
--- a/frontend-v2/src/lib/pages/brain/AtelierBrainPage.svelte
+++ b/frontend-v2/src/lib/pages/brain/AtelierBrainPage.svelte
@@ -2,6 +2,7 @@
   import { onMount } from 'svelte';
 
   import { onDestroy } from 'svelte';
+  import PdfInlinePreview from '$lib/components/trips/PdfInlinePreview.svelte';
 
   interface BrainItem {
     id: string;
@@ -462,10 +463,18 @@
         <a class="detail-screenshot" href={selectedItem.url} target="_blank" rel="noopener">
           <img src="/api/brain/storage/{selectedItem.id}/screenshot/screenshot.png" alt="" />
         </a>
-      {:else if selectedItem.type === 'pdf' && selectedItem.assets?.some(a => a.asset_type === 'screenshot')}
-        <div class="detail-screenshot">
-          <img src="/api/brain/storage/{selectedItem.id}/screenshot/screenshot.png" alt="" />
-        </div>
+      {:else if selectedItem.type === 'pdf'}
+        {@const pdfAsset = selectedItem.assets?.find(a => a.asset_type === 'original_upload')}
+        {#if pdfAsset}
+          <PdfInlinePreview
+            url="/api/brain/storage/{selectedItem.id}/original_upload/{pdfAsset.filename}"
+            name={selectedItem.title || pdfAsset.filename}
+          />
+        {:else if selectedItem.assets?.some(a => a.asset_type === 'screenshot')}
+          <div class="detail-screenshot">
+            <img src="/api/brain/storage/{selectedItem.id}/screenshot/screenshot.png" alt="" />
+          </div>
+        {/if}
       {:else if selectedItem.type === 'image' && selectedItem.assets?.some(a => a.asset_type === 'original_upload')}
         {@const imgAsset = selectedItem.assets.find(a => a.asset_type === 'original_upload')}
         <div class="detail-screenshot">