support auto uploading AI recognition image as transaction picture

mayswind · mayswind · commit 6fa9816c5815 · 2026-06-01T00:02:22.000+08:00
diff --git a/pkg/models/user_app_cloud_setting.go b/pkg/models/user_app_cloud_setting.go
@@ -35,6 +35,8 @@ var ALL_ALLOWED_CLOUD_SYNC_APP_SETTING_KEY_TYPES = map[string]UserApplicationClo
 	"autoGetCurrentGeoLocation":                                USER_APPLICATION_CLOUD_SETTING_TYPE_BOOLEAN,
 	"alwaysShowTransactionPicturesInMobileTransactionEditPage": USER_APPLICATION_CLOUD_SETTING_TYPE_BOOLEAN,
 	"transactionPictureQuality":                                USER_APPLICATION_CLOUD_SETTING_TYPE_NUMBER,
+	// AI Image Recognition
+	"autoUploadTransactionPictureForAIRecognition": USER_APPLICATION_CLOUD_SETTING_TYPE_BOOLEAN,
 	// Import Transaction Dialog
 	"rememberLastSelectedFileTypeInImportTransactionDialog": USER_APPLICATION_CLOUD_SETTING_TYPE_BOOLEAN,
 	"lastSelectedFileTypeInImportTransactionDialog":         USER_APPLICATION_CLOUD_SETTING_TYPE_STRING,
diff --git a/src/components/mobile/AIImageRecognitionSheet.vue b/src/components/mobile/AIImageRecognitionSheet.vue
@@ -49,13 +49,18 @@ import { generateRandomUUID } from '@/lib/misc.ts';
 import { compressJpgImageByQuality } from '@/lib/ui/common.ts';
 import logger from '@/lib/logger.ts';
 
+export interface AIImageRecognitionResult {
+    response: RecognizedReceiptImageResponse;
+    imageFile: File;
+}
+
 defineProps<{
     show: boolean;
 }>();
 
 const emit = defineEmits<{
     (e: 'update:show', value: boolean): void;
-    (e: 'recognition:change', value: RecognizedReceiptImageResponse): void;
+    (e: 'recognition:change', value: AIImageRecognitionResult): void;
 }>();
 
 const { tt } = useI18n();
@@ -120,6 +125,7 @@ function confirm(): void {
         return;
     }
 
+    const currentImageFile = imageFile.value;
     cancelRecognizingUuid.value = generateRandomUUID();
     recognizing.value = true;
     showCancelableLoading('Recognizing', 'AI can make mistakes. Check important info.', 'Cancel Recognition', cancelRecognize);
