From 68f043b14d9748042fb302bb76acb54b54896645 Mon Sep 17 00:00:00 2001
From: MaheshtheDev <38828053+MaheshtheDev@users.noreply.github.com>
Date: Wed, 20 May 2026 03:36:31 +0000
Subject: [PATCH] fix(web): route Drive-hosted PDF URLs through backend proxy
 (#977)

Drive-ingested PDFs persist a raw googleapis.com URL that the browser can't fetch directly (403). Detect googleapis.com hostnames in PdfViewer and rewrite to `/v3/drive-proxy/<documentId>` with credentials. R2-hosted PDFs are unaffected.
---
 .../document-modal/content/index.tsx          |  2 +-
 .../components/document-modal/content/pdf.tsx | 22 ++++++++++++++++---
 2 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/apps/web/components/document-modal/content/index.tsx b/apps/web/components/document-modal/content/index.tsx
index b3df9fe7..81f29b29 100644
--- a/apps/web/components/document-modal/content/index.tsx
+++ b/apps/web/components/document-modal/content/index.tsx
@@ -103,7 +103,7 @@ export function DocumentContent({
 			return <TextEditorContent {...textEditorProps} />
 
 		case "pdf":
-			return <PdfViewer url={document.url} />
+			return <PdfViewer url={document.url} documentId={document.id} />
 
 		case "notion":
 			return <NotionDoc content={document.content ?? ""} />
diff --git a/apps/web/components/document-modal/content/pdf.tsx b/apps/web/components/document-modal/content/pdf.tsx
index d096b767..e633db86 100644
--- a/apps/web/components/document-modal/content/pdf.tsx
+++ b/apps/web/components/document-modal/content/pdf.tsx
@@ -1,7 +1,7 @@
 "use client"
 
 import { Document, Page, pdfjs } from "react-pdf"
-import { useCallback, useState } from "react"
+import { useCallback, useMemo, useState } from "react"
 import "react-pdf/dist/Page/AnnotationLayer.css"
 import "react-pdf/dist/Page/TextLayer.css"
 
@@ -13,9 +13,25 @@ pdfjs.GlobalWorkerOptions.workerSrc = new URL(
 
 interface PdfViewerProps {
 	url: string | null | undefined
+	documentId?: string | null
 }
 
-export function PdfViewer({ url }: PdfViewerProps) {
+export function PdfViewer({ url, documentId }: PdfViewerProps) {
+	const fileSource = useMemo(() => {
+		if (!url) return null
+		try {
+			if (new URL(url).hostname === "www.googleapis.com" && documentId) {
+				const base =
+					process.env.NEXT_PUBLIC_BACKEND_URL ?? "https://api.supermemory.ai"
+				return {
+					url: `${base}/v3/drive-proxy/${documentId}`,
+					withCredentials: true,
+				}
+			}
+		} catch {}
+		return url
+	}, [url, documentId])
+
 	const [numPages, setNumPages] = useState<number | null>(null)
 	const [loading, setLoading] = useState(true)
 	const [error, setError] = useState<string | null>(null)
@@ -70,7 +86,7 @@ export function PdfViewer({ url }: PdfViewerProps) {
 				<Document
 					key={retryKey}
 					file={
-						url ||
+						fileSource ||
 						"https://corsproxy.io/?" +
 							encodeURIComponent("http://www.pdf995.com/samples/pdf.pdf")
 					}