feat: add support for retrying transcriptions

Author: haritabh-z01

apps/desktop/src/i18n/locales/en.json

@@ -527,7 +527,8 @@
         "pauseAudio": "Pause audio",
         "playAudio": "Play audio",
         "downloadAudio": "Download Audio",
-        "delete": "Delete"
+        "delete": "Delete",
+        "retry": "Retry transcription"
       },
       "dialog": {
         "title": "Transcription Details"
@@ -538,7 +539,9 @@
         "downloaded": "Audio file downloaded",
         "downloadFailed": "Failed to download audio file",
         "loadAudioFailed": "Failed to load audio file",
-        "copied": "Copied to clipboard"
+        "copied": "Copied to clipboard",
+        "retrySuccess": "Transcription retried successfully",
+        "retryFailed": "Failed to retry transcription"
       },
       "search": {
         "placeholder": "Search transcriptions..."

apps/desktop/src/main/managers/recording-manager.ts

@@ -779,9 +779,12 @@ export class RecordingManager extends EventEmitter {
             transcript: transcription,
           })
           .catch((error) => {
-            logger.main.warn("Failed to paste transcription via native helper", {
-              error: error instanceof Error ? error.message : String(error),
-            });
+            logger.main.warn(
+              "Failed to paste transcription via native helper",
+              {
+                error: error instanceof Error ? error.message : String(error),
+              },
+            );
           });
       }
     } catch (error) {

apps/desktop/src/renderer/main/pages/settings/history/index.tsx

@@ -23,6 +23,8 @@ import {
   Trash2,
   MicOff,
   Search,
+  RotateCcw,
+  Loader2,
 } from "lucide-react";
 import { Input } from "@/components/ui/input";
 import { toast } from "sonner";
@@ -80,10 +82,12 @@ interface HistoryTableCardProps {
   onPlay: (transcriptionId: number) => void;
   onDownload: (transcriptionId: number) => void;
   onDelete: (id: number) => void;
+  onRetry: (id: number) => void;
   hovered: number | null;
   setHovered: (id: number | null) => void;
   currentPlayingId: number | null;
   isPlaying: boolean;
+  retryingId: number | null;
 }
 
 function HistoryTableCard({
@@ -92,9 +96,11 @@ function HistoryTableCard({
   onPlay,
   onDownload,
   onDelete,
+  onRetry,
   setHovered,
   currentPlayingId,
   isPlaying,
+  retryingId,
 }: HistoryTableCardProps) {
   const { t } = useTranslation();
   const [selectedText, setSelectedText] = useState<string | null>(null);
@@ -222,6 +228,29 @@ function HistoryTableCard({
                           </Tooltip>
                         </TooltipProvider>
                       )}
+                      {item.audioFile && (
+                        <TooltipProvider>
+                          <Tooltip>
+                            <TooltipTrigger asChild>
+                              <Button
+                                size="icon"
+                                variant="ghost"
+                                disabled={retryingId === item.id}
+                                onClick={() => onRetry(item.id)}
+                              >
+                                {retryingId === item.id ? (
+                                  <Loader2 className="w-4 h-4 animate-spin" />
+                                ) : (
+                                  <RotateCcw className="w-4 h-4" />
+                                )}
+                              </Button>
+                            </TooltipTrigger>
+                            <TooltipContent>
+                              <p>{t("settings.history.actions.retry")}</p>
+                            </TooltipContent>
+                          </Tooltip>
+                        </TooltipProvider>
+                      )}
                       <TooltipProvider>
                         <Tooltip>
                           <TooltipTrigger asChild>
@@ -296,6 +325,22 @@ export default function HistorySettingsPage() {
       },
     });
 
+  const [retryingId, setRetryingId] = useState<number | null>(null);
+
+  const retryTranscriptionMutation =
+    api.transcriptions.retryTranscription.useMutation({
+      onSuccess: () => {
+        utils.transcriptions.getTranscriptions.invalidate();
+        toast.success(t("settings.history.toast.retrySuccess"));
+        setRetryingId(null);
+      },
+      onError: (error) => {
+        console.error("Error retrying transcription:", error);
+        toast.error(t("settings.history.toast.retryFailed"));
+        setRetryingId(null);
+      },
+    });
+
   const downloadAudioMutation =
     api.transcriptions.downloadAudioFile.useMutation({
       onSuccess: () => {
@@ -358,6 +403,11 @@ export default function HistorySettingsPage() {
     downloadAudioMutation.mutate({ transcriptionId });
   }
 
+  function handleRetry(id: number) {
+    setRetryingId(id);
+    retryTranscriptionMutation.mutate({ id });
+  }
+
   function handleDelete(id: number) {
     deleteTranscriptionMutation.mutate({ id });
   }
@@ -420,10 +470,12 @@ export default function HistorySettingsPage() {
                   onPlay={handlePlayAudio}
                   onDownload={handleDownload}
                   onDelete={handleDelete}
+                  onRetry={handleRetry}
                   hovered={hovered}
                   setHovered={setHovered}
                   currentPlayingId={audioPlayer.currentPlayingId}
                   isPlaying={audioPlayer.isPlaying}
+                  retryingId={retryingId}
                 />
               </>
             )}
@@ -440,10 +492,12 @@ export default function HistorySettingsPage() {
                   onPlay={handlePlayAudio}
                   onDownload={handleDownload}
                   onDelete={handleDelete}
+                  onRetry={handleRetry}
                   hovered={hovered}
                   setHovered={setHovered}
                   currentPlayingId={audioPlayer.currentPlayingId}
                   isPlaying={audioPlayer.isPlaying}
+                  retryingId={retryingId}
                 />
               </>
             )}
@@ -460,10 +514,12 @@ export default function HistorySettingsPage() {
                   onPlay={handlePlayAudio}
                   onDownload={handleDownload}
                   onDelete={handleDelete}
+                  onRetry={handleRetry}
                   hovered={hovered}
                   setHovered={setHovered}
                   currentPlayingId={audioPlayer.currentPlayingId}
                   isPlaying={audioPlayer.isPlaying}
+                  retryingId={retryingId}
                 />
               </>
             )}

apps/desktop/src/services/platform/native-bridge-service.ts

@@ -124,7 +124,10 @@ class NativeBridgeTimeoutError extends Error {
 }
 
 class NativeBridgeHelperUnavailableError extends Error {
-  constructor(message: string, public readonly method: string) {
+  constructor(
+    message: string,
+    public readonly method: string,
+  ) {
     super(message);
     this.name = "NativeBridgeHelperUnavailableError";
   }
@@ -575,7 +578,10 @@ export class NativeBridge extends EventEmitter {
         platform: process.platform,
       });
 
-      const error = new NativeBridgeHelperUnavailableError(errorMessage, method);
+      const error = new NativeBridgeHelperUnavailableError(
+        errorMessage,
+        method,
+      );
       this.telemetryService?.captureException(error, {
         source: "native_helper",
         stage: "rpc_helper_unavailable",