feat(options/llm): group into sections

This commit is contained in:
Elian Doran 2025-03-17 10:40:31 +02:00
parent 2853b8eb61
commit 36a6d75d20
No known key found for this signature in database

View File

@ -63,11 +63,10 @@ export default class AiSettingsWidget extends OptionsWidget {
</label>
<div class="help-text">${t("ai_llm.enable_ai_description")}</div>
</div>
</div>
<hr />
<div class="ai-providers-section">
<h5>${t("ai_llm.provider_configuration")}</h5>
<div class="ai-providers-section options-section">
<h4>${t("ai_llm.provider_configuration")}</h4>
<div class="form-group">
<label>${t("ai_llm.provider_precedence")}</label>
@ -88,8 +87,7 @@ export default class AiSettingsWidget extends OptionsWidget {
</div>
</div>
<hr />
<div class="options-section">
<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>
@ -179,9 +177,10 @@ export default class AiSettingsWidget extends OptionsWidget {
</div>
</div>
</div>
</div>
<div class="embedding-section">
<h5>${t("ai_llm.embedding_configuration")}</h5>
<div class="embedding-section options-section">
<h4>${t("ai_llm.embedding_configuration")}</h4>
<div class="form-group">
<label>${t("ai_llm.embedding_default_provider")}</label>
@ -273,9 +272,10 @@ export default class AiSettingsWidget extends OptionsWidget {
</div>
</div>
</div>
</div>
<div class="form-group">
<label>${t("ai_llm.embedding_statistics")}</label>
<div class="options-section">
<h4>${t("ai_llm.embedding_statistics")}</h4>
<div class="embedding-stats-container">
<div class="embedding-stats">
<div><strong>${t("ai_llm.total_notes")}:</strong> <span class="embedding-total-notes">-</span></div>
@ -300,8 +300,9 @@ export default class AiSettingsWidget extends OptionsWidget {
</div>
<!-- Failed embeddings section -->
<div class="options-section">
<h4>${t("ai_llm.failed_notes")}</h4>
<div class="form-group mt-4">
<label>${t("ai_llm.failed_notes")}</label>
<div class="embedding-failed-notes-container">
<div class="embedding-failed-notes-list">
<div class="alert alert-info">${t("ai_llm.no_failed_embeddings")}</div>
@ -309,7 +310,7 @@ export default class AiSettingsWidget extends OptionsWidget {
</div>
</div>
</div>
</div>`);
`);
const $aiEnabled = this.$widget.find('.ai-enabled');
$aiEnabled.on('change', async () => {