fix(desktop): handle clipboard and prompt errors from Sentry

apps/desktop/src/renderer/components/Chat/ChatInterface/components/ModelPicker/hooks/useAnthropicOAuth/useAnthropicOAuth.ts

@@ -1,5 +1,6 @@
 import { chatServiceTrpc } from "@superset/chat/client";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useCopyToClipboard } from "renderer/hooks/useCopyToClipboard";
 import { electronTrpc } from "renderer/lib/electron-trpc";
 import { electronTrpcClient } from "renderer/lib/trpc-client";
 
@@ -145,15 +146,12 @@ export function useAnthropicOAuth({
 		}
 	}, [clearAutoSubmitTimeout, openExternalUrl, startAnthropicOAuthMutation]);
 
-	const copyOAuthUrl = useCallback(async () => {
+	const { copyToClipboard } = useCopyToClipboard();
+	const copyOAuthUrl = useCallback(() => {
 		if (!oauthUrl) return;
-		try {
-			await navigator.clipboard.writeText(oauthUrl);
-			setOauthError(null);
-		} catch (error) {
-			setOauthError(getErrorMessage(error, "Failed to copy URL"));
-		}
-	}, [oauthUrl]);
+		copyToClipboard(oauthUrl);
+		setOauthError(null);
+	}, [oauthUrl, copyToClipboard]);
 
 	const submitAnthropicOAuthCode = useCallback(
 		async (rawCode: string) => {

apps/desktop/src/renderer/components/Chat/ChatInterface/components/ModelPicker/hooks/useOpenAIOAuth/useOpenAIOAuth.ts

@@ -1,5 +1,6 @@
 import { chatServiceTrpc } from "@superset/chat/client";
 import { useCallback, useEffect, useMemo, useState } from "react";
+import { useCopyToClipboard } from "renderer/hooks/useCopyToClipboard";
 import { electronTrpc } from "renderer/lib/electron-trpc";
 import { electronTrpcClient } from "renderer/lib/trpc-client";
 
@@ -99,15 +100,12 @@ export function useOpenAIOAuth({
 		}
 	}, [startOpenAIOAuthMutation]);
 
-	const copyOAuthUrl = useCallback(async () => {
+	const { copyToClipboard } = useCopyToClipboard();
+	const copyOAuthUrl = useCallback(() => {
 		if (!oauthUrl) return;
-		try {
-			await navigator.clipboard.writeText(oauthUrl);
-			setOauthError(null);
-		} catch (error) {
-			setOauthError(getErrorMessage(error, "Failed to copy URL"));
-		}
-	}, [oauthUrl]);
+		copyToClipboard(oauthUrl);
+		setOauthError(null);
+	}, [oauthUrl, copyToClipboard]);
 
 	const syncOpenAIAuthUi = useCallback(
 		async (action: "complete" | "disconnect") => {

apps/desktop/src/renderer/components/MarkdownRenderer/components/SelectionContextMenu/SelectionContextMenu.tsx

@@ -13,6 +13,7 @@ import type {
 } from "react";
 import { useState } from "react";
 import { LuCopy } from "react-icons/lu";
+import { useCopyToClipboard } from "renderer/hooks/useCopyToClipboard";
 
 function getModifierKeyLabel() {
 	const isMac = navigator.platform.toLowerCase().includes("mac");
@@ -28,55 +29,10 @@ export function SelectionContextMenu<T extends HTMLElement>({
 	children,
 	selectAllContainerRef,
 }: SelectionContextMenuProps<T>) {
+	const { copyToClipboard } = useCopyToClipboard();
 	const [selectionText, setSelectionText] = useState("");
 	const [linkHref, setLinkHref] = useState<string | null>(null);
 
-	const copyTextToClipboard = async (text: string) => {
-		try {
-			await navigator.clipboard.writeText(text);
-			return;
-		} catch {
-			// Fall through to legacy copy method.
-		}
-
-		// Legacy fallback: `execCommand("copy")` copies from the currently-selected input/textarea.
-		// Snapshot the current selection ranges so we can restore the user's selection after copying.
-		const selection = document.getSelection();
-		const savedRanges =
-			selection?.rangeCount && selection.rangeCount > 0
-				? Array.from({ length: selection.rangeCount }, (_, index) =>
-						selection.getRangeAt(index).cloneRange(),
-					)
-				: [];
-
-		const textarea = document.createElement("textarea");
-		textarea.value = text;
-		textarea.setAttribute("readonly", "");
-		textarea.style.position = "fixed";
-		textarea.style.top = "-9999px";
-		textarea.style.left = "-9999px";
-		textarea.style.opacity = "0";
-		document.body.appendChild(textarea);
-
-		textarea.select();
-		textarea.setSelectionRange(0, textarea.value.length);
-
-		try {
-			document.execCommand("copy");
-		} catch {
-			// Ignore; clipboard access may be restricted.
-		} finally {
-			textarea.remove();
-		}
-
-		if (selection) {
-			selection.removeAllRanges();
-			for (const range of savedRanges) {
-				selection.addRange(range);
-			}
-		}
-	};
-
 	const handleOpenChange = (open: boolean) => {
 		if (!open) {
 			setLinkHref(null);
@@ -103,12 +59,12 @@ export function SelectionContextMenu<T extends HTMLElement>({
 		const text = selection?.toString() || selectionText;
 		if (!text) return;
 
-		await copyTextToClipboard(text);
+		copyToClipboard(text);
 	};
 
 	const handleCopyLinkAddress = async () => {
 		if (!linkHref) return;
-		await copyTextToClipboard(linkHref);
+		copyToClipboard(linkHref);
 	};
 
 	const handleSelectAll = () => {

apps/desktop/src/renderer/components/MarkdownRenderer/components/TipTapMarkdownRenderer/components/BubbleMenuToolbar/BubbleMenuToolbar.tsx

@@ -267,6 +267,56 @@ function ListDropdown({ editor }: { editor: Editor }) {
 
 export function BubbleMenuToolbar({ editor }: BubbleMenuToolbarProps) {
 	const prevent = (e: React.MouseEvent) => e.preventDefault();
+	const [showLinkInput, setShowLinkInput] = useState(false);
+	const [linkUrl, setLinkUrl] = useState("");
+	const linkInputRef = useRef<HTMLInputElement>(null);
+
+	useEffect(() => {
+		if (showLinkInput) {
+			linkInputRef.current?.focus();
+		}
+	}, [showLinkInput]);
+
+	const applyLink = () => {
+		const url = linkUrl.trim();
+		if (url) {
+			editor.chain().focus().setLink({ href: url }).run();
+		}
+		setShowLinkInput(false);
+		setLinkUrl("");
+	};
+
+	const cancelLink = () => {
+		setShowLinkInput(false);
+		setLinkUrl("");
+		editor.chain().focus().run();
+	};
+
+	if (showLinkInput) {
+		return (
+			<div className="flex items-center gap-1 bg-popover border rounded-lg shadow-md px-1.5 py-0.5">
+				<HiOutlineLink className="size-3.5 text-muted-foreground shrink-0" />
+				<input
+					ref={linkInputRef}
+					type="url"
+					value={linkUrl}
+					onChange={(e) => setLinkUrl(e.target.value)}
+					onKeyDown={(e) => {
+						if (e.key === "Enter") {
+							e.preventDefault();
+							applyLink();
+						} else if (e.key === "Escape") {
+							e.preventDefault();
+							cancelLink();
+						}
+					}}
+					onBlur={cancelLink}
+					placeholder="Enter URL..."
+					className="bg-transparent text-sm outline-none w-48 text-foreground placeholder:text-muted-foreground"
+				/>
+			</div>
+		);
+	}
 
 	return (
 		<div className="flex items-center gap-0.5 bg-popover border rounded-lg shadow-md px-1 py-0.5">
@@ -339,10 +389,8 @@ export function BubbleMenuToolbar({ editor }: BubbleMenuToolbarProps) {
 					if (editor.isActive("link")) {
 						editor.chain().focus().unsetLink().run();
 					} else {
-						const url = window.prompt("Enter URL:");
-						if (url) {
-							editor.chain().focus().setLink({ href: url }).run();
-						}
+						setShowLinkInput(true);
+						setLinkUrl("");
 					}
 				}}
 			>

apps/desktop/src/renderer/components/MarkdownRenderer/components/TipTapMarkdownRenderer/components/EditableCodeBlockView/EditableCodeBlockView.tsx

@@ -8,6 +8,7 @@ import type { NodeViewProps } from "@tiptap/react";
 import { NodeViewContent, NodeViewWrapper } from "@tiptap/react";
 import { useState } from "react";
 import { HiCheck, HiChevronDown, HiOutlineClipboard } from "react-icons/hi2";
+import { useCopyToClipboard } from "renderer/hooks/useCopyToClipboard";
 import {
 	FILE_VIEW_CODE_BLOCK_LANGUAGES,
 	getCodeBlockLanguageLabel,
@@ -18,7 +19,6 @@ export function EditableCodeBlockView({
 	updateAttributes,
 	extension,
 }: NodeViewProps) {
-	const [copied, setCopied] = useState(false);
 	const [menuOpen, setMenuOpen] = useState(false);
 
 	const attrs = node.attrs as { language?: string };
@@ -30,17 +30,9 @@ export function EditableCodeBlockView({
 		currentLanguage,
 	);
 
-	const handleCopy = async () => {
-		try {
-			await navigator.clipboard.writeText(node.textContent);
-			setCopied(true);
-			setTimeout(() => setCopied(false), 2000);
-		} catch (error) {
-			console.error(
-				"[EditableCodeBlockView] Failed to copy code block:",
-				error,
-			);
-		}
+	const { copyToClipboard, copied } = useCopyToClipboard();
+	const handleCopy = () => {
+		copyToClipboard(node.textContent);
 	};
 
 	const handleLanguageChange = (language: string) => {

apps/desktop/src/renderer/components/OpenInButton/OpenInButton.tsx

@@ -13,6 +13,7 @@ import {
 	getAppOption,
 	OpenInExternalDropdownItems,
 } from "renderer/components/OpenInExternalDropdown";
+import { useCopyToClipboard } from "renderer/hooks/useCopyToClipboard";
 import { electronTrpc } from "renderer/lib/electron-trpc";
 import { useThemeStore } from "renderer/stores";
 import { useHotkeyText } from "renderer/stores/hotkeys";
@@ -55,7 +56,7 @@ export function OpenInButton({
 			}
 		},
 	});
-	const copyPath = electronTrpc.external.copyPath.useMutation();
+	const { copyToClipboard } = useCopyToClipboard();
 
 	const currentApp = defaultApp ? (getAppOption(defaultApp) ?? null) : null;
 
@@ -69,7 +70,7 @@ export function OpenInButton({
 
 	const handleCopyPath = () => {
 		if (!path) return;
-		copyPath.mutate(path);
+		copyToClipboard(path);
 		setIsOpen(false);
 	};
 

apps/desktop/src/renderer/hooks/useCopyToClipboard.ts

@@ -0,0 +1,27 @@
+import { useCallback, useState } from "react";
+import { electronTrpc } from "renderer/lib/electron-trpc";
+
+/**
+ * Copy text to clipboard via Electron's native clipboard API (IPC).
+ *
+ * Unlike `navigator.clipboard.writeText`, this works regardless of
+ * document focus — no DOMException when a terminal or webview has focus.
+ *
+ * Returns `{ copyToClipboard, copied }` where `copied` is true for
+ * `timeout` ms after a successful write.
+ */
+export function useCopyToClipboard(timeout = 2000) {
+	const { mutateAsync } = electronTrpc.external.copyPath.useMutation();
+	const [copied, setCopied] = useState(false);
+
+	const copyToClipboard = useCallback(
+		async (text: string) => {
+			await mutateAsync(text);
+			setCopied(true);
+			setTimeout(() => setCopied(false), timeout);
+		},
+		[mutateAsync, timeout],
+	);
+
+	return { copyToClipboard, copied };
+}

apps/desktop/src/renderer/routes/_authenticated/_dashboard/tasks/$taskId/components/TaskActionMenu/TaskActionMenu.tsx

@@ -12,6 +12,7 @@ import {
 	HiOutlineDocumentDuplicate,
 	HiOutlineTrash,
 } from "react-icons/hi2";
+import { useCopyToClipboard } from "renderer/hooks/useCopyToClipboard";
 import { useCollections } from "renderer/routes/_authenticated/providers/CollectionsProvider";
 import type { TaskWithStatus } from "../../../components/TasksView/hooks/useTasksTable";
 
@@ -24,22 +25,16 @@ export function TaskActionMenu({ task, onDelete }: TaskActionMenuProps) {
 	const collections = useCollections();
 	const [open, setOpen] = useState(false);
 
-	const handleCopyId = async () => {
-		try {
-			await navigator.clipboard.writeText(task.slug);
-			setOpen(false);
-		} catch (error) {
-			console.error("[TaskActionMenu] Failed to copy task ID:", error);
-		}
+	const { copyToClipboard } = useCopyToClipboard();
+
+	const handleCopyId = () => {
+		copyToClipboard(task.slug);
+		setOpen(false);
 	};
 
-	const handleCopyTitle = async () => {
-		try {
-			await navigator.clipboard.writeText(task.title);
-			setOpen(false);
-		} catch (error) {
-			console.error("[TaskActionMenu] Failed to copy task title:", error);
-		}
+	const handleCopyTitle = () => {
+		copyToClipboard(task.title);
+		setOpen(false);
 	};
 
 	const handleDelete = async () => {

apps/desktop/src/renderer/routes/_authenticated/_dashboard/tasks/$taskId/components/TaskMarkdownRenderer/components/CodeBlockView/CodeBlockView.tsx

@@ -8,6 +8,7 @@ import type { NodeViewProps } from "@tiptap/react";
 import { NodeViewContent, NodeViewWrapper } from "@tiptap/react";
 import { useState } from "react";
 import { HiCheck, HiChevronDown, HiOutlineClipboard } from "react-icons/hi2";
+import { useCopyToClipboard } from "renderer/hooks/useCopyToClipboard";
 import {
 	COMMON_CODE_BLOCK_LANGUAGES,
 	getCodeBlockLanguageLabel,
@@ -18,7 +19,6 @@ export function CodeBlockView({
 	updateAttributes,
 	extension,
 }: NodeViewProps) {
-	const [copied, setCopied] = useState(false);
 	const [menuOpen, setMenuOpen] = useState(false);
 
 	const attrs = node.attrs as { language?: string };
@@ -30,10 +30,9 @@ export function CodeBlockView({
 		currentLanguage,
 	);
 
-	const handleCopy = async () => {
-		await navigator.clipboard.writeText(node.textContent);
-		setCopied(true);
-		setTimeout(() => setCopied(false), 2000);
+	const { copyToClipboard, copied } = useCopyToClipboard();
+	const handleCopy = () => {
+		copyToClipboard(node.textContent);
 	};
 
 	const handleLanguageChange = (language: string) => {

apps/desktop/src/renderer/routes/_authenticated/_dashboard/tasks/$taskId/page.test.tsx

@@ -35,14 +35,8 @@ describe("Task detail action menu", () => {
 		expect(source).toContain(
 			'console.error("[TaskActionMenu] Failed to delete task:", error)',
 		);
-		expect(source).toContain("await navigator.clipboard.writeText(task.slug)");
-		expect(source).toContain("await navigator.clipboard.writeText(task.title)");
-		expect(source).toContain(
-			'console.error("[TaskActionMenu] Failed to copy task ID:", error)',
-		);
-		expect(source).toContain(
-			'console.error("[TaskActionMenu] Failed to copy task title:", error)',
-		);
+		expect(source).toContain("copyToClipboard(task.slug)");
+		expect(source).toContain("copyToClipboard(task.title)");
 		expect(source).not.toContain("<span>Status</span>");
 		expect(source).not.toContain("<span>Assignee</span>");
 		expect(source).not.toContain("<span>Priority</span>");