From 036b8ea32001f63eb82a9f30fb5c7d6e085bef40 Mon Sep 17 00:00:00 2001
From: syuilo <4439005+syuilo@users.noreply.github.com>
Date: Mon, 27 Apr 2026 14:46:57 +0900
Subject: [PATCH] wip

---
 locales/ja-JP.yml                           |  3 +++
 packages/frontend/src/components/MkMenu.vue |  8 ++++++--
 packages/frontend/src/pages/room.vue        | 18 +++++++++---------
 packages/frontend/src/types/menu.ts         |  5 +++--
 packages/i18n/src/autogen/locale.ts         | 12 ++++++++++++
 5 files changed, 33 insertions(+), 13 deletions(-)

diff --git a/locales/ja-JP.yml b/locales/ja-JP.yml
index de4739e102..5b3c9463f5 100644
--- a/locales/ja-JP.yml
+++ b/locales/ja-JP.yml
@@ -3559,3 +3559,6 @@ _room:
   gridScale: "グリッドサイズ"
   thereAreUnsavedChanges: "未保存の変更があります"
   revertAllChangesConfirmation: "全ての変更を取り消し、部屋を最後に保存した状態まで戻しますか？"
+  graphicsQuality: "グラフィックの品質"
+  frameRate: "フレームレート"
+  resolution: "解像度"
diff --git a/packages/frontend/src/components/MkMenu.vue b/packages/frontend/src/components/MkMenu.vue
index bbe0c1c4df..6ebb33fb6b 100644
--- a/packages/frontend/src/components/MkMenu.vue
+++ b/packages/frontend/src/components/MkMenu.vue
@@ -234,7 +234,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 
 <script lang="ts">
 import { computed, defineAsyncComponent, inject, nextTick, onBeforeUnmount, onMounted, ref, useTemplateRef, unref, watch, shallowRef, reactive, isRef } from 'vue';
-import type { MenuItem, InnerMenuItem, MenuPending, MenuAction, MenuSwitch, MenuRadio, MenuRadioOption, MenuParent } from '@/types/menu.js';
+import type { MenuItem, InnerMenuItem, MenuPending, MenuAction, MenuSwitch, MenuRadio, MenuRadioOption, MenuParent, MenuDivider } from '@/types/menu.js';
 import type { Keymap } from '@/utility/hotkey.js';
 import MkSwitchButton from '@/components/MkSwitch.button.vue';
 import * as os from '@/os.js';
@@ -339,7 +339,11 @@ function onItemMouseLeave() {
 }
 
 async function showRadioOptions(item: MenuRadio, ev: MouseEvent | PointerEvent | KeyboardEvent) {
-	const children: MenuItem[] = item.options.map<MenuRadioOption>(def => {
+	const children: MenuItem[] = item.options.map<MenuRadioOption | MenuDivider>(def => {
+		if (def.type === 'divider') {
+			return { type: 'divider' };
+		}
+
 		return {
 			type: 'radioOption',
 			text: def.label,
diff --git a/packages/frontend/src/pages/room.vue b/packages/frontend/src/pages/room.vue
index b192f47396..c000b089ed 100644
--- a/packages/frontend/src/pages/room.vue
+++ b/packages/frontend/src/pages/room.vue
@@ -474,12 +474,12 @@ function impor() {
 function showOtherMenu(ev: PointerEvent) {
 	os.popupMenu([{
 		type: 'radio',
-		text: 'Graphics quality',
+		text: i18n.ts._room.graphicsQuality,
 		caption: graphicsQualityRaw.value == null ? i18n.ts.auto : graphicsQualityRaw.value === GRAPHICS_QUALITY_HIGH ? 'High' : graphicsQualityRaw.value === GRAPHICS_QUALITY_MEDIUM ? 'Medium' : 'Low',
 		options: [{
-			label: `Auto (${graphicsQualityAutoValue.value === GRAPHICS_QUALITY_HIGH ? 'High' : graphicsQualityAutoValue.value === GRAPHICS_QUALITY_MEDIUM ? 'Medium' : 'Low'})`,
+			label: `${i18n.ts.auto} (${graphicsQualityAutoValue.value === GRAPHICS_QUALITY_HIGH ? 'High' : graphicsQualityAutoValue.value === GRAPHICS_QUALITY_MEDIUM ? 'Medium' : 'Low'})`,
 			value: null,
-		}, {
+		}, { type: 'divider' }, {
 			label: 'High',
 			value: GRAPHICS_QUALITY_HIGH,
 		}, {
@@ -492,12 +492,12 @@ function showOtherMenu(ev: PointerEvent) {
 		ref: graphicsQualityRaw,
 	}, {
 		type: 'radio',
-		text: 'Framerate',
+		text: i18n.ts._room.frameRate,
 		caption: fpsRaw.value == null ? i18n.ts.auto : fpsRaw.value === 'max' ? 'Max' : `~${fpsRaw.value}fps`,
 		options: [{
-			label: `Auto (${fpsAutoValue.value}fps)`,
+			label: `${i18n.ts.auto} (${fpsAutoValue.value}fps)`,
 			value: null,
-		}, {
+		}, { type: 'divider' }, {
 			label: 'Max',
 			value: 'max',
 		}, {
@@ -513,12 +513,12 @@ function showOtherMenu(ev: PointerEvent) {
 		ref: fpsRaw,
 	}, {
 		type: 'radio',
-		text: 'Resolution',
+		text: i18n.ts._room.resolution,
 		caption: resolutionRaw.value == null ? i18n.ts.auto : resolutionRaw.value + 'x',
 		options: [{
-			label: `Auto (${resolutionAutoValue.value}x)`,
+			label: `${i18n.ts.auto} (${resolutionAutoValue.value}x)`,
 			value: null,
-		}, {
+		}, { type: 'divider' }, {
 			label: '2x',
 			value: 2,
 		}, {
diff --git a/packages/frontend/src/types/menu.ts b/packages/frontend/src/types/menu.ts
index 1c037d80d7..5c88bc676e 100644
--- a/packages/frontend/src/types/menu.ts
+++ b/packages/frontend/src/types/menu.ts
@@ -78,10 +78,11 @@ export interface MenuSwitch extends TextMenuBase {
 export interface MenuRadio extends TextMenuBase {
 	type: 'radio';
 	ref: Ref<OptionValue>;
-	options: {
+	options: ({
+		type?: 'option';
 		label: string;
 		value: OptionValue;
-	}[];
+	} | MenuDivider)[];
 	disabled?: boolean | Ref<boolean>;
 }
 
diff --git a/packages/i18n/src/autogen/locale.ts b/packages/i18n/src/autogen/locale.ts
index 38e9fe86ac..a3d10575b3 100644
--- a/packages/i18n/src/autogen/locale.ts
+++ b/packages/i18n/src/autogen/locale.ts
@@ -13279,5 +13279,17 @@ export interface Locale extends ILocale {
          * 全ての変更を取り消し、部屋を最後に保存した状態まで戻しますか？
          */
         "revertAllChangesConfirmation": string;
+        /**
+         * グラフィックの品質
+         */
+        "graphicsQuality": string;
+        /**
+         * フレームレート
+         */
+        "frameRate": string;
+        /**
+         * 解像度
+         */
+        "resolution": string;
     };
 }