fix(frontend): localize conversation export failures (#4493)

frontend/src/components/workspace/export-trigger.tsx

@@ -12,10 +12,7 @@ import {
   DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
 import { useI18n } from "@/core/i18n/hooks";
-import {
+import { exportThread, type ThreadExportFormat } from "@/core/threads/export";
-  exportThreadAsJSON,
-  exportThreadAsMarkdown,
-} from "@/core/threads/export";
 import type { AgentThread } from "@/core/threads/types";
 
 import { useThread } from "./messages/context";
@@ -28,23 +25,23 @@ export function ExportTrigger({ threadId }: { threadId: string }) {
   const messages = thread.messages;
 
   const handleExport = useCallback(
-    (format: "markdown" | "json") => {
+    (format: ThreadExportFormat) => {
       if (messages.length === 0) {
         toast.error(t.conversation.noMessages);
         return;
       }
-      const agentThread = {
+      try {
-        thread_id: threadId,
+        const agentThread = {
-        updated_at: new Date().toISOString(),
+          thread_id: threadId,
-        values: thread.values,
+          updated_at: new Date().toISOString(),
-      } as AgentThread;
+          values: thread.values,
+        } as AgentThread;
 
-      if (format === "markdown") {
+        exportThread(agentThread, messages, format);
-        exportThreadAsMarkdown(agentThread, messages);
+        toast.success(t.common.exportSuccess);
-      } else {
+      } catch {
-        exportThreadAsJSON(agentThread, messages);
+        toast.error(t.common.exportFailed);
       }
-      toast.success(t.common.exportSuccess);
     },
     [messages, thread.values, threadId, t],
   );

frontend/src/components/workspace/recent-chat-list.tsx

@@ -48,10 +48,7 @@ import { resetThreadChatAfterDelete } from "@/components/workspace/chats/use-thr
 import { getAPIClient } from "@/core/api";
 import { writeTextToClipboard } from "@/core/clipboard";
 import { useI18n } from "@/core/i18n/hooks";
-import {
+import { exportThread, type ThreadExportFormat } from "@/core/threads/export";
-  exportThreadAsJSON,
-  exportThreadAsMarkdown,
-} from "@/core/threads/export";
 import {
   useDeleteThread,
   useInfiniteThreads,
@@ -239,7 +236,7 @@ export function RecentChatList() {
   );
 
   const handleExport = useCallback(
-    async (thread: AgentThread, format: "markdown" | "json") => {
+    async (thread: AgentThread, format: ThreadExportFormat) => {
       try {
         const apiClient = getAPIClient();
         const state = await apiClient.threads.getState<AgentThreadState>(
@@ -250,14 +247,10 @@ export function RecentChatList() {
           toast.error(t.conversation.noMessages);
           return;
         }
-        if (format === "markdown") {
+        exportThread(thread, messages, format);
-          exportThreadAsMarkdown(thread, messages);
-        } else {
-          exportThreadAsJSON(thread, messages);
-        }
         toast.success(t.common.exportSuccess);
       } catch {
-        toast.error("Failed to export conversation");
+        toast.error(t.common.exportFailed);
       }
     },
     [t],

frontend/src/core/i18n/locales/en-US.ts

@@ -51,6 +51,7 @@ export const enUS: Translations = {
     exportAsMarkdown: "Export as Markdown",
     exportAsJSON: "Export as JSON",
     exportSuccess: "Conversation exported",
+    exportFailed: "Failed to export conversation.",
     regenerate: "Regenerate",
     editAndRerun: "Edit and rerun",
     updateAndRerun: "Update and rerun",

frontend/src/core/i18n/locales/types.ts

@@ -40,6 +40,7 @@ export interface Translations {
     exportAsMarkdown: string;
     exportAsJSON: string;
     exportSuccess: string;
+    exportFailed: string;
     regenerate: string;
     editAndRerun: string;
     updateAndRerun: string;

frontend/src/core/i18n/locales/zh-CN.ts

@@ -51,6 +51,7 @@ export const zhCN: Translations = {
     exportAsMarkdown: "导出为 Markdown",
     exportAsJSON: "导出为 JSON",
     exportSuccess: "对话已导出",
+    exportFailed: "导出对话失败。",
     regenerate: "重新生成",
     editAndRerun: "编辑并重新运行",
     updateAndRerun: "更新并重新运行",

frontend/src/core/threads/export.ts

@@ -30,6 +30,8 @@ export interface ExportOptions {
   includeHidden?: boolean;
 }
 
+export type ThreadExportFormat = "markdown" | "json";
+
 function visibleMessages(
   messages: Message[],
   options: ExportOptions,
@@ -222,3 +224,15 @@ export function exportThreadAsJSON(thread: AgentThread, messages: Message[]) {
   const filename = `${sanitizeFilename(titleOfThread(thread))}.json`;
   downloadAsFile(json, filename, "application/json;charset=utf-8");
 }
+
+export function exportThread(
+  thread: AgentThread,
+  messages: Message[],
+  format: ThreadExportFormat,
+) {
+  if (format === "markdown") {
+    exportThreadAsMarkdown(thread, messages);
+  } else {
+    exportThreadAsJSON(thread, messages);
+  }
+}