ui: add clipboard fallback for copy button (#34092)

丁春才0668000523 · 丁春才0668000523 · commit ddae218e1c2a · 2026-03-04T16:02:34.000+08:00
diff --git a/ui/src/ui/chat/copy-as-markdown.ts b/ui/src/ui/chat/copy-as-markdown.ts
@@ -17,12 +17,33 @@ async function copyTextToClipboard(text: string): Promise<boolean> {
     return false;
   }
 
+  let success = false;
   try {
-    await navigator.clipboard.writeText(text);
-    return true;
+    if (navigator.clipboard?.writeText) {
+      await navigator.clipboard.writeText(text);
+      success = true;
+    }
   } catch {
-    return false;
+    // Clipboard API failed (e.g. HTTP context), try fallback
+  }
+
+  // Fallback for HTTP or when Clipboard API is unavailable (secure context required)
+  if (!success) {
+    try {
+      const textarea = document.createElement("textarea");
+      textarea.value = text;
+      textarea.style.position = "fixed";
+      textarea.style.opacity = "0";
+      document.body.appendChild(textarea);
+      textarea.select();
+      success = document.execCommand("copy");
+      document.body.removeChild(textarea);
+    } catch (err) {
+      console.error("Failed to copy:", err);
+    }
   }
+
+  return success;
 }
 
 function setButtonLabel(button: HTMLButtonElement, label: string) {
