fix: Navigator fallback for non-secure context

Author: allozaur

tools/server/public/index.html.gz

@@ -1,3 +1,3 @@
 export const AUTO_SCROLL_INTERVAL = 100;
-export const INITIAL_SCROLL_DELAY = 10;
+export const INITIAL_SCROLL_DELAY = 50;
 export const AUTO_SCROLL_AT_BOTTOM_THRESHOLD = 10;

tools/server/webui/src/lib/constants/auto-scroll.ts

@@ -2,6 +2,7 @@ import { toast } from 'svelte-sonner';
 
 /**
  * Copy text to clipboard with toast notification
+ * Uses modern clipboard API when available, falls back to legacy method for non-secure contexts
  * @param text - Text to copy to clipboard
  * @param successMessage - Custom success message (optional)
  * @param errorMessage - Custom error message (optional)
@@ -13,9 +14,32 @@ export async function copyToClipboard(
 	errorMessage = 'Failed to copy to clipboard'
 ): Promise<boolean> {
 	try {
-		await navigator.clipboard.writeText(text);
-		toast.success(successMessage);
-		return true;
+		// Try modern clipboard API first (secure contexts only)
+		if (navigator.clipboard && navigator.clipboard.writeText) {
+			await navigator.clipboard.writeText(text);
+			toast.success(successMessage);
+			return true;
+		}
+
+		// Fallback for non-secure contexts
+		const textArea = document.createElement('textarea');
+		textArea.value = text;
+		textArea.style.position = 'fixed';
+		textArea.style.left = '-999999px';
+		textArea.style.top = '-999999px';
+		document.body.appendChild(textArea);
+		textArea.focus();
+		textArea.select();
+
+		const successful = document.execCommand('copy');
+		document.body.removeChild(textArea);
+
+		if (successful) {
+			toast.success(successMessage);
+			return true;
+		} else {
+			throw new Error('execCommand failed');
+		}
 	} catch (error) {
 		console.error('Failed to copy to clipboard:', error);
 		toast.error(errorMessage);