Enhance Vertex AI model selection by adding data-mode attributes - Updated index.html to include data-mode attributes for model optgroups, distinguishing between express and full modes. - Modified openai.js to show/hide model groups based on the selected authentication mode, improving user experience and functionality.

453c177a8ebeec77ef709b1a5bf1f2e5a8929ac3

InterestingDarkness <computeridiot999@gmail.com>

Parents: 9e71b70f75f8cbebde7d713ad17acf59b1db52fc
2 files changed, +12 -20Ignore whitespace
public/index.html+6 -6
@@ -3310,7 +3310,7 @@
3310 <h4 data-i18n="Google Model">Google Model</h4>3310 <h4 data-i18n="Google Model">Google Model</h4>
3311 <select id="model_vertexai_select">3311 <select id="model_vertexai_select">
3312 <!-- Express Mode Models -->3312 <!-- Express Mode Models -->
3313 <optgroup id="vertexai_express_models" label="Express Mode Models">3313 <optgroup id="vertexai_express_models" label="Express Mode Models" data-mode="express">
3314 <option value="gemini-2.5-pro-preview-05-06">gemini-2.5-pro-preview-05-06</option>3314 <option value="gemini-2.5-pro-preview-05-06">gemini-2.5-pro-preview-05-06</option>
3315 <option value="gemini-2.5-pro-preview-03-25">gemini-2.5-pro-preview-03-25</option>3315 <option value="gemini-2.5-pro-preview-03-25">gemini-2.5-pro-preview-03-25</option>
3316 <option value="gemini-2.5-flash-preview-05-20">gemini-2.5-flash-preview-05-20</option>3316 <option value="gemini-2.5-flash-preview-05-20">gemini-2.5-flash-preview-05-20</option>
@@ -3320,14 +3320,14 @@
3320 </optgroup>3320 </optgroup>
33213321
3322 <!-- Full Version Models -->3322 <!-- Full Version Models -->
3323 <optgroup id="vertexai_full_gemini_25" label="Gemini 2.5" style="display: none;">3323 <optgroup id="vertexai_full_gemini_25" label="Gemini 2.5" data-mode="full" style="display: none;">
3324 <option value="gemini-2.5-pro-preview-05-06">gemini-2.5-pro-preview-05-06</option>3324 <option value="gemini-2.5-pro-preview-05-06">gemini-2.5-pro-preview-05-06</option>
3325 <option value="gemini-2.5-pro-preview-03-25">gemini-2.5-pro-preview-03-25</option>3325 <option value="gemini-2.5-pro-preview-03-25">gemini-2.5-pro-preview-03-25</option>
3326 <option value="gemini-2.5-pro-exp-03-25">gemini-2.5-pro-exp-03-25</option>3326 <option value="gemini-2.5-pro-exp-03-25">gemini-2.5-pro-exp-03-25</option>
3327 <option value="gemini-2.5-flash-preview-05-20">gemini-2.5-flash-preview-05-20</option>3327 <option value="gemini-2.5-flash-preview-05-20">gemini-2.5-flash-preview-05-20</option>
3328 <option value="gemini-2.5-flash-preview-04-17">gemini-2.5-flash-preview-04-17</option>3328 <option value="gemini-2.5-flash-preview-04-17">gemini-2.5-flash-preview-04-17</option>
3329 </optgroup>3329 </optgroup>
3330 <optgroup id="vertexai_full_gemini_20" label="Gemini 2.0" style="display: none;">3330 <optgroup id="vertexai_full_gemini_20" label="Gemini 2.0" data-mode="full" style="display: none;">
3331 <option value="gemini-2.0-pro-exp-02-05">gemini-2.0-pro-exp-02-05 → 2.5-pro-exp-03-25</option>3331 <option value="gemini-2.0-pro-exp-02-05">gemini-2.0-pro-exp-02-05 → 2.5-pro-exp-03-25</option>
3332 <option value="gemini-2.0-pro-exp">gemini-2.0-pro-exp → 2.5-pro-exp-03-25</option>3332 <option value="gemini-2.0-pro-exp">gemini-2.0-pro-exp → 2.5-pro-exp-03-25</option>
3333 <option value="gemini-exp-1206">gemini-exp-1206 → 2.5-pro-exp-03-25</option>3333 <option value="gemini-exp-1206">gemini-exp-1206 → 2.5-pro-exp-03-25</option>
@@ -3342,7 +3342,7 @@
3342 <option value="gemini-2.0-flash-lite-preview-02-05">gemini-2.0-flash-lite-preview-02-05</option>3342 <option value="gemini-2.0-flash-lite-preview-02-05">gemini-2.0-flash-lite-preview-02-05</option>
3343 <option value="gemini-2.0-flash-lite-preview">gemini-2.0-flash-lite-preview</option>3343 <option value="gemini-2.0-flash-lite-preview">gemini-2.0-flash-lite-preview</option>
3344 </optgroup>3344 </optgroup>
3345 <optgroup id="vertexai_full_gemini_15" label="Gemini 1.5" style="display: none;">3345 <optgroup id="vertexai_full_gemini_15" label="Gemini 1.5" data-mode="full" style="display: none;">
3346 <option value="gemini-1.5-pro-latest">gemini-1.5-pro-latest</option>3346 <option value="gemini-1.5-pro-latest">gemini-1.5-pro-latest</option>
3347 <option value="gemini-1.5-pro-002">gemini-1.5-pro-002</option>3347 <option value="gemini-1.5-pro-002">gemini-1.5-pro-002</option>
3348 <option value="gemini-1.5-pro-001">gemini-1.5-pro-001</option>3348 <option value="gemini-1.5-pro-001">gemini-1.5-pro-001</option>
@@ -3356,13 +3356,13 @@
3356 <option value="gemini-1.5-flash-8b-exp-0827">gemini-1.5-flash-8b-exp-0827</option>3356 <option value="gemini-1.5-flash-8b-exp-0827">gemini-1.5-flash-8b-exp-0827</option>
3357 <option value="gemini-1.5-flash-8b">gemini-1.5-flash-8b</option>3357 <option value="gemini-1.5-flash-8b">gemini-1.5-flash-8b</option>
3358 </optgroup>3358 </optgroup>
3359 <optgroup id="vertexai_full_gemma" label="Gemma" style="display: none;">3359 <optgroup id="vertexai_full_gemma" label="Gemma" data-mode="full" style="display: none;">
3360 <option value="gemma-3-27b-it">gemma-3-27b-it</option>3360 <option value="gemma-3-27b-it">gemma-3-27b-it</option>
3361 <option value="gemma-3-12b-it">gemma-3-12b-it</option>3361 <option value="gemma-3-12b-it">gemma-3-12b-it</option>
3362 <option value="gemma-3-4b-it">gemma-3-4b-it</option>3362 <option value="gemma-3-4b-it">gemma-3-4b-it</option>
3363 <option value="gemma-3-1b-it">gemma-3-1b-it</option>3363 <option value="gemma-3-1b-it">gemma-3-1b-it</option>
3364 </optgroup>3364 </optgroup>
3365 <optgroup id="vertexai_full_learnlm" label="LearnLM" style="display: none;">3365 <optgroup id="vertexai_full_learnlm" label="LearnLM" data-mode="full" style="display: none;">
3366 <option value="learnlm-2.0-flash-experimental">learnlm-2.0-flash-experimental</option>3366 <option value="learnlm-2.0-flash-experimental">learnlm-2.0-flash-experimental</option>
3367 <option value="learnlm-1.5-pro-experimental">learnlm-1.5-pro-experimental</option>3367 <option value="learnlm-1.5-pro-experimental">learnlm-1.5-pro-experimental</option>
3368 </optgroup>3368 </optgroup>
public/scripts/openai.js+6 -14
@@ -5538,23 +5538,15 @@ function onVertexAIAuthModeChange() {
5538 if (authMode === 'express') {5538 if (authMode === 'express') {
5539 $('#vertexai_express_config').show();5539 $('#vertexai_express_config').show();
5540 $('#vertexai_full_config').hide();5540 $('#vertexai_full_config').hide();
5541 $('#vertexai_express_models').show();5541 // Show express mode model groups and hide full version model groups
5542 // Hide all full version model groups5542 $('#model_vertexai_select optgroup[data-mode="express"]').show();
5543 $('#vertexai_full_gemini_25').hide();5543 $('#model_vertexai_select optgroup[data-mode="full"]').hide();
5544 $('#vertexai_full_gemini_20').hide();
5545 $('#vertexai_full_gemini_15').hide();
5546 $('#vertexai_full_gemma').hide();
5547 $('#vertexai_full_learnlm').hide();
5548 } else {5544 } else {
5549 $('#vertexai_express_config').hide();5545 $('#vertexai_express_config').hide();
5550 $('#vertexai_full_config').show();5546 $('#vertexai_full_config').show();
5551 $('#vertexai_express_models').hide();5547 // Hide express mode model groups and show full version model groups
5552 // Show all full version model groups5548 $('#model_vertexai_select optgroup[data-mode="express"]').hide();
5553 $('#vertexai_full_gemini_25').show();5549 $('#model_vertexai_select optgroup[data-mode="full"]').show();
5554 $('#vertexai_full_gemini_20').show();
5555 $('#vertexai_full_gemini_15').show();
5556 $('#vertexai_full_gemma').show();
5557 $('#vertexai_full_learnlm').show();
5558 }5550 }
55595551
5560 saveSettingsDebounced();5552 saveSettingsDebounced();