@@ -132,7 +138,7 @@ function confirm(): void {
         cancelRecognizingUuid.value = undefined;
         closeAllDialog();
         emit('update:show', false);
-        emit('recognition:change', response);
+        emit('recognition:change', { response: response, imageFile: currentImageFile });
     }).catch(error => {
         if (error.canceled) {
             return;
diff --git a/src/core/setting.ts b/src/core/setting.ts
@@ -60,6 +60,8 @@ export interface ApplicationSettings extends BaseApplicationSetting {
     autoGetCurrentGeoLocation: boolean;
     alwaysShowTransactionPicturesInMobileTransactionEditPage: boolean;
     transactionPictureQuality: number;
+    // AI Image Recognition
+    autoUploadTransactionPictureForAIRecognition: boolean;
     // Import Transaction Dialog
     rememberLastSelectedFileTypeInImportTransactionDialog: boolean;
     lastSelectedFileTypeInImportTransactionDialog: string;
@@ -141,6 +143,8 @@ export const ALL_ALLOWED_CLOUD_SYNC_APP_SETTING_KEY_TYPES: Record<string, UserAp
     'autoGetCurrentGeoLocation': UserApplicationCloudSettingType.Boolean,
     'alwaysShowTransactionPicturesInMobileTransactionEditPage': UserApplicationCloudSettingType.Boolean,
     'transactionPictureQuality': UserApplicationCloudSettingType.Number,
+    // AI Image Recognition
+    'autoUploadTransactionPictureForAIRecognition': UserApplicationCloudSettingType.Boolean,
     // Import Transaction Dialog
     'rememberLastSelectedFileTypeInImportTransactionDialog': UserApplicationCloudSettingType.Boolean,
     'lastSelectedFileTypeInImportTransactionDialog': UserApplicationCloudSettingType.String,
@@ -204,6 +208,8 @@ export const DEFAULT_APPLICATION_SETTINGS: ApplicationSettings = {
     autoGetCurrentGeoLocation: false,
     alwaysShowTransactionPicturesInMobileTransactionEditPage: false,
     transactionPictureQuality: ImageUploadQualityType.Default.type,
+    // AI Image Recognition
+    autoUploadTransactionPictureForAIRecognition: false,
     // Import Transaction Dialog
     rememberLastSelectedFileTypeInImportTransactionDialog: true,
     lastSelectedFileTypeInImportTransactionDialog: '',
diff --git a/src/locales/de.json b/src/locales/de.json
@@ -2355,6 +2355,7 @@
     "Automatically Add Geolocation": "Geolocation automatisch hinzufügen",
     "Always Show Transaction Pictures": "Transaktionsbilder immer anzeigen",
     "Transaction Picture Upload Quality": "Transaction Picture Upload Quality",
+    "Auto Upload AI Recognition Image as Transaction Picture": "Auto Upload AI Recognition Image as Transaction Picture",
     "Import Transaction Dialog": "Transaktionsimport-Dialog",
     "Remember Last Selected File Type": "Zuletzt ausgewählten Dateityp merken",
     "Insights Explorer Page": "Daten-Explorer-Seite",
diff --git a/src/locales/en.json b/src/locales/en.json
@@ -2355,6 +2355,7 @@
     "Automatically Add Geolocation": "Automatically Add Geolocation",
     "Always Show Transaction Pictures": "Always Show Transaction Pictures",
     "Transaction Picture Upload Quality": "Transaction Picture Upload Quality",
+    "Auto Upload AI Recognition Image as Transaction Picture": "Auto Upload AI Recognition Image as Transaction Picture",
     "Import Transaction Dialog": "Import Transaction Dialog",
     "Remember Last Selected File Type": "Remember Last Selected File Type",
     "Insights Explorer Page": "Insights Explorer Page",
diff --git a/src/locales/es.json b/src/locales/es.json
@@ -2355,6 +2355,7 @@
     "Automatically Add Geolocation": "Agregar Geolocalización Automáticamente",
     "Always Show Transaction Pictures": "Always Show Transaction Pictures",
     "Transaction Picture Upload Quality": "Transaction Picture Upload Quality",
+    "Auto Upload AI Recognition Image as Transaction Picture": "Auto Upload AI Recognition Image as Transaction Picture",
     "Import Transaction Dialog": "Import Transaction Dialog",
     "Remember Last Selected File Type": "Remember Last Selected File Type",
     "Insights Explorer Page": "Insights Explorer Page",
diff --git a/src/locales/fr.json b/src/locales/fr.json
@@ -2355,6 +2355,7 @@
     "Automatically Add Geolocation": "Ajouter automatiquement la géolocalisation",
     "Always Show Transaction Pictures": "Toujours afficher les images de transaction",
     "Transaction Picture Upload Quality": "Transaction Picture Upload Quality",
+    "Auto Upload AI Recognition Image as Transaction Picture": "Auto Upload AI Recognition Image as Transaction Picture",
     "Import Transaction Dialog": "Import Transaction Dialog",
     "Remember Last Selected File Type": "Remember Last Selected File Type",
     "Insights Explorer Page": "Insights Explorer Page",
diff --git a/src/locales/it.json b/src/locales/it.json
@@ -2355,6 +2355,7 @@
     "Automatically Add Geolocation": "Aggiungi automaticamente geolocalizzazione",
     "Always Show Transaction Pictures": "Always Show Transaction Pictures",
     "Transaction Picture Upload Quality": "Transaction Picture Upload Quality",
+    "Auto Upload AI Recognition Image as Transaction Picture": "Auto Upload AI Recognition Image as Transaction Picture",
     "Import Transaction Dialog": "Import Transaction Dialog",
     "Remember Last Selected File Type": "Remember Last Selected File Type",
     "Insights Explorer Page": "Insights Explorer Page",
diff --git a/src/locales/ja.json b/src/locales/ja.json
@@ -2355,6 +2355,7 @@
     "Automatically Add Geolocation": "座標を自動的に追加",
     "Always Show Transaction Pictures": "Always Show Transaction Pictures",
     "Transaction Picture Upload Quality": "Transaction Picture Upload Quality",
+    "Auto Upload AI Recognition Image as Transaction Picture": "Auto Upload AI Recognition Image as Transaction Picture",
     "Import Transaction Dialog": "Import Transaction Dialog",
     "Remember Last Selected File Type": "Remember Last Selected File Type",
     "Insights Explorer Page": "Insights Explorer Page",
diff --git a/src/locales/kn.json b/src/locales/kn.json
@@ -2355,6 +2355,7 @@
     "Automatically Add Geolocation": "ಭೌಗೋಳಿಕ ಸ್ಥಾನವನ್ನು ಸ್ವಯಂ ಸೇರಿಸಿ",
     "Always Show Transaction Pictures": "ವಹಿವಾಟು ಚಿತ್ರಗಳನ್ನು ಯಾವಾಗಲೂ ತೋರಿಸಿ",
     "Transaction Picture Upload Quality": "Transaction Picture Upload Quality",
+    "Auto Upload AI Recognition Image as Transaction Picture": "Auto Upload AI Recognition Image as Transaction Picture",
     "Import Transaction Dialog": "Import Transaction Dialog",
     "Remember Last Selected File Type": "Remember Last Selected File Type",
     "Insights Explorer Page": "Insights Explorer Page",
diff --git a/src/locales/ko.json b/src/locales/ko.json
@@ -2355,6 +2355,7 @@
     "Automatically Add Geolocation": "지리적 위치 자동 추가",
     "Always Show Transaction Pictures": "거래 사진 항상 표시",
     "Transaction Picture Upload Quality": "Transaction Picture Upload Quality",
+    "Auto Upload AI Recognition Image as Transaction Picture": "Auto Upload AI Recognition Image as Transaction Picture",
     "Import Transaction Dialog": "거래 가져오기 대화 상자",
     "Remember Last Selected File Type": "마지막으로 선택한 파일 유형 기억",
     "Insights Explorer Page": "인사이트 탐색기 페이지",
diff --git a/src/locales/nl.json b/src/locales/nl.json
@@ -2355,6 +2355,7 @@
     "Automatically Add Geolocation": "Geolocatie automatisch toevoegen",
     "Always Show Transaction Pictures": "Transactie-afbeeldingen altijd tonen",
     "Transaction Picture Upload Quality": "Transaction Picture Upload Quality",
+    "Auto Upload AI Recognition Image as Transaction Picture": "Auto Upload AI Recognition Image as Transaction Picture",
     "Import Transaction Dialog": "Import Transaction Dialog",
     "Remember Last Selected File Type": "Remember Last Selected File Type",
     "Insights Explorer Page": "Insights Explorer Page",
diff --git a/src/locales/pt_BR.json b/src/locales/pt_BR.json
@@ -2355,6 +2355,7 @@
     "Automatically Add Geolocation": "Adicionar Geolocalização Automaticamente",
     "Always Show Transaction Pictures": "Sempre Mostrar Imagens de Transações",
     "Transaction Picture Upload Quality": "Transaction Picture Upload Quality",
+    "Auto Upload AI Recognition Image as Transaction Picture": "Auto Upload AI Recognition Image as Transaction Picture",
     "Import Transaction Dialog": "Diálogo de Importação de Transações",
     "Remember Last Selected File Type": "Lembrar Último Tipo de Arquivo Selecionado",
     "Insights Explorer Page": "Página do Explorador de Insights",
diff --git a/src/locales/ru.json b/src/locales/ru.json
@@ -2355,6 +2355,7 @@
     "Automatically Add Geolocation": "Автоматически добавлять геолокацию",
     "Always Show Transaction Pictures": "Всегда показывать изображение транзакции",
     "Transaction Picture Upload Quality": "Transaction Picture Upload Quality",
+    "Auto Upload AI Recognition Image as Transaction Picture": "Auto Upload AI Recognition Image as Transaction Picture",
     "Import Transaction Dialog": "Диалог импорта транзакции",
     "Remember Last Selected File Type": "Запомнить последный выбранный тип файла",
     "Insights Explorer Page": "Страница обозревателя идей",
diff --git a/src/locales/sl.json b/src/locales/sl.json
@@ -2355,6 +2355,7 @@
     "Automatically Add Geolocation": "Samodejno dodaj geolokacijo",
     "Always Show Transaction Pictures": "Vedno prikaži slike transakcij",
     "Transaction Picture Upload Quality": "Transaction Picture Upload Quality",
+    "Auto Upload AI Recognition Image as Transaction Picture": "Auto Upload AI Recognition Image as Transaction Picture",
     "Import Transaction Dialog": "Pogovorno okno za uvoz transakcij",
     "Remember Last Selected File Type": "Zapomni si zadnjo izbrano vrsto datoteke",
     "Insights Explorer Page": "Stran za vpoglede in raziskovanje",
diff --git a/src/locales/ta.json b/src/locales/ta.json
@@ -2355,6 +2355,7 @@
     "Automatically Add Geolocation": "புவியியல் நிலையை தானியங்கி சேர்",
     "Always Show Transaction Pictures": "பரிவர்த்தனை படம்களை எப்போதும் காட்டு",
     "Transaction Picture Upload Quality": "Transaction Picture Upload Quality",
+    "Auto Upload AI Recognition Image as Transaction Picture": "Auto Upload AI Recognition Image as Transaction Picture",
     "Import Transaction Dialog": "பரிவர்த்தனை இறக்குமதி உரையாடல்",
     "Remember Last Selected File Type": "கடைசியாக தேர்ந்தெடுத்த கோப்பு வகையை நினைவில் கொள்",
     "Insights Explorer Page": "நுண்ணறிவு ஆய்வுக்கருவி பக்கம்",
diff --git a/src/locales/th.json b/src/locales/th.json
@@ -2355,6 +2355,7 @@
     "Automatically Add Geolocation": "เพิ่มตำแหน่งทางภูมิศาสตร์อัตโนมัติ",
     "Always Show Transaction Pictures": "แสดงรูปภาพรายการเสมอ",
     "Transaction Picture Upload Quality": "Transaction Picture Upload Quality",
+    "Auto Upload AI Recognition Image as Transaction Picture": "Auto Upload AI Recognition Image as Transaction Picture",
     "Import Transaction Dialog": "Import Transaction Dialog",
     "Remember Last Selected File Type": "Remember Last Selected File Type",
     "Insights Explorer Page": "Insights Explorer Page",
diff --git a/src/locales/tr.json b/src/locales/tr.json
@@ -2355,6 +2355,7 @@
     "Automatically Add Geolocation": "Otomatik Olarak Konum Ekle",
     "Always Show Transaction Pictures": "İşlem Resimlerini Her Zaman Göster",
     "Transaction Picture Upload Quality": "Transaction Picture Upload Quality",
+    "Auto Upload AI Recognition Image as Transaction Picture": "Auto Upload AI Recognition Image as Transaction Picture",
     "Import Transaction Dialog": "Import Transaction Dialog",
     "Remember Last Selected File Type": "Remember Last Selected File Type",
     "Insights Explorer Page": "Insights Explorer Page",
diff --git a/src/locales/uk.json b/src/locales/uk.json
@@ -2355,6 +2355,7 @@
     "Automatically Add Geolocation": "Автоматично додавати геолокацію",
     "Always Show Transaction Pictures": "Завжди показувати зображення транзакцій",
     "Transaction Picture Upload Quality": "Transaction Picture Upload Quality",
+    "Auto Upload AI Recognition Image as Transaction Picture": "Auto Upload AI Recognition Image as Transaction Picture",
     "Import Transaction Dialog": "Діалог імпорту транзакцій",
     "Remember Last Selected File Type": "Запам'ятовувати останній вибраний тип файлу",
     "Insights Explorer Page": "Сторінка дослідника інсайтів",
diff --git a/src/locales/vi.json b/src/locales/vi.json
@@ -2355,6 +2355,7 @@
     "Automatically Add Geolocation": "Tự động thêm vị trí địa lý",
     "Always Show Transaction Pictures": "Always Show Transaction Pictures",
     "Transaction Picture Upload Quality": "Transaction Picture Upload Quality",
+    "Auto Upload AI Recognition Image as Transaction Picture": "Auto Upload AI Recognition Image as Transaction Picture",
     "Import Transaction Dialog": "Import Transaction Dialog",
     "Remember Last Selected File Type": "Remember Last Selected File Type",
     "Insights Explorer Page": "Insights Explorer Page",
diff --git a/src/locales/zh_Hans.json b/src/locales/zh_Hans.json
@@ -2355,6 +2355,7 @@
     "Automatically Add Geolocation": "自动添加地理位置",
     "Always Show Transaction Pictures": "总是显示交易图片",
     "Transaction Picture Upload Quality": "交易图片上传质量",
+    "Auto Upload AI Recognition Image as Transaction Picture": "AI识图后自动上传图片作为交易图片",
     "Import Transaction Dialog": "导入交易对话框",
     "Remember Last Selected File Type": "记住上次选择的文件类型",
     "Insights Explorer Page": "洞察探索页面",
diff --git a/src/locales/zh_Hant.json b/src/locales/zh_Hant.json
@@ -2355,6 +2355,7 @@
     "Automatically Add Geolocation": "自動新增地理位置",
     "Always Show Transaction Pictures": "總是顯示交易圖片",
     "Transaction Picture Upload Quality": "交易圖片上傳質量",
+    "Auto Upload AI Recognition Image as Transaction Picture": "AI識圖後自動上傳圖片作為交易圖片",
     "Import Transaction Dialog": "匯入交易對話框",
     "Remember Last Selected File Type": "記住上次選擇的檔案類型",
     "Insights Explorer Page": "洞察探索頁面",
diff --git a/src/stores/setting.ts b/src/stores/setting.ts
@@ -270,6 +270,13 @@ export const useSettingsStore = defineStore('settings', () => {
         updateUserApplicationCloudSettingValue('transactionPictureQuality', value);
     }
 
+    // AI Image Recognition
+    function setAutoUploadTransactionPictureForAIRecognition(value: boolean): void {
+        updateApplicationSettingsValue('autoUploadTransactionPictureForAIRecognition', value);
+        appSettings.value.autoUploadTransactionPictureForAIRecognition = value;
+        updateUserApplicationCloudSettingValue('autoUploadTransactionPictureForAIRecognition', value);
+    }
+
     // Import Transaction Dialog
     function setRememberLastSelectedFileTypeInImportTransactionDialog(value: boolean): void {
         updateApplicationSettingsValue('rememberLastSelectedFileTypeInImportTransactionDialog', value);
@@ -567,6 +574,8 @@ export const useSettingsStore = defineStore('settings', () => {
         setAutoGetCurrentGeoLocation,
         setAlwaysShowTransactionPicturesInMobileTransactionEditPage,
         setTransactionPictureQuality,
+        // -- AI Image Recognition
+        setAutoUploadTransactionPictureForAIRecognition,
         // -- Import Transaction Dialog
         setRememberLastSelectedFileTypeInImportTransactionDialog,
         setLastSelectedFileTypeInImportTransactionDialog,
diff --git a/src/views/base/settings/AppCloudSyncPageBase.ts b/src/views/base/settings/AppCloudSyncPageBase.ts
@@ -61,6 +61,12 @@ export const ALL_APPLICATION_CLOUD_SETTINGS: CategorizedApplicationCloudSettingI
             { settingKey: 'transactionPictureQuality', settingName: 'Transaction Picture Upload Quality', mobile: true, desktop: false }
         ]
     },
+    {
+        categoryName: 'AI Image Recognition',
+        items: [
+            { settingKey: 'autoUploadTransactionPictureForAIRecognition', settingName: 'Auto Upload AI Recognition Image as Transaction Picture', mobile: true, desktop: true }
+        ]
+    },
     {
         categoryName: 'Import Transaction Dialog',
         items: [
diff --git a/src/views/base/settings/AppSettingsPageBase.ts b/src/views/base/settings/AppSettingsPageBase.ts
@@ -143,6 +143,11 @@ export function useAppSettingPageBase() {
         set: (value: number) => settingsStore.setTransactionPictureQuality(value)
     });
 
+    const isAutoUploadTransactionPictureForAIRecognition = computed<boolean>({
+        get: () => settingsStore.appSettings.autoUploadTransactionPictureForAIRecognition,
+        set: (value: boolean) => settingsStore.setAutoUploadTransactionPictureForAIRecognition(value)
+    });
+
     const currencySortByInExchangeRatesPage = computed<number>({
         get: () => settingsStore.appSettings.currencySortByInExchangeRatesPage,
         set: (value: number) => settingsStore.setCurrencySortByInExchangeRatesPage(value)
@@ -269,6 +274,7 @@ export function useAppSettingPageBase() {
         hasAnyTransactionCategory,
         isAutoUpdateExchangeRatesData,
         transactionPictureQuality,
+        isAutoUploadTransactionPictureForAIRecognition,
         showAccountBalance,
         showAmountInHomePage,
         itemsCountInTransactionListPage,
diff --git a/src/views/desktop/app/settings/tabs/AppBasicSettingTab.vue b/src/views/desktop/app/settings/tabs/AppBasicSettingTab.vue
@@ -236,6 +236,28 @@
             </v-card>
         </v-col>
 
+        <v-col cols="12">
+            <v-card :title="tt('AI Image Recognition')">
+                <v-form>
+                    <v-card-text>
+                        <v-row>
+                            <v-col cols="12" md="6">
+                                <v-select
+                                    item-title="displayName"
+                                    item-value="value"
+                                    persistent-placeholder
+                                    :label="tt('Auto Upload AI Recognition Image as Transaction Picture')"
+                                    :placeholder="tt('Auto Upload AI Recognition Image as Transaction Picture')"
+                                    :items="enableDisableOptions"
+                                    v-model="isAutoUploadTransactionPictureForAIRecognition"
+                                />
+                            </v-col>
+                        </v-row>
+                    </v-card-text>
+                </v-form>
+            </v-card>
+        </v-col>
+
         <v-col cols="12">
             <v-card :title="tt('Import Transaction Dialog')">
                 <v-form>
@@ -449,6 +471,7 @@ const {
     autoSaveTransactionDraft,
     isAutoGetCurrentGeoLocation,
     transactionPictureQuality,
+    isAutoUploadTransactionPictureForAIRecognition,
     currencySortByInExchangeRatesPage,
     accountsIncludedInHomePageOverviewDisplayContent,
     accountsIncludedInTotalDisplayContent,
diff --git a/src/views/desktop/transactions/ListPage.vue b/src/views/desktop/transactions/ListPage.vue
diff --git a/src/views/desktop/transactions/list/dialogs/AIImageRecognitionDialog.vue b/src/views/desktop/transactions/list/dialogs/AIImageRecognitionDialog.vue
diff --git a/src/views/desktop/transactions/list/dialogs/EditDialog.vue b/src/views/desktop/transactions/list/dialogs/EditDialog.vue
diff --git a/src/views/mobile/HomePage.vue b/src/views/mobile/HomePage.vue
diff --git a/src/views/mobile/settings/PageSettingsPage.vue b/src/views/mobile/settings/PageSettingsPage.vue
diff --git a/src/views/mobile/transactions/EditPage.vue b/src/views/mobile/transactions/EditPage.vue
