From dad093c6f80a23689a161b78c8eeaea046897f75 Mon Sep 17 00:00:00 2001
From: syuilo <4439005+syuilo@users.noreply.github.com>
Date: Sun, 26 Jul 2026 09:49:00 +0900
Subject: [PATCH] wip

---
 locales/ja-JP.yml                            |  3 +++
 packages/frontend/src/components/MkMenu.vue  |  1 +
 packages/frontend/src/preferences/utility.ts | 28 ++++++++++++--------
 packages/i18n/src/autogen/locale.ts          | 12 +++++++++
 4 files changed, 33 insertions(+), 11 deletions(-)

diff --git a/locales/ja-JP.yml b/locales/ja-JP.yml
index 3970d1bbcd..fe568f35f1 100644
--- a/locales/ja-JP.yml
+++ b/locales/ja-JP.yml
@@ -1592,7 +1592,9 @@ _preferencesProfile:
   useSyncBetweenDevicesOptionIfYouWantToSyncSetting: "複数のデバイスで同期したい設定項目が存在する場合は、個別に「複数のデバイスで同期」オプションを有効にしてください。"
 
 _preferencesBackup:
+  backupAndSync: "バックアップと同期"
   autoBackup: "自動バックアップ"
+  autoBackup_description: "設定を自動でサーバーに保存し、いつでも復元できるようにします"
   restoreFromBackup: "バックアップから復元"
   noBackupsFoundTitle: "バックアップが見つかりませんでした"
   noBackupsFoundDescription: "自動で作成されたバックアップは見つかりませんでしたが、バックアップファイルを手動で保存している場合、それをインポートして復元することはできます。"
@@ -1602,6 +1604,7 @@ _preferencesBackup:
   backupFound: "設定のバックアップが見つかりました"
   forceBackup: "今すぐバックアップ"
   autoSync: "デバイス間同期"
+  autoSync_description: "サーバーに保存された設定を自動で取得し、別のデバイスでの変更と同期できるようにします"
   forceSync: "今すぐ同期"
 
 _accountSettings:
diff --git a/packages/frontend/src/components/MkMenu.vue b/packages/frontend/src/components/MkMenu.vue
index bbe0c1c4df..055fbba992 100644
--- a/packages/frontend/src/components/MkMenu.vue
+++ b/packages/frontend/src/components/MkMenu.vue
@@ -629,6 +629,7 @@ function guardMouseMove(ev: MouseEvent) {
 	box-sizing: border-box;
 	max-width: 100vw;
 	min-width: 200px;
+	width: max-content;
 	overflow: auto;
 	overscroll-behavior: contain;
 
diff --git a/packages/frontend/src/preferences/utility.ts b/packages/frontend/src/preferences/utility.ts
index ab6e0be04f..d697283c5a 100644
--- a/packages/frontend/src/preferences/utility.ts
+++ b/packages/frontend/src/preferences/utility.ts
@@ -63,17 +63,23 @@ export function getPreferencesProfileMenu(): MenuItem[] {
 			renameProfile();
 		},
 	}, {
-		type: 'switch',
-		icon: 'ti ti-cloud-up',
-		text: i18n.ts._preferencesBackup.autoBackup,
-		caption: i18n.ts.latestBackupAt + ': ' + (store.s.latestPreferencesBackupAt ? new Date(store.s.latestPreferencesBackupAt).toLocaleString() : '-'),
-		ref: autoBackupEnabled,
-	}, {
-		type: 'switch',
-		icon: 'ti ti-cloud-down',
-		text: i18n.ts._preferencesBackup.autoSync,
-		caption: i18n.ts.latestSyncAt + ': ' + (store.s.latestPreferencesSyncAt ? new Date(store.s.latestPreferencesSyncAt).toLocaleString() : '-'),
-		ref: autoSyncEnabled,
+		type: 'parent',
+		text: i18n.ts._preferencesBackup.backupAndSync,
+		caption: i18n.ts.latestBackupAt + ': ' + (store.s.latestPreferencesBackupAt !== 0 ? new Date(store.s.latestPreferencesBackupAt).toLocaleString() : '-'),
+		icon: 'ti ti-cloud',
+		children: [{
+			type: 'switch',
+			icon: 'ti ti-cloud-up',
+			text: i18n.ts._preferencesBackup.autoBackup,
+			caption: i18n.ts._preferencesBackup.autoBackup_description,
+			ref: autoBackupEnabled,
+		}, {
+			type: 'switch',
+			icon: 'ti ti-cloud-down',
+			text: i18n.ts._preferencesBackup.autoSync,
+			caption: i18n.ts._preferencesBackup.autoSync_description,
+			ref: autoSyncEnabled,
+		}],
 	}, {
 		text: i18n.ts.export,
 		icon: 'ti ti-download',
diff --git a/packages/i18n/src/autogen/locale.ts b/packages/i18n/src/autogen/locale.ts
index c1aa6460de..c1a5c90d91 100644
--- a/packages/i18n/src/autogen/locale.ts
+++ b/packages/i18n/src/autogen/locale.ts
@@ -6315,10 +6315,18 @@ export interface Locale extends ILocale {
         "useSyncBetweenDevicesOptionIfYouWantToSyncSetting": string;
     };
     "_preferencesBackup": {
+        /**
+         * バックアップと同期
+         */
+        "backupAndSync": string;
         /**
          * 自動バックアップ
          */
         "autoBackup": string;
+        /**
+         * 設定を自動でサーバーに保存し、いつでも復元できるようにします
+         */
+        "autoBackup_description": string;
         /**
          * バックアップから復元
          */
@@ -6355,6 +6363,10 @@ export interface Locale extends ILocale {
          * デバイス間同期
          */
         "autoSync": string;
+        /**
+         * サーバーに保存された設定を自動で取得し、別のデバイスでの変更と同期できるようにします
+         */
+        "autoSync_description": string;
         /**
          * 今すぐ同期
          */