docs: Improve clipboard handling for Safari in LLMButtons component

website/src/components/LLMButtons.jsx

@@ -311,14 +311,23 @@ const onCopyAsMarkdownClick = async ({ setCopyingStatus, currentUrl }) => {
     try {
         setCopyingStatus('loading');
 
-        const response = await fetch(markdownUrl);
+        // Safari requires clipboard writes to be created synchronously inside the user gesture.
+        // We therefore pass a Promise that resolves to a Blob into ClipboardItem instead of
+        // awaiting fetch first — otherwise Safari would reject the clipboard operation.
+        const markdownContent = new ClipboardItem({
+            'text/plain': fetch(markdownUrl)
+                .then((response) => {
+                    if (!response.ok) {
+                        throw new Error(`Failed to fetch markdown: ${response.status}`);
+                    }
+                    return response.text();
+                })
+                .then((content) => new Blob([content], { type: 'text/plain' })),
+        });
 
-        if (!response.ok) {
-            throw new Error(`Failed to fetch markdown: ${response.status}`);
-        }
+        await navigator.clipboard.write([markdownContent]);
 
-        const markdownContent = await response.text();
-        await navigator.clipboard.writeText(markdownContent);
+        // Show success feedback
         setCopyingStatus('copied');
     } catch (error) {
         console.error('Failed to copy markdown content:', error);