From e711be359b8d0840735b0189122647c46e90d6b6 Mon Sep 17 00:00:00 2001
From: Hyunkyung <hyunkyung@macbookpro.speedport.ip>
Date: Mon, 15 Jun 2026 23:30:18 +0200
Subject: [PATCH] save pdf as blob in vercel

---
 .../web/app/(portal)/mypage/invoices/page.tsx |  34 ++--
 .../web/app/(portal)/mypage/projects/page.tsx |  43 +++--
 apps/web/app/(portal)/mypage/quotes/page.tsx  |  11 +-
 .../projects/[id]/GenerateContractButton.tsx  |   3 +
 .../admin/projects/[id]/InvoiceIssueForm.tsx  |  22 ++-
 .../app/admin/quotes/[id]/EstimateBuilder.tsx |  11 +-
 apps/web/app/api/docs/contract/[id]/route.ts  |  58 +++++++
 apps/web/app/api/docs/invoice/[id]/route.ts   |  53 ++++++
 apps/web/app/api/docs/quote/[id]/route.ts     |  51 ++++++
 apps/web/app/docs/contract/[id]/page.tsx      | 162 ++++++++++++++++++
 apps/web/app/docs/invoice/[id]/page.tsx       | 156 +++++++++++++++++
 apps/web/app/docs/quote/[id]/page.tsx         | 138 +++++++++++++++
 apps/web/lib/actions/invoices.ts              |  20 +--
 apps/web/lib/actions/projects.ts              |   1 +
 apps/web/lib/actions/quotes.ts                |  12 +-
 apps/web/lib/email/index.ts                   |  37 ++--
 16 files changed, 745 insertions(+), 67 deletions(-)
 create mode 100644 apps/web/app/api/docs/contract/[id]/route.ts
 create mode 100644 apps/web/app/api/docs/invoice/[id]/route.ts
 create mode 100644 apps/web/app/api/docs/quote/[id]/route.ts
 create mode 100644 apps/web/app/docs/contract/[id]/page.tsx
 create mode 100644 apps/web/app/docs/invoice/[id]/page.tsx
 create mode 100644 apps/web/app/docs/quote/[id]/page.tsx

