feat(options/llm): use tabs for provider configuration

This commit is contained in:
Elian Doran 2025-03-17 10:28:14 +02:00
parent 1dafa65b3a
commit 2853b8eb61
No known key found for this signature in database

View File

@ -90,6 +90,15 @@ export default class AiSettingsWidget extends OptionsWidget {
<hr /> <hr />
<nav>
<div class="nav nav-tabs" id="nav-tab" role="tablist">
<button class="nav-link active" id="nav-openai-tab" data-bs-toggle="tab" data-bs-target="#nav-openai" type="button" role="tab" aria-controls="nav-openai" aria-selected="true">OpenAI</button>
<button class="nav-link" id="nav-anthropic-tab" data-bs-toggle="tab" data-bs-target="#nav-anthropic" type="button" role="tab" aria-controls="nav-anthropic" aria-selected="false">Anthropic</button>
<button class="nav-link" id="nav-ollama-tab" data-bs-toggle="tab" data-bs-target="#nav-ollama" type="button" role="tab" aria-controls="nav-ollama" aria-selected="false">Ollama</button>
</div>
</nav>
<div class="tab-content" id="nav-tabContent">
<div class="tab-pane fade show active" id="nav-openai" role="tabpanel" aria-labelledby="nav-openai-tab">
<div class="ai-provider"> <div class="ai-provider">
<h5>${t("ai_llm.openai_configuration")}</h5> <h5>${t("ai_llm.openai_configuration")}</h5>
@ -110,9 +119,8 @@ export default class AiSettingsWidget extends OptionsWidget {
<div class="help-text">${t("ai_llm.openai_url_description")}</div> <div class="help-text">${t("ai_llm.openai_url_description")}</div>
</div> </div>
</div> </div>
</div>
<hr /> <div class="tab-pane fade" id="nav-anthropic" role="tabpanel" aria-labelledby="nav-anthropic-tab">
<div class="ai-provider"> <div class="ai-provider">
<h5>${t("ai_llm.anthropic_configuration")}</h5> <h5>${t("ai_llm.anthropic_configuration")}</h5>
@ -133,9 +141,8 @@ export default class AiSettingsWidget extends OptionsWidget {
<div class="help-text">${t("ai_llm.anthropic_url_description")}</div> <div class="help-text">${t("ai_llm.anthropic_url_description")}</div>
</div> </div>
</div> </div>
</div>
<hr /> <div class="tab-pane fade" id="nav-ollama" role="tabpanel" aria-labelledby="nav-ollama-tab">
<div class="ai-provider"> <div class="ai-provider">
<h5>${t("ai_llm.ollama_configuration")}</h5> <h5>${t("ai_llm.ollama_configuration")}</h5>
@ -170,8 +177,8 @@ export default class AiSettingsWidget extends OptionsWidget {
<button class="btn btn-sm btn-outline-secondary refresh-models">${t("ai_llm.refresh_models")}</button> <button class="btn btn-sm btn-outline-secondary refresh-models">${t("ai_llm.refresh_models")}</button>
</div> </div>
</div> </div>
</div>
<hr /> </div>
<div class="embedding-section"> <div class="embedding-section">
<h5>${t("ai_llm.embedding_configuration")}</h5> <h5>${t("ai_llm.embedding_configuration")}</h5>