From e368eda98bb53c4fce3b3fc792cca5b31e4caf01 Mon Sep 17 00:00:00 2001
From: smartchoice <howardpen9@users.noreply.github.com>
Date: Tue, 17 Mar 2026 22:05:37 +0800
Subject: [PATCH] feat: add copy-to-clipboard button for summary results

Adds a copy button in the header controls that copies the full
summary markdown to the clipboard. The button appears once a
summary is rendered and hides when the view is cleared.

Closes #162
---
 .../src/entrypoints/sidepanel/index.html              |  7 +++++++
 .../src/entrypoints/sidepanel/main.ts                 | 11 +++++++++++
 2 files changed, 18 insertions(+)

diff --git a/apps/chrome-extension/src/entrypoints/sidepanel/index.html b/apps/chrome-extension/src/entrypoints/sidepanel/index.html
index 93112839..e44d7722 100644
--- a/apps/chrome-extension/src/entrypoints/sidepanel/index.html
+++ b/apps/chrome-extension/src/entrypoints/sidepanel/index.html
@@ -15,6 +15,13 @@
         </div>
         <div class="controls">
           <div id="summarizeControlRoot" class="summarizeControlRoot"></div>
+          <button id="copySummary" type="button" class="ghost icon" aria-label="Copy summary" hidden>
+            <svg viewBox="0 0 24 24" aria-hidden="true">
+              <path
+                d="M16 1H4C2.9 1 2 1.9 2 3v14h2V3h12V1zm3 4H8C6.9 5 6 5.9 6 7v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"
+              />
+            </svg>
+          </button>
           <button id="drawerToggle" type="button" class="ghost icon" aria-label="Settings">
             <svg viewBox="0 0 24 24" aria-hidden="true">
               <path
diff --git a/apps/chrome-extension/src/entrypoints/sidepanel/main.ts b/apps/chrome-extension/src/entrypoints/sidepanel/main.ts
index df759083..f111c133 100644
--- a/apps/chrome-extension/src/entrypoints/sidepanel/main.ts
+++ b/apps/chrome-extension/src/entrypoints/sidepanel/main.ts
@@ -170,6 +170,7 @@ const chatDockEl = byId<HTMLDivElement>("chatDock");
 const slideImageLoader = createSlideImageLoader();
 
 const summarizeControlRoot = byId<HTMLElement>("summarizeControlRoot");
+const copySummaryBtn = byId<HTMLButtonElement>("copySummary");
 const drawerToggleBtn = byId<HTMLButtonElement>("drawerToggle");
 const refreshBtn = byId<HTMLButtonElement>("refresh");
 const clearBtn = byId<HTMLButtonElement>("clear");
@@ -1075,6 +1076,7 @@ function resetSummaryView({
   clearSlideGallery(renderSlidesHostEl);
   clearMetricsForMode("summary");
   panelState.summaryMarkdown = null;
+  copySummaryBtn.hidden = true;
   panelState.summaryFromCache = null;
   panelState.slides = null;
   if (clearRunId) {
@@ -1254,6 +1256,7 @@ function renderMarkdownDisplay() {
 
 function renderMarkdown(markdown: string) {
   panelState.summaryMarkdown = markdown;
+  copySummaryBtn.hidden = !markdown;
   updateSlideSummaryFromMarkdown(markdown, {
     preserveIfEmpty: slideSummaryByIndex.size > 0,
     source: "summary",
@@ -4163,6 +4166,14 @@ refreshBtn.addEventListener("click", () => sendSummarize({ refresh: true }));
 clearBtn.addEventListener("click", () => {
   void clearCurrentView();
 });
+copySummaryBtn.addEventListener("click", () => {
+  const md = panelState.summaryMarkdown;
+  if (!md) return;
+  void navigator.clipboard.writeText(md).then(() => {
+    headerController.setStatus("Copied");
+    setTimeout(() => headerController.setStatus(panelState.ui?.status ?? ""), 800);
+  });
+});
 drawerToggleBtn.addEventListener("click", () => toggleDrawer());
 advancedBtn.addEventListener("click", () => {
   void send({ type: "panel:openOptions" });