diff --git a/apps/web/app/(portal)/mypage/invoices/page.tsx b/apps/web/app/(portal)/mypage/invoices/page.tsx
index 77d3bc6..0998a15 100644
--- a/apps/web/app/(portal)/mypage/invoices/page.tsx
+++ b/apps/web/app/(portal)/mypage/invoices/page.tsx
@@ -93,16 +93,21 @@ export default async function MyInvoicesPage() {
                   >
                     Pay Now — Card / Apple Pay
                   </Link>
-                  {/* PDF download */}
+                  {/* View / download PDF */}
                   {inv.pdfUrl && !inv.pdfUrl.startsWith('data:') && (
-                    <a
-                      href={inv.pdfUrl}
-                      target="_blank"
-                      rel="noopener noreferrer"
-                      className="btn btn-ghost btn-sm"
-                    >
-                      Download PDF
-                    </a>
+                    <>
+                      <Link href={`/docs/invoice/${inv.id}`} className="btn btn-ghost btn-sm">
+                        View Invoice
+                      </Link>
+                      <a
+                        href={inv.pdfUrl}
+                        target="_blank"
+                        rel="noopener noreferrer"
+                        className="btn btn-ghost btn-sm"
+                      >
+                        Download PDF
+                      </a>
+                    </>
                   )}
                 </div>
 
@@ -159,9 +164,14 @@ export default async function MyInvoicesPage() {
                     </td>
                     <td>
                       {inv.pdfUrl && !inv.pdfUrl.startsWith('data:') ? (
-                        <a href={inv.pdfUrl} target="_blank" rel="noopener noreferrer" style={{ color: 'var(--copper-deep)', fontWeight: 600, fontSize: '0.85rem' }}>
-                          Download
-                        </a>
+                        <div style={{ display: 'flex', gap: '0.5rem' }}>
+                          <Link href={`/docs/invoice/${inv.id}`} style={{ color: 'var(--copper-deep)', fontWeight: 600, fontSize: '0.85rem' }}>
+                            View
+                          </Link>
+                          <a href={inv.pdfUrl} target="_blank" rel="noopener noreferrer" style={{ color: 'var(--muted)', fontWeight: 600, fontSize: '0.85rem' }}>
+                            PDF
+                          </a>
+                        </div>
                       ) : (
                         <span style={{ color: 'var(--muted-soft)', fontSize: '0.85rem' }}>—</span>
                       )}
diff --git a/apps/web/app/(portal)/mypage/projects/page.tsx b/apps/web/app/(portal)/mypage/projects/page.tsx
index c0132b9..7e10082 100644
--- a/apps/web/app/(portal)/mypage/projects/page.tsx
+++ b/apps/web/app/(portal)/mypage/projects/page.tsx
@@ -145,18 +145,26 @@ export default async function MyProjectsPage() {
                 </div>
 
                 {/* Contract PDFs */}
-                <div style={{ display: 'flex', gap: '0.75rem', flexWrap: 'wrap' }}>
-                  {proj.contractPdfUrl && !proj.contractPdfUrl.startsWith('data:') && (
-                    <a href={proj.contractPdfUrl} target="_blank" rel="noopener noreferrer" className="btn btn-ghost btn-sm">
-                      📄 Download Contract
-                    </a>
-                  )}
-                  {proj.signedContractPdfUrl && !proj.signedContractPdfUrl.startsWith('data:') && (
-                    <a href={proj.signedContractPdfUrl} target="_blank" rel="noopener noreferrer" className="btn btn-ghost btn-sm">
-                      ✅ Signed Contract
-                    </a>
-                  )}
-                </div>
+                {(proj.contractPdfUrl || proj.signedContractPdfUrl) && (
+                  <div style={{ display: 'flex', gap: '0.75rem', flexWrap: 'wrap' }}>
+                    {(proj.contractPdfUrl && !proj.contractPdfUrl.startsWith('data:')) ||
+                     (proj.signedContractPdfUrl && !proj.signedContractPdfUrl.startsWith('data:')) ? (
+                      <Link href={`/docs/contract/${proj.id}`} className="btn btn-ghost btn-sm">
+                        📄 View Contract
+                      </Link>
+                    ) : null}
+                    {proj.contractPdfUrl && !proj.contractPdfUrl.startsWith('data:') && (
+                      <a href={proj.contractPdfUrl} target="_blank" rel="noopener noreferrer" className="btn btn-ghost btn-sm" style={{ fontSize: '0.8rem' }}>
+                        Download PDF
+                      </a>
+                    )}
+                    {proj.signedContractPdfUrl && !proj.signedContractPdfUrl.startsWith('data:') && (
+                      <a href={proj.signedContractPdfUrl} target="_blank" rel="noopener noreferrer" className="btn btn-ghost btn-sm" style={{ fontSize: '0.8rem' }}>
+                        ✅ Signed PDF
+                      </a>
+                    )}
+                  </div>
+                )}
 
                 {/* Invoices */}
                 {proj.invoices.length > 0 && (
@@ -179,9 +187,14 @@ export default async function MyProjectsPage() {
                               </Link>
                             )}
                             {inv.pdfUrl && !inv.pdfUrl.startsWith('data:') && (
-                              <a href={inv.pdfUrl} target="_blank" rel="noopener noreferrer" className="btn btn-ghost btn-sm" style={{ padding: '0.3rem 0.75rem' }}>
-                                PDF
-                              </a>
+                              <>
+                                <Link href={`/docs/invoice/${inv.id}`} className="btn btn-ghost btn-sm" style={{ padding: '0.3rem 0.75rem' }}>
+                                  View
+                                </Link>
+                                <a href={inv.pdfUrl} target="_blank" rel="noopener noreferrer" className="btn btn-ghost btn-sm" style={{ padding: '0.3rem 0.75rem' }}>
+                                  PDF
+                                </a>
+                              </>
                             )}
                           </div>
                         </div>
diff --git a/apps/web/app/(portal)/mypage/quotes/page.tsx b/apps/web/app/(portal)/mypage/quotes/page.tsx
index f988c20..9e252af 100644
--- a/apps/web/app/(portal)/mypage/quotes/page.tsx
+++ b/apps/web/app/(portal)/mypage/quotes/page.tsx
@@ -84,9 +84,14 @@ export default async function MyQuotesPage() {
                       )}
                     </div>
                   </div>
-                  <a href={(q as { quotePdfUrl: string }).quotePdfUrl} target="_blank" rel="noopener noreferrer" className="btn btn-copper btn-sm">
-                    Download Estimate PDF
-                  </a>
+                  <div style={{ display: 'flex', gap: '0.5rem', flexWrap: 'wrap' }}>
+                    <Link href={`/docs/quote/${q.id}`} className="btn btn-copper btn-sm">
+                      View Estimate
+                    </Link>
+                    <a href={(q as { quotePdfUrl: string }).quotePdfUrl} target="_blank" rel="noopener noreferrer" className="btn btn-ghost btn-sm">
+                      Download PDF
+                    </a>
+                  </div>
                 </div>
               )}
 
diff --git a/apps/web/app/admin/projects/[id]/GenerateContractButton.tsx b/apps/web/app/admin/projects/[id]/GenerateContractButton.tsx
index eb5dcd5..4f8a75b 100644
--- a/apps/web/app/admin/projects/[id]/GenerateContractButton.tsx
+++ b/apps/web/app/admin/projects/[id]/GenerateContractButton.tsx
@@ -54,6 +54,9 @@ export default function GenerateContractButton({ projectId, contractPdfUrl: init
 
       {pdfUrl && !pdfUrl.startsWith('data:') && (
         <>
+          <a href={`/docs/contract/${projectId}`} target="_blank" rel="noopener noreferrer" className="btn btn-ghost btn-sm">
+            🔗 Public Link
+          </a>
           <a href={pdfUrl} target="_blank" rel="noopener noreferrer" className="btn btn-ghost btn-sm">
             📄 View PDF
           </a>
diff --git a/apps/web/app/admin/projects/[id]/InvoiceIssueForm.tsx b/apps/web/app/admin/projects/[id]/InvoiceIssueForm.tsx
index 50edfcd..5f5ffcf 100644
--- a/apps/web/app/admin/projects/[id]/InvoiceIssueForm.tsx
+++ b/apps/web/app/admin/projects/[id]/InvoiceIssueForm.tsx
@@ -118,9 +118,14 @@ export default function InvoiceIssueForm({
       <div style={{ display: 'flex', gap: '0.35rem', alignItems: 'center' }}>
         <span style={{ color: 'var(--muted)', fontSize: '0.82rem' }}>—</span>
         {invoice.pdfUrl && (
-          <a href={invoice.pdfUrl} target="_blank" rel="noopener noreferrer" className="btn btn-ghost btn-sm">
-            PDF
-          </a>
+          <>
+            <a href={`/docs/invoice/${invoice.id}`} target="_blank" rel="noopener noreferrer" className="btn btn-ghost btn-sm">
+              🔗
+            </a>
+            <a href={invoice.pdfUrl} target="_blank" rel="noopener noreferrer" className="btn btn-ghost btn-sm">
+              PDF
+            </a>
+          </>
         )}
       </div>
     );
@@ -131,9 +136,14 @@ export default function InvoiceIssueForm({
       <div style={{ display: 'flex', gap: '0.35rem', flexWrap: 'wrap' }}>
         {/* View PDF */}
         {invoice.pdfUrl && (
-          <a href={invoice.pdfUrl} target="_blank" rel="noopener noreferrer" className="btn btn-ghost btn-sm">
-            PDF
-          </a>
+          <>
+            <a href={`/docs/invoice/${invoice.id}`} target="_blank" rel="noopener noreferrer" className="btn btn-ghost btn-sm">
+              🔗 Public
+            </a>
+            <a href={invoice.pdfUrl} target="_blank" rel="noopener noreferrer" className="btn btn-ghost btn-sm">
+              PDF
+            </a>
+          </>
         )}
 
         {/* DRAFT: Issue */}
diff --git a/apps/web/app/admin/quotes/[id]/EstimateBuilder.tsx b/apps/web/app/admin/quotes/[id]/EstimateBuilder.tsx
index 6866edb..0cee31f 100644
--- a/apps/web/app/admin/quotes/[id]/EstimateBuilder.tsx
+++ b/apps/web/app/admin/quotes/[id]/EstimateBuilder.tsx
@@ -116,9 +116,14 @@ export default function EstimateBuilder({
         </h2>
         <div style={{ display: 'flex', gap: '0.5rem', flexWrap: 'wrap' }}>
           {quotePdfUrl && !quotePdfUrl.startsWith('data:') && (
-            <a href={quotePdfUrl} target="_blank" rel="noopener noreferrer" className="btn btn-ghost btn-sm">
-              📄 View PDF
-            </a>
+            <>
+              <a href={`/docs/quote/${quoteId}`} target="_blank" rel="noopener noreferrer" className="btn btn-ghost btn-sm">
+                🔗 Public Link
+              </a>
+              <a href={quotePdfUrl} target="_blank" rel="noopener noreferrer" className="btn btn-ghost btn-sm">
+                📄 View PDF
+              </a>
+            </>
           )}
           {!isEditing && existingAmount && (
             <button onClick={() => setIsEditing(true)} className="btn btn-ghost btn-sm">
diff --git a/apps/web/app/api/docs/contract/[id]/route.ts b/apps/web/app/api/docs/contract/[id]/route.ts
new file mode 100644
index 0000000..e1245ea
--- /dev/null
+++ b/apps/web/app/api/docs/contract/[id]/route.ts
@@ -0,0 +1,58 @@
+import { NextResponse } from 'next/server';
+import { auth } from '@/lib/auth';
+import { db } from '@/lib/db';
+
+export const runtime = 'nodejs';
+
+export async function GET(
+  req: Request,
+  { params }: { params: Promise<{ id: string }> }
+) {
+  const session = await auth();
+  if (!session?.user) {
+    return new NextResponse('Unauthorized', { status: 401 });
+  }
+
+  const { id } = await params;
+
+  const project = await db.project.findUnique({
+    where: { id },
+    select: {
+      contractPdfUrl: true,
+      signedContractPdfUrl: true,
+      title: true,
+      userId: true,
+    },
+  });
+
+  if (!project) return new NextResponse('Not found', { status: 404 });
+
+  const isAdmin = session.user.role === 'ADMIN';
+  const isOwner = project.userId === session.user.id;
+  if (!isAdmin && !isOwner) {
+    return new NextResponse('Forbidden', { status: 403 });
+  }
+
+  // Prefer signed contract; fall back to unsigned
+  const pdfUrl = project.signedContractPdfUrl ?? project.contractPdfUrl;
+
+  if (!pdfUrl || pdfUrl.startsWith('data:') || !pdfUrl.startsWith('http')) {
+    return new NextResponse('Not found', { status: 404 });
+  }
+
+  const blobRes = await fetch(pdfUrl);
+  if (!blobRes.ok) return new NextResponse('PDF unavailable', { status: 404 });
+
+  const isDownload = new URL(req.url).searchParams.get('dl') === '1';
+  const filename = `contract-${project.title.replace(/[^a-zA-Z0-9]/g, '-')}.pdf`;
+
+  return new NextResponse(blobRes.body, {
+    headers: {
+      'Content-Type': 'application/pdf',
+      'Content-Disposition': isDownload
+        ? `attachment; filename="${filename}"`
+        : 'inline',
+      'Cache-Control': 'private, max-age=3600',
+    },
+  });
+}
diff --git a/apps/web/app/api/docs/invoice/[id]/route.ts b/apps/web/app/api/docs/invoice/[id]/route.ts
new file mode 100644
index 0000000..056a1d5
--- /dev/null
+++ b/apps/web/app/api/docs/invoice/[id]/route.ts
@@ -0,0 +1,53 @@
+import { NextResponse } from 'next/server';
+import { auth } from '@/lib/auth';
+import { db } from '@/lib/db';
+
+export const runtime = 'nodejs';
+
+export async function GET(
+  req: Request,
+  { params }: { params: Promise<{ id: string }> }
+) {
+  const session = await auth();
+  if (!session?.user) {
+    return new NextResponse('Unauthorized', { status: 401 });
+  }
+
+  const { id } = await params;
+
+  const invoice = await db.invoice.findUnique({
+    where: { id },
+    select: {
+      pdfUrl: true,
+      number: true,
+      project: { select: { userId: true } },
+    },
+  });
+
+  if (!invoice?.pdfUrl || invoice.pdfUrl.startsWith('data:') || !invoice.pdfUrl.startsWith('http')) {
+    return new NextResponse('Not found', { status: 404 });
+  }
+
+  // Admin can view all; customers can only view their own
+  const isAdmin = session.user.role === 'ADMIN';
+  const isOwner = invoice.project.userId === session.user.id;
+  if (!isAdmin && !isOwner) {
+    return new NextResponse('Forbidden', { status: 403 });
+  }
+
+  const blobRes = await fetch(invoice.pdfUrl);
+  if (!blobRes.ok) return new NextResponse('PDF unavailable', { status: 404 });
+
+  const isDownload = new URL(req.url).searchParams.get('dl') === '1';
+  const filename = `invoice-${invoice.number ?? id}.pdf`;
+
+  return new NextResponse(blobRes.body, {
+    headers: {
+      'Content-Type': 'application/pdf',
+      'Content-Disposition': isDownload
+        ? `attachment; filename="${filename}"`
+        : 'inline',
+      'Cache-Control': 'private, max-age=3600',
+    },
+  });
+}
diff --git a/apps/web/app/api/docs/quote/[id]/route.ts b/apps/web/app/api/docs/quote/[id]/route.ts
new file mode 100644
index 0000000..27805e4
--- /dev/null
+++ b/apps/web/app/api/docs/quote/[id]/route.ts
@@ -0,0 +1,51 @@
+import { NextResponse } from 'next/server';
+import { auth } from '@/lib/auth';
+import { db } from '@/lib/db';
+
+export const runtime = 'nodejs';
+
+export async function GET(
+  req: Request,
+  { params }: { params: Promise<{ id: string }> }
+) {
+  const session = await auth();
+  if (!session?.user) {
+    return new NextResponse('Unauthorized', { status: 401 });
+  }
+
+  const { id } = await params;
+
+  const quote = await db.quoteRequest.findUnique({
+    where: { id },
+    select: { quotePdfUrl: true, userId: true, email: true },
+  });
+
+  const pdfUrl = quote?.quotePdfUrl as string | null | undefined;
+
+  if (!pdfUrl || pdfUrl.startsWith('data:') || !pdfUrl.startsWith('http')) {
+    return new NextResponse('Not found', { status: 404 });
+  }
+
+  const isAdmin = session.user.role === 'ADMIN';
+  const isOwner =
+    (quote != null && quote.userId != null && quote.userId === session.user.id) ||
+    (quote != null && quote.email === session.user.email);
+  if (!isAdmin && !isOwner) {
+    return new NextResponse('Forbidden', { status: 403 });
+  }
+
+  const blobRes = await fetch(pdfUrl);
+  if (!blobRes.ok) return new NextResponse('PDF unavailable', { status: 404 });
+
+  const isDownload = new URL(req.url).searchParams.get('dl') === '1';
+
+  return new NextResponse(blobRes.body, {
+    headers: {
+      'Content-Type': 'application/pdf',
+      'Content-Disposition': isDownload
+        ? `attachment; filename="estimate-${id}.pdf"`
+        : 'inline',
+      'Cache-Control': 'private, max-age=3600',
+    },
+  });
+}
diff --git a/apps/web/app/docs/contract/[id]/page.tsx b/apps/web/app/docs/contract/[id]/page.tsx
new file mode 100644
index 0000000..c2d5396
--- /dev/null
+++ b/apps/web/app/docs/contract/[id]/page.tsx
@@ -0,0 +1,162 @@
+import { notFound, redirect } from 'next/navigation';
+import { auth } from '@/lib/auth';
+import { db } from '@/lib/db';
+import { format } from 'date-fns';
+
+function formatCAD(n: number | { toNumber(): number } | null | undefined) {
+  if (n == null) return null;
+  return new Intl.NumberFormat('en-CA', { style: 'currency', currency: 'CAD' }).format(
+    typeof n === 'number' ? n : n.toNumber()
+  );
+}
+
+export default async function PublicContractPage({
+  params,
+}: {
+  params: Promise<{ id: string }>;
+}) {
+  const session = await auth();
+  if (!session?.user) redirect('/login');
+
+  const { id } = await params;
+
+  const project = await db.project.findUnique({
+    where: { id },
+    select: {
+      id: true,
+      title: true,
+      city: true,
+      province: true,
+      contractValue: true,
+      contractPdfUrl: true,
+      signedContractPdfUrl: true,
+      contractSignedAt: true,
+      startDate: true,
+      status: true,
+      userId: true,
+    },
+  });
+
+  if (project && session.user.role !== 'ADMIN' && project.userId !== session.user.id) {
+    notFound();
+  }
+
+  if (!project) notFound();
+
+  const pdfUrl = project.signedContractPdfUrl ?? project.contractPdfUrl;
+
+  if (!pdfUrl || pdfUrl.startsWith('data:')) notFound();
+
+  const proxyUrl = `/api/docs/contract/${id}`;
+  const downloadUrl = `${proxyUrl}?dl=1`;
+
+  const isSigned = !!project.signedContractPdfUrl;
+
+  return (
+    <div style={{ minHeight: '100vh', background: '#fdfbf6', fontFamily: 'sans-serif', color: '#1a0f08' }}>
+      {/* Header */}
+      <div style={{ background: '#1a0f08', padding: '20px 32px', display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
+        <div>
+          <div style={{ color: '#fdfbf6', fontSize: '18px', fontWeight: 300, letterSpacing: '2px' }}>ECOWOODS</div>
+          <div style={{ color: '#c87e4f', fontSize: '11px', letterSpacing: '0.1em' }}>TORONTO HARDWOOD FLOORING</div>
+        </div>
+        <a
+          href={downloadUrl}
+          download
+          style={{
+            background: '#c87e4f',
+            color: '#fdfbf6',
+            padding: '10px 20px',
+            borderRadius: '6px',
+            textDecoration: 'none',
+            fontWeight: 600,
+            fontSize: '14px',
+          }}
+        >
+          Download PDF
+        </a>
+      </div>
+
+      {/* Document info */}
+      <div style={{ maxWidth: '860px', margin: '0 auto', padding: '32px 24px' }}>
+        <div style={{
+          background: '#fff',
+          border: '1px solid #e8d4b8',
+          borderRadius: '10px',
+          padding: '28px 32px',
+          marginBottom: '24px',
+          display: 'flex',
+          justifyContent: 'space-between',
+          alignItems: 'flex-start',
+          flexWrap: 'wrap',
+          gap: '16px',
+        }}>
+          <div>
+            <div style={{ fontSize: '12px', color: '#6b5d52', textTransform: 'uppercase', letterSpacing: '0.08em', marginBottom: '4px' }}>
+              {isSigned ? 'Signed Contract' : 'Service Contract'}
+            </div>
+            <div style={{ fontSize: '20px', fontWeight: 700 }}>{project.title}</div>
+            {(project.city || project.province) && (
+              <div style={{ fontSize: '14px', color: '#6b5d52', marginTop: '4px' }}>
+                {[project.city, project.province].filter(Boolean).join(', ')}
+              </div>
+            )}
+          </div>
+
+          <div style={{ textAlign: 'right' }}>
+            {isSigned && (
+              <div style={{
+                display: 'inline-block',
+                padding: '4px 12px',
+                borderRadius: '99px',
+                fontSize: '13px',
+                fontWeight: 600,
+                background: '#16a34a18',
+                color: '#16a34a',
+                marginBottom: '8px',
+              }}>
+                ✓ Signed
+              </div>
+            )}
+            {project.contractValue && (
+              <div style={{ fontSize: '28px', fontWeight: 800, color: '#c87e4f' }}>
+                {formatCAD(project.contractValue)}
+              </div>
+            )}
+            {project.contractSignedAt && (
+              <div style={{ fontSize: '13px', color: '#6b5d52', marginTop: '4px' }}>
+                Signed {format(project.contractSignedAt, 'MMMM d, yyyy')}
+              </div>
+            )}
+            {project.startDate && (
+              <div style={{ fontSize: '13px', color: '#6b5d52' }}>
+                Start {format(project.startDate, 'MMMM d, yyyy')}
+              </div>
+            )}
+          </div>
+        </div>
+
+        {/* PDF Viewer */}
+        <div style={{ background: '#fff', border: '1px solid #e8d4b8', borderRadius: '10px', overflow: 'hidden' }}>
+          <div style={{ padding: '16px 24px', borderBottom: '1px solid #e8d4b8', display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
+            <span style={{ fontWeight: 600, fontSize: '14px' }}>
+              {isSigned ? 'Signed Contract Document' : 'Contract Document'}
+            </span>
+            <a href={downloadUrl} style={{ color: '#c87e4f', fontSize: '13px', fontWeight: 600, textDecoration: 'none' }}>
+              Open in new tab ↗
+            </a>
+          </div>
+          <iframe
+            src={proxyUrl}
+            style={{ width: '100%', height: '800px', border: 'none', display: 'block' }}
+            title="Contract PDF"
+          />
+        </div>
+
+        <div style={{ textAlign: 'center', padding: '24px', fontSize: '12px', color: '#6b5d52' }}>
+          Ecowoods Hardwood Flooring Inc. · 32 Norfield Crsnt., Toronto, ON M3J 3A1 · (416) 249-1276
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/apps/web/app/docs/invoice/[id]/page.tsx b/apps/web/app/docs/invoice/[id]/page.tsx
new file mode 100644
index 0000000..40b5bb5
--- /dev/null
+++ b/apps/web/app/docs/invoice/[id]/page.tsx
@@ -0,0 +1,156 @@
+import { notFound, redirect } from 'next/navigation';
+import { auth } from '@/lib/auth';
+import { db } from '@/lib/db';
+import { format } from 'date-fns';
+
+function formatCAD(n: number | { toNumber(): number }) {
+  return new Intl.NumberFormat('en-CA', { style: 'currency', currency: 'CAD' }).format(
+    typeof n === 'number' ? n : n.toNumber()
+  );
+}
+
+const statusLabel: Record<string, string> = {
+  DRAFT: 'Draft',
+  SENT: 'Due',
+  OVERDUE: 'Overdue',
+  PAID: 'Paid',
+  VOID: 'Void',
+};
+
+const statusColor: Record<string, string> = {
+  DRAFT: '#6b5d52',
+  SENT: '#c87e4f',
+  OVERDUE: '#b91c1c',
+  PAID: '#16a34a',
+  VOID: '#6b5d52',
+};
+
+export default async function PublicInvoicePage({
+  params,
+}: {
+  params: Promise<{ id: string }>;
+}) {
+  const session = await auth();
+  if (!session?.user) redirect('/login');
+
+  const { id } = await params;
+
+  const invoice = await db.invoice.findUnique({
+    where: { id },
+    include: { project: { include: { user: { select: { name: true, email: true } } } } },
+  });
+
+  // Ownership check: admin sees all, customer sees only their own
+  if (
+    invoice &&
+    session.user.role !== 'ADMIN' &&
+    invoice.project.userId !== session.user.id
+  ) {
+    notFound();
+  }
+
+  if (!invoice || !invoice.pdfUrl || invoice.pdfUrl.startsWith('data:')) {
+    notFound();
+  }
+
+  const proxyUrl = `/api/docs/invoice/${id}`;
+  const downloadUrl = `${proxyUrl}?dl=1`;
+
+  return (
+    <div style={{ minHeight: '100vh', background: '#fdfbf6', fontFamily: 'sans-serif', color: '#1a0f08' }}>
+      {/* Header */}
+      <div style={{ background: '#1a0f08', padding: '20px 32px', display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
+        <div>
+          <div style={{ color: '#fdfbf6', fontSize: '18px', fontWeight: 300, letterSpacing: '2px' }}>ECOWOODS</div>
+          <div style={{ color: '#c87e4f', fontSize: '11px', letterSpacing: '0.1em' }}>TORONTO HARDWOOD FLOORING</div>
+        </div>
+        <a
+          href={downloadUrl}
+          download
+          style={{
+            background: '#c87e4f',
+            color: '#fdfbf6',
+            padding: '10px 20px',
+            borderRadius: '6px',
+            textDecoration: 'none',
+            fontWeight: 600,
+            fontSize: '14px',
+          }}
+        >
+          Download PDF
+        </a>
+      </div>
+
+      {/* Document info */}
+      <div style={{ maxWidth: '860px', margin: '0 auto', padding: '32px 24px' }}>
+        <div style={{
+          background: '#fff',
+          border: '1px solid #e8d4b8',
+          borderRadius: '10px',
+          padding: '28px 32px',
+          marginBottom: '24px',
+          display: 'flex',
+          justifyContent: 'space-between',
+          alignItems: 'flex-start',
+          flexWrap: 'wrap',
+          gap: '16px',
+        }}>
+          <div>
+            <div style={{ fontSize: '12px', color: '#6b5d52', textTransform: 'uppercase', letterSpacing: '0.08em', marginBottom: '4px' }}>Invoice</div>
+            <div style={{ fontSize: '24px', fontWeight: 700 }}>#{invoice.number ?? invoice.id.slice(0, 8).toUpperCase()}</div>
+            {invoice.project?.title && (
+              <div style={{ fontSize: '14px', color: '#6b5d52', marginTop: '4px' }}>{invoice.project.title}</div>
+            )}
+          </div>
+
+          <div style={{ textAlign: 'right' }}>
+            <div style={{
+              display: 'inline-block',
+              padding: '4px 12px',
+              borderRadius: '99px',
+              fontSize: '13px',
+              fontWeight: 600,
+              background: `${statusColor[invoice.status]}18`,
+              color: statusColor[invoice.status],
+              marginBottom: '8px',
+            }}>
+              {statusLabel[invoice.status] ?? invoice.status}
+            </div>
+            <div style={{ fontSize: '28px', fontWeight: 800, color: '#c87e4f' }}>
+              {formatCAD(invoice.total)}
+            </div>
+            {invoice.dueDate && (
+              <div style={{ fontSize: '13px', color: '#6b5d52' }}>
+                Due {format(invoice.dueDate, 'MMMM d, yyyy')}
+              </div>
+            )}
+            {invoice.issuedAt && (
+              <div style={{ fontSize: '13px', color: '#6b5d52' }}>
+                Issued {format(invoice.issuedAt, 'MMMM d, yyyy')}
+              </div>
+            )}
+          </div>
+        </div>
+
+        {/* PDF Viewer */}
+        <div style={{ background: '#fff', border: '1px solid #e8d4b8', borderRadius: '10px', overflow: 'hidden' }}>
+          <div style={{ padding: '16px 24px', borderBottom: '1px solid #e8d4b8', display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
+            <span style={{ fontWeight: 600, fontSize: '14px' }}>Invoice Document</span>
+            <a href={downloadUrl} style={{ color: '#c87e4f', fontSize: '13px', fontWeight: 600, textDecoration: 'none' }}>
+              Open in new tab ↗
+            </a>
+          </div>
+          <iframe
+            src={proxyUrl}
+            style={{ width: '100%', height: '800px', border: 'none', display: 'block' }}
+            title={`Invoice #${invoice.number}`}
+          />
+        </div>
+
+        <div style={{ textAlign: 'center', padding: '24px', fontSize: '12px', color: '#6b5d52' }}>
+          Ecowoods Hardwood Flooring Inc. · 32 Norfield Crsnt., Toronto, ON M3J 3A1 · (416) 249-1276
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/apps/web/app/docs/quote/[id]/page.tsx b/apps/web/app/docs/quote/[id]/page.tsx
new file mode 100644
index 0000000..aff242a
--- /dev/null
+++ b/apps/web/app/docs/quote/[id]/page.tsx
@@ -0,0 +1,138 @@
+import { notFound, redirect } from 'next/navigation';
+import { auth } from '@/lib/auth';
+import { db } from '@/lib/db';
+import { format } from 'date-fns';
+
+function formatCAD(n: number | { toNumber(): number }) {
+  return new Intl.NumberFormat('en-CA', { style: 'currency', currency: 'CAD' }).format(
+    typeof n === 'number' ? n : n.toNumber()
+  );
+}
+
+export default async function PublicQuotePage({
+  params,
+}: {
+  params: Promise<{ id: string }>;
+}) {
+  const session = await auth();
+  if (!session?.user) redirect('/login');
+
+  const { id } = await params;
+
+  const quote = await db.quoteRequest.findUnique({ where: { id } });
+
+  if (!quote || !quote.quotePdfUrl || (quote.quotePdfUrl as string).startsWith('data:')) {
+    notFound();
+  }
+
+  const isAdmin = session.user.role === 'ADMIN';
+  const isOwner =
+    (quote.userId != null && quote.userId === session.user.id) ||
+    quote.email === session.user.email;
+  if (!isAdmin && !isOwner) notFound();
+
+  const proxyUrl = `/api/docs/quote/${id}`;
+  const downloadUrl = `${proxyUrl}?dl=1`;
+
+  const subtotal = quote.quotedAmount ? Number(quote.quotedAmount) : null;
+  const taxRate = quote.quoteTaxRate ? Number(quote.quoteTaxRate) : 13;
+  const total = subtotal != null ? subtotal * (1 + taxRate / 100) : null;
+
+  return (
+    <div style={{ minHeight: '100vh', background: '#fdfbf6', fontFamily: 'sans-serif', color: '#1a0f08' }}>
+      {/* Header */}
+      <div style={{ background: '#1a0f08', padding: '20px 32px', display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
+        <div>
+          <div style={{ color: '#fdfbf6', fontSize: '18px', fontWeight: 300, letterSpacing: '2px' }}>ECOWOODS</div>
+          <div style={{ color: '#c87e4f', fontSize: '11px', letterSpacing: '0.1em' }}>TORONTO HARDWOOD FLOORING</div>
+        </div>
+        <a
+          href={downloadUrl}
+          download
+          style={{
+            background: '#c87e4f',
+            color: '#fdfbf6',
+            padding: '10px 20px',
+            borderRadius: '6px',
+            textDecoration: 'none',
+            fontWeight: 600,
+            fontSize: '14px',
+          }}
+        >
+          Download PDF
+        </a>
+      </div>
+
+      {/* Document info */}
+      <div style={{ maxWidth: '860px', margin: '0 auto', padding: '32px 24px' }}>
+        <div style={{
+          background: '#fff',
+          border: '1px solid #e8d4b8',
+          borderRadius: '10px',
+          padding: '28px 32px',
+          marginBottom: '24px',
+          display: 'flex',
+          justifyContent: 'space-between',
+          alignItems: 'flex-start',
+          flexWrap: 'wrap',
+          gap: '16px',
+        }}>
+          <div>
+            <div style={{ fontSize: '12px', color: '#6b5d52', textTransform: 'uppercase', letterSpacing: '0.08em', marginBottom: '4px' }}>Estimate (견적서)</div>
+            <div style={{ fontSize: '20px', fontWeight: 700 }}>
+              {quote.service
+                ? quote.service.charAt(0).toUpperCase() + quote.service.slice(1)
+                : 'Hardwood Flooring Estimate'}
+            </div>
+            {(quote.city || quote.province) && (
+              <div style={{ fontSize: '14px', color: '#6b5d52', marginTop: '4px' }}>
+                {[quote.city, quote.province].filter(Boolean).join(', ')}
+              </div>
+            )}
+          </div>
+
+          <div style={{ textAlign: 'right' }}>
+            {total != null && (
+              <>
+                <div style={{ fontSize: '12px', color: '#6b5d52', marginBottom: '4px' }}>Total</div>
+                <div style={{ fontSize: '28px', fontWeight: 800, color: '#c87e4f' }}>
+                  {formatCAD(total)}
+                </div>
+                <div style={{ fontSize: '12px', color: '#6b5d52' }}>Includes HST ({taxRate}%)</div>
+              </>
+            )}
+            {quote.quoteIssuedAt && (
+              <div style={{ fontSize: '13px', color: '#6b5d52', marginTop: '8px' }}>
+                Issued {format(quote.quoteIssuedAt, 'MMMM d, yyyy')}
+              </div>
+            )}
+            {quote.quoteValidUntil && (
+              <div style={{ fontSize: '13px', color: '#6b5d52' }}>
+                Valid until {format(quote.quoteValidUntil, 'MMMM d, yyyy')}
+              </div>
+            )}
+          </div>
+        </div>
+
+        {/* PDF Viewer */}
+        <div style={{ background: '#fff', border: '1px solid #e8d4b8', borderRadius: '10px', overflow: 'hidden' }}>
+          <div style={{ padding: '16px 24px', borderBottom: '1px solid #e8d4b8', display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
+            <span style={{ fontWeight: 600, fontSize: '14px' }}>Estimate Document</span>
+            <a href={downloadUrl} style={{ color: '#c87e4f', fontSize: '13px', fontWeight: 600, textDecoration: 'none' }}>
+              Open in new tab ↗
+            </a>
+          </div>
+          <iframe
+            src={proxyUrl}
+            style={{ width: '100%', height: '800px', border: 'none', display: 'block' }}
+            title="Estimate PDF"
+          />
+        </div>
+
+        <div style={{ textAlign: 'center', padding: '24px', fontSize: '12px', color: '#6b5d52' }}>
+          Ecowoods Hardwood Flooring Inc. · 32 Norfield Crsnt., Toronto, ON M3J 3A1 · (416) 249-1276
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/apps/web/lib/actions/invoices.ts b/apps/web/lib/actions/invoices.ts
index 7354144..5b9a5d0 100644
--- a/apps/web/lib/actions/invoices.ts
+++ b/apps/web/lib/actions/invoices.ts
@@ -127,11 +127,9 @@ export async function issueInvoice(invoiceId: string) {
     }
   }
 
-  // Build absolute PDF URL for email
+  // Use proxy URL for email (private Blob is server-only; proxy handles auth)
   const baseUrl = (process.env.NEXTAUTH_URL ?? 'http://localhost:3000').replace(/\/$/, '');
-  const absolutePdfUrl = pdfUrl
-    ? pdfUrl.startsWith('http') ? pdfUrl : `${baseUrl}${pdfUrl}`
-    : null;
+  const emailPdfUrl = pdfUrl ? `${baseUrl}/api/docs/invoice/${invoiceId}?dl=1` : null;
 
   // Email customer (non-blocking, lazy import)
   import('@/lib/email').then(({ sendInvoiceEmail }) =>
@@ -143,7 +141,7 @@ export async function issueInvoice(invoiceId: string) {
       total: Number(invoice.total),
       dueDate: invoice.dueDate ?? undefined,
       projectTitle: invoice.project.title,
-      pdfUrl: absolutePdfUrl ?? undefined,
+      pdfUrl: emailPdfUrl ?? undefined,
     })
   ).catch((err: unknown) => console.error('[email] invoice send failed:', err));
 
@@ -289,9 +287,7 @@ export async function resendInvoice(invoiceId: string) {
   });
 
   const baseUrl = (process.env.NEXTAUTH_URL ?? 'http://localhost:3000').replace(/\/$/, '');
-  const absolutePdfUrl = invoice.pdfUrl
-    ? (invoice.pdfUrl.startsWith('http') ? invoice.pdfUrl : `${baseUrl}${invoice.pdfUrl}`)
-    : null;
+  const emailPdfUrl = invoice.pdfUrl ? `${baseUrl}/api/docs/invoice/${invoiceId}?dl=1` : null;
 
   const { sendInvoiceEmail } = await import('@/lib/email');
   await sendInvoiceEmail({
@@ -302,7 +298,7 @@ export async function resendInvoice(invoiceId: string) {
     total: Number(invoice.total),
     dueDate: invoice.dueDate ?? undefined,
     projectTitle: invoice.project.title,
-    pdfUrl: absolutePdfUrl ?? undefined,
+    pdfUrl: emailPdfUrl ?? undefined,
   });
 
   return { success: true };
@@ -372,9 +368,7 @@ export async function reissueInvoice(
 
   // Re-send email (non-blocking)
   const baseUrl = (process.env.NEXTAUTH_URL ?? 'http://localhost:3000').replace(/\/$/, '');
-  const absolutePdfUrl = pdfUrl
-    ? (pdfUrl.startsWith('http') ? pdfUrl : `${baseUrl}${pdfUrl}`)
-    : null;
+  const emailPdfUrl = pdfUrl ? `${baseUrl}/api/docs/invoice/${invoiceId}?dl=1` : null;
 
   import('@/lib/email').then(({ sendInvoiceEmail }) =>
     sendInvoiceEmail({
@@ -385,7 +379,7 @@ export async function reissueInvoice(
       total: Number(invoice.total),
       dueDate: invoice.dueDate ?? undefined,
       projectTitle: invoice.project.title,
-      pdfUrl: absolutePdfUrl ?? undefined,
+      pdfUrl: emailPdfUrl ?? undefined,
     })
   ).catch((err: unknown) => console.error('[email] reissue send failed:', err));
 
diff --git a/apps/web/lib/actions/projects.ts b/apps/web/lib/actions/projects.ts
index 75d0e40..1b10a64 100644
--- a/apps/web/lib/actions/projects.ts
+++ b/apps/web/lib/actions/projects.ts
@@ -123,6 +123,7 @@ export async function sendContractToCustomer(projectId: string) {
     projectTitle: project.title,
     contractPdfUrl: pdfUrl,
     portalProjectUrl: `${baseUrl}/mypage/projects`,
+    viewUrl: `${baseUrl}/docs/contract/${projectId}`,
   });
 
   revalidatePath(`/admin/projects/${projectId}`);
diff --git a/apps/web/lib/actions/quotes.ts b/apps/web/lib/actions/quotes.ts
index f22157e..d61223f 100644
--- a/apps/web/lib/actions/quotes.ts
+++ b/apps/web/lib/actions/quotes.ts
@@ -137,6 +137,7 @@ export async function sendEstimateEmail(quoteId: string) {
   const pdfUrl = quote.quotePdfUrl.startsWith('http')
     ? quote.quotePdfUrl
     : `${baseUrl}${quote.quotePdfUrl}`;
+  const viewUrl = `${baseUrl}/docs/quote/${quoteId}`;
 
   const totalFormatted = new Intl.NumberFormat('en-CA', { style: 'currency', currency: 'CAD' })
     .format(Number(quote.quotedAmount ?? 0) * (1 + Number(quote.quoteTaxRate ?? 13) / 100));
@@ -158,8 +159,13 @@ export async function sendEstimateEmail(quoteId: string) {
             ${quote.quoteValidUntil ? `<div style="font-size:12px;color:#9a8a7a;margin-top:4px;">Valid until ${new Date(quote.quoteValidUntil).toLocaleDateString('en-CA', { month: 'long', day: 'numeric', year: 'numeric' })}</div>` : ''}
           </div>
           <div style="text-align:center;margin:24px 0;">
-            <a href="${pdfUrl}" style="display:inline-block;background:#c87e4f;color:#fdfbf6;padding:13px 28px;text-decoration:none;border-radius:6px;font-weight:600;font-size:15px;">
-              Download Estimate PDF
+            <a href="${viewUrl}" style="display:inline-block;background:#c87e4f;color:#fdfbf6;padding:13px 28px;text-decoration:none;border-radius:6px;font-weight:600;font-size:15px;">
+              View Estimate Online
+            </a>
+          </div>
+          <div style="text-align:center;margin:0 0 24px;">
+            <a href="${pdfUrl}" style="color:#6b5d52;font-size:13px;font-weight:600;text-decoration:underline;">
+              📄 Download PDF directly
             </a>
           </div>
           <p style="color:#6b5d52;font-size:13px;">
@@ -173,7 +179,7 @@ export async function sendEstimateEmail(quoteId: string) {
         </div>
       </div>
     `,
-    text: `Hi ${quote.name},\n\nYour Ecowoods estimate is ready.\nTotal: ${totalFormatted} CAD\n\nDownload PDF: ${pdfUrl}\n\nTo proceed, reply to this email or call ${settings?.companyPhone ?? '(416) 249-1276'}.`,
+    text: `Hi ${quote.name},\n\nYour Ecowoods estimate is ready.\nTotal: ${totalFormatted} CAD\n\nView online: ${viewUrl}\nDownload PDF: ${pdfUrl}\n\nTo proceed, reply to this email or call ${settings?.companyPhone ?? '(416) 249-1276'}.`,
   });
 
   await db.quoteRequest.update({
diff --git a/apps/web/lib/email/index.ts b/apps/web/lib/email/index.ts
index 05bb875..cfa8cf1 100644
--- a/apps/web/lib/email/index.ts
+++ b/apps/web/lib/email/index.ts
@@ -198,6 +198,7 @@ export async function sendInvoiceEmail({
 
   const baseUrl = (process.env.NEXTAUTH_URL ?? 'https://ecowoods.ca').replace(/\/$/, '');
   const payUrl = `${baseUrl}/mypage/invoices/${invoiceId}/pay`;
+  const viewUrl = `${baseUrl}/docs/invoice/${invoiceId}`;
 
   await sendEmail({
     to,
@@ -221,12 +222,15 @@ export async function sendInvoiceEmail({
               Pay Now — Card / Apple Pay / Google Pay
             </a>
           </div>
-          ${pdfUrl ? `
-          <div style="text-align:center;margin:12px 0 24px;">
-            <a href="${pdfUrl}" style="color:#c87e4f;font-size:14px;font-weight:600;text-decoration:underline;">
-              📄 Download Invoice PDF
+          <div style="text-align:center;margin:12px 0 24px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap;">
+            <a href="${viewUrl}" style="color:#1a0f08;font-size:14px;font-weight:600;text-decoration:none;border:1px solid #1a0f08;padding:10px 20px;border-radius:6px;display:inline-block;">
+              🔍 View Invoice Online
             </a>
-          </div>` : ''}
+            ${pdfUrl ? `
+            <a href="${pdfUrl}" style="color:#6b5d52;font-size:14px;font-weight:600;text-decoration:underline;">
+              📄 Download PDF
+            </a>` : ''}
+          </div>
           <p style="color:#6b5d52;font-size:13px;">
             Prefer to pay by e-transfer? Send to <strong>accounting@ecowoods.ca</strong> with <strong>#${invoiceNumber}</strong> as the memo.<br/>
             Questions? Call (416) 249-1276.
@@ -237,7 +241,7 @@ export async function sendInvoiceEmail({
         </div>
       </div>
     `,
-    text: `Invoice #${invoiceNumber}\nAmount: ${totalStr}\n${dueDateStr}\n\nPay online: ${payUrl}${pdfUrl ? `\nDownload PDF: ${pdfUrl}` : ''}`,
+    text: `Invoice #${invoiceNumber}\nAmount: ${totalStr}\n${dueDateStr}\n\nView invoice: ${viewUrl}\nPay online: ${payUrl}${pdfUrl ? `\nDownload PDF: ${pdfUrl}` : ''}`,
   });
 }
 
@@ -362,12 +366,14 @@ export async function sendContractEmail({
   projectTitle,
   contractPdfUrl,
   portalProjectUrl,
+  viewUrl,
 }: {
   to: string;
   name: string;
   projectTitle: string;
   contractPdfUrl: string;
   portalProjectUrl: string;
+  viewUrl?: string;
 }) {
   await sendEmail({
     to,
@@ -385,15 +391,22 @@ export async function sendContractEmail({
             <div style="font-size:12px;color:#6b5d52;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:4px;">Project</div>
             <div style="font-size:16px;font-weight:700;">${projectTitle}</div>
           </div>
-          <div style="text-align:center;margin:28px 0 16px;">
+          ${viewUrl ? `
+          <div style="text-align:center;margin:28px 0 12px;">
+            <a href="${viewUrl}"
+               style="background:#c87e4f;color:#fdfbf6;padding:14px 28px;text-decoration:none;border-radius:6px;font-weight:600;display:inline-block;">
+              🔍 View Contract Online
+            </a>
+          </div>` : ''}
+          <div style="text-align:center;margin:${viewUrl ? '0' : '28px 0'} 0 16px;">
             <a href="${contractPdfUrl}"
-               style="background:#1a0f08;color:#fdfbf6;padding:14px 28px;text-decoration:none;border-radius:6px;font-weight:600;display:inline-block;margin-bottom:12px;">
-              📄 Download Contract PDF
+               style="color:#6b5d52;font-size:13px;font-weight:600;text-decoration:underline;">
+              📄 Download PDF directly
             </a>
           </div>
-          <div style="text-align:center;margin-bottom:28px;">
+          <div style="text-align:center;margin:16px 0 28px;">
             <a href="${portalProjectUrl}"
-               style="background:#c87e4f;color:#fdfbf6;padding:14px 28px;text-decoration:none;border-radius:6px;font-weight:600;display:inline-block;">
+               style="color:#c87e4f;font-size:13px;font-weight:600;text-decoration:underline;">
               View in My Account
             </a>
           </div>
@@ -407,7 +420,7 @@ export async function sendContractEmail({
         </div>
       </div>
     `,
-    text: `Hi ${name},\n\nYour contract for "${projectTitle}" is ready.\n\nDownload PDF: ${contractPdfUrl}\nView in portal: ${portalProjectUrl}\n\nQuestions? Call (416) 249-1276.\n\nEcowoods Hardwood Flooring Inc.`,
+    text: `Hi ${name},\n\nYour contract for "${projectTitle}" is ready.\n\n${viewUrl ? `View online: ${viewUrl}\n` : ''}Download PDF: ${contractPdfUrl}\nView in portal: ${portalProjectUrl}\n\nQuestions? Call (416) 249-1276.\n\nEcowoods Hardwood Flooring Inc.`,
   });
 }