fix: replace navigator.clipboard with copyToClipboard utility

apps/web/src/components/tools/barcode-read-settings.tsx

@@ -1,5 +1,6 @@
 import { Check, Copy, Loader2 } from "lucide-react";
 import { useState } from "react";
+import { copyToClipboard } from "@/lib/utils";
 import { useFileStore } from "@/stores/file-store";
 
 function getToken(): string {
@@ -44,12 +45,10 @@ export function BarcodeReadSettings() {
 
   const copyText = async () => {
     if (!result?.text) return;
-    try {
-      await navigator.clipboard.writeText(result.text);
+    const ok = await copyToClipboard(result.text);
+    if (ok) {
       setCopied(true);
       setTimeout(() => setCopied(false), 1500);
-    } catch {
-      // Fallback: silent fail
     }
   };
 

apps/web/src/components/tools/color-palette-settings.tsx

@@ -1,5 +1,6 @@
 import { Check, Copy, Loader2 } from "lucide-react";
 import { useState } from "react";
+import { copyToClipboard } from "@/lib/utils";
 import { useFileStore } from "@/stores/file-store";
 
 function getToken(): string {
@@ -43,12 +44,10 @@ export function ColorPaletteSettings() {
   };
 
   const copyColor = async (color: string, idx: number) => {
-    try {
-      await navigator.clipboard.writeText(color);
+    const ok = await copyToClipboard(color);
+    if (ok) {
       setCopiedIdx(idx);
       setTimeout(() => setCopiedIdx(null), 1500);
-    } catch {
-      // Fallback: silent fail
     }
   };
 

apps/web/src/components/tools/ocr-settings.tsx

@@ -1,7 +1,7 @@
 import { Check, Copy } from "lucide-react";
 import { useRef, useState } from "react";
 import { ProgressCard } from "@/components/common/progress-card";
-import { generateId } from "@/lib/utils";
+import { copyToClipboard, generateId } from "@/lib/utils";
 import { useFileStore } from "@/stores/file-store";
 
 function getToken(): string {
@@ -118,9 +118,11 @@ export function OcrSettings() {
 
   const handleCopy = async () => {
     if (text) {
-      await navigator.clipboard.writeText(text);
-      setCopied(true);
-      setTimeout(() => setCopied(false), 2000);
+      const ok = await copyToClipboard(text);
+      if (ok) {
+        setCopied(true);
+        setTimeout(() => setCopied(false), 2000);
+      }
     }
   };