feat(providers): add ability to copy refresh token

Adds a button to copy the refresh token for each provider directly from the UI.
This allows users to easily retrieve their refresh tokens for debugging or other uses.
Introduces a `copyRefreshToken` function in the presenter to handle the logic.
Adds a new API endpoint to download the content of an authentication file.
Updates the `AuthFile` type to include an optional `name` property.
Adds corresponding translation keys for the new functionality.

Author: 0xtbug

src/features/providers/ProvidersPage.tsx

@@ -15,7 +15,8 @@ import {
   Eye,
   EyeOff,
   ChevronDown,
-  ChevronRight
+  ChevronRight,
+  Key
 } from 'lucide-react';
 import {
   AlertDialog,
@@ -66,6 +67,7 @@ export function ProvidersPage() {
     executeDeleteAll,
     showDeleteAllConfirmation,
     setShowDeleteAllConfirmation,
+    copyRefreshToken,
   } = useProvidersPresenter();
 
   if (!isAuthenticated) {
@@ -262,15 +264,26 @@ export function ProvidersPage() {
                                    </div>
                                  </div>
 
-                                 <Button
-                                   size="icon"
-                                   variant="ghost"
-                                   className="h-8 w-8 text-destructive hover:bg-destructive/10 opacity-80 group-hover:opacity-100"
-                                   onClick={() => setFileToDelete(file.id)}
-                                   title={t('common.delete')}
-                                 >
-                                   <Trash2 className="h-4 w-4" />
-                                 </Button>
+                                 <div className="flex items-center gap-1">
+                                   <Button
+                                     size="icon"
+                                     variant="ghost"
+                                     className="h-8 w-8 text-primary hover:bg-primary/10 opacity-80 group-hover:opacity-100"
+                                     onClick={() => copyRefreshToken(file.name || file.filename || file.id)}
+                                     title={t('common.copyRefreshToken', 'Copy Refresh Token')}
+                                   >
+                                     <Key className="h-4 w-4" />
+                                   </Button>
+                                   <Button
+                                     size="icon"
+                                     variant="ghost"
+                                     className="h-8 w-8 text-destructive hover:bg-destructive/10 opacity-80 group-hover:opacity-100"
+                                     onClick={() => setFileToDelete(file.id)}
+                                     title={t('common.delete')}
+                                   >
+                                     <Trash2 className="h-4 w-4" />
+                                   </Button>
+                                 </div>
                                </div>
                              );
                            })}

src/features/providers/useProvidersPresenter.ts

@@ -347,6 +347,30 @@ export function useProvidersPresenter() {
     } catch { /* ignore */ }
   }, [t]);
 
+  const copyRefreshToken = useCallback(async (filename: string | undefined | null) => {
+    try {
+      if (!filename) {
+        toast.error('Filename is missing');
+        return;
+      }
+      let name = filename;
+      if (!name.toLowerCase().endsWith('.json')) {
+        name = `${name}.json`;
+      }
+      const data = await authFilesApi.download(name);
+      const refreshToken = data.refresh_token;
+
+      if (refreshToken) {
+        await navigator.clipboard.writeText(refreshToken);
+        toast.success(t('common.copied') || 'Copied to clipboard!');
+      } else {
+        toast.error('No refresh token found in this file');
+      }
+    } catch (err) {
+      toast.error(`Failed to copy refresh token: ${(err as Error).message}`);
+    }
+  }, [t]);
+
   const togglePrivacyMode = useCallback(() => {
     setIsPrivacyMode(prev => !prev);
   }, []);
