From e1125ae241660a6ec6e516f09f885f41c8f0a8de Mon Sep 17 00:00:00 2001
From: Sakamoto Shiina <68018796+ShiinaSakamoto@users.noreply.github.com>
Date: Wed, 19 Nov 2025 08:31:07 +0900
Subject: [PATCH] [Update] UI: Add new translation engines and adjust UI styles
 for better layout.

---
 src-ui/logics/ui_configs.js                           | 11 ++++++++---
 .../TranslatorSelector.module.scss                    |  4 ++--
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/src-ui/logics/ui_configs.js b/src-ui/logics/ui_configs.js
index 191693c8..8d1d4487 100644
--- a/src-ui/logics/ui_configs.js
+++ b/src-ui/logics/ui_configs.js
@@ -101,12 +101,17 @@ export const getPluginsList = () => {
 if (IS_PLUGIN_PATH_DEV_MODE || IS_PLUGIN_LIST_URL_DEV_MODE) console.warn("ui_configs IS_PLUGIN_PATH_DEV_MODE or IS_PLUGIN_LIST_URL_DEV_MODE is true. Turn to 'false' when it's production environment.");
 
 export const translator_status = [
-    { id: "DeepL", label: "DeepL", is_available: false },
-    { id: "DeepL_API", label: `DeepL API`, is_available: false },
+    { id: "CTranslate2", label: `AI\nCTranslate2`, is_available: false, is_default: true },
     { id: "Google", label: "Google", is_available: false },
     { id: "Bing", label: "Bing", is_available: false },
     { id: "Papago", label: "Papago", is_available: false },
-    { id: "CTranslate2", label: `AI\nCTranslate2`, is_available: false, is_default: true },
+    { id: "DeepL", label: "DeepL", is_available: false },
+    { id: "DeepL_API", label: `DeepL API`, is_available: false },
+    { id: "Plamo_API", label: `Plamo API`, is_available: false },
+    { id: "Gemini_API", label: `Gemini API`, is_available: false },
+    { id: "OpenAI_API", label: `OpenAI API`, is_available: false },
+    { id: "LMStudio", label: `LMStudio`, is_available: false },
+    { id: "Ollama", label: `Ollama`, is_available: false },
 ];
 
 export const ctranslate2_weight_type_status = [
diff --git a/src-ui/views/app/main_page/sidebar_section/language_settings/translator_selector_open_button/translator_selector/TranslatorSelector.module.scss b/src-ui/views/app/main_page/sidebar_section/language_settings/translator_selector_open_button/translator_selector/TranslatorSelector.module.scss
index b73fef4c..50bc5d8d 100644
--- a/src-ui/views/app/main_page/sidebar_section/language_settings/translator_selector_open_button/translator_selector/TranslatorSelector.module.scss
+++ b/src-ui/views/app/main_page/sidebar_section/language_settings/translator_selector_open_button/translator_selector/TranslatorSelector.module.scss
@@ -8,6 +8,7 @@
     display: flex;
     justify-content: center;
     align-items: center;
+    overflow-y: auto;
 }
 
 .relative_container {
@@ -17,8 +18,7 @@
 }
 
 .wrapper {
-    width: 100%;
-    height: 100%;
+    padding: 2rem 0;
     display: flex;
     flex-direction: column;
     justify-content: center;