From 6bb2dfe1dd17c85e0a6a2e59fa110fbc89fb86d9 Mon Sep 17 00:00:00 2001
From: Arjun <6592213+arkml@users.noreply.github.com>
Date: Wed, 6 May 2026 21:37:34 +0530
Subject: [PATCH] minor improvements

---
 .../renderer/src/extensions/email-block.tsx   | 80 +++++++------------
 apps/x/apps/renderer/src/styles/editor.css    | 29 -------
 2 files changed, 29 insertions(+), 80 deletions(-)

diff --git a/apps/x/apps/renderer/src/extensions/email-block.tsx b/apps/x/apps/renderer/src/extensions/email-block.tsx
index 94309b9d..d7350e81 100644
--- a/apps/x/apps/renderer/src/extensions/email-block.tsx
+++ b/apps/x/apps/renderer/src/extensions/email-block.tsx
@@ -1,6 +1,6 @@
 import { mergeAttributes, Node } from '@tiptap/react'
 import { ReactNodeViewRenderer, NodeViewWrapper } from '@tiptap/react'
-import { X, ExternalLink, Copy, Check, MessageSquare, ChevronDown, Reply, Forward } from 'lucide-react'
+import { X, ExternalLink, Copy, Check, MessageSquare, ChevronDown } from 'lucide-react'
 import { blocks } from '@x/shared'
 import { useState, useEffect, useRef, useCallback } from 'react'
 import { useTheme } from '@/contexts/theme-context'
@@ -65,11 +65,9 @@ declare global {
 function EmailExpandedBody({
   config,
   resolvedTheme,
-  onDelete,
 }: {
   config: blocks.EmailBlock
   resolvedTheme: string
-  onDelete?: () => void
 }) {
   const [draftBody, setDraftBody] = useState(config.draft_response || '')
   const [copied, setCopied] = useState(false)
@@ -139,28 +137,6 @@ function EmailExpandedBody({
             {config.date && <span className="email-gmail-exp-fulldate">{formatFullDate(config.date)}</span>}
           </div>
         </div>
-        <div className="email-gmail-exp-meta-actions">
-          {gmailUrl && (
-            <button
-              className="email-gmail-icon-btn"
-              onClick={(e) => { e.stopPropagation(); window.open(gmailUrl, '_blank') }}
-              onMouseDown={(e) => e.stopPropagation()}
-              title="Open in Gmail"
-            >
-              <ExternalLink size={15} />
-            </button>
-          )}
-          {onDelete && (
-            <button
-              className="email-gmail-icon-btn"
-              onClick={(e) => { e.stopPropagation(); onDelete() }}
-              onMouseDown={(e) => e.stopPropagation()}
-              title="Remove"
-            >
-              <X size={15} />
-            </button>
-          )}
-        </div>
       </div>
 
       <div className="email-gmail-exp-body">{config.latest_email}</div>
@@ -172,35 +148,28 @@ function EmailExpandedBody({
         </div>
       )}
 
-      {/* Reply / Forward / Draft with Rowboat row */}
-      <div className="email-gmail-reply-row">
-        <button
-          className="email-gmail-reply-btn"
-          onMouseDown={(e) => e.stopPropagation()}
-          onClick={(e) => { e.stopPropagation(); draftWithAssistant() }}
-        >
-          <Reply size={14} />
-          Reply
-        </button>
-        {gmailUrl && (
+      {!hasDraft && (
+        <div className="email-gmail-reply-row">
+          {gmailUrl && (
+            <button
+              className="email-gmail-btn"
+              onMouseDown={(e) => e.stopPropagation()}
+              onClick={(e) => { e.stopPropagation(); window.open(gmailUrl, '_blank') }}
+            >
+              <ExternalLink size={13} />
+              Open in Gmail
+            </button>
+          )}
           <button
-            className="email-gmail-reply-btn"
+            className="email-gmail-btn email-gmail-btn-primary email-gmail-reply-row-end"
             onMouseDown={(e) => e.stopPropagation()}
-            onClick={(e) => { e.stopPropagation(); window.open(gmailUrl, '_blank') }}
+            onClick={(e) => { e.stopPropagation(); draftWithAssistant() }}
           >
-            <Forward size={14} />
-            Forward
+            <MessageSquare size={13} />
+            Draft with Rowboat
           </button>
-        )}
-        <button
-          className="email-gmail-btn email-gmail-btn-primary email-gmail-reply-row-end"
-          onMouseDown={(e) => e.stopPropagation()}
-          onClick={(e) => { e.stopPropagation(); draftWithAssistant() }}
-        >
-          <MessageSquare size={13} />
-          {hasDraft ? 'Refine with Rowboat' : 'Draft with Rowboat'}
-        </button>
-      </div>
+        </div>
+      )}
 
       {hasDraft && (
         <div className="email-gmail-compose">
@@ -236,6 +205,16 @@ function EmailExpandedBody({
               {copied ? <Check size={13} /> : <Copy size={13} />}
               {copied ? 'Copied!' : 'Copy draft'}
             </button>
+            {gmailUrl && (
+              <button
+                className="email-gmail-btn"
+                onMouseDown={(e) => e.stopPropagation()}
+                onClick={(e) => { e.stopPropagation(); window.open(gmailUrl, '_blank') }}
+              >
+                <ExternalLink size={13} />
+                Open in Gmail
+              </button>
+            )}
           </div>
         </div>
       )}
@@ -443,7 +422,6 @@ function EmailBlockView({ node, deleteNode, updateAttributes }: {
           <EmailExpandedBody
             config={config}
             resolvedTheme={resolvedTheme}
-            onDelete={deleteNode}
           />
         )}
       </div>
diff --git a/apps/x/apps/renderer/src/styles/editor.css b/apps/x/apps/renderer/src/styles/editor.css
index 5d41f618..b13501e8 100644
--- a/apps/x/apps/renderer/src/styles/editor.css
+++ b/apps/x/apps/renderer/src/styles/editor.css
@@ -1822,35 +1822,6 @@
   margin-left: auto;
 }
 
-/* Icon-only buttons (open in Gmail, remove) */
-.tiptap-editor .ProseMirror .email-gmail-icon-btn {
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 32px;
-  height: 32px;
-  border-radius: 50%;
-  border: none;
-  background: none;
-  color: color-mix(in srgb, var(--foreground) 45%, transparent);
-  cursor: pointer;
-  transition: background 0.12s ease, color 0.12s ease;
-}
-
-.tiptap-editor .ProseMirror .email-gmail-icon-btn:hover {
-  background: color-mix(in srgb, var(--foreground) 8%, transparent);
-  color: var(--foreground);
-}
-
-.tiptap-editor .ProseMirror .email-gmail-exp-meta-actions {
-  display: flex;
-  align-items: center;
-  gap: 2px;
-  margin-left: auto;
-  flex-shrink: 0;
-}
-
 /* ---- Emails inbox block (language-emails) ---- */
 
 .tiptap-editor .ProseMirror .email-inbox-card {