From 0f8be893d2a03fddee3f7d84813b225ef1b0b209 Mon Sep 17 00:00:00 2001
From: Recoup Agent <agent@recoupable.com>
Date: Mon, 16 Mar 2026 22:09:56 +0000
Subject: [PATCH 1/4] feat: pulse run onClick shows Resend email HTML in a
 modal
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- TaskRunsTable: add optional onRunClick prop; rows are cursor-pointer when clickable
- AccountDetailPage: track selectedRun state, pass onRunClick to pulse runs table
- PulseEmailModal: fetches all emails for the account, matches the email closest
  to the task run's time window (±5 min), renders HTML in a sandboxed iframe
- usePulseEmails: react-query hook (lazy, enabled only when modal opens)
- fetchAccountPulseEmails: calls GET /api/admins/emails?account_id=<id>

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 .../AccountDetail/AccountDetailPage.tsx       |  19 ++-
 components/AccountDetail/PulseEmailModal.tsx  | 129 ++++++++++++++++++
 components/AccountDetail/TaskRunsTable.tsx    |   9 +-
 hooks/usePulseEmails.ts                       |  23 ++++
 lib/recoup/fetchAccountPulseEmails.ts         |  38 ++++++
 5 files changed, 215 insertions(+), 3 deletions(-)
 create mode 100644 components/AccountDetail/PulseEmailModal.tsx
 create mode 100644 hooks/usePulseEmails.ts
 create mode 100644 lib/recoup/fetchAccountPulseEmails.ts

diff --git a/components/AccountDetail/AccountDetailPage.tsx b/components/AccountDetail/AccountDetailPage.tsx
index 895a253..f09620e 100644
--- a/components/AccountDetail/AccountDetailPage.tsx
+++ b/components/AccountDetail/AccountDetailPage.tsx
@@ -1,9 +1,12 @@
 "use client";
 
+import { useState } from "react";
 import { useAccountTaskRuns } from "@/hooks/useAccountTaskRuns";
 import AccountBreadcrumb from "./AccountBreadcrumb";
 import TaskRunsTable from "./TaskRunsTable";
+import PulseEmailModal from "./PulseEmailModal";
 import TableSkeleton from "@/components/Sandboxes/TableSkeleton";
+import type { TaskRun } from "@/types/sandbox";
 
 const TASK_RUN_COLUMNS = ["Task", "Status", "Started", "Duration", "Run ID"];
 
@@ -13,6 +16,7 @@ interface AccountDetailPageProps {
 
 export default function AccountDetailPage({ accountId }: AccountDetailPageProps) {
   const { data: runs, isLoading, error } = useAccountTaskRuns(accountId);
+  const [selectedRun, setSelectedRun] = useState<TaskRun | null>(null);
 
   const pulseRuns = runs?.filter(r => r.taskIdentifier === "send-pulse-task") ?? [];
 
@@ -52,7 +56,12 @@ export default function AccountDetailPage({ accountId }: AccountDetailPageProps)
           </div>
         )}
 
-        {!isLoading && !error && <TaskRunsTable runs={pulseRuns} />}
+        {!isLoading && !error && (
+          <TaskRunsTable
+            runs={pulseRuns}
+            onRunClick={(run) => setSelectedRun(run)}
+          />
+        )}
 
         {!isLoading && !error && runs && runs.length > pulseRuns.length && (
           <details className="mt-6">
@@ -65,6 +74,14 @@ export default function AccountDetailPage({ accountId }: AccountDetailPageProps)
           </details>
         )}
       </section>
+
+      {selectedRun && (
+        <PulseEmailModal
+          accountId={accountId}
+          run={selectedRun}
+          onClose={() => setSelectedRun(null)}
+        />
+      )}
     </main>
   );
 }
