feat: complete release preparation, 10+ ad mediation, CI/CD, and docker deployment

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

@@ -5,7 +5,7 @@ import { useState, useEffect, useCallback, useRef } from 'react'
 import { Box, LinearProgress, IconButton, Tooltip } from '@mui/material'
 import { Copy, X, FileUp } from 'lucide-react'
 import { MetalCard, PhosphorText, Led } from '@d3ro/ui/components/ds'
-import { d3roPalette, d3roTypo } from '@d3ro/ui/theme'
+import { d3roPalette, d3roTypo, d3roRadius } from '@d3ro/ui/theme'
 import { useI18n } from '@d3ro/i18n'
 import type {
   FileTranscriptionProgress,
@@ -51,9 +51,12 @@ export function FileDropZone(): React.ReactElement {
     }
   }, [])
 
+  const isBusyRef = useRef(false)
+
   const handleDrop = useCallback(async (e: React.DragEvent) => {
     e.preventDefault()
     setDragging(false)
+    if (state === 'converting' || state === 'transcribing' || isBusyRef.current) return
 
     const file = e.dataTransfer.files[0]
     if (!file) return
@@ -65,38 +68,50 @@ export function FileDropZone(): React.ReactElement {
       return
     }
 
+    isBusyRef.current = true
     setState('converting')
     setError(null)
     setResult(null)
 
-    const filePath = (file as unknown as { path: string }).path
-    const resp = await window.electronAPI.fileTranscription.start({ filePath })
-    if (!resp.success) {
-      setError(resp.error.message)
-      setState('error')
-    }
-  }, [t])
-
-  const handleBrowse = useCallback(async () => {
-    setState('converting')
-    setError(null)
-    setResult(null)
-
-    const resp = await window.electronAPI.fileTranscription.start({ filePath: '' })
-    if (!resp.success) {
-      if (resp.error.message.includes('cancelled')) {
-        setState('idle')
-      } else {
+    try {
+      const filePath = (file as unknown as { path: string }).path
+      const resp = await window.electronAPI.fileTranscription.start({ filePath })
+      if (!resp.success) {
         setError(resp.error.message)
         setState('error')
       }
+    } finally {
+      isBusyRef.current = false
     }
-  }, [])
+  }, [t, state])
+
+  const handleBrowse = useCallback(async () => {
+    if (state === 'converting' || state === 'transcribing' || isBusyRef.current) return
+    isBusyRef.current = true
+    setState('converting')
+    setError(null)
+    setResult(null)
+
+    try {
+      const resp = await window.electronAPI.fileTranscription.start({ filePath: '' })
+      if (!resp.success) {
+        if (resp.error.message.includes('cancelled') || resp.error.message.includes('already active')) {
+          setState('idle')
+        } else {
+          setError(resp.error.message)
+          setState('error')
+        }
+      }
+    } finally {
+      isBusyRef.current = false
+    }
+  }, [state])
 
   const handleCancel = useCallback(async () => {
     await window.electronAPI.fileTranscription.cancel()
     setState('idle')
     setProgress(null)
+    isBusyRef.current = false
   }, [])
 
   const handleCopy = useCallback(() => {