管理外部对接账号，为账号绑定客服角色以控制使用权限。
+ +{{ maskKey(row.keyValue) }}
+ API Key 创建成功，仅显示一次，请妥善保管：
+{{ createdKey }}
+ 记录所有敏感词命中事件，包含输入/输出方向、违规内容、命中词及处理方式。
+会话ID: {{ msgModal.conversationId }} · 角色：{{ msgModal.roleName }} · 共 {{ msgModal.messages.length }} 条
{{ doc.content }}
+ 上传文档到 RAG 知识库，自动分词 → 向量化 → 存入 PGVector
+ + + + + +使用 JSON 格式批量导入，每条包含 question、answer、similarQuestions（可选数组）
+Support Bot — 管理后台
+{{ errorMsg }}
+管理 MCP (Model Context Protocol) 服务端配置，支持 SSE 和 Stdio 两种传输方式
+ + +Fallback 链是高可用性机制，主模型故障时自动切换到备用模型。
+✔ 勾选「设为活跃配置」启用 | 📊 调整「优先级」数值（越大越优先）| 🔀 拖拽列表项快速调整
+{{ item.model_name }}
+ P={{ item.priority }}
+
+ {{ healthMap[item.id].status === 'ONLINE' ? '🟢' : healthMap[item.id].status === 'UNKNOWN' ? '🟡' : '🔴' }}
+ {{ healthMap[item.id].latencyMs }}ms
+
+ 🟡
+ {{ row.model_name }}
+
+
+
+
+
+ {{ row.api_key || '-' }}
+
+
+ + 下图展示从用户请求到 AI 回复的完整处理流程，包含意图路由、RAG 检索和 Advisor 链。 + 菱形节点 = 决策分支 · 虚线框 = 独立子系统 · 蓝/绿/黄色高亮 = 入口/出口/LLM。 +
+ + + +⚠️ 图表渲染失败: {{ error }}
+⏳ 正在生成流程图...
+为角色设定人设并授权可检索的知识库分类。对话页只能选择这里配置好的角色，检索范围由服务端按角色强制限定。
+ + + + + +管理系统级配置项，修改后实时生效（SDK 窗口刷新即拉取最新内容）。
+ +
+ * 注意：返回类型为 Flux<String>，Spring WebFlux 会对每个元素做 data: 帧包装。
+ * 因此 Flux 元素必须只是纯文本内容，不应包含 event: / data: 等 SSE 协议行。
*
* @param ctx 对话上下文
- * @return 流式回答
+ * @return 纯文本流式回答（每个元素为一段自然语言文本）
*/
public Flux
* 优先级高于 ApiKeyAuthFilter，在 SecurityFilterChain 之前执行。
* 校验通过后提取 allowedRoleIds 用于角色鉴权。
* 校验失败直接返回 401/403，请求不会到达 AiController。
+ *
+ * 兼容两种 Token：
+ *
- 为每个账号绑定一个默认角色。对话页选择账号后，系统会按账号绑定的角色回答，并把会话历史归属到该账号。
- ⚠ 请立即复制保存，关闭后将无法再次查看完整 Key。 勾选允许此 API Key 使用的客服角色，不勾选任何角色则不限制（可使用所有角色） 记录所有敏感词命中事件，包含输入/输出方向、违规内容、命中词及处理方式。 无内容 输入查询语句，测试知识库检索效果（支持向量、关键词、混合检索三种模式） 上传文档到 RAG 知识库，自动分词 → 向量化 → 存入 PGVector 留空则使用全局配置（分块大小 200 Token，重叠 100 Token） 点击或拖拽上传，支持多文件（PDF / Word / Excel / PPT / TXT 等） 点击或拖拽上传，支持多文件（Markdown .md） 点击或拖拽上传，支持多文件（JSON .json） 点击或拖拽上传，支持多文件（JSON .json） 点击或拖拽上传，支持多文件（JSON .json） 使用 JSON 格式批量导入，每条包含 question、answer、similarQuestions（可选数组）、categoryId（可选，分类ID） Support Bot Management Console
- 管理 MCP (Model Context Protocol) 服务端配置，支持 SSE 和 Stdio 两种传输方式
- 什么是 Fallback 链？ Fallback 链是一种高可用性机制，当主模型出现故障时，系统会自动切换到备用模型，保证服务不中断。 如何配置？
- 下图展示从用户请求到 AI 回复的完整处理流程，包含意图路由、RAG 检索和 Advisor 链。
- 菱形节点 = 决策分支 · 虚线框 = 独立子系统 · 蓝/绿/黄色高亮 = 入口/出口/LLM。
- ⚠️ 图表渲染失败: {{ error }} ⏳ 正在生成流程图...
- 为角色设定人设，并授权其可检索的知识库分类。对话页只能选择这里配置好的角色，检索范围由服务端按角色强制限定，无法跨域。
-
- * 管理后台编辑系统级配置项（SDK 保密声明等），
- * 支持 HTML 编辑 + 实时预览。
- */
-import { getSystemConfig, listSystemConfigs, updateSystemConfig, deleteSystemConfig } from '../js/api.js'
-import { toast } from '../js/utils.js'
-
-export default {
- template: `
-
- 管理系统级配置项，修改后实时生效（SDK 窗口刷新即拉取最新内容）。
-
+ *
*/
@Slf4j
@Component
@@ -38,6 +49,9 @@ public class SdkAuthFilter extends OncePerRequestFilter {
@Autowired
private SdkJwtTokenProvider sdkJwtTokenProvider;
+ @Autowired
+ private JwtTokenProvider jwtTokenProvider;
+
private static final ObjectMapper objectMapper = new ObjectMapper();
@Override
@@ -73,23 +87,57 @@ public class SdkAuthFilter extends OncePerRequestFilter {
return;
}
- // ② JWT 签名验证 + ③ 过期检查
- Claims claims;
+ // ② 双通道 Token 验证：先 SDK JWT，再管理后台 JWT
+ Claims claims = null;
+ boolean isSdkToken = false;
+
+ // 通道 A：SDK JWT 验证
try {
claims = sdkJwtTokenProvider.parseToken(token);
+ isSdkToken = true;
} catch (ExpiredJwtException e) {
writeError(response, 401, "令牌已过期");
return;
} catch (JwtException e) {
- log.warn("SDK Token 验证失败: {}", e.getMessage());
- writeError(response, 401, "无效的认证令牌");
- return;
+ // SDK 验证失败，尝试管理后台 JWT（通道 B）
+ log.debug("SDK Token 验证未通过（可能为管理后台 Token），尝试管理后台 JWT: {}", e.getMessage());
+ }
+
+ // 通道 B：管理后台 JWT 验证（仅当 SDK 验证失败时尝试）
+ if (claims == null) {
+ try {
+ if (jwtTokenProvider.validateToken(token)) {
+ // 管理后台 JWT 验证成功，设置 SecurityContext
+ String username = jwtTokenProvider.getUsernameFromToken(token);
+ List
-
- `,
- setup() {
- const accounts = ref([])
- const roles = ref([])
- const editingId = ref('')
- const form = reactive({ name: '', description: '', roleId: '', enabled: true })
-
- async function loadRoles() {
- const json = await getRoleList()
- if (json.success) {
- roles.value = json.data || []
- }
- }
-
- async function reload() {
- try {
- const json = await getAllAccounts()
- if (json.success) {
- accounts.value = json.data || []
- }
- } catch (e) {
- toast('加载账号失败：' + e.message, 'error')
- }
- }
-
- function resetForm() {
- editingId.value = ''
- form.name = ''
- form.description = ''
- form.roleId = ''
- form.enabled = true
- }
-
- function startEdit(account) {
- editingId.value = account.id
- form.name = account.name || ''
- form.description = account.description || ''
- form.roleId = account.role_id || ''
- form.enabled = account.enabled !== false
- }
-
- async function submit() {
- if (!form.name.trim()) {
- toast('请输入账号名称', 'error')
- return
- }
- const payload = {
- name: form.name,
- description: form.description,
- roleId: form.roleId || null,
- enabled: form.enabled
- }
- try {
- const json = editingId.value
- ? await updateAccount(editingId.value, payload)
- : await createAccount(payload)
- if (json.success) {
- toast(editingId.value ? '账号已更新' : '账号已创建', 'success')
- resetForm()
- reload()
- } else {
- toast(json.message || '操作失败', 'error')
- }
- } catch (e) {
- toast('操作失败：' + e.message, 'error')
- }
- }
-
- async function remove(account) {
- if (!confirm(`确定删除账号「${account.name}」？历史会话记录会保留归属信息。`)) return
- try {
- const json = await deleteAccount(account.id)
- if (json.success) {
- toast('账号已删除', 'success')
- if (editingId.value === account.id) resetForm()
- reload()
- } else {
- toast(json.message || '删除失败', 'error')
- }
- } catch (e) {
- toast('删除失败：' + e.message, 'error')
- }
- }
-
- onMounted(() => {
- loadRoles()
- reload()
- })
-
- return { accounts, roles, editingId, form, reload, resetForm, startEdit, submit, remove }
- }
-}
diff --git a/src/main/resources/static/components/ApiKeyManager.js b/src/main/resources/static/components/ApiKeyManager.js
deleted file mode 100644
index 274d9ab..0000000
--- a/src/main/resources/static/components/ApiKeyManager.js
+++ /dev/null
@@ -1,365 +0,0 @@
-/**
- * API Key 管理组件
- * 支持 API Key 的生成、吊销、启用、删除、复制、分页查询、角色绑定
- */
-import { ref, onMounted, computed } from 'vue'
-import { listApiKeys, createApiKey, revokeApiKey, enableApiKey, deleteApiKey, getAllRoles, updateApiKeyRoles } from '../js/api.js'
-import { toast } from '../js/utils.js'
-
-export default {
- template: `
- 账号管理
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 暂无账号
-
-
-
-
-
-
-
-
-
- 账号
- 说明
- 绑定角色
- 状态
- 操作
-
-
-
-
- {{ account.name }}
-
- {{ account.account_key }}
- {{ account.description || '-' }}
- {{ account.role_name || '未绑定' }}
- {{ account.enabled === false ? '停用' : '启用' }}
-
-
-
-
-
-
- `,
-
- setup() {
- const keys = ref([])
- const loading = ref(false)
- const page = ref(1)
- const pageSize = ref(20)
- const total = ref(0)
- const showCreateDialog = ref(false)
- const showKeyReveal = ref(false)
- const revealedKey = ref('')
- const form = ref({ name: '', description: '', rateLimit: null, maxCalls: null, expireTime: '', roleIds: [] })
-
- // 角色绑定相关状态
- const allRoles = ref([])
- const roleLoading = ref(false)
- const showRoleDialog = ref(false)
- const editingKeyId = ref(null)
- const editingKeyName = ref('')
- const selectedRoleIds = ref([])
-
- async function loadList() {
- loading.value = true
- try {
- const res = await listApiKeys(page.value, pageSize.value)
- if (res.success) {
- keys.value = res.data || []
- total.value = res.total || 0
- }
- } catch (e) {
- toast('加载失败: ' + e.message, 'error')
- }
- loading.value = false
- }
-
- async function loadRoles() {
- roleLoading.value = true
- try {
- const res = await getAllRoles()
- allRoles.value = res.data || []
- } catch (e) {
- console.warn('加载角色列表失败', e)
- }
- roleLoading.value = false
- }
-
- function openCreateDialog() {
- form.value = { name: '', description: '', rateLimit: null, maxCalls: null, expireTime: '', roleIds: [] }
- loadRoles()
- showCreateDialog.value = true
- }
-
- async function doCreate() {
- const data = { name: form.value.name, description: form.value.description || '' }
- if (form.value.rateLimit) data.rateLimit = form.value.rateLimit
- if (form.value.maxCalls) data.maxCalls = form.value.maxCalls
- if (form.value.expireTime) data.expireTime = form.value.expireTime
- if (form.value.roleIds && form.value.roleIds.length > 0) data.roleIds = form.value.roleIds
-
- try {
- const res = await createApiKey(data)
- if (res.success) {
- toast('创建成功', 'success')
- showCreateDialog.value = false
- // 显示完整 Key 供用户复制
- if (res.data && res.data.keyValue) {
- revealedKey.value = res.data.keyValue
- showKeyReveal.value = true
- }
- loadList()
- } else {
- toast(res.message || '创建失败', 'error')
- }
- } catch (e) {
- toast('创建失败: ' + e.message, 'error')
- }
- }
-
- async function doRevoke(id) {
- if (!confirm('确认吊销该 API Key？吊销后使用该 Key 的请求将被拒绝。')) return
- try {
- const res = await revokeApiKey(id)
- if (res.success) { toast('已吊销', 'success'); loadList() }
- else toast(res.message || '吊销失败', 'error')
- } catch (e) { toast('吊销失败: ' + e.message, 'error') }
- }
-
- async function doEnable(id) {
- try {
- const res = await enableApiKey(id)
- if (res.success) { toast('已启用', 'success'); loadList() }
- else toast(res.message || '启用失败', 'error')
- } catch (e) { toast('启用失败: ' + e.message, 'error') }
- }
-
- async function doDelete(id) {
- if (!confirm('确认删除该 API Key？此操作不可恢复。')) return
- try {
- const res = await deleteApiKey(id)
- if (res.success) { toast('已删除', 'success'); loadList() }
- else toast(res.message || '删除失败', 'error')
- } catch (e) { toast('删除失败: ' + e.message, 'error') }
- }
-
- function openRoleDialog(key) {
- editingKeyId.value = key.id
- editingKeyName.value = key.name || '未命名'
- try {
- selectedRoleIds.value = key.roleIds ? JSON.parse(key.roleIds).map(Number) : []
- } catch { selectedRoleIds.value = [] }
- loadRoles()
- showRoleDialog.value = true
- }
-
- function toggleRole(roleId) {
- const idx = selectedRoleIds.value.indexOf(roleId)
- if (idx >= 0) selectedRoleIds.value.splice(idx, 1)
- else selectedRoleIds.value.push(roleId)
- }
-
- function toggleRole(roleId) {
- const idx = selectedRoleIds.value.indexOf(roleId)
- if (idx >= 0) selectedRoleIds.value.splice(idx, 1)
- else selectedRoleIds.value.push(roleId)
- }
-
- async function doSaveRoles() {
- try {
- const res = await updateApiKeyRoles(editingKeyId.value, selectedRoleIds.value)
- if (res.success) {
- toast('角色绑定更新成功', 'success')
- showRoleDialog.value = false
- loadList()
- } else {
- toast(res.message || '更新失败', 'error')
- }
- } catch (e) {
- toast('更新失败: ' + e.message, 'error')
- }
- }
-
- function getBoundRoleCount(roleIdsStr) {
- if (!roleIdsStr) return 0
- try {
- const arr = JSON.parse(roleIdsStr)
- return Array.isArray(arr) ? arr.length : 0
- } catch { return 0 }
- }
-
- function maskKey(key) {
- if (!key || key.length < 12) return key || '***'
- return key.substring(0, 6) + '****' + key.substring(key.length - 4)
- }
-
- function copyKey(key) {
- if (!key) return
- navigator.clipboard.writeText(key).then(() => {
- toast('已复制到剪贴板', 'success')
- }).catch(() => {
- // 降级方案
- const ta = document.createElement('textarea')
- ta.value = key
- document.body.appendChild(ta)
- ta.select()
- document.execCommand('copy')
- document.body.removeChild(ta)
- toast('已复制到剪贴板', 'success')
- })
- }
-
- function formatDate(dateVal) {
- if (!dateVal) return '-'
- const d = new Date(dateVal)
- const y = d.getFullYear()
- const m = String(d.getMonth() + 1).padStart(2, '0')
- const day = String(d.getDate()).padStart(2, '0')
- const h = String(d.getHours()).padStart(2, '0')
- const min = String(d.getMinutes()).padStart(2, '0')
- return y + '-' + m + '-' + day + ' ' + h + ':' + min
- }
-
- onMounted(() => loadList())
-
- return {
- keys, loading, page, pageSize, total,
- showCreateDialog, showKeyReveal, revealedKey, form,
- allRoles, roleLoading, showRoleDialog, editingKeyId, editingKeyName, selectedRoleIds,
- loadList, openCreateDialog, doCreate,
- doRevoke, doEnable, doDelete,
- openRoleDialog, doSaveRoles,
- getBoundRoleCount, maskKey, copyKey, formatDate
- }
- }
-}
diff --git a/src/main/resources/static/components/AuditLogManager.js b/src/main/resources/static/components/AuditLogManager.js
deleted file mode 100644
index 84769a0..0000000
--- a/src/main/resources/static/components/AuditLogManager.js
+++ /dev/null
@@ -1,103 +0,0 @@
-/**
- * 内容审计日志组件
- * 展示敏感词命中记录，支持分页浏览
- */
-import { listAuditLogs } from '../js/api.js'
-import { toast } from '../js/utils.js'
-
-export default {
- template: `
- 🔑 API Key 管理
-
-
-
-
- 共 {{ total }} 个 Key
-
-
-
-
-
-
-
-
-
-
-
-
- 名称
- Key
- 频率限制
- 调用次数
- 绑定角色
- 过期时间
- 状态
- 操作
- 加载中... 暂无 API Key
-
-
-
-
- {{ k.name || '未命名' }}
- {{ k.description }}
-
-
-
-
- {{ maskKey(k.keyValue) }}
-
- {{ k.rateLimit || 60 }} 次/分钟
-
- {{ k.currentCalls || 0 }}
- / {{ k.maxCalls }}
- （不限）
-
-
- {{ getBoundRoleCount(k.roleIds) }} 个角色
- 不限（全部）
-
-
- {{ k.expireTime ? formatDate(k.expireTime) : '永不过期' }}
-
-
-
- {{ k.enabled ? '✅ 有效' : '❌ 已吊销' }}
-
-
-
-
-
-
-
-
-
-
- 第 {{ page }} / {{ Math.ceil(total / pageSize) }} 页（共 {{ total }} 条）
-
-
-
-
-
-
-
-
-
-
- 新建 API Key
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 暂无可用角色
-
-
-
-
-
-
-
-
-
-
-
-
-
- ✅ API Key 已创建
-
- {{ revealedKey }}
-
-
-
-
-
-
-
-
-
- 绑定客服角色 — {{ editingKeyName }}
- 加载角色列表...
- 暂无可用角色，请先创建客服角色
-
-
-
-
-
-
-
- 已选 {{ selectedRoleIds.length }} 个角色{{ selectedRoleIds.length === 0 ? '（不限制）' : '' }}
-
-
-
-
-
-
-
- `,
-
- data() {
- return {
- logs: [],
- loading: false,
- page: 1,
- pageSize: 30,
- total: 0
- }
- },
-
- mounted() {
- this.loadLogs()
- },
-
- methods: {
- async loadLogs() {
- this.loading = true
- try {
- const res = await listAuditLogs(this.page, this.pageSize)
- if (res.success) {
- this.logs = res.data?.records || res.data || []
- this.total = res.data?.total || 0
- } else {
- toast('加载审计日志失败: ' + (res.message || '未知错误'), 'error')
- }
- } catch (e) {
- toast('加载审计日志失败: ' + e.message, 'error')
- }
- this.loading = false
- },
-
- formatTime(t) { return t ? new Date(t).toLocaleString('zh-CN') : '' },
-
- formatHitWords(hw) {
- if (!hw) return ''
- if (hw.type === 'jsonb' && hw.value) {
- try { hw = JSON.parse(hw.value) } catch { return hw.value }
- }
- if (typeof hw === 'string') { try { hw = JSON.parse(hw) } catch { return hw } }
- if (hw && hw.hits && Array.isArray(hw.hits)) {
- return hw.hits.map(h => `${h.word || ''}(${h.category || ''})`).join('、')
- }
- if (Array.isArray(hw)) return hw.map(h => typeof h === 'string' ? h : h.word || '').join('、')
- return String(hw)
- }
- }
-}
diff --git a/src/main/resources/static/components/CategoryManager.js b/src/main/resources/static/components/CategoryManager.js
deleted file mode 100644
index e8b3a7d..0000000
--- a/src/main/resources/static/components/CategoryManager.js
+++ /dev/null
@@ -1,322 +0,0 @@
-/**
- * 🏷️ 分类管理
- * P0-3: 支持编辑 + 树形层级展示 + 创建时选择父分类
- */
-import { ref, computed } from 'vue'
-import { store } from '../js/store.js'
-import { createCategory, updateCategory, deleteCategory } from '../js/api.js'
-import { toast } from '../js/utils.js'
-
-export default {
- template: `
- 📋 内容审计日志
-
-
-
-
-
-
-
-
-
-
-
- 时间
- 方向
- 违规内容
- 命中词
- 处理方式
- 加载中... 暂无审计日志
-
-
- {{ formatTime(log.createTime) }}
-
-
- {{ log.direction === 'INPUT' ? '输入' : '输出' }}
-
-
-
- {{ formatHitWords(log.hitWords) }}
-
-
- {{ log.actionTaken === 'BLOCK' ? '拦截' : log.actionTaken === 'MASK' ? '脱敏' : '通过' }}
-
-
-
-
- 第 {{ page }} / {{ Math.ceil(total / pageSize) }} 页（共 {{ total }} 条）
-
-
-
-
- `,
- setup() {
- // ==================== 创建分类 ====================
- const newName = ref('')
- const newDescription = ref('')
- const newParentId = ref('')
- const newSortOrder = ref(0)
-
- // 父分类选项（排除顶级，只显示可以成为父分类的节点，限制最多2级）
- const parentOptions = computed(() => {
- const opts = []
- function addOptions(categories, level) {
- for (const cat of categories) {
- opts.push({ id: cat.id, name: cat.name, level })
- if (cat.children && cat.children.length > 0 && level < 2) {
- addOptions(cat.children, level + 1)
- }
- }
- }
- addOptions(categoryTree.value, 0)
- return opts
- })
-
- // 父分类下拉显示文本（用 └ 前缀表示层级）
- function parentLabel(c) {
- return c.level > 0 ? '─'.repeat(c.level) + ' ' + c.name : c.name
- }
-
- async function create() {
- if (!newName.value.trim()) {
- toast('请输入分类名称', 'error')
- return
- }
- try {
- const json = await createCategory({
- name: newName.value.trim(),
- description: newDescription.value.trim(),
- parentId: newParentId.value || null,
- sortOrder: newSortOrder.value
- })
- if (json.success) {
- toast('分类创建成功', 'success')
- newName.value = ''
- newDescription.value = ''
- newParentId.value = ''
- newSortOrder.value = 0
- await store.loadCategories()
- } else {
- toast(json.message || '创建失败', 'error')
- }
- } catch (e) {
- toast('创建分类失败：' + e.message, 'error')
- }
- }
-
- // ==================== 树形展示 ====================
- const expandedIds = ref(new Set())
-
- // 构建分类树（从扁平列表构建层级结构）
- const categoryTree = computed(() => {
- const categories = store.categories || []
- const nodeMap = new Map()
- const roots = []
-
- // 先创建所有节点
- for (const cat of categories) {
- nodeMap.set(cat.id, { ...cat, children: [], level: 0 })
- }
-
- // 构建父子关系
- for (const node of nodeMap.values()) {
- if (node.parentId && node.parentId !== '0' && node.parentId !== 0) {
- const parent = nodeMap.get(node.parentId)
- if (parent) {
- parent.children.push(node)
- } else {
- roots.push(node)
- }
- } else {
- roots.push(node)
- }
- }
-
- // 按 sortOrder 升序排列（与后端一致）
- function sortChildren(nodes) {
- nodes.sort((a, b) => (a.sortOrder || 0) - (b.sortOrder || 0))
- for (const node of nodes) {
- sortChildren(node.children)
- }
- }
- sortChildren(roots)
-
- return roots
- })
-
- // 展平树为列表（带层级信息）
- const flatTree = computed(() => {
- const result = []
- function traverse(nodes, level) {
- for (const node of nodes) {
- result.push({
- ...node,
- level,
- hasChildren: node.children && node.children.length > 0
- })
- // 只展示已展开节点的子节点
- if (node.children && node.children.length > 0 && expandedIds.value.has(node.id)) {
- traverse(node.children, level + 1)
- }
- }
- }
- traverse(categoryTree.value, 0)
- return result
- })
-
- function toggleExpand(id) {
- const newSet = new Set(expandedIds.value)
- if (newSet.has(id)) {
- newSet.delete(id)
- } else {
- newSet.add(id)
- }
- expandedIds.value = newSet
- }
-
- // 初始时展开所有有子节点的分类
- function expandAll() {
- const ids = new Set()
- function collectIds(nodes) {
- for (const node of nodes) {
- if (node.children && node.children.length > 0) {
- ids.add(node.id)
- collectIds(node.children)
- }
- }
- }
- collectIds(categoryTree.value)
- expandedIds.value = ids
- }
-
- // 加载分类后自动展开
- store.loadCategories().then(() => {
- setTimeout(expandAll, 100)
- })
-
- // ==================== 编辑分类 ====================
- const editModal = ref({
- visible: false,
- id: null,
- name: '',
- description: '',
- sortOrder: 0
- })
-
- function openEdit(node) {
- editModal.value = {
- visible: true,
- id: node.id,
- name: node.name,
- description: node.description || '',
- sortOrder: node.sortOrder || 0
- }
- }
-
- function closeEdit() {
- editModal.value = { visible: false, id: null, name: '', description: '', sortOrder: 0 }
- }
-
- async function saveEdit() {
- if (!editModal.value.name.trim()) {
- toast('请输入分类名称', 'error')
- return
- }
- try {
- const json = await updateCategory(editModal.value.id, {
- name: editModal.value.name.trim(),
- description: editModal.value.description.trim(),
- sortOrder: editModal.value.sortOrder
- })
- if (json.success) {
- toast('分类更新成功', 'success')
- closeEdit()
- await store.loadCategories()
- setTimeout(expandAll, 100)
- } else {
- toast(json.message || '更新失败', 'error')
- }
- } catch (e) {
- toast('更新分类失败：' + e.message, 'error')
- }
- }
-
- // ==================== 删除分类 ====================
- async function remove(node) {
- const childCount = countDescendants(node)
- const childMsg = childCount > 0 ? `\n注意：此分类下有 ${childCount} 个子分类，将一并清空关联` : ''
- if (!confirm(`确定删除分类"${node.name}"？关联文档将变为未分类${childMsg}`)) return
- try {
- const json = await deleteCategory(node.id)
- if (json.success) {
- toast('分类已删除', 'success')
- await store.loadCategories()
- setTimeout(expandAll, 100)
- } else {
- toast(json.message || '删除失败', 'error')
- }
- } catch (e) {
- toast('删除分类失败：' + e.message, 'error')
- }
- }
-
- function countDescendants(node) {
- if (!node.children || node.children.length === 0) return 0
- let count = node.children.length
- for (const child of node.children) {
- count += countDescendants(child)
- }
- return count
- }
-
- return {
- newName, newDescription, newParentId, newSortOrder, parentOptions, parentLabel,
- create, store, flatTree, expandedIds, toggleExpand,
- editModal, openEdit, closeEdit, saveEdit, remove
- }
- }
-}
diff --git a/src/main/resources/static/components/ChatPanel.js b/src/main/resources/static/components/ChatPanel.js
deleted file mode 100644
index b348fa8..0000000
--- a/src/main/resources/static/components/ChatPanel.js
+++ /dev/null
@@ -1,529 +0,0 @@
-/**
- * 智能客服对话面板
- */
-import { ref, computed, nextTick, onMounted } from 'vue'
-import { chatSync, chatRagSync, chatSSEUrl, chatRagSSEUrl, getRoleList, getActiveModelConfig, truncateConversation, ragSources, submitFeedback as submitFeedbackApi } from '../js/api.js'
-import { toast, readSSEStream, readSSEStreamWithEvents, renderMarkdown } from '../js/utils.js'
-import { store } from '../js/store.js'
-import MessageSources from './MessageSources.js'
-
-const FALLBACK_ROLE = {
- id: '',
- key: 'general',
- name: '客服',
- desc: '可检索全部知识库',
- tone: '用户咨询、业务办理、常见问题、问题受理与进度说明',
- badge: '默认',
- categoryIds: []
-}
-
-const QUICK_QUESTIONS = [
- '我的问题应该找哪个部门处理？',
- '如何办理业务申请？',
- '流程进度一直没更新怎么办？',
- '费用报销需要准备哪些材料？',
- '办公用品或资产怎么申请？'
-]
-
-export default {
- components: { 'message-sources': MessageSources },
- template: `
- 分类管理
-
-
-
-
-
-
- 创建新分类
-
-
-
-
-
-
-
-
- 共 {{ store.categories.length }} 个分类
-
-
-
- 暂无分类，请在上方创建
-
-
-
-
-
-
-
-
-
-
-
- {{ expandedIds.has(node.id) ? '▼' : '▶' }}
-
-
-
-
-
-
-
-
- {{ node.name }}
- {{ node.description }}
-
- ({{ node.documentCount || 0 }} 篇文档)
-
-
-
-
-
-
-
-
-
-
- 编辑分类
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- `,
- setup() {
- const chatId = ref('')
- const mode = ref('sync')
- const selectedRole = ref('general')
- const roles = ref([FALLBACK_ROLE])
- const isRagMode = ref(false)
- const ragStrategy = ref('MULTI_QUERY')
- const activeModel = ref(null)
- const modelLoadError = ref('')
- const userInput = ref('')
- const lastUserInput = ref('')
- const isSending = ref(false)
- const messages = ref([
- {
- role: 'assistant',
- content: '\u60a8\u597d\uff0c\u6211\u662f\u667a\u80fd\u5ba2\u670d\u52a9\u624b\u3002\u53ef\u4ee5\u54a8\u8be2\u5ba2\u670d\u3001\u8d22\u52a1\u3001\u884c\u653f\u76f8\u5173\u95ee\u9898\uff1b\u9700\u8981\u57fa\u4e8e\u77e5\u8bc6\u5e93\u56de\u7b54\u65f6\uff0c\u53ef\u4ee5\u5728\u4e0a\u65b9\u5f00\u542f RAG \u68c0\u7d22\u3002',
- streaming: false,
- time: formatTime()
- }
- ])
- const msgArea = ref(null)
- const editingIndex = ref(-1)
- const editingText = ref('')
-
- const currentRole = computed(() => roles.value.find(role => role.key === selectedRole.value) || roles.value[0] || FALLBACK_ROLE)
- const selectedCategoryIds = computed(() => currentRole.value.categoryIds || [])
- const selectedCategoryNames = computed(() => {
- const selected = new Set(selectedCategoryIds.value)
- return store.categories
- .filter(category => selected.has(String(category.id)))
- .map(category => category.name)
- })
- const activeModelText = computed(() => {
- if (activeModel.value) {
- const provider = providerLabel(activeModel.value.provider)
- const modelName = activeModel.value.modelName || activeModel.value.model_name || '-'
- return provider ? `${provider} / ${modelName}` : modelName
- }
- return modelLoadError.value ? '未配置' : '加载中'
- })
- const modelTitle = computed(() => {
- if (activeModel.value) {
- const model = activeModel.value
- const name = model.name ? `${model.name}：` : ''
- const provider = providerLabel(model.provider)
- const modelName = model.modelName || model.model_name || '-'
- return `对话模型：${name}${provider ? provider + ' / ' : ''}${modelName}`
- }
- return modelLoadError.value || '正在加载对话模型'
- })
- const ragStatusText = computed(() => {
- if (!isRagMode.value) return '普通对话'
- const names = {
- NONE: 'RAG：不重写',
- REWRITE: 'RAG：查询重写',
- TRANSLATION: 'RAG：翻译扩展',
- COMPRESSION: 'RAG：查询压缩',
- MULTI_QUERY: 'RAG：多路扩展'
- }
- return names[ragStrategy.value] || 'RAG 已启用'
- })
-
- function formatTime() {
- return new Date().toLocaleTimeString('zh-CN', { hour: '2-digit', minute: '2-digit' })
- }
-
- function generateMsgId() {
- return 'msg_' + Date.now() + '_' + Math.random().toString(36).substring(2, 8)
- }
-
- function newChatId() {
- chatId.value = 'web_' + Date.now() + '_' + Math.random().toString(36).slice(2, 8)
- }
- function selectRole(roleKey) {
- selectedRole.value = roleKey
- newChatId()
- clearMessages(roleKey)
- }
- function clearMessages(roleKey = selectedRole.value) {
- const role = roles.value.find(item => item.key === roleKey) || FALLBACK_ROLE
- messages.value = [{
- role: 'assistant',
- content: `已切换到${role.name}。请直接输入你的问题。`,
- streaming: false,
- time: formatTime()
- }]
- }
-
- function useQuickQuestion(question) {
- userInput.value = question
- send()
- }
-
- function providerLabel(provider) {
- const map = {
- dashscope: '通义千问',
- openai: 'OpenAI',
- volcengine: '豆包',
- zhipu: '智谱',
- baidu: '百度千帆',
- other: '自定义'
- }
- return map[String(provider || '').toLowerCase()] || provider || ''
- }
-
- async function loadActiveModel() {
- try {
- const json = await getActiveModelConfig('CHAT')
- if (json.success) {
- activeModel.value = json.data
- modelLoadError.value = ''
- } else {
- activeModel.value = null
- modelLoadError.value = json.message || '对话模型未配置'
- }
- } catch (e) {
- activeModel.value = null
- modelLoadError.value = e.message || '模型加载失败'
- }
- }
-
- async function loadRoles() {
- try {
- const json = await getRoleList()
- if (json.success) {
- roles.value = (json.data || []).map(role => ({
- id: role.id,
- key: role.role_key || role.roleKey || String(role.id),
- name: role.name,
- desc: role.description || '',
- tone: role.description || '专业、耐心、简洁',
- badge: role.name ? role.name.slice(0, 2) : '角色',
- categoryIds: (role.categoryIds || []).map(String)
- }))
- if (!roles.value.some(role => role.key === selectedRole.value)) {
- selectedRole.value = roles.value[0]?.key || 'general'
- }
- }
- } catch (e) {
- toast('加载客服角色失败：' + e.message, 'error')
- }
- }
-
-
- function currentRoleId() {
- // 角色人设与知识库范围统一由服务端依据 roleId 套用，这里仅取出当前角色ID。
- // 空ID（如未加载完成的兜底角色）时返回空串，服务端将退回基础提示词与全量知识库。
- return currentRole.value && currentRole.value.id ? String(currentRole.value.id) : ''
- }
-
-
- async function scrollToBottom() {
- await nextTick()
- if (msgArea.value) msgArea.value.scrollTop = msgArea.value.scrollHeight
- }
-
- async function send() {
- const text = userInput.value.trim()
- if (!text || isSending.value) return
-
- userInput.value = ''
- lastUserInput.value = text
- isSending.value = true
- messages.value.push({ id: generateMsgId(), role: 'user', content: text, streaming: false, time: formatTime() })
-
- const assistantMsg = { id: generateMsgId(), role: 'assistant', content: '', streaming: true, time: formatTime(), sources: [], toolCalls: [] }
- messages.value.push(assistantMsg)
- await scrollToBottom()
-
- const cid = chatId.value || ('web_' + Date.now())
- chatId.value = cid
- // 发送用户原始问题（不再包装角色信息，避免污染会话记忆）；
- // 角色人设与知识库范围由服务端依据 roleId 强制套用。
- const roleId = currentRoleId()
-
- try {
- if (isRagMode.value && mode.value === 'sync') {
- assistantMsg.content = await chatRagSync(text, cid, ragStrategy.value, roleId)
- } else if (isRagMode.value) {
- const url = chatRagSSEUrl(text, cid, ragStrategy.value, roleId)
- await readSSEStreamWithEvents(url, {
- onMessage: async (chunk) => {
- assistantMsg.content += chunk
- await scrollToBottom()
- },
- onToolCallStart: (data) => {
- assistantMsg.toolCalls.push({ tool: data.tool, input: data.input, status: 'running', result: null })
- scrollToBottom()
- },
- onToolCallResult: (data) => {
- const tc = assistantMsg.toolCalls.find(t => t.tool === data.tool && t.status === 'running')
- if (tc) {
- tc.status = 'done'
- tc.result = data.result
- tc.latencyMs = data.latencyMs
- }
- scrollToBottom()
- },
- onError: (data) => {
- assistantMsg.content += '\n\n⚠️ ' + (data.message || '工具调用出错')
- },
- onDone: () => {}
- })
- } else if (mode.value === 'sync') {
- assistantMsg.content = await chatSync(text, cid, roleId)
- } else {
- const url = chatSSEUrl(text, cid, roleId)
- await readSSEStream(url, async (chunk) => {
- assistantMsg.content += chunk
- await scrollToBottom()
- }, () => {})
- }
- // RAG 模式：回答完成后拉取本次命中的知识库片段，挂到该条回答下方
- if (isRagMode.value) {
- try {
- const sj = await ragSources(text, cid, ragStrategy.value, roleId)
- if (sj && sj.success) assistantMsg.sources = sj.data || []
- } catch (_) { /* 来源获取失败不影响主回答 */ }
- }
- } catch (e) {
- assistantMsg.content = '请求失败：' + e.message
- assistantMsg.error = true
- toast('对话失败：' + e.message, 'error')
- } finally {
- assistantMsg.streaming = false
- isSending.value = false
- await scrollToBottom()
- }
- }
-
- function retryLast() {
- if (!lastUserInput.value || isSending.value) return
- userInput.value = lastUserInput.value
- send()
- }
-
- function startEditMessage(i) {
- if (isSending.value) return
- editingIndex.value = i
- editingText.value = messages.value[i].content || ''
- }
-
- function cancelEdit() {
- editingIndex.value = -1
- editingText.value = ''
- }
-
- async function submitEdit(i) {
- const text = editingText.value.trim()
- if (!text || isSending.value) return
- // 这是第几条用户消息（1-based，忽略问候语 / AI 消息）
- let userTurn = 0
- for (let j = 0; j <= i; j++) {
- if (messages.value[j].role === 'user') userTurn++
- }
- // 先让后端清掉这条用户消息及其之后的全部消息（修复对话记忆，避免污染上下文）
- try {
- const json = await truncateConversation(chatId.value, userTurn)
- if (json && json.success === false) {
- toast(json.message || '截断失败', 'error')
- return
- }
- } catch (e) {
- toast('截断失败：' + e.message, 'error')
- return
- }
- // 切掉本地的本条及其之后消息，再用新内容重发
- messages.value = messages.value.slice(0, i)
- editingIndex.value = -1
- editingText.value = ''
- userInput.value = text
- await send()
- }
-
- async function regenerate(i) {
- if (isSending.value) return
- // 找到这条 AI 回答对应的上一条用户消息
- let userIndex = -1
- for (let j = i - 1; j >= 0; j--) {
- if (messages.value[j].role === 'user') { userIndex = j; break }
- }
- if (userIndex < 0) return
- const text = messages.value[userIndex].content
- let userTurn = 0
- for (let j = 0; j <= userIndex; j++) {
- if (messages.value[j].role === 'user') userTurn++
- }
- // 截断该用户消息及其之后（含本条回答），用相同问题重新生成
- try {
- const json = await truncateConversation(chatId.value, userTurn)
- if (json && json.success === false) { toast(json.message || '重新生成失败', 'error'); return }
- } catch (e) { toast('重新生成失败：' + e.message, 'error'); return }
- messages.value = messages.value.slice(0, userIndex)
- userInput.value = text
- await send()
- }
-
- async function copyMessage(content) {
- try {
- await navigator.clipboard.writeText(content)
- toast('已复制回复', 'success')
- } catch (e) {
- toast('复制失败', 'error')
- }
- }
-
- // ===== P0-002: 消息反馈 =====
- async function submitFeedback(msgId, type) {
- const msgIndex = messages.value.findIndex(m => m.id === msgId && m.role === 'assistant')
- if (msgIndex === -1) return
-
- const msg = messages.value[msgIndex]
- const wasActive = msg.feedback === type
- const newFeedback = wasActive ? null : type
- msg.feedback = newFeedback
-
- try {
- await submitFeedbackApi({
- messageId: String(msgId),
- conversationId: chatId.value,
- feedbackType: newFeedback ? (newFeedback === 'up' ? 'THUMBS_UP' : 'THUMBS_DOWN') : null
- })
- if (newFeedback) {
- toast(newFeedback === 'up' ? '感谢反馈 👍' : '感谢反馈，我们会持续改进', 'success')
- }
- } catch (e) {
- console.error('反馈提交失败:', e)
- }
- }
-
- onMounted(() => {
- newChatId()
- store.loadCategories()
- loadRoles()
- loadActiveModel()
- })
-
- return {
- store,
- roles,
- quickQuestions: QUICK_QUESTIONS,
- chatId,
- mode,
- selectedRole,
- selectedCategoryNames,
- isRagMode,
- ragStrategy,
- activeModelText,
- modelTitle,
- modelLoadError,
- userInput,
- isSending,
- messages,
- msgArea,
- currentRole,
- ragStatusText,
- newChatId,
- selectRole,
- clearMessages,
- useQuickQuestion,
- send,
- retryLast,
- copyMessage,
- renderMd: renderMarkdown,
- editingIndex,
- editingText,
- startEditMessage,
- cancelEdit,
- submitEdit,
- regenerate,
- submitFeedback
- }
- }
-}
\ No newline at end of file
diff --git a/src/main/resources/static/components/ConversationManager.js b/src/main/resources/static/components/ConversationManager.js
deleted file mode 100644
index f3e8c48..0000000
--- a/src/main/resources/static/components/ConversationManager.js
+++ /dev/null
@@ -1,255 +0,0 @@
-/**
- * 💬 会话管理组件
- * 展示会话列表、消息详情、删除、导出功能
- */
-import { ref } from 'vue'
-import { listConversations, deleteConversation, getConversationMessages, getConversationStats, exportConversation, getRoleList } from '../js/api.js'
-import { toast, formatDate } from '../js/utils.js'
-
-export default {
- template: `
-
-
- {{ currentRole.name }}
-
- {{ ragStatusText }}
- ·{{ selectedCategoryNames.length ? selectedCategoryNames.join(String.fromCharCode(12289)) : '\u5168\u90e8\u77e5\u8bc6\u5e93' }}
-
-
-
-
- 调用模型
- {{ activeModelText }}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 将清除此条之后的全部对话并重发
-
-
-
-
-
-
-
-
-
-
-
- {{ tc.tool }}
- {{ tc.latencyMs }}ms
-
- 正在思考
- {{ m.content }}
-
- {{ m.time }}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- `,
- setup() {
- const conversations = ref([])
- const page = ref(1)
- const pages = ref(1)
- const total = ref(0)
- const keyword = ref('')
- const roleFilter = ref('')
- const accountFilter = ref('')
- const roles = ref([])
- const stats = ref(null)
-
- // 消息详情弹窗
- const messageModal = ref({
- visible: false,
- conversationId: '',
- roleName: '',
- messages: []
- })
-
- async function load(p = 1) {
- page.value = p
- try {
- const json = await listConversations(
- p, 10,
- keyword.value || undefined,
- accountFilter.value || undefined,
- roleFilter.value || undefined
- )
- if (json.success) {
- conversations.value = json.data || []
- total.value = json.total || 0
- pages.value = json.pages || 1
- } else {
- toast(json.message || '查询失败', 'error')
- }
- } catch (e) {
- toast('加载会话失败：' + e.message, 'error')
- }
- }
-
- async function loadFilters() {
- try {
- const roleJson = await getRoleList()
- if (roleJson.success) roles.value = roleJson.data || []
- } catch (e) {
- console.error('加载筛选项失败', e)
- }
- }
- async function loadStats() {
- try {
- const json = await getConversationStats()
- if (json.success) {
- stats.value = json.data
- }
- } catch (e) {
- console.error('加载会话统计失败', e)
- }
- }
-
- async function viewMessages(conversationId) {
- try {
- const json = await getConversationMessages(conversationId)
- if (json.success) {
- messageModal.value.conversationId = conversationId
- messageModal.value.messages = json.data || []
- const current = conversations.value.find(item => item.conversationId === conversationId)
- messageModal.value.roleName = current?.roleName || ''
- messageModal.value.visible = true
- } else {
- toast(json.message || '加载消息失败', 'error')
- }
- } catch (e) {
- toast('加载消息失败：' + e.message, 'error')
- }
- }
-
- function closeMessageModal() {
- messageModal.value.visible = false
- messageModal.value.conversationId = ''
- messageModal.value.roleName = ''
- messageModal.value.messages = []
- }
-
- async function remove(conversationId) {
- if (!confirm('确定删除此会话？该会话下的所有消息将被逻辑删除')) return
- try {
- const json = await deleteConversation(conversationId)
- if (json.success) {
- toast(`会话删除成功，共删除 ${json.deletedMessages || 0} 条消息`, 'success')
- load(page.value)
- loadStats()
- } else {
- toast(json.message || '删除失败', 'error')
- }
- } catch (e) {
- toast('删除失败：' + e.message, 'error')
- }
- }
-
- async function downloadExport(conversationId) {
- try {
- const content = await exportConversation(conversationId)
- const blob = new Blob([content], { type: 'text/plain;charset=utf-8' })
- const url = URL.createObjectURL(blob)
- const a = document.createElement('a')
- a.href = url
- a.download = `conversation_${conversationId}.txt`
- document.body.appendChild(a)
- a.click()
- document.body.removeChild(a)
- URL.revokeObjectURL(url)
- toast('导出成功', 'success')
- } catch (e) {
- toast('导出失败：' + e.message, 'error')
- }
- }
-
- // 初始加载
- loadFilters()
- load()
- loadStats()
-
- return {
- conversations, page, pages, total, keyword, accountFilter, roleFilter, roles, stats, messageModal,
- load, loadStats, viewMessages, closeMessageModal, remove, downloadExport, formatDate
- }
- }
-}
diff --git a/src/main/resources/static/components/DashboardPanel.js b/src/main/resources/static/components/DashboardPanel.js
deleted file mode 100644
index 118ed64..0000000
--- a/src/main/resources/static/components/DashboardPanel.js
+++ /dev/null
@@ -1,340 +0,0 @@
-/**
- * 运营看板组件
- * 指标卡片 + Chart.js 趋势图表 + 知识库文档命中排行 + 未命中问题收集
- */
-import { ref, computed, onMounted, onBeforeUnmount, nextTick } from 'vue'
-import { getDashboardOverview, getDashboardTrend, getDashboardKnowledge, getDashboardCustom } from '../js/api.js'
-
-export default {
- template: `
- 会话列表
-
-
-
-
-
-
-
-
- {{ stats.totalConversations || 0 }}
- 总会话数
-
-
- {{ stats.totalMessages || 0 }}
- 总消息数
-
-
- {{ stats.todayConversations || 0 }}
- 今日会话
-
-
- {{ stats.todayMessages || 0 }}
- 今日消息
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 会话ID
- 外部用户ID
- 角色
- 消息数
- 最后消息时间
- 最后消息预览
- 操作
-
-
- 暂无会话记录
-
-
-
-
-
- {{ c.conversationId }}
- {{ c.accountId || '-' }}
- {{ c.roleName || '-' }}
- {{ c.messageCount }}
- {{ formatDate(c.lastMessageTime) }}
-
-
-
-
-
-
-
-
-
-
- ...
-
-
-
-
-
-
- `,
- setup() {
- const loading = ref(false)
- const rangeDays = ref(7)
- const customStart = ref('')
- const customEnd = ref('')
- const overview = ref({})
- const trendData = ref([])
- const topHitDocuments = ref([])
- const missQuestions = ref([])
-
- // Chart.js 实例引用（用于销毁重建）
- let conversationChart = null
- let satisfactionChart = null
- const conversationChartRef = ref(null)
- const satisfactionChartRef = ref(null)
-
- // 满意率颜色：>=80% 绿色，>=60% 橙色，<60% 红色
- const satisfactionColor = computed(() => {
- const rate = overview.value.satisfactionRate || 0
- if (rate >= 80) return 'var(--success)'
- if (rate >= 60) return 'var(--warn)'
- return 'var(--danger)'
- })
-
- // 格式化百分比（保留一位小数）
- function formatPercent(val) {
- if (val == null) return '0.0'
- return Number(val).toFixed(1)
- }
-
- // 格式化日期简写（仅月-日）
- function formatDateShort(dateVal) {
- if (!dateVal) return ''
- const d = new Date(dateVal)
- return `${d.getMonth() + 1}/${d.getDate()}`
- }
-
- // 设置时间范围并加载趋势
- async function setRange(days) {
- rangeDays.value = days
- await loadTrend(days)
- }
-
- // 加载今日概览
- async function loadOverview() {
- try {
- const res = await getDashboardOverview()
- if (res.success) overview.value = res.data
- } catch (e) {
- console.error('加载概览数据失败', e)
- }
- }
-
- // 加载趋势数据
- async function loadTrend(days) {
- try {
- const res = await getDashboardTrend(days)
- if (res.success) {
- trendData.value = res.data || []
- await nextTick()
- renderCharts()
- }
- } catch (e) {
- console.error('加载趋势数据失败', e)
- }
- }
-
- // 加载自定义范围数据
- async function loadCustomRange() {
- if (!customStart.value || !customEnd.value) return
- loading.value = true
- try {
- const res = await getDashboardCustom(customStart.value, customEnd.value)
- if (res.success) {
- trendData.value = res.data || []
- rangeDays.value = 0
- await nextTick()
- renderCharts()
- }
- } catch (e) {
- console.error('加载自定义范围数据失败', e)
- } finally {
- loading.value = false
- }
- }
-
- // 加载知识库分析
- async function loadKnowledgeAnalysis() {
- try {
- const res = await getDashboardKnowledge()
- if (res.success) {
- topHitDocuments.value = res.data?.topHitDocuments || []
- missQuestions.value = res.data?.missQuestions || []
- }
- } catch (e) {
- console.error('加载知识库分析数据失败', e)
- }
- }
-
- // 渲染 Chart.js 图表
- async function renderCharts() {
- const { Chart, LineController, LineElement, PointElement, LinearScale, CategoryScale, Tooltip, Legend, Filler } = await import('chart.js')
-
- // 注册所需组件
- Chart.register(LineController, LineElement, PointElement, LinearScale, CategoryScale, Tooltip, Legend, Filler)
-
- const labels = trendData.value.map(s => {
- const d = new Date(s.snapshotDate || s.snapshot_date)
- return `${d.getMonth() + 1}/${d.getDate()}`
- })
-
- // === 对话量趋势图 ===
- if (conversationChart) conversationChart.destroy()
- if (conversationChartRef.value) {
- const convData = trendData.value.map(s => s.conversationCount ?? s.conversation_count ?? 0)
- const msgData = trendData.value.map(s => s.messageCount ?? s.message_count ?? 0)
-
- conversationChart = new Chart(conversationChartRef.value, {
- type: 'line',
- data: {
- labels,
- datasets: [
- {
- label: '对话数',
- data: convData,
- borderColor: '#3b82f6',
- backgroundColor: 'rgba(59,130,246,0.1)',
- fill: true,
- tension: 0.3,
- pointRadius: 4,
- pointHoverRadius: 6
- },
- {
- label: '消息数',
- data: msgData,
- borderColor: '#8b5cf6',
- backgroundColor: 'rgba(139,92,246,0.1)',
- fill: true,
- tension: 0.3,
- pointRadius: 4,
- pointHoverRadius: 6
- }
- ]
- },
- options: {
- responsive: true,
- maintainAspectRatio: false,
- plugins: { legend: { position: 'bottom', labels: { boxWidth: 12, padding: 16, font: { size: 12 } } } },
- scales: {
- y: { beginAtZero: true, ticks: { font: { size: 11 } }, grid: { color: 'rgba(0,0,0,0.05)' } },
- x: { ticks: { font: { size: 11 } }, grid: { display: false } }
- }
- }
- })
- }
-
- // === 满意度趋势图（👍/👎 双线） ===
- if (satisfactionChart) satisfactionChart.destroy()
- if (satisfactionChartRef.value) {
- const upData = trendData.value.map(s => s.thumbsUpCount ?? s.thumbs_up_count ?? 0)
- const downData = trendData.value.map(s => s.thumbsDownCount ?? s.thumbs_down_count ?? 0)
-
- satisfactionChart = new Chart(satisfactionChartRef.value, {
- type: 'line',
- data: {
- labels,
- datasets: [
- {
- label: '👍 有帮助',
- data: upData,
- borderColor: '#10b981',
- backgroundColor: 'rgba(16,185,129,0.1)',
- fill: true,
- tension: 0.3,
- pointRadius: 4,
- pointHoverRadius: 6
- },
- {
- label: '👎 没帮助',
- data: downData,
- borderColor: '#ef4444',
- backgroundColor: 'rgba(239,68,68,0.1)',
- fill: true,
- tension: 0.3,
- pointRadius: 4,
- pointHoverRadius: 6
- }
- ]
- },
- options: {
- responsive: true,
- maintainAspectRatio: false,
- plugins: { legend: { position: 'bottom', labels: { boxWidth: 12, padding: 16, font: { size: 12 } } } },
- scales: {
- y: { beginAtZero: true, ticks: { font: { size: 11 } }, grid: { color: 'rgba(0,0,0,0.05)' } },
- x: { ticks: { font: { size: 11 } }, grid: { display: false } }
- }
- }
- })
- }
- }
-
- // 销毁图表
- function destroyCharts() {
- if (conversationChart) { conversationChart.destroy(); conversationChart = null }
- if (satisfactionChart) { satisfactionChart.destroy(); satisfactionChart = null }
- }
-
- onMounted(async () => {
- loading.value = true
- await Promise.all([
- loadOverview(),
- loadTrend(7),
- loadKnowledgeAnalysis()
- ])
- loading.value = false
- })
-
- onBeforeUnmount(() => {
- destroyCharts()
- })
-
- return {
- loading, rangeDays, customStart, customEnd,
- overview, trendData, topHitDocuments, missQuestions,
- conversationChartRef, satisfactionChartRef,
- satisfactionColor, formatPercent, formatDateShort,
- setRange, loadCustomRange
- }
- }
-}
diff --git a/src/main/resources/static/components/DocDetail.js b/src/main/resources/static/components/DocDetail.js
deleted file mode 100644
index 03bc347..0000000
--- a/src/main/resources/static/components/DocDetail.js
+++ /dev/null
@@ -1,186 +0,0 @@
-/**
- * 📄 文档详情弹窗
- * P1-2.5: 分块编辑/删除
- * P1-2.6: Markdown 渲染预览
- */
-import { computed, ref } from 'vue'
-import { store } from '../js/store.js'
-import { updateChunk, deleteChunk } from '../js/api.js'
-import { formatBytes, formatDate, renderMarkdown } from '../js/utils.js'
-import { toast } from '../js/utils.js'
-
-export default {
- template: `
-
-
-
-
-
-
- 📈 运营数据看板
-
-
-
- |
-
- 至
-
-
-
-
-
-
-
-
-
- {{ overview.conversationCount ?? 0 }}
- 今日对话数
-
-
- {{ formatPercent(overview.satisfactionRate) }}%
- 满意率
-
-
- {{ formatPercent(overview.ragHitRate) }}%
- 知识库命中率
-
-
- {{ overview.avgResponseTime ?? 0 }}ms
- 平均响应时间
-
-
-
-
-
-
-
-
- 📊 对话量趋势
-
-
-
-
-
- 📊 满意度趋势
-
-
-
-
-
-
-
-
-
-
-
-
- 📚 文档命中排行 TOP-10
- 暂无数据
-
-
-
-
-
-
-
- 排名
- 文档标题
- 命中次数
- 平均得分
-
-
-
- {{ idx + 1 }}
-
- {{ doc.hit_count ?? doc.cnt ?? 0 }}
- {{ doc.avg_score != null ? Number(doc.avg_score).toFixed(3) : '-' }}
-
-
- ❓ 未命中问题收集
- 暂无数据
-
-
-
- {{ idx + 1 }}.
- {{ item.user_query }}
- {{ formatDateShort(item.last_time) }}
-
- 加载中...
-
-
- `,
- setup() {
- const statusClass = computed(() => {
- const status = store.detailModal.doc?.status
- return status === 'READY' ? 'status-ready'
- : status === 'PROCESSING' ? 'status-processing'
- : 'status-failed'
- })
-
- // P1-2.6: 判断是否为 Markdown 类型
- const isMarkdown = computed(() => {
- const fileType = store.detailModal.doc?.fileType
- return fileType === 'md' || fileType === 'markdown'
- })
-
- // P1-2.6: Markdown 渲染后的内容
- const renderedContent = computed(() => {
- const content = store.detailModal.doc?.content
- if (!content) return '
-
-
- 文档详情
-
-
-
-
-
-
-
-
-
-
- 文档标题{{ store.detailModal.doc.title }}
- 原始文件名{{ store.detailModal.doc.sourceName || '-' }}
- 文件类型{{ store.detailModal.doc.fileType }}
- 文件大小{{ formatBytes(store.detailModal.doc.fileSize || 0) }}
- 状态{{ store.detailModal.doc.status }}
- 分块数{{ store.detailModal.doc.chunkCount }}
- 分类{{ store.getCategoryName(store.detailModal.doc.categoryId) }}
- 创建时间{{ formatDate(store.detailModal.doc.createTime) }}原文内容
-
- {{ store.detailModal.doc.content || '-' }}
- 分块详情（{{ store.detailModal.chunks.length }} 个）
- {{ store.detailModal.chunksError }}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {{ chunk.content || '' }}
-
-
- `,
- setup() {
- const documents = ref([])
- const page = ref(1)
- const pages = ref(1)
- const total = ref(0)
- const filterCategory = ref('')
- const filterStatus = ref('')
- const keyword = ref('')
- const filterTag = ref('')
- const selectedIds = ref(new Set())
- const moveCategoryId = ref('')
-
- // 防抖搜索
- let debounceTimer = null
- function debouncedLoad() {
- clearTimeout(debounceTimer)
- debounceTimer = setTimeout(() => load(1), 300)
- }
-
- // 轮询控制
- let pollTimer = null
- const hasProcessing = ref(false)
-
- function startPolling() {
- stopPolling()
- hasProcessing.value = true
- pollTimer = setInterval(async () => {
- await load(page.value)
- if (!documents.value.some(d => d.status === 'PROCESSING')) {
- stopPolling()
- store.loadStats()
- toast('所有文档处理完成', 'success')
- }
- }, 2000)
- }
-
- function stopPolling() {
- hasProcessing.value = false
- if (pollTimer) {
- clearInterval(pollTimer)
- pollTimer = null
- }
- }
-
- // 组件卸载时清理定时器
- onUnmounted(() => {
- stopPolling()
- clearTimeout(debounceTimer)
- })
-
- // 计算是否全选（computed 确保响应式更新）
- const isAllSelected = computed(() => {
- return documents.value.length > 0 && documents.value.every(d => selectedIds.value.has(d.id))
- })
-
- function statusClass(status) {
- return status === 'READY' ? 'status-ready'
- : status === 'PROCESSING' ? 'status-processing'
- : 'status-failed'
- }
-
- function statusLabel(status) {
- return status === 'READY' ? '已完成'
- : status === 'PROCESSING' ? '处理中'
- : status === 'FAILED' ? '失败'
- : status
- }
-
- function formatSize(bytes) {
- if (!bytes || bytes === 0) return '-'
- return formatBytes(bytes)
- }
-
- /** P1-2.3: 从文档的 tags JSONB 中提取标签数组 */
- function getDocTags(doc) {
- if (!doc.tags) return []
- const t = doc.tags
- if (t.tags && Array.isArray(t.tags)) return t.tags
- if (Array.isArray(t)) return t
- return []
- }
-
- /** P1-2.1: 禁用文档行灰色标记 */
- function getRowStyle(doc) {
- const base = selectedIds.value.has(doc.id) ? 'background:#f3f4f6;' : ''
- if (doc.enabled === false) return base + 'opacity:0.5;'
- return base
- }
-
- async function load(p = 1) {
- page.value = p
- // 切换页面时清空选择
- selectedIds.value = new Set()
- try {
- const json = await listDocuments(p, 10,
- filterCategory.value || undefined,
- filterStatus.value || undefined,
- keyword.value.trim() || undefined,
- filterTag.value || undefined)
- if (json.success) {
- documents.value = json.data || []
- total.value = json.total || 0
- pages.value = json.pages || 1
- // 检查是否有处理中的文档，启动轮询
- if (documents.value.some(d => d.status === 'PROCESSING')) {
- if (!pollTimer) startPolling()
- }
- } else {
- toast(json.message || '查询失败', 'error')
- }
- } catch (e) {
- toast('加载文档失败：' + e.message, 'error')
- }
- }
-
- function toggleSelect(id) {
- const s = new Set(selectedIds.value)
- if (s.has(id)) s.delete(id)
- else s.add(id)
- selectedIds.value = s
- }
-
- function toggleSelectAll() {
- if (isAllSelected.value) {
- selectedIds.value = new Set()
- } else {
- const s = new Set()
- documents.value.forEach(d => s.add(d.id))
- selectedIds.value = s
- }
- }
-
- function clearSelection() {
- selectedIds.value = new Set()
- }
-
- function viewDetail(id) {
- store.openDetail(id)
- }
-
- function download(id) {
- downloadDocument(id)
- }
-
- // P1-2.1: 切换单个文档启用/禁用
- async function toggle(doc) {
- try {
- const json = await toggleDocument(doc.id)
- if (json.success) {
- doc.enabled = json.data.enabled
- toast(json.message, 'success')
- } else {
- toast(json.message || '操作失败', 'error')
- // 恢复开关状态
- load(page.value)
- }
- } catch (e) {
- toast('操作失败：' + e.message, 'error')
- load(page.value)
- }
- }
-
- async function remove(id) {
- if (!confirm('确定删除此文档？关联的向量也将被删除')) return
- try {
- const json = await deleteDocument(id)
- if (json.success) {
- toast(`已删除，连带删除 ${json.deletedVectors || 0} 个向量`, 'success')
- load(page.value)
- store.loadStats()
- } else {
- toast(json.message || '删除失败', 'error')
- }
- } catch (e) {
- toast('删除失败：' + e.message, 'error')
- }
- }
-
- async function reprocess(id) {
- if (!confirm('确定重新处理此文档？将重新分块并向量化')) return
- try {
- const json = await reprocessDocument(id)
- if (json.success) {
- toast(json.message || '已提交重新处理', 'success')
- load(page.value)
- if (!pollTimer) startPolling()
- } else {
- toast(json.message || '重新处理失败', 'error')
- }
- } catch (e) {
- toast('重新处理失败：' + e.message, 'error')
- }
- }
-
- async function batchRemove() {
- const ids = Array.from(selectedIds.value)
- if (!confirm(`确定删除选中的 ${ids.length} 个文档？关联的向量也将被删除`)) return
- try {
- const json = await batchDeleteDocuments(ids)
- if (json.success) {
- toast(json.message, 'success')
- selectedIds.value = new Set()
- load(page.value)
- store.loadStats()
- } else {
- toast(json.message || '批量删除失败', 'error')
- }
- } catch (e) {
- toast('批量删除失败：' + e.message, 'error')
- }
- }
-
- async function batchReprocess() {
- const ids = Array.from(selectedIds.value)
- if (!confirm(`确定重新处理选中的 ${ids.length} 个文档？`)) return
- try {
- const json = await batchReprocessDocuments(ids)
- if (json.success) {
- toast(json.message, 'success')
- selectedIds.value = new Set()
- load(page.value)
- if (!pollTimer) startPolling()
- } else {
- toast(json.message || '批量重新处理失败', 'error')
- }
- } catch (e) {
- toast('批量重新处理失败：' + e.message, 'error')
- }
- }
-
- // P1-2.1: 批量启用
- async function batchEnable() {
- const ids = Array.from(selectedIds.value)
- if (!confirm(`确定启用选中的 ${ids.length} 个文档？`)) return
- try {
- const json = await batchToggleDocuments(ids, true)
- if (json.success) {
- toast(json.message, 'success')
- selectedIds.value = new Set()
- load(page.value)
- } else {
- toast(json.message || '批量启用失败', 'error')
- }
- } catch (e) {
- toast('批量启用失败：' + e.message, 'error')
- }
- }
-
- // P1-2.1: 批量禁用
- async function batchDisable() {
- const ids = Array.from(selectedIds.value)
- if (!confirm(`确定禁用选中的 ${ids.length} 个文档？禁用后将不参与 RAG 检索`)) return
- try {
- const json = await batchToggleDocuments(ids, false)
- if (json.success) {
- toast(json.message, 'success')
- selectedIds.value = new Set()
- load(page.value)
- } else {
- toast(json.message || '批量禁用失败', 'error')
- }
- } catch (e) {
- toast('批量禁用失败：' + e.message, 'error')
- }
- }
-
- // P1-2.2: 批量移动分类
- async function batchMove() {
- const ids = Array.from(selectedIds.value)
- const catId = moveCategoryId.value
- if (!catId && catId !== '0') {
- toast('请选择目标分类', 'error')
- return
- }
- const catName = catId === '0' ? '未分类' : store.getCategoryName(catId)
- if (!confirm(`确定将选中的 ${ids.length} 个文档移动到「${catName}」？`)) return
- try {
- // 注意：不可用 parseInt，雪花 ID 超出 Number.MAX_SAFE_INTEGER 会丢失精度
- const json = await batchMoveDocuments(ids, catId === '0' ? 0 : catId)
- if (json.success) {
- toast(json.message, 'success')
- selectedIds.value = new Set()
- moveCategoryId.value = ''
- load(page.value)
- store.loadStats()
- } else {
- toast(json.message || '批量移动失败', 'error')
- }
- } catch (e) {
- toast('批量移动失败：' + e.message, 'error')
- }
- }
-
- return {
- documents, page, pages, total, filterCategory, filterStatus, keyword, filterTag,
- selectedIds, moveCategoryId, store, statusClass, statusLabel, isAllSelected, hasProcessing,
- formatSize, debouncedLoad, getDocTags, getRowStyle,
- load, toggleSelect, toggleSelectAll, clearSelection,
- viewDetail, toggle, remove, reprocess, batchRemove, batchReprocess,
- batchEnable, batchDisable, batchMove, formatDate, download
- }
- }
-}
diff --git a/src/main/resources/static/components/DocSearch.js b/src/main/resources/static/components/DocSearch.js
deleted file mode 100644
index b894475..0000000
--- a/src/main/resources/static/components/DocSearch.js
+++ /dev/null
@@ -1,105 +0,0 @@
-/**
- * 🔍 知识库搜索测试（支持多种检索模式）
- */
-import { ref } from 'vue'
-import { searchDocuments } from '../js/api.js'
-import { toast } from '../js/utils.js'
-
-export default {
- template: `
- 文档列表
-
-
-
-
-
-
-
-
-
- ⏳ 有文档处理中...
-
-
-
- 已选 {{ selectedIds.size }} 项
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 标题
- 类型
- 大小
- 分类
- 状态
- 启用
- 分块数
- 创建时间
- 操作
-
-
- 暂无文档
-
-
-
-
-
- {{ d.title }}
-
- {{ d.sourceName || '' }}
-
-
- {{ tag }}
-
- {{ d.fileType }}
- {{ formatSize(d.fileSize) }}
- {{ store.getCategoryName(d.categoryId) }}
- {{ statusLabel(d.status) }}
-
-
-
-
- {{ d.chunkCount || 0 }}
- {{ formatDate(d.createTime) }}
-
-
-
-
-
-
-
-
-
-
- ...
-
-
-
-
-
- `,
- setup() {
- const query = ref('')
- const topK = ref(5)
- const threshold = ref(0.5)
- const searchMode = ref('VECTOR')
- const results = ref([])
- const isSearching = ref(false)
- const searched = ref(false)
- const errorMsg = ref('')
-
- async function search() {
- if (!query.value.trim()) {
- toast('请输入查询内容', 'error')
- return
- }
- isSearching.value = true
- searched.value = false
- errorMsg.value = ''
- try {
- const json = await searchDocuments(query.value, topK.value, threshold.value, null, null, searchMode.value)
- if (!json.success) {
- errorMsg.value = json.message
- results.value = []
- } else {
- results.value = json.data || []
- }
- searched.value = true
- } catch (e) {
- errorMsg.value = e.message
- results.value = []
- searched.value = true
- } finally {
- isSearching.value = false
- }
- }
-
- function formatScore(r) {
- if (r.searchMode === 'KEYWORD' || r.searchMode === 'HYBRID') {
- return r.score != null ? r.score.toFixed(4) : '-'
- }
- return r.score != null ? (1 - r.score).toFixed(4) : '-'
- }
-
- function modeLabel(m) {
- return { VECTOR: '向量', KEYWORD: '关键词', HYBRID: '混合' }[m] || m || '向量'
- }
-
- function modeColor(m) {
- return { VECTOR: '#007bff', KEYWORD: '#28a745', HYBRID: '#6f42c1' }[m] || '#6c757d'
- }
-
- return { query, topK, threshold, searchMode, results, isSearching, searched, errorMsg, search, formatScore, modeLabel, modeColor }
- }
-}
diff --git a/src/main/resources/static/components/DocStats.js b/src/main/resources/static/components/DocStats.js
deleted file mode 100644
index bfda2c5..0000000
--- a/src/main/resources/static/components/DocStats.js
+++ /dev/null
@@ -1,39 +0,0 @@
-/**
- * 📊 知识库统计面板
- */
-import { computed } from 'vue'
-import { store } from '../js/store.js'
-import { formatDate } from '../js/utils.js'
-
-export default {
- template: `
- 知识库搜索测试
-
-
-
-
-
-
-
-
- 搜索中...
-
- 未找到相关结果
-
- 搜索失败：{{ errorMsg }}
-
-
-
-
-
-
- {{ modeLabel(r.searchMode) }}
- 得分: {{ formatScore(r) }} | {{ r.title || '无标题' }} | {{ r.sourceName || '无来源' }}
-
- {{ r.content || '' }}
-
-
- `,
- setup() {
- const fileTypeDetail = computed(() => {
- if (!store.stats?.byFileType) return ''
- const entries = Object.entries(store.stats.byFileType)
- if (entries.length === 0) return ''
- return '文件类型: ' + entries.map(([k, v]) => `${k}: ${v}`).join(', ')
- })
-
- return { store, fileTypeDetail, formatDate }
- }
-}
diff --git a/src/main/resources/static/components/DocUpload.js b/src/main/resources/static/components/DocUpload.js
deleted file mode 100644
index 19a28e5..0000000
--- a/src/main/resources/static/components/DocUpload.js
+++ /dev/null
@@ -1,469 +0,0 @@
-/**
- * 📤 文档上传面板
- * 支持 6 种上传格式 + 前端校验 + 上传进度 + 分块配置
- */
-import { ref, reactive, computed } from 'vue'
-import { store } from '../js/store.js'
-import { uploadFile, uploadString, uploadMarkdown, uploadJsonBasic, uploadJsonFields, uploadJsonPointer } from '../js/api.js'
-import { toast, formatBytes, authHeaders, API_BASE } from '../js/utils.js'
-
-// ==================== 上传校验常量 ====================
-
-/** 允许上传的文件类型白名单 */
-const ALLOWED_EXTENSIONS = new Set([
- 'pdf', 'doc', 'docx', 'xls', 'xlsx', 'ppt', 'pptx',
- 'txt', 'md', 'json', 'csv', 'html', 'xml', 'rtf'
-])
-
-/** 文件大小上限 50MB */
-const MAX_FILE_SIZE = 50 * 1024 * 1024
-
-export default {
- template: `
- 知识库概览
-
-
-
-
- {{ store.stats?.totalDocuments || 0 }}
- 文档总数
-
-
- {{ store.stats?.totalVectors || 0 }}
- 向量总数
-
-
- {{ store.stats?.lastUploadTime ? formatDate(store.stats.lastUploadTime) : '-' }}
- 最近上传
- {{ fileTypeDetail }}
-
-
- `,
- setup() {
- const activeSubTab = ref('file')
- const uploadCategory = ref('')
- const uploadTags = ref('')
- const stringTitle = ref('')
- const stringContent = ref('')
- const jsonFieldsStr = ref('')
- const jsonPointerStr = ref('')
- const showAdvanced = ref(false)
- const chunkSizeOverride = ref(null)
- const overlapOverride = ref(null)
- const uploadProgress = ref(-1)
-
- // 文件 input 的 ref 引用（Composition API 需要声明才能在模板中使用）
- const fileInput = ref(null)
- const mdInput = ref(null)
- const jsonBInput = ref(null)
- const jsonFInput = ref(null)
- const jsonPInput = ref(null)
- const tagInputRef = ref(null)
-
- // P1-2.3: 标签输入状态
- const tagList = ref([])
- const tagInputValue = ref('')
- const tagInputFocused = ref(false)
-
- const filteredSuggestions = computed(() => {
- const input = tagInputValue.value.trim().toLowerCase()
- if (!input) return (store.tags || []).slice(0, 10)
- return (store.tags || [])
- .filter(t => t.tag.toLowerCase().includes(input) && !tagList.value.includes(t.tag))
- .slice(0, 8)
- })
-
- function addTag() {
- const val = tagInputValue.value.trim().replace(/,/g, '')
- if (val && !tagList.value.includes(val)) {
- tagList.value.push(val)
- }
- tagInputValue.value = ''
- }
-
- function removeTag(idx) {
- tagList.value.splice(idx, 1)
- }
-
- function selectSuggestion(tag) {
- if (!tagList.value.includes(tag)) {
- tagList.value.push(tag)
- }
- tagInputValue.value = ''
- tagInputFocused.value = false
- }
-
- function onTagInput() {
- // 输入时自动显示建议列表
- }
-
- function onTagBlur() {
- // 延迟关闭建议列表，让 mousedown 事件先触发
- setTimeout(() => { tagInputFocused.value = false }, 200)
- }
-
- const fileData = reactive({
- file: null, markdown: null, jsonBasic: null, jsonFields: null, jsonPointer: null
- })
-
- const fileInfo = reactive({
- file: '', markdown: '', jsonBasic: '', jsonFields: '', jsonPointer: ''
- })
-
- const results = reactive({
- file: '', string: '', markdown: '', jsonBasic: '', jsonFields: '', jsonPointer: ''
- })
-
- const validationErrors = reactive({
- file: '', markdown: '', jsonBasic: '', jsonFields: '', jsonPointer: ''
- })
-
- // 检查按钮是否应禁用
- const getButtonState = (type) => {
- return !fileData[type] || !!validationErrors[type]
- }
-
- const subTabs = [
- { key: 'file', icon: '📎', label: '通用文件' },
- { key: 'string', icon: '📝', label: '文本内容' },
- { key: 'markdown', icon: '📑', label: 'Markdown' },
- { key: 'jsonBasic', icon: '📋', label: 'JSON 基本' },
- { key: 'jsonFields', icon: '🔑', label: 'JSON 按字段' },
- { key: 'jsonPointer', icon: '📍', label: 'JSON 按指针' }
- ]
-
- /**
- * 校验文件列表，返回错误信息或空字符串
- */
- function validateFiles(files) {
- for (const f of files) {
- // 文件大小校验
- if (f.size > MAX_FILE_SIZE) {
- return `文件"${f.name}"超过 50MB 大小限制`
- }
- // 文件类型校验
- const ext = f.name.includes('.') ? f.name.substring(f.name.lastIndexOf('.') + 1).toLowerCase() : ''
- if (ext && !ALLOWED_EXTENSIONS.has(ext)) {
- return `文件类型".${ext}"不在允许列表中`
- }
- }
- return ''
- }
-
- function handleFileSelect(event, type) {
- const input = event.target
- if (!input.files || input.files.length === 0) return
- const files = Array.from(input.files)
-
- // 前端校验
- const error = validateFiles(files)
-
- if (error) {
- // 校验不通过：清空数据，保持按钮禁用
- validationErrors[type] = error
- fileData[type] = null
- fileInfo[type] = `${error}`
- toast(error, 'error')
- return
- }
-
- // 校验通过
- validationErrors[type] = ''
- fileData[type] = files
- const totalSize = files.reduce((s, f) => s + f.size, 0)
- const label = files.length > 1
- ? `已选择 ${files.length} 个文件（共 ${formatBytes(totalSize)}）`
- : `已选择：${files[0].name} (${formatBytes(files[0].size)})`
- fileInfo[type] = label
- }
-
- function handleDrop(event, type) {
- event.currentTarget.classList.remove('drag-over')
- const dt = new DataTransfer()
- for (const f of event.dataTransfer.files) dt.items.add(f)
- const fakeEvent = { target: { files: dt.files } }
- handleFileSelect(fakeEvent, type)
- }
-
- /**
- * 构建分块参数的 query string
- */
- function chunkParams() {
- const params = []
- if (chunkSizeOverride.value) params.push(`chunkSize=${chunkSizeOverride.value}`)
- if (overlapOverride.value) params.push(`overlap=${overlapOverride.value}`)
- return params.length > 0 ? (params.join('&')) : ''
- }
-
- /**
- * 将分块参数附加到 URL
- */
- function appendChunkParams(url) {
- const cp = chunkParams()
- if (!cp) return url
- return url + (url.includes('?') ? '&' : '?') + cp
- }
-
- async function doUpload(type) {
- const catId = uploadCategory.value
- // P1-2.3: 使用标签列表替代逗号分隔输入
- const tagsStr = tagList.value.length > 0 ? tagList.value.join(',') : uploadTags.value.trim()
- uploadProgress.value = -1
-
- // 文本内容上传
- if (type === 'string') {
- if (!stringContent.value.trim()) {
- toast('请输入文本内容', 'error')
- return
- }
- try {
- const title = stringTitle.value.trim() || stringContent.value.trim().substring(0, 30)
- let url = `/upload/string?title=${encodeURIComponent(title)}`
- if (catId) url += `&categoryId=${catId}`
- if (tagsStr) url += `&tags=${encodeURIComponent(tagsStr)}`
- url = appendChunkParams(url)
-
- const res = await fetch(API_BASE + url, { method: 'POST', headers: { 'Content-Type': 'text/plain', ...authHeaders() }, body: stringContent.value })
- const json = await res.json()
- if (json.success) {
- const isProcessing = json.data && json.data.status === 'PROCESSING'
- const statusText = isProcessing ? '后台处理中...' : `分块数：${json.data.chunkCount} | 状态：已完成`
- results.string = `文档上传
-
-
-
-
-
-
-
-
-
-
- {{ tag }}×
-
-
-
-
-
-
-
- {{ s.tag }} ({{ s.count }})
-
-
-
-
-
-
-
-
-
-
-
- Token
-
-
-
-
-
-
-
-
-
-
-
- 上传进度：{{ uploadProgress }}%
-
-
-
-
- POST
- /upload/file（Tika 多格式解析）
-
-
- {{ validationErrors.file }}
-
-
-
-
-
-
- POST
-
-
-
-
- /upload/string（直接上传文本）
-
-
-
- POST
- /upload/markdown
-
-
- {{ validationErrors.markdown }}
-
-
-
-
-
-
- POST
- /upload/json/basic（整体解析）
-
-
- {{ validationErrors.jsonBasic }}
-
-
-
-
-
-
- POST
- /upload/json/fields（按字段名提取）
-
-
- {{ validationErrors.jsonFields }}
-
-
-
-
-
- POST
- /upload/json/pointer（JSON Pointer 路径拆分）
-
-
- {{ validationErrors.jsonPointer }}
-
-
-
- ${json.message} | ${statusText}`
- toast(json.message, 'success')
- store.loadCategories()
- store.loadStats()
- } else {
- const isDuplicate = json.message && json.message.includes('重复')
- results.string = `${json.message}`
- if (!isDuplicate) toast(json.message, 'error')
- }
- } catch (e) {
- results.string = `上传失败：${e.message}`
- toast('上传失败：' + e.message, 'error')
- }
- return
- }
-
- // 文件类上传
- const files = fileData[type]
- if (!files || files.length === 0) {
- toast('请先选择文件', 'error')
- return
- }
-
- let successCount = 0, failCount = 0
- const resultsHtml = []
-
- for (let i = 0; i < files.length; i++) {
- const file = files[i]
- uploadProgress.value = files.length > 1 ? Math.round((i / files.length) * 100) : 0
- try {
- const formData = new FormData()
- formData.append('file', file)
- if (catId) formData.append('categoryId', catId)
- if (tagsStr) formData.append('tags', tagsStr)
- // P1-2.4: 传递 per-doc 分块参数
- if (chunkSizeOverride.value) formData.append('chunkSize', chunkSizeOverride.value)
- if (overlapOverride.value) formData.append('overlap', overlapOverride.value)
-
- let json
- const onProgress = files.length === 1 ? (p) => { uploadProgress.value = p } : null
-
- switch (type) {
- case 'file':
- json = await uploadFile(formData, onProgress)
- break
- case 'markdown':
- json = await uploadMarkdown(formData, onProgress)
- break
- case 'jsonBasic':
- json = await uploadJsonBasic(formData, onProgress)
- break
- case 'jsonFields': {
- if (!jsonFieldsStr.value.trim()) {
- toast('请输入要提取的字段名', 'error')
- uploadProgress.value = -1
- return
- }
- json = await uploadJsonFields(formData, jsonFieldsStr.value.trim(), onProgress)
- break
- }
- case 'jsonPointer': {
- if (!jsonPointerStr.value.trim()) {
- toast('请输入 JSON Pointer 路径', 'error')
- uploadProgress.value = -1
- return
- }
- json = await uploadJsonPointer(formData, jsonPointerStr.value.trim(), onProgress)
- break
- }
- }
-
- if (json.success) {
- successCount++
- const isProcessing = json.data && json.data.status === 'PROCESSING'
- const chunkInfo = isProcessing ? '后台处理中...' : `${json.data.chunkCount || 0} 分块`
- resultsHtml.push(`${file.name} — ${chunkInfo}`)
- } else {
- failCount++
- const isDuplicate = json.message && json.message.includes('重复')
- resultsHtml.push(`${file.name} — ${json.message || '错误'}`)
- }
- } catch (e) {
- failCount++
- resultsHtml.push(`${file.name} — ${e.message}`)
- }
- }
-
- uploadProgress.value = 100
- setTimeout(() => { uploadProgress.value = -1 }, 1500)
-
- const summary = successCount > 0
- ? `上传完成：成功 ${successCount} 个${failCount > 0 ? `，失败 ${failCount} 个` : ''}`
- : `全部失败（${failCount} 个文件）`
- results[type] = `${summary}`
- toast(summary, successCount > 0 ? 'success' : 'error')
-
- if (successCount > 0) {
- store.loadCategories()
- store.loadStats()
- }
- }
-
- return {
- activeSubTab, uploadCategory, uploadTags, subTabs,
- stringTitle, stringContent, jsonFieldsStr, jsonPointerStr,
- showAdvanced, chunkSizeOverride, overlapOverride,
- uploadProgress,
- fileInput, mdInput, jsonBInput, jsonFInput, jsonPInput,
- tagInputRef, tagList, tagInputValue, tagInputFocused,
- filteredSuggestions, addTag, removeTag, selectSuggestion, onTagInput, onTagBlur,
- fileData, fileInfo, results, validationErrors, store,
- getButtonState,
- handleFileSelect, handleDrop, doUpload, formatBytes
- }
- }
-}
diff --git a/src/main/resources/static/components/FaqManager.js b/src/main/resources/static/components/FaqManager.js
deleted file mode 100644
index 7a6c489..0000000
--- a/src/main/resources/static/components/FaqManager.js
+++ /dev/null
@@ -1,340 +0,0 @@
-/**
- * FAQ 管理组件
- * 支持 CRUD + 批量导入 + 导出 + 启用/禁用
- * 分类引用文档管理的 knowledge_category 分类树
- */
-import { listFaqs, createFaq, updateFaq, deleteFaq, toggleFaqStatus, batchImportFaqs, exportFaqs, getFaqStats, getCategoryTree } from '../js/api.js'
-import { toast } from '../js/utils.js'
-
-/**
- * 将分类树扁平化为 [{id, name, path}] 列表，path 为完整路径如 "一级/二级"
- */
-function flattenCategoryTree(tree, prefix = '') {
- if (!tree || !Array.isArray(tree)) return []
- const result = []
- for (const node of tree) {
- const path = prefix ? `${prefix} / ${node.name}` : node.name
- result.push({ id: node.id, name: node.name, path })
- if (node.children && node.children.length) {
- result.push(...flattenCategoryTree(node.children, path))
- }
- }
- return result
-}
-
-export default {
- template: `
- ${resultsHtml.join('
')}
-
- `,
-
- data() {
- return {
- faqs: [],
- loading: false,
- page: 1,
- pageSize: 20,
- total: 0,
- searchKeyword: '',
- filterCategoryId: '',
- filterStatus: '',
- flatCategories: [],
- categoryMap: {},
- stats: null,
- showFormDialog: false,
- showImportDialog: false,
- editingFaq: null,
- form: { question: '', answer: '', similarQuestionsText: '', categoryId: null, priority: 0 },
- importJson: '',
- searchTimer: null
- }
- },
-
- mounted() {
- this.loadCategories()
- this.loadList()
- this.loadStats()
- },
-
- methods: {
- async loadCategories() {
- try {
- const res = await getCategoryTree()
- if (res.success) {
- this.flatCategories = flattenCategoryTree(res.data)
- // 构建 id → path 映射，用于表格中显示分类名
- const map = {}
- for (const c of this.flatCategories) {
- map[c.id] = c.path
- }
- this.categoryMap = map
- }
- } catch (e) {
- console.warn('加载分类树失败', e)
- }
- },
-
- getCategoryName(categoryId) {
- if (!categoryId) return ''
- return this.categoryMap[categoryId] || ''
- },
-
- async loadList() {
- this.loading = true
- try {
- const res = await listFaqs(this.page, this.pageSize, this.searchKeyword || undefined, this.filterCategoryId || undefined, this.filterStatus || undefined)
- if (res.success) {
- this.faqs = res.data?.records || res.data || []
- this.total = res.data?.total || res.total || 0
- }
- } catch (e) {
- toast('加载失败: ' + e.message, 'error')
- }
- this.loading = false
- },
-
- async loadStats() {
- try {
- const res = await getFaqStats()
- if (res.success) this.stats = res.data
- } catch { /* silent */ }
- },
-
- debouncedSearch() {
- clearTimeout(this.searchTimer)
- this.searchTimer = setTimeout(() => { this.page = 1; this.loadList() }, 300)
- },
-
- openAddDialog() {
- this.editingFaq = null
- this.form = { question: '', answer: '', similarQuestionsText: '', categoryId: null, priority: 0 }
- this.showFormDialog = true
- },
-
- openEditDialog(f) {
- this.editingFaq = f
- let similarText = ''
- try {
- const arr = typeof f.similarQuestions === 'string' ? JSON.parse(f.similarQuestions) : f.similarQuestions
- similarText = Array.isArray(arr) ? arr.join('\n') : ''
- } catch { similarText = f.similarQuestions || '' }
- this.form = { question: f.question, answer: f.answer, similarQuestionsText: similarText, categoryId: f.categoryId || null, priority: f.priority || 0 }
- this.showFormDialog = true
- },
-
- async saveFaq() {
- const similarQuestions = this.form.similarQuestionsText.split('\n').map(s => s.trim()).filter(Boolean)
- const data = {
- question: this.form.question,
- answer: this.form.answer,
- similarQuestions: JSON.stringify(similarQuestions),
- categoryId: this.form.categoryId || null,
- priority: this.form.priority || 0
- }
- try {
- let res
- if (this.editingFaq) {
- res = await updateFaq(this.editingFaq.id, data)
- } else {
- res = await createFaq(data)
- }
- if (res.success) {
- toast(this.editingFaq ? '修改成功' : '添加成功', 'success')
- this.showFormDialog = false
- this.loadList()
- this.loadStats()
- } else {
- toast(res.message || '操作失败', 'error')
- }
- } catch (e) {
- toast('操作失败: ' + e.message, 'error')
- }
- },
-
- async toggleStatus(f) {
- const newStatus = f.status === 'ENABLED' ? 'DISABLED' : 'ENABLED'
- try {
- const res = await toggleFaqStatus(f.id, newStatus)
- if (res.success) {
- f.status = newStatus
- toast(`已${newStatus === 'ENABLED' ? '启用' : '禁用'}`, 'success')
- } else {
- toast(res.message || '操作失败', 'error')
- }
- } catch (e) {
- toast('操作失败: ' + e.message, 'error')
- }
- },
-
- async removeFaq(id) {
- if (!confirm('确认删除该 FAQ？')) return
- try {
- const res = await deleteFaq(id)
- if (res.success) { toast('删除成功', 'success'); this.loadList(); this.loadStats() }
- else toast(res.message || '删除失败', 'error')
- } catch (e) {
- toast('删除失败: ' + e.message, 'error')
- }
- },
-
- async doImport() {
- try {
- const faqs = JSON.parse(this.importJson)
- if (!Array.isArray(faqs) || faqs.length === 0) return toast('请输入有效的 FAQ 数组', 'error')
- // 处理 similarQuestions 字段
- for (const f of faqs) {
- if (Array.isArray(f.similarQuestions)) f.similarQuestions = JSON.stringify(f.similarQuestions)
- else if (!f.similarQuestions) f.similarQuestions = '[]'
- }
- const res = await batchImportFaqs({ faqs })
- if (res.success) {
- toast(`成功导入 ${res.data || faqs.length} 条`, 'success')
- this.showImportDialog = false
- this.importJson = ''
- this.loadList()
- this.loadStats()
- } else {
- toast(res.message || '导入失败', 'error')
- }
- } catch (e) {
- if (e instanceof SyntaxError) toast('JSON 格式错误', 'error')
- else toast('导入失败: ' + e.message, 'error')
- }
- },
-
- async doExport() {
- try {
- const res = await exportFaqs()
- if (res.success) {
- const data = JSON.stringify(res.data, null, 2)
- const blob = new Blob([data], { type: 'application/json' })
- const url = URL.createObjectURL(blob)
- const a = document.createElement('a')
- a.href = url; a.download = 'faq_export.json'; a.click()
- URL.revokeObjectURL(url)
- toast('导出成功', 'success')
- } else {
- toast(res.message || '导出失败', 'error')
- }
- } catch (e) {
- toast('导出失败: ' + e.message, 'error')
- }
- }
- }
-}
diff --git a/src/main/resources/static/components/LoginPage.js b/src/main/resources/static/components/LoginPage.js
deleted file mode 100644
index c3f9fbf..0000000
--- a/src/main/resources/static/components/LoginPage.js
+++ /dev/null
@@ -1,71 +0,0 @@
-/**
- * 登录页组件
- * 全屏居中登录表单，JWT Token 认证
- */
-import { ref } from 'vue'
-import { login } from '../js/api.js'
-import { setToken, setRefreshToken, setUserInfo, toast } from '../js/utils.js'
-
-export default {
- template: `
- ❓ FAQ 精准匹配管理
-
-
-
-
-
-
-
-
-
-
-
-
-
- 总计: {{ stats.totalCount || 0 }}
- 启用: {{ stats.enabledCount || 0 }}
- 总命中: {{ stats.totalHitCount || stats.totalHits || 0 }}
-
-
-
-
-
-
-
-
-
-
-
-
- 问题
- 答案（摘要）
- 分类
- 优先级
- 命中
- 状态
- 操作
- 加载中... 暂无 FAQ
-
-
-
-
- {{ getCategoryName(f.categoryId) || f.category || '-' }}
- {{ f.priority }}
- {{ f.hitCount }}
-
-
- {{ f.status === 'ENABLED' ? '✅ 启用' : '❌ 禁用' }}
-
-
-
-
-
-
-
-
- 第 {{ page }} / {{ Math.ceil(total / pageSize) }} 页（共 {{ total }} 条）
-
-
-
-
-
-
-
-
-
-
- {{ editingFaq ? '编辑 FAQ' : '添加 FAQ' }}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 批量导入 FAQ
-
-
-
-
-
-
- `,
- setup(props, { emit }) {
- const username = ref('')
- const password = ref('')
- const loading = ref(false)
- const errorMsg = ref('')
-
- async function handleLogin() {
- if (!username.value || !password.value) {
- errorMsg.value = '请输入用户名和密码'
- return
- }
- loading.value = true
- errorMsg.value = ''
- try {
- const res = await login(username.value, password.value)
- if (res.success && res.data) {
- setToken(res.data.accessToken)
- setRefreshToken(res.data.refreshToken)
- setUserInfo(res.data.user)
- toast('登录成功', 'success')
- emit('login-success', res.data.user)
- } else {
- errorMsg.value = res.message || '登录失败'
- }
- } catch (e) {
- errorMsg.value = '网络错误，请重试'
- } finally {
- loading.value = false
- }
- }
-
- return { username, password, loading, errorMsg, handleLogin }
- }
-}
diff --git a/src/main/resources/static/components/McpServerManager.js b/src/main/resources/static/components/McpServerManager.js
deleted file mode 100644
index ca97f91..0000000
--- a/src/main/resources/static/components/McpServerManager.js
+++ /dev/null
@@ -1,524 +0,0 @@
-/**
- * MCP 服务管理组件
- * 支持 SSE / stdio 两种传输类型的 MCP Server 配置管理
- * 功能：列表展示、新建/编辑/删除、启用/禁用切换、测试连接、刷新连接、分页
- */
-import { ref, computed, onMounted, onUnmounted } from 'vue'
-import * as api from '../js/api.js'
-import { toast, formatDate } from '../js/utils.js'
-
-// 传输类型选项
-const TRANSPORT_OPTIONS = [
- { value: 'sse', label: 'SSE（HTTP 服务）' },
- { value: 'stdio', label: 'Stdio（本地进程）' }
-]
-
-export default {
- template: `
-
-
-
-
-
-
- 🤖
- AI 智能客服系统
-
-
-
-
-
- `,
-
- setup() {
- // ==================== 列表状态 ====================
- const servers = ref([])
- const currentPage = ref(1)
- const totalPages = ref(1)
- const total = ref(0)
- const pageSize = 10
-
- // ==================== 弹窗状态 ====================
- const showModal = ref(false)
- const modalMode = ref('add') // 'add' | 'edit'
- const editId = ref(null)
- const saving = ref(false)
-
- // 表单数据
- const form = ref(createEmptyForm())
-
- function createEmptyForm() {
- return {
- name: '',
- transportType: 'sse',
- url: '',
- command: '',
- argsText: '',
- envText: '',
- description: ''
- }
- }
-
- // ==================== 测试连接状态 ====================
- const testLoading = ref({})
- const testResult = ref({ visible: false, success: false, message: '' })
- let testResultTimer = null
-
- // ==================== 刷新连接状态 ====================
- const refreshLoading = ref(false)
-
- // ==================== 传输类型选项 ====================
- const transportOptions = TRANSPORT_OPTIONS
-
- // ==================== 数据加载 ====================
-
- async function load(p = 1) {
- currentPage.value = p
- try {
- const json = await api.listMcpServers(p, pageSize)
- if (json.success) {
- servers.value = json.data || []
- total.value = json.total || 0
- totalPages.value = json.pages || 1
- } else {
- toast(json.message || '查询失败', 'error')
- }
- } catch (e) {
- toast('加载列表失败：' + e.message, 'error')
- }
- }
-
- // ==================== 弹窗操作 ====================
-
- function openAddModal() {
- modalMode.value = 'add'
- editId.value = null
- form.value = createEmptyForm()
- showModal.value = true
- }
-
- function openEditModal(server) {
- modalMode.value = 'edit'
- editId.value = server.id
-
- // 解析 args 数组为换行文本
- let argsText = ''
- if (server.args && Array.isArray(server.args)) {
- argsText = server.args.join('\n')
- } else if (typeof server.args === 'string' && server.args) {
- try {
- const parsed = JSON.parse(server.args)
- if (Array.isArray(parsed)) argsText = parsed.join('\n')
- else argsText = server.args
- } catch (e) {
- argsText = server.args
- }
- }
-
- // 解析环境变量对象为换行文本
- let envText = ''
- if (server.env_vars && typeof server.env_vars === 'object') {
- envText = Object.entries(server.env_vars).map(([k, v]) => k + '=' + v).join('\n')
- } else if (typeof server.env_vars === 'string' && server.env_vars) {
- try {
- const parsed = JSON.parse(server.env_vars)
- if (typeof parsed === 'object' && parsed !== null) {
- envText = Object.entries(parsed).map(([k, v]) => k + '=' + v).join('\n')
- } else {
- envText = server.env_vars
- }
- } catch (e) {
- envText = server.env_vars
- }
- }
-
- form.value = {
- name: server.name || '',
- transportType: server.transport_type || 'sse',
- url: server.server_url || '',
- command: server.command || '',
- argsText: argsText,
- envText: envText,
- description: server.description || ''
- }
- showModal.value = true
- }
-
- function closeModal() {
- showModal.value = false
- }
-
- // ==================== 保存 ====================
-
- function buildSaveData() {
- const f = form.value
- const data = {
- name: f.name,
- transportType: f.transportType,
- description: f.description
- }
-
- if (f.transportType === 'sse') {
- data.serverUrl = f.url
- } else {
- data.command = f.command
- // 解析 args：按换行拆分，过滤空行
- if (f.argsText && f.argsText.trim()) {
- data.args = f.argsText.split('\n').map(s => s.trim()).filter(Boolean)
- } else {
- data.args = []
- }
- }
-
- // 解析环境变量：按换行拆分，解析 KEY=value
- if (f.envText && f.envText.trim()) {
- const envObj = {}
- f.envText.split('\n').forEach(line => {
- const trimmed = line.trim()
- if (!trimmed) return
- const eqIdx = trimmed.indexOf('=')
- if (eqIdx > 0) {
- envObj[trimmed.substring(0, eqIdx)] = trimmed.substring(eqIdx + 1)
- }
- })
- data.envVars = envObj
- }
-
- return data
- }
-
- async function save() {
- const f = form.value
-
- // 校验
- if (!f.name || !f.name.trim()) {
- toast('请填写服务名称', 'error')
- return
- }
- if (f.transportType === 'sse') {
- if (!f.url || !f.url.trim()) {
- toast('请填写 Server URL', 'error')
- return
- }
- } else {
- if (!f.command || !f.command.trim()) {
- toast('请填写 Command', 'error')
- return
- }
- }
-
- saving.value = true
- try {
- const data = buildSaveData()
- let json
- if (modalMode.value === 'add') {
- json = await api.createMcpServer(data)
- } else {
- json = await api.updateMcpServer(editId.value, data)
- }
-
- if (json.success) {
- toast(modalMode.value === 'add' ? '创建成功' : '更新成功', 'success')
- closeModal()
- load(currentPage.value)
- } else {
- toast(json.message || '操作失败', 'error')
- }
- } catch (e) {
- toast('保存失败：' + e.message, 'error')
- } finally {
- saving.value = false
- }
- }
-
- // ==================== 删除 ====================
-
- async function remove(id, name) {
- if (!confirm('确定删除配置「' + (name || id) + '」？删除后不可恢复。')) return
- try {
- const json = await api.deleteMcpServer(id)
- if (json.success) {
- toast('删除成功', 'success')
- load(currentPage.value)
- } else {
- toast(json.message || '删除失败', 'error')
- }
- } catch (e) {
- toast('删除失败：' + e.message, 'error')
- }
- }
-
- // ==================== 启用/禁用 ====================
-
- async function toggleActive(server) {
- const newActive = !server.is_active
- try {
- const json = await api.toggleMcpServer(server.id, newActive)
- if (json.success) {
- toast(newActive ? '已启用' : '已禁用', 'success')
- // 乐观更新本地状态，避免刷新列表
- server.is_active = newActive
- } else {
- toast(json.message || '操作失败', 'error')
- }
- } catch (e) {
- toast('操作失败：' + e.message, 'error')
- }
- }
-
- // ==================== 测试连接 ====================
-
- async function testConnection(server) {
- testLoading.value = { ...testLoading.value, [server.id]: true }
- try {
- const json = await api.testMcpServer(server.id)
- showTestResult(json)
- } catch (e) {
- showTestResult({ success: false, message: e.message })
- } finally {
- testLoading.value = { ...testLoading.value, [server.id]: false }
- }
- }
-
- function showTestResult(result) {
- if (testResultTimer) clearTimeout(testResultTimer)
- testResult.value = {
- visible: true,
- success: result.success,
- message: result.message || ''
- }
- testResultTimer = setTimeout(() => { testResult.value.visible = false }, 5000)
- }
-
- // ==================== 刷新连接 ====================
-
- async function refreshConnections() {
- refreshLoading.value = true
- try {
- const json = await api.refreshMcpServers()
- if (json.success) {
- toast('连接已刷新', 'success')
- load(currentPage.value)
- } else {
- toast(json.message || '刷新失败', 'error')
- }
- } catch (e) {
- toast('刷新失败：' + e.message, 'error')
- } finally {
- refreshLoading.value = false
- }
- }
-
- // ==================== 工具函数 ====================
-
- function getDisplayUrl(server) {
- if (server.transport_type === 'sse') {
- return server.server_url || '-'
- }
- // stdio 模式：显示 command + args
- let display = server.command || ''
- if (server.args) {
- // args 可能是字符串或数组
- const argsStr = Array.isArray(server.args) ? server.args.join(' ') : server.args
- display += ' ' + argsStr
- }
- return display || '-'
- }
-
- // ==================== 生命周期 ====================
-
- onMounted(() => {
- load()
- })
-
- onUnmounted(() => {
- if (testResultTimer) clearTimeout(testResultTimer)
- })
-
- return {
- // 列表
- servers, currentPage, totalPages, total,
- // 弹窗
- showModal, modalMode, form, saving, transportOptions,
- // 测试
- testLoading, testResult,
- // 刷新
- refreshLoading,
- // 方法
- load, openAddModal, openEditModal, closeModal, save, remove,
- toggleActive, testConnection, refreshConnections, getDisplayUrl, formatDate
- }
- }
-}
diff --git a/src/main/resources/static/components/MessageSources.js b/src/main/resources/static/components/MessageSources.js
deleted file mode 100644
index 6a8c81b..0000000
--- a/src/main/resources/static/components/MessageSources.js
+++ /dev/null
@@ -1,63 +0,0 @@
-/**
- * 引用来源
- * 展示一条 AI 回答所依据的知识库片段：按文档归并，点击可打开文档详情弹窗。
- * 仅在开启 RAG 检索且命中片段时出现。
- */
-import { computed } from 'vue'
-import { store } from '../js/store.js'
-
-export default {
- props: {
- sources: { type: Array, default: () => [] }
- },
- setup(props) {
- // 按文档归并：同一文档的多个片段合并到一张卡片下
- const grouped = computed(() => {
- const map = new Map()
- for (const s of props.sources) {
- const key = s.documentId || s.title || s.sourceName || 'unknown'
- if (!map.has(key)) {
- map.set(key, {
- documentId: s.documentId,
- title: s.title || s.sourceName || ('文档 ' + (s.documentId || '')),
- chunks: []
- })
- }
- map.get(key).chunks.push(s)
- }
- return Array.from(map.values())
- })
-
- // distance（余弦距离，越小越相关）→ 0-100 的相关度
- function relevance(score) {
- if (score == null) return null
- return Math.round(Math.max(0, Math.min(1, 1 - Number(score))) * 100)
- }
-
- function openDoc(documentId) {
- if (documentId) store.openDetail(documentId)
- }
-
- return { grouped, relevance, openDoc }
- },
- template: `
- MCP 服务管理
-
-
-
-
-
- 共 {{ total }} 条配置
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 名称
- 传输类型
- URL / 命令
- 启用状态
- 描述
- 创建时间
- 操作
-
-
- 暂无 MCP 服务配置
-
-
-
- {{ s.name || '-' }}
-
-
- {{ s.transport_type === 'sse' ? 'SSE' : 'Stdio' }}
-
-
-
-
-
-
-
- {{ formatDate(s.create_time) }}
-
-
-
-
-
-
-
-
-
- ...
-
-
-
-
-
-
-
- {{ testResult.success ? '连接成功' : '连接失败' }}
- {{ testResult.message }}
-
-
- `
-}
diff --git a/src/main/resources/static/components/ModelConfigManager.js b/src/main/resources/static/components/ModelConfigManager.js
deleted file mode 100644
index a7ce370..0000000
--- a/src/main/resources/static/components/ModelConfigManager.js
+++ /dev/null
@@ -1,1251 +0,0 @@
-/**
- * ⚙️ AI 模型配置管理组件（cc-switch 优化版）
- * 核心三要素：API Key + API 地址 + 模型名称
- * 新增：动态获取模型列表、datalist 自动补全、应用类型标签按钮
- * F1: 连接测试 | F2: 配置复制 | F3: 高级参数面板 | F4: 健康看板
- * F6: Fallback 链 | F7: 导入导出
- */
-import { ref, computed, onMounted, onUnmounted, watch } from 'vue'
-import * as api from '../js/api.js'
-import { toast, formatDate } from '../js/utils.js'
-
-// 应用类型选项
-const APP_TYPE_OPTIONS = [
- { value: '', label: '全部类型' },
- { value: 'CHAT', label: '💬 智能客服对话' },
- { value: 'EMBEDDING', label: '📐 文本向量化' },
- { value: 'RAG_REWRITE', label: '🔄 RAG查询重写' },
- { value: 'RERANK', label: '📊 重排序' }
-]
-
-// 应用类型标签（用于弹窗内的标签按钮组）
-const APP_TYPE_TABS = [
- { value: 'CHAT', label: '💬 对话', shortLabel: '对话' },
- { value: 'EMBEDDING', label: '📐 向量化', shortLabel: '向量化' },
- { value: 'RAG_REWRITE', label: '🔄 RAG重写', shortLabel: 'RAG重写' },
- { value: 'RERANK', label: '📊 重排序', shortLabel: '重排序' }
-]
-
-// 提供商选项（快捷预设，非必填）
-const PROVIDER_OPTIONS = [
- { value: '', label: '手动填写地址' },
- { value: 'dashscope', label: '通义千问 (DashScope)' },
- { value: 'deepseek', label: 'DeepSeek (深度求索)' },
- { value: 'volcengine', label: '豆包 (字节跳动)' },
- { value: 'moonshot', label: 'Kimi (月之暗面)' },
- { value: 'zhipu', label: '智谱 AI (GLM)' },
- { value: 'openai', label: 'OpenAI' }
-]
-
-// 提供商默认地址映射（仅用于快捷填充，不控制模型列表）
-const PROVIDER_BASE_URLS = {
- dashscope: 'https://dashscope.aliyuncs.com/compatible-mode',
- deepseek: 'https://api.deepseek.com',
- volcengine: 'https://ark.cn-beijing.volces.com/api/v3',
- moonshot: 'https://api.moonshot.cn/v1',
- zhipu: 'https://open.bigmodel.cn/api/paas/v4',
- openai: 'https://api.openai.com'
-}
-
-// 提供商使用提示
-const PROVIDER_TIPS = {
- dashscope: '通义千问团队版/私有化部署需填写专属 Base URL，公共版可留空',
- volcengine: '模型名称可在火山引擎 ARK 控制台获取，如 doubao-1-5-pro-32k',
- other: '使用 OpenAI 兼容 API 的其他提供商，请填写完整 API 地址'
-}
-
-// 格式化工具：Token 数显示
-function formatTokens(n) {
- if (!n) return '未知'
- if (n >= 1000000) return (n / 1000000).toFixed(1).replace(/\.0$/, '') + 'M'
- if (n >= 1000) return (n / 1000).toFixed(n >= 10000 ? 0 : 1).replace(/\.0$/, '') + 'K'
- return String(n)
-}
-
-export default {
- template: `
-
- 引用来源
- {{ grouped.length }} 个文档 · {{ sources.length }} 个片段
-
-
-
-
- {{ g.title }}
- 详情 ›
-
-
- 相关度 {{ relevance(c.score) }}%
- {{ c.snippet }}
-
-
-
-
-
-
-
-
-
- `,
- setup() {
- const configs = ref([])
- const currentPage = ref(1)
- const totalPages = ref(1)
- const total = ref(0)
- const filterAppType = ref('')
- const showApiKey = ref(false)
- const providerTip = ref('')
- const advancedParamsOpen = ref(false)
-
- // 动态获取的模型列表
- const fetchedModels = ref([])
- const fetchLoading = ref(false)
-
- // 自定义模型下拉框状态
- const modelDropdownOpen = ref(false)
- const modelDropdownHighlight = ref(-1)
-
- // 模型列表过滤（支持搜索）
- const filteredModels = computed(() => {
- const query = (editModal.value.form.model_name || '').trim().toLowerCase()
- if (!query) return fetchedModels.value
- return fetchedModels.value.filter(m =>
- m.id.toLowerCase().includes(query) ||
- (m.owned_by && m.owned_by.toLowerCase().includes(query))
- )
- })
-
- // F4: 健康状态
- const healthMap = ref({})
- const healthSummary = ref(null)
- let healthTimer = null
-
- // 提供商 baseUrl 占位符
- const providerBaseUrlPlaceholder = ref('')
-
- // 配置名称建议
- const nameSuggestion = ref('')
-
- // F1: 测试状态
- const testLoading = ref({})
- const testResult = ref({ visible: false, success: false, latencyMs: 0 })
- let testResultTimer = null
-
- // F6: Fallback 链
- const fallbackChains = ref([])
- const showFallbackHelp = ref(false)
-
- // F7: 导入导出
- const showImportDialog = ref(false)
- const importPreview = ref(null)
- const importConflict = ref('skip')
- const importResult = ref(null)
-
- // 编辑弹窗状态
- const editModal = ref({
- visible: false,
- mode: 'add',
- editId: null,
- form: createEmptyForm()
- })
-
- function createEmptyForm() {
- return {
- name: '',
- app_type: 'CHAT',
- provider: '',
- api_key: '',
- model_name: '',
- temperature: 0.7,
- max_tokens: 2000,
- base_url: '',
- embeddingDimensions: 1024,
- // 高级参数
- topP: null,
- topK: null,
- frequencyPenalty: null,
- presencePenalty: null,
- stopSequences: '',
- // 基础字段
- priority: 0,
- is_active: false,
- description: ''
- }
- }
-
- // 检查是否配置了高级参数
- const hasAdvancedParams = computed(() => {
- const f = editModal.value.form
- return f.topP != null || f.topK != null || f.frequencyPenalty != null ||
- f.presencePenalty != null || (f.stopSequences && f.stopSequences.trim())
- })
-
- // ==================== 提供商切换逻辑 ====================
-
- function onProviderChange() {
- const provider = editModal.value.form.provider
- if (!provider) {
- // 选择了「手动填写地址」，清空地址和提示
- editModal.value.form.base_url = ''
- providerTip.value = ''
- providerBaseUrlPlaceholder.value = '输入自定义 API 地址'
- fetchedModels.value = []
- updateNameSuggestion()
- return
- }
-
- // 切换提供商时：清空地址 → 填充该提供商的默认地址
- editModal.value.form.base_url = PROVIDER_BASE_URLS[provider] || ''
-
- providerBaseUrlPlaceholder.value = PROVIDER_BASE_URLS[provider] || '输入自定义 API 地址'
- providerTip.value = PROVIDER_TIPS[provider] || ''
-
- // 清空已获取的模型列表（提供商变了，需要重新获取）
- fetchedModels.value = []
-
- // 自动生成配置名称建议
- updateNameSuggestion()
- }
-
- // API 地址失焦时，尝试推断提供商
- function onBaseUrlBlur() {
- const url = editModal.value.form.base_url
- if (!url || editModal.value.form.provider) return // 已选提供商，不覆盖
-
- // 根据 URL 前缀推断提供商
- for (const [provider, defaultUrl] of Object.entries(PROVIDER_BASE_URLS)) {
- if (url.startsWith(defaultUrl) || defaultUrl.startsWith(url)) {
- editModal.value.form.provider = provider
- providerTip.value = PROVIDER_TIPS[provider] || ''
- break
- }
- }
- }
-
- // API Key 填写后，如果有地址，提示可以获取模型
- function onApiKeyFilled() {
- // 仅做 UI 提示，不自动触发（避免意外请求）
- }
-
- // ==================== 模型下拉框交互 ====================
-
- // 输入框获得焦点时，如果有已获取的模型，显示下拉
- function onModelInputFocus() {
- if (fetchedModels.value.length > 0) {
- modelDropdownOpen.value = true
- modelDropdownHighlight.value = -1
- }
- }
-
- // 输入内容变化时，实时过滤下拉列表
- function onModelInputChange() {
- if (fetchedModels.value.length > 0) {
- modelDropdownOpen.value = true
- modelDropdownHighlight.value = -1
- }
- }
-
- // 键盘导航
- function onDropdownKeyDown(direction) {
- if (!modelDropdownOpen.value || filteredModels.value.length === 0) {
- // 如果下拉没打开，且有模型列表，打开它
- if (fetchedModels.value.length > 0) {
- modelDropdownOpen.value = true
- modelDropdownHighlight.value = 0
- }
- return
- }
- if (direction === 'down') {
- modelDropdownHighlight.value = Math.min(
- modelDropdownHighlight.value + 1,
- filteredModels.value.length - 1
- )
- } else if (direction === 'up') {
- modelDropdownHighlight.value = Math.max(modelDropdownHighlight.value - 1, 0)
- } else if (direction === 'enter') {
- if (modelDropdownHighlight.value >= 0 && modelDropdownHighlight.value < filteredModels.value.length) {
- selectModel(filteredModels.value[modelDropdownHighlight.value])
- } else {
- // 直接使用输入框的自定义值
- modelDropdownOpen.value = false
- }
- }
- }
-
- // 选择一个模型
- function selectModel(m) {
- editModal.value.form.model_name = m.id
- modelDropdownOpen.value = false
- modelDropdownHighlight.value = -1
- updateNameSuggestion()
- }
-
- // 点击外部关闭下拉（通过 data 属性定位）
- function onDocumentClick(e) {
- // 如果点击的是模型输入框或下拉列表内部，不关闭（由各自的 handler 处理）
- const el = e.target
- if (el.closest && el.closest('[data-model-dropdown]')) return
- modelDropdownOpen.value = false
- }
-
- // ==================== 动态获取模型列表 ====================
-
- async function fetchModelsFromApi() {
- const form = editModal.value.form
- if (!form.api_key || !form.api_key.trim()) {
- toast('请先填写 API Key', 'error')
- return
- }
- if (!form.base_url || !form.base_url.trim()) {
- // 如果没有 base_url，但有 provider，用 provider 的默认地址
- if (form.provider && PROVIDER_BASE_URLS[form.provider]) {
- form.base_url = PROVIDER_BASE_URLS[form.provider]
- } else {
- toast('请填写 API 地址', 'error')
- return
- }
- }
-
- fetchLoading.value = true
- try {
- const json = await api.fetchModels(form.base_url, form.api_key, form.provider)
- if (json.success && json.data) {
- fetchedModels.value = json.data
- toast('已获取 ' + json.data.length + ' 个模型，可在输入框中搜索选择', 'success')
- // 获取成功后自动打开下拉框
- modelDropdownOpen.value = true
- modelDropdownHighlight.value = 0
- } else {
- toast(json.message || '获取模型列表失败', 'error')
- fetchedModels.value = []
- }
- } catch (e) {
- toast('获取模型列表失败：' + e.message, 'error')
- fetchedModels.value = []
- } finally {
- fetchLoading.value = false
- }
- }
-
- // ==================== 配置名称自动生成 ====================
-
- function updateNameSuggestion() {
- const form = editModal.value.form
- if (form.name) {
- nameSuggestion.value = ''
- return
- }
- const providerLabel = getProviderLabel(form.provider)
- if (form.model_name && form.model_name.trim()) {
- nameSuggestion.value = (providerLabel || '自定义') + '-' + form.model_name.trim()
- } else {
- nameSuggestion.value = ''
- }
- }
-
- // 监听 model_name 变化，更新名称建议
- watch(() => editModal.value.form.model_name, updateNameSuggestion)
- watch(() => editModal.value.form.provider, updateNameSuggestion)
-
- // 监听 app_type 变化
- watch(() => editModal.value.form.app_type, () => {
- if (editModal.value.visible) {
- updateNameSuggestion()
- }
- })
-
- // ==================== 数据加载 ====================
-
- async function load(p = 1) {
- currentPage.value = p
- try {
- const json = await api.listModelConfigs(p, 10, filterAppType.value || undefined)
- if (json.success) {
- configs.value = json.data || []
- total.value = json.total || 0
- totalPages.value = json.pages || 1
- loadHealthStatus()
- buildFallbackChains()
- } else {
- toast(json.message || '查询失败', 'error')
- }
- } catch (e) {
- toast('加载配置列表失败：' + e.message, 'error')
- }
- }
-
- // ==================== F4: 健康状态 ====================
-
- async function loadHealthStatus() {
- try {
- const json = await api.getHealthStatus()
- if (json.success && json.data) {
- const data = { ...json.data }
- healthSummary.value = data._summary || null
- delete data._summary
- healthMap.value = data
- }
- } catch (e) {
- // 静默失败
- }
- }
-
- function getHealthTooltip(configId) {
- const h = healthMap.value[configId]
- if (!h) return '未检测'
- let tip = h.status === 'ONLINE' ? '在线' : h.status === 'UNKNOWN' ? '未支持自动检测' : '离线'
- if (h.latencyMs) tip += ' · 延迟 ' + h.latencyMs + 'ms'
- if (h.lastCheckTime) tip += ' · 最后检测 ' + new Date(h.lastCheckTime).toLocaleTimeString()
- if (h.errorMessage) tip += ' · ' + h.errorMessage
- return tip
- }
-
- // ==================== F6: Fallback 链 ====================
-
- function buildFallbackChains() {
- const chains = []
- const appTypes = ['CHAT', 'EMBEDDING', 'RAG_REWRITE', 'RERANK']
- for (const appType of appTypes) {
- const activeConfigs = configs.value
- .filter(c => c.app_type === appType && c.is_active)
- .sort((a, b) => (b.priority || 0) - (a.priority || 0))
- if (activeConfigs.length > 0) {
- chains.push({ appType, configs: activeConfigs })
- }
- }
- fallbackChains.value = chains
- }
-
- let dragItem = null
- let dragChain = null
-
- function onDragStart(e, item, chain) {
- dragItem = item
- dragChain = chain
- e.dataTransfer.effectAllowed = 'move'
- }
-
- async function onDrop(e, targetItem, chain) {
- if (!dragItem || dragItem.id === targetItem.id) return
- const fromPriority = dragItem.priority || 0
- const toPriority = targetItem.priority || 0
- try {
- await api.updateModelConfigPriority(dragItem.id, toPriority)
- await api.updateModelConfigPriority(targetItem.id, fromPriority)
- toast('优先级已调整', 'success')
- load(currentPage.value)
- } catch (err) {
- toast('调整失败：' + err.message, 'error')
- }
- dragItem = null
- dragChain = null
- }
-
- // ==================== 弹窗操作 ====================
-
- function openAddModal() {
- editModal.value = {
- visible: true,
- mode: 'add',
- editId: null,
- form: createEmptyForm()
- }
- showApiKey.value = false
- advancedParamsOpen.value = false
- fetchedModels.value = []
- providerTip.value = ''
- providerBaseUrlPlaceholder.value = ''
- nameSuggestion.value = ''
- modelDropdownOpen.value = false
- modelDropdownHighlight.value = -1
- }
-
- function openEditModal(config) {
- let extraConfig = {}
- const rawExtra = config.extra_config || config.extraConfig
- if (rawExtra) {
- try {
- extraConfig = typeof rawExtra === 'string' ? JSON.parse(rawExtra) : rawExtra
- } catch (e) {}
- }
- editModal.value = {
- visible: true,
- mode: 'edit',
- editId: config.id,
- form: {
- name: config.name || '',
- app_type: config.app_type || 'CHAT',
- provider: config.provider || '',
- api_key: '',
- model_name: config.model_name || '',
- temperature: config.temperature,
- max_tokens: config.max_tokens,
- base_url: config.base_url || '',
- embeddingDimensions: extraConfig.dimensions || 1024,
- topP: extraConfig.topP ?? null,
- topK: extraConfig.topK ?? null,
- frequencyPenalty: extraConfig.frequencyPenalty ?? null,
- presencePenalty: extraConfig.presencePenalty ?? null,
- stopSequences: extraConfig.stopSequences || '',
- priority: config.priority || 0,
- is_active: config.is_active || false,
- description: config.description || ''
- }
- }
- showApiKey.value = false
- advancedParamsOpen.value = false
- fetchedModels.value = []
- nameSuggestion.value = ''
- modelDropdownOpen.value = false
- modelDropdownHighlight.value = -1
- // 设置提供商相关提示
- if (config.provider && PROVIDER_BASE_URLS[config.provider]) {
- providerBaseUrlPlaceholder.value = PROVIDER_BASE_URLS[config.provider]
- providerTip.value = PROVIDER_TIPS[config.provider] || ''
- } else {
- providerBaseUrlPlaceholder.value = ''
- providerTip.value = ''
- }
- }
-
- function closeEditModal() {
- editModal.value.visible = false
- }
-
- // ==================== 保存配置 ====================
-
- function toCamelCase(form) {
- const data = {
- name: form.name,
- appType: form.app_type,
- provider: form.provider || 'other',
- apiKey: form.api_key,
- modelName: form.model_name,
- temperature: form.temperature,
- maxTokens: form.max_tokens,
- baseUrl: form.base_url,
- priority: form.priority,
- isActive: form.is_active,
- description: form.description
- }
- const extraConfig = {}
- if (form.app_type === 'EMBEDDING') {
- extraConfig.dimensions = form.embeddingDimensions || 1024
- }
- if (form.topP != null) extraConfig.topP = form.topP
- if (form.topK != null) extraConfig.topK = form.topK
- if (form.frequencyPenalty != null) extraConfig.frequencyPenalty = form.frequencyPenalty
- if (form.presencePenalty != null) extraConfig.presencePenalty = form.presencePenalty
- if (form.stopSequences && form.stopSequences.trim()) extraConfig.stopSequences = form.stopSequences.trim()
- data.extraConfig = extraConfig
- return data
- }
-
- async function saveConfig() {
- const form = editModal.value.form
-
- if (!form.name || !form.name.trim()) {
- toast('请填写配置名称', 'error')
- return
- }
- if (!form.app_type) {
- toast('请选择应用类型', 'error')
- return
- }
- if (!form.api_key || !form.api_key.trim()) {
- if (editModal.value.mode === 'add') {
- toast('请填写 API Key', 'error')
- return
- }
- }
- if (!form.model_name || !form.model_name.trim()) {
- toast('请填写模型名称', 'error')
- return
- }
- // provider 为空时自动设为 other
- if (!form.provider) {
- form.provider = 'other'
- }
-
- try {
- let json
- const camelData = toCamelCase(form)
- if (editModal.value.mode === 'add') {
- json = await api.createModelConfig(camelData)
- } else {
- if (!camelData.apiKey || !camelData.apiKey.trim()) {
- delete camelData.apiKey
- }
- json = await api.updateModelConfig(editModal.value.editId, camelData)
- }
-
- if (json.success) {
- toast(editModal.value.mode === 'add' ? '配置创建成功' : '配置更新成功', 'success')
- closeEditModal()
- load(currentPage.value)
- } else {
- toast(json.message || '操作失败', 'error')
- }
- } catch (e) {
- toast('保存失败：' + e.message, 'error')
- }
- }
-
- // ==================== F1: 测试连接 ====================
-
- async function testConnection(config) {
- testLoading.value = { ...testLoading.value, [config.id]: true }
- try {
- const json = await api.testModelConfig(config.id)
- showTestResult(json)
- } catch (e) {
- showTestResult({ success: false, errorMessage: e.message, latencyMs: 0 })
- } finally {
- testLoading.value = { ...testLoading.value, [config.id]: false }
- }
- }
-
- async function testConnectionById(id) {
- testLoading.value = { ...testLoading.value, [id]: true }
- try {
- const json = await api.testModelConfig(id)
- showTestResult(json)
- } catch (e) {
- showTestResult({ success: false, errorMessage: e.message, latencyMs: 0 })
- } finally {
- testLoading.value = { ...testLoading.value, [id]: false }
- }
- }
-
- function showTestResult(result) {
- if (testResultTimer) clearTimeout(testResultTimer)
- testResult.value = {
- visible: true,
- success: result.success,
- latencyMs: result.latencyMs || 0,
- dimensions: result.dimensions || null,
- errorMessage: result.errorMessage || result.message || null
- }
- testResultTimer = setTimeout(() => { testResult.value.visible = false }, 5000)
- }
-
- // ==================== F2: 配置复制 ====================
-
- async function duplicateConfig(config) {
- if (!confirm('确定复制配置「' + (config.name || config.id) + '」？')) return
- try {
- const json = await api.duplicateModelConfig(config.id)
- if (json.success) {
- toast('配置复制成功', 'success')
- load(currentPage.value)
- } else {
- toast(json.message || '复制失败', 'error')
- }
- } catch (e) {
- toast('复制失败：' + e.message, 'error')
- }
- }
-
- // ==================== 激活/停用 ====================
-
- async function activate(id) {
- if (!confirm('确定激活此配置？新配置将立即生效。')) return
- try {
- const json = await api.activateModelConfig(id)
- if (json.success) {
- toast('配置已激活，立即生效', 'success')
- load(currentPage.value)
- } else {
- toast(json.message || '激活失败', 'error')
- }
- } catch (e) {
- toast('激活失败：' + e.message, 'error')
- }
- }
-
- async function deactivateConfig(id) {
- if (!confirm('确定停用此配置？将从 Fallback 链中移除。')) return
- try {
- const json = await api.deactivateModelConfig(id)
- if (json.success) {
- toast('配置已停用', 'success')
- load(currentPage.value)
- } else {
- toast(json.message || '停用失败', 'error')
- }
- } catch (e) {
- toast('停用失败：' + e.message, 'error')
- }
- }
-
- // ==================== 删除配置 ====================
-
- async function remove(id, name) {
- if (!confirm('确定删除配置「' + (name || id) + '」？')) return
- try {
- const json = await api.deleteModelConfig(id)
- if (json.success) {
- toast('配置删除成功', 'success')
- load(currentPage.value)
- } else {
- toast(json.message || '删除失败', 'error')
- }
- } catch (e) {
- toast('删除失败：' + e.message, 'error')
- }
- }
-
- // ==================== F7: 导入/导出 ====================
-
- async function exportConfigs() {
- try {
- const json = await api.exportModelConfigs()
- if (json.success) {
- const blob = new Blob([JSON.stringify(json.data, null, 2)], { type: 'application/json' })
- const url = URL.createObjectURL(blob)
- const a = document.createElement('a')
- a.href = url
- a.download = 'model-configs-' + new Date().toISOString().slice(0, 10) + '.json'
- a.click()
- URL.revokeObjectURL(url)
- toast('导出成功：' + json.total + ' 条配置', 'success')
- } else {
- toast(json.message || '导出失败', 'error')
- }
- } catch (e) {
- toast('导出失败：' + e.message, 'error')
- }
- }
-
- function onImportFileSelect(e) {
- const file = e.target.files[0]
- if (!file) return
- const reader = new FileReader()
- reader.onload = (ev) => {
- try {
- let data = JSON.parse(ev.target.result)
- if (!Array.isArray(data) && data.data) data = data.data
- if (!Array.isArray(data)) {
- toast('JSON 格式不正确，需要数组格式', 'error')
- return
- }
- importPreview.value = { configs: data }
- importResult.value = null
- } catch (err) {
- toast('文件解析失败：' + err.message, 'error')
- }
- }
- reader.readAsText(file)
- }
-
- async function doImport() {
- if (!importPreview.value) return
- try {
- const json = await api.importModelConfigs(importPreview.value.configs, importConflict.value)
- if (json.success) {
- importResult.value = json.data
- toast('导入完成', 'success')
- load(currentPage.value)
- } else {
- toast(json.message || '导入失败', 'error')
- }
- } catch (e) {
- toast('导入失败：' + e.message, 'error')
- }
- }
-
- function closeImportDialog() {
- showImportDialog.value = false
- importPreview.value = null
- importResult.value = null
- }
-
- // ==================== 工具函数 ====================
-
- function getAppTypeLabel(appType) {
- const map = { CHAT: '💬 对话', EMBEDDING: '📐 向量化', RAG_REWRITE: '🔄 RAG重写', RERANK: '📊 重排序' }
- return map[appType] || appType
- }
-
- function getAppTypeBadgeClass(appType) {
- const map = { CHAT: 'badge-get', EMBEDDING: '', RAG_REWRITE: '', RERANK: '' }
- return map[appType] || ''
- }
-
- function getProviderLabel(provider) {
- const found = PROVIDER_OPTIONS.find(o => o.value === provider)
- return found ? found.label : provider
- }
-
- function getProviderBaseUrl(provider) {
- return PROVIDER_BASE_URLS[provider] || ''
- }
-
- // ==================== 生命周期 ====================
-
- onMounted(() => {
- load()
- healthTimer = setInterval(loadHealthStatus, 30000)
- // 点击外部关闭模型下拉框
- document.addEventListener('click', onDocumentClick, true)
- })
-
- onUnmounted(() => {
- if (healthTimer) clearInterval(healthTimer)
- if (testResultTimer) clearTimeout(testResultTimer)
- document.removeEventListener('click', onDocumentClick, true)
- })
-
- return {
- configs, currentPage, totalPages, total, filterAppType, showApiKey, editModal,
- appTypeOptions: APP_TYPE_OPTIONS, appTypeTabs: APP_TYPE_TABS, providerOptions: PROVIDER_OPTIONS,
- providerTip, providerBaseUrlPlaceholder, advancedParamsOpen, hasAdvancedParams,
- // 动态模型列表
- fetchedModels, fetchLoading, fetchModelsFromApi,
- // 模型下拉框
- modelDropdownOpen, modelDropdownHighlight, filteredModels,
- onModelInputFocus, onModelInputChange, onDropdownKeyDown, selectModel,
- // 名称建议
- nameSuggestion,
- // F1
- testLoading, testResult, testConnection, testConnectionById,
- // F2
- duplicateConfig,
- // F4
- healthMap, healthSummary, getHealthTooltip,
- // F6
- fallbackChains, showFallbackHelp, onDragStart, onDrop, deactivateConfig,
- // F7
- showImportDialog, importPreview, importConflict, importResult,
- onImportFileSelect, doImport, closeImportDialog, exportConfigs,
- // 基础
- load, openAddModal, openEditModal, closeEditModal, saveConfig, activate, remove,
- onProviderChange, onBaseUrlBlur, onApiKeyFilled,
- getAppTypeLabel, getAppTypeBadgeClass, getProviderLabel, getProviderBaseUrl, formatDate
- }
- }
-}
diff --git a/src/main/resources/static/components/PipelineFlow.js b/src/main/resources/static/components/PipelineFlow.js
deleted file mode 100644
index 70b6cbf..0000000
--- a/src/main/resources/static/components/PipelineFlow.js
+++ /dev/null
@@ -1,150 +0,0 @@
-/**
- * AI 对话执行链路流程图组件
- * 使用 Mermaid.js 渲染从用户请求到 AI 回复的完整处理流程
- */
-import { ref, onMounted, nextTick } from 'vue'
-import mermaid from 'mermaid'
-
-// 初始化 Mermaid 主题，匹配后台管理 UI 风格
-mermaid.initialize({
- startOnLoad: false,
- theme: 'base',
- themeVariables: {
- primaryColor: '#f3f4f6',
- primaryTextColor: '#1f2937',
- primaryBorderColor: '#d1d5db',
- lineColor: '#6b7280',
- secondaryColor: '#dbeafe',
- tertiaryColor: '#fef3c7',
- fontSize: '13px'
- },
- flowchart: {
- useMaxWidth: true,
- htmlLabels: true,
- curve: 'basis'
- }
-})
-
-// Mermaid 流程图 DSL 定义
-// 节点类型: [矩形]=处理步骤, {菱形}=决策分支, subgraph=子系统
-const GRAPH_DEFINITION = `
-flowchart TD
- A["用户请求⚙️ AI 大模型配置管理
-
-
-
-
-
-
-
-
- {{ healthSummary.online }}
- 🟢 在线
-
-
- {{ healthSummary.offline }}
- 🔴 离线
-
-
- {{ healthSummary.unknown }}
- 🟡 未检测
-
-
- {{ healthSummary.total }}
- 📊 总计
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 🔗 Fallback 链（按优先级排列，主模型在顶部）
-
- ❓ 什么是 Fallback 链？
-
-
-
-
-
-
-
- 📖 Fallback 链使用说明
-
-
-
-
-
- 💡 提示：至少配置 2 个同类型的模型才能启用 Fallback 链功能
-
-
-
- {{ getAppTypeLabel(chain.appType) }}
-
- #{{ idx + 1 }}
- ↓
- ·
- {{ item.name }}
-
- {{ item.model_name }}
- P={{ item.priority }}
-
- {{ healthMap[item.id].status === 'ONLINE' ? '🟢' : healthMap[item.id].status === 'UNKNOWN' ? '🟡' : '🔴' }}
- {{ healthMap[item.id].latencyMs }}ms
-
- 🟡
-
-
-
-
-
-
-
-
-
-
-
- 配置名称
- 应用类型
- 模型名称
- API 地址
- API Key
- 状态
- 操作
-
-
- 暂无配置记录
-
-
-
-
- {{ c.name || '-' }}
-
- {{ c.description }}
-
- {{ getAppTypeLabel(c.app_type) }}
-
-
-
-
- {{ c.model_name }}
- {{ c.api_key || '-' }}
-
-
- 🟢 活跃
- ⚫ 未激活
-
- {{ healthMap[c.id].status === 'ONLINE' ? '●' : healthMap[c.id].status === 'UNKNOWN' ? '●' : '●' }}
- {{ healthMap[c.id].latencyMs }}ms
-
- ●
-
-
-
-
-
-
-
-
-
-
-
-
-
- ...
-
-
-
-
-
-
-
- {{ testResult.success ? '✅ 连接成功' : '❌ 连接失败' }}
-
- 延迟：{{ testResult.latencyMs }}ms
- · 维度：{{ testResult.dimensions }}
-
- {{ testResult.errorMessage }}
-
message + roleId + accountId + chatId"]
-
- A --> B{"Controller
鉴权 / 角色解析
构建 ChatContext"}
-
- B --> C["ChatPipeline.buildRequest
编排决策入口"]
-
- C --> D{"enableRag ?"}
-
- D -- "❌ false" --> E["模式: 纯对话
systemPrompt(角色人设)
不检索知识库"]
-
- D -- "✅ true" --> F["IntentRouter
LLM 意图识别
FAQ / RAG / CHITCHAT"]
-
- F --> G{"意图分类结果"}
-
- G -- "FAQ
confidence ≧ 0.8" --> H["FaqMatchEngine
三级匹配策略
精确 → 关键词 → 向量语义"]
-
- G -- "CHITCHAT
confidence ≧ 0.6" --> I["模式: 纯对话
跳过知识库检索
不注入资料块"]
-
- G -- "RAG / 降级
其余情况" --> J["RagPipeline.retrieve
RAG 检索流水线入口"]
-
- subgraph RAG["📚 RAG 检索流水线"]
- J --> K["1. FAQ 优先匹配
FaqMatchEngine 三级匹配
命中则短路返回"]
- K --> L["2. 查询重写
REWRITE / TRANSLATION
COMPRESSION / MULTI_QUERY"]
- L --> M{"3. 检索模式"}
- M --> N["VECTOR
向量语义检索"]
- M --> O["KEYWORD
全文关键词检索
PostgreSQL tsvector"]
- M --> P["HYBRID
向量 + 关键词
双路检索"]
- N --> Q["4. RRF 融合排序
Reciprocal Rank Fusion
k=60"]
- O --> Q
- P --> Q
- Q --> R["5. Reranker 重排序
DashScope / OpenAI 兼容
超时 3s 自动 fallback"]
- R --> S["6. 构建资料块
拼接检索文档
注入 system prompt 末尾"]
- end
-
- H --> T["组装 ChatRequest
finalMessage + finalSystemPrompt
+ faqAnswer (可选)"]
- I --> T
- S --> T
- E --> T
-
- T --> U["AssistantApp
chat / chatStream
构建 ChatClient + MCP 工具"]
-
- subgraph ADVISOR["🛡️ Advisor 链（环绕 LLM 调用）"]
- U --> V["ContentSafetyAdvisor
🔽 before: DFA 敏感词检测
用户输入 BLOCK/MASK"]
- V --> W["MessageChatMemoryAdvisor
注入历史对话记忆
DatabaseChatMemory 持久化"]
- W --> X["MyLoggerAdvisor
🔽 before: 请求日志
INFO: AI Request: ..."]
- X --> Y["🤖 ChatClient.call / stream
LLM 大模型调用
通义千问 / 其他提供商"]
- Y --> Z["MyLoggerAdvisor
🔼 after: 响应日志
INFO: AI Response: ..."]
- Z --> AA["ContentSafetyAdvisor
🔼 after: AI 输出检测
BLOCK/MASK 违规内容"]
- end
-
- AA --> AB["返回 AI 回复
SSE 流式输出
+ MCP 工具调用事件"]
-
- style A fill:#dbeafe,stroke:#3b82f6,stroke-width:2px
- style AB fill:#d1fae5,stroke:#10b981,stroke-width:2px
- style Y fill:#fef3c7,stroke:#f59e0b,stroke-width:2px
-`
-
-export default {
- template: `
-
-
-
- `,
- setup() {
- const svg = ref('')
- const error = ref('')
-
- async function render() {
- error.value = ''
- svg.value = ''
- await nextTick()
- try {
- const { svg: result } = await mermaid.render('pipeline-graph', GRAPH_DEFINITION)
- svg.value = result
- } catch (e) {
- console.error('Mermaid 渲染失败:', e)
- error.value = e.message || '未知渲染错误'
- }
- }
-
- function retry() {
- render()
- }
-
- onMounted(() => {
- render()
- })
-
- return { svg, error, retry }
- }
-}
diff --git a/src/main/resources/static/components/RoleManager.js b/src/main/resources/static/components/RoleManager.js
deleted file mode 100644
index 4235f8d..0000000
--- a/src/main/resources/static/components/RoleManager.js
+++ /dev/null
@@ -1,188 +0,0 @@
-/**
- * 🎭 客服角色管理
- * 新增/编辑/删除角色，并为角色授权可检索的知识库分类。
- * 对话页只能选择这里配置好的角色，知识库范围由服务端按角色强制限定，无法跨域。
- */
-import { ref, reactive, onMounted } from 'vue'
-import { store } from '../js/store.js'
-import { getAllRoles, createRole, updateRole, deleteRole, updateRoleCategories } from '../js/api.js'
-import { toast } from '../js/utils.js'
-
-export default {
- template: `
-
-
-
-
- AI 对话执行链路
-
-
- 用户请求 / 入口
- 决策分支
- 处理步骤
- RAG 检索
- Advisor 链
- 最终输出
- LLM 调用
-
-
-
-
-
-
-
-
-
- `,
- setup() {
- const roles = ref([])
- const editingId = ref('')
- const form = reactive({ name: '', description: '', prompt: '', enabled: true })
-
- async function reload() {
- try {
- const json = await getAllRoles()
- if (json.success) {
- roles.value = (json.data || []).map(r => ({
- ...r,
- categoryIds: (r.categoryIds || []).map(String)
- }))
- }
- } catch (e) {
- toast('加载角色失败：' + e.message, 'error')
- }
- }
-
- function resetForm() {
- editingId.value = ''
- form.name = ''
- form.description = ''
- form.prompt = ''
- form.enabled = true
- }
-
- function startEdit(role) {
- editingId.value = role.id
- form.name = role.name || ''
- form.description = role.description || ''
- form.prompt = role.prompt || ''
- form.enabled = role.enabled !== false
- }
-
- async function submit() {
- if (!form.name.trim()) {
- toast('请输入角色名称', 'error')
- return
- }
- const payload = {
- name: form.name,
- description: form.description,
- prompt: form.prompt,
- enabled: form.enabled
- }
- try {
- const json = editingId.value
- ? await updateRole(editingId.value, payload)
- : await createRole(payload)
- if (json.success) {
- toast(editingId.value ? '角色已更新' : '角色已创建', 'success')
- resetForm()
- reload()
- } else {
- toast(json.message || '操作失败', 'error')
- }
- } catch (e) {
- toast('操作失败：' + e.message, 'error')
- }
- }
-
- async function remove(role) {
- if (!confirm(`确定删除角色「${role.name}」？删除后该角色及其知识库授权将一并移除。`)) return
- try {
- const json = await deleteRole(role.id)
- if (json.success) {
- toast('角色已删除', 'success')
- if (editingId.value === role.id) resetForm()
- reload()
- } else {
- toast(json.message || '删除失败', 'error')
- }
- } catch (e) {
- toast('删除失败：' + e.message, 'error')
- }
- }
-
- async function toggleCategory(role, categoryId, checked) {
- const set = new Set(role.categoryIds || [])
- if (checked) set.add(categoryId)
- else set.delete(categoryId)
- const next = Array.from(set)
- try {
- const json = await updateRoleCategories(role.id, next)
- if (json.success) {
- role.categoryIds = next
- toast('知识库授权已保存', 'success')
- } else {
- toast(json.message || '保存失败', 'error')
- }
- } catch (e) {
- toast('保存失败：' + e.message, 'error')
- }
- }
-
- onMounted(() => {
- store.loadCategories()
- reload()
- })
-
- return { roles, editingId, form, store, reload, resetForm, startEdit, submit, remove, toggleCategory }
- }
-}
diff --git a/src/main/resources/static/components/SensitiveWordManager.js b/src/main/resources/static/components/SensitiveWordManager.js
deleted file mode 100644
index b00c4b6..0000000
--- a/src/main/resources/static/components/SensitiveWordManager.js
+++ /dev/null
@@ -1,243 +0,0 @@
-/**
- * 敏感词管理组件
- * 支持 CRUD + 批量导入 + 审计日志查看
- */
-import { listSensitiveWords, createSensitiveWord, updateSensitiveWord, deleteSensitiveWord, batchImportSensitiveWords } from '../js/api.js'
-import { toast } from '../js/utils.js'
-
-export default {
- template: `
- 客服角色管理
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 暂无角色
-
-
-
-
-
-
-
- {{ role.name }}
- 已停用
-
- {{ role.description || '—' }}
-
-
-
-
-
- 人设：{{ role.prompt }}
-
-
- 可检索知识库：
-
- 暂无知识库分类
-
- （未授权 = 严格模式下不可检索任何知识库；普通模式下可检索全部）
-
-
-
-
- `,
-
- data() {
- return {
- words: [],
- loading: false,
- page: 1,
- pageSize: 20,
- total: 0,
- searchKeyword: '',
- filterCategory: '',
- showAddDialog: false,
- showImportDialog: false,
- editingWord: null,
- form: { word: '', category: 'custom', level: 1, remark: '' },
- importText: '',
- importCategory: 'custom',
- importLevel: 1,
- searchTimer: null
- }
- },
-
- mounted() {
- this.loadList()
- },
-
- methods: {
- async loadList() {
- this.loading = true
- try {
- const res = await listSensitiveWords(this.page, this.pageSize, this.searchKeyword || undefined, this.filterCategory || undefined)
- if (res.success) {
- this.words = res.data?.records || res.data || []
- this.total = res.data?.total || res.total || 0
- }
- } catch (e) {
- toast('加载失败: ' + e.message, 'error')
- }
- this.loading = false
- },
-
- debouncedSearch() {
- clearTimeout(this.searchTimer)
- this.searchTimer = setTimeout(() => { this.page = 1; this.loadList() }, 300)
- },
-
- editWord(w) {
- this.editingWord = w
- this.form = { word: w.word, category: w.category, level: w.level, remark: w.remark || '' }
- },
-
- closeDialog() {
- this.showAddDialog = false
- this.editingWord = null
- this.form = { word: '', category: 'custom', level: 1, remark: '' }
- },
-
- async saveWord() {
- try {
- if (this.editingWord) {
- const res = await updateSensitiveWord(this.editingWord.id, this.form)
- if (res.success) toast('修改成功', 'success')
- else toast(res.message || '修改失败', 'error')
- } else {
- const res = await createSensitiveWord(this.form)
- if (res.success) toast('添加成功', 'success')
- else toast(res.message || '添加失败', 'error')
- }
- this.closeDialog()
- this.loadList()
- } catch (e) {
- toast('操作失败: ' + e.message, 'error')
- }
- },
-
- async removeWord(id) {
- if (!confirm('确认删除该敏感词？')) return
- try {
- const res = await deleteSensitiveWord(id)
- if (res.success) { toast('删除成功', 'success'); this.loadList() }
- else toast(res.message || '删除失败', 'error')
- } catch (e) {
- toast('删除失败: ' + e.message, 'error')
- }
- },
-
- async doImport() {
- const words = this.importText.split('\n').map(s => s.trim()).filter(Boolean)
- if (words.length === 0) return toast('请输入敏感词', 'error')
- try {
- const res = await batchImportSensitiveWords({ words, category: this.importCategory, level: this.importLevel })
- if (res.success) {
- toast(`成功导入 ${res.data || words.length} 条`, 'success')
- this.showImportDialog = false
- this.importText = ''
- this.loadList()
- } else {
- toast(res.message || '导入失败', 'error')
- }
- } catch (e) {
- toast('导入失败: ' + e.message, 'error')
- }
- },
-
- async loadAuditLogs() {
- try {
- const res = await listAuditLogs(1, 50)
- if (res.success) {
- this.auditLogs = res.data?.records || res.data || []
- } else {
- toast('加载审计日志失败: ' + (res.message || '未知错误'), 'error')
- }
- } catch (e) {
- toast('加载审计日志失败: ' + e.message, 'error')
- }
- },
-
- categoryLabel(c) { return { politics: '政治', porn: '色情', abuse: '辱骂', custom: '自定义' }[c] || c },
- categoryColor(c) { return { politics: '#dc3545', porn: '#e83e8c', abuse: '#fd7e14', custom: '#6c757d' }[c] || '#6c757d' }
- }
-}
diff --git a/src/main/resources/static/components/SystemConfigManager.js b/src/main/resources/static/components/SystemConfigManager.js
deleted file mode 100644
index 60879f7..0000000
--- a/src/main/resources/static/components/SystemConfigManager.js
+++ /dev/null
@@ -1,273 +0,0 @@
-/**
- * 系统配置管理组件
- * 🛡️ 敏感词管理
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 敏感词
- 分类
- 级别
- 状态
- 操作
- 加载中... 暂无数据
-
-
- {{ w.word }}
- {{ categoryLabel(w.category) }}
- {{ w.level >= 2 ? '拦截' : '警告' }}
- {{ w.isActive ? '✅' : '❌' }}
-
-
-
-
-
-
- 第 {{ page }} / {{ Math.ceil(total / pageSize) }} 页（共 {{ total }} 条）
-
-
-
-
-
-
-
-
-
-
- {{ editingWord ? '编辑敏感词' : '添加敏感词' }}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 批量导入敏感词
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- `,
-
- data() {
- return {
- configs: [],
- loading: false,
- saving: false,
- editing: false,
- isAdd: false,
- editingKey: '',
- editingItem: {},
- form: { configKey: '', configValue: '', description: '' }
- }
- },
-
- mounted() {
- this.load()
- },
-
- methods: {
- async load() {
- this.loading = true
- try {
- const json = await listSystemConfigs()
- if (json.success) {
- this.configs = json.data || []
- }
- } catch (e) {
- toast(e.message || '加载失败', 'error')
- } finally {
- this.loading = false
- }
- },
-
- edit(item) {
- this.isAdd = false
- this.editingKey = item.configKey
- this.editingItem = item
- this.form.configKey = item.configKey
- this.form.configValue = item.configValue || ''
- this.form.description = item.description || ''
- this.editing = true
- },
-
- startAdd() {
- this.isAdd = true
- this.editingKey = ''
- this.editingItem = {}
- this.form.configKey = ''
- this.form.configValue = ''
- this.form.description = ''
- this.editing = true
- },
-
- cancelEdit() {
- this.editing = false
- this.isAdd = false
- this.editingKey = ''
- this.editingItem = {}
- this.form.configKey = ''
- this.form.configValue = ''
- this.form.description = ''
- },
-
- async save() {
- if (this.saving) return
-
- // 新建时需要校验 configKey
- if (this.isAdd) {
- const key = (this.form.configKey || '').trim()
- if (!key) {
- toast('请输入配置键', 'error')
- return
- }
- if (!/^[a-zA-Z][a-zA-Z0-9_-]*$/.test(key)) {
- toast('配置键只能包含字母、数字、下划线和连字符，且以字母开头', 'error')
- return
- }
- this.editingKey = key
- }
-
- this.saving = true
- try {
- const json = await updateSystemConfig(
- this.editingKey,
- this.form.configValue,
- this.form.description || this.editingItem.description || ''
- )
- if (json.success) {
- toast('保存成功', 'success')
- this.cancelEdit()
- this.load()
- } else {
- toast(json.message || '保存失败', 'error')
- }
- } catch (e) {
- toast(e.message || '保存失败', 'error')
- } finally {
- this.saving = false
- }
- },
-
- async deleteItem(item) {
- if (!confirm(`确定删除配置「${item.configKey}」？`)) return
- try {
- const json = await deleteSystemConfig(item.configKey)
- if (json.success) {
- toast('删除成功', 'success')
- this.load()
- } else {
- toast(json.message || '删除失败', 'error')
- }
- } catch (e) {
- toast(e.message || '删除失败', 'error')
- }
- },
-
- /** 简单时间格式化 */
- formatTime(dateStr) {
- if (!dateStr) return ''
- const d = new Date(dateStr)
- const pad = n => String(n).padStart(2, '0')
- return d.getFullYear() + '-' + pad(d.getMonth() + 1) + '-' + pad(d.getDate()) +
- ' ' + pad(d.getHours()) + ':' + pad(d.getMinutes())
- }
- }
-}
diff --git a/src/main/resources/static/components/UserManager.js b/src/main/resources/static/components/UserManager.js
deleted file mode 100644
index 6e47c99..0000000
--- a/src/main/resources/static/components/UserManager.js
+++ /dev/null
@@ -1,315 +0,0 @@
-/**
- * 用户管理组件
- * 系统用户 CRUD + 角色分配 + 启用/禁用
- */
-import { ref, reactive, onMounted } from 'vue'
-import {
- listSysUsers, createSysUser, updateSysUser, toggleSysUser,
- assignSysUserRoles, changeSysUserPassword, getAllSysRoles
-} from '../js/api.js'
-import { toast, formatDate } from '../js/utils.js'
-
-export default {
- template: `
- 🔧 系统配置
-
-
-
-
-
-
-
-
-
-
- 加载中...
-
-
- 暂无配置项，点击「新建配置」开始
-
-
-
-
-
-
- {{ item.configKey }}
-
-
-
- {{ item.updateTime ? formatTime(item.updateTime) : '' }}
-
-
-
-
-
-
- {{ isAdd ? '新建' : '编辑' }} {{ editingKey }}
-
- — {{ editingItem.description }}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 预览区域（输入内容后实时显示效果）
-
-
-
-
-
-
-
- `,
- setup() {
- const users = ref([])
- const total = ref(0)
- const page = ref(1)
- const pageSize = ref(20)
- const keyword = ref('')
- const filterEnabled = ref(null)
- const allRoles = ref([])
- const saving = ref(false)
-
- const modal = reactive({
- visible: false, isEdit: false, userId: null,
- username: '', password: '', nickname: '', email: '', phone: ''
- })
- const roleModal = reactive({
- visible: false, userId: null, username: '', selectedRoleIds: []
- })
- const pwdModal = reactive({
- visible: false, userId: null, username: '', newPassword: ''
- })
-
- async function loadData() {
- try {
- const res = await listSysUsers(page.value, pageSize.value, keyword.value, filterEnabled.value)
- if (res.success) {
- users.value = res.data.records || []
- total.value = res.data.total || 0
- }
- } catch (e) {
- console.error('加载用户列表失败', e)
- }
- }
-
- async function loadRoles() {
- try {
- const res = await getAllSysRoles()
- if (res.success) allRoles.value = res.data || []
- } catch (e) {
- console.error('加载角色列表失败', e)
- }
- }
-
- function openCreate() {
- Object.assign(modal, {
- visible: true, isEdit: false, userId: null,
- username: '', password: '', nickname: '', email: '', phone: ''
- })
- }
-
- function openEdit(u) {
- Object.assign(modal, {
- visible: true, isEdit: true, userId: u.id,
- username: u.username, nickname: u.nickname || '',
- email: u.email || '', phone: u.phone || '', password: ''
- })
- }
-
- async function handleSave() {
- saving.value = true
- try {
- let res
- if (modal.isEdit) {
- res = await updateSysUser(modal.userId, {
- nickname: modal.nickname, email: modal.email, phone: modal.phone
- })
- } else {
- if (!modal.username || !modal.password) {
- toast('用户名和密码不能为空', 'error')
- return
- }
- res = await createSysUser({
- username: modal.username, password: modal.password,
- nickname: modal.nickname, email: modal.email, phone: modal.phone
- })
- }
- if (res.success) {
- toast(res.message || '操作成功', 'success')
- modal.visible = false
- loadData()
- } else {
- toast(res.message || '操作失败', 'error')
- }
- } catch (e) {
- toast(e.message || '操作失败', 'error')
- } finally {
- saving.value = false
- }
- }
-
- async function handleToggle(u) {
- const action = u.enabled ? '禁用' : '启用'
- if (!confirm(`确定${action}用户「${u.username}」？`)) return
- try {
- const res = await toggleSysUser(u.id, !u.enabled)
- if (res.success) {
- toast(res.message || '操作成功', 'success')
- loadData()
- } else {
- toast(res.message || '操作失败', 'error')
- }
- } catch (e) {
- toast(e.message || '操作失败', 'error')
- }
- }
-
- async function openRoleAssign(u) {
- roleModal.userId = u.id
- roleModal.username = u.username
- // 预选当前角色
- const roleKeys = (u.role_keys || '').split(',').filter(Boolean)
- roleModal.selectedRoleIds = allRoles.value
- .filter(r => roleKeys.includes(r.roleKey))
- .map(r => r.id.toString())
- roleModal.visible = true
- }
-
- async function handleRoleAssign() {
- try {
- const roleIds = roleModal.selectedRoleIds.map(Number)
- const res = await assignSysUserRoles(roleModal.userId, roleIds)
- if (res.success) {
- toast('角色分配成功', 'success')
- roleModal.visible = false
- loadData()
- } else {
- toast(res.message || '分配失败', 'error')
- }
- } catch (e) {
- toast(e.message || '分配失败', 'error')
- }
- }
-
- function openPasswordChange(u) {
- pwdModal.userId = u.id
- pwdModal.username = u.username
- pwdModal.newPassword = ''
- pwdModal.visible = true
- }
-
- async function handlePasswordChange() {
- if (!pwdModal.newPassword) { toast('请输入新密码', 'error'); return }
- try {
- const res = await changeSysUserPassword(pwdModal.userId, pwdModal.newPassword)
- if (res.success) {
- toast('密码修改成功', 'success')
- pwdModal.visible = false
- } else {
- toast(res.message || '修改失败', 'error')
- }
- } catch (e) {
- toast(e.message || '修改失败', 'error')
- }
- }
-
- onMounted(() => { loadData(); loadRoles() })
-
- return {
- users, total, page, pageSize, keyword, filterEnabled, allRoles, saving,
- modal, roleModal, pwdModal,
- loadData, openCreate, openEdit, handleSave, handleToggle,
- openRoleAssign, handleRoleAssign, openPasswordChange, handlePasswordChange,
- formatDate
- }
- }
-}
diff --git a/src/main/resources/static/components/WebhookManager.js b/src/main/resources/static/components/WebhookManager.js
deleted file mode 100644
index 1dd2178..0000000
--- a/src/main/resources/static/components/WebhookManager.js
+++ /dev/null
@@ -1,216 +0,0 @@
-/**
- * Webhook 管理组件
- * 支持 Webhook 的创建、编辑、删除、测试推送、分页查询
- */
-import { ref, onMounted } from 'vue'
-import { listWebhooks, createWebhook, updateWebhook, deleteWebhook, testWebhook } from '../js/api.js'
-import { toast } from '../js/utils.js'
-
-export default {
- template: `
-
-
-
-
-
-
-
- 👥 用户管理
-
-
-
-
-
-
-
-
-
-
-
-
- 用户名
- 昵称
- 邮箱
- 角色
- 状态
- 最后登录
- 创建时间
- 操作
-
-
- {{ u.username }}
- {{ u.nickname || '-' }}
- {{ u.email || '-' }}
-
- {{ r }}
- 未分配
-
-
-
- {{ u.enabled ? '启用' : '禁用' }}
-
-
- {{ u.last_login_time ? formatDate(u.last_login_time) : '从未登录' }}
- {{ formatDate(u.create_time) }}
-
-
-
-
-
-
-
-
-
- 暂无用户数据
-
-
- {{ page }} / {{ Math.ceil(total / pageSize) }} (共 {{ total }} 条)
-
-
-
-
-
-
-
-
-
-
-
-
-
- `,
-
- setup() {
- const webhooks = ref([])
- const loading = ref(false)
- const page = ref(1)
- const pageSize = ref(20)
- const total = ref(0)
- const showFormDialog = ref(false)
- const editingId = ref(null)
- const form = ref({ name: '', url: '', events: [], enabled: true })
-
- const availableEvents = [
- { value: 'document.processed', label: '文档处理完成时触发' },
- { value: 'feedback.negative', label: '收到负面反馈时触发' }
- ]
-
- async function loadList() {
- loading.value = true
- try {
- const res = await listWebhooks(page.value, pageSize.value)
- if (res.success) {
- webhooks.value = res.data || []
- total.value = res.total || 0
- }
- } catch (e) {
- toast('加载失败: ' + e.message, 'error')
- }
- loading.value = false
- }
-
- function getEvents(w) {
- if (!w.events) return []
- const eventsObj = w.events
- if (eventsObj.list && Array.isArray(eventsObj.list)) return eventsObj.list
- // 兼容直接是数组的情况
- if (Array.isArray(eventsObj)) return eventsObj
- return []
- }
-
- function openCreateDialog() {
- editingId.value = null
- form.value = { name: '', url: '', events: [], enabled: true }
- showFormDialog.value = true
- }
-
- function openEditDialog(w) {
- editingId.value = w.id
- form.value = {
- name: w.name || '',
- url: w.url || '',
- events: getEvents(w).slice(),
- enabled: w.enabled !== false
- }
- showFormDialog.value = true
- }
-
- async function doSave() {
- try {
- let res
- if (editingId.value) {
- res = await updateWebhook(editingId.value, {
- name: form.value.name,
- url: form.value.url,
- events: form.value.events,
- enabled: form.value.enabled
- })
- } else {
- res = await createWebhook({
- name: form.value.name,
- url: form.value.url,
- events: form.value.events
- })
- }
- if (res.success) {
- toast(editingId.value ? '更新成功' : '创建成功', 'success')
- showFormDialog.value = false
- loadList()
- } else {
- toast(res.message || '操作失败', 'error')
- }
- } catch (e) {
- toast('操作失败: ' + e.message, 'error')
- }
- }
-
- async function doTest(id) {
- try {
- const res = await testWebhook(id)
- if (res.success) toast('测试推送已发送', 'success')
- else toast(res.message || '测试失败', 'error')
- } catch (e) {
- toast('测试失败: ' + e.message, 'error')
- }
- }
-
- async function doDelete(id) {
- if (!confirm('确认删除该 Webhook？')) return
- try {
- const res = await deleteWebhook(id)
- if (res.success) { toast('已删除', 'success'); loadList() }
- else toast(res.message || '删除失败', 'error')
- } catch (e) {
- toast('删除失败: ' + e.message, 'error')
- }
- }
-
- onMounted(() => loadList())
-
- return {
- webhooks, loading, page, pageSize, total,
- showFormDialog, editingId, form, availableEvents,
- loadList, getEvents, openCreateDialog, openEditDialog,
- doSave, doTest, doDelete
- }
- }
-}
diff --git a/src/main/resources/static/css/main.css b/src/main/resources/static/css/main.css
deleted file mode 100644
index e17b920..0000000
--- a/src/main/resources/static/css/main.css
+++ /dev/null
@@ -1,585 +0,0 @@
-/* ==================== CSS 变量 ==================== */
-:root {
- --bg:#f5f6f8; --card:#ffffff; --surface:#fafbfc;
- --primary:#111827; --primary-d:#030712; --primary2:#374151;
- --success:#10b981; --warn:#f59e0b; --danger:#ef4444;
- --text:#1f2937; --sub:#6b7280; --muted:#9ca3af;
- --border:#e7e9ee; --border-strong:#d1d5db;
- --radius:12px; --radius-sm:8px; --radius-lg:16px;
- --shadow-sm:0 1px 2px rgba(16,24,40,.04), 0 1px 3px rgba(16,24,40,.06);
- --shadow:0 2px 8px rgba(16,24,40,.06), 0 1px 3px rgba(16,24,40,.04);
- --shadow-lg:0 10px 30px rgba(16,24,40,.10);
- --ring:0 0 0 3px rgba(17,24,39,.12);
-}
-
-* { margin:0; padding:0; box-sizing:border-box; }
-html, body { height:100%; }
-body { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif; background:var(--bg); color:var(--text); overflow:hidden; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; line-height:1.55; }
-#app { height:100vh; display:flex; flex-direction:column; min-height:0; }
-
-/* ==================== 顶部导航 ==================== */
-.topbar { background:#1f2937; color:#fff; padding:0 24px; height:56px; display:flex; align-items:center; gap:12px; flex:none; z-index:100; }
-.topbar .logo { font-size:20px; font-weight:700; }
-.topbar .ver { font-size:12px; opacity:.7; margin-left:4px; }
-.topbar .links { margin-left:auto; display:flex; gap:12px; }
-.topbar .links a { color:#fff; opacity:.8; text-decoration:none; font-size:13px; transition:opacity .2s; }
-.topbar .links a:hover { opacity:1; }
-.menu-toggle { display:none; align-items:center; justify-content:center; width:36px; height:36px; border:none; background:rgba(255,255,255,.1); color:#fff; border-radius:6px; cursor:pointer; font-size:18px; margin-right:4px; flex:none; }
-
-/* ==================== 布局主体（侧边栏 + 内容区） ==================== */
-.layout-body { display:flex; flex:1; min-height:0; overflow:hidden; }
-
-/* ==================== 侧边栏 ==================== */
-.sidebar { width:220px; flex:none; background:#1f2937; color:#e5e7eb; display:flex; flex-direction:column; transition:width .25s cubic-bezier(.4,0,.2,1); overflow:hidden; z-index:50; }
-.sidebar.collapsed { width:56px; }
-.sidebar-inner { display:flex; flex-direction:column; flex:1; min-height:0; overflow:hidden; }
-.sidebar-nav { flex:1; min-height:0; overflow-y:auto; overflow-x:hidden; padding:8px 0 12px; }
-
-/* 菜单项 */
-.menu-item { display:flex; align-items:center; gap:10px; width:100%; padding:10px 16px; border:none; background:none; color:#d1d5db; font-size:14px; cursor:pointer; transition:background .15s, color .15s; text-align:left; font-family:inherit; white-space:nowrap; position:relative; }
-.menu-item:hover { background:rgba(255,255,255,.08); color:#fff; }
-.menu-item.active { background:rgba(255,255,255,.12); color:#fff; font-weight:600; }
-.menu-icon { font-size:18px; flex:none; width:24px; text-align:center; }
-.child-icon { font-size:15px; }
-.menu-label { flex:1; overflow:hidden; text-overflow:ellipsis; }
-.menu-arrow { font-size:12px; transition:transform .2s; flex:none; }
-.menu-arrow.expanded { transform:rotate(0deg); }
-.menu-arrow:not(.expanded) { transform:rotate(-90deg); }
-
-/* 子菜单 */
-.menu-child { padding-left:30px; font-size:13px; }
-.submenu { overflow:hidden; transition:max-height .25s ease; max-height:0; }
-.menu-group.open .submenu { max-height:600px; }
-
-/* 折叠按钮 */
-.sidebar-collapse-btn { border:none; background:rgba(255,255,255,.06); color:#9ca3af; padding:10px; cursor:pointer; font-size:12px; text-align:center; transition:background .15s; flex:none; }
-.sidebar-collapse-btn:hover { background:rgba(255,255,255,.12); color:#fff; }
-.sidebar-collapse-btn span { display:inline-block; transition:transform .25s; }
-
-/* 折叠态：仅显示图标 */
-.sidebar.collapsed .menu-label,
-.sidebar.collapsed .menu-arrow,
-.sidebar.collapsed .submenu { display:none; }
-.sidebar.collapsed .menu-item { justify-content:center; padding:12px 0; }
-.sidebar.collapsed .menu-icon { width:auto; }
-
-/* ==================== 内容区 ==================== */
-.main { flex:1; min-width:0; padding:20px; overflow-y:auto; }
-/* 聊天页：圣杯布局，内容撑满视口、外层不滚动 */
-.main.main-chat { overflow:hidden; padding:16px; display:flex; }
-.main.main-chat .page-pane { flex:1; display:flex; min-height:0; min-width:0; }
-.page-pane { min-width:0; }
-@keyframes fadeIn { from{opacity:0;transform:translateY(8px);} to{opacity:1;transform:translateY(0);} }
-
-/* ==================== 卡片 ==================== */
-.card { background:var(--card); border-radius:var(--radius); padding:22px; margin-bottom:16px; border:1px solid var(--border); }
-.card h2 { font-size:16px; font-weight:600; margin-bottom:16px; display:flex; align-items:center; gap:8px; }
-.card h3 { font-size:13px; font-weight:600; margin-bottom:8px; color:var(--sub); }
-
-/* ==================== 表单 ==================== */
-.input-row { display:flex; gap:8px; margin-bottom:12px; flex-wrap:wrap; }
-.input, .textarea, .select { padding:10px 14px; border:1px solid var(--border); border-radius:8px; font-size:14px; font-family:inherit; outline:none; transition:border-color .2s; }
-.input:focus, .textarea:focus, .select:focus { border-color:var(--primary); box-shadow:var(--ring); }
-.input { flex:1; min-width:200px; width:100%; }
-.textarea { width:100%; resize:vertical; min-height:120px; }
-.select { min-width:160px; }
-.input-sm { width:120px; flex:none; }
-.input-field-sm { display:flex; flex-direction:column; gap:4px; flex:none; }
-.input-field-sm span { font-size:12px; color:var(--sub); font-weight:600; }
-
-.btn { padding:10px 20px; border:none; border-radius:8px; font-size:14px; cursor:pointer; font-family:inherit; font-weight:500; transition:all .2s; display:inline-flex; align-items:center; gap:6px; white-space:nowrap; }
-.btn:disabled { opacity:.5; cursor:not-allowed; }
-.btn-primary { background:var(--primary); color:#fff; }
-.btn-primary:hover:not(:disabled) { background:#000; }
-.btn-purple { background:var(--primary2); color:#fff; }
-.btn-purple:hover:not(:disabled) { background:#1f2937; }
-.btn-success { background:var(--success); color:#fff; }
-.btn-outline { background:#fff; color:var(--primary); border:1px solid var(--primary); }
-.btn-sm { padding:6px 12px; font-size:12px; }
-.btn-danger { background:var(--danger); color:#fff; }
-.btn-warn { background:var(--warn); color:#fff; }
-
-/* ==================== 消息区 ==================== */
-.msg-area { border:1px solid var(--border); border-radius:var(--radius); height:400px; overflow-y:auto; padding:16px; background:#fff; margin-bottom:12px; display:flex; flex-direction:column; gap:10px; }
-.msg { display:flex; gap:12px; max-width:88%; animation: fadeIn .25s; }
-.msg.user { align-self:flex-end; flex-direction:row-reverse; }
-.msg.assistant { align-self:flex-start; }
-.msg-bubble { line-height:1.65; font-size:15px; word-break:break-word; white-space:pre-wrap; }
-.msg.user .msg-bubble { background:#f4f4f5; color:var(--text); padding:10px 14px; border-radius:14px; }
-.msg.assistant .msg-bubble { background:transparent; padding:1px 0; }
-
-/* ==================== 商品信息展示 ==================== */
-.result-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(280px, 1fr)); gap:12px; margin-top:12px; }
-.result-item { background:#fafafa; padding:12px 16px; border-radius:10px; border:1px solid var(--border); }
-.result-item .label { font-size:12px; color:var(--sub); margin-bottom:4px; }
-.result-item .value { font-size:14px; font-weight:500; }
-.result-json { background:#1e293b; color:#e2e8f0; padding:16px; border-radius:8px; font-family:'Fira Code',monospace; font-size:13px; white-space:pre-wrap; overflow-x:auto; }
-
-/* ==================== 文件上传区 ==================== */
-.upload-zone { border:2px dashed var(--border); border-radius:var(--radius); padding:32px; text-align:center; transition:all .2s; cursor:pointer; margin-bottom:12px; }
-.upload-zone:hover, .upload-zone.drag-over { border-color:var(--primary); background:#f3f4f6; }
-.upload-zone p { color:var(--sub); }
-.upload-zone .icon { font-size:40px; margin-bottom:8px; }
-
-/* ==================== Toast ==================== */
-.toast-container { position:fixed; top:70px; right:20px; z-index:9999; display:flex; flex-direction:column; gap:8px; }
-.toast { padding:10px 18px; border-radius:8px; color:#fff; font-size:13px; animation:slideIn .3s; box-shadow:0 4px 12px rgba(0,0,0,.15); }
-.toast.success { background:var(--success); }
-.toast.error { background:var(--danger); }
-.toast.info { background:var(--primary); }
-@keyframes slideIn { from{opacity:0;transform:translateX(100px);} to{opacity:1;transform:translateX(0);} }
-
-/* ==================== 流式结果比较 ==================== */
-.stream-compare { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
-.stream-compare .card { margin-bottom:0; }
-
-/* ==================== 表格样式 ==================== */
-.data-table { width:100%; border-collapse:collapse; font-size:13px; }
-.data-table th { background:#fafafa; padding:11px 12px; text-align:left; font-weight:600; font-size:12px; color:var(--sub); border-bottom:1px solid var(--border); white-space:nowrap; }
-.data-table td { padding:11px 12px; border-bottom:1px solid var(--border); vertical-align:middle; }
-.data-table tr:hover { background:#fafafa; }
-.data-table td .btn { margin:2px 0; }
-.data-table td .btn + .btn { margin-left:6px; }
-.data-table .status-ready { color:var(--success); font-weight:600; }
-.data-table .status-processing { color:var(--warn); font-weight:600; }
-.data-table .status-failed { color:var(--danger); font-weight:600; }
-
-/* ==================== 分页 ==================== */
-.pagination { display:flex; gap:4px; justify-content:center; margin-top:12px; }
-.pagination button { padding:6px 12px; border:1px solid var(--border); background:#fff; border-radius:6px; cursor:pointer; font-size:12px; }
-.pagination button:hover:not(:disabled) { background:var(--primary); color:#fff; border-color:var(--primary); }
-.pagination button:disabled { opacity:.5; cursor:not-allowed; }
-.pagination button.active { background:var(--primary); color:#fff; border-color:var(--primary); }
-
-/* ==================== 统计卡片 ==================== */
-.stat-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(180px, 1fr)); gap:12px; margin-bottom:16px; }
-.stat-card { background:#fafafa; border-radius:10px; padding:18px 16px; text-align:center; border:1px solid var(--border); }
-.stat-card .number { font-size:26px; font-weight:700; color:var(--text); letter-spacing:-.01em; }
-.stat-card .label { font-size:12px; color:var(--muted); margin-top:5px; }
-
-/* ==================== 弹窗 ==================== */
-.modal-overlay { position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.5); z-index:300; display:none; align-items:center; justify-content:center; }
-.modal-overlay.active { display:flex; }
-.modal-box { background:#fff; border-radius:var(--radius); width:90%; max-width:800px; max-height:85vh; overflow-y:auto; padding:24px; position:relative; }
-.modal-box h2 { margin-bottom:16px; font-size:18px; }
-.modal-close { position:absolute; top:16px; right:20px; font-size:24px; cursor:pointer; color:var(--sub); background:none; border:none; }
-.modal-close:hover { color:var(--text); }
-
-/* 模型配置弹窗双栏网格 */
-.model-form { display:grid; grid-template-columns:1fr 1fr; gap:14px 16px; margin-top:16px; }
-.model-form-full { grid-column:1 / -1; }
-@media(max-width:640px) { .model-form { grid-template-columns:1fr; } }
-
-/* ==================== 分类标签 ==================== */
-.category-tag { display:inline-block; padding:2px 8px; border-radius:12px; font-size:11px; background:#f3f4f6; color:var(--text); }
-
-/* ==================== 搜索结果 ==================== */
-.search-result { background:#fafafa; border-radius:10px; padding:12px 14px; margin-bottom:8px; border:1px solid var(--border); }
-.search-result .score { font-size:12px; color:var(--sub); font-weight:600; }
-.search-result .meta { font-size:12px; color:var(--sub); margin-top:4px; }
-.search-result .content { font-size:13px; margin-top:6px; line-height:1.5; }
-
-/* ==================== 端点标签 ==================== */
-.badge { display:inline-block; padding:2px 8px; border-radius:12px; font-size:11px; font-weight:600; }
-.badge-get { background:#dbeafe; color:#1d4ed8; }
-.badge-post { background:#fef3c7; color:#b45309; }
-.endpoint-info { display:flex; align-items:center; gap:6px; margin-bottom:8px; flex-wrap:wrap; }
-
-/* ==================== 消息列表样式（会话管理） ==================== */
-.msg-item { border:1px solid var(--border); }
-.msg-item.msg-user { background:#fafafa; border-left:3px solid #111827; }
-.msg-item.msg-assistant { background:#fff; border-left:3px solid var(--border-strong); }
-.msg-item.msg-system { background:#fafafa; border-left:3px solid var(--muted); }
-
-/* ==================== 响应式 ==================== */
-.sidebar-overlay { display:none; }
-@media(max-width:768px) {
- .sidebar { position:fixed; top:56px; left:0; bottom:0; width:260px; transform:translateX(-100%); transition:transform .3s cubic-bezier(.4,0,.2,1); z-index:200; }
- .sidebar.open { transform:translateX(0); }
- .sidebar.collapsed { width:260px; }
- .sidebar-overlay { display:block; position:fixed; top:56px; left:0; right:0; bottom:0; background:rgba(0,0,0,.4); z-index:199; }
- .menu-toggle { display:flex; }
- .sidebar-collapse-btn { display:none; }
- .main { padding:16px; }
- .main.main-chat { padding:12px; }
- .stream-compare { grid-template-columns:1fr; }
- .stat-grid { grid-template-columns:1fr 1fr; }
-}
-
-/* ==================== Chat Panel ==================== */
-.chat-shell { display:grid; grid-template-columns:260px minmax(0, 1fr); gap:16px; flex:1; min-width:0; min-height:0; }
-.chat-sidebar, .chat-main { background:var(--card); border:1px solid var(--border); border-radius:var(--radius); }
-.chat-sidebar { padding:16px; display:flex; flex-direction:column; gap:20px; overflow:hidden; min-height:0; }
-.agent-card { display:flex; align-items:center; gap:12px; }
-.agent-avatar { width:40px; height:40px; border-radius:10px; display:flex; align-items:center; justify-content:center; background:#4f46e5; color:#fff; font-weight:700; font-size:14px; }
-.agent-name { font-weight:600; font-size:14px; }
-.agent-status { margin-top:3px; color:var(--muted); font-size:12px; display:flex; align-items:center; gap:6px; }
-.agent-status span { width:6px; height:6px; border-radius:999px; background:var(--success); display:inline-block; }
-.side-section { display:flex; flex-direction:column; gap:8px; }
-.side-label { font-size:12px; color:var(--muted); font-weight:500; }
-.toggle-line { display:flex; align-items:center; gap:8px; font-size:13px; cursor:pointer; }
-.toggle-line input { width:16px; height:16px; }
-.chat-select { width:100%; min-width:0; }
-.chat-main { display:flex; flex-direction:column; min-width:0; min-height:0; overflow:hidden; }
-.chat-header { padding:18px 24px; border-bottom:1px solid var(--border); display:flex; align-items:center; justify-content:space-between; gap:16px; }
-.chat-title h2 { font-size:16px; font-weight:600; }
-.chat-subline { margin-top:5px; color:var(--muted); font-size:12px; display:flex; align-items:center; gap:7px; flex-wrap:wrap; }
-.chat-subline .dot-sep { color:var(--border-strong); }
-.rag-dot { width:7px; height:7px; border-radius:999px; background:var(--muted); display:inline-block; }
-.rag-dot.on { background:var(--success); }
-.chat-actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; justify-content:flex-end; }
-.model-chip { height:40px; min-width:190px; max-width:280px; padding:0 12px; border:1px solid var(--border); border-radius:8px; display:flex; align-items:center; gap:8px; background:#fff; color:var(--text); font-size:12px; }
-.model-chip span { color:var(--muted); white-space:nowrap; }
-.model-chip strong { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; font-weight:600; }
-.model-chip-error strong { color:var(--warn); }
-.rag-toggle { height:40px; padding:0 12px; border:1px solid var(--border); border-radius:8px; display:flex; align-items:center; gap:8px; font-size:13px; font-weight:600; background:#fff; cursor:pointer; user-select:none; }
-.rag-toggle input { width:16px; height:16px; accent-color:var(--primary); }
-.rag-strategy { min-width:112px; font-size:13px; }
-.chat-mode { min-width:130px; font-size:13px; }
-.quick-row { padding:18px 24px 0; display:flex; gap:8px; flex-wrap:wrap; }
-.quick-row button { border:none; background:#f7f7f8; border-radius:999px; padding:7px 14px; font-size:13px; color:var(--sub); cursor:pointer; transition:all .15s; }
-.quick-row button:hover { background:#ececee; color:var(--text); }
-.chat-msg-area { flex:1; height:auto; min-height:0; margin:0; border:none; border-radius:0; padding:24px; background:#fff; gap:18px; }
-.chat-msg-area .msg { max-width:100%; }
-.chat-msg-area .msg.user { max-width:80%; }
-.chat-msg-area .msg-content { min-width:0; }
-.edit-textarea { width:100%; min-width:min(260px, 100%); }
-.edit-actions { display:flex; align-items:center; gap:8px; margin-top:8px; flex-wrap:wrap; }
-.edit-actions span { font-size:12px; color:var(--muted); }
-.msg-tools { margin-top:7px; display:flex; align-items:center; gap:4px; font-size:12px; color:var(--muted); flex-wrap:wrap; opacity:0; transition:opacity .15s; }
-.msg:hover .msg-tools, .msg.streaming .msg-tools { opacity:1; }
-.msg-tools span { margin-right:4px; }
-.msg-tools button { border:none; background:transparent; color:var(--muted); cursor:pointer; font-size:12px; padding:2px 7px; border-radius:6px; line-height:1.4; transition:all .15s; }
-.msg-tools button:hover { background:#f4f4f5; color:var(--text); }
-.msg-tools button:focus-visible { outline:none; box-shadow:var(--ring); }
-
-/* ==================== MCP 工具调用展示 ==================== */
-.mcp-tool-calls { margin-bottom:8px; border-left:3px solid var(--primary, #4f46e5); padding-left:10px; }
-.mcp-tool-item { padding:4px 0; }
-.mcp-tool-header { display:flex; align-items:center; gap:6px; font-size:12px; color:#6b7280; }
-.mcp-tool-icon { font-size:14px; }
-.mcp-tool-name { font-family:monospace; background:#f3f4f6; padding:1px 6px; border-radius:4px; font-size:11px; }
-.mcp-tool-latency { color:#9ca3af; font-size:11px; }
-
-.chat-composer { border-top:1px solid var(--border); padding:16px 24px 20px; background:#fff; }
-.composer-box { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; align-items:end; border:1px solid var(--border); border-radius:14px; padding:8px 8px 8px 14px; transition:border-color .15s; }
-.composer-box:focus-within { border-color:var(--text); }
-.chat-textarea { border:none; outline:none; background:transparent; resize:none; min-height:40px; max-height:160px; padding:8px 0; font-size:15px; font-family:inherit; line-height:1.5; }
-.send-btn { height:40px; min-width:72px; border:none; border-radius:10px; background:var(--text); color:#fff; font-size:14px; font-weight:500; cursor:pointer; transition:opacity .15s; }
-.send-btn:hover:not(:disabled) { opacity:.85; }
-.send-btn:disabled { opacity:.35; cursor:not-allowed; }
-
-@media(max-width:860px) {
- .main.main-chat { overflow-y:auto; display:block; }
- .page-pane { display:block; }
- .chat-shell { grid-template-columns:1fr; height:auto; min-height:0; }
- .chat-sidebar { order:1; overflow:visible; }
- .chat-main { order:2; min-height:560px; }
- .chat-msg-area { min-height:360px; }
-}
-@media(max-width:640px) {
- .chat-header { flex-direction:column; align-items:flex-start; }
- .chat-actions { width:100%; justify-content:flex-start; }
- .chat-msg-area .msg, .chat-msg-area .msg.user { max-width:100%; }
- .quick-row { padding:14px 16px 0; }
- .chat-msg-area { padding:16px; }
- .chat-composer { padding:12px 16px 16px; }
-}
-
-/* ==================== 侧边栏暗色滚动条 ==================== */
-.sidebar-nav { scrollbar-width:thin; scrollbar-color:rgba(255,255,255,.15) transparent; }
-.sidebar-nav::-webkit-scrollbar { width:6px; }
-.sidebar-nav::-webkit-scrollbar-thumb { background:rgba(255,255,255,.15); border-radius:999px; }
-.sidebar-nav::-webkit-scrollbar-thumb:hover { background:rgba(255,255,255,.25); }
-.sidebar-nav::-webkit-scrollbar-track { background:transparent; }
-
-/* ==================== 滚动条 ==================== */
-* { scrollbar-width:thin; scrollbar-color:#cbd0d8 transparent; }
-::-webkit-scrollbar { width:10px; height:10px; }
-::-webkit-scrollbar-thumb { background:#cbd0d8; border-radius:999px; border:2px solid transparent; background-clip:content-box; }
-::-webkit-scrollbar-thumb:hover { background:#aab0bb; background-clip:content-box; }
-::-webkit-scrollbar-track { background:transparent; }
-
-/* ==================== Markdown 渲染（AI 回复） ==================== */
-.msg-bubble.markdown-body { white-space:normal; }
-.markdown-body { font-size:14px; line-height:1.7; word-break:break-word; }
-.markdown-body > *:first-child { margin-top:0; }
-.markdown-body > *:last-child { margin-bottom:0; }
-.markdown-body p { margin:8px 0; }
-.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4 { margin:14px 0 8px; line-height:1.3; font-weight:700; }
-.markdown-body h1 { font-size:20px; } .markdown-body h2 { font-size:18px; } .markdown-body h3 { font-size:16px; } .markdown-body h4 { font-size:14px; }
-.markdown-body ul,.markdown-body ol { margin:8px 0; padding-left:22px; }
-.markdown-body li { margin:3px 0; }
-.markdown-body li>p { margin:2px 0; }
-.markdown-body a { color:var(--primary); text-decoration:none; }
-.markdown-body a:hover { text-decoration:underline; }
-.markdown-body code { font-family:'Fira Code',ui-monospace,SFMono-Regular,Menlo,monospace; font-size:.88em; background:#f1f1f2; color:#374151; padding:.12em .4em; border-radius:5px; }
-.markdown-body pre { background:#1e293b; color:#e2e8f0; padding:14px 16px; border-radius:10px; overflow-x:auto; margin:10px 0; }
-.markdown-body pre code { background:none; color:inherit; padding:0; font-size:13px; }
-.markdown-body blockquote { margin:10px 0; padding:6px 14px; border-left:2px solid var(--border-strong); background:#fafafa; color:var(--sub); border-radius:0 8px 8px 0; }
-.markdown-body table { border-collapse:collapse; margin:10px 0; font-size:13px; width:100%; }
-.markdown-body th,.markdown-body td { border:1px solid var(--border); padding:6px 10px; text-align:left; }
-.markdown-body th { background:#f3f4f6; font-weight:600; }
-.markdown-body hr { border:none; border-top:1px solid var(--border); margin:14px 0; }
-.markdown-body img { max-width:100%; border-radius:8px; }
-
-/* 思考中光标 */
-.msg .thinking { color:var(--sub); }
-.msg .thinking::after { content:'▋'; margin-left:2px; animation:blink 1s steps(2) infinite; }
-@keyframes blink { 0%,50%{opacity:1;} 51%,100%{opacity:0;} }
-
-/* ==================== 对话页 · 助手卡片(左) ==================== */
-.side-section-grow { flex:1; min-height:0; }
-.assistant-list { display:flex; flex-direction:column; gap:4px; overflow-y:auto; padding-right:2px; margin:0 -6px; }
-.assistant-card { width:100%; border:none; background:transparent; border-radius:9px; padding:9px 10px; display:flex; gap:10px; align-items:center; text-align:left; cursor:pointer; transition:background .12s; font-family:inherit; }
-.assistant-card:hover { background:#f4f4f5; }
-.assistant-card.active { background:#f4f4f5; }
-.assistant-avatar-sm { flex:none; width:30px; height:30px; border-radius:8px; display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:600; color:#fff; background:#0d9488; }
-.assistant-list .assistant-card:nth-child(6n+1) .assistant-avatar-sm { background:#0d9488; }
-.assistant-list .assistant-card:nth-child(6n+2) .assistant-avatar-sm { background:#ea580c; }
-.assistant-list .assistant-card:nth-child(6n+3) .assistant-avatar-sm { background:#2563eb; }
-.assistant-list .assistant-card:nth-child(6n+4) .assistant-avatar-sm { background:#16a34a; }
-.assistant-list .assistant-card:nth-child(6n+5) .assistant-avatar-sm { background:#db2777; }
-.assistant-list .assistant-card:nth-child(6n+6) .assistant-avatar-sm { background:#0891b2; }
-.assistant-meta { min-width:0; display:flex; flex-direction:column; gap:1px; }
-.assistant-meta strong { font-size:13px; font-weight:600; color:var(--text); }
-.assistant-meta small { font-size:12px; color:var(--muted); line-height:1.4; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
-
-/* ==================== 引用来源(回答下方) ==================== */
-.msg-sources { margin-top:14px; padding-top:12px; border-top:1px solid var(--border); }
-.msg-sources-head { font-size:12px; font-weight:500; color:var(--muted); margin-bottom:10px; display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; }
-.source-doc { border:none; border-radius:0; background:transparent; padding:0; margin-bottom:12px; }
-.source-doc:last-child { margin-bottom:0; }
-.source-doc.clickable { cursor:pointer; }
-.source-doc.clickable:hover .source-doc-title { color:var(--primary); }
-.source-doc-head { display:flex; align-items:center; gap:8px; margin-bottom:5px; flex-wrap:wrap; }
-.source-doc-title { font-size:13px; font-weight:600; color:var(--text); word-break:break-word; min-width:0; transition:color .15s; }
-.source-open { font-size:11px; color:var(--muted); flex:none; }
-.source-chunk { font-size:12px; line-height:1.6; color:var(--sub); border-left:2px solid var(--border); padding-left:10px; margin-top:4px; }
-.source-rel { display:inline-block; font-size:11px; color:var(--muted); margin-right:6px; font-weight:600; }
-.source-snippet { color:var(--sub); }
-
-/* ==================== 登录页 ==================== */
-.login-page { position:fixed; top:0; left:0; right:0; bottom:0; background:linear-gradient(135deg,#1f2937 0%,#111827 100%); display:flex; align-items:center; justify-content:center; z-index:9999; }
-.login-card { background:#fff; border-radius:var(--radius-lg); padding:40px; width:100%; max-width:400px; box-shadow:var(--shadow-lg); }
-.login-header { text-align:center; margin-bottom:32px; }
-.login-logo { font-size:48px; margin-bottom:8px; }
-.login-header h1 { font-size:22px; font-weight:700; color:var(--text); }
-.login-subtitle { font-size:13px; color:var(--muted); margin-top:4px; }
-.login-form .form-group { margin-bottom:16px; }
-.login-form label { display:block; font-size:13px; font-weight:600; color:var(--sub); margin-bottom:6px; }
-.login-form input { width:100%; padding:12px 14px; border:1px solid var(--border); border-radius:8px; font-size:14px; font-family:inherit; outline:none; transition:border-color .2s; }
-.login-form input:focus { border-color:var(--primary); box-shadow:var(--ring); }
-.btn-login { width:100%; padding:12px; background:var(--primary); color:#fff; border:none; border-radius:8px; font-size:15px; font-weight:600; cursor:pointer; transition:opacity .2s; margin-top:8px; }
-.btn-login:hover:not(:disabled) { opacity:.9; }
-.btn-login:disabled { opacity:.5; cursor:not-allowed; }
-.login-error { color:var(--danger); font-size:13px; text-align:center; margin-top:12px; }
-.login-footer { text-align:center; margin-top:20px; font-size:12px; color:var(--muted); }
-
-/* ==================== 用户栏（topbar 右侧） ==================== */
-.user-bar { margin-left:auto; display:flex; align-items:center; gap:12px; }
-.user-info { display:flex; align-items:center; gap:8px; }
-.user-avatar { width:28px; height:28px; border-radius:50%; background:rgba(255,255,255,.2); color:#fff; display:flex; align-items:center; justify-content:center; font-size:13px; font-weight:600; }
-.user-name { font-size:13px; color:#e5e7eb; }
-.user-role-tag { font-size:10px; padding:2px 6px; border-radius:4px; background:rgba(255,255,255,.15); color:#d1d5db; }
-.btn-logout { background:rgba(255,255,255,.1); color:#e5e7eb; border:1px solid rgba(255,255,255,.2); font-size:12px; padding:4px 12px; }
-.btn-logout:hover { background:rgba(255,255,255,.2); color:#fff; }
-
-/* ==================== 弹窗（用户管理等通用） ==================== */
-.modal-card { background:#fff; border-radius:var(--radius); width:90%; max-width:500px; max-height:85vh; overflow-y:auto; padding:24px; }
-.modal-card h3 { font-size:16px; font-weight:600; margin-bottom:20px; }
-.modal-card .form-group { margin-bottom:14px; }
-.modal-card label { display:block; font-size:13px; font-weight:600; color:var(--sub); margin-bottom:4px; }
-.modal-card input { width:100%; padding:10px 12px; border:1px solid var(--border); border-radius:8px; font-size:13px; font-family:inherit; outline:none; }
-.modal-card input:focus { border-color:var(--primary); box-shadow:var(--ring); }
-.modal-card input:disabled { background:#f5f5f5; color:var(--muted); }
-.modal-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:20px; padding-top:16px; border-top:1px solid var(--border); }
-
-/* ==================== 工具栏 ==================== */
-.toolbar { display:flex; gap:8px; margin-bottom:16px; align-items:center; flex-wrap:wrap; }
-.search-input { padding:8px 12px; border:1px solid var(--border); border-radius:8px; font-size:13px; outline:none; min-width:200px; flex:1; max-width:300px; }
-.search-input:focus { border-color:var(--primary); box-shadow:var(--ring); }
-.search-select { padding:8px 12px; border:1px solid var(--border); border-radius:8px; font-size:13px; background:#fff; outline:none; }
-
-/* ==================== 复选框标签 ==================== */
-.checkbox-label { display:flex; align-items:center; gap:8px; padding:8px 0; font-size:13px; cursor:pointer; }
-.checkbox-label input[type="checkbox"] { width:16px; height:16px; accent-color:var(--primary); }
-
-/* ==================== 标签 ==================== */
-.tag { display:inline-block; padding:2px 8px; border-radius:4px; font-size:11px; background:#e5e7eb; color:var(--text); margin-right:4px; }
-.tag-muted { background:#f3f4f6; color:var(--muted); }
-
-/* ==================== 空状态 ==================== */
-.empty { text-align:center; color:var(--muted); padding:20px; font-size:13px; }
-
-/* ==================== 卡片头部 ==================== */
-.card-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; }
-.card-header h2 { margin-bottom:0; }
-
-/* ==================== 操作按钮组 ==================== */
-.actions { white-space:nowrap; }
-.actions .btn { margin:2px; }
-
-/* ==================== 表单组 ==================== */
-.form-group { margin-bottom:14px; }
-.form-group label { display:block; font-size:13px; font-weight:600; color:var(--sub); margin-bottom:4px; }
-.form-group input, .form-group select, .form-group textarea { width:100%; padding:10px 12px; border:1px solid var(--border); border-radius:8px; font-size:13px; font-family:inherit; outline:none; }
-.form-group input:focus, .form-group select:focus, .form-group textarea:focus { border-color:var(--primary); box-shadow:var(--ring); }
-
-@media(max-width:768px) {
- .user-bar { gap:8px; }
- .user-name, .user-role-tag { display:none; }
-}
-
-/* ==================== P1: 启用/禁用开关 ==================== */
-.switch-toggle {
- position: relative;
- display: inline-block;
- width: 36px;
- height: 20px;
- cursor: pointer;
-}
-.switch-toggle input { opacity: 0; width: 0; height: 0; }
-.switch-slider {
- position: absolute;
- top: 0; left: 0; right: 0; bottom: 0;
- background: #d1d5db;
- border-radius: 20px;
- transition: 0.2s;
-}
-.switch-slider::before {
- content: '';
- position: absolute;
- width: 16px; height: 16px;
- left: 2px; bottom: 2px;
- background: white;
- border-radius: 50%;
- transition: 0.2s;
-}
-.switch-toggle input:checked + .switch-slider {
- background: #10b981;
-}
-.switch-toggle input:checked + .switch-slider::before {
- transform: translateX(16px);
-}
-
-/* ==================== P1: 标签输入组件 ==================== */
-.tag-input-wrapper {
- display: flex;
- flex-wrap: wrap;
- gap: 4px;
- padding: 4px 8px;
- border: 1px solid var(--border);
- border-radius: 8px;
- background: var(--card);
- min-height: 38px;
- align-items: center;
- cursor: text;
-}
-.tag-input-wrapper:focus-within {
- border-color: var(--primary);
- box-shadow: var(--ring);
-}
-.tag-input-wrapper .tag-badge {
- display: inline-flex;
- align-items: center;
- gap: 4px;
- background: #e0f2fe;
- color: #0369a1;
- padding: 2px 8px;
- border-radius: 4px;
- font-size: 12px;
- white-space: nowrap;
-}
-.tag-input-wrapper .tag-badge .tag-remove {
- cursor: pointer;
- font-size: 14px;
- line-height: 1;
- opacity: 0.6;
-}
-.tag-input-wrapper .tag-badge .tag-remove:hover { opacity: 1; }
-.tag-input-wrapper input {
- border: none;
- outline: none;
- flex: 1;
- min-width: 80px;
- font-size: 13px;
- padding: 4px 0;
- background: transparent;
-}
-.tag-suggestions {
- position: absolute;
- top: 100%;
- left: 0;
- right: 0;
- background: var(--card);
- border: 1px solid var(--border);
- border-radius: 8px;
- box-shadow: 0 4px 12px rgba(0,0,0,0.1);
- z-index: 100;
- max-height: 150px;
- overflow-y: auto;
-}
-.tag-suggestions .tag-suggestion-item {
- padding: 6px 12px;
- font-size: 13px;
- cursor: pointer;
-}
-.tag-suggestions .tag-suggestion-item:hover {
- background: #f3f4f6;
-}
-
-/* ==================== AI 执行链流程图 ==================== */
-.pipeline-diagram {
- width: 100%;
- overflow-x: auto;
- padding: 8px 0;
-}
-.pipeline-diagram svg {
- max-width: 100%;
- height: auto;
- display: block;
- margin: 0 auto;
-}
-.pipeline-loading {
- text-align: center;
- padding: 40px;
- color: var(--muted);
- font-size: 14px;
-}
-.pipeline-error {
- text-align: center;
- padding: 24px;
- color: var(--danger);
- font-size: 14px;
-}
-.pipeline-error .btn {
- margin-top: 12px;
-}
-
-/* 图例 */
-.pipeline-legend {
- display: flex;
- flex-wrap: wrap;
- gap: 10px 20px;
-}
-.legend-item {
- display: flex;
- align-items: center;
- gap: 8px;
- font-size: 12px;
- color: var(--sub);
-}
-.legend-dot {
- width: 14px;
- height: 14px;
- border-radius: 3px;
- flex: none;
-}
-.legend-input { background: #dbeafe; border: 1px solid #3b82f6; }
-.legend-decision { background: #fef3c7; border: 1px solid #f59e0b; transform: rotate(45deg); border-radius: 2px; }
-.legend-process { background: #f3f4f6; border: 1px solid #d1d5db; }
-.legend-rag { background: #e0e7ff; border: 1px solid #a5b4fc; }
-.legend-advisor { background: #fce7f3; border: 1px solid #f9a8d4; }
-.legend-output { background: #d1fae5; border: 1px solid #10b981; }
-.legend-llm { background: #fef3c7; border: 1px solid #f59e0b; }
diff --git a/src/main/resources/static/favicon.svg b/src/main/resources/static/favicon.svg
new file mode 100644
index 0000000..7c16b21
--- /dev/null
+++ b/src/main/resources/static/favicon.svg
@@ -0,0 +1,23 @@
+
diff --git a/src/main/resources/static/index.html b/src/main/resources/static/index.html
index 7ee6043..4059cee 100644
--- a/src/main/resources/static/index.html
+++ b/src/main/resources/static/index.html
@@ -1,24 +1,17 @@
-
-
-
- 🔔 Webhook 管理
-
-
-
-
- 共 {{ total }} 个
-
-
-
-
-
-
-
-
-
-
-
-
- 名称
- URL
- 订阅事件
- 状态
- 操作
- 加载中... 暂无 Webhook
-
-
- {{ w.name || '未命名' }}
-
-
- {{ w.url }}
-
-
-
- {{ ev }}
-
-
-
- {{ w.enabled ? '✅ 启用' : '❌ 禁用' }}
-
-
-
-
-
-
-
-
-
- 第 {{ page }} / {{ Math.ceil(total / pageSize) }} 页（共 {{ total }} 条）
-
-
-
-
-
-
-
-
- {{ editingId ? '编辑 Webhook' : '新建 Webhook' }}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-