diff --git a/components/AccountDetail/PulseEmailModal.tsx b/components/AccountDetail/PulseEmailModal.tsx
new file mode 100644
index 0000000..ac2e9bb
--- /dev/null
+++ b/components/AccountDetail/PulseEmailModal.tsx
@@ -0,0 +1,129 @@
+"use client";
+
+import { usePulseEmails } from "@/hooks/usePulseEmails";
+import type { TaskRun } from "@/types/sandbox";
+import type { PulseEmail } from "@/lib/recoup/fetchAccountPulseEmails";
+
+interface PulseEmailModalProps {
+  accountId: string;
+  run: TaskRun;
+  onClose: () => void;
+}
+
+/**
+ * Finds the email most likely sent during a given task run by matching
+ * the email's created_at against the run's startedAt/finishedAt window.
+ * Falls back to the most recent email if no match is found.
+ */
+function findEmailForRun(emails: PulseEmail[], run: TaskRun): PulseEmail | null {
+  if (emails.length === 0) return null;
+
+  const start = run.startedAt ? new Date(run.startedAt).getTime() : null;
+  const end = run.finishedAt ? new Date(run.finishedAt).getTime() : null;
+
+  if (start && end) {
+    // Add a 5-minute buffer on each side to account for clock skew
+    const buffer = 5 * 60 * 1000;
+    const match = emails.find((e) => {
+      const t = new Date(e.created_at).getTime();
+      return t >= start - buffer && t <= end + buffer;
+    });
+    if (match) return match;
+  }
+
+  // Fallback: most recent email
+  return emails[0];
+}
+
+export default function PulseEmailModal({ accountId, run, onClose }: PulseEmailModalProps) {
+  const { data: emails, isLoading, error } = usePulseEmails(accountId, true);
+
+  const email = emails ? findEmailForRun(emails, run) : null;
+
+  return (
+    <div
+      className="fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4"
+      onClick={onClose}
+    >
+      <div
+        className="relative flex flex-col w-full max-w-3xl max-h-[90vh] rounded-xl bg-white dark:bg-gray-900 shadow-2xl overflow-hidden"
+        onClick={(e) => e.stopPropagation()}
+      >
+        {/* Header */}
+        <div className="flex items-start justify-between gap-4 px-6 py-4 border-b border-gray-200 dark:border-gray-700">
+          <div className="min-w-0">
+            <p className="text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wide mb-1">
+              Pulse Email Preview
+            </p>
+            {email ? (
+              <>
+                <h2 className="text-base font-semibold text-gray-900 dark:text-gray-100 truncate">
+                  {email.subject ?? "(no subject)"}
+                </h2>
+                <p className="text-xs text-gray-500 dark:text-gray-400 mt-0.5">
+                  To: {email.to.join(", ")} &middot;{" "}
+                  {new Date(email.created_at).toLocaleString()}
+                </p>
+              </>
+            ) : (
+              <p className="text-sm text-gray-500 dark:text-gray-400 font-mono">{run.id}</p>
+            )}
+          </div>
+          <button
+            onClick={onClose}
+            className="shrink-0 rounded-lg p-1.5 text-gray-400 hover:text-gray-700 dark:hover:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors"
+            aria-label="Close"
+          >
+            <svg className="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+              <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
+        </div>
+
+        {/* Body */}
+        <div className="flex-1 overflow-auto">
+          {isLoading && (
+            <div className="flex items-center justify-center py-20 text-sm text-gray-500 dark:text-gray-400">
+              Loading email…
+            </div>
+          )}
+
+          {error && (
+            <div className="flex items-center justify-center py-20 text-sm text-red-500">
+              Failed to load email: {error instanceof Error ? error.message : "Unknown error"}
+            </div>
+          )}
+
+          {!isLoading && !error && !email && (
+            <div className="flex items-center justify-center py-20 text-sm text-gray-500 dark:text-gray-400">
+              No email found for this run.
+            </div>
+          )}
+
+          {!isLoading && !error && email?.html && (
+            <iframe
+              srcDoc={email.html}
+              title="Email preview"
+              sandbox="allow-same-origin"
+              className="w-full border-0"
+              style={{ minHeight: "500px" }}
+            />
+          )}
+
+          {!isLoading && !error && email && !email.html && (
+            <div className="px-6 py-8 text-sm text-gray-600 dark:text-gray-300 whitespace-pre-wrap">
+              (No HTML content — email may have been text-only)
+            </div>
+          )}
+        </div>
+
+        {/* Footer: Resend email ID */}
+        {email && (
+          <div className="px-6 py-3 border-t border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-800">
+            <p className="text-xs text-gray-400 font-mono">Resend ID: {email.id}</p>
+          </div>
+        )}
+      </div>
+    </div>
+  );
+}
diff --git a/components/AccountDetail/TaskRunsTable.tsx b/components/AccountDetail/TaskRunsTable.tsx
index 97af772..aef0d4b 100644
--- a/components/AccountDetail/TaskRunsTable.tsx
+++ b/components/AccountDetail/TaskRunsTable.tsx
@@ -6,9 +6,10 @@ import { formatRunDuration } from "@/lib/tasks/formatRunDuration";
 
 interface TaskRunsTableProps {
   runs: TaskRun[];
+  onRunClick?: (run: TaskRun) => void;
 }
 
