refactor(frontend): saved and transcription results show where they were asked, not in a toast

frontend/src/lib/media/transcript.svelte.ts

@@ -1,7 +1,6 @@
 import { requestTranscription } from "#lib/api/media.js";
 import { t } from "#lib/i18n/locale.svelte.js";
 import type { MessageKey } from "#lib/i18n/messages.js";
-import { toasts } from "#lib/stores/toasts.svelte.js";
 
 const REFUSALS: Record<string, MessageKey> = {
   empty: "media.transcribeEmpty",
@@ -14,6 +13,7 @@ export class Transcript {
   readonly #chatId: () => number;
   readonly #messageId: () => number;
   readonly #initial: () => string | null;
+  failure = $state<string | null>(null);
   fetched = $state<string | null>(null);
   pending = $state(false);
   shown = $state(false);
@@ -45,6 +45,7 @@ export class Transcript {
       return;
     }
     this.pending = true;
+    this.failure = null;
     try {
       const outcome = await requestTranscription(
         this.#chatId(),
@@ -54,10 +55,10 @@ export class Transcript {
         this.fetched = outcome.text;
         this.shown = true;
       } else {
-        toasts.error(t(REFUSALS[outcome.error] ?? "media.transcribeFailed"));
+        this.failure = t(REFUSALS[outcome.error] ?? "media.transcribeFailed");
       }
     } catch {
-      toasts.error(t("media.transcribeFailed"));
+      this.failure = t("media.transcribeFailed");
     } finally {
       this.pending = false;
     }