feat: 增强知识库索引与设置页面模块化拆分

扩展知识库索引任务和 RAG 检索支持增量入库和文档去重，优
化本体检测和规则匹配精度，前端设置页面拆分为 LLM、邮件
和 Hermes 员工同步子面板并重构样式，新增日志详情组件和
知识入库日志模型，补充单元测试覆盖。

web/src/views/LlmSettingsPanel.vue

@@ -0,0 +1,309 @@
+<template>
+  <div class="model-grid">
+    <!-- 主模型配置 -->
+    <section class="settings-card">
+      <div class="card-head">
+        <div class="card-title-with-icon">
+          <div class="model-icon-box purple">
+            <i class="mdi mdi-brain"></i>
+          </div>
+          <div>
+            <h4>主模型配置</h4>
+            <p>用于 AI 助手和主业务排队调度的默认模型接入。</p>
+          </div>
+        </div>
+        <div class="card-head-actions">
+          <button
+            class="test-button"
+            type="button"
+            :disabled="isModelTesting('main')"
+            @click="testModelConnection('main')"
+          >
+            <i :class="isModelTesting('main') ? 'mdi mdi-loading mdi-spin' : 'mdi mdi-connection'"></i>
+            <span>{{ isModelTesting('main') ? '测试中...' : '测试模型' }}</span>
+          </button>
+        </div>
+      </div>
+
+      <div class="form-grid">
+        <label class="field">
+          <span><em>*</em> 供应商</span>
+          <select v-model="llmForm.mainProvider" @change="applyProviderPreset('main')">
+            <option v-for="option in providerOptions" :key="option" :value="option">{{ option }}</option>
+          </select>
+        </label>
+
+        <label class="field">
+          <span><em>*</em> 模型名称</span>
+          <input v-model="llmForm.mainModel" type="text" placeholder="请输入主模型名称" />
+        </label>
+
+        <label class="field field-full">
+          <span><em>*</em> 接口地址</span>
+          <input v-model="llmForm.mainEndpoint" type="text" placeholder="请输入模型接口地址" />
+        </label>
+
+        <label class="field field-full">
+          <span>API Key</span>
+          <input
+            v-model="llmForm.mainApiKey"
+            type="password"
+            autocomplete="off"
+            @focus="clearModelSecretMask('main')"
+            :placeholder="llmForm.mainApiKeyConfigured ? '已配置，如需修改请重新输入' : '保存后不会保留在草稿中'"
+          />
+          <small v-if="llmForm.mainApiKeyConfigured" class="secret-bound-state">
+            <i class="mdi mdi-database-lock"></i>
+            <span>已从数据库加密加载，测试会使用已保存密钥。</span>
+          </small>
+        </label>
+      </div>
+
+      <div v-if="getModelTestState('main').message" class="test-feedback" :class="`is-${getModelTestState('main').status}`">
+        <i
+          :class="
+            getModelTestState('main').status === 'success'
+              ? 'mdi mdi-check-circle'
+              : getModelTestState('main').status === 'testing'
+                ? 'mdi mdi-loading mdi-spin'
+                : 'mdi mdi-alert-circle'
+          "
+        ></i>
+        <span>{{ getModelTestState('main').message }}</span>
+      </div>
+    </section>
+
+    <!-- 备份模型配置 -->
+    <section class="settings-card">
+      <div class="card-head">
+        <div class="card-title-with-icon">
+          <div class="model-icon-box orange">
+            <i class="mdi mdi-lifebuoy"></i>
+          </div>
+          <div>
+            <h4>备份模型配置</h4>
+            <p>主模型不可用或限频时用于兜底切换的备用模型接入。</p>
+          </div>
+        </div>
+        <div class="card-head-actions">
+          <button
+            class="test-button"
+            type="button"
+            :disabled="isModelTesting('backup')"
+            @click="testModelConnection('backup')"
+          >
+            <i :class="isModelTesting('backup') ? 'mdi mdi-loading mdi-spin' : 'mdi mdi-connection'"></i>
+            <span>{{ isModelTesting('backup') ? '测试中...' : '测试模型' }}</span>
+          </button>
+        </div>
+      </div>
+
+      <div class="form-grid">
+        <label class="field">
+          <span><em>*</em> 供应商</span>
+          <select v-model="llmForm.backupProvider" @change="applyProviderPreset('backup')">
+            <option v-for="option in providerOptions" :key="option" :value="option">{{ option }}</option>
+          </select>
+        </label>
+
+        <label class="field">
+          <span><em>*</em> 模型名称</span>
+          <input v-model="llmForm.backupModel" type="text" placeholder="请输入备份模型名称" />
+        </label>
+
+        <label class="field field-full">
+          <span><em>*</em> 接口地址</span>
+          <input v-model="llmForm.backupEndpoint" type="text" placeholder="请输入模型接口地址" />
+        </label>
+
+        <label class="field field-full">
+          <span>API Key</span>
+          <input
+            v-model="llmForm.backupApiKey"
+            type="password"
+            autocomplete="off"
+            @focus="clearModelSecretMask('backup')"
+            :placeholder="llmForm.backupApiKeyConfigured ? '已配置，如需修改请重新输入' : '保存后不会保留在草稿中'"
+          />
+          <small v-if="llmForm.backupApiKeyConfigured" class="secret-bound-state">
+            <i class="mdi mdi-database-lock"></i>
+            <span>已从数据库加密加载，测试会使用已保存密钥。</span>
+          </small>
+        </label>
+      </div>
+
+      <div v-if="getModelTestState('backup').message" class="test-feedback" :class="`is-${getModelTestState('backup').status}`">
+        <i
+          :class="
+            getModelTestState('backup').status === 'success'
+              ? 'mdi mdi-check-circle'
+              : getModelTestState('backup').status === 'testing'
+                ? 'mdi mdi-loading mdi-spin'
+                : 'mdi mdi-alert-circle'
+          "
+        ></i>
+        <span>{{ getModelTestState('backup').message }}</span>
+      </div>
+    </section>
+
+    <!-- Embedding 模型配置 -->
+    <section class="settings-card">
+      <div class="card-head">
+        <div class="card-title-with-icon">
+          <div class="model-icon-box cyan">
+            <i class="mdi mdi-vector-combine"></i>
+          </div>
+          <div>
+            <h4>Embedding 模型配置</h4>
+            <p>用于向量检索、知识库召回和语义匹配的嵌入模型设置。</p>
+          </div>
+        </div>
+        <div class="card-head-actions">
+          <button
+            class="test-button"
+            type="button"
+            :disabled="isModelTesting('embedding')"
+            @click="testModelConnection('embedding')"
+          >
+            <i :class="isModelTesting('embedding') ? 'mdi mdi-loading mdi-spin' : 'mdi mdi-connection'"></i>
+            <span>{{ isModelTesting('embedding') ? '测试中...' : '测试模型' }}</span>
+          </button>
+        </div>
+      </div>
+
+      <div class="form-grid">
+        <label class="field">
+          <span><em>*</em> 供应商</span>
+          <select v-model="llmForm.embeddingProvider" @change="applyProviderPreset('embedding')">
+            <option v-for="option in providerOptions" :key="option" :value="option">{{ option }}</option>
+          </select>
+        </label>
+
+        <label class="field">
+          <span><em>*</em> 模型名称</span>
+          <input v-model="llmForm.embeddingModel" type="text" placeholder="请输入 Embedding 模型名称" />
+        </label>
+
+        <label class="field field-full">
+          <span><em>*</em> 接口地址</span>
+          <input v-model="llmForm.embeddingEndpoint" type="text" placeholder="请输入模型接口地址" />
+        </label>
+
+        <label class="field field-full">
+          <span>API Key</span>
+          <input
+            v-model="llmForm.embeddingApiKey"
+            type="password"
+            autocomplete="off"
+            @focus="clearModelSecretMask('embedding')"
+            :placeholder="llmForm.embeddingApiKeyConfigured ? '已配置，如需修改请重新输入' : '保存后不会保留在草稿中'"
+          />
+          <small v-if="llmForm.embeddingApiKeyConfigured" class="secret-bound-state">
+            <i class="mdi mdi-database-lock"></i>
+            <span>已从数据库加密加载，测试会使用已保存密钥。</span>
+          </small>
+        </label>
+      </div>
+
+      <div
+        v-if="getModelTestState('embedding').message"
+        class="test-feedback"
+        :class="`is-${getModelTestState('embedding').status}`"
+      >
+        <i
+          :class="
+            getModelTestState('embedding').status === 'success'
+              ? 'mdi mdi-check-circle'
+              : getModelTestState('embedding').status === 'testing'
+                ? 'mdi mdi-loading mdi-spin'
+                : 'mdi mdi-alert-circle'
+          "
+        ></i>
+        <span>{{ getModelTestState('embedding').message }}</span>
+      </div>
+    </section>
+
+    <!-- Reranker 模型配置 -->
+    <section class="settings-card">
+      <div class="card-head">
+        <div class="card-title-with-icon">
+          <div class="model-icon-box teal">
+            <i class="mdi mdi-filter-variant"></i>
+          </div>
+          <div>
+            <h4>Reranker 模型配置</h4>
+            <p>用于检索结果重排和语义精排的 Reranker 模型设置。</p>
+          </div>
+        </div>
+        <div class="card-head-actions">
+          <button
+            class="test-button"
+            type="button"
+            :disabled="isModelTesting('reranker')"
+            @click="testModelConnection('reranker')"
+          >
+            <i :class="isModelTesting('reranker') ? 'mdi mdi-loading mdi-spin' : 'mdi mdi-connection'"></i>
+            <span>{{ isModelTesting('reranker') ? '测试中...' : '测试模型' }}</span>
+          </button>
+        </div>
+      </div>
+
+      <div class="form-grid">
+        <label class="field">
+          <span><em>*</em> 供应商</span>
+          <select v-model="llmForm.rerankerProvider" @change="applyProviderPreset('reranker')">
+            <option v-for="option in providerOptions" :key="option" :value="option">{{ option }}</option>
+          </select>
+        </label>
+
+        <label class="field">
+          <span><em>*</em> 模型名称</span>
+          <input v-model="llmForm.rerankerModel" type="text" placeholder="请输入 Reranker 模型名称" />
+        </label>
+
+        <label class="field field-full">
+          <span><em>*</em> 接口地址</span>
+          <input v-model="llmForm.rerankerEndpoint" type="text" placeholder="请输入模型接口地址" />
+        </label>
+
+        <label class="field field-full">
+          <span>API Key</span>
+          <input
+            v-model="llmForm.rerankerApiKey"
+            type="password"
+            autocomplete="off"
+            @focus="clearModelSecretMask('reranker')"
+            :placeholder="llmForm.rerankerApiKeyConfigured ? '已配置，如需修改请重新输入' : '保存后不会保留在草稿中'"
+          />
+          <small v-if="llmForm.rerankerApiKeyConfigured" class="secret-bound-state">
+            <i class="mdi mdi-database-lock"></i>
+            <span>已从数据库加密加载，测试会使用已保存密钥。</span>
+          </small>
+        </label>
+      </div>
+
+      <div
+        v-if="getModelTestState('reranker').message"
+        class="test-feedback"
+        :class="`is-${getModelTestState('reranker').status}`"
+      >
+        <i
+          :class="
+            getModelTestState('reranker').status === 'success'
+              ? 'mdi mdi-check-circle'
+              : getModelTestState('reranker').status === 'testing'
+                ? 'mdi mdi-loading mdi-spin'
+                : 'mdi mdi-alert-circle'
+          "
+        ></i>
+        <span>{{ getModelTestState('reranker').message }}</span>
+      </div>
+    </section>
+  </div>
+</template>
+
+<script src="./scripts/LlmSettingsPanel.js"></script>
+
+<style scoped src="../assets/styles/views/settings-view-form.css"></style>
+<style scoped src="../assets/styles/views/settings-view.css"></style>
+