From 836fec0dd3ebb4fbbb16994d137b38b116a67704 Mon Sep 17 00:00:00 2001
From: Arjun <6592213+arkml@users.noreply.github.com>
Date: Wed, 13 May 2026 22:32:46 +0530
Subject: [PATCH] summary

---
 apps/x/apps/renderer/src/App.css              | 23 +++++++++++++++++++
 .../renderer/src/components/email-view.tsx    | 10 ++++++--
 2 files changed, 31 insertions(+), 2 deletions(-)

diff --git a/apps/x/apps/renderer/src/App.css b/apps/x/apps/renderer/src/App.css
index 68f16e0b..2cf90ae3 100644
--- a/apps/x/apps/renderer/src/App.css
+++ b/apps/x/apps/renderer/src/App.css
@@ -364,6 +364,29 @@
   background: transparent;
 }
 
+.gmail-thread-summary {
+  margin-bottom: 20px;
+  padding-bottom: 16px;
+  border-bottom: 1px solid var(--gm-border);
+}
+
+.gmail-thread-summary-label {
+  display: block;
+  margin-bottom: 6px;
+  color: var(--gm-text-faint);
+  font-size: 10px;
+  font-weight: 600;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+
+.gmail-thread-summary-text {
+  display: block;
+  color: var(--gm-text);
+  font-size: 13px;
+  line-height: 1.55;
+}
+
 .gmail-message-stack {
   display: flex;
   flex-direction: column;
diff --git a/apps/x/apps/renderer/src/components/email-view.tsx b/apps/x/apps/renderer/src/components/email-view.tsx
index 0c421dfa..7d607ce2 100644
--- a/apps/x/apps/renderer/src/components/email-view.tsx
+++ b/apps/x/apps/renderer/src/components/email-view.tsx
@@ -376,6 +376,12 @@ function ThreadDetail({
       </div>
 
       <div className="gmail-thread-body">
+        {thread.summary && (
+          <div className="gmail-thread-summary">
+            <span className="gmail-thread-summary-label">Summary</span>
+            <span className="gmail-thread-summary-text">{thread.summary}</span>
+          </div>
+        )}
         <div className="gmail-message-stack">
           {thread.messages.map((message, index) => {
             const isExpanded = expandedIndices.has(index)
@@ -589,8 +595,8 @@ export function EmailView() {
           <span className="gmail-row-dot" aria-hidden />
           <span className="gmail-row-sender">{extractName(latest?.from || thread.from)}</span>
           <span className="gmail-row-content">
-            <strong>{thread.subject || '(No subject)'}</strong>
-            <span>{snippet(latest?.body || thread.latest_email)}</span>
+            <strong>{thread.summary || thread.subject || '(No subject)'}</strong>
+            <span>{thread.summary ? thread.subject : snippet(latest?.body || thread.latest_email)}</span>
           </span>
           <span className="gmail-row-date">{formatInboxTime(latest?.date || thread.date)}</span>
         </button>