From a0dda44ff952069b8382d01506b4baaeddbe628c Mon Sep 17 00:00:00 2001
From: Cohee <18619528+Cohee1207@users.noreply.github.com>
Date: Wed, 28 May 2025 20:37:34 +0300
Subject: [PATCH] Fix model options hiding on Chrome

---
 public/index.html        | 12 ++++++------
 public/scripts/openai.js | 19 +++++--------------
 2 files changed, 11 insertions(+), 20 deletions(-)

diff --git a/public/index.html b/public/index.html
index f4eed7b28..d13dd79fb 100644
--- a/public/index.html
+++ b/public/index.html
@@ -3237,7 +3237,7 @@
                             </div>
 
                             <!-- Express Mode Configuration -->
-                            <div id="vertexai_express_config" class="vertexai-auth-section">
+                            <div id="vertexai_express_config" class="vertexai-auth-section" data-mode="express">
                                 <h4>
                                     <span data-i18n="Google Vertex AI API Key">
                                         Google Vertex AI API Key
@@ -3256,7 +3256,7 @@
                             </div>
 
                             <!-- Full Version Configuration -->
-                            <div id="vertexai_full_config" class="vertexai-auth-section" style="display: none;">
+                            <div id="vertexai_full_config" class="vertexai-auth-section" data-mode="full">
                                 <h4>
                                     <span data-i18n="Service Account Configuration">
                                         Service Account Configuration
@@ -3293,8 +3293,8 @@
                                         Paste the complete JSON content of your Google Cloud Service Account key file. The content will be stored securely.
                                     </div>
                                     <div class="flex-container">
-                                        <button type="button" id="vertexai_validate_service_account" class="menu_button" data-i18n="Validate JSON">Validate JSON</button>
-                                        <button type="button" id="vertexai_clear_service_account" class="menu_button" data-i18n="Clear">Clear</button>
+                                        <button type="button" id="vertexai_validate_service_account" class="menu_button menu_button_icon" data-i18n="Validate JSON">Validate JSON</button>
+                                        <button type="button" id="vertexai_clear_service_account" class="menu_button menu_button_icon" data-i18n="Clear">Clear</button>
                                     </div>
                                     <div id="vertexai_service_account_status" class="info-block" style="display: none;">
                                         <span id="vertexai_service_account_info"></span>
@@ -3317,14 +3317,14 @@
                                     </optgroup>
 
                                     <!-- Full Version Models -->
-                                    <optgroup id="vertexai_full_gemini_25" label="Gemini 2.5" data-mode="full" style="display: none;">
+                                    <optgroup id="vertexai_full_gemini_25" label="Gemini 2.5" data-mode="full">
                                         <option value="gemini-2.5-pro-preview-05-06">gemini-2.5-pro-preview-05-06</option>
                                         <option value="gemini-2.5-pro-preview-03-25">gemini-2.5-pro-preview-03-25</option>
                                         <option value="gemini-2.5-pro-exp-03-25">gemini-2.5-pro-exp-03-25</option>
                                         <option value="gemini-2.5-flash-preview-05-20">gemini-2.5-flash-preview-05-20</option>
                                         <option value="gemini-2.5-flash-preview-04-17">gemini-2.5-flash-preview-04-17</option>
                                     </optgroup>
-                                    <optgroup id="vertexai_full_gemini_20" label="Gemini 2.0" data-mode="full" style="display: none;">
+                                    <optgroup id="vertexai_full_gemini_20" label="Gemini 2.0" data-mode="full">
                                         <option value="gemini-2.0-flash-001">gemini-2.0-flash-001</option>
                                         <option value="gemini-2.0-flash-exp">gemini-2.0-flash-exp</option>
                                         <option value="gemini-2.0-flash-preview-image-generation">gemini-2.0-flash-preview-image-generation</option>
diff --git a/public/scripts/openai.js b/public/scripts/openai.js
index 23fbdeadd..4281494a6 100644
--- a/public/scripts/openai.js
+++ b/public/scripts/openai.js
@@ -5521,20 +5521,11 @@ function onVertexAIAuthModeChange() {
     const authMode = String($(this).val());
     oai_settings.vertexai_auth_mode = authMode;
 
-    // Show/hide appropriate configuration sections
-    if (authMode === 'express') {
-        $('#vertexai_express_config').show();
-        $('#vertexai_full_config').hide();
-        // Show express mode model groups and hide full version model groups
-        $('#model_vertexai_select optgroup[data-mode="express"]').show();
-        $('#model_vertexai_select optgroup[data-mode="full"]').hide();
-    } else {
-        $('#vertexai_express_config').hide();
-        $('#vertexai_full_config').show();
-        // Hide express mode model groups and show full version model groups
-        $('#model_vertexai_select optgroup[data-mode="express"]').hide();
-        $('#model_vertexai_select optgroup[data-mode="full"]').show();
-    }
+    $('#vertexai_form [data-mode]').each(function () {
+        const mode = $(this).data('mode');
+        $(this).toggle(mode === authMode);
+        $(this).find('option').toggle(mode === authMode);
+    });
 
     saveSettingsDebounced();
 }