@@ -386,6 +410,7 @@ export function useProvidersPresenter() {
     submitCallback,
     updateProviderState,
     copyToClipboard,
+    copyRefreshToken,
 
     // Privacy
     isPrivacyMode,

src/i18n/locales/en.json

@@ -17,7 +17,8 @@
     "upload": "Upload",
     "deleteAll": "Delete All",
     "deleting": "Deleting...",
-    "deleteWarning": "This action cannot be undone. This will permanently delete your account connection."
+    "deleteWarning": "This action cannot be undone. This will permanently delete your account connection.",
+    "copyRefreshToken": "Copy Refresh Token"
   },
   "auth": {
     "login": "Login",

src/i18n/locales/id.json

@@ -17,7 +17,8 @@
     "upload": "Unggah",
     "deleteAll": "Hapus Semua",
     "deleting": "Menghapus...",
-    "deleteWarning": "Tindakan ini tidak dapat dibatalkan. Ini akan menghapus koneksi akun Anda secara permanen."
+    "deleteWarning": "Tindakan ini tidak dapat dibatalkan. Ini akan menghapus koneksi akun Anda secara permanen.",
+    "copyRefreshToken": "Salin Token Penyegaran"
   },
   "auth": {
     "login": "Masuk",

src/i18n/locales/ja.json

@@ -17,7 +17,8 @@
     "upload": "アップロード",
     "deleteAll": "すべて削除",
     "deleting": "削除中...",
-    "deleteWarning": "この操作は取り消せません。アカウント接続が完全に削除されます。"
+    "deleteWarning": "この操作は取り消せません。アカウント接続が完全に削除されます。",
+    "copyRefreshToken": "リフレッシュトークンをコピー"
   },
   "auth": {
     "login": "ログイン",

src/i18n/locales/ko.json

@@ -17,7 +17,8 @@
     "upload": "업로드",
     "deleteAll": "모두 삭제",
     "deleting": "삭제 중...",
-    "deleteWarning": "이 작업은 취소할 수 없습니다. 계정 연결이 영구적으로 삭제됩니다."
+    "deleteWarning": "이 작업은 취소할 수 없습니다. 계정 연결이 영구적으로 삭제됩니다.",
+    "copyRefreshToken": "갱신 토큰 복사"
   },
   "auth": {
     "login": "로그인",

src/i18n/locales/th.json

@@ -17,7 +17,8 @@
     "upload": "อัปโหลด",
     "deleteAll": "ลบทั้งหมด",
     "deleting": "กำลังลบ...",
-    "deleteWarning": "การดำเนินการนี้ไม่สามารถยกเลิกได้ การเชื่อมต่อบัญชีของคุณจะถูกลบอย่างถาวร"
+    "deleteWarning": "การดำเนินการนี้ไม่สามารถยกเลิกได้ การเชื่อมต่อบัญชีของคุณจะถูกลบอย่างถาวร",
+    "copyRefreshToken": "คัดลอกโทเค็นรีเฟรช"
   },
   "auth": {
     "login": "เข้าสู่ระบบ",

src/i18n/locales/vi.json

@@ -17,7 +17,8 @@
     "upload": "Tải lên",
     "deleteAll": "Xóa tất cả",
     "deleting": "Đang xóa...",
-    "deleteWarning": "Hành động này không thể hoàn tác. Việc này sẽ xóa vĩnh viễn kết nối tài khoản của bạn."
+    "deleteWarning": "Hành động này không thể hoàn tác. Việc này sẽ xóa vĩnh viễn kết nối tài khoản của bạn.",
+    "copyRefreshToken": "Sao chép Token làm mới"
   },
   "auth": {
     "login": "Đăng nhập",

src/i18n/locales/zh-CN.json

@@ -17,7 +17,8 @@
     "upload": "上传",
     "deleteAll": "全部删除",
     "deleting": "正在删除...",
-    "deleteWarning": "此操作无法撤销。这将永久删除您的帐户连接。"
+    "deleteWarning": "此操作无法撤销。这将永久删除您的帐户连接。",
+    "copyRefreshToken": "复制刷新令牌"
   },
   "auth": {
     "login": "登录",

src/services/api/auth.service.ts

@@ -11,4 +11,6 @@ export const authFilesApi = {
   deleteFile: (name: string) => apiClient.delete(`/auth-files?name=${encodeURIComponent(name)}`),
 
   deleteAll: () => apiClient.delete('/auth-files?all=true'),
+
+  download: (name: string) => apiClient.get<any>(`/auth-files/download?name=${encodeURIComponent(name)}`),
 };