-export default function TaskRunsTable({ runs }: TaskRunsTableProps) {
+export default function TaskRunsTable({ runs, onRunClick }: TaskRunsTableProps) {
   if (runs.length === 0) {
     return null;
   }
@@ -27,7 +28,11 @@ export default function TaskRunsTable({ runs }: TaskRunsTableProps) {
         </thead>
         <tbody className="divide-y divide-gray-200 dark:divide-gray-700 bg-white dark:bg-gray-900">
           {runs.map((run) => (
-            <tr key={run.id} className="hover:bg-gray-50 dark:hover:bg-gray-800">
+            <tr
+              key={run.id}
+              className={`hover:bg-gray-50 dark:hover:bg-gray-800 ${onRunClick ? "cursor-pointer" : ""}`}
+              onClick={() => onRunClick?.(run)}
+            >
               <td className="px-4 py-3 font-medium text-gray-900 dark:text-gray-100">
                 {run.taskIdentifier}
               </td>
diff --git a/hooks/usePulseEmails.ts b/hooks/usePulseEmails.ts
new file mode 100644
index 0000000..126437f
--- /dev/null
+++ b/hooks/usePulseEmails.ts
@@ -0,0 +1,23 @@
+"use client";
+
+import { useQuery } from "@tanstack/react-query";
+import { usePrivy } from "@privy-io/react-auth";
+import { fetchAccountPulseEmails } from "@/lib/recoup/fetchAccountPulseEmails";
+
+/**
+ * Fetches all Resend emails sent for a specific account.
+ * Only runs when enabled is true (i.e., when a task run row is clicked).
+ */
+export function usePulseEmails(accountId: string, enabled: boolean) {
+  const { ready, authenticated, getAccessToken } = usePrivy();
+
+  return useQuery({
+    queryKey: ["admin", "pulse-emails", accountId],
+    queryFn: async () => {
+      const token = await getAccessToken();
+      if (!token) throw new Error("Not authenticated");
+      return fetchAccountPulseEmails(token, accountId);
+    },
+    enabled: ready && authenticated && !!accountId && enabled,
+  });
+}
diff --git a/lib/recoup/fetchAccountPulseEmails.ts b/lib/recoup/fetchAccountPulseEmails.ts
new file mode 100644
index 0000000..392a338
--- /dev/null
+++ b/lib/recoup/fetchAccountPulseEmails.ts
@@ -0,0 +1,38 @@
+import { API_BASE_URL } from "@/lib/consts";
+
+export interface PulseEmail {
+  id: string;
+  subject: string | null;
+  to: string[];
+  from: string | null;
+  html: string | null;
+  created_at: string;
+}
+
+/**
+ * Fetches all Resend emails sent for a specific account from GET /api/admins/emails?account_id=<id>.
+ * Authenticates using the caller's Privy access token (admin Bearer auth).
+ *
+ * @param accessToken - Privy access token from getAccessToken()
+ * @param accountId - The account ID to fetch emails for
+ * @returns Array of pulse emails with HTML content
+ */
+export async function fetchAccountPulseEmails(
+  accessToken: string,
+  accountId: string,
+): Promise<PulseEmail[]> {
+  const url = new URL(`${API_BASE_URL}/api/admins/emails`);
+  url.searchParams.set("account_id", accountId);
+
+  const res = await fetch(url.toString(), {
+    headers: { Authorization: `Bearer ${accessToken}` },
+  });
+
+  if (!res.ok) {
+    const body = await res.json().catch(() => ({}));
+    throw new Error(body.error ?? body.message ?? `HTTP ${res.status}`);
+  }
+
+  const data = await res.json();
+  return data.emails ?? [];
+}

From 534c4ffc1ef9d4d992a1cb5c4c29b8328d10caf9 Mon Sep 17 00:00:00 2001
From: Sweets Sweetman <sweetmantech@gmail.com>
Date: Mon, 16 Mar 2026 21:03:09 -0500
Subject: [PATCH 2/4] refactor: use email tag for direct lookup, break up
 PulseEmailModal (SRP)

- Read email:<emailId> tag from task run instead of timestamp matching
- Fetch single email via GET /api/admins/emails?email_id=<id>
- Extract PulseEmailModalHeader, PulseEmailModalBody (SRP)
- Extract getEmailIdFromTags to lib/tasks/
- New usePulseEmail hook with emailId in query key (fixes stale content)
- New fetchPulseEmailById for single email fetch
- Remove accountId prop from PulseEmailModal (no longer needed)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 .../AccountDetail/AccountDetailPage.tsx       |   1 -
 components/AccountDetail/PulseEmailModal.tsx  | 114 +++---------------
 .../AccountDetail/PulseEmailModalBody.tsx     |  51 ++++++++
 .../AccountDetail/PulseEmailModalHeader.tsx   |  41 +++++++
 hooks/usePulseEmail.ts                        |  23 ++++
 lib/recoup/fetchPulseEmailById.ts             |  29 +++++
 lib/tasks/getEmailIdFromTags.ts               |  11 ++
 7 files changed, 172 insertions(+), 98 deletions(-)
 create mode 100644 components/AccountDetail/PulseEmailModalBody.tsx
 create mode 100644 components/AccountDetail/PulseEmailModalHeader.tsx
 create mode 100644 hooks/usePulseEmail.ts
 create mode 100644 lib/recoup/fetchPulseEmailById.ts
 create mode 100644 lib/tasks/getEmailIdFromTags.ts

diff --git a/components/AccountDetail/AccountDetailPage.tsx b/components/AccountDetail/AccountDetailPage.tsx
index f09620e..5d45fe5 100644
--- a/components/AccountDetail/AccountDetailPage.tsx
+++ b/components/AccountDetail/AccountDetailPage.tsx
@@ -77,7 +77,6 @@ export default function AccountDetailPage({ accountId }: AccountDetailPageProps)
 
       {selectedRun && (
         <PulseEmailModal
-          accountId={accountId}
           run={selectedRun}
           onClose={() => setSelectedRun(null)}
         />
diff --git a/components/AccountDetail/PulseEmailModal.tsx b/components/AccountDetail/PulseEmailModal.tsx
index ac2e9bb..e5b35e4 100644
--- a/components/AccountDetail/PulseEmailModal.tsx
+++ b/components/AccountDetail/PulseEmailModal.tsx
@@ -1,44 +1,19 @@
 "use client";
 
-import { usePulseEmails } from "@/hooks/usePulseEmails";
+import { usePulseEmail } from "@/hooks/usePulseEmail";
+import { getEmailIdFromTags } from "@/lib/tasks/getEmailIdFromTags";
 import type { TaskRun } from "@/types/sandbox";
-import type { PulseEmail } from "@/lib/recoup/fetchAccountPulseEmails";
+import PulseEmailModalHeader from "./PulseEmailModalHeader";
+import PulseEmailModalBody from "./PulseEmailModalBody";
 
 interface PulseEmailModalProps {
-  accountId: string;
   run: TaskRun;
   onClose: () => void;
 }
 
-/**
- * Finds the email most likely sent during a given task run by matching
- * the email's created_at against the run's startedAt/finishedAt window.
- * Falls back to the most recent email if no match is found.
- */
-function findEmailForRun(emails: PulseEmail[], run: TaskRun): PulseEmail | null {
-  if (emails.length === 0) return null;
-
-  const start = run.startedAt ? new Date(run.startedAt).getTime() : null;
-  const end = run.finishedAt ? new Date(run.finishedAt).getTime() : null;
-
-  if (start && end) {
-    // Add a 5-minute buffer on each side to account for clock skew
-    const buffer = 5 * 60 * 1000;
-    const match = emails.find((e) => {
-      const t = new Date(e.created_at).getTime();
-      return t >= start - buffer && t <= end + buffer;
-    });
-    if (match) return match;
-  }
-
-  // Fallback: most recent email
-  return emails[0];
-}
-
-export default function PulseEmailModal({ accountId, run, onClose }: PulseEmailModalProps) {
-  const { data: emails, isLoading, error } = usePulseEmails(accountId, true);
-
-  const email = emails ? findEmailForRun(emails, run) : null;
+export default function PulseEmailModal({ run, onClose }: PulseEmailModalProps) {
+  const emailId = getEmailIdFromTags(run.tags);
+  const { data: email, isLoading, error } = usePulseEmail(emailId);
 
   return (
     <div
@@ -49,75 +24,20 @@ export default function PulseEmailModal({ accountId, run, onClose }: PulseEmailM
         className="relative flex flex-col w-full max-w-3xl max-h-[90vh] rounded-xl bg-white dark:bg-gray-900 shadow-2xl overflow-hidden"
         onClick={(e) => e.stopPropagation()}
       >
-        {/* Header */}
-        <div className="flex items-start justify-between gap-4 px-6 py-4 border-b border-gray-200 dark:border-gray-700">
-          <div className="min-w-0">
-            <p className="text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wide mb-1">
-              Pulse Email Preview
-            </p>
-            {email ? (
-              <>
-                <h2 className="text-base font-semibold text-gray-900 dark:text-gray-100 truncate">
-                  {email.subject ?? "(no subject)"}
-                </h2>
-                <p className="text-xs text-gray-500 dark:text-gray-400 mt-0.5">
-                  To: {email.to.join(", ")} &middot;{" "}
-                  {new Date(email.created_at).toLocaleString()}
-                </p>
-              </>
-            ) : (
-              <p className="text-sm text-gray-500 dark:text-gray-400 font-mono">{run.id}</p>
-            )}
-          </div>
-          <button
-            onClick={onClose}
-            className="shrink-0 rounded-lg p-1.5 text-gray-400 hover:text-gray-700 dark:hover:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors"
-            aria-label="Close"
-          >
-            <svg className="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-              <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M6 18L18 6M6 6l12 12" />
-            </svg>
-          </button>
-        </div>
+        <PulseEmailModalHeader
+          email={email ?? null}
+          runId={run.id}
+          onClose={onClose}
+        />
 
-        {/* Body */}
         <div className="flex-1 overflow-auto">
-          {isLoading && (
-            <div className="flex items-center justify-center py-20 text-sm text-gray-500 dark:text-gray-400">
-              Loading email…
-            </div>
-          )}
-
-          {error && (
-            <div className="flex items-center justify-center py-20 text-sm text-red-500">
-              Failed to load email: {error instanceof Error ? error.message : "Unknown error"}
-            </div>
-          )}
-
-          {!isLoading && !error && !email && (
-            <div className="flex items-center justify-center py-20 text-sm text-gray-500 dark:text-gray-400">
-              No email found for this run.
-            </div>
-          )}
-
-          {!isLoading && !error && email?.html && (
-            <iframe
-              srcDoc={email.html}
-              title="Email preview"
-              sandbox="allow-same-origin"
-              className="w-full border-0"
-              style={{ minHeight: "500px" }}
-            />
-          )}
-
-          {!isLoading && !error && email && !email.html && (
-            <div className="px-6 py-8 text-sm text-gray-600 dark:text-gray-300 whitespace-pre-wrap">
-              (No HTML content — email may have been text-only)
-            </div>
-          )}
+          <PulseEmailModalBody
+            email={email ?? null}
+            isLoading={isLoading}
+            error={error as Error | null}
+          />
         </div>
 
-        {/* Footer: Resend email ID */}
         {email && (
           <div className="px-6 py-3 border-t border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-800">
             <p className="text-xs text-gray-400 font-mono">Resend ID: {email.id}</p>
diff --git a/components/AccountDetail/PulseEmailModalBody.tsx b/components/AccountDetail/PulseEmailModalBody.tsx
new file mode 100644
index 0000000..a4f915a
--- /dev/null
+++ b/components/AccountDetail/PulseEmailModalBody.tsx
@@ -0,0 +1,51 @@
+import type { PulseEmail } from "@/lib/recoup/fetchAccountPulseEmails";
+
+interface PulseEmailModalBodyProps {
+  email: PulseEmail | null;
+  isLoading: boolean;
+  error: Error | null;
+}
+
+export default function PulseEmailModalBody({ email, isLoading, error }: PulseEmailModalBodyProps) {
+  if (isLoading) {
+    return (
+      <div className="flex items-center justify-center py-20 text-sm text-gray-500 dark:text-gray-400">
+        Loading email…
+      </div>
+    );
+  }
+
+  if (error) {
+    return (
+      <div className="flex items-center justify-center py-20 text-sm text-red-500">
+        Failed to load email: {error.message}
+      </div>
+    );
+  }
+
+  if (!email) {
+    return (
+      <div className="flex items-center justify-center py-20 text-sm text-gray-500 dark:text-gray-400">
+        No email found for this run.
+      </div>
+    );
+  }
+
+  if (email.html) {
+    return (
+      <iframe
+        srcDoc={email.html}
+        title="Email preview"
+        sandbox="allow-same-origin"
+        className="w-full border-0"
+        style={{ minHeight: "500px" }}
+      />
+    );
+  }
+
+  return (
+    <div className="px-6 py-8 text-sm text-gray-600 dark:text-gray-300 whitespace-pre-wrap">
+      (No HTML content — email may have been text-only)
+    </div>
+  );
+}
diff --git a/components/AccountDetail/PulseEmailModalHeader.tsx b/components/AccountDetail/PulseEmailModalHeader.tsx
new file mode 100644
index 0000000..d6c51a5
--- /dev/null
+++ b/components/AccountDetail/PulseEmailModalHeader.tsx
@@ -0,0 +1,41 @@
+import type { PulseEmail } from "@/lib/recoup/fetchAccountPulseEmails";
+
+interface PulseEmailModalHeaderProps {
+  email: PulseEmail | null;
+  runId: string;
+  onClose: () => void;
+}
+
+export default function PulseEmailModalHeader({ email, runId, onClose }: PulseEmailModalHeaderProps) {
+  return (
+    <div className="flex items-start justify-between gap-4 px-6 py-4 border-b border-gray-200 dark:border-gray-700">
+      <div className="min-w-0">
+        <p className="text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wide mb-1">
+          Pulse Email Preview
+        </p>
+        {email ? (
+          <>
+            <h2 className="text-base font-semibold text-gray-900 dark:text-gray-100 truncate">
+              {email.subject ?? "(no subject)"}
+            </h2>
+            <p className="text-xs text-gray-500 dark:text-gray-400 mt-0.5">
+              To: {email.to.join(", ")} &middot;{" "}
+              {new Date(email.created_at).toLocaleString()}
+            </p>
+          </>
+        ) : (
+          <p className="text-sm text-gray-500 dark:text-gray-400 font-mono">{runId}</p>
+        )}
+      </div>
+      <button
+        onClick={onClose}
+        className="shrink-0 rounded-lg p-1.5 text-gray-400 hover:text-gray-700 dark:hover:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors"
+        aria-label="Close"
+      >
+        <svg className="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+          <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M6 18L18 6M6 6l12 12" />
+        </svg>
+      </button>
+    </div>
+  );
+}
diff --git a/hooks/usePulseEmail.ts b/hooks/usePulseEmail.ts
new file mode 100644
index 0000000..42ac36a
--- /dev/null
+++ b/hooks/usePulseEmail.ts
@@ -0,0 +1,23 @@
+"use client";
+
+import { useQuery } from "@tanstack/react-query";
+import { usePrivy } from "@privy-io/react-auth";
+import { fetchPulseEmailById } from "@/lib/recoup/fetchPulseEmailById";
+
+/**
+ * Fetches a single Resend email by ID.
+ * Query key includes emailId so switching runs invalidates stale data.
+ */
+export function usePulseEmail(emailId: string | null) {
+  const { ready, authenticated, getAccessToken } = usePrivy();
+
+  return useQuery({
+    queryKey: ["admin", "pulse-email", emailId],
+    queryFn: async () => {
+      const token = await getAccessToken();
+      if (!token) throw new Error("Not authenticated");
+      return fetchPulseEmailById(token, emailId!);
+    },
+    enabled: ready && authenticated && !!emailId,
+  });
+}
diff --git a/lib/recoup/fetchPulseEmailById.ts b/lib/recoup/fetchPulseEmailById.ts
new file mode 100644
index 0000000..b83da99
--- /dev/null
+++ b/lib/recoup/fetchPulseEmailById.ts
@@ -0,0 +1,29 @@
+import { API_BASE_URL } from "@/lib/consts";
+import type { PulseEmail } from "./fetchAccountPulseEmails";
+
+/**
+ * Fetches a single Resend email by ID from GET /api/admins/emails?email_id=<id>.
+ *
+ * @param accessToken - Privy access token
+ * @param emailId - The Resend email ID
+ * @returns The email object or null if not found
+ */
+export async function fetchPulseEmailById(
+  accessToken: string,
+  emailId: string,
+): Promise<PulseEmail | null> {
+  const url = new URL(`${API_BASE_URL}/api/admins/emails`);
+  url.searchParams.set("email_id", emailId);
+
+  const res = await fetch(url.toString(), {
+    headers: { Authorization: `Bearer ${accessToken}` },
+  });
+
+  if (!res.ok) {
+    const body = await res.json().catch(() => ({}));
+    throw new Error(body.error ?? body.message ?? `HTTP ${res.status}`);
+  }
+
+  const data = await res.json();
+  return data.emails?.[0] ?? null;
+}
diff --git a/lib/tasks/getEmailIdFromTags.ts b/lib/tasks/getEmailIdFromTags.ts
new file mode 100644
index 0000000..a07eb83
--- /dev/null
+++ b/lib/tasks/getEmailIdFromTags.ts
@@ -0,0 +1,11 @@
+/**
+ * Extracts the Resend email ID from a task run's tags.
+ * Looks for tags matching the pattern "email:<emailId>".
+ *
+ * @param tags - Array of tag strings from the task run
+ * @returns The Resend email ID or null if not found
+ */
+export function getEmailIdFromTags(tags: string[]): string | null {
+  const emailTag = tags.find((t) => t.startsWith("email:"));
+  return emailTag ? emailTag.slice("email:".length) : null;
+}

From 2253f154e34b974004c26b346051ca3a0c0a94ad Mon Sep 17 00:00:00 2001
From: Sweets Sweetman <sweetmantech@gmail.com>
Date: Mon, 16 Mar 2026 21:04:14 -0500
Subject: [PATCH 3/4] fix: expand PulseEmail type to match full Resend response

Add all fields from GetEmailResponseSuccess: text, last_event, cc,
bcc, reply_to, tags, scheduled_at.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 lib/recoup/fetchAccountPulseEmails.ts | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/lib/recoup/fetchAccountPulseEmails.ts b/lib/recoup/fetchAccountPulseEmails.ts
index 392a338..19ef461 100644
--- a/lib/recoup/fetchAccountPulseEmails.ts
+++ b/lib/recoup/fetchAccountPulseEmails.ts
@@ -1,12 +1,23 @@
 import { API_BASE_URL } from "@/lib/consts";
 
+/**
+ * Full Resend GetEmailResponseSuccess shape.
+ * See https://resend.com/docs/api-reference/emails/retrieve-email
+ */
 export interface PulseEmail {
   id: string;
-  subject: string | null;
+  from: string;
   to: string[];
-  from: string | null;
+  cc: string[] | null;
+  bcc: string[] | null;
+  reply_to: string[] | null;
+  subject: string;
   html: string | null;
+  text: string | null;
   created_at: string;
+  scheduled_at: string | null;
+  last_event: string;
+  tags?: { name: string; value: string }[];
 }
 
 /**

From 0aa8ef020b0d261b60a923cec6bd903e07929017 Mon Sep 17 00:00:00 2001
From: Sweets Sweetman <sweetmantech@gmail.com>
Date: Mon, 16 Mar 2026 21:06:43 -0500
Subject: [PATCH 4/4] chore: delete unused usePulseEmails hook

Replaced by usePulseEmail (singular) which fetches by email_id.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 hooks/usePulseEmails.ts | 23 -----------------------
 1 file changed, 23 deletions(-)
 delete mode 100644 hooks/usePulseEmails.ts

diff --git a/hooks/usePulseEmails.ts b/hooks/usePulseEmails.ts
deleted file mode 100644
index 126437f..0000000
--- a/hooks/usePulseEmails.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-"use client";
-
-import { useQuery } from "@tanstack/react-query";
-import { usePrivy } from "@privy-io/react-auth";
-import { fetchAccountPulseEmails } from "@/lib/recoup/fetchAccountPulseEmails";
-
-/**
- * Fetches all Resend emails sent for a specific account.
- * Only runs when enabled is true (i.e., when a task run row is clicked).
- */
-export function usePulseEmails(accountId: string, enabled: boolean) {
-  const { ready, authenticated, getAccessToken } = usePrivy();
-
-  return useQuery({
-    queryKey: ["admin", "pulse-emails", accountId],
-    queryFn: async () => {
-      const token = await getAccessToken();
-      if (!token) throw new Error("Not authenticated");
-      return fetchAccountPulseEmails(token, accountId);
-    },
-    enabled: ready && authenticated && !!accountId && enabled,
-  });
-}