diff --git a/.DS_Store b/.DS_Store
index c358fbf..be2a5da 100644
Binary files a/.DS_Store and b/.DS_Store differ
diff --git a/TalkingQ-H5.html b/TalkingQ-H5.html
deleted file mode 100644
index 98a3805..0000000
--- a/TalkingQ-H5.html
+++ /dev/null
@@ -1,31666 +0,0 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>TalkingQ H5 Preview</title>
-  <style>
-/* ==========================================
-   TalkingQ Platform - Main Stylesheet
-   Color Brand: #52c41a (green), #1a1a1a (black)
-   ========================================== */
-
-:root {
-  --primary: #52c41a;
-  --primary-dark: #389e0d;
-  --primary-light: #b7eb8f;
-  --primary-bg: #f6ffed;
-  --primary-gradient: linear-gradient(135deg, #73d13d 0%, #389e0d 100%);
-
-  --black: #1a1a1a;
-  --text-primary: #1a1a1a;
-  --text-secondary: #595959;
-  --text-muted: #8c8c8c;
-  --text-placeholder: #bfbfbf;
-
-  --bg-base: #f5f5f5;
-  --bg-white: #ffffff;
-  --bg-card: #ffffff;
-  --bg-sidebar: #141414;
-
-  --border: #e8e8e8;
-  --border-dark: #d9d9d9;
-
-  --success: #52c41a;
-  --warning: #faad14;
-  --danger: #ff4d4f;
-  --info: #1890ff;
-
-  --radius-sm: 6px;
-  --radius: 10px;
-  --radius-lg: 16px;
-  --radius-xl: 24px;
-
-  --shadow-sm: 0 1px 4px rgba(0,0,0,0.06);
-  --shadow: 0 2px 12px rgba(0,0,0,0.08);
-  --shadow-lg: 0 8px 32px rgba(0,0,0,0.12);
-  --shadow-green: 0 4px 20px rgba(82,196,26,0.25);
-
-  --sidebar-width: 240px;
-  --sidebar-collapsed: 76px;
-  --topbar-height: 60px;
-
-  --transition: all 0.2s ease;
-}
-
-/* ========== 暗黑模式支持 ========== */
-[data-theme="dark"] {
-  --bg-base: #1a1a1a;
-  --bg-white: #262626;
-  --bg-card: #262626;
-  --text-primary: #ffffff;
-  --text-secondary: #a6a6a6;
-  --text-muted: #737373;
-  --border: #434343;
-  --border-dark: #595959;
-  --bg-sidebar: #0a0a0a;
-}
-
-* { box-sizing: border-box; margin: 0; padding: 0; }
-
-html, body {
-  height: 100%;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC',
-               'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
-  font-size: 14px;
-  color: var(--text-primary);
-  background: var(--bg-base);
-  overflow: hidden;
-}
-
-a { text-decoration: none; color: inherit; }
-button { cursor: pointer; border: none; background: none; font-family: inherit; }
-
-/* ========== SCROLLBAR ========== */
-::-webkit-scrollbar { width: 6px; height: 6px; }
-::-webkit-scrollbar-track { background: transparent; }
-::-webkit-scrollbar-thumb { background: #d9d9d9; border-radius: 3px; }
-::-webkit-scrollbar-thumb:hover { background: #bfbfbf; }
-
-/* ========== LAYOUT ========== */
-body { display: flex; }
-
-/* Login mode - hide sidebar and topbar */
-body.login-mode {
-  display: block !important;
-  overflow: hidden !important;
-}
-
-body.login-mode .sidebar { display: none !important; }
-body.login-mode .topbar { display: none !important; }
-body.login-mode .main-content {
-  width: 100% !important;
-  margin-left: 0 !important;
-  height: 100vh !important;
-}
-body.login-mode .page-container {
-  padding: 0 !important;
-  overflow: hidden !important;
-  height: 100vh !important;
-}
-
-.sidebar {
-  width: var(--sidebar-width);
-  min-width: var(--sidebar-width);
-  height: 100vh;
-  background: var(--bg-sidebar);
-  display: flex;
-  flex-direction: column;
-  transition: width 0.25s ease, min-width 0.25s ease;
-  overflow: hidden;
-  position: relative;
-  z-index: 100;
-}
-
-.sidebar.collapsed {
-  width: var(--sidebar-collapsed);
-  min-width: var(--sidebar-collapsed);
-}
-
-.main-content {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  height: 100vh;
-  overflow: hidden;
-}
-
-/* ========== SIDEBAR HEADER ========== */
-.sidebar-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 0 16px;
-  height: var(--topbar-height);
-  border-bottom: 1px solid rgba(255,255,255,0.06);
-  flex-shrink: 0;
-}
-
-.logo {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  overflow: hidden;
-}
-
-.logo-icon {
-  width: 34px;
-  height: 34px;
-  flex-shrink: 0;
-}
-
-.logo-icon svg { width: 100%; height: 100%; }
-
-.logo-text {
-  font-size: 18px;
-  font-weight: 700;
-  color: #fff;
-  white-space: nowrap;
-  letter-spacing: -0.3px;
-}
-
-.sidebar-toggle {
-  color: rgba(255,255,255,0.7);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 36px;
-  height: 34px;
-  border-radius: 12px;
-  background: rgba(255,255,255,0.06);
-  border: 1px solid rgba(255,255,255,0.08);
-  transition: var(--transition);
-  flex-shrink: 0;
-  cursor: pointer;
-}
-
-.sidebar-toggle:hover {
-  color: #fff;
-  background: rgba(82,196,26,0.18);
-  border-color: rgba(82,196,26,0.26);
-}
-
-.sidebar-toggle i,
-.sidebar-toggle svg {
-  width: 18px;
-  height: 18px;
-  transition: transform 0.2s ease;
-}
-
-.sidebar.collapsed .sidebar-toggle i,
-.sidebar.collapsed .sidebar-toggle svg {
-  transform: rotate(180deg);
-}
-
-/* ========== SIDEBAR NAV ========== */
-.sidebar-nav {
-  flex: 1;
-  overflow-y: auto;
-  overflow-x: hidden;
-  padding: 12px 0;
-}
-
-.nav-section {
-  margin-bottom: 4px;
-  padding: 0 8px;
-}
-
-.nav-section-title {
-  font-size: 11px;
-  color: rgba(255,255,255,0.28);
-  text-transform: uppercase;
-  letter-spacing: 0.8px;
-  padding: 10px 8px 6px;
-  white-space: nowrap;
-  display: block;
-  transition: opacity 0.2s;
-}
-
-.sidebar.collapsed .nav-section-title { opacity: 0; }
-
-.nav-item {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  padding: 9px 10px;
-  border-radius: var(--radius-sm);
-  color: rgba(255,255,255,0.65);
-  transition: var(--transition);
-  position: relative;
-  white-space: nowrap;
-}
-
-.nav-item:hover {
-  color: #fff;
-  background: rgba(255,255,255,0.06);
-}
-
-.nav-item.active {
-  color: #fff;
-  background: linear-gradient(90deg, rgba(82,196,26,0.25) 0%, rgba(82,196,26,0.08) 100%);
-  border-left: 3px solid var(--primary);
-  padding-left: 7px;
-}
-
-.nav-parent {
-  cursor: pointer;
-}
-
-.nav-chevron {
-  margin-left: auto;
-  width: 14px !important;
-  height: 14px !important;
-  transition: transform 0.2s;
-}
-
-.nav-parent[aria-expanded="false"] .nav-chevron {
-  transform: rotate(-90deg);
-}
-
-.nav-submenu {
-  display: none;
-  margin: 2px 0 4px;
-}
-
-.nav-submenu.open {
-  display: block;
-}
-
-.nav-item-sub {
-  padding-left: 34px;
-  font-size: 13px;
-}
-
-.nav-item-sub.active {
-  padding-left: 31px;
-}
-
-.nav-item i {
-  width: 18px;
-  height: 18px;
-  flex-shrink: 0;
-}
-
-.nav-item span:not(.nav-badge) {
-  font-size: 13.5px;
-  transition: opacity 0.15s;
-}
-
-.sidebar.collapsed .nav-item span:not(.nav-badge) { opacity: 0; pointer-events: none; }
-.sidebar.collapsed .nav-section-title { height: 0; padding: 0; overflow: hidden; }
-.sidebar.collapsed .nav-submenu { display: none; }
-.sidebar.collapsed .nav-chevron {
-  display: none !important;
-}
-
-.nav-badge {
-  font-size: 10px;
-  padding: 1px 6px;
-  border-radius: 10px;
-  background: var(--primary);
-  color: #fff;
-  margin-left: auto;
-  flex-shrink: 0;
-  transition: opacity 0.15s;
-}
-
-.sidebar.collapsed .nav-badge { opacity: 0; }
-
-/* ========== SIDEBAR FOOTER ========== */
-.sidebar-footer {
-  border-top: 1px solid rgba(255,255,255,0.06);
-  padding: 12px;
-  flex-shrink: 0;
-}
-
-.user-info {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  overflow: hidden;
-}
-
-.user-avatar {
-  width: 32px;
-  height: 32px;
-  border-radius: 50%;
-  background: var(--primary-gradient);
-  color: #fff;
-  font-weight: 700;
-  font-size: 14px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-}
-
-.user-details {
-  flex: 1;
-  overflow: hidden;
-  transition: opacity 0.2s;
-}
-
-.sidebar.collapsed .user-details { opacity: 0; }
-
-.user-name {
-  display: block;
-  font-size: 13px;
-  font-weight: 600;
-  color: #fff;
-  white-space: nowrap;
-}
-
-.user-role {
-  display: block;
-  font-size: 11px;
-  color: rgba(255,255,255,0.45);
-  white-space: nowrap;
-}
-
-.logout-btn {
-  color: rgba(255,255,255,0.4);
-  display: flex;
-  align-items: center;
-  padding: 4px;
-  border-radius: 4px;
-  transition: var(--transition);
-  flex-shrink: 0;
-}
-
-.logout-btn:hover { color: var(--danger); }
-.sidebar.collapsed .logout-btn { opacity: 0; }
-
-/* ========== SIDEBAR COLLAPSED RAIL ========== */
-.sidebar.collapsed {
-  overflow: visible;
-  background: linear-gradient(180deg, #111713 0%, #0c100e 100%);
-  border-right: 1px solid rgba(255,255,255,0.07);
-  box-shadow: 8px 0 26px rgba(0,0,0,0.12);
-}
-
-.sidebar.collapsed .sidebar-header {
-  flex-direction: column;
-  justify-content: center;
-  gap: 7px;
-  height: 94px;
-  padding: 10px 0 8px;
-  border-bottom: 0;
-}
-
-.sidebar.collapsed .logo {
-  width: 40px;
-  height: 40px;
-  justify-content: center;
-  border-radius: 14px;
-  background: linear-gradient(135deg, #52c41a 0%, #1f7a38 100%);
-  border: 1px solid rgba(255,255,255,0.14);
-  box-shadow: 0 10px 24px rgba(82,196,26,0.24);
-  overflow: visible;
-}
-
-.sidebar.collapsed .logo::before {
-  content: 'TQ';
-  color: #fff;
-  font-size: 14px;
-  font-weight: 800;
-  letter-spacing: 0;
-  line-height: 1;
-}
-
-.sidebar.collapsed .logo-text {
-  width: 0;
-  opacity: 0;
-  overflow: hidden;
-}
-
-.sidebar.collapsed .sidebar-toggle {
-  position: static;
-  width: 40px;
-  height: 30px;
-  border-radius: 12px;
-  color: rgba(255,255,255,0.74);
-  background: rgba(255,255,255,0.07);
-  border: 1px solid rgba(255,255,255,0.1);
-  box-shadow: none;
-}
-
-.sidebar.collapsed .sidebar-toggle:hover {
-  color: #fff;
-  background: rgba(82,196,26,0.18);
-  border-color: rgba(82,196,26,0.32);
-  transform: none;
-}
-
-.sidebar.collapsed .sidebar-nav {
-  padding: 0 0 12px;
-  overflow: visible;
-}
-
-.sidebar.collapsed .nav-section {
-  position: relative;
-  width: 100%;
-  padding: 4px 0;
-  margin: 0;
-  border: 0;
-  border-radius: 0;
-  background: transparent;
-  box-shadow: none;
-}
-
-.sidebar.collapsed .nav-section + .nav-section {
-  border-top: 0;
-  padding-top: 8px;
-}
-
-.sidebar.collapsed .nav-section + .nav-section::before {
-  content: '';
-  display: block;
-  width: 28px;
-  height: 1px;
-  margin: 0 auto 7px;
-  background: rgba(255,255,255,0.08);
-}
-
-.sidebar.collapsed .nav-item,
-.sidebar.collapsed .company-nav-item {
-  width: 44px;
-  height: 40px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin: 2px auto;
-  padding: 0;
-  border-radius: 14px;
-  line-height: 0;
-}
-
-.sidebar.collapsed .nav-parent {
-  gap: 0;
-}
-
-.sidebar.collapsed .nav-item {
-  color: rgba(255,255,255,0.56);
-  border: 1px solid transparent;
-}
-
-.sidebar.collapsed .nav-item:hover {
-  color: #fff;
-  background: rgba(255,255,255,0.08);
-  border-color: rgba(255,255,255,0.08);
-  box-shadow: none;
-  transform: none;
-}
-
-.sidebar.collapsed .nav-item.active {
-  color: #fff;
-  padding-left: 0;
-  border-left: 0;
-  background: rgba(82,196,26,0.18);
-  border-color: rgba(82,196,26,0.24);
-  box-shadow: inset 0 0 0 1px rgba(82,196,26,0.08);
-}
-
-.sidebar.collapsed .nav-item.active::before {
-  content: '';
-  position: absolute;
-  left: -9px;
-  top: 10px;
-  width: 3px;
-  height: 20px;
-  border-radius: 999px;
-  background: #52c41a;
-  box-shadow: 0 0 12px rgba(82,196,26,0.65);
-}
-
-.sidebar.collapsed .nav-item i,
-.sidebar.collapsed .nav-item svg,
-.sidebar.collapsed .company-nav-item i,
-.sidebar.collapsed .company-nav-item svg {
-  width: 18px !important;
-  height: 18px !important;
-  stroke-width: 2.15;
-  flex-shrink: 0;
-}
-
-.sidebar.collapsed .nav-item span:not(.nav-badge) {
-  position: absolute;
-  left: 60px;
-  top: 50%;
-  z-index: 120;
-  width: max-content;
-  max-width: 220px;
-  padding: 8px 11px;
-  border-radius: 11px;
-  background: rgba(18,26,21,0.96);
-  border: 1px solid rgba(255,255,255,0.1);
-  color: #fff;
-  font-size: 12px;
-  font-weight: 600;
-  opacity: 0;
-  pointer-events: none;
-  transform: translate(-6px, -50%);
-  box-shadow: 0 14px 34px rgba(19,45,26,0.16);
-}
-
-.sidebar.collapsed .nav-item span:not(.nav-badge)::before {
-  content: '';
-  position: absolute;
-  left: -5px;
-  top: 50%;
-  width: 10px;
-  height: 10px;
-  background: rgba(18,26,21,0.96);
-  border-left: 1px solid rgba(255,255,255,0.1);
-  border-bottom: 1px solid rgba(255,255,255,0.1);
-  transform: translateY(-50%) rotate(45deg);
-}
-
-.sidebar.collapsed .nav-item:hover span:not(.nav-badge) {
-  opacity: 1;
-  transform: translate(0, -50%);
-}
-
-.sidebar.collapsed .sidebar-footer {
-  padding: 8px 0 12px;
-  border-top: 0;
-}
-
-.sidebar.collapsed .user-info {
-  width: 44px;
-  height: 44px;
-  justify-content: center;
-  gap: 0;
-  margin: 0 auto;
-  border-radius: 15px;
-  background: rgba(255,255,255,0.06);
-  border: 1px solid rgba(255,255,255,0.08);
-  box-shadow: none;
-}
-
-.sidebar.collapsed .user-details,
-.sidebar.collapsed .logout-btn {
-  display: none;
-}
-
-.sidebar.collapsed .user-avatar {
-  width: 34px;
-  height: 34px;
-  border-radius: 13px;
-  background: linear-gradient(135deg, #52c41a 0%, #1f7a38 100%);
-  box-shadow: inset 0 1px 0 rgba(255,255,255,0.14);
-}
-
-/* ========== TOPBAR ========== */
-.topbar {
-  height: var(--topbar-height);
-  background: var(--bg-white);
-  border-bottom: 1px solid var(--border);
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 0 24px;
-  flex-shrink: 0;
-  gap: 16px;
-  position: sticky;
-  top: 0;
-  z-index: 100;
-}
-
-.topbar-left {
-  display: flex;
-  align-items: center;
-  gap: 16px;
-}
-
-.menu-btn {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 32px;
-  height: 32px;
-  border-radius: var(--radius-sm);
-  color: var(--text-secondary);
-  transition: var(--transition);
-}
-
-.menu-btn:hover { background: var(--bg-base); color: var(--text-primary); }
-
-.breadcrumb {
-  font-size: 15px;
-  font-weight: 600;
-  color: var(--text-primary);
-}
-
-.topbar-right {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-}
-
-.topbar-time {
-  font-size: 13px;
-  color: var(--text-muted);
-  font-variant-numeric: tabular-nums;
-}
-
-.topbar-btn {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 32px;
-  height: 32px;
-  border-radius: var(--radius-sm);
-  color: var(--text-secondary);
-  transition: var(--transition);
-  position: relative;
-}
-
-.topbar-btn:hover { background: var(--bg-base); color: var(--text-primary); }
-
-.company-selector {
-  display: inline-flex;
-  align-items: center;
-  gap: 8px;
-  height: 32px;
-  padding: 0 10px;
-  border: 1px solid var(--border);
-  border-radius: var(--radius-sm);
-  background: var(--bg-white);
-  color: var(--text-secondary);
-}
-
-.company-selector i {
-  width: 14px;
-  height: 14px;
-  flex-shrink: 0;
-}
-
-.company-selector select {
-  min-width: 150px;
-  border: 0;
-  background: transparent;
-  color: var(--text-primary);
-  font-size: 13px;
-  outline: none;
-  font-family: inherit;
-}
-
-.company-manage-btn {
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-  height: 28px;
-  padding: 0 10px;
-  border: 1px solid var(--border);
-  border-radius: 8px;
-  background: #fff;
-  color: var(--text-secondary);
-  font-size: 12px;
-  font-weight: 500;
-  transition: var(--transition);
-}
-
-.company-manage-btn:hover {
-  background: var(--bg-base);
-  color: var(--text-primary);
-  transform: translateY(-1px);
-}
-
-.company-manage-btn i {
-  width: 14px;
-  height: 14px;
-}
-
-.company-manager {
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-}
-
-.company-manager-toolbar {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 12px;
-}
-
-.company-manager-toolbar-actions {
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  gap: 8px;
-  flex-wrap: wrap;
-}
-
-.company-manager-summary {
-  font-size: 13px;
-  color: var(--text-muted);
-}
-
-.company-manager-list {
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-  max-height: 420px;
-  overflow: auto;
-  padding-right: 2px;
-}
-
-.company-manager-empty {
-  padding: 24px;
-  text-align: center;
-  color: var(--text-muted);
-  border: 1px dashed var(--border);
-  border-radius: var(--radius-md);
-  background: var(--bg-base);
-}
-
-.company-manager-item {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 16px;
-  padding: 14px 16px;
-  border: 1px solid var(--border);
-  border-radius: var(--radius-md);
-  background: #fff;
-}
-
-.company-manager-info {
-  min-width: 0;
-  display: flex;
-  align-items: center;
-  gap: 12px;
-}
-
-.company-manager-dot {
-  width: 12px;
-  height: 12px;
-  border-radius: 50%;
-  flex-shrink: 0;
-  box-shadow: 0 0 0 4px rgba(0,0,0,0.03);
-}
-
-.company-manager-name {
-  font-size: 14px;
-  font-weight: 600;
-  color: var(--text-primary);
-}
-
-.company-manager-meta {
-  margin-top: 3px;
-  font-size: 12px;
-  color: var(--text-muted);
-}
-
-.company-manager-actions {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  flex-shrink: 0;
-}
-
-.company-manager-actions .btn-sm {
-  height: 32px;
-  padding: 0 10px;
-  gap: 6px;
-}
-
-.company-manager-actions .btn-outline.danger {
-  border-color: rgba(245, 34, 45, 0.2);
-  color: #cf1322;
-}
-
-.company-manager-actions .btn-outline.danger:hover {
-  background: rgba(245, 34, 45, 0.06);
-  border-color: rgba(245, 34, 45, 0.35);
-}
-
-.company-manager-actions i {
-  width: 14px;
-  height: 14px;
-}
-
-.company-color-pills {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 10px;
-}
-
-.company-color-pill {
-  width: 28px;
-  height: 28px;
-  border: 1px solid var(--border);
-  border-radius: 999px;
-  padding: 0;
-  background: #fff;
-}
-
-.company-color-pill span {
-  display: block;
-  width: 18px;
-  height: 18px;
-  margin: 4px auto;
-  border-radius: 50%;
-  background: var(--pill-color, #52c41a);
-}
-
-.company-color-pill.selected {
-  border-color: var(--pill-color, #52c41a);
-  box-shadow: 0 0 0 3px rgba(82,196,26,.1);
-}
-
-.company-delete-body {
-  display: flex;
-  flex-direction: column;
-  gap: 14px;
-}
-
-.company-delete-title {
-  margin: 0;
-  font-size: 15px;
-  font-weight: 600;
-  color: var(--text-primary);
-}
-
-.company-delete-desc {
-  margin: 0;
-  font-size: 13px;
-  color: var(--text-muted);
-}
-
-@media (max-width: 720px) {
-  .company-manager-toolbar {
-    align-items: stretch;
-    flex-direction: column;
-  }
-
-  .company-manager-toolbar-actions {
-    justify-content: stretch;
-  }
-
-  .company-manager-toolbar-actions .btn {
-    flex: 1;
-  }
-
-  .company-manager-item {
-    align-items: stretch;
-    flex-direction: column;
-  }
-
-  .company-manager-actions {
-    justify-content: flex-end;
-  }
-}
-
-.notif-dot {
-  position: absolute;
-  top: 6px;
-  right: 6px;
-  width: 7px;
-  height: 7px;
-  background: var(--danger);
-  border-radius: 50%;
-  border: 1px solid #fff;
-}
-
-/* 通知下拉菜单 */
-.notif-dropdown-wrapper {
-  position: relative;
-}
-
-.notif-dropdown {
-  position: absolute;
-  top: calc(100% + 8px);
-  right: 0;
-  width: 320px;
-  background: var(--bg-white);
-  border-radius: var(--radius-lg);
-  box-shadow: var(--shadow-lg);
-  border: 1px solid var(--border);
-  z-index: 1000;
-  opacity: 0;
-  visibility: hidden;
-  transform: translateY(-8px);
-  transition: all 0.2s ease;
-}
-
-.notif-dropdown.open {
-  opacity: 1;
-  visibility: visible;
-  transform: translateY(0);
-}
-
-.notif-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 14px 16px;
-  border-bottom: 1px solid var(--border);
-}
-
-.notif-title {
-  font-size: 14px;
-  font-weight: 600;
-  color: var(--text-primary);
-}
-
-.notif-count {
-  font-size: 12px;
-  color: var(--text-muted);
-  background: var(--bg-base);
-  padding: 2px 8px;
-  border-radius: 10px;
-}
-
-.notif-list {
-  max-height: 280px;
-  overflow-y: auto;
-}
-
-.notif-item {
-  width: 100%;
-  display: flex;
-  align-items: flex-start;
-  gap: 12px;
-  padding: 12px 16px;
-  border-bottom: 1px solid var(--border);
-  border-left: 0;
-  border-right: 0;
-  border-top: 0;
-  background: transparent;
-  cursor: pointer;
-  transition: background 0.15s;
-  text-align: left;
-  font-family: inherit;
-}
-
-.notif-item:hover {
-  background: var(--bg-base);
-}
-
-.notif-item.unread {
-  background: rgba(24,144,255,0.04);
-}
-
-.notif-item.unread:hover {
-  background: rgba(24,144,255,0.08);
-}
-
-.notif-icon {
-  flex-shrink: 0;
-  width: 32px;
-  height: 32px;
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.notif-content {
-  flex: 1;
-  min-width: 0;
-}
-
-.notif-text {
-  font-size: 13px;
-  color: var(--text-primary);
-  line-height: 1.5;
-  margin-bottom: 2px;
-}
-
-.notif-item-tags,
-.notif-detail-tags {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  margin-bottom: 5px;
-}
-
-.notif-item-tags span,
-.notif-tag,
-.notif-severity {
-  display: inline-flex;
-  align-items: center;
-  height: 20px;
-  padding: 0 7px;
-  border-radius: 999px;
-  font-size: 11px;
-  font-weight: 600;
-  line-height: 1;
-  background: var(--bg-base);
-  color: var(--text-muted);
-}
-
-.notif-item-tags span:last-child,
-.notif-severity {
-  background: rgba(24,144,255,0.08);
-  color: #1677ff;
-}
-
-.notif-item-tags span.critical,
-.notif-severity.critical {
-  background: rgba(255,77,79,0.1);
-  color: #cf1322;
-}
-
-.notif-item-tags span.warning,
-.notif-severity.warning {
-  background: rgba(250,140,22,0.12);
-  color: #d46b08;
-}
-
-.notif-item-tags span.success,
-.notif-severity.success {
-  background: rgba(82,196,26,0.12);
-  color: #389e0d;
-}
-
-.notif-time {
-  font-size: 12px;
-  color: var(--text-muted);
-}
-
-.notif-footer {
-  padding: 10px 16px;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 12px;
-  border-top: 1px solid var(--border);
-}
-
-.notif-footer a,
-.notif-footer-action {
-  font-size: 13px;
-  color: var(--primary);
-  text-decoration: none;
-  background: transparent;
-  border: 0;
-  font-family: inherit;
-  cursor: pointer;
-}
-
-.notif-footer a:hover,
-.notif-footer-action:hover {
-  text-decoration: underline;
-}
-
-.notif-footer-action:disabled {
-  color: var(--text-muted);
-  cursor: default;
-}
-
-.notif-footer-action:disabled:hover {
-  text-decoration: none;
-}
-
-.notif-footer-muted,
-.notif-empty {
-  font-size: 13px;
-  color: var(--text-muted);
-}
-
-.notif-empty {
-  padding: 24px 16px;
-  text-align: center;
-}
-
-.notif-detail-meta {
-  display: grid;
-  grid-template-columns: repeat(3, minmax(0, 1fr));
-  gap: 8px;
-  margin-top: 16px;
-}
-
-.notif-detail-meta div {
-  padding: 10px;
-  border: 1px solid var(--border);
-  border-radius: var(--radius-sm);
-  background: var(--bg-base);
-  min-width: 0;
-}
-
-.notif-detail-meta span {
-  display: block;
-  margin-bottom: 4px;
-  color: var(--text-muted);
-  font-size: 11px;
-}
-
-.notif-detail-meta strong {
-  display: block;
-  color: var(--text-primary);
-  font-size: 12px;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.notification-principles {
-  display: grid;
-  grid-template-columns: repeat(3, minmax(0, 1fr));
-  gap: 10px;
-  margin-bottom: 16px;
-}
-
-.notification-principles div {
-  padding: 12px;
-  border: 1px solid var(--border);
-  border-radius: var(--radius);
-  background: var(--bg-base);
-}
-
-.notification-principles strong,
-.notification-principles span {
-  display: block;
-}
-
-.notification-principles strong {
-  margin-bottom: 5px;
-  font-size: 13px;
-  color: var(--text-primary);
-}
-
-.notification-principles span {
-  font-size: 12px;
-  line-height: 1.5;
-  color: var(--text-muted);
-}
-
-.notification-rule-list {
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-}
-
-.notification-rule-row {
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) 260px;
-  gap: 16px;
-  padding: 14px;
-  border: 1px solid var(--border);
-  border-radius: var(--radius);
-  background: #fff;
-}
-
-.notification-rule-head {
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  gap: 10px;
-}
-
-.notification-rule-title {
-  font-size: 14px;
-  font-weight: 600;
-  color: var(--text-primary);
-}
-
-.notification-rule-desc,
-.notification-rule-content {
-  margin-top: 5px;
-  font-size: 12px;
-  color: var(--text-muted);
-  line-height: 1.5;
-}
-
-.notification-rule-meta {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 6px;
-  margin-top: 9px;
-}
-
-.notification-rule-meta span {
-  display: inline-flex;
-  align-items: center;
-  min-height: 22px;
-  padding: 3px 8px;
-  border-radius: 999px;
-  background: var(--bg-base);
-  color: var(--text-secondary);
-  font-size: 11px;
-  line-height: 1.35;
-}
-
-.notification-rule-severity {
-  flex-shrink: 0;
-  display: inline-flex;
-  align-items: center;
-  height: 22px;
-  padding: 0 8px;
-  border-radius: 999px;
-  font-size: 11px;
-  font-weight: 700;
-  background: rgba(24,144,255,0.08);
-  color: #1677ff;
-}
-
-.notification-rule-severity.critical {
-  background: rgba(255,77,79,0.1);
-  color: #cf1322;
-}
-
-.notification-rule-severity.warning {
-  background: rgba(250,140,22,0.12);
-  color: #d46b08;
-}
-
-.notification-rule-severity.success {
-  background: rgba(82,196,26,0.12);
-  color: #389e0d;
-}
-
-.notification-rule-controls {
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-  align-items: flex-start;
-}
-
-.notification-switch,
-.notification-threshold,
-.notification-channels,
-.notification-channels label {
-  display: flex;
-  align-items: center;
-}
-
-.notification-switch,
-.notification-threshold {
-  gap: 8px;
-  font-size: 13px;
-  color: var(--text-secondary);
-}
-
-.notification-switch input,
-.notification-channels input {
-  accent-color: var(--primary);
-}
-
-.notification-threshold em {
-  font-style: normal;
-  color: var(--text-muted);
-  font-size: 12px;
-}
-
-.notification-threshold.readonly {
-  align-items: flex-start;
-  flex-direction: column;
-  gap: 4px;
-}
-
-.notification-threshold.readonly strong {
-  font-size: 13px;
-  color: var(--text-primary);
-  font-weight: 600;
-}
-
-.notification-channels {
-  flex-wrap: wrap;
-  gap: 8px 12px;
-  font-size: 12px;
-  color: var(--text-muted);
-}
-
-.notification-channels label {
-  gap: 5px;
-}
-
-/* ========== SYSTEM SETTINGS ========== */
-.settings-page-header,
-.settings-layout {
-  width: 100%;
-  max-width: 1320px;
-  margin-left: auto;
-  margin-right: auto;
-}
-
-.settings-page-header {
-  margin-bottom: 20px;
-}
-
-.settings-layout {
-  display: grid;
-  grid-template-columns: 220px minmax(0, 1fr);
-  gap: 20px;
-  align-items: start;
-}
-
-.settings-sidebar {
-  position: sticky;
-  top: 0;
-  padding: 14px;
-  border: 1px solid var(--border);
-  border-radius: 12px;
-  background: var(--bg-card);
-  box-shadow: 0 2px 8px rgba(0,0,0,0.03);
-}
-
-.settings-sidebar-title {
-  padding: 4px 8px 10px;
-  color: var(--text-muted);
-  font-size: 11px;
-  font-weight: 700;
-}
-
-.settings-sidebar-nav {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-}
-
-.settings-nav-item {
-  width: 100%;
-  min-height: 54px;
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  padding: 8px 10px;
-  border: 1px solid transparent;
-  border-radius: 8px;
-  color: var(--text-secondary);
-  text-align: left;
-  transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease;
-}
-
-.settings-nav-item:hover {
-  color: var(--text-primary);
-  background: var(--bg-base);
-}
-
-.settings-nav-item.active {
-  color: var(--primary-dark);
-  border-color: rgba(82,196,26,0.22);
-  background: rgba(82,196,26,0.08);
-}
-
-.settings-nav-icon {
-  width: 32px;
-  height: 32px;
-  flex: 0 0 32px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 8px;
-  background: var(--bg-base);
-  color: var(--text-muted);
-}
-
-.settings-nav-item.active .settings-nav-icon {
-  color: var(--primary-dark);
-  background: rgba(82,196,26,0.12);
-}
-
-.settings-nav-icon svg {
-  width: 16px;
-  height: 16px;
-}
-
-.settings-nav-item > span:last-child {
-  min-width: 0;
-}
-
-.settings-nav-item strong,
-.settings-nav-item small {
-  display: block;
-}
-
-.settings-nav-item strong {
-  color: inherit;
-  font-size: 13px;
-  font-weight: 650;
-  line-height: 1.35;
-}
-
-.settings-nav-item small {
-  margin-top: 2px;
-  color: var(--text-muted);
-  font-size: 11px;
-  line-height: 1.3;
-}
-
-.settings-sidebar-status {
-  margin-top: 14px;
-  padding: 12px 10px 2px;
-  border-top: 1px solid var(--border);
-}
-
-.settings-status-line {
-  display: flex;
-  align-items: center;
-  gap: 7px;
-  color: var(--text-secondary);
-  font-size: 12px;
-  font-weight: 600;
-}
-
-.settings-status-dot {
-  width: 7px;
-  height: 7px;
-  border-radius: 50%;
-  background: var(--primary);
-  box-shadow: 0 0 0 3px rgba(82,196,26,0.12);
-}
-
-.settings-sidebar-status small {
-  display: block;
-  margin-top: 6px;
-  color: var(--text-muted);
-  font-size: 11px;
-}
-
-.settings-content {
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-}
-
-.settings-two-column {
-  display: grid;
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-  gap: 16px;
-  align-items: stretch;
-}
-
-.settings-section-card {
-  min-width: 0;
-  overflow: hidden;
-  border: 1px solid var(--border);
-  border-radius: 12px;
-  background: var(--bg-card);
-  box-shadow: 0 2px 8px rgba(0,0,0,0.03);
-  scroll-margin-top: 16px;
-}
-
-.settings-two-column .settings-section-card {
-  display: flex;
-  flex-direction: column;
-}
-
-.settings-section-header {
-  min-height: 72px;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 16px;
-  padding: 16px 20px;
-  border-bottom: 1px solid var(--border);
-}
-
-.settings-section-heading {
-  min-width: 0;
-  display: flex;
-  align-items: center;
-  gap: 12px;
-}
-
-.settings-section-icon {
-  width: 36px;
-  height: 36px;
-  flex: 0 0 36px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 9px;
-  color: var(--primary-dark);
-  background: rgba(82,196,26,0.1);
-}
-
-.settings-section-icon svg {
-  width: 18px;
-  height: 18px;
-}
-
-.settings-section-heading h2 {
-  color: var(--text-primary);
-  font-size: 15px;
-  font-weight: 700;
-  line-height: 1.4;
-}
-
-.settings-section-heading p {
-  margin-top: 2px;
-  color: var(--text-muted);
-  font-size: 12px;
-  line-height: 1.4;
-}
-
-.settings-section-count {
-  flex-shrink: 0;
-  padding: 5px 9px;
-  border-radius: 999px;
-  color: var(--primary-dark);
-  background: rgba(82,196,26,0.09);
-  font-size: 11px;
-  font-weight: 650;
-}
-
-.settings-section-body {
-  min-width: 0;
-  padding: 20px;
-}
-
-.settings-two-column .settings-section-body {
-  flex: 1;
-}
-
-.settings-section-body > .form-group:last-child {
-  margin-bottom: 0;
-}
-
-.settings-section-footer {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  min-height: 62px;
-  padding: 12px 20px;
-  border-top: 1px solid var(--border);
-  background: rgba(0,0,0,0.012);
-}
-
-.settings-key-name {
-  display: flex;
-  align-items: center;
-  gap: 9px;
-  white-space: nowrap;
-}
-
-.settings-api-table {
-  border: 1px solid var(--border);
-  border-radius: 9px;
-}
-
-.settings-key-name strong {
-  font-size: 13px;
-  font-weight: 650;
-}
-
-.settings-key-avatar {
-  width: 30px;
-  height: 30px;
-  flex: 0 0 30px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 8px;
-  color: var(--primary-dark);
-  background: rgba(82,196,26,0.09);
-}
-
-.settings-key-avatar svg {
-  width: 14px;
-  height: 14px;
-}
-
-.settings-key-code {
-  display: inline-flex;
-  padding: 5px 8px;
-  border: 1px solid var(--border);
-  border-radius: 6px;
-  color: var(--text-secondary);
-  background: var(--bg-base);
-  font-size: 12px;
-  white-space: nowrap;
-}
-
-.settings-muted-cell {
-  color: var(--text-secondary);
-  font-size: 12px;
-  white-space: nowrap;
-}
-
-.settings-table-actions {
-  display: flex;
-  align-items: center;
-  gap: 5px;
-  white-space: nowrap;
-}
-
-.settings-icon-btn {
-  width: 30px;
-  height: 30px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  border: 1px solid transparent;
-  border-radius: 7px;
-  color: var(--text-muted);
-  transition: var(--transition);
-}
-
-.settings-icon-btn:hover {
-  color: var(--primary-dark);
-  border-color: rgba(82,196,26,0.24);
-  background: rgba(82,196,26,0.08);
-}
-
-.settings-icon-btn.danger:hover {
-  color: var(--danger);
-  border-color: rgba(255,77,79,0.22);
-  background: rgba(255,77,79,0.07);
-}
-
-.settings-icon-btn svg {
-  width: 15px;
-  height: 15px;
-}
-
-.settings-empty-state {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  min-height: 190px;
-  padding: 28px 20px;
-  border: 1px dashed var(--border-dark);
-  border-radius: 9px;
-  text-align: center;
-  background: rgba(0,0,0,0.01);
-}
-
-.settings-empty-state > span {
-  width: 42px;
-  height: 42px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  margin-bottom: 12px;
-  border-radius: 10px;
-  color: var(--primary-dark);
-  background: rgba(82,196,26,0.1);
-}
-
-.settings-empty-state > span svg {
-  width: 20px;
-  height: 20px;
-}
-
-.settings-empty-state strong {
-  font-size: 14px;
-}
-
-.settings-empty-state p {
-  margin: 5px 0 14px;
-  color: var(--text-muted);
-  font-size: 12px;
-}
-
-.settings-security-note {
-  display: flex;
-  align-items: flex-start;
-  gap: 9px;
-  margin-top: 14px;
-  padding: 10px 12px;
-  border-radius: 8px;
-  color: var(--text-secondary);
-  background: rgba(82,196,26,0.055);
-  font-size: 12px;
-  line-height: 1.5;
-}
-
-.settings-security-note svg {
-  width: 15px;
-  height: 15px;
-  flex-shrink: 0;
-  margin-top: 1px;
-  color: var(--primary-dark);
-}
-
-.settings-checkbox-row {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 16px;
-  padding: 12px 0 2px;
-  border-top: 1px solid var(--border);
-}
-
-.settings-checkbox-row strong,
-.settings-checkbox-row small {
-  display: block;
-}
-
-.settings-checkbox-row strong {
-  font-size: 13px;
-  font-weight: 600;
-}
-
-.settings-checkbox-row small {
-  margin-top: 3px;
-  color: var(--text-muted);
-  font-size: 11px;
-}
-
-.settings-content .notification-principles {
-  gap: 8px;
-  margin-bottom: 14px;
-}
-
-.settings-content .notification-principles > div {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  min-width: 0;
-  padding: 10px 12px;
-  border-radius: 8px;
-  background: var(--bg-base);
-}
-
-.settings-principle-icon {
-  width: 30px;
-  height: 30px;
-  flex: 0 0 30px;
-  display: inline-flex !important;
-  align-items: center;
-  justify-content: center;
-  border-radius: 7px;
-  color: var(--primary-dark);
-  background: var(--bg-card);
-}
-
-.settings-principle-icon svg {
-  width: 15px;
-  height: 15px;
-}
-
-.settings-content .notification-principles strong,
-.settings-content .notification-principles small {
-  display: block;
-}
-
-.settings-content .notification-principles strong {
-  margin: 0;
-  font-size: 12px;
-}
-
-.settings-content .notification-principles small {
-  margin-top: 2px;
-  overflow: hidden;
-  color: var(--text-muted);
-  font-size: 11px;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.settings-content .notification-rule-row {
-  grid-template-columns: minmax(0, 1fr) 230px;
-  gap: 18px;
-  padding: 16px;
-  border-radius: 9px;
-  background: rgba(0,0,0,0.012);
-}
-
-.settings-content .notification-rule-controls {
-  padding-left: 16px;
-  border-left: 1px solid var(--border);
-}
-
-.tenant-selector {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  padding: 6px 12px;
-  border: 1px solid var(--border);
-  border-radius: var(--radius);
-  font-size: 13px;
-  color: var(--text-secondary);
-  cursor: pointer;
-  transition: var(--transition);
-  background: var(--bg-white);
-}
-
-.tenant-selector:hover {
-  border-color: var(--primary);
-  color: var(--primary);
-}
-
-/* ========== PAGE CONTAINER ========== */
-.page-container {
-  flex: 1;
-  overflow-y: auto;
-  padding: 24px;
-}
-
-.page-container.agent-config-page-container {
-  overflow: hidden;
-  padding: 0;
-  background: #f7faf7;
-}
-
-.page-container.agent-config-page-container .page.active {
-  height: 100%;
-}
-
-.page { display: none; }
-.page.active { display: block; }
-
-/* ========== CARDS ========== */
-.card {
-  background: var(--bg-card);
-  border-radius: var(--radius-lg);
-  border: 1px solid var(--border);
-  padding: 20px;
-  box-shadow: var(--shadow-sm);
-}
-
-.card-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-bottom: 16px;
-}
-
-.card-title {
-  font-size: 15px;
-  font-weight: 600;
-  color: var(--text-primary);
-}
-
-.card-subtitle {
-  font-size: 12px;
-  color: var(--text-muted);
-  margin-top: 2px;
-}
-
-/* ========== KPI CARDS ========== */
-.kpi-grid {
-  display: grid;
-  grid-template-columns: repeat(3, 1fr);
-  gap: 16px;
-  margin-bottom: 24px;
-}
-
-.kpi-card {
-  background: var(--bg-card);
-  border-radius: var(--radius-lg);
-  border: 1px solid var(--border);
-  padding: 20px;
-  position: relative;
-  overflow: hidden;
-  transition: var(--transition);
-  box-shadow: var(--shadow-sm);
-}
-
-.kpi-card:hover {
-  transform: translateY(-2px);
-  box-shadow: var(--shadow);
-  border-color: var(--primary-light);
-}
-
-.kpi-card::before {
-  content: '';
-  position: absolute;
-  top: 0; left: 0; right: 0;
-  height: 3px;
-  background: var(--primary-gradient);
-}
-
-.kpi-label {
-  font-size: 12px;
-  color: var(--text-muted);
-  margin-bottom: 8px;
-  display: flex;
-  align-items: center;
-  gap: 6px;
-}
-
-.kpi-value {
-  font-size: 28px;
-  font-weight: 700;
-  color: var(--text-primary);
-  line-height: 1;
-  margin-bottom: 8px;
-  font-variant-numeric: tabular-nums;
-}
-
-.kpi-change {
-  font-size: 12px;
-  display: flex;
-  align-items: center;
-  gap: 3px;
-}
-
-.kpi-change.up { color: var(--success); }
-.kpi-change.down { color: var(--danger); }
-
-.kpi-icon {
-  position: absolute;
-  right: 16px;
-  top: 16px;
-  width: 40px;
-  height: 40px;
-  border-radius: var(--radius);
-  background: var(--primary-bg);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: var(--primary);
-}
-
-/* ========== CHARTS GRID ========== */
-.charts-grid {
-  display: grid;
-  grid-template-columns: repeat(2, 1fr);
-  gap: 16px;
-  margin-bottom: 24px;
-}
-
-.charts-grid .chart-card.full { grid-column: 1 / -1; }
-
-.chart-card {
-  background: var(--bg-card);
-  border-radius: var(--radius-lg);
-  border: 1px solid var(--border);
-  padding: 20px;
-  box-shadow: var(--shadow-sm);
-}
-
-.chart-card canvas { max-height: 240px; }
-
-/* ========== BUTTONS ========== */
-.btn {
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-  padding: 7px 16px;
-  border-radius: var(--radius-sm);
-  font-size: 13.5px;
-  font-weight: 500;
-  transition: var(--transition);
-  cursor: pointer;
-  border: 1px solid transparent;
-  font-family: inherit;
-}
-
-.btn-primary {
-  background: var(--primary);
-  color: #fff;
-  border-color: var(--primary);
-}
-
-.btn-primary:hover {
-  background: var(--primary-dark);
-  border-color: var(--primary-dark);
-  box-shadow: var(--shadow-green);
-}
-
-/* 绿色渐变按钮 - 商标色 */
-.btn-primary-green {
-  background: linear-gradient(135deg, #73d13d 0%, #389e0d 100%);
-  color: #fff;
-  border: none;
-  box-shadow: 0 2px 8px rgba(82, 196, 26, 0.3);
-}
-
-.btn-primary-green:hover {
-  background: linear-gradient(135deg, #52c41a 0%, #237804 100%);
-  box-shadow: 0 4px 16px rgba(82, 196, 26, 0.4);
-  transform: translateY(-1px);
-}
-
-.btn-primary-green:active {
-  transform: translateY(0);
-}
-
-.btn-outline {
-  background: transparent;
-  border-color: var(--border-dark);
-  color: var(--text-primary);
-}
-
-.btn-outline:hover {
-  border-color: var(--primary);
-  color: var(--primary);
-}
-
-.btn-ghost {
-  background: transparent;
-  color: var(--text-secondary);
-}
-
-.btn-ghost:hover { background: var(--bg-base); }
-
-.btn-danger {
-  background: var(--danger);
-  color: #fff;
-  border-color: var(--danger);
-}
-
-.btn-sm {
-  padding: 4px 10px;
-  font-size: 12px;
-}
-
-.btn-lg {
-  padding: 10px 24px;
-  font-size: 15px;
-}
-
-.btn i { width: 15px; height: 15px; }
-
-/* ========== TABLES ========== */
-.table-wrapper {
-  overflow-x: auto;
-  border-radius: var(--radius);
-}
-
-table {
-  width: 100%;
-  border-collapse: collapse;
-  font-size: 13.5px;
-}
-
-thead th {
-  background: #fafafa;
-  padding: 10px 14px;
-  text-align: left;
-  font-weight: 600;
-  color: var(--text-secondary);
-  font-size: 12px;
-  text-transform: uppercase;
-  letter-spacing: 0.4px;
-  border-bottom: 1px solid var(--border);
-  white-space: nowrap;
-}
-
-tbody td {
-  padding: 11px 14px;
-  border-bottom: 1px solid var(--border);
-  color: var(--text-primary);
-  vertical-align: middle;
-}
-
-tbody tr:last-child td { border-bottom: none; }
-
-tbody tr:hover td { background: #fafcff; }
-
-/* ========== BADGES ========== */
-.badge {
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  padding: 2px 8px;
-  border-radius: 20px;
-  font-size: 11.5px;
-  font-weight: 500;
-  white-space: nowrap;
-}
-
-.badge-success { background: #f6ffed; color: #52c41a; border: 1px solid #b7eb8f; }
-.badge-warning { background: #fffbe6; color: #faad14; border: 1px solid #ffe58f; }
-.badge-danger { background: #fff2f0; color: #ff4d4f; border: 1px solid #ffccc7; }
-.badge-info { background: #e6f7ff; color: #1890ff; border: 1px solid #91d5ff; }
-.badge-default { background: #fafafa; color: #595959; border: 1px solid #d9d9d9; }
-.badge-purple { background: #f9f0ff; color: #722ed1; border: 1px solid #d3adf7; }
-
-/* ========== FORMS ========== */
-.form-group {
-  margin-bottom: 18px;
-}
-
-.form-label {
-  display: block;
-  font-size: 13px;
-  font-weight: 500;
-  color: var(--text-primary);
-  margin-bottom: 6px;
-}
-
-.form-label .required { color: var(--danger); margin-left: 2px; }
-
-.form-control {
-  width: 100%;
-  padding: 8px 12px;
-  border: 1px solid var(--border-dark);
-  border-radius: var(--radius-sm);
-  font-size: 13.5px;
-  font-family: inherit;
-  color: var(--text-primary);
-  background: var(--bg-white);
-  transition: var(--transition);
-  outline: none;
-}
-
-.form-control:focus {
-  border-color: var(--primary);
-  box-shadow: 0 0 0 2px rgba(82,196,26,0.1);
-}
-
-.form-control::placeholder { color: var(--text-placeholder); }
-
-textarea.form-control {
-  resize: vertical;
-  min-height: 80px;
-  line-height: 1.6;
-}
-
-select.form-control { appearance: none; cursor: pointer; }
-
-.form-hint {
-  font-size: 12px;
-  color: var(--text-muted);
-  margin-top: 4px;
-}
-
-.form-row {
-  display: grid;
-  grid-template-columns: repeat(2, 1fr);
-  gap: 16px;
-}
-
-/* ========== TOGGLE / SWITCH ========== */
-.toggle-switch {
-  position: relative;
-  width: 40px;
-  height: 22px;
-  flex-shrink: 0;
-}
-
-.toggle-switch input { opacity: 0; width: 0; height: 0; position: absolute; }
-
-.toggle-track {
-  position: absolute;
-  inset: 0;
-  background: #d9d9d9;
-  border-radius: 11px;
-  cursor: pointer;
-  transition: background 0.2s;
-}
-
-.toggle-track::after {
-  content: '';
-  position: absolute;
-  top: 3px;
-  left: 3px;
-  width: 16px;
-  height: 16px;
-  background: #fff;
-  border-radius: 50%;
-  transition: transform 0.2s;
-  box-shadow: 0 1px 4px rgba(0,0,0,0.15);
-}
-
-.toggle-switch input:checked + .toggle-track { background: var(--primary); }
-.toggle-switch input:checked + .toggle-track::after { transform: translateX(18px); }
-
-/* ========== PAGE HEADER ========== */
-.page-header {
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  margin-bottom: 24px;
-  gap: 16px;
-}
-
-.page-title {
-  font-size: 20px;
-  font-weight: 700;
-  color: var(--text-primary);
-  line-height: 1.2;
-}
-
-.page-desc {
-  font-size: 13px;
-  color: var(--text-muted);
-  margin-top: 4px;
-}
-
-.page-actions {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  flex-shrink: 0;
-}
-
-/* ========== FILTERS ========== */
-.filter-bar {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  margin-bottom: 16px;
-  flex-wrap: wrap;
-}
-
-.search-input {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 7px 12px;
-  border: 1px solid var(--border-dark);
-  border-radius: var(--radius-sm);
-  background: var(--bg-white);
-  flex: 1;
-  max-width: 320px;
-  transition: var(--transition);
-}
-
-.search-input:focus-within {
-  border-color: var(--primary);
-  box-shadow: 0 0 0 2px rgba(82,196,26,0.1);
-}
-
-.search-input i { color: var(--text-muted); flex-shrink: 0; }
-
-.search-input input {
-  border: none;
-  outline: none;
-  font-size: 13.5px;
-  color: var(--text-primary);
-  width: 100%;
-  font-family: inherit;
-}
-
-.filter-select {
-  padding: 7px 12px;
-  border: 1px solid var(--border-dark);
-  border-radius: var(--radius-sm);
-  font-size: 13px;
-  color: var(--text-primary);
-  background: var(--bg-white);
-  cursor: pointer;
-  outline: none;
-  font-family: inherit;
-  transition: var(--transition);
-}
-
-.filter-select:focus { border-color: var(--primary); }
-
-/* ========== SESSION DRILLDOWN ========== */
-.session-drilldown-banner {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  margin: -8px 0 16px;
-  padding: 14px 16px;
-  border: 1px solid #d9f7be;
-  border-radius: var(--radius-lg);
-  background: linear-gradient(135deg, #f6ffed 0%, #ffffff 100%);
-  box-shadow: var(--shadow-sm);
-}
-
-.session-drilldown-icon {
-  width: 36px;
-  height: 36px;
-  border-radius: 10px;
-  background: var(--primary);
-  color: #fff;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-}
-
-.session-drilldown-icon i {
-  width: 18px;
-  height: 18px;
-}
-
-.session-drilldown-copy {
-  flex: 1;
-  min-width: 0;
-}
-
-.session-drilldown-copy strong {
-  display: block;
-  font-size: 14px;
-  margin-bottom: 3px;
-}
-
-.session-drilldown-copy span {
-  display: block;
-  font-size: 12px;
-  color: var(--text-muted);
-}
-
-.session-panel-actions {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  flex-shrink: 0;
-}
-
-.session-view-backbar {
-  display: flex;
-  justify-content: flex-start;
-  margin: -4px 0 12px;
-}
-
-.session-detail-layout {
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) 380px;
-  gap: 16px;
-  align-items: start;
-}
-
-.session-filter-panel {
-  display: flex;
-  justify-content: space-between;
-  align-items: stretch;
-  gap: 16px;
-  margin-bottom: 16px;
-  padding: 16px;
-  border: 1px solid var(--border);
-  border-radius: var(--radius-lg);
-  background: var(--bg-card);
-  box-shadow: var(--shadow-sm);
-}
-
-.session-filter-main {
-  display: grid;
-  grid-template-columns: 180px 220px;
-  gap: 14px;
-  align-items: end;
-}
-
-.session-filter-main .form-group {
-  margin-bottom: 0;
-}
-
-.session-filter-stats {
-  display: grid;
-  grid-template-columns: repeat(3, 96px);
-  gap: 10px;
-}
-
-.session-filter-stats > div,
-.session-topic-summary > div {
-  padding: 12px;
-  border: 1px solid var(--border);
-  border-radius: var(--radius);
-  background: #fafafa;
-}
-
-.session-filter-stats span,
-.session-topic-summary span {
-  display: block;
-  font-size: 12px;
-  color: var(--text-muted);
-  margin-bottom: 4px;
-}
-
-.session-filter-stats strong,
-.session-topic-summary strong {
-  display: block;
-  font-size: 20px;
-  color: var(--text-primary);
-  line-height: 1;
-}
-
-.session-device-layout {
-  display: grid;
-  grid-template-columns: minmax(0, 1.08fr) minmax(380px, 0.92fr);
-  gap: 16px;
-  align-items: start;
-}
-
-.session-device-row {
-  cursor: pointer;
-}
-
-.session-device-row.active td {
-  background: var(--primary-bg);
-}
-
-.session-device-panel {
-  min-height: 420px;
-}
-
-.session-panel-header {
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  gap: 12px;
-  margin-bottom: 14px;
-}
-
-.session-panel-header h3 {
-  font-size: 16px;
-  margin: 0 0 4px;
-}
-
-.session-panel-header p {
-  font-size: 12px;
-  color: var(--text-muted);
-}
-
-.session-history-list,
-.session-aggregate-list {
-  display: grid;
-  gap: 12px;
-}
-
-.session-history-card,
-.session-aggregate-card {
-  padding: 14px;
-  border: 1px solid var(--border);
-  border-radius: var(--radius);
-  background: #fff;
-}
-
-.session-history-head {
-  display: flex;
-  justify-content: space-between;
-  align-items: flex-start;
-  gap: 12px;
-  margin-bottom: 12px;
-}
-
-.session-history-head strong {
-  display: block;
-  font-size: 14px;
-  margin-bottom: 4px;
-}
-
-.session-history-head span:not(.badge) {
-  display: block;
-  font-size: 12px;
-  color: var(--text-muted);
-}
-
-.session-transcript {
-  display: grid;
-  gap: 10px;
-  padding: 12px;
-  border-radius: var(--radius);
-  background: #fafafa;
-}
-
-.session-message {
-  display: flex;
-  align-items: flex-start;
-  gap: 8px;
-}
-
-.session-message.user {
-  justify-content: flex-end;
-}
-
-.session-message.user .session-message-avatar {
-  order: 2;
-  background: #e6f7ff;
-  color: #1890ff;
-}
-
-.session-message.bot .session-message-avatar {
-  background: var(--primary);
-  color: #fff;
-}
-
-.session-message-avatar {
-  width: 30px;
-  height: 30px;
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  font-size: 11px;
-  font-weight: 600;
-}
-
-.session-message-text {
-  max-width: 78%;
-  padding: 9px 12px;
-  border-radius: 12px;
-  font-size: 13px;
-  line-height: 1.55;
-  color: var(--text-primary);
-  background: #fff;
-  border: 1px solid var(--border);
-}
-
-.session-message.user .session-message-text {
-  color: #fff;
-  border-color: var(--primary);
-  background: var(--primary);
-  border-bottom-right-radius: 4px;
-}
-
-.session-message.bot .session-message-text {
-  border-bottom-left-radius: 4px;
-}
-
-.session-more {
-  text-align: center;
-  padding: 4px;
-  font-size: 11px;
-  color: var(--text-muted);
-}
-
-.session-topic-layout {
-  display: grid;
-  gap: 16px;
-}
-
-.session-topic-summary {
-  display: grid;
-  grid-template-columns: repeat(4, minmax(0, 1fr));
-  gap: 12px;
-}
-
-.chat-preview {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  overflow-y: auto;
-  padding: 10px;
-  border-radius: var(--radius);
-  background: #fafafa;
-}
-
-.chat-preview .chat-bubble {
-  display: flex;
-  align-items: flex-start;
-  gap: 8px;
-  max-width: 100%;
-  padding: 0;
-  border-radius: 0;
-}
-
-.chat-preview .chat-bubble.user {
-  justify-content: flex-end;
-}
-
-.chat-preview .chat-bubble.user .bubble-avatar {
-  order: 2;
-}
-
-.bubble-avatar {
-  width: 28px;
-  height: 28px;
-  border-radius: 50%;
-  background: var(--primary);
-  color: #fff;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  font-size: 12px;
-  font-weight: 600;
-}
-
-.bubble-text {
-  max-width: 78%;
-  padding: 10px 12px;
-  border-radius: 12px;
-  font-size: 13px;
-  line-height: 1.55;
-  color: var(--text-primary);
-  background: var(--bg-base);
-}
-
-.chat-preview .chat-bubble.user .bubble-text {
-  color: #fff;
-  background: var(--primary);
-  border-bottom-right-radius: 4px;
-}
-
-.chat-preview .chat-bubble.bot .bubble-text {
-  border-bottom-left-radius: 4px;
-}
-
-/* ========== TABS ========== */
-.tabs {
-  display: flex;
-  border-bottom: 2px solid var(--border);
-  margin-bottom: 20px;
-  gap: 0;
-}
-
-.tab-item {
-  padding: 10px 20px;
-  font-size: 13.5px;
-  font-weight: 500;
-  color: var(--text-muted);
-  cursor: pointer;
-  position: relative;
-  transition: var(--transition);
-  white-space: nowrap;
-}
-
-.tab-item:hover { color: var(--primary); }
-
-.tab-item.active {
-  color: var(--primary);
-  font-weight: 600;
-}
-
-.tab-item.active::after {
-  content: '';
-  position: absolute;
-  bottom: -2px;
-  left: 0; right: 0;
-  height: 2px;
-  background: var(--primary);
-  border-radius: 1px;
-}
-
-.tab-content { display: none; }
-.tab-content.active { display: block; }
-
-/* ========== MODAL ========== */
-.modal-overlay {
-  position: fixed;
-  inset: 0;
-  background: rgba(0,0,0,0.45);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  z-index: 20000;
-  backdrop-filter: blur(2px);
-  opacity: 0;
-  pointer-events: none;
-  transition: opacity 0.2s;
-}
-
-body.modal-open {
-  overflow: hidden;
-}
-
-body.modal-open .bailian-config-scroll,
-body.modal-open .page-content,
-body.modal-open .main-content {
-  scrollbar-width: none;
-}
-
-body.modal-open .bailian-config-scroll::-webkit-scrollbar,
-body.modal-open .page-content::-webkit-scrollbar,
-body.modal-open .main-content::-webkit-scrollbar {
-  width: 0;
-  height: 0;
-}
-
-.modal-overlay.open {
-  opacity: 1;
-  pointer-events: all;
-}
-
-.modal {
-  background: var(--bg-white);
-  border-radius: var(--radius-xl);
-  padding: 28px;
-  width: 560px;
-  max-width: 95vw;
-  max-height: 90vh;
-  overflow-y: auto;
-  box-shadow: var(--shadow-lg);
-  transform: scale(0.95) translateY(10px);
-  transition: transform 0.2s;
-}
-
-.modal-overlay.open .modal { transform: scale(1) translateY(0); }
-
-.modal-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-bottom: 20px;
-}
-
-.modal-title {
-  font-size: 17px;
-  font-weight: 700;
-}
-
-.modal-close {
-  color: var(--text-muted);
-  width: 28px;
-  height: 28px;
-  border-radius: 6px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  transition: var(--transition);
-}
-
-.modal-close:hover { background: var(--bg-base); color: var(--text-primary); }
-
-.modal-footer {
-  display: flex;
-  justify-content: flex-end;
-  gap: 10px;
-  margin-top: 24px;
-  padding-top: 16px;
-  border-top: 1px solid var(--border);
-}
-
-/* 弹窗尺寸变体 */
-.modal.modal-sm { width: 400px; }
-.modal.modal-lg { width: 720px; }
-.modal.modal-xl { width: 900px; }
-.modal.modal-full { width: 95vw; max-width: 1200px; }
-
-/* ========== EMPTY STATE ========== */
-.empty-state {
-  text-align: center;
-  padding: 60px 20px;
-  color: var(--text-muted);
-}
-
-.empty-state i {
-  width: 48px;
-  height: 48px;
-  margin: 0 auto 16px;
-  display: block;
-  color: var(--text-placeholder);
-}
-
-.empty-state p { font-size: 14px; }
-
-/* 空状态插画风格 */
-.empty-state-illustration {
-  text-align: center;
-  padding: 40px 20px;
-}
-
-.empty-state-icon {
-  width: 64px;
-  height: 64px;
-  margin: 0 auto 16px;
-  background: var(--bg-base);
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: var(--text-placeholder);
-}
-
-.empty-state-title {
-  font-size: 15px;
-  font-weight: 600;
-  color: var(--text-primary);
-  margin-bottom: 8px;
-}
-
-.empty-state-desc {
-  font-size: 13px;
-  color: var(--text-muted);
-  margin-bottom: 20px;
-}
-
-/* ========== STATUS DOTS ========== */
-.status-dot {
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-  font-size: 13px;
-}
-
-.status-dot::before {
-  content: '';
-  width: 7px;
-  height: 7px;
-  border-radius: 50%;
-  background: currentColor;
-  flex-shrink: 0;
-}
-
-.status-dot.online { color: var(--success); }
-.status-dot.offline { color: var(--text-muted); }
-.status-dot.warning { color: var(--warning); }
-.status-dot.error { color: var(--danger); }
-
-/* ========== PROGRESS BAR ========== */
-.progress-bar {
-  background: var(--border);
-  border-radius: 4px;
-  height: 6px;
-  overflow: hidden;
-}
-
-.progress-fill {
-  height: 100%;
-  background: var(--primary-gradient);
-  border-radius: 4px;
-  transition: width 0.6s ease;
-}
-
-/* ========== SECTION DIVIDER ========== */
-.section-divider {
-  border: none;
-  border-top: 1px solid var(--border);
-  margin: 20px 0;
-}
-
-/* ========== TOOLTIP ========== */
-[data-tooltip] { position: relative; display: inline-flex; align-items: center; justify-content: center; }
-
-[data-tooltip]::after {
-  content: attr(data-tooltip);
-  position: absolute;
-  bottom: calc(100% + 8px);
-  left: 50%;
-  transform: translateX(-50%);
-  background: #1a1a1a;
-  color: #fff;
-  font-size: 12px;
-  padding: 5px 10px;
-  border-radius: 6px;
-  white-space: nowrap;
-  pointer-events: none;
-  opacity: 0;
-  transition: opacity 0.15s, transform 0.15s;
-  z-index: 9999;
-  box-shadow: 0 2px 8px rgba(0,0,0,0.2);
-  line-height: 1.4;
-}
-
-[data-tooltip]:hover::after {
-  opacity: 1;
-  transform: translateX(-50%) translateY(-2px);
-}
-
-[data-tooltip]:focus::after,
-[data-tooltip]:focus-visible::after {
-  opacity: 1;
-  transform: translateX(-50%) translateY(-2px);
-}
-
-/* 表格操作按钮专用 tooltip */
-.kb-table-actions [data-tooltip]::after {
-  bottom: calc(100% + 4px);
-}
-
-/* 防止 tooltip 被遮挡 */
-.dropdown-menu + [data-tooltip]::after {
-  display: none;
-}
-
-/* ========== RESPONSIVE ========== */
-@media (max-width: 1180px) {
-  .settings-layout {
-    grid-template-columns: minmax(0, 1fr);
-  }
-
-  .settings-sidebar {
-    position: sticky;
-    top: -1px;
-    z-index: 5;
-    padding: 8px;
-  }
-
-  .settings-sidebar-title,
-  .settings-sidebar-status {
-    display: none;
-  }
-
-  .settings-sidebar-nav {
-    display: grid;
-    grid-template-columns: repeat(4, minmax(0, 1fr));
-    gap: 6px;
-  }
-
-  .settings-nav-item {
-    min-height: 48px;
-  }
-
-  .settings-section-card {
-    scroll-margin-top: 82px;
-  }
-}
-
-@media (max-width: 1024px) {
-  .charts-grid { grid-template-columns: 1fr; }
-  .config-panels { grid-template-columns: 1fr; }
-  .session-detail-layout { grid-template-columns: 1fr; }
-  .session-device-layout { grid-template-columns: 1fr; }
-  .session-filter-panel { flex-direction: column; }
-  .session-filter-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
-  .notification-principles { grid-template-columns: 1fr; }
-  .notification-rule-row { grid-template-columns: 1fr; }
-  .settings-content .notification-principles {
-    grid-template-columns: repeat(3, minmax(0, 1fr));
-  }
-  .settings-content .notification-rule-row {
-    grid-template-columns: 1fr;
-  }
-  .settings-content .notification-rule-controls {
-    padding-top: 12px;
-    padding-left: 0;
-    border-top: 1px solid var(--border);
-    border-left: 0;
-  }
-  .notif-detail-meta { grid-template-columns: 1fr; }
-  #replayPanel { position: relative !important; }
-}
-
-@media (max-width: 768px) {
-  .sidebar {
-    position: fixed;
-    left: 0; top: 0; bottom: 0;
-    z-index: 200;
-    transform: translateX(-100%);
-    transition: transform 0.25s ease;
-  }
-  .sidebar.mobile-open { transform: translateX(0); }
-  .form-row { grid-template-columns: 1fr; }
-  .settings-two-column {
-    grid-template-columns: 1fr;
-  }
-  .settings-sidebar-nav {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-  }
-  .settings-section-card {
-    scroll-margin-top: 138px;
-  }
-  .settings-content .notification-principles {
-    grid-template-columns: 1fr;
-  }
-  .settings-content .notification-principles small {
-    white-space: normal;
-  }
-  .kpi-grid { grid-template-columns: repeat(2, 1fr); }
-  .session-drilldown-banner {
-    align-items: flex-start;
-    flex-direction: column;
-  }
-  .session-panel-actions {
-    width: 100%;
-    align-items: stretch;
-    flex-direction: column;
-  }
-  .session-panel-actions .btn {
-    width: 100%;
-    justify-content: center;
-  }
-  .session-filter-main,
-  .session-topic-summary {
-    grid-template-columns: 1fr;
-  }
-  .session-filter-stats {
-    grid-template-columns: 1fr;
-  }
-  .session-message-text {
-    max-width: 82%;
-  }
-}
-
-@media (max-width: 560px) {
-  .settings-page-header {
-    margin-bottom: 16px;
-  }
-
-  .settings-nav-item {
-    min-height: 44px;
-    padding: 6px 8px;
-  }
-
-  .settings-nav-icon {
-    width: 28px;
-    height: 28px;
-    flex-basis: 28px;
-  }
-
-  .settings-nav-item small {
-    display: none;
-  }
-
-  .settings-section-header {
-    min-height: 68px;
-    align-items: flex-start;
-    flex-direction: column;
-    padding: 14px 16px;
-  }
-
-  .settings-section-header > .btn {
-    width: 100%;
-    justify-content: center;
-  }
-
-  .settings-section-body {
-    padding: 16px;
-  }
-
-  .settings-section-footer {
-    align-items: stretch;
-    flex-direction: column;
-    padding: 12px 16px;
-  }
-
-  .settings-section-footer .btn {
-    width: 100%;
-    justify-content: center;
-  }
-
-  .settings-section-count {
-    margin-left: 48px;
-  }
-}
-
-@media (max-width: 768px) {
-  .kpi-grid { grid-template-columns: 1fr; }
-}
-
-/* ========== ANIMATIONS ========== */
-@keyframes fadeIn {
-  from { opacity: 0; transform: translateY(8px); }
-  to { opacity: 1; transform: translateY(0); }
-}
-
-.page.active { animation: fadeIn 0.2s ease; }
-
-@keyframes pulse {
-  0%, 100% { opacity: 1; }
-  50% { opacity: 0.5; }
-}
-
-.loading-pulse { animation: pulse 1.5s ease-in-out infinite; }
-
-/* ========== NOTIFICATION TOAST ========== */
-.toast-container {
-  position: fixed;
-  top: 20px;
-  right: 20px;
-  z-index: 9999;
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
-
-.toast {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  padding: 12px 16px;
-  background: #fff;
-  border-radius: var(--radius);
-  box-shadow: var(--shadow-lg);
-  border-left: 4px solid var(--primary);
-  min-width: 280px;
-  animation: slideIn 0.25s ease;
-}
-
-.toast.success { border-color: var(--success); }
-.toast.error { border-color: var(--danger); }
-.toast.warning { border-color: var(--warning); }
-
-@keyframes slideIn {
-  from { opacity: 0; transform: translateX(100%); }
-  to { opacity: 1; transform: translateX(0); }
-}
-
-/* ========== COLLAPSE ========== */
-.collapse-trigger { cursor: pointer; user-select: none; }
-.collapse-content { display: none; }
-.collapse-content.open { display: block; }
-
-/* ========== SKELETON LOADING ========== */
-.skeleton {
-  background: linear-gradient(90deg, var(--bg-base) 25%, #e8e8e8 50%, var(--bg-base) 75%);
-  background-size: 200% 100%;
-  animation: skeleton-loading 1.5s ease-in-out infinite;
-  border-radius: var(--radius-sm);
-}
-
-@keyframes skeleton-loading {
-  0% { background-position: 200% 0; }
-  100% { background-position: -200% 0; }
-}
-
-.skeleton-text {
-  height: 14px;
-  margin-bottom: 8px;
-}
-
-.skeleton-text:last-child {
-  width: 60%;
-}
-
-.skeleton-title {
-  height: 24px;
-  width: 40%;
-  margin-bottom: 16px;
-}
-
-.skeleton-avatar {
-  width: 40px;
-  height: 40px;
-  border-radius: 50%;
-}
-
-.skeleton-card {
-  height: 120px;
-  margin-bottom: 16px;
-}
-
-/* ==========================================
-   知识库管理模块样式
-   ========================================== */
-
-/* 返回按钮 */
-.page-back-btn {
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-  padding: 6px 12px;
-  border: 1px solid var(--border);
-  border-radius: var(--radius-sm);
-  font-size: 13px;
-  color: var(--text-secondary);
-  background: var(--bg-white);
-  cursor: pointer;
-  transition: var(--transition);
-}
-
-.page-back-btn:hover {
-  border-color: var(--primary);
-  color: var(--primary);
-}
-
-/* 知识库列表页 */
-.kb-list-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 16px;
-  margin-bottom: 20px;
-  flex-wrap: wrap;
-}
-
-.kb-list-title {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-}
-
-.kb-list-stats {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 6px 12px;
-  background: var(--primary-bg);
-  border-radius: 20px;
-  font-size: 12px;
-  color: var(--primary-dark);
-}
-
-.kb-list-actions {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-
-/* 知识库表格 */
-.kb-table-wrapper {
-  background: var(--bg-white);
-  border-radius: var(--radius-lg);
-  border: 1px solid var(--border);
-  overflow: hidden;
-}
-
-.kb-table {
-  width: 100%;
-  border-collapse: collapse;
-  font-size: 13.5px;
-}
-
-.kb-table thead {
-  background: #fafafa;
-}
-
-.kb-table thead th {
-  padding: 12px 16px;
-  text-align: left;
-  font-weight: 600;
-  color: var(--text-secondary);
-  font-size: 12px;
-  text-transform: uppercase;
-  letter-spacing: 0.4px;
-  border-bottom: 1px solid var(--border);
-  white-space: nowrap;
-}
-
-.kb-table thead th.sortable {
-  cursor: pointer;
-  user-select: none;
-}
-
-.kb-table thead th.sortable:hover {
-  color: var(--primary);
-}
-
-.kb-table thead th .sort-icon {
-  margin-left: 4px;
-  opacity: 0.4;
-}
-
-.kb-table thead th.sorted .sort-icon {
-  opacity: 1;
-  color: var(--primary);
-}
-
-.kb-table tbody td {
-  padding: 14px 16px;
-  border-bottom: 1px solid var(--border);
-  color: var(--text-primary);
-  vertical-align: middle;
-}
-
-.kb-table tbody tr:last-child td {
-  border-bottom: none;
-}
-
-.kb-table tbody tr:hover td {
-  background: #fafcff;
-}
-
-.kb-table tbody tr.selected td {
-  background: rgba(82, 196, 26, 0.05);
-}
-
-/* 表格复选框 */
-.kb-table .row-checkbox {
-  width: 18px;
-  height: 18px;
-  accent-color: var(--primary);
-  cursor: pointer;
-}
-
-/* 知识库名称单元格 */
-.kb-name-cell {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-}
-
-.kb-name-icon {
-  width: 36px;
-  height: 36px;
-  border-radius: var(--radius-sm);
-  background: var(--primary-bg);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: var(--primary);
-  flex-shrink: 0;
-}
-
-.kb-name-text {
-  font-weight: 500;
-  color: var(--text-primary);
-  max-width: 200px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.kb-name-desc {
-  font-size: 12px;
-  color: var(--text-muted);
-  max-width: 200px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-/* ID单元格 */
-.kb-id-cell {
-  font-family: 'SF Mono', Monaco, monospace;
-  font-size: 12px;
-  color: var(--text-muted);
-}
-
-/* 标签列表 */
-.kb-tags-cell {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 4px;
-}
-
-/* 表格操作 */
-.kb-table-actions {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-}
-
-/* 分页器 */
-.kb-pagination {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 16px;
-  border-top: 1px solid var(--border);
-  background: #fafafa;
-}
-
-.kb-pagination-info {
-  font-size: 13px;
-  color: var(--text-secondary);
-}
-
-.kb-pagination-controls {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-}
-
-.kb-pagination-btn {
-  width: 32px;
-  height: 32px;
-  border: 1px solid var(--border);
-  border-radius: var(--radius-sm);
-  background: var(--bg-white);
-  color: var(--text-secondary);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  transition: var(--transition);
-  font-size: 13px;
-}
-
-.kb-pagination-btn:hover:not(:disabled) {
-  border-color: var(--primary);
-  color: var(--primary);
-}
-
-.kb-pagination-btn:disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-}
-
-.kb-pagination-btn.active {
-  background: var(--primary);
-  border-color: var(--primary);
-  color: #fff;
-}
-
-/* 批量操作栏 */
-.kb-batch-bar {
-  display: none;
-  align-items: center;
-  gap: 12px;
-  padding: 12px 16px;
-  background: var(--primary-bg);
-  border-radius: var(--radius);
-  margin-bottom: 16px;
-  animation: slideDown 0.2s ease;
-}
-
-.kb-batch-bar.visible {
-  display: flex;
-}
-
-.kb-batch-info {
-  flex: 1;
-  font-size: 13px;
-  color: var(--primary-dark);
-}
-
-.kb-batch-actions {
-  display: flex;
-  gap: 8px;
-}
-
-@keyframes slideDown {
-  from { opacity: 0; transform: translateY(-10px); }
-  to { opacity: 1; transform: translateY(0); }
-}
-
-/* 知识库类型标签 */
-.kb-type-tag {
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  padding: 2px 8px;
-  border-radius: 4px;
-  font-size: 12px;
-  font-weight: 500;
-}
-
-.kb-type-tag.doc_search { background: #e6f7ff; color: #1890ff; }
-.kb-type-tag.data_query { background: #fff7e6; color: #fa8c16; }
-.kb-type-tag.image_qa { background: #f9f0ff; color: #722ed1; }
-.kb-type-tag.video_search { background: #fff1f0; color: #ff4d4f; }
-
-/* 状态徽章 */
-.kb-status-badge {
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  padding: 3px 10px;
-  border-radius: 12px;
-  font-size: 12px;
-  font-weight: 500;
-}
-
-.kb-status-badge.ready { background: #f6ffed; color: #52c41a; border: 1px solid #b7eb8f; }
-.kb-status-badge.processing { background: #fffbe6; color: #faad14; border: 1px solid #ffe58f; }
-.kb-status-badge.error { background: #fff2f0; color: #ff4d4f; border: 1px solid #ffccc7; }
-.kb-status-badge.uploading { background: #e6f7ff; color: #1890ff; border: 1px solid #91d5ff; }
-
-.kb-status-badge .status-dot {
-  width: 6px;
-  height: 6px;
-  border-radius: 50%;
-  background: currentColor;
-}
-
-.kb-status-badge.processing .status-dot,
-.kb-status-badge.uploading .status-dot {
-  animation: pulse 1s ease-in-out infinite;
-}
-
-/* 加载状态 */
-.kb-loading {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 60px 20px;
-  color: var(--text-muted);
-}
-
-.kb-loading-spinner {
-  width: 24px;
-  height: 24px;
-  border: 2px solid var(--border);
-  border-top-color: var(--primary);
-  border-radius: 50%;
-  animation: spin 0.8s linear infinite;
-  margin-right: 12px;
-}
-
-@keyframes spin {
-  to { transform: rotate(360deg); }
-}
-
-/* 空状态 */
-.kb-empty {
-  text-align: center;
-  padding: 80px 20px;
-}
-
-.kb-empty-icon {
-  width: 80px;
-  height: 80px;
-  margin: 0 auto 24px;
-  background: var(--bg-base);
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: var(--text-placeholder);
-}
-
-.kb-empty-icon i {
-  width: 36px;
-  height: 36px;
-}
-
-.kb-empty-title {
-  font-size: 16px;
-  font-weight: 600;
-  color: var(--text-primary);
-  margin-bottom: 8px;
-}
-
-.kb-empty-desc {
-  font-size: 13px;
-  color: var(--text-muted);
-  margin-bottom: 24px;
-}
-
-/* 筛选器样式 */
-.filter-tabs {
-  display: flex;
-  gap: 4px;
-  background: var(--bg-white);
-  border: 1px solid var(--border);
-  border-radius: var(--radius);
-  padding: 4px;
-}
-
-.filter-tab {
-  padding: 6px 14px;
-  border-radius: 6px;
-  font-size: 13px;
-  color: var(--text-secondary);
-  cursor: pointer;
-  transition: var(--transition);
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  white-space: nowrap;
-}
-
-.filter-tab.active {
-  background: var(--primary);
-  color: #fff;
-}
-
-.filter-tab:hover:not(.active) {
-  background: var(--bg-base);
-  color: var(--text-primary);
-}
-
-.filter-count {
-  background: rgba(0,0,0,0.1);
-  border-radius: 10px;
-  padding: 1px 6px;
-  font-size: 11px;
-  font-weight: 600;
-  min-width: 18px;
-  text-align: center;
-}
-
-.filter-tab.active .filter-count {
-  background: rgba(255,255,255,0.25);
-}
-
-.filter-search {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  background: var(--bg-white);
-  border: 1px solid var(--border);
-  border-radius: var(--radius);
-  padding: 6px 12px;
-  min-width: 220px;
-}
-
-.filter-search input {
-  border: none;
-  outline: none;
-  background: transparent;
-  font-size: 13px;
-  color: var(--text-primary);
-  width: 100%;
-}
-
-/* ========== 知识库选择弹窗 ========== */
-.kb-select-modal {
-  width: 720px;
-  max-width: 95vw;
-}
-
-.kb-select-modal-header {
-  margin-bottom: 16px;
-}
-
-.kb-select-modal-filters {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-}
-
-.kb-select-type-filter {
-  display: flex;
-  gap: 8px;
-  flex-wrap: wrap;
-}
-
-.kb-select-type-btn {
-  padding: 6px 12px;
-  border: 1px solid var(--border);
-  border-radius: 16px;
-  font-size: 12px;
-  color: var(--text-secondary);
-  background: var(--bg-white);
-  cursor: pointer;
-  transition: var(--transition);
-}
-
-.kb-select-type-btn:hover {
-  border-color: var(--primary-light);
-  color: var(--primary);
-}
-
-.kb-select-type-btn.active {
-  border-color: var(--primary);
-  background: var(--primary-bg);
-  color: var(--primary);
-}
-
-.kb-select-list-area {
-  max-height: 400px;
-  overflow-y: auto;
-  margin: 0 -28px;
-  padding: 0 28px;
-}
-
-.kb-select-item {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  padding: 14px 0;
-  border-bottom: 1px solid var(--border);
-  transition: var(--transition);
-}
-
-.kb-select-item:last-child {
-  border-bottom: none;
-}
-
-.kb-select-item:hover {
-  background: var(--bg-base);
-  margin: 0 -28px;
-  padding: 14px 28px;
-}
-
-.kb-select-icon {
-  width: 44px;
-  height: 44px;
-  border-radius: var(--radius-sm);
-  background: var(--primary-bg);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: var(--primary);
-  flex-shrink: 0;
-}
-
-.kb-select-info {
-  flex: 1;
-  min-width: 0;
-}
-
-.kb-select-name {
-  font-weight: 500;
-  color: var(--text-primary);
-  margin-bottom: 4px;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-
-.kb-select-meta {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  font-size: 12px;
-  color: var(--text-muted);
-  flex-wrap: wrap;
-}
-
-.kb-select-tags {
-  display: flex;
-  gap: 4px;
-  margin-top: 6px;
-}
-
-.kb-select-action {
-  flex-shrink: 0;
-}
-
-.kb-select-modal-footer {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-top: 16px;
-  padding-top: 16px;
-  border-top: 1px solid var(--border);
-}
-
-.kb-select-info-summary {
-  font-size: 13px;
-  color: var(--text-muted);
-}
-
-.kb-create-link-btn {
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-  font-size: 13px;
-  color: var(--primary);
-  cursor: pointer;
-  transition: var(--transition);
-}
-
-.kb-create-link-btn:hover {
-  text-decoration: underline;
-}
-
-/* ========== 知识库创建向导 ========== */
-.kb-create-wizard {
-  max-width: 960px;
-  margin: 0 auto;
-}
-
-.wizard-steps {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin: 32px 0;
-  padding: 0 40px;
-}
-
-.wizard-step {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 8px;
-}
-
-.wizard-step-num {
-  width: 36px;
-  height: 36px;
-  border-radius: 50%;
-  background: var(--bg-base);
-  border: 2px solid var(--border);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 14px;
-  font-weight: 600;
-  color: var(--text-muted);
-  transition: var(--transition);
-}
-
-.wizard-step.active .wizard-step-num {
-  background: var(--primary);
-  border-color: var(--primary);
-  color: #fff;
-}
-
-.wizard-step.completed .wizard-step-num {
-  background: var(--success);
-  border-color: var(--success);
-  color: #fff;
-}
-
-.wizard-step-label {
-  font-size: 13px;
-  color: var(--text-muted);
-  white-space: nowrap;
-}
-
-.wizard-step.active .wizard-step-label {
-  color: var(--primary);
-  font-weight: 500;
-}
-
-.wizard-step.completed .wizard-step-label {
-  color: var(--success);
-}
-
-.wizard-step-line {
-  flex: 1;
-  height: 2px;
-  background: var(--border);
-  margin: 0 24px;
-  max-width: 120px;
-}
-
-.wizard-step-line.completed {
-  background: var(--success);
-}
-
-.wizard-content {
-  background: var(--bg-white);
-  border-radius: var(--radius-lg);
-  border: 1px solid var(--border);
-  padding: 32px;
-  margin-bottom: 24px;
-}
-
-.wizard-footer {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 16px;
-  padding: 16px 24px;
-  background: var(--bg-white);
-  border-radius: var(--radius-lg);
-  border: 1px solid var(--border);
-  position: sticky;
-  bottom: 24px;
-}
-
-.wizard-footer-left,
-.wizard-footer-right {
-  display: flex;
-  gap: 12px;
-}
-
-/* 知识库类型选择卡片 */
-.kb-type-grid {
-  display: grid;
-  grid-template-columns: repeat(2, 1fr);
-  gap: 16px;
-}
-
-.kb-type-card {
-  position: relative;
-  padding: 20px;
-  border: 2px solid var(--border);
-  border-radius: var(--radius);
-  cursor: pointer;
-  transition: var(--transition);
-}
-
-.kb-type-card:hover {
-  border-color: var(--primary-light);
-  background: var(--primary-bg);
-}
-
-.kb-type-card.selected {
-  border-color: var(--primary);
-  background: var(--primary-bg);
-}
-
-.kb-type-card .check-icon {
-  position: absolute;
-  top: 12px;
-  right: 12px;
-  width: 20px;
-  height: 20px;
-  border-radius: 50%;
-  background: var(--primary);
-  color: #fff;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  opacity: 0;
-  transform: scale(0.5);
-  transition: var(--transition);
-}
-
-.kb-type-card.selected .check-icon {
-  opacity: 1;
-  transform: scale(1);
-}
-
-.kb-type-card-icon {
-  width: 48px;
-  height: 48px;
-  border-radius: var(--radius);
-  background: var(--bg-white);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: var(--primary);
-  margin-bottom: 12px;
-  box-shadow: var(--shadow-sm);
-}
-
-.kb-type-card-title {
-  font-size: 15px;
-  font-weight: 600;
-  color: var(--text-primary);
-  margin-bottom: 6px;
-}
-
-.kb-type-card-desc {
-  font-size: 12px;
-  color: var(--text-muted);
-  line-height: 1.5;
-}
-
-/* 帮助提示链接 */
-.form-help-link {
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-  font-size: 13px;
-  color: var(--info);
-  cursor: pointer;
-  margin-top: 12px;
-}
-
-.form-help-link:hover {
-  text-decoration: underline;
-}
-
-/* ========== 数据源相关 ========== */
-.data-source-tabs {
-  display: flex;
-  gap: 4px;
-  background: var(--bg-base);
-  border-radius: var(--radius);
-  padding: 4px;
-  margin-bottom: 20px;
-}
-
-.data-source-tab {
-  flex: 1;
-  padding: 10px 16px;
-  border-radius: 6px;
-  font-size: 13px;
-  color: var(--text-secondary);
-  text-align: center;
-  cursor: pointer;
-  transition: var(--transition);
-}
-
-.data-source-tab:hover {
-  color: var(--primary);
-}
-
-.data-source-tab.active {
-  background: var(--bg-white);
-  color: var(--primary);
-  font-weight: 500;
-  box-shadow: var(--shadow-sm);
-}
-
-/* 上传区域 */
-.upload-zone {
-  border: 2px dashed var(--border);
-  border-radius: var(--radius);
-  padding: 40px 20px;
-  text-align: center;
-  transition: var(--transition);
-  background: var(--bg-base);
-}
-
-.upload-zone:hover,
-.upload-zone.dragover {
-  border-color: var(--primary);
-  background: var(--primary-bg);
-}
-
-.upload-zone-icon {
-  font-size: 48px;
-  margin-bottom: 16px;
-}
-
-.upload-zone-text {
-  font-size: 14px;
-  color: var(--text-secondary);
-  margin-bottom: 16px;
-}
-
-.upload-zone-hint {
-  font-size: 12px;
-  color: var(--text-muted);
-  margin-top: 16px;
-}
-
-/* 文件列表 */
-.file-list {
-  margin-top: 20px;
-  border: 1px solid var(--border);
-  border-radius: var(--radius);
-  overflow: hidden;
-}
-
-.file-list-header {
-  display: flex;
-  align-items: center;
-  padding: 12px 16px;
-  background: #fafafa;
-  font-size: 12px;
-  font-weight: 600;
-  color: var(--text-secondary);
-  text-transform: uppercase;
-  letter-spacing: 0.4px;
-  border-bottom: 1px solid var(--border);
-}
-
-.file-list-item {
-  display: flex;
-  align-items: center;
-  padding: 12px 16px;
-  border-bottom: 1px solid var(--border);
-  transition: var(--transition);
-}
-
-.file-list-item:last-child {
-  border-bottom: none;
-}
-
-.file-list-item:hover {
-  background: var(--bg-base);
-}
-
-.file-icon {
-  font-size: 24px;
-  margin-right: 12px;
-  flex-shrink: 0;
-}
-
-.file-info {
-  flex: 1;
-  min-width: 0;
-}
-
-.file-name {
-  font-size: 13px;
-  font-weight: 500;
-  color: var(--text-primary);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.file-meta {
-  font-size: 12px;
-  color: var(--text-muted);
-}
-
-.file-actions {
-  display: flex;
-  gap: 4px;
-}
-
-/* 文件状态 */
-.file-status {
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  font-size: 12px;
-  min-width: 80px;
-}
-
-.file-status.pending { color: var(--text-muted); }
-.file-status.uploading { color: var(--info); }
-.file-status.ready { color: var(--success); }
-.file-status.error { color: var(--danger); }
-.file-status.processing { color: var(--warning); }
-
-.file-status .spinner {
-  width: 12px;
-  height: 12px;
-  border: 2px solid var(--border);
-  border-top-color: currentColor;
-  border-radius: 50%;
-  animation: spin 0.8s linear infinite;
-}
-
-/* 类目选择器 */
-.category-selector {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  margin-bottom: 20px;
-  flex-wrap: wrap;
-}
-
-/* 自动同步开关 */
-.sync-switch {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 16px;
-  background: var(--bg-base);
-  border-radius: var(--radius);
-  margin-bottom: 20px;
-}
-
-.sync-switch-label {
-  font-size: 13px;
-  font-weight: 500;
-  color: var(--text-primary);
-}
-
-.sync-switch-desc {
-  font-size: 12px;
-  color: var(--text-muted);
-  margin-top: 4px;
-}
-
-/* Switch开关 */
-.switch {
-  position: relative;
-  display: inline-block;
-  width: 44px;
-  height: 24px;
-  flex-shrink: 0;
-}
-
-.switch input {
-  opacity: 0;
-  width: 0;
-  height: 0;
-}
-
-.switch-slider {
-  position: absolute;
-  cursor: pointer;
-  inset: 0;
-  background: #d9d9d9;
-  border-radius: 12px;
-  transition: var(--transition);
-}
-
-.switch-slider::before {
-  content: '';
-  position: absolute;
-  height: 18px;
-  width: 18px;
-  left: 3px;
-  bottom: 3px;
-  background: #fff;
-  border-radius: 50%;
-  transition: var(--transition);
-  box-shadow: 0 1px 4px rgba(0,0,0,0.15);
-}
-
-.switch input:checked + .switch-slider {
-  background: var(--primary);
-}
-
-.switch input:checked + .switch-slider::before {
-  transform: translateX(20px);
-}
-
-/* 文件对比面板 */
-.file-compare {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: 16px;
-}
-
-.file-compare-panel {
-  border: 1px solid var(--border);
-  border-radius: var(--radius);
-  overflow: hidden;
-}
-
-.file-compare-header {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 12px 16px;
-  background: #fafafa;
-  font-size: 13px;
-  font-weight: 500;
-  color: var(--text-secondary);
-  border-bottom: 1px solid var(--border);
-}
-
-.file-compare-body {
-  padding: 12px;
-  max-height: 250px;
-  overflow-y: auto;
-}
-
-.file-compare-item {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  padding: 10px 12px;
-  border-radius: var(--radius-sm);
-  cursor: pointer;
-  transition: var(--transition);
-}
-
-.file-compare-item:hover {
-  background: var(--bg-base);
-}
-
-.file-compare-item.selected {
-  background: var(--primary-bg);
-  border: 1px solid var(--primary-light);
-}
-
-.file-compare-empty {
-  text-align: center;
-  padding: 40px 20px;
-  color: var(--text-muted);
-  font-size: 13px;
-}
-
-/* 解析方式选择器 */
-.parse-method-selector {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 8px;
-}
-
-.parse-method-option {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  padding: 8px 12px;
-  border: 1px solid var(--border);
-  border-radius: var(--radius-sm);
-  font-size: 13px;
-  cursor: pointer;
-  transition: var(--transition);
-}
-
-.parse-method-option:hover {
-  border-color: var(--primary-light);
-}
-
-.parse-method-option.selected {
-  border-color: var(--primary);
-  background: var(--primary-bg);
-  color: var(--primary);
-}
-
-/* ========== 索引设置相关 ========== */
-/* 切片配置面板 */
-.slice-config-panel {
-  padding: 16px;
-  background: var(--bg-base);
-  border-radius: var(--radius);
-  margin-bottom: 20px;
-}
-
-.slice-config-row {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 10px 0;
-  border-bottom: 1px solid var(--border);
-}
-
-.slice-config-row:last-child {
-  border-bottom: none;
-}
-
-.slice-config-label {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  font-size: 13px;
-  color: var(--text-secondary);
-}
-
-.slice-config-control {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-
-/* 范围滑块 */
-.range-slider {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  width: 100%;
-}
-
-.range-slider input[type="range"] {
-  flex: 1;
-  height: 4px;
-  -webkit-appearance: none;
-  appearance: none;
-  background: var(--border);
-  border-radius: 2px;
-  outline: none;
-}
-
-.range-slider input[type="range"]::-webkit-slider-thumb {
-  -webkit-appearance: none;
-  appearance: none;
-  width: 16px;
-  height: 16px;
-  border-radius: 50%;
-  background: var(--primary);
-  cursor: pointer;
-  box-shadow: 0 1px 4px rgba(0,0,0,0.15);
-}
-
-.range-slider-value {
-  min-width: 40px;
-  text-align: center;
-  font-weight: 600;
-  color: var(--primary);
-}
-
-.range-slider-hint {
-  font-size: 12px;
-  color: var(--text-muted);
-  min-width: 60px;
-}
-
-/* Help Tooltip */
-.help-tip {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 16px;
-  height: 16px;
-  border-radius: 50%;
-  background: var(--bg-base);
-  color: var(--text-muted);
-  font-size: 11px;
-  cursor: pointer;
-  margin-left: 4px;
-  transition: var(--transition);
-}
-
-.help-tip:hover {
-  background: var(--primary);
-  color: #fff;
-}
-
-/* 字符计数器 */
-.char-counter {
-  font-size: 12px;
-  color: var(--text-muted);
-  text-align: right;
-  margin-top: 4px;
-}
-
-.char-counter.warning {
-  color: var(--warning);
-}
-
-/* 高级参数折叠面板 */
-.advanced-config {
-  margin-top: 24px;
-  border: 1px solid var(--border);
-  border-radius: var(--radius);
-  overflow: hidden;
-}
-
-.advanced-config-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 12px 16px;
-  background: #fafafa;
-  font-size: 13px;
-  font-weight: 500;
-  color: var(--text-secondary);
-  cursor: pointer;
-  transition: var(--transition);
-}
-
-.advanced-config-header:hover {
-  background: var(--bg-base);
-}
-
-.advanced-config-header i {
-  transition: transform 0.2s;
-}
-
-.advanced-config.open .advanced-config-header i {
-  transform: rotate(180deg);
-}
-
-.advanced-config-body {
-  display: none;
-  padding: 16px;
-  background: var(--bg-white);
-}
-
-.advanced-config.open .advanced-config-body {
-  display: block;
-}
-
-/* ========== 知识库详情页 ========== */
-.kb-detail-header {
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  gap: 24px;
-  padding: 24px;
-  background: var(--bg-white);
-  border-radius: var(--radius-lg);
-  border: 1px solid var(--border);
-  margin-bottom: 20px;
-}
-
-.kb-detail-info {
-  flex: 1;
-}
-
-.kb-detail-title {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  font-size: 18px;
-  font-weight: 600;
-  color: var(--text-primary);
-  margin-bottom: 8px;
-}
-
-.kb-detail-desc {
-  font-size: 13px;
-  color: var(--text-secondary);
-  margin-bottom: 12px;
-}
-
-.kb-detail-meta {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 16px;
-  font-size: 12px;
-  color: var(--text-muted);
-}
-
-.kb-detail-meta span {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-}
-
-.kb-detail-actions {
-  display: flex;
-  gap: 8px;
-  flex-shrink: 0;
-}
-
-/* 详情Tab */
-.kb-detail-tabs {
-  display: flex;
-  gap: 4px;
-  background: var(--bg-white);
-  border: 1px solid var(--border);
-  border-radius: var(--radius);
-  padding: 4px;
-  margin-bottom: 20px;
-}
-
-.kb-detail-tab {
-  flex: 1;
-  padding: 10px 20px;
-  border-radius: 6px;
-  font-size: 13px;
-  color: var(--text-secondary);
-  text-align: center;
-  cursor: pointer;
-  transition: var(--transition);
-}
-
-.kb-detail-tab:hover {
-  color: var(--primary);
-}
-
-.kb-detail-tab.active {
-  background: var(--primary);
-  color: #fff;
-}
-
-/* ========== 切片相关 ========== */
-.slice-list {
-  max-height: 400px;
-  overflow-y: auto;
-}
-
-.slice-list-item {
-  padding: 16px;
-  border: 1px solid var(--border);
-  border-radius: var(--radius);
-  margin-bottom: 12px;
-  transition: var(--transition);
-}
-
-.slice-list-item:hover {
-  border-color: var(--primary-light);
-}
-
-.slice-list-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-bottom: 12px;
-}
-
-.slice-list-content {
-  font-size: 13px;
-  line-height: 1.7;
-  color: var(--text-secondary);
-  background: var(--bg-base);
-  padding: 12px;
-  border-radius: var(--radius-sm);
-}
-
-/* 切片编辑 */
-.slice-edit-content textarea {
-  font-family: 'SF Mono', Monaco, monospace;
-  font-size: 13px;
-  line-height: 1.6;
-}
-
-.slice-edit-footer {
-  display: flex;
-  justify-content: space-between;
-  font-size: 12px;
-  color: var(--text-muted);
-  margin-top: 8px;
-}
-
-/* ========== Meta信息表格 ========== */
-.meta-info-table {
-  width: 100%;
-  border-collapse: collapse;
-}
-
-.meta-info-table td {
-  padding: 10px 12px;
-  border-bottom: 1px solid var(--border);
-  font-size: 13px;
-}
-
-.meta-info-table td:first-child {
-  width: 100px;
-  color: var(--text-muted);
-  font-weight: 500;
-}
-
-.meta-info-table tr:last-child td {
-  border-bottom: none;
-}
-
-/* ========== 标签相关 ========== */
-.tag-list {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 8px;
-  margin-bottom: 20px;
-}
-
-.tag {
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  padding: 4px 10px;
-  background: var(--primary-bg);
-  border: 1px solid var(--primary-light);
-  border-radius: 16px;
-  font-size: 12px;
-  color: var(--primary-dark);
-}
-
-.tag-item {
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-  padding: 6px 12px;
-  background: var(--primary-bg);
-  border: 1px solid var(--primary-light);
-  border-radius: 16px;
-  font-size: 13px;
-  color: var(--primary-dark);
-}
-
-.remove-tag {
-  cursor: pointer;
-  opacity: 0.6;
-  transition: var(--transition);
-}
-
-.remove-tag:hover {
-  opacity: 1;
-  color: var(--danger);
-}
-
-.add-tag-input {
-  display: inline-flex;
-  align-items: center;
-}
-
-.add-tag-input input {
-  padding: 6px 12px;
-  border: 1px dashed var(--border);
-  border-radius: 16px;
-  font-size: 13px;
-  outline: none;
-  width: 120px;
-  transition: var(--transition);
-}
-
-.add-tag-input input:focus {
-  border-color: var(--primary);
-  border-style: solid;
-}
-
-/* ========== 命中测试 ========== */
-.hit-test-panel {
-  padding: 24px;
-  background: var(--bg-base);
-  border-radius: var(--radius);
-}
-
-.hit-test-query {
-  display: flex;
-  gap: 12px;
-  margin-bottom: 20px;
-}
-
-.hit-test-query input {
-  flex: 1;
-}
-
-.hit-test-results {
-  max-height: 350px;
-  overflow-y: auto;
-}
-
-.hit-test-result-item {
-  padding: 16px;
-  background: var(--bg-white);
-  border: 1px solid var(--border);
-  border-radius: var(--radius);
-  margin-bottom: 12px;
-}
-
-.hit-test-result-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-bottom: 8px;
-}
-
-.hit-test-result-source {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  font-size: 13px;
-  font-weight: 500;
-  color: var(--text-primary);
-}
-
-.hit-test-result-meta {
-  display: flex;
-  gap: 12px;
-  font-size: 12px;
-  color: var(--text-muted);
-  margin-bottom: 8px;
-}
-
-.hit-test-result-content {
-  font-size: 13px;
-  line-height: 1.7;
-  color: var(--text-secondary);
-  background: var(--bg-base);
-  padding: 12px;
-  border-radius: var(--radius-sm);
-  max-height: 100px;
-  overflow: hidden;
-}
-
-.hit-test-result-content.expanded {
-  max-height: none;
-}
-
-/* 历史记录 */
-.history-record {
-  border: 1px solid var(--border);
-  border-radius: var(--radius);
-  overflow: hidden;
-}
-
-.history-record-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 12px 16px;
-  background: #fafafa;
-  font-size: 13px;
-  font-weight: 500;
-  color: var(--text-secondary);
-  cursor: pointer;
-  transition: var(--transition);
-}
-
-.history-record-header:hover {
-  background: var(--bg-base);
-}
-
-.history-record-body {
-  display: none;
-  max-height: 200px;
-  overflow-y: auto;
-}
-
-.history-record.open .history-record-body {
-  display: block;
-}
-
-.history-record.open .history-record-header i {
-  transform: rotate(180deg);
-}
-
-.history-record-item {
-  padding: 12px 16px;
-  border-bottom: 1px solid var(--border);
-  cursor: pointer;
-  transition: var(--transition);
-}
-
-.history-record-item:last-child {
-  border-bottom: none;
-}
-
-.history-record-item:hover {
-  background: var(--bg-base);
-}
-
-.history-record-time {
-  font-size: 11px;
-  color: var(--text-muted);
-  margin-bottom: 4px;
-}
-
-.history-record-query {
-  font-size: 13px;
-  color: var(--text-primary);
-  margin-bottom: 2px;
-}
-
-.history-record-result {
-  font-size: 12px;
-  color: var(--text-secondary);
-}
-
-/* 快捷问题标签 */
-.quick-questions {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 8px;
-  margin-bottom: 16px;
-}
-
-.quick-question-tag {
-  padding: 6px 12px;
-  background: var(--bg-white);
-  border: 1px solid var(--border);
-  border-radius: 16px;
-  font-size: 12px;
-  color: var(--text-secondary);
-  cursor: pointer;
-  transition: var(--transition);
-}
-
-.quick-question-tag:hover {
-  border-color: var(--primary);
-  color: var(--primary);
-}
-
-/* ========== 下拉菜单 ========== */
-.dropdown {
-  position: relative;
-}
-
-.dropdown-menu {
-  position: absolute;
-  top: 100%;
-  right: 0;
-  background: var(--bg-white);
-  border: 1px solid var(--border);
-  border-radius: var(--radius-sm);
-  box-shadow: var(--shadow);
-  min-width: 140px;
-  z-index: 100;
-  opacity: 0;
-  visibility: hidden;
-  transform: translateY(-4px);
-  transition: all 0.15s ease;
-}
-
-.dropdown.open .dropdown-menu {
-  opacity: 1;
-  visibility: visible;
-  transform: translateY(0);
-}
-
-.dropdown-item {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 10px 14px;
-  font-size: 13px;
-  color: var(--text-secondary);
-  cursor: pointer;
-  transition: var(--transition);
-}
-
-.dropdown-item:hover {
-  background: var(--bg-base);
-  color: var(--text-primary);
-}
-
-.dropdown-item.danger {
-  color: var(--danger);
-}
-
-.dropdown-item.danger:hover {
-  background: #fff2f0;
-}
-
-.dropdown-divider {
-  height: 1px;
-  background: var(--border);
-  margin: 4px 0;
-}
-
-/* ========== 确认弹窗 ========== */
-.confirm-leave-modal p {
-  margin-bottom: 8px;
-  font-size: 14px;
-  color: var(--text-primary);
-}
-
-.confirm-leave-modal .warning-text {
-  color: var(--warning);
-  font-size: 13px;
-}
-
-/* ========== API说明卡片 ========== */
-.api-note {
-  display: flex;
-  align-items: flex-start;
-  gap: 10px;
-  padding: 12px 16px;
-  background: #fffbe6;
-  border: 1px solid #ffe58f;
-  border-radius: var(--radius-sm);
-  font-size: 12.5px;
-  color: #ad8b00;
-  margin-top: 8px;
-}
-
-.api-note i {
-  color: #faad14;
-  flex-shrink: 0;
-  margin-top: 1px;
-}
-
-/* ========== OTA 最新版本确认流 ========== */
-.ota-latest-flow {
-  display: flex;
-  flex-direction: column;
-  gap: 14px;
-}
-
-.ota-latest-hero {
-  display: flex;
-  align-items: flex-start;
-  gap: 14px;
-}
-
-.ota-latest-icon {
-  width: 44px;
-  height: 44px;
-  border-radius: 12px;
-  background: #f6ffed;
-  color: var(--primary);
-  border: 1px solid rgba(82,196,26,0.16);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-}
-
-.ota-latest-icon svg {
-  width: 22px;
-  height: 22px;
-}
-
-.ota-latest-title {
-  font-size: 15px;
-  line-height: 1.35;
-  font-weight: 700;
-  color: var(--text-primary);
-}
-
-.ota-latest-desc {
-  margin-top: 5px;
-  font-size: 13px;
-  line-height: 1.55;
-  color: var(--text-muted);
-}
-
-.ota-version-compare {
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
-  gap: 10px;
-  align-items: center;
-}
-
-.ota-version-box {
-  padding: 11px 12px;
-  border: 1px solid var(--border);
-  border-radius: 12px;
-  background: var(--bg-base);
-}
-
-.ota-version-box.target {
-  background: #f6ffed;
-  border-color: rgba(82,196,26,0.22);
-}
-
-.ota-version-box span {
-  display: block;
-  margin-bottom: 5px;
-  color: var(--text-muted);
-  font-size: 12px;
-}
-
-.ota-version-box strong {
-  color: var(--text-primary);
-  font-size: 14px;
-}
-
-.ota-version-box.target strong {
-  color: var(--primary);
-}
-
-.ota-version-arrow {
-  color: var(--text-muted);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.ota-version-arrow svg {
-  width: 18px;
-  height: 18px;
-}
-
-.ota-latest-section {
-  padding-top: 2px;
-}
-
-.ota-latest-section-title {
-  margin-bottom: 9px;
-  color: var(--text-primary);
-  font-size: 13px;
-  font-weight: 700;
-}
-
-.ota-upgrade-options {
-  display: grid;
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-  gap: 10px;
-}
-
-.ota-upgrade-option {
-  display: flex;
-  align-items: flex-start;
-  gap: 9px;
-  padding: 12px;
-  border: 1px solid var(--border);
-  border-radius: 12px;
-  background: var(--bg-white);
-  cursor: pointer;
-  transition: var(--transition);
-}
-
-.ota-upgrade-option:hover {
-  border-color: rgba(82,196,26,0.28);
-  background: #fbfffa;
-}
-
-.ota-upgrade-option.active {
-  border-color: rgba(82,196,26,0.42);
-  background: #f6ffed;
-  box-shadow: inset 0 0 0 1px rgba(82,196,26,0.08);
-}
-
-.ota-upgrade-option input {
-  margin-top: 2px;
-  accent-color: var(--primary);
-}
-
-.ota-upgrade-option strong {
-  display: block;
-  color: var(--text-primary);
-  font-size: 13px;
-  line-height: 1.25;
-}
-
-.ota-upgrade-option small {
-  display: block;
-  margin-top: 5px;
-  color: var(--text-muted);
-  font-size: 12px;
-  line-height: 1.45;
-}
-
-.ota-latest-task-config {
-  padding: 12px;
-  border: 1px solid var(--border);
-  border-radius: 12px;
-  background: var(--bg-base);
-}
-
-.ota-upgrade-preview {
-  min-height: 40px;
-  padding: 10px 12px;
-  border: 1px solid rgba(82,196,26,0.18);
-  border-radius: 10px;
-  background: #f6ffed;
-  color: var(--primary);
-  font-size: 14px;
-  font-weight: 700;
-}
-
-@media (max-width: 640px) {
-  .ota-version-compare,
-  .ota-upgrade-options {
-    grid-template-columns: 1fr;
-  }
-
-  .ota-version-arrow {
-    transform: rotate(90deg);
-  }
-}
-
-/* ========== 错误提示 ========== */
-.error-tip {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  font-size: 12px;
-  color: var(--danger);
-  margin-top: 4px;
-}
-
-/* ========== 解析进度 ========== */
-.parse-progress {
-  margin-top: 16px;
-}
-
-.parse-progress-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  font-size: 12px;
-  color: var(--text-secondary);
-  margin-bottom: 8px;
-}
-
-.parse-progress-bar {
-  height: 6px;
-  background: var(--border);
-  border-radius: 3px;
-  overflow: hidden;
-}
-
-.parse-progress-fill {
-  height: 100%;
-  background: var(--primary-gradient);
-  border-radius: 3px;
-  transition: width 0.3s ease;
-}
-
-/* ========== 保存草稿提示 ========== */
-.save-draft-hint {
-  font-size: 12px;
-  color: var(--text-muted);
-  margin-top: 8px;
-  display: flex;
-  align-items: center;
-  gap: 6px;
-}
-
-/* ========== 类目管理抽屉 ========== */
-.drawer-overlay {
-  position: fixed;
-  inset: 0;
-  background: rgba(0,0,0,0.45);
-  z-index: 1000;
-  opacity: 0;
-  pointer-events: none;
-  transition: opacity 0.2s;
-}
-
-.drawer-overlay.open {
-  opacity: 1;
-  pointer-events: all;
-}
-
-.drawer {
-  position: fixed;
-  top: 0;
-  right: 0;
-  width: 480px;
-  max-width: 90vw;
-  height: 100vh;
-  background: var(--bg-white);
-  box-shadow: var(--shadow-lg);
-  transform: translateX(100%);
-  transition: transform 0.25s ease;
-  z-index: 1001;
-  display: flex;
-  flex-direction: column;
-}
-
-.drawer.open {
-  transform: translateX(0);
-}
-
-.drawer-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 16px 20px;
-  border-bottom: 1px solid var(--border);
-}
-
-.drawer-title {
-  font-size: 16px;
-  font-weight: 600;
-}
-
-.drawer-close {
-  width: 28px;
-  height: 28px;
-  border-radius: 6px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: var(--text-muted);
-  cursor: pointer;
-  transition: var(--transition);
-}
-
-.drawer-close:hover {
-  background: var(--bg-base);
-  color: var(--text-primary);
-}
-
-.drawer-body {
-  flex: 1;
-  padding: 20px;
-  overflow-y: auto;
-}
-
-.drawer-footer {
-  display: flex;
-  justify-content: flex-end;
-  gap: 12px;
-  padding: 16px 20px;
-  border-top: 1px solid var(--border);
-}
-
-/* ========== Tooltip弹窗样式 ========== */
-.tooltip-modal-content {
-  padding: 8px;
-}
-
-.tooltip-modal-item {
-  padding: 12px 16px;
-  border-radius: var(--radius-sm);
-  transition: var(--transition);
-}
-
-.tooltip-modal-item:hover {
-  background: var(--bg-base);
-}
-
-.tooltip-modal-item-title {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  font-size: 14px;
-  font-weight: 600;
-  color: var(--text-primary);
-  margin-bottom: 4px;
-}
-
-.tooltip-modal-item-desc {
-  font-size: 13px;
-  color: var(--text-secondary);
-  line-height: 1.5;
-  padding-left: 28px;
-}
-
-/* ========== 帮助弹窗内容 ========== */
-.help-modal-content {
-  max-height: 400px;
-  overflow-y: auto;
-}
-
-.help-modal-item {
-  padding: 16px;
-  border-bottom: 1px solid var(--border);
-}
-
-.help-modal-item:last-child {
-  border-bottom: none;
-}
-
-.help-modal-item-title {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  font-size: 14px;
-  font-weight: 600;
-  color: var(--text-primary);
-  margin-bottom: 8px;
-}
-
-.help-modal-item-icon {
-  width: 32px;
-  height: 32px;
-  border-radius: var(--radius-sm);
-  background: var(--primary-bg);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: var(--primary);
-}
-
-.help-modal-item-desc {
-  font-size: 13px;
-  color: var(--text-secondary);
-  line-height: 1.6;
-  padding-left: 42px;
-}
-
-/* ========== 解析失败提示 ========== */
-.parse-error-tip {
-  display: flex;
-  align-items: flex-start;
-  gap: 8px;
-  padding: 12px 16px;
-  background: #fff2f0;
-  border: 1px solid #ffccc7;
-  border-radius: var(--radius-sm);
-  font-size: 13px;
-  color: var(--danger);
-  margin-top: 12px;
-}
-
-/* ========== 无权限状态 ========== */
-.no-permission {
-  text-align: center;
-  padding: 60px 20px;
-}
-
-.no-permission-icon {
-  width: 80px;
-  height: 80px;
-  margin: 0 auto 24px;
-  background: #fff2f0;
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: var(--danger);
-}
-
-.no-permission-title {
-  font-size: 18px;
-  font-weight: 600;
-  color: var(--text-primary);
-  margin-bottom: 8px;
-}
-
-.no-permission-desc {
-  font-size: 14px;
-  color: var(--text-muted);
-  margin-bottom: 24px;
-}
-
-/* ========== 网络异常状态 ========== */
-.network-error {
-  text-align: center;
-  padding: 60px 20px;
-}
-
-.network-error-icon {
-  width: 80px;
-  height: 80px;
-  margin: 0 auto 24px;
-  background: #fffbe6;
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: var(--warning);
-}
-
-.network-error-title {
-  font-size: 18px;
-  font-weight: 600;
-  color: var(--text-primary);
-  margin-bottom: 8px;
-}
-
-.network-error-desc {
-  font-size: 14px;
-  color: var(--text-muted);
-  margin-bottom: 24px;
-}
-
-/* ========== Diff对比 ========== */
-.diff-viewer {
-  font-family: 'SF Mono', Monaco, monospace;
-  font-size: 13px;
-  line-height: 1.6;
-  border: 1px solid var(--border);
-  border-radius: var(--radius);
-  overflow: hidden;
-}
-
-.diff-row {
-  display: flex;
-  padding: 4px 12px;
-}
-
-.diff-row.added {
-  background: #f6ffed;
-  color: var(--success);
-}
-
-.diff-row.removed {
-  background: #fff2f0;
-  color: var(--danger);
-}
-
-.diff-row-number {
-  width: 40px;
-  color: var(--text-muted);
-  user-select: none;
-}
-
-.diff-row-content {
-  flex: 1;
-}
-
-/* ========== 响应式调整 ========== */
-@media (max-width: 768px) {
-  .kb-type-grid {
-    grid-template-columns: 1fr;
-  }
-
-  .file-compare {
-    grid-template-columns: 1fr;
-  }
-
-  .kb-detail-header {
-    flex-direction: column;
-  }
-
-  .kb-detail-actions {
-    width: 100%;
-    justify-content: flex-start;
-  }
-
-  .wizard-steps {
-    padding: 0;
-  }
-
-  .wizard-step-label {
-    display: none;
-  }
-}
-
-/* ========== 打印样式 ========== */
-@media print {
-  .sidebar,
-  .topbar,
-  .no-print {
-    display: none !important;
-  }
-
-  .main-content {
-    width: 100% !important;
-    margin: 0 !important;
-  }
-
-  .page-container {
-    padding: 0 !important;
-  }
-}
-
-
-/* ========== 应用管理页面样式 ========== */
-.app-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
-  gap: 16px;
-}
-
-.app-card {
-  background: var(--bg-card);
-  border: 1px solid var(--border);
-  border-radius: var(--radius-lg);
-  padding: 16px;
-  transition: var(--transition);
-  box-shadow: var(--shadow-sm);
-}
-
-.app-card:hover {
-  box-shadow: var(--shadow);
-  border-color: var(--primary-light);
-}
-
-.app-card-new {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  min-height: 200px;
-  border-style: dashed;
-  cursor: pointer;
-  color: var(--text-muted);
-}
-
-.app-card-new:hover {
-  border-color: var(--primary);
-  color: var(--primary);
-  background: var(--primary-bg);
-}
-
-.app-card-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-bottom: 12px;
-}
-
-.app-type-badge {
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  padding: 2px 8px;
-  border-radius: 20px;
-  font-size: 11.5px;
-  font-weight: 500;
-}
-
-.app-card-body {
-  display: flex;
-  align-items: flex-start;
-  gap: 12px;
-  margin-bottom: 12px;
-}
-
-.app-icon {
-  width: 48px;
-  height: 48px;
-  border-radius: var(--radius);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-}
-
-.app-info {
-  flex: 1;
-  min-width: 0;
-}
-
-.app-name {
-  font-size: 15px;
-  font-weight: 600;
-  color: var(--text-primary);
-  margin-bottom: 4px;
-}
-
-.app-desc {
-  font-size: 12.5px;
-  color: var(--text-secondary);
-  line-height: 1.5;
-  display: -webkit-box;
-  -webkit-line-clamp: 2;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-}
-
-.app-meta {
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-  margin-bottom: 12px;
-  padding: 10px;
-  background: var(--bg-base);
-  border-radius: var(--radius-sm);
-}
-
-.app-meta-item {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  font-size: 12.5px;
-}
-
-.app-meta-label {
-  color: var(--text-muted);
-}
-
-.app-meta-val {
-  color: var(--text-primary);
-  font-weight: 500;
-}
-
-.app-card-actions {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 10px;
-  position: relative;
-}
-
-.app-action-config {
-  flex: 1;
-  min-height: 40px;
-  justify-content: center;
-  font-size: 13.5px;
-  font-weight: 600;
-}
-
-.app-action-more {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  position: relative;
-  flex-shrink: 0;
-}
-
-.app-action-more-trigger {
-  width: 40px;
-  height: 40px;
-  padding: 0;
-  justify-content: center;
-  border-radius: 10px;
-}
-
-.app-action-more-trigger i,
-.app-action-more-trigger svg {
-  width: 18px;
-  height: 18px;
-}
-
-.app-action-menu {
-  position: absolute;
-  right: 0;
-  top: calc(100% + 8px);
-  z-index: 80;
-  min-width: 156px;
-  padding: 6px;
-  border: 1px solid var(--border);
-  border-radius: 12px;
-  background: var(--bg-white);
-  box-shadow: 0 14px 34px rgba(19,45,26,0.12);
-  opacity: 0;
-  visibility: hidden;
-  transform: translateY(-4px);
-  transition: opacity 0.15s ease, transform 0.15s ease, visibility 0.15s ease;
-}
-
-.app-action-more.open .app-action-menu {
-  opacity: 1;
-  visibility: visible;
-  transform: translateY(0);
-}
-
-.app-action-menu::after {
-  content: '';
-  position: absolute;
-  right: 14px;
-  top: -5px;
-  width: 10px;
-  height: 10px;
-  background: var(--bg-white);
-  border-left: 1px solid var(--border);
-  border-top: 1px solid var(--border);
-  transform: rotate(45deg);
-}
-
-.app-action-menu-item {
-  width: 100%;
-  display: flex;
-  align-items: center;
-  gap: 9px;
-  padding: 9px 10px;
-  border: 0;
-  border-radius: 8px;
-  background: transparent;
-  color: var(--text-secondary);
-  font-size: 13px;
-  line-height: 1;
-  text-align: left;
-  cursor: pointer;
-  transition: var(--transition);
-}
-
-.app-action-menu-item:hover {
-  background: var(--bg-base);
-  color: var(--text-primary);
-}
-
-.app-action-menu-item.danger {
-  color: var(--danger);
-}
-
-.app-action-menu-item.danger:hover {
-  background: #fff1f0;
-}
-
-.app-action-menu-item i,
-.app-action-menu-item svg {
-  width: 15px;
-  height: 15px;
-  flex-shrink: 0;
-}
-
-.app-recycle-count {
-  min-width: 18px;
-  height: 18px;
-  padding: 0 6px;
-  border-radius: 999px;
-  background: var(--primary-bg);
-  color: var(--primary);
-  font-size: 11px;
-  font-weight: 700;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.app-recycle-note {
-  display: flex;
-  gap: 10px;
-  align-items: flex-start;
-  padding: 12px;
-  border: 1px solid #b7eb8f;
-  border-radius: 10px;
-  background: #f6ffed;
-  color: var(--text-secondary);
-  font-size: 13px;
-  line-height: 1.55;
-}
-
-.app-recycle-note i,
-.app-recycle-note svg {
-  width: 16px;
-  height: 16px;
-  color: var(--primary);
-  flex-shrink: 0;
-  margin-top: 2px;
-}
-
-.app-recycle-note strong,
-.app-recycle-note span {
-  display: block;
-}
-
-.app-recycle-note strong {
-  color: var(--text-primary);
-  margin-bottom: 2px;
-}
-
-.app-recycle-panel {
-  display: flex;
-  flex-direction: column;
-  gap: 14px;
-}
-
-.app-recycle-summary {
-  display: flex;
-  justify-content: space-between;
-  gap: 16px;
-  padding: 14px;
-  border: 1px solid var(--border);
-  border-radius: 12px;
-  background: var(--bg-base);
-}
-
-.app-recycle-summary strong {
-  display: block;
-  font-size: 24px;
-  line-height: 1;
-  color: var(--primary);
-  margin-bottom: 5px;
-}
-
-.app-recycle-summary span,
-.app-recycle-summary p {
-  font-size: 12.5px;
-  color: var(--text-muted);
-}
-
-.app-recycle-summary p {
-  max-width: 520px;
-  margin: 0;
-  line-height: 1.6;
-}
-
-.app-recycle-list {
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-  max-height: 52vh;
-  overflow-y: auto;
-  padding-right: 2px;
-}
-
-.app-recycle-item {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 14px;
-  padding: 14px;
-  border: 1px solid var(--border);
-  border-radius: 12px;
-  background: var(--bg-card);
-  transition: var(--transition);
-}
-
-.app-recycle-item:hover {
-  border-color: var(--primary-light);
-  box-shadow: var(--shadow-sm);
-}
-
-.app-recycle-item-main {
-  display: flex;
-  gap: 12px;
-  align-items: flex-start;
-  min-width: 0;
-}
-
-.app-recycle-icon {
-  width: 40px;
-  height: 40px;
-  border-radius: 10px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-}
-
-.app-recycle-icon i,
-.app-recycle-icon svg {
-  width: 19px;
-  height: 19px;
-}
-
-.app-recycle-name {
-  font-size: 14px;
-  font-weight: 700;
-  color: var(--text-primary);
-  margin-bottom: 6px;
-}
-
-.app-recycle-meta,
-.app-recycle-time {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 8px;
-  font-size: 12px;
-  color: var(--text-muted);
-  line-height: 1.5;
-}
-
-.app-recycle-time {
-  margin-top: 4px;
-}
-
-.app-recycle-actions {
-  display: flex;
-  gap: 8px;
-  align-items: center;
-  flex-shrink: 0;
-}
-
-.btn-ghost.danger {
-  color: var(--danger);
-}
-
-.btn-ghost.danger:hover {
-  background: #fff1f0;
-  border-color: #ffccc7;
-}
-
-.app-recycle-empty {
-  min-height: 220px;
-}
-
-/* 应用类型选择器 */
-.app-type-selector {
-  display: block;
-  padding: 12px;
-  border: 1px solid var(--border);
-  border-radius: var(--radius);
-  cursor: pointer;
-  transition: var(--transition);
-}
-
-.app-type-selector:hover {
-  border-color: var(--primary);
-}
-
-.app-type-selector.selected {
-  border-color: var(--primary);
-  background: var(--primary-bg);
-  box-shadow: 0 0 0 2px rgba(82, 196, 26, 0.2);
-}
-
-/* ==========================================
-   应用配置页面样式 (agent-config)
-   ========================================== */
-
-/* 整体布局 */
-.agent-config-layout {
-  display: grid;
-  grid-template-columns: 640px minmax(0, 1fr);
-  gap: 24px;
-  height: calc(100vh - var(--topbar-height));
-  min-height: 0;
-  padding: 24px;
-  background:
-    linear-gradient(180deg, rgba(246,255,237,0.72) 0%, rgba(247,250,247,0) 220px),
-    #f7faf7;
-}
-
-.agent-config-left {
-  display: flex;
-  flex-direction: column;
-  min-height: 0;
-  overflow: hidden;
-  width: 640px;
-}
-
-.agent-config-scroll {
-  flex: 1;
-  min-height: 0;
-  overflow-y: auto;
-  overflow-x: hidden;
-  padding: 0 4px 0 0;
-  scrollbar-gutter: stable;
-}
-
-.agent-config-right {
-  display: flex;
-  flex-direction: column;
-  min-height: 0;
-  min-width: 0;
-}
-
-/* 应用标题栏 */
-.agent-config-title-bar {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 16px;
-  padding: 18px 20px;
-  background: var(--bg-white);
-  border: 1px solid var(--border);
-  border-radius: 8px;
-  margin-bottom: 16px;
-  flex-shrink: 0;
-  box-shadow: 0 8px 22px rgba(82,196,26,0.05);
-}
-
-.agent-title-info {
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-}
-
-.agent-title-main {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-
-.agent-title-text {
-  font-size: 19px;
-  font-weight: 700;
-  color: var(--text-primary);
-  outline: none;
-  padding: 4px 8px;
-  border-radius: var(--radius-sm);
-  border: 1px solid transparent;
-  transition: var(--transition);
-  max-width: 300px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  cursor: default;
-}
-
-.agent-title-text:hover {
-  border-color: transparent;
-  background: transparent;
-}
-
-.agent-title-text:focus {
-  border-color: var(--primary);
-  background: var(--bg-white);
-}
-
-.agent-title-meta {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  flex-wrap: wrap;
-}
-
-.agent-title-actions {
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  gap: 8px;
-  flex-shrink: 0;
-}
-
-.agent-id-text {
-  font-size: 12px;
-  color: var(--text-muted);
-  font-family: 'SF Mono', Monaco, monospace;
-}
-
-.autosave-status {
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  font-size: 12px;
-  color: var(--text-muted);
-  padding: 3px 8px;
-  border-radius: 999px;
-  background: var(--bg-base);
-  white-space: nowrap;
-}
-
-.autosave-status.saved {
-  color: var(--success);
-  background: #f6ffed;
-}
-
-.autosave-status.saving,
-.autosave-status.dirty {
-  color: var(--text-secondary);
-  background: #fafafa;
-}
-
-.autosave-status.error {
-  color: var(--danger);
-  background: #fff2f0;
-}
-
-.version-history-panel {
-  display: flex;
-  flex-direction: column;
-  gap: 14px;
-}
-
-.version-history-desc {
-  font-size: 13px;
-  line-height: 1.6;
-  color: var(--text-muted);
-  padding: 10px 12px;
-  border: 1px solid var(--border);
-  border-radius: 8px;
-  background: var(--bg-base);
-}
-
-.version-timeline {
-  max-height: 62vh;
-  overflow-y: auto;
-  padding-right: 4px;
-}
-
-.version-timeline-item {
-  display: grid;
-  grid-template-columns: 34px minmax(0, 1fr);
-  gap: 12px;
-}
-
-.version-timeline-line {
-  position: relative;
-  display: flex;
-  justify-content: center;
-}
-
-.version-timeline-line::after {
-  content: '';
-  position: absolute;
-  top: 30px;
-  bottom: -14px;
-  width: 1px;
-  background: var(--border);
-}
-
-.version-timeline-item:last-child .version-timeline-line::after {
-  display: none;
-}
-
-.version-timeline-dot {
-  position: relative;
-  z-index: 1;
-  width: 30px;
-  height: 30px;
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: var(--text-secondary);
-  background: var(--bg-white);
-  border: 1px solid var(--border);
-}
-
-.version-timeline-item.current .version-timeline-dot {
-  color: var(--primary);
-  border-color: var(--primary-light);
-  background: var(--primary-bg);
-}
-
-.version-timeline-item.online .version-timeline-dot {
-  color: var(--success);
-  border-color: #b7eb8f;
-  background: #f6ffed;
-}
-
-.version-card {
-  margin-bottom: 14px;
-  padding: 14px;
-  border: 1px solid var(--border);
-  border-radius: 8px;
-  background: var(--bg-white);
-}
-
-.version-card-head {
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  gap: 12px;
-  margin-bottom: 12px;
-}
-
-.version-card-title {
-  font-size: 14px;
-  font-weight: 700;
-  color: var(--text-primary);
-}
-
-.version-card-subtitle {
-  margin-top: 4px;
-  font-size: 12px;
-  color: var(--text-muted);
-}
-
-.version-meta-grid,
-.version-publish-summary {
-  display: grid;
-  grid-template-columns: repeat(3, minmax(0, 1fr));
-  gap: 10px;
-}
-
-.version-meta-grid div,
-.version-publish-summary div {
-  padding: 10px;
-  border-radius: 8px;
-  background: var(--bg-base);
-  min-width: 0;
-}
-
-.version-meta-grid span,
-.version-publish-summary span,
-.version-info span {
-  display: block;
-  margin-bottom: 4px;
-  font-size: 12px;
-  color: var(--text-muted);
-}
-
-.version-meta-grid strong,
-.version-publish-summary strong {
-  display: block;
-  min-width: 0;
-  font-size: 12px;
-  font-weight: 600;
-  color: var(--text-primary);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.version-info {
-  margin-top: 12px;
-}
-
-.version-info p {
-  margin: 0;
-  font-size: 13px;
-  line-height: 1.7;
-  color: var(--text-secondary);
-}
-
-.publish-version-form {
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-}
-
-.version-publish-summary {
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-}
-
-.hotword-library-summary {
-  flex: 1;
-  min-width: 0;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 12px;
-  padding: 12px;
-  border: 1px solid var(--border);
-  border-radius: 8px;
-  background: var(--bg-base);
-}
-
-.hotword-summary-main {
-  min-width: 0;
-}
-
-.hotword-summary-title {
-  font-size: 13px;
-  font-weight: 700;
-  color: var(--text-primary);
-  margin-bottom: 4px;
-}
-
-.hotword-summary-desc {
-  font-size: 12px;
-  line-height: 1.5;
-  color: var(--text-muted);
-}
-
-.hotword-manager,
-.hotword-editor {
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-}
-
-.modal.hotword-editor-modal {
-  height: min(760px, 90vh);
-  display: flex;
-  flex-direction: column;
-  padding: 0;
-  overflow: hidden;
-}
-
-.hotword-editor-modal .modal-header {
-  flex-shrink: 0;
-  margin-bottom: 0;
-  padding: 24px 28px 18px;
-  border-bottom: 1px solid var(--border);
-}
-
-.hotword-editor-modal .modal-body {
-  flex: 1;
-  min-height: 0;
-  padding: 18px 28px;
-  overflow: hidden;
-}
-
-.hotword-editor-modal .modal-footer {
-  flex-shrink: 0;
-  margin-top: 0;
-  padding: 16px 28px 20px;
-  background: var(--bg-white);
-  border-top: 1px solid var(--border);
-}
-
-.hotword-editor-modal .hotword-editor {
-  height: 100%;
-  min-height: 0;
-}
-
-.hotword-manager-head,
-.hotword-editor-head {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 12px;
-}
-
-.hotword-manager-title {
-  font-size: 14px;
-  font-weight: 700;
-  color: var(--text-primary);
-}
-
-.hotword-manager-desc {
-  margin-top: 4px;
-  font-size: 12px;
-  line-height: 1.5;
-  color: var(--text-muted);
-}
-
-.hotword-group-list {
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-  max-height: 52vh;
-  overflow-y: auto;
-}
-
-.hotword-group-item {
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) 72px 150px 168px;
-  gap: 12px;
-  align-items: center;
-  padding: 12px;
-  border: 1px solid var(--border);
-  border-radius: 8px;
-  background: var(--bg-white);
-}
-
-.hotword-group-name {
-  font-size: 13px;
-  font-weight: 700;
-  color: var(--text-primary);
-  margin-bottom: 4px;
-}
-
-.hotword-group-preview,
-.hotword-group-time,
-.hotword-group-count {
-  font-size: 12px;
-  line-height: 1.5;
-  color: var(--text-muted);
-}
-
-.hotword-group-count {
-  color: var(--text-secondary);
-  font-weight: 600;
-}
-
-.hotword-group-actions {
-  display: flex;
-  justify-content: flex-end;
-  gap: 6px;
-}
-
-.hotword-entry-list {
-  border: 1px solid var(--border);
-  border-radius: 8px;
-  overflow: hidden;
-  max-height: 360px;
-  overflow-y: auto;
-  background: var(--bg-white);
-}
-
-.hotword-editor-modal .hotword-entry-list {
-  flex: 1;
-  min-height: 160px;
-  max-height: none;
-  overflow-y: auto;
-}
-
-.hotword-entry-row {
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) 120px 96px;
-  gap: 10px;
-  align-items: center;
-  padding: 10px;
-  border-bottom: 1px solid var(--border);
-}
-
-.hotword-entry-row:last-child {
-  border-bottom: 0;
-}
-
-.hotword-empty-row {
-  padding: 24px 16px;
-  text-align: center;
-  font-size: 13px;
-  color: var(--text-muted);
-}
-
-.hotword-select-list {
-  display: grid;
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-  gap: 10px;
-}
-
-.hotword-select-card {
-  display: flex;
-  align-items: flex-start;
-  gap: 10px;
-  padding: 12px;
-  border: 1px solid var(--border);
-  border-radius: 8px;
-  background: var(--bg-white);
-  cursor: pointer;
-  transition: var(--transition);
-}
-
-.hotword-select-card input {
-  display: none;
-}
-
-.hotword-select-card:hover {
-  border-color: var(--primary-light);
-  background: var(--primary-bg);
-}
-
-.hotword-select-card.selected {
-  border-color: var(--primary);
-  background: var(--primary-bg);
-  box-shadow: 0 0 0 2px rgba(82,196,26,0.08);
-}
-
-.hotword-select-check {
-  width: 22px;
-  height: 22px;
-  border-radius: 6px;
-  border: 1px solid var(--border-dark);
-  color: transparent;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  margin-top: 2px;
-}
-
-.hotword-select-card.selected .hotword-select-check {
-  border-color: var(--primary);
-  background: var(--primary);
-  color: #fff;
-}
-
-.hotword-select-main {
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-}
-
-.hotword-select-name {
-  font-size: 13px;
-  font-weight: 700;
-  color: var(--text-primary);
-}
-
-.hotword-select-preview,
-.hotword-select-time {
-  font-size: 12px;
-  line-height: 1.5;
-  color: var(--text-muted);
-}
-
-/* 配置区块 */
-.config-section {
-  background: var(--bg-white);
-  border: 1px solid var(--border);
-  border-radius: 8px;
-  padding: 18px 20px;
-  margin-bottom: 16px;
-  flex-shrink: 0;
-  box-shadow: 0 1px 2px rgba(18,45,18,0.03);
-}
-
-.config-section-head {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-bottom: 12px;
-}
-
-.config-section-title {
-  font-size: 14px;
-  font-weight: 600;
-  color: var(--text-primary);
-}
-
-.config-section-tip {
-  font-size: 12px;
-  color: var(--text-muted);
-}
-
-/* 模块标签 */
-.module-tabs {
-  display: flex;
-  gap: 6px;
-  background: var(--bg-white);
-  border: 1px solid var(--border);
-  border-radius: 8px;
-  padding: 6px;
-  margin-bottom: 16px;
-  flex-shrink: 0;
-  position: sticky;
-  top: 0;
-  z-index: 20;
-  box-shadow: 0 8px 20px rgba(82,196,26,0.06);
-}
-
-.module-tab {
-  flex: 1;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 6px;
-  padding: 10px 12px;
-  border-radius: 6px;
-  font-size: 13px;
-  color: var(--text-secondary);
-  cursor: pointer;
-  transition: var(--transition);
-  text-align: center;
-}
-
-.module-tab:hover {
-  color: var(--primary);
-  background: #f7fbf6;
-}
-
-.module-tab.active {
-  background: var(--primary);
-  color: #fff;
-  box-shadow: 0 4px 10px rgba(82,196,26,0.16);
-}
-
-.module-tab.active .help-tip {
-  background: rgba(255,255,255,0.2);
-  color: #fff;
-}
-
-.module-tab .help-tip {
-  width: 16px;
-  height: 16px;
-  font-size: 10px;
-  background: var(--bg-base);
-}
-
-/* 模块内容区 */
-.module-content {
-  flex: none;
-  overflow: visible;
-  background: transparent;
-  border: 0;
-  border-radius: 0;
-  min-height: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 18px;
-}
-
-.config-module-section {
-  background: var(--bg-white);
-  border: 1px solid var(--border);
-  border-radius: 8px;
-  overflow: hidden;
-  scroll-margin-top: 76px;
-  box-shadow: 0 1px 2px rgba(18,45,18,0.03);
-}
-
-.config-module-heading {
-  padding: 18px 20px;
-  border-bottom: 1px solid var(--border);
-  background: #fbfdfb;
-}
-
-.config-module-heading-main {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-}
-
-.config-module-icon {
-  width: 32px;
-  height: 32px;
-  border-radius: var(--radius-sm);
-  background: var(--primary-bg);
-  color: var(--primary);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-}
-
-.config-module-title {
-  font-size: 15px;
-  font-weight: 700;
-  color: var(--text-primary);
-  line-height: 1.4;
-}
-
-.config-module-desc {
-  margin-top: 2px;
-  font-size: 12px;
-  color: var(--text-muted);
-  line-height: 1.5;
-}
-
-.module-panel {
-  padding: 18px 20px;
-}
-
-/* 配置行 */
-.config-row {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 14px 0;
-  border-bottom: 1px solid var(--border);
-  gap: 16px;
-}
-
-.config-row:last-child {
-  border-bottom: none;
-}
-
-.config-row.indent {
-  padding-left: 18px;
-}
-
-.prompt-config-row {
-  display: block;
-}
-
-.prompt-editor-field {
-  width: 100%;
-  min-width: 0;
-}
-
-.config-row-label {
-  font-size: 13px;
-  color: var(--text-primary);
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  flex-shrink: 0;
-  line-height: 1.5;
-}
-
-/* 配置子区块 */
-.config-subsection {
-  margin-bottom: 20px;
-}
-
-.config-subsection-title {
-  font-size: 13px;
-  font-weight: 700;
-  color: var(--text-primary);
-  margin-bottom: 14px;
-  display: flex;
-  align-items: center;
-  gap: 6px;
-}
-
-.config-subsection-subtitle {
-  font-size: 12px;
-  color: var(--text-secondary);
-  margin: 12px 0 8px;
-  padding-left: 16px;
-}
-
-/* 表单控件尺寸 */
-.form-control-sm {
-  padding: 6px 10px;
-  font-size: 13px;
-}
-
-select.form-control-sm {
-  max-width: 200px;
-}
-
-/* 芯片组 */
-.chip-group {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 6px;
-}
-
-.chip {
-  display: inline-flex;
-  align-items: center;
-  padding: 4px 10px;
-  border: 1px solid var(--border);
-  border-radius: 999px;
-  font-size: 12px;
-  color: var(--text-secondary);
-  cursor: pointer;
-  transition: var(--transition);
-  user-select: none;
-}
-
-.chip input[type="checkbox"] {
-  display: none;
-}
-
-.chip:hover {
-  border-color: var(--primary-light);
-}
-
-.chip.selected {
-  border-color: var(--primary);
-  background: var(--primary-bg);
-  color: var(--primary);
-}
-
-/* 单选框组 */
-.radio-group {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 8px;
-}
-
-.radio-item {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  padding: 6px 12px;
-  border: 1px solid var(--border);
-  border-radius: var(--radius-sm);
-  font-size: 13px;
-  color: var(--text-secondary);
-  cursor: pointer;
-  transition: var(--transition);
-}
-
-.radio-item:has(input:checked) {
-  border-color: var(--primary);
-  background: var(--primary-bg);
-  color: var(--primary);
-}
-
-.radio-item input[type="radio"] {
-  accent-color: var(--primary);
-}
-
-/* 提示词编辑器 */
-.prompt-editor-wrap {
-  position: relative;
-  border: 1px solid var(--border);
-  border-radius: var(--radius);
-  overflow: hidden;
-}
-
-.prompt-editor {
-  width: 100%;
-  height: 400px;
-  min-height: 400px;
-  resize: vertical;
-  border: none;
-  outline: none;
-  padding: 12px;
-  font-size: 13px;
-  line-height: 1.7;
-  font-family: inherit;
-  background: var(--bg-white);
-}
-
-.prompt-toolbar {
-  display: flex;
-  gap: 4px;
-  padding: 6px 12px;
-  background: #fafafa;
-  border-top: 1px solid var(--border);
-}
-
-.btn-xs {
-  padding: 3px 8px;
-  font-size: 11px;
-}
-
-.prompt-char-count {
-  position: absolute;
-  bottom: 8px;
-  right: 12px;
-  font-size: 11px;
-  color: var(--text-muted);
-  background: rgba(255,255,255,0.9);
-  padding: 2px 6px;
-  border-radius: 4px;
-}
-
-/* 知识库列表 */
-.kb-list {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
-
-.kb-item {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  padding: 10px 12px;
-  background: var(--bg-base);
-  border-radius: var(--radius);
-  flex: 1;
-}
-
-/* 底部操作栏 */
-.agent-config-footer {
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  gap: 10px;
-  padding: 16px 20px;
-  background: var(--bg-white);
-  border: 1px solid var(--border);
-  border-radius: var(--radius-lg);
-  margin-top: 16px;
-  flex-shrink: 0;
-}
-
-/* 技能网格 */
-.skill-grid {
-  display: grid;
-  grid-template-columns: repeat(5, 1fr);
-  gap: 8px;
-}
-
-.skill-item {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 6px;
-  padding: 12px 8px;
-  border: 1px solid var(--border);
-  border-radius: var(--radius);
-  cursor: pointer;
-  transition: var(--transition);
-  position: relative;
-  opacity: 0.5;
-}
-
-.skill-item.enabled {
-  opacity: 1;
-  border-color: var(--primary-light);
-  background: var(--primary-bg);
-}
-
-.skill-item:hover {
-  opacity: 1;
-  border-color: var(--primary);
-}
-
-.skill-item.add-skill {
-  border-style: dashed;
-  opacity: 0.7;
-}
-
-.skill-item.add-skill:hover {
-  opacity: 1;
-  border-color: var(--primary);
-  background: var(--primary-bg);
-}
-
-.skill-icon {
-  width: 32px;
-  height: 32px;
-  border-radius: var(--radius-sm);
-  background: var(--bg-base);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: var(--text-secondary);
-}
-
-.skill-item.enabled .skill-icon {
-  background: var(--primary);
-  color: #fff;
-}
-
-.skill-name {
-  font-size: 11px;
-  color: var(--text-secondary);
-  text-align: center;
-}
-
-.skill-item.enabled .skill-name {
-  color: var(--primary-dark);
-  font-weight: 500;
-}
-
-.skill-del {
-  position: absolute;
-  top: 4px;
-  right: 4px;
-  width: 16px;
-  height: 16px;
-  border-radius: 50%;
-  background: var(--danger);
-  color: #fff;
-  font-size: 12px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  opacity: 0;
-  transition: var(--transition);
-}
-
-.skill-item.enabled:hover .skill-del {
-  opacity: 1;
-}
-
-/* ==========================================
-   对话测试面板样式
-   ========================================== */
-
-.chat-test-panel {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  background: var(--bg-white);
-  border: 1px solid var(--border);
-  border-radius: 8px;
-  overflow: hidden;
-  box-shadow: 0 8px 22px rgba(82,196,26,0.05);
-}
-
-.chat-test-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 16px 18px;
-  border-bottom: 1px solid var(--border);
-  flex-shrink: 0;
-  background: #fbfdfb;
-}
-
-.preview-title {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  min-width: 0;
-}
-
-.preview-title-icon {
-  width: 32px;
-  height: 32px;
-  border-radius: 8px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: var(--primary);
-  background: var(--primary-bg);
-  flex-shrink: 0;
-}
-
-.preview-title-main {
-  font-size: 14px;
-  font-weight: 700;
-  color: var(--text-primary);
-  line-height: 1.4;
-}
-
-.preview-title-sub {
-  margin-top: 2px;
-  font-size: 12px;
-  color: var(--text-muted);
-  line-height: 1.4;
-}
-
-.chat-messages {
-  flex: 1;
-  overflow-y: auto;
-  padding: 24px;
-  display: flex;
-  flex-direction: column;
-  gap: 14px;
-  min-height: 0;
-  background: linear-gradient(180deg, #ffffff 0%, #fbfdfb 100%);
-}
-
-.chat-empty-hint {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  text-align: center;
-  color: var(--text-muted);
-  font-size: 13px;
-}
-
-.chat-message {
-  display: flex;
-  align-items: flex-start;
-  gap: 10px;
-  animation: fadeIn 0.2s ease;
-}
-
-.chat-message.user {
-  flex-direction: row-reverse;
-}
-
-.chat-avatar {
-  width: 28px;
-  height: 28px;
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-}
-
-.user-avatar {
-  background: var(--bg-base);
-  color: var(--text-secondary);
-}
-
-.bot-avatar {
-  background: var(--primary);
-  color: #fff;
-}
-
-.chat-bubble {
-  max-width: 75%;
-  padding: 10px 14px;
-  border-radius: 12px;
-  font-size: 13.5px;
-  line-height: 1.5;
-}
-
-.user-bubble {
-  background: var(--primary);
-  color: #fff;
-  border-bottom-right-radius: 4px;
-}
-
-.bot-bubble {
-  background: var(--bg-base);
-  color: var(--text-primary);
-  border-bottom-left-radius: 4px;
-}
-
-/* 打字指示器 */
-.typing-dots {
-  display: flex;
-  gap: 4px;
-  padding: 4px 0;
-}
-
-.typing-dots span {
-  width: 6px;
-  height: 6px;
-  background: var(--text-muted);
-  border-radius: 50%;
-  animation: typingBounce 1.4s infinite ease-in-out;
-}
-
-.typing-dots span:nth-child(1) { animation-delay: 0s; }
-.typing-dots span:nth-child(2) { animation-delay: 0.2s; }
-.typing-dots span:nth-child(3) { animation-delay: 0.4s; }
-
-@keyframes typingBounce {
-  0%, 80%, 100% { transform: scale(1); opacity: 0.4; }
-  40% { transform: scale(1.2); opacity: 1; }
-}
-
-/* 输入区域 */
-.chat-input-area {
-  padding: 16px 18px;
-  border-top: 1px solid var(--border);
-  background: #fff;
-  flex-shrink: 0;
-}
-
-.chat-textarea {
-  width: 100%;
-  resize: none;
-  border: 1px solid var(--border);
-  border-radius: 8px;
-  padding: 10px 12px;
-  font-size: 13px;
-  outline: none;
-  transition: var(--transition);
-  background: var(--bg-white);
-  line-height: 1.5;
-}
-
-.chat-textarea:focus {
-  border-color: var(--primary);
-  box-shadow: 0 0 0 3px rgba(82,196,26,0.08);
-}
-
-.chat-textarea:disabled {
-  background: var(--bg-base);
-  cursor: not-allowed;
-}
-
-.chat-voice-btn {
-  width: 40px;
-  height: 40px;
-  padding: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-/* ==========================================
-   Help Tooltip 样式
-   ========================================== */
-
-.help-tip {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 16px;
-  height: 16px;
-  border-radius: 50%;
-  background: var(--bg-base);
-  color: var(--text-muted);
-  font-size: 10px;
-  cursor: pointer;
-  transition: var(--transition);
-  flex-shrink: 0;
-}
-
-.help-tip:hover {
-  background: var(--primary);
-  color: #fff;
-}
-
-.help-tooltip {
-  position: fixed;
-  background: #1a1a1a;
-  color: #fff;
-  font-size: 12px;
-  padding: 8px 12px;
-  border-radius: var(--radius-sm);
-  max-width: 280px;
-  z-index: 10000;
-  box-shadow: var(--shadow-lg);
-  line-height: 1.5;
-  display: none;
-  pointer-events: none;
-  white-space: pre-wrap;
-}
-
-/* ==========================================
-   旋转动画
-   ========================================== */
-
-@keyframes spin {
-  from { transform: rotate(0deg); }
-  to { transform: rotate(360deg); }
-}
-
-.spin {
-  animation: spin 1s linear infinite;
-}
-
-/* ==========================================
-   响应式调整
-   ========================================== */
-
-@media (max-width: 1200px) {
-  .page-container.agent-config-page-container {
-    overflow-y: auto;
-  }
-
-  .agent-config-layout {
-    grid-template-columns: 1fr;
-    height: auto;
-    min-height: calc(100vh - var(--topbar-height));
-    padding: 16px;
-  }
-
-  .agent-config-left,
-  .agent-config-scroll,
-  .module-content {
-    overflow: visible;
-  }
-
-  .agent-config-left {
-    width: auto;
-  }
-
-  .agent-config-right {
-    height: 520px;
-  }
-}
-
-@media (max-width: 768px) {
-  .module-tabs {
-    flex-wrap: wrap;
-  }
-
-  .module-tab {
-    flex: 1 1 45%;
-  }
-
-  .skill-grid {
-    grid-template-columns: repeat(3, 1fr);
-  }
-
-  .agent-config-title-bar,
-  .version-card-head {
-    flex-direction: column;
-    align-items: stretch;
-  }
-
-  .agent-title-actions {
-    justify-content: flex-start;
-    flex-wrap: wrap;
-  }
-
-  .version-meta-grid,
-  .version-publish-summary {
-    grid-template-columns: 1fr;
-  }
-
-  .bailian-split-grid,
-  .bailian-filter-summary,
-  .bailian-check-grid,
-  .bailian-variable-grid,
-  .bailian-mode-grid,
-  .bailian-model-mode-grid,
-  .bailian-mini-grid {
-    grid-template-columns: 1fr;
-  }
-
-  .bailian-command-row {
-    grid-template-columns: 1fr;
-  }
-
-  .bailian-command-editor-grid {
-    grid-template-columns: 1fr;
-  }
-
-  .bailian-command-library-card {
-    grid-template-columns: 18px minmax(0, 1fr);
-  }
-
-  .bailian-command-library-actions,
-  .bailian-command-editor-actions,
-  .bailian-command-head-actions {
-    width: 100%;
-    justify-content: flex-start;
-    flex-wrap: wrap;
-  }
-
-  .bailian-command-library-actions {
-    grid-column: 2;
-  }
-
-  .bailian-filter-row {
-    grid-template-columns: 1fr;
-  }
-
-  .bailian-filter-row.single {
-    grid-template-columns: 1fr;
-  }
-
-  .bailian-mcp-tool-row {
-    grid-template-columns: 1fr;
-  }
-
-  .bailian-section-inline-action,
-  .bailian-filter-summary,
-  .bailian-feature-head,
-  .bailian-filter-head {
-    flex-direction: column;
-    align-items: stretch;
-  }
-
-  .hotword-library-summary,
-  .hotword-manager-head,
-  .hotword-editor-head {
-    flex-direction: column;
-    align-items: stretch;
-  }
-
-  .hotword-group-item {
-    grid-template-columns: 1fr;
-  }
-
-  .hotword-group-actions {
-    justify-content: flex-start;
-  }
-
-  .hotword-entry-row {
-    grid-template-columns: 1fr;
-  }
-
-  .modal.hotword-editor-modal {
-    height: 92vh;
-  }
-
-  .hotword-editor-modal .modal-header,
-  .hotword-editor-modal .modal-body,
-  .hotword-editor-modal .modal-footer {
-    padding-left: 18px;
-    padding-right: 18px;
-  }
-
-  .hotword-select-list {
-    grid-template-columns: 1fr;
-  }
-
-  .config-row {
-    flex-direction: column;
-    align-items: flex-start;
-    gap: 8px;
-  }
-}
-
-/* ==========================================
-   统计卡片样式 (stat-*)
-   ========================================== */
-
-.scope-banner {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 18px;
-  margin-bottom: 16px;
-  padding: 16px 18px;
-  border: 1px solid rgba(82,196,26,0.16);
-  border-radius: 14px;
-  background:
-    linear-gradient(90deg, rgba(82,196,26,0.06) 0%, rgba(82,196,26,0.015) 44%, rgba(255,255,255,0.92) 100%),
-    var(--bg-white);
-  box-shadow: 0 2px 8px rgba(0,0,0,0.025);
-}
-
-.scope-banner-main {
-  display: flex;
-  align-items: center;
-  gap: 13px;
-  min-width: 0;
-}
-
-.scope-banner-icon {
-  width: 42px;
-  height: 42px;
-  border-radius: 12px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  color: var(--primary);
-  background: rgba(82,196,26,0.1);
-  border: 1px solid rgba(82,196,26,0.16);
-}
-
-.scope-banner-icon i,
-.scope-banner-icon svg {
-  width: 20px;
-  height: 20px;
-}
-
-.scope-banner-eyebrow {
-  margin-bottom: 4px;
-  font-size: 12px;
-  font-weight: 600;
-  color: var(--primary);
-}
-
-.scope-banner-title {
-  font-size: 16px;
-  line-height: 1.2;
-  font-weight: 700;
-  color: var(--text-primary);
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.scope-banner-desc {
-  margin-top: 5px;
-  font-size: 12.5px;
-  line-height: 1.5;
-  color: var(--text-muted);
-}
-
-.scope-banner-meta {
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  gap: 8px;
-  flex-wrap: wrap;
-  flex-shrink: 0;
-}
-
-.scope-chip {
-  display: inline-flex;
-  align-items: center;
-  gap: 8px;
-  min-height: 32px;
-  padding: 6px 10px;
-  border: 1px solid var(--border);
-  border-radius: 999px;
-  background: rgba(255,255,255,0.78);
-  color: var(--text-muted);
-  font-size: 12px;
-  line-height: 1;
-}
-
-.scope-chip strong {
-  color: var(--text-primary);
-  font-size: 13px;
-  font-weight: 700;
-  font-variant-numeric: tabular-nums;
-}
-
-.scope-chip.warning strong {
-  color: var(--warning);
-}
-
-.scope-chip.danger strong {
-  color: var(--danger);
-}
-
-.stats-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(164px, 1fr));
-  gap: 14px;
-}
-
-.stats-grid-device {
-  grid-template-columns: repeat(4, minmax(0, 1fr));
-}
-
-.stats-grid-ota {
-  grid-template-columns: repeat(5, minmax(0, 1fr));
-}
-
-.stat-card {
-  background: var(--bg-white);
-  border: 1px solid var(--border);
-  border-radius: var(--radius-lg);
-  padding: 16px 18px;
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  transition: var(--transition);
-  min-width: 0;
-  min-height: 82px;
-}
-
-.stat-card:hover {
-  box-shadow: var(--shadow);
-  border-color: var(--primary-light);
-  transform: translateY(-1px);
-}
-
-.stat-icon {
-  width: 42px;
-  height: 42px;
-  border-radius: 12px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  color: var(--text-primary);
-}
-
-.stat-icon i,
-.stat-icon svg {
-  width: 20px;
-  height: 20px;
-}
-
-@media (max-width: 1180px) {
-  .stats-grid-ota {
-    grid-template-columns: repeat(3, minmax(0, 1fr));
-  }
-}
-
-@media (max-width: 960px) {
-  .scope-banner {
-    align-items: flex-start;
-    flex-direction: column;
-  }
-
-  .scope-banner-meta {
-    justify-content: flex-start;
-    width: 100%;
-  }
-
-  .stats-grid-device,
-  .stats-grid-ota {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-  }
-}
-
-@media (max-width: 560px) {
-  .scope-banner {
-    padding: 14px;
-  }
-
-  .scope-banner-main {
-    align-items: flex-start;
-  }
-
-  .scope-banner-title {
-    white-space: normal;
-  }
-
-  .scope-chip {
-    flex: 1;
-    justify-content: space-between;
-    min-width: 132px;
-  }
-
-  .stats-grid-device,
-  .stats-grid-ota {
-    grid-template-columns: 1fr;
-  }
-}
-
-.stat-content {
-  flex: 1;
-  min-width: 0;
-}
-
-.stat-value {
-  font-size: 26px;
-  font-weight: 700;
-  color: var(--text-primary);
-  line-height: 1;
-  margin-bottom: 0;
-  letter-spacing: 0;
-  font-variant-numeric: tabular-nums;
-}
-
-.stat-label {
-  margin-top: 7px;
-  font-size: 12px;
-  line-height: 1.2;
-  color: var(--text-muted);
-  white-space: nowrap;
-}
-
-/* ==========================================
-   Tooltip Box 样式
-   ========================================== */
-
-.tooltip-box {
-  background: var(--bg-white);
-  border: 1px solid var(--border);
-  border-radius: var(--radius);
-  padding: 10px 14px;
-  box-shadow: var(--shadow);
-  font-size: 12.5px;
-  color: var(--text-primary);
-  max-width: 240px;
-  z-index: 1000;
-}
-
-/* ==========================================
-   设备状态相关
-   ========================================== */
-
-.device-status {
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-  font-size: 12.5px;
-}
-
-.device-status::before {
-  content: '';
-  width: 8px;
-  height: 8px;
-  border-radius: 50%;
-  flex-shrink: 0;
-}
-
-.device-status.online::before { background: var(--success); }
-.device-status.offline::before { background: var(--text-muted); }
-.device-status.warning::before { background: var(--warning); }
-.device-status.error::before { background: var(--danger); }
-
-/* ==========================================
-   固件版本标签
-   ========================================== */
-
-.firmware-version {
-  font-family: 'SF Mono', Monaco, monospace;
-  font-size: 12px;
-  padding: 2px 8px;
-  background: var(--bg-base);
-  border-radius: var(--radius-sm);
-  color: var(--text-secondary);
-}
-
-/* ==========================================
-   进度环形
-   ========================================== */
-
-.progress-ring {
-  width: 60px;
-  height: 60px;
-  position: relative;
-}
-
-.progress-ring svg {
-  transform: rotate(-90deg);
-}
-
-.progress-ring-bg {
-  fill: none;
-  stroke: var(--border);
-  stroke-width: 6;
-}
-
-.progress-ring-fill {
-  fill: none;
-  stroke: var(--primary);
-  stroke-width: 6;
-  stroke-linecap: round;
-  transition: stroke-dashoffset 0.6s ease;
-}
-
-.progress-ring-text {
-  position: absolute;
-  inset: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 13px;
-  font-weight: 600;
-  color: var(--text-primary);
-}
-
-/* ==========================================
-   设备列表操作按钮
-   ========================================== */
-
-.device-actions {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-}
-
-.device-action-btn {
-  width: 28px;
-  height: 28px;
-  border-radius: var(--radius-sm);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: var(--text-secondary);
-  transition: var(--transition);
-  cursor: pointer;
-}
-
-.device-action-btn:hover {
-  background: var(--bg-base);
-  color: var(--primary);
-}
-
-.device-action-btn.danger:hover {
-  background: #fff2f0;
-  color: var(--danger);
-}
-
-/* ==========================================
-   登录页面样式
-   ========================================== */
-
-.login-center-wrapper {
-  width: 100%;
-  min-height: 100vh;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: linear-gradient(135deg, #f5f7fa 0%, #e8ecf1 100%);
-  padding: 40px 20px;
-}
-
-.login-center-content {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  width: 100%;
-  max-width: 420px;
-}
-
-/* 品牌区域 */
-.login-brand {
-  text-align: center;
-  margin-bottom: 32px;
-}
-
-.brand-title {
-  font-size: 32px;
-  font-weight: 800;
-  color: var(--text-primary);
-  letter-spacing: -0.5px;
-  margin-bottom: 8px;
-  display: inline-block;
-}
-
-.brand-title a {
-  display: inline-block;
-  position: relative;
-  color: inherit;
-  text-decoration: none;
-  cursor: pointer;
-}
-
-.brand-title a:hover,
-.brand-title a:visited {
-  color: inherit;
-}
-
-.brand-title a::after {
-  content: attr(data-tooltip);
-  position: absolute;
-  left: 50%;
-  bottom: calc(100% + 10px);
-  transform: translateX(-50%) translateY(4px) scale(0.92);
-  padding: 6px 10px;
-  border-radius: 8px;
-  background: rgba(17, 24, 39, 0.92);
-  color: #fff;
-  font-size: 12px;
-  font-weight: 500;
-  letter-spacing: 0;
-  line-height: 1;
-  white-space: nowrap;
-  opacity: 0;
-  pointer-events: none;
-  transition: opacity 0.16s ease, transform 0.16s ease;
-  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.14);
-}
-
-.brand-title a::before {
-  content: '';
-  position: absolute;
-  left: 50%;
-  bottom: calc(100% + 4px);
-  transform: translateX(-50%) translateY(4px);
-  border: 6px solid transparent;
-  border-top-color: rgba(17, 24, 39, 0.92);
-  opacity: 0;
-  pointer-events: none;
-  transition: opacity 0.16s ease, transform 0.16s ease;
-}
-
-.brand-title a:hover::after,
-.brand-title a:hover::before,
-.brand-title a.tooltip-visible::after,
-.brand-title a.tooltip-visible::before {
-  opacity: 1;
-  transform: translateX(-50%) translateY(0) scale(1);
-}
-
-.brand-title a.tooltip-suppressed::after,
-.brand-title a.tooltip-suppressed::before {
-  opacity: 0;
-  transform: translateX(-50%) translateY(4px) scale(0.92);
-}
-
-.brand-slogan {
-  font-size: 15px;
-  color: var(--text-secondary);
-  font-weight: 500;
-  margin-bottom: 2px;
-}
-
-.brand-slogan-en {
-  font-size: 13px;
-  color: var(--text-secondary);
-  font-weight: 400;
-}
-
-/* 登录卡片 */
-.login-form-card {
-  width: 100%;
-  background: #fff;
-  border-radius: var(--radius-lg);
-  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.04);
-  padding: 40px 36px;
-}
-
-.login-form-header {
-  text-align: center;
-  margin-bottom: 28px;
-}
-
-.login-title {
-  font-size: 24px;
-  font-weight: 700;
-  color: var(--text-primary);
-  margin-bottom: 6px;
-}
-
-.login-subtitle {
-  font-size: 14px;
-  color: var(--text-secondary);
-}
-
-/* 角色选择器 */
-.role-selector {
-  display: flex;
-  gap: 10px;
-  margin-bottom: 24px;
-}
-
-.role-option {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 8px;
-  padding: 16px 8px;
-  border: 1.5px solid var(--border-color);
-  border-radius: var(--radius-md);
-  cursor: pointer;
-  transition: var(--transition);
-  background: #fff;
-}
-
-.role-option:hover {
-  border-color: var(--primary-light);
-  background: var(--primary-bg);
-}
-
-.role-option.selected {
-  border-color: var(--primary);
-  background: var(--primary-bg);
-  box-shadow: 0 0 0 3px rgba(82, 196, 26, 0.1);
-}
-
-.role-icon {
-  width: 40px;
-  height: 40px;
-  border-radius: 50%;
-  background: var(--bg-base);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: var(--text-secondary);
-  transition: var(--transition);
-}
-
-.role-option.selected .role-icon {
-  background: var(--primary);
-  color: #fff;
-}
-
-.role-info {
-  text-align: center;
-}
-
-.role-name {
-  font-size: 13px;
-  font-weight: 600;
-  color: var(--text-primary);
-  margin-bottom: 2px;
-}
-
-.role-desc {
-  font-size: 11px;
-  color: var(--text-tertiary);
-}
-
-/* 登录表单 */
-.login-form .form-group {
-  margin-bottom: 20px;
-}
-
-.login-form .form-label {
-  display: block;
-  font-size: 13px;
-  font-weight: 500;
-  color: var(--text-primary);
-  margin-bottom: 8px;
-}
-
-.login-form .input-wrapper {
-  position: relative;
-}
-
-.login-form .input-icon {
-  position: absolute;
-  left: 14px;
-  top: 50%;
-  transform: translateY(-50%);
-  color: var(--text-tertiary);
-  width: 18px;
-  height: 18px;
-  pointer-events: none;
-}
-
-.login-form .form-control.with-icon {
-  padding-left: 42px;
-  padding-right: 44px;
-}
-
-.password-toggle {
-  position: absolute;
-  right: 12px;
-  top: 50%;
-  transform: translateY(-50%);
-  background: none;
-  border: none;
-  color: var(--text-tertiary);
-  cursor: pointer;
-  padding: 4px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  transition: var(--transition);
-}
-
-.password-toggle:hover {
-  color: var(--text-secondary);
-}
-
-/* 记住登录状态 */
-.login-form .form-row {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-
-.checkbox-label {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  font-size: 13px;
-  color: var(--text-secondary);
-  cursor: pointer;
-}
-
-.checkbox-label input[type="checkbox"] {
-  width: 16px;
-  height: 16px;
-  accent-color: var(--primary);
-  cursor: pointer;
-}
-
-/* 登录按钮 */
-.login-form .btn-block {
-  width: 100%;
-  justify-content: center;
-}
-
-.login-form .btn-lg {
-  padding: 12px 24px;
-  font-size: 15px;
-  font-weight: 600;
-}
-
-/* 登录页脚 */
-.login-footer {
-  text-align: center;
-  margin-top: 20px;
-  padding-top: 20px;
-  border-top: 1px solid var(--border-color);
-}
-
-.login-footer p {
-  font-size: 13px;
-  color: var(--text-secondary);
-}
-
-.login-footer .link {
-  color: var(--primary);
-  font-weight: 500;
-}
-
-.login-footer .link:hover {
-  text-decoration: underline;
-}
-
-/* 登录页响应式 */
-@media (max-width: 480px) {
-  .login-form-card {
-    padding: 28px 20px;
-  }
-
-  .role-selector {
-    gap: 6px;
-  }
-
-  .role-option {
-    padding: 10px 4px;
-  }
-
-  .role-icon {
-    width: 32px;
-    height: 32px;
-  }
-
-  .role-name {
-    font-size: 12px;
-  }
-
-  .role-desc {
-    font-size: 10px;
-  }
-}
-
-/* ==========================================
-   侧边栏公司导航样式
-   ========================================== */
-
-.company-nav-item {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 8px 12px;
-  margin: 2px 8px;
-  border-radius: var(--radius-md);
-  cursor: pointer;
-  color: rgba(255,255,255,0.65);
-  font-size: 13px;
-  transition: var(--transition);
-  position: relative;
-  flex-wrap: wrap;
-  border-left: 3px solid transparent;
-  padding-left: 9px;
-}
-
-.company-nav-item:hover {
-  background: rgba(255, 255, 255, 0.08);
-  color: #fff;
-}
-
-.company-nav-item.active {
-  color: #fff;
-  background: linear-gradient(90deg, rgba(82,196,26,0.25) 0%, rgba(82,196,26,0.08) 100%);
-  border-left-color: var(--primary);
-  box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
-}
-
-.company-nav-item i {
-  width: 14px;
-  height: 14px;
-  flex-shrink: 0;
-  opacity: 0.8;
-}
-
-.company-nav-item.active i {
-  opacity: 1;
-}
-
-.company-name {
-  flex: 1;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.company-badge {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  min-width: 18px;
-  height: 18px;
-  padding: 0 5px;
-  background: rgba(255, 255, 255, 0.15);
-  border-radius: 9px;
-  font-size: 11px;
-  font-weight: 600;
-  color: #fff;
-  flex-shrink: 0;
-}
-
-.company-nav-item.active .company-badge {
-  background: var(--primary);
-  color: #fff;
-}
-
-.sidebar.collapsed .company-nav-item {
-  flex-wrap: nowrap;
-  gap: 0;
-  color: rgba(255,255,255,0.58);
-  border: 1px solid transparent;
-}
-
-.sidebar.collapsed .company-nav-item:hover {
-  color: #fff;
-  background: rgba(255,255,255,0.08);
-  border-color: rgba(255,255,255,0.08);
-  box-shadow: none;
-  transform: none;
-}
-
-.sidebar.collapsed .company-nav-item.active {
-  color: #fff;
-  background: rgba(82,196,26,0.18);
-  border-color: rgba(82,196,26,0.24);
-  box-shadow: inset 0 0 0 1px rgba(82,196,26,0.08);
-}
-
-.sidebar.collapsed .company-nav-item.active::before {
-  content: '';
-  position: absolute;
-  left: -9px;
-  top: 10px;
-  width: 3px;
-  height: 20px;
-  border-radius: 999px;
-  background: var(--primary);
-  box-shadow: 0 0 12px rgba(82,196,26,0.65);
-}
-
-.sidebar.collapsed .company-nav-item::after {
-  content: none;
-  display: none;
-}
-
-.sidebar.collapsed .company-nav-item i,
-.sidebar.collapsed .company-nav-item svg {
-  display: block;
-  opacity: 1;
-}
-
-.sidebar.collapsed .company-name {
-  position: absolute;
-  left: 60px;
-  top: 50%;
-  z-index: 120;
-  width: max-content;
-  max-width: 220px;
-  padding: 8px 11px;
-  border-radius: 11px;
-  background: rgba(18,26,21,0.96);
-  border: 1px solid rgba(255,255,255,0.1);
-  color: #fff;
-  font-size: 12px;
-  font-weight: 600;
-  opacity: 0;
-  pointer-events: none;
-  transform: translate(-6px, -50%);
-  box-shadow: 0 14px 34px rgba(19,45,26,0.16);
-}
-
-.sidebar.collapsed .company-name::before {
-  content: '';
-  position: absolute;
-  left: -5px;
-  top: 50%;
-  width: 10px;
-  height: 10px;
-  background: rgba(18,26,21,0.96);
-  border-left: 1px solid rgba(255,255,255,0.1);
-  border-bottom: 1px solid rgba(255,255,255,0.1);
-  transform: translateY(-50%) rotate(45deg);
-}
-
-.sidebar.collapsed .company-nav-item:hover .company-name {
-  opacity: 1;
-  transform: translate(0, -50%);
-}
-
-.sidebar.collapsed .company-badge {
-  position: absolute;
-  right: 8px;
-  top: 8px;
-  min-width: 8px;
-  width: 8px;
-  height: 8px;
-  padding: 0;
-  font-size: 0;
-  background: #52c41a;
-  border: 2px solid #111713;
-  box-shadow: 0 0 0 2px rgba(82,196,26,0.12);
-}
-
-.sidebar.collapsed .company-submenu {
-  display: none !important;
-}
-
-/* 公司子菜单 - 默认收起，点击展开 */
-.company-submenu {
-  width: 100%;
-  display: none;
-  flex-direction: column;
-  gap: 2px;
-  margin-top: 6px;
-  padding-left: 22px;
-}
-
-.company-submenu.open {
-  display: flex;
-}
-
-.submenu-item {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 6px 10px;
-  border-radius: var(--radius-sm);
-  color: rgba(255, 255, 255, 0.7);
-  font-size: 12px;
-  text-decoration: none;
-  transition: var(--transition);
-}
-
-.submenu-item:hover {
-  background: rgba(255, 255, 255, 0.08);
-  color: #fff;
-}
-
-.submenu-item.active {
-  color: #fff;
-  background: linear-gradient(90deg, rgba(82,196,26,0.22) 0%, rgba(82,196,26,0.07) 100%);
-  box-shadow: inset 2px 0 0 var(--primary);
-}
-
-.submenu-item i {
-  width: 13px;
-  height: 13px;
-  flex-shrink: 0;
-  opacity: 0.7;
-}
-
-.submenu-item:hover i,
-.submenu-item.active i {
-  opacity: 1;
-  color: var(--primary);
-}
-
-/* ==========================================
-   Bailian-style Agent Configuration Workbench
-   ========================================== */
-
-body.agent-workbench-mode {
-  display: block;
-  overflow: hidden;
-  background: #f7f8fc;
-}
-
-body.agent-workbench-mode .sidebar,
-body.agent-workbench-mode .topbar {
-  display: none !important;
-}
-
-body.agent-workbench-mode .main-content {
-  width: 100%;
-  height: 100vh;
-  margin-left: 0;
-}
-
-body.agent-workbench-mode .page-container {
-  height: 100vh;
-  padding: 0;
-  overflow: hidden;
-  background: #f7f8fc;
-}
-
-.page-container.agent-config-page-container {
-  padding: 0;
-  overflow: hidden;
-  background: #f7f8fc;
-}
-
-.page-container.agent-config-page-container .page.active {
-  height: 100%;
-}
-
-.bailian-agent-config {
-  --agent-green: #52c41a;
-  --agent-green-dark: #389e0d;
-  --agent-primary: rgba(82,196,26,.82);
-  --agent-primary-dark: rgba(82,196,26,.88);
-  --agent-primary-hover: rgba(82,196,26,.96);
-  --agent-primary-soft: rgba(246,255,237,.78);
-  --agent-primary-border: rgba(82,196,26,.28);
-  --agent-accent: rgba(115,209,61,.62);
-  --agent-ink: #111827;
-  --agent-text: #263142;
-  --agent-muted: #7b8494;
-  --agent-border: #e5e7f0;
-  --agent-soft: #f7f8fc;
-  --agent-card-shadow: 0 2px 8px rgba(0,0,0,0.03);
-  height: 100vh;
-  min-height: 0;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-  background: var(--agent-soft);
-  color: var(--agent-text);
-  font-family: Inter, -apple-system, BlinkMacSystemFont, "PingFang SC", "Segoe UI", sans-serif;
-}
-
-.bailian-agent-header {
-  position: sticky;
-  top: 0;
-  z-index: 50;
-  height: 64px;
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 20px;
-  padding: 0 24px;
-  background: #fff;
-  border-bottom: 1px solid var(--agent-border);
-}
-
-.bailian-header-left,
-.bailian-header-actions,
-.bailian-agent-title-row {
-  display: flex;
-  align-items: center;
-  min-width: 0;
-}
-
-.bailian-header-left {
-  gap: 14px;
-}
-
-.bailian-agent-title-wrap {
-  min-width: 0;
-}
-
-.bailian-agent-title-row {
-  gap: 8px;
-}
-
-.bailian-agent-title {
-  max-width: 360px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  margin: 0;
-  font-size: 18px;
-  line-height: 1.2;
-  font-weight: 650;
-  color: var(--agent-ink);
-  letter-spacing: 0;
-}
-
-.bailian-title-edit-btn {
-  width: 24px;
-  height: 24px;
-  border-radius: 7px;
-}
-
-.bailian-title-edit-btn i,
-.bailian-title-edit-btn svg {
-  width: 14px;
-  height: 14px;
-}
-
-.bailian-agent-subtitle {
-  margin-top: 4px;
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  flex-wrap: wrap;
-  font-size: 12px;
-  color: var(--agent-muted);
-}
-
-.bailian-autosave-status {
-  display: inline-flex;
-  align-items: center;
-  height: 22px;
-  padding: 0 8px;
-  border-radius: 999px;
-  background: var(--agent-primary-soft);
-  color: var(--agent-green-dark);
-  font-size: 11px;
-  font-weight: 700;
-}
-
-.bailian-autosave-status.saving {
-  background: #e6f4ff;
-  color: #096dd9;
-}
-
-.bailian-header-actions {
-  justify-content: flex-end;
-  gap: 10px;
-  flex-shrink: 0;
-}
-
-.bailian-icon-btn,
-.bailian-plain-icon,
-.bailian-action-btn,
-.bailian-link-btn,
-.bailian-run-btn,
-.bailian-add-round,
-.bailian-add-card,
-.bailian-model-select,
-.bailian-step-tab {
-  font-family: inherit;
-}
-
-.bailian-icon-btn,
-.bailian-plain-icon {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  color: #606a7b;
-  transition: border-color .18s ease, background .18s ease, color .18s ease, transform .18s ease;
-}
-
-.bailian-icon-btn {
-  width: 40px;
-  height: 40px;
-  border: 1px solid var(--agent-border);
-  border-radius: 10px;
-  background: #fff;
-}
-
-.bailian-icon-btn:hover,
-.bailian-plain-icon:hover {
-  color: var(--agent-ink);
-  border-color: #cfd5e3;
-  background: #fafbfe;
-  transform: translateY(-1px);
-}
-
-.bailian-icon-btn i,
-.bailian-action-btn i,
-.bailian-plain-icon i,
-.bailian-link-btn i,
-.bailian-run-btn i,
-.bailian-add-round i,
-.bailian-add-card i {
-  width: 16px;
-  height: 16px;
-}
-
-.bailian-plain-icon {
-  width: 30px;
-  height: 30px;
-  border-radius: 8px;
-  border: 1px solid transparent;
-  background: transparent;
-}
-
-.bailian-plain-icon.danger:hover {
-  color: var(--danger);
-  background: #fff2f0;
-  border-color: #ffccc7;
-}
-
-.bailian-action-btn {
-  height: 40px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: 7px;
-  padding: 0 16px;
-  border: 1px solid var(--agent-border);
-  border-radius: 10px;
-  background: #fff;
-  color: var(--agent-text);
-  font-size: 14px;
-  font-weight: 500;
-  white-space: nowrap;
-  transition: border-color .18s ease, background .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease;
-}
-
-.bailian-action-btn:hover {
-  border-color: #cfd5e3;
-  background: #fbfcff;
-  transform: translateY(-1px);
-  box-shadow: var(--agent-card-shadow);
-}
-
-.bailian-action-btn.small {
-  height: 34px;
-  padding: 0 12px;
-  font-size: 13px;
-}
-
-.bailian-action-btn.danger {
-  color: var(--danger);
-  border-color: #ffccc7;
-  background: #fff;
-}
-
-.bailian-action-btn.danger:hover {
-  color: #cf1322;
-  border-color: #ffa39e;
-  background: #fff2f0;
-}
-
-.bailian-action-icon {
-  width: 40px;
-  padding: 0;
-}
-
-.bailian-primary-btn,
-.bailian-run-btn {
-  border-color: var(--agent-primary-dark);
-  background: var(--agent-primary-dark);
-  color: #fff;
-}
-
-.bailian-primary-btn:hover,
-.bailian-run-btn:hover {
-  border-color: var(--agent-primary-hover);
-  background: var(--agent-primary-hover);
-  color: #fff;
-}
-
-.bailian-status-pill,
-.bailian-small-pill {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  height: 24px;
-  padding: 0 10px;
-  border-radius: 999px;
-  font-size: 12px;
-  font-weight: 600;
-  white-space: nowrap;
-}
-
-.bailian-status-pill.published {
-  color: var(--agent-green-dark);
-  background: var(--agent-primary-soft);
-  border: 1px solid var(--agent-primary-border);
-}
-
-.bailian-status-pill.editing {
-  color: #b26a00;
-  background: #fff7e6;
-  border: 1px solid #ffd591;
-}
-
-.bailian-status-pill.draft {
-  color: #606a7b;
-  background: #f3f5f9;
-  border: 1px solid var(--agent-border);
-}
-
-.bailian-agent-body {
-  flex: 1;
-  min-height: 0;
-  display: grid;
-  grid-template-columns: 640px minmax(0, 1fr);
-  background: var(--agent-soft);
-}
-
-.bailian-config-pane {
-  min-width: 0;
-  min-height: 0;
-  display: flex;
-  flex-direction: column;
-  background: #fff;
-  border-right: 1px solid var(--agent-border);
-}
-
-.bailian-step-tabs {
-  height: 72px;
-  flex-shrink: 0;
-  display: grid;
-  grid-template-columns: repeat(3, minmax(0, 1fr));
-  align-items: stretch;
-  border-bottom: 1px solid var(--agent-border);
-  background: #fff;
-}
-
-.bailian-step-tab {
-  position: relative;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  gap: 7px;
-  padding: 0 10px;
-  color: #8a93a3;
-  background: #fff;
-  transition: color .18s ease, background .18s ease;
-}
-
-.bailian-step-tab::after {
-  content: "";
-  position: absolute;
-  left: 18px;
-  right: 18px;
-  bottom: -1px;
-  height: 2px;
-  border-radius: 2px;
-  background: transparent;
-  transform: scaleX(.5);
-  opacity: 0;
-  transition: transform .2s ease, opacity .2s ease, background .2s ease;
-}
-
-.bailian-step-tab:hover {
-  color: var(--agent-ink);
-  background: #fbfcff;
-}
-
-.bailian-step-tab.active {
-  color: var(--agent-green-dark);
-}
-
-.bailian-step-tab.active::after {
-  background: var(--agent-green);
-  transform: scaleX(1);
-  opacity: 1;
-}
-
-.bailian-step-number {
-  width: 24px;
-  height: 24px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 50%;
-  border: 1px solid var(--agent-border);
-  background: #fff;
-  color: #8a93a3;
-  font-size: 12px;
-  font-weight: 700;
-  transition: color .18s ease, border-color .18s ease, background .18s ease;
-}
-
-.bailian-step-tab.active .bailian-step-number {
-  color: #fff;
-  border-color: var(--agent-green);
-  background: var(--agent-green);
-}
-
-.bailian-step-title {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  font-size: 13px;
-  font-weight: 600;
-}
-
-.bailian-config-scroll {
-  flex: 1;
-  min-height: 0;
-  overflow-y: auto;
-  overflow-x: hidden;
-  padding: 24px;
-  scrollbar-width: thin;
-  scrollbar-color: #dce1eb transparent;
-}
-
-.bailian-config-footer {
-  flex-shrink: 0;
-  padding: 14px 24px 18px;
-  border-top: 1px solid var(--agent-border);
-  background: rgba(255, 255, 255, .96);
-  box-shadow: 0 -4px 14px rgba(17, 24, 39, .03);
-}
-
-.bailian-config-scroll::-webkit-scrollbar,
-.bailian-preview-pane::-webkit-scrollbar {
-  width: 4px;
-}
-
-.bailian-config-scroll::-webkit-scrollbar-thumb,
-.bailian-preview-pane::-webkit-scrollbar-thumb {
-  background: #dce1eb;
-  border-radius: 999px;
-}
-
-.bailian-step-content {
-  display: flex;
-  flex-direction: column;
-  gap: 18px;
-  padding-bottom: 28px;
-}
-
-.bailian-step-section {
-  scroll-margin-top: 88px;
-}
-
-.bailian-step-section + .bailian-step-section {
-  margin-top: 30px;
-  padding-top: 26px;
-  border-top: 1px solid #edf0f6;
-}
-
-.bailian-step-section-head {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  margin-bottom: 16px;
-}
-
-.bailian-step-section-head span {
-  width: 28px;
-  height: 28px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 50%;
-  background: var(--agent-primary-dark);
-  color: #fff;
-  font-size: 13px;
-  font-weight: 700;
-}
-
-.bailian-step-section-head h2 {
-  margin: 0;
-  font-size: 20px;
-  line-height: 1.3;
-  font-weight: 700;
-  color: var(--agent-ink);
-}
-
-.bailian-card-section {
-  border: 1px solid var(--agent-border);
-  border-radius: 12px;
-  background: #fff;
-  box-shadow: var(--agent-card-shadow);
-}
-
-.bailian-card-section {
-  padding: 18px;
-}
-
-.bailian-card-section:hover,
-.bailian-model-select:hover,
-.bailian-list-card:hover,
-.bailian-kb-card:hover,
-.bailian-mini-card:hover,
-.bailian-mode-card:hover {
-  border-color: #cfd5e3;
-  background: #fdfefe;
-}
-
-.bailian-card-section h3,
-.bailian-section-head h3 {
-  margin: 0 0 14px;
-  font-size: 18px;
-  font-weight: 700;
-  line-height: 1.35;
-  color: var(--agent-ink);
-}
-
-.bailian-card-section-head {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 12px;
-  margin: 0 0 14px;
-}
-
-.bailian-card-section-head h3 {
-  margin: 0;
-}
-
-.bailian-card-section-head .btn {
-  flex-shrink: 0;
-}
-
-.bailian-card-section.toggle-only {
-  padding-top: 16px;
-  padding-bottom: 16px;
-}
-
-.bailian-card-section.toggle-only .bailian-card-section-head {
-  min-height: 32px;
-  margin-bottom: 0;
-}
-
-.bailian-card-section.toggle-only .agent-switch {
-  flex-shrink: 0;
-}
-
-.bailian-card-section-actions {
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  gap: 10px;
-  flex-wrap: wrap;
-}
-
-.bailian-section-head {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 12px;
-  margin-bottom: 14px;
-}
-
-.bailian-section-head h3 {
-  margin-bottom: 0;
-}
-
-.bailian-stack,
-.bailian-list {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-}
-
-.bailian-model-icon,
-.bailian-list-icon,
-.bailian-mini-card span {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  color: var(--agent-green-dark);
-  background: var(--agent-primary-soft);
-  border: 1px solid var(--agent-primary-border);
-}
-
-.bailian-model-icon i,
-.bailian-list-icon i,
-.bailian-mini-card i {
-  width: 18px;
-  height: 18px;
-}
-
-.bailian-field {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
-
-.bailian-field-label {
-  font-size: 12px;
-  color: var(--agent-muted);
-}
-
-.bailian-input,
-.bailian-number-input {
-  height: 48px;
-  border: 1px solid var(--agent-border);
-  border-radius: 10px;
-  background: #fff;
-  color: var(--agent-text);
-  outline: none;
-  font-size: 14px;
-  font-family: inherit;
-  transition: border-color .18s ease, box-shadow .18s ease;
-}
-
-.bailian-input {
-  width: 100%;
-  padding: 0 14px;
-}
-
-.bailian-number-input {
-  width: 92px;
-  padding: 0 12px;
-  text-align: center;
-}
-
-.bailian-input:focus,
-.bailian-number-input:focus,
-.bailian-prompt-editor:focus {
-  border-color: var(--agent-primary-dark);
-  box-shadow: 0 0 0 3px rgba(82,196,26,0.12);
-}
-
-.bailian-model-select {
-  min-height: 64px;
-  width: 100%;
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  padding: 12px 14px;
-  border: 1px solid var(--agent-border);
-  border-radius: 12px;
-  background: #fff;
-  text-align: left;
-  color: var(--agent-text);
-  transition: border-color .18s ease, background .18s ease, transform .18s ease;
-}
-
-.bailian-model-select:hover {
-  transform: translateY(-1px);
-}
-
-.bailian-model-icon,
-.bailian-list-icon {
-  width: 38px;
-  height: 38px;
-  border-radius: 10px;
-}
-
-.bailian-model-main {
-  flex: 1;
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-}
-
-.bailian-model-main strong {
-  font-size: 14px;
-  color: var(--agent-ink);
-}
-
-.bailian-model-main small {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  font-size: 12px;
-  color: var(--agent-muted);
-}
-
-.bailian-hotword-box,
-.bailian-switch-row,
-.bailian-section-inline-action,
-.bailian-mcp-empty,
-.bailian-inline-field {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 14px;
-}
-
-.bailian-hotword-box {
-  padding: 14px;
-  border: 1px solid var(--agent-border);
-  border-radius: 12px;
-  background: #fbfcff;
-}
-
-.bailian-split-grid {
-  display: grid;
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-  gap: 12px;
-}
-
-.bailian-feature-card {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  padding: 14px;
-  border: 1px solid var(--agent-border);
-  border-radius: 12px;
-  background: #fff;
-}
-
-.bailian-feature-head {
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  gap: 12px;
-}
-
-.bailian-feature-title {
-  font-size: 14px;
-  font-weight: 700;
-  color: var(--agent-ink);
-}
-
-.bailian-feature-desc {
-  margin-top: 4px;
-  font-size: 12px;
-  line-height: 1.6;
-  color: var(--agent-muted);
-}
-
-.bailian-feature-manage {
-  width: fit-content;
-}
-
-.bailian-model-desc,
-.bailian-section-note {
-  font-size: 12px;
-  line-height: 1.6;
-  color: var(--agent-muted);
-}
-
-.bailian-model-field {
-  margin-top: 12px;
-}
-
-.bailian-section-note {
-  padding: 10px 12px;
-  border-radius: 10px;
-  background: #fafbfe;
-  border: 1px solid #edf0f6;
-}
-
-.bailian-asr-manager {
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-}
-
-.bailian-asr-form {
-  padding: 16px;
-  border: 1px solid var(--agent-border);
-  border-radius: 12px;
-  background: #fbfcff;
-}
-
-.bailian-asr-form-head,
-.bailian-asr-list-head,
-.bailian-asr-model-row,
-.bailian-asr-model-actions,
-.bailian-asr-form-actions {
-  display: flex;
-  align-items: center;
-}
-
-.bailian-asr-form-head,
-.bailian-asr-list-head,
-.bailian-asr-model-row {
-  justify-content: space-between;
-  gap: 12px;
-}
-
-.bailian-asr-form-title {
-  font-size: 14px;
-  font-weight: 700;
-  color: var(--agent-ink);
-}
-
-.bailian-asr-form-desc,
-.bailian-asr-list-head span,
-.bailian-asr-model-meta {
-  font-size: 12px;
-  line-height: 1.6;
-  color: var(--agent-muted);
-}
-
-.bailian-asr-form-grid {
-  margin-top: 14px;
-  display: grid;
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-  gap: 12px;
-}
-
-.bailian-asr-form-wide {
-  grid-column: 1 / -1;
-}
-
-.bailian-asr-form-actions {
-  justify-content: flex-end;
-  gap: 10px;
-  margin-top: 14px;
-}
-
-.bailian-model-manager-toolbar {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 14px;
-  padding: 14px 16px;
-  border: 1px solid var(--agent-border);
-  border-radius: 12px;
-  background: #fbfcff;
-}
-
-.bailian-model-manager-toolbar .bailian-action-btn,
-.bailian-model-manager-toolbar .btn {
-  flex-shrink: 0;
-}
-
-.bailian-empty-action {
-  margin-top: 6px;
-}
-
-.bailian-voice-mode-grid {
-  display: grid;
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-  gap: 10px;
-}
-
-.bailian-voice-mode-card {
-  display: flex;
-  align-items: flex-start;
-  gap: 10px;
-  padding: 12px;
-  border: 1px solid var(--agent-border);
-  border-radius: 12px;
-  background: #fff;
-  cursor: pointer;
-  transition: border-color .18s ease, background .18s ease, box-shadow .18s ease;
-}
-
-.bailian-voice-mode-card.active {
-  border-color: var(--agent-green);
-  background: var(--agent-primary-soft);
-  box-shadow: var(--agent-card-shadow);
-}
-
-.bailian-voice-mode-card input {
-  margin-top: 2px;
-  accent-color: var(--agent-primary);
-}
-
-.bailian-voice-mode-card strong,
-.bailian-voice-mode-card small {
-  display: block;
-}
-
-.bailian-voice-mode-card strong {
-  font-size: 13px;
-  color: var(--agent-ink);
-}
-
-.bailian-voice-mode-card small,
-.bailian-form-help {
-  margin-top: 4px;
-  font-size: 12px;
-  line-height: 1.5;
-  color: var(--agent-muted);
-}
-
-.bailian-voice-mode-panel {
-  margin-top: 10px;
-}
-
-.bailian-voice-mode-panel.hidden {
-  display: none;
-}
-
-.bailian-voice-batch-input {
-  min-height: 128px;
-  resize: vertical;
-  line-height: 1.55;
-}
-
-.bailian-inline-check {
-  margin-top: 14px;
-  display: inline-flex;
-  align-items: center;
-  gap: 8px;
-  font-size: 12px;
-  color: var(--agent-muted);
-  cursor: pointer;
-}
-
-.bailian-inline-check input {
-  width: 14px;
-  height: 14px;
-  accent-color: var(--agent-primary);
-}
-
-.bailian-asr-list {
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-}
-
-.bailian-asr-model-card {
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  gap: 14px;
-  padding: 14px;
-  border: 1px solid var(--agent-border);
-  border-radius: 12px;
-  background: #fff;
-}
-
-.bailian-asr-model-main {
-  flex: 1;
-  min-width: 0;
-}
-
-.bailian-asr-model-row strong {
-  font-size: 14px;
-  color: var(--agent-ink);
-}
-
-.bailian-asr-status {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  height: 22px;
-  padding: 0 8px;
-  border-radius: 999px;
-  font-size: 11px;
-  font-weight: 700;
-  white-space: nowrap;
-}
-
-.bailian-asr-status.neutral {
-  color: #606a7b;
-  background: #f3f5f8;
-  border: 1px solid #e1e5ee;
-}
-
-.bailian-asr-status.pending {
-  color: #096dd9;
-  background: #e6f4ff;
-  border: 1px solid #91caff;
-}
-
-.bailian-asr-status.success {
-  color: var(--agent-green-dark);
-  background: var(--agent-primary-soft);
-  border: 1px solid var(--agent-primary-border);
-}
-
-.bailian-asr-status.danger {
-  color: #cf1322;
-  background: #fff1f0;
-  border: 1px solid #ffa39e;
-}
-
-.bailian-asr-status.disabled {
-  color: #7b8494;
-  background: #f7f8fc;
-  border: 1px solid #e5e7f0;
-}
-
-.bailian-asr-model-meta {
-  margin-top: 6px;
-  display: flex;
-  flex-wrap: wrap;
-  gap: 8px 14px;
-}
-
-.bailian-asr-error {
-  margin-top: 8px;
-  padding: 8px 10px;
-  border-radius: 10px;
-  border: 1px solid #ffd8d6;
-  background: #fff7f6;
-  color: #cf1322;
-  font-size: 12px;
-  line-height: 1.5;
-}
-
-.bailian-asr-model-actions {
-  flex-shrink: 0;
-  gap: 8px;
-  opacity: 1 !important;
-  visibility: visible !important;
-}
-
-.bailian-model-manager-toolbar .bailian-action-btn,
-.bailian-model-manager-toolbar .btn,
-.bailian-asr-empty .bailian-action-btn,
-.bailian-asr-empty .btn,
-.bailian-asr-form-actions .bailian-action-btn,
-.bailian-asr-form-actions .btn,
-.bailian-asr-model-actions .bailian-action-btn,
-.bailian-asr-model-actions .bailian-plain-icon {
-  display: inline-flex !important;
-  opacity: 1 !important;
-  visibility: visible !important;
-  pointer-events: auto;
-}
-
-.bailian-asr-empty {
-  min-height: 150px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 8px;
-  padding: 24px;
-  border: 1px dashed var(--agent-border);
-  border-radius: 12px;
-  background: #fbfcff;
-  color: var(--agent-muted);
-  text-align: center;
-}
-
-.bailian-asr-empty i,
-.bailian-asr-empty svg {
-  width: 30px;
-  height: 30px;
-  color: var(--agent-muted);
-}
-
-.bailian-asr-empty strong {
-  color: var(--agent-ink);
-  font-size: 14px;
-}
-
-.bailian-voice-disabled {
-  padding: 24px;
-  border: 1px dashed var(--agent-border);
-  border-radius: 12px;
-  background: #fff;
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  align-items: flex-start;
-}
-
-.bailian-voice-disabled strong {
-  font-size: 15px;
-  color: var(--agent-ink);
-}
-
-.bailian-voice-disabled span {
-  font-size: 12px;
-  line-height: 1.6;
-  color: var(--agent-muted);
-}
-
-.bailian-voice-toggle-card {
-  padding: 14px 18px;
-}
-
-.bailian-voice-panel {
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-}
-
-.bailian-voice-section {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  padding-top: 16px;
-  border-top: 1px solid #edf0f6;
-}
-
-.bailian-voice-section:first-of-type {
-  padding-top: 0;
-  border-top: 0;
-}
-
-.bailian-voice-subtitle {
-  font-size: 15px;
-  font-weight: 700;
-  color: var(--agent-ink);
-}
-
-.bailian-hotword-title,
-.bailian-switch-title {
-  font-size: 14px;
-  font-weight: 650;
-  color: var(--agent-ink);
-}
-
-.bailian-title-with-info {
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-}
-
-.bailian-info-tip {
-  width: 18px;
-  height: 18px;
-  padding: 0;
-  border: 0;
-  border-radius: 999px;
-  background: transparent;
-  color: #8a94a6;
-  cursor: pointer;
-}
-
-.bailian-info-tip:hover,
-.bailian-info-tip:focus-visible {
-  color: var(--agent-ink);
-  outline: none;
-}
-
-.bailian-info-tip i,
-.bailian-info-tip svg {
-  width: 15px;
-  height: 15px;
-}
-
-.bailian-info-tip::after {
-  width: max-content;
-  max-width: 280px;
-  white-space: normal;
-  text-align: left;
-}
-
-.bailian-hotword-desc,
-.bailian-switch-desc,
-.bailian-section-inline-action,
-.bailian-list-desc,
-.bailian-variable-desc,
-.bailian-mini-card small,
-.bailian-mcp-empty p {
-  font-size: 12px;
-  line-height: 1.6;
-  color: var(--agent-muted);
-}
-
-.bailian-link-btn {
-  height: 32px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: 6px;
-  padding: 0 10px;
-  border-radius: 8px;
-  color: var(--agent-green-dark);
-  background: var(--agent-primary-soft);
-  border: 1px solid var(--agent-primary-border);
-  font-size: 13px;
-  font-weight: 600;
-  white-space: nowrap;
-  transition: background .18s ease, transform .18s ease;
-}
-
-.bailian-link-btn:hover {
-  background: #dffcef;
-  transform: translateY(-1px);
-}
-
-.bailian-token-row {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 8px;
-  margin-top: 12px;
-}
-
-.bailian-token-row.compact {
-  margin-top: 8px;
-  gap: 6px;
-}
-
-.bailian-token {
-  display: inline-flex;
-  align-items: center;
-  height: 28px;
-  padding: 0 10px;
-  border-radius: 999px;
-  border: 1px solid var(--agent-primary-border);
-  background: var(--agent-primary-soft);
-  color: var(--agent-green-dark);
-  font-size: 12px;
-  font-weight: 600;
-}
-
-.bailian-token.muted {
-  color: var(--agent-muted);
-  background: #f7f8fc;
-  border-color: #e5e7f0;
-}
-
-.agent-switch {
-  position: relative;
-  width: 42px;
-  height: 24px;
-  flex-shrink: 0;
-}
-
-.agent-switch input {
-  position: absolute;
-  opacity: 0;
-}
-
-.agent-switch span {
-  position: absolute;
-  inset: 0;
-  border-radius: 999px;
-  background: #d5dae5;
-  cursor: pointer;
-  transition: background .2s ease;
-}
-
-.agent-switch span::after {
-  content: "";
-  position: absolute;
-  top: 3px;
-  left: 3px;
-  width: 18px;
-  height: 18px;
-  border-radius: 50%;
-  background: #fff;
-  box-shadow: 0 1px 3px rgba(0,0,0,.15);
-  transition: transform .2s ease;
-}
-
-.agent-switch input:checked + span {
-  background: var(--agent-primary-dark);
-}
-
-.agent-switch input:checked + span::after {
-  transform: translateX(18px);
-}
-
-.bailian-radio-list {
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-}
-
-.bailian-radio-list.compact {
-  gap: 8px;
-}
-
-.bailian-check-card {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  padding: 12px 14px;
-  border: 1px solid var(--agent-border);
-  border-radius: 12px;
-  background: #fff;
-  transition: border-color .18s ease, background .18s ease, transform .18s ease;
-}
-
-.bailian-check-card:hover {
-  border-color: #cfd5e3;
-  background: #fbfcff;
-  transform: translateY(-1px);
-}
-
-.bailian-check-card input {
-  accent-color: var(--agent-green-dark);
-}
-
-.bailian-check-card span {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  min-width: 0;
-}
-
-.bailian-check-card strong {
-  font-size: 14px;
-  color: var(--agent-ink);
-}
-
-.bailian-check-card small {
-  font-size: 12px;
-  line-height: 1.5;
-  color: var(--agent-muted);
-}
-
-.bailian-check-card.readonly {
-  opacity: .82;
-}
-
-.bailian-check-card.readonly .bailian-radio-dot {
-  margin-left: 2px;
-}
-
-.bailian-filter-summary {
-  margin-top: 12px;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 12px;
-  padding: 12px;
-  border: 1px solid var(--agent-border);
-  border-radius: 12px;
-  background: #fbfcff;
-}
-
-.bailian-filter-summary-main {
-  flex: 1;
-  min-width: 0;
-}
-
-.bailian-filter-summary-title,
-.bailian-filter-group-title {
-  font-size: 13px;
-  font-weight: 700;
-  color: var(--agent-ink);
-}
-
-.bailian-filter-summary-meta {
-  margin-top: 3px;
-  font-size: 12px;
-  line-height: 1.5;
-  color: var(--agent-muted);
-}
-
-.bailian-filter-group {
-  padding: 14px;
-  border: 1px solid var(--agent-border);
-  border-radius: 12px;
-  background: #fff;
-}
-
-.bailian-filter-group-title {
-  margin-bottom: 10px;
-}
-
-.bailian-radio-card {
-  min-height: 46px;
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  padding: 12px 14px;
-  border: 1px solid var(--agent-border);
-  border-radius: 12px;
-  cursor: pointer;
-  transition: border-color .18s ease, background .18s ease;
-}
-
-.bailian-radio-card input {
-  display: none;
-}
-
-.bailian-radio-card:hover,
-.bailian-radio-card:has(input:checked) {
-  border-color: var(--agent-green);
-  background: var(--agent-primary-soft);
-}
-
-.bailian-radio-dot {
-  width: 16px;
-  height: 16px;
-  border-radius: 50%;
-  border: 1px solid #c8cfdd;
-  box-shadow: inset 0 0 0 4px #fff;
-  background: #fff;
-  transition: border-color .18s ease, background .18s ease;
-}
-
-.bailian-radio-card:has(input:checked) .bailian-radio-dot {
-  border-color: var(--agent-primary-dark);
-  background: var(--agent-primary-dark);
-}
-
-.bailian-radio-card span:last-child {
-  font-size: 14px;
-  color: var(--agent-text);
-}
-
-.bailian-run-btn {
-  width: 100%;
-  height: 48px;
-  border-radius: 12px;
-  font-size: 15px;
-  font-weight: 700;
-  transition: background .18s ease, transform .18s ease, box-shadow .18s ease;
-}
-
-.bailian-run-btn:hover {
-  transform: translateY(-1px);
-  box-shadow: 0 8px 18px rgba(82,196,26,.18);
-}
-
-.prompt-section {
-  padding-bottom: 0;
-  overflow: hidden;
-}
-
-.bailian-prompt-editor {
-  width: 100%;
-  height: 360px;
-  min-height: 360px;
-  resize: vertical;
-  padding: 16px;
-  border: 1px solid var(--agent-border);
-  border-radius: 12px;
-  background: #fff;
-  color: var(--agent-text);
-  outline: none;
-  font-family: "SF Mono", Monaco, Consolas, "Liberation Mono", monospace;
-  font-size: 13px;
-  line-height: 1.7;
-}
-
-.bailian-prompt-footer {
-  height: 44px;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 12px;
-  color: var(--agent-muted);
-  font-size: 12px;
-}
-
-.bailian-prompt-footer strong {
-  color: var(--agent-text);
-  font-weight: 600;
-}
-
-.bailian-variable-grid,
-.bailian-mode-grid,
-.bailian-model-mode-grid,
-.bailian-mini-grid {
-  display: grid;
-  gap: 12px;
-}
-
-.bailian-variable-grid {
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-}
-
-.bailian-variable-simple {
-  margin-top: 14px;
-  border: 1px solid var(--agent-border);
-  border-radius: 12px;
-  background: #fff;
-  overflow: hidden;
-}
-
-.bailian-variable-simple-head,
-.bailian-variable-simple-row {
-  display: grid;
-  grid-template-columns: minmax(150px, .72fr) minmax(220px, 1.28fr) 36px;
-  align-items: center;
-  gap: 10px;
-}
-
-.bailian-variable-simple-head {
-  min-height: 42px;
-  padding: 0 12px;
-  border-bottom: 1px solid var(--agent-border);
-  background: #fbfcff;
-  color: var(--agent-muted);
-  font-size: 12px;
-  font-weight: 700;
-}
-
-.bailian-variable-simple-list {
-  display: flex;
-  flex-direction: column;
-}
-
-.bailian-variable-simple-row {
-  padding: 10px 12px;
-  border-bottom: 1px solid #f0f2f7;
-}
-
-.bailian-variable-simple-row:last-child {
-  border-bottom: 0;
-}
-
-.bailian-variable-simple-row .bailian-input {
-  height: 40px;
-}
-
-.bailian-variable-simple-empty {
-  min-height: 86px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: var(--agent-muted);
-  font-size: 13px;
-}
-
-.bailian-variable-manager {
-  display: grid;
-  grid-template-columns: 238px minmax(0, 1fr);
-  gap: 12px;
-}
-
-.bailian-variable-list-pane,
-.bailian-variable-detail-pane {
-  min-height: 360px;
-  border: 1px solid var(--agent-border);
-  border-radius: 12px;
-  background: #fff;
-}
-
-.bailian-variable-pane-head {
-  height: 44px;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 10px;
-  padding: 0 12px;
-  border-bottom: 1px solid var(--agent-border);
-  font-size: 13px;
-  font-weight: 700;
-  color: var(--agent-ink);
-}
-
-.bailian-variable-pane-head strong {
-  min-width: 24px;
-  height: 22px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 999px;
-  background: #f2f4f7;
-  color: var(--agent-muted);
-  font-size: 12px;
-}
-
-.bailian-variable-list {
-  max-height: 410px;
-  overflow: auto;
-  padding: 8px;
-}
-
-.bailian-variable-row {
-  width: 100%;
-  min-height: 58px;
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) 28px;
-  align-items: center;
-  gap: 8px;
-  padding: 9px 8px;
-  border: 1px solid transparent;
-  border-radius: 10px;
-  background: transparent;
-  color: inherit;
-  text-align: left;
-  cursor: pointer;
-}
-
-.bailian-variable-row:hover,
-.bailian-variable-row.active {
-  border-color: var(--agent-border);
-  background: #fbfcff;
-}
-
-.bailian-variable-row.active {
-  border-color: #cbd5e1;
-  box-shadow: var(--agent-card-shadow);
-}
-
-.bailian-variable-select {
-  min-width: 0;
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) auto;
-  align-items: center;
-  gap: 8px;
-  padding: 0;
-  border: 0;
-  background: transparent;
-  color: inherit;
-  text-align: left;
-  cursor: pointer;
-}
-
-.bailian-variable-row-main {
-  min-width: 0;
-}
-
-.bailian-variable-row-main strong,
-.bailian-variable-row-main small {
-  display: block;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.bailian-variable-row-main strong {
-  font-size: 13px;
-  color: var(--agent-ink);
-}
-
-.bailian-variable-row-main small {
-  margin-top: 3px;
-  font-size: 11px;
-  color: var(--agent-muted);
-}
-
-.bailian-variable-source {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  height: 22px;
-  padding: 0 8px;
-  border-radius: 999px;
-  border: 1px solid #e5e7f0;
-  background: #f7f8fc;
-  color: var(--agent-muted);
-  font-size: 11px;
-  font-weight: 700;
-  white-space: nowrap;
-}
-
-.bailian-variable-source.green {
-  color: var(--agent-green-dark);
-  background: var(--agent-primary-soft);
-  border-color: var(--agent-primary-border);
-}
-
-.bailian-variable-source.blue {
-  color: #0958d9;
-  background: #e6f4ff;
-  border-color: #91caff;
-}
-
-.bailian-variable-source.purple {
-  color: #722ed1;
-  background: #f9f0ff;
-  border-color: #d3adf7;
-}
-
-.bailian-variable-source.orange {
-  color: #ad4e00;
-  background: #fff7e6;
-  border-color: #ffd591;
-}
-
-.bailian-variable-source.cyan {
-  color: #08979c;
-  background: #e6fffb;
-  border-color: #87e8de;
-}
-
-.bailian-variable-source.red {
-  color: #cf1322;
-  background: #fff1f0;
-  border-color: #ffa39e;
-}
-
-.bailian-variable-delete {
-  width: 28px;
-  height: 28px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  border: 0;
-  border-radius: 8px;
-  background: transparent;
-  color: #9aa3b2;
-  cursor: pointer;
-}
-
-.bailian-variable-delete:hover {
-  color: var(--danger);
-  background: #fff2f0;
-}
-
-.bailian-variable-delete i,
-.bailian-variable-delete svg {
-  width: 15px;
-  height: 15px;
-}
-
-.bailian-variable-detail-pane {
-  padding: 14px;
-}
-
-.bailian-variable-detail {
-  display: flex;
-  flex-direction: column;
-  gap: 14px;
-}
-
-.bailian-variable-detail-head {
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  gap: 12px;
-}
-
-.bailian-variable-detail-name {
-  font-size: 16px;
-  font-weight: 800;
-  color: var(--agent-ink);
-}
-
-.bailian-variable-detail-desc {
-  margin-top: 6px;
-  font-size: 12px;
-  line-height: 1.6;
-  color: var(--agent-muted);
-}
-
-.bailian-variable-detail-grid {
-  display: grid;
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-  gap: 10px;
-}
-
-.bailian-variable-detail-grid > div {
-  min-width: 0;
-  padding: 10px;
-  border-radius: 10px;
-  background: #fbfcff;
-  border: 1px solid #eef1f6;
-}
-
-.bailian-variable-detail-grid span,
-.bailian-variable-example span,
-.bailian-variable-section-title {
-  display: block;
-  font-size: 11px;
-  color: var(--agent-muted);
-  margin-bottom: 5px;
-}
-
-.bailian-variable-detail-grid strong {
-  display: block;
-  overflow-wrap: anywhere;
-  font-size: 12px;
-  color: var(--agent-ink);
-}
-
-.bailian-variable-code {
-  font-family: "SF Mono", Monaco, Consolas, "Liberation Mono", monospace;
-}
-
-.bailian-variable-example {
-  padding: 10px;
-  border-radius: 10px;
-  background: #fbfcff;
-  border: 1px solid #eef1f6;
-}
-
-.bailian-variable-example code {
-  display: block;
-  overflow-wrap: anywhere;
-  color: var(--agent-ink);
-  font-size: 12px;
-  line-height: 1.5;
-}
-
-.bailian-variable-actions {
-  display: flex;
-  justify-content: flex-end;
-  gap: 8px;
-}
-
-.bailian-variable-empty,
-.bailian-variable-detail-empty {
-  height: 100%;
-  min-height: 240px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 8px;
-  padding: 20px;
-  text-align: center;
-  color: var(--agent-muted);
-}
-
-.bailian-variable-detail-empty i,
-.bailian-variable-detail-empty svg {
-  width: 28px;
-  height: 28px;
-}
-
-.bailian-variable-empty strong,
-.bailian-variable-detail-empty strong {
-  color: var(--agent-ink);
-  font-size: 14px;
-}
-
-.bailian-variable-form {
-  display: grid;
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-  gap: 12px;
-}
-
-.bailian-variable-form-wide {
-  grid-column: 1 / -1;
-}
-
-.bailian-variable-textarea {
-  min-height: 92px;
-  resize: vertical;
-  line-height: 1.6;
-}
-
-.bailian-variable-usage-checks {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 10px 14px;
-}
-
-.bailian-mode-grid {
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-}
-
-.bailian-variable-card,
-.bailian-add-card,
-.bailian-mode-card,
-.bailian-mini-card,
-.bailian-list-card,
-.bailian-kb-card,
-.bailian-mcp-empty {
-  border: 1px solid var(--agent-border);
-  border-radius: 12px;
-  background: #fff;
-  transition: border-color .18s ease, background .18s ease, transform .18s ease;
-}
-
-.bailian-variable-card,
-.bailian-add-card,
-.bailian-mode-card,
-.bailian-mini-card {
-  padding: 14px;
-}
-
-.bailian-variable-name,
-.bailian-list-title,
-.bailian-mini-card strong,
-.bailian-mcp-empty strong {
-  font-size: 14px;
-  font-weight: 700;
-  color: var(--agent-ink);
-}
-
-.bailian-add-card {
-  min-height: 72px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 8px;
-  color: var(--agent-muted);
-  border-style: dashed;
-}
-
-.bailian-add-card.compact {
-  min-height: 108px;
-  flex-direction: column;
-}
-
-.bailian-add-card:hover {
-  color: var(--agent-green-dark);
-  border-color: var(--agent-green);
-  background: var(--agent-primary-soft);
-  transform: translateY(-1px);
-}
-
-.bailian-inline-field {
-  justify-content: flex-start;
-  color: var(--agent-muted);
-  font-size: 14px;
-}
-
-.bailian-section-inline-action {
-  margin: -4px 0 12px;
-}
-
-.bailian-list-card,
-.bailian-kb-card {
-  min-height: 72px;
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  padding: 14px;
-}
-
-.bailian-list-main {
-  flex: 1;
-  min-width: 0;
-}
-
-.bailian-list-title {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-
-.bailian-list-title span,
-.bailian-kb-weight {
-  color: var(--agent-green-dark);
-  font-size: 12px;
-  font-weight: 700;
-}
-
-.bailian-list-desc {
-  margin-top: 4px;
-}
-
-.bailian-small-pill {
-  color: var(--agent-green-dark);
-  background: var(--agent-primary-soft);
-  border: 1px solid var(--agent-primary-border);
-}
-
-.bailian-kb-weight {
-  margin-top: 6px;
-}
-
-.bailian-kb-empty {
-  min-height: 96px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 8px;
-  border: 1px dashed var(--agent-border);
-  border-radius: 12px;
-  background: #fbfcff;
-  color: var(--agent-muted);
-  font-size: 13px;
-}
-
-.bailian-kb-empty i,
-.bailian-kb-empty svg {
-  width: 18px;
-  height: 18px;
-}
-
-.bailian-kb-picker {
-  display: flex;
-  flex-direction: column;
-  gap: 14px;
-}
-
-.bailian-kb-picker-toolbar {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 12px;
-}
-
-.bailian-search-field {
-  flex: 1;
-  min-width: 240px;
-  height: 40px;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 0 12px;
-  border: 1px solid var(--agent-border);
-  border-radius: 10px;
-  background: #fff;
-  color: var(--agent-muted);
-}
-
-.bailian-search-field i,
-.bailian-search-field svg {
-  width: 16px;
-  height: 16px;
-  flex-shrink: 0;
-}
-
-.bailian-search-field input {
-  width: 100%;
-  border: 0;
-  outline: none;
-  background: transparent;
-  color: var(--agent-ink);
-  font-size: 13px;
-}
-
-.bailian-kb-picker-list {
-  max-height: 460px;
-  overflow: auto;
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-  padding-right: 2px;
-}
-
-.bailian-kb-picker-card {
-  display: grid;
-  grid-template-columns: 18px minmax(0, 1fr) auto;
-  align-items: center;
-  gap: 12px;
-  padding: 14px;
-  border: 1px solid var(--agent-border);
-  border-radius: 12px;
-  background: #fff;
-  cursor: pointer;
-  transition: border-color .18s ease, background .18s ease, box-shadow .18s ease;
-}
-
-.bailian-kb-picker-card:hover,
-.bailian-kb-picker-card.active {
-  border-color: #cbd5e1;
-  background: #fbfcff;
-  box-shadow: var(--agent-card-shadow);
-}
-
-.bailian-kb-picker-card input {
-  display: none;
-}
-
-.bailian-kb-picker-check {
-  width: 18px;
-  height: 18px;
-  border: 1px solid #cbd5e1;
-  border-radius: 6px;
-  background: #fff;
-  position: relative;
-}
-
-.bailian-kb-picker-card.active .bailian-kb-picker-check {
-  border-color: var(--agent-green);
-  background: var(--agent-green);
-}
-
-.bailian-kb-picker-card.active .bailian-kb-picker-check::after {
-  content: "";
-  position: absolute;
-  left: 5px;
-  top: 2px;
-  width: 5px;
-  height: 9px;
-  border: solid #fff;
-  border-width: 0 2px 2px 0;
-  transform: rotate(45deg);
-}
-
-.bailian-kb-picker-main {
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 5px;
-}
-
-.bailian-kb-picker-main strong {
-  color: var(--agent-ink);
-  font-size: 14px;
-}
-
-.bailian-kb-picker-main small {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  color: var(--agent-muted);
-  font-size: 12px;
-}
-
-.bailian-kb-picker-meta {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 8px;
-}
-
-.bailian-kb-picker-meta em {
-  font-style: normal;
-  color: var(--agent-muted);
-  font-size: 11px;
-}
-
-.bailian-kb-picker-status {
-  height: 24px;
-  display: inline-flex;
-  align-items: center;
-  padding: 0 8px;
-  border-radius: 999px;
-  border: 1px solid #e5e7f0;
-  background: #f7f8fc;
-  color: var(--agent-muted);
-  font-size: 11px;
-  font-weight: 700;
-  white-space: nowrap;
-}
-
-.bailian-kb-picker-status.ready {
-  color: var(--agent-green-dark);
-  background: var(--agent-primary-soft);
-  border-color: var(--agent-primary-border);
-}
-
-.bailian-kb-picker-status.processing,
-.bailian-kb-picker-status.uploading {
-  color: #0958d9;
-  background: #e6f4ff;
-  border-color: #91caff;
-}
-
-.bailian-kb-picker-status.error {
-  color: #cf1322;
-  background: #fff1f0;
-  border-color: #ffa39e;
-}
-
-.bailian-kb-picker-empty {
-  min-height: 180px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 8px;
-  border: 1px dashed var(--agent-border);
-  border-radius: 12px;
-  background: #fbfcff;
-  color: var(--agent-muted);
-  font-size: 13px;
-}
-
-.bailian-kb-picker-empty i,
-.bailian-kb-picker-empty svg {
-  width: 28px;
-  height: 28px;
-}
-
-.bailian-mode-card {
-  cursor: pointer;
-}
-
-.bailian-mode-card input {
-  display: none;
-}
-
-.bailian-mode-card strong,
-.bailian-mode-card span {
-  display: block;
-}
-
-.bailian-mode-card strong {
-  margin-bottom: 6px;
-  font-size: 14px;
-  color: var(--agent-ink);
-}
-
-.bailian-mode-card span {
-  font-size: 12px;
-  line-height: 1.6;
-  color: var(--agent-muted);
-}
-
-.bailian-mode-card.active,
-.bailian-mode-card:has(input:checked) {
-  border-color: var(--agent-green);
-  background: var(--agent-primary-soft);
-  box-shadow: 0 0 0 3px rgba(82,196,26,.10);
-}
-
-.bailian-mini-grid {
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-}
-
-.bailian-mini-card {
-  min-height: 108px;
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
-
-.bailian-mini-card span {
-  width: 34px;
-  height: 34px;
-  border-radius: 10px;
-}
-
-.bailian-mcp-empty {
-  padding: 16px;
-}
-
-.bailian-mcp-empty p {
-  max-width: 420px;
-  margin: 6px 0 0;
-}
-
-.bailian-mcp-card-meta {
-  margin-top: 8px;
-  display: flex;
-  flex-wrap: wrap;
-  gap: 8px;
-}
-
-.bailian-mcp-card-meta span {
-  max-width: 220px;
-  overflow: hidden;
-  color: var(--agent-muted);
-  font-size: 11px;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.bailian-mcp-error {
-  margin-top: 8px;
-  color: #cf1322;
-  font-size: 12px;
-}
-
-.bailian-mcp-tool-block {
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-  margin-top: 4px;
-}
-
-.bailian-mcp-tool-row {
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr) minmax(0, 1.2fr) 34px;
-  gap: 10px;
-  align-items: center;
-  padding: 10px 0;
-  border-bottom: 1px solid #edf0f6;
-}
-
-.bailian-mcp-tool-row:last-child {
-  border-bottom: 0;
-}
-
-.bailian-empty-inline {
-  padding: 12px 0;
-  font-size: 12px;
-  color: var(--agent-muted);
-}
-
-.bailian-weight-row {
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) 110px;
-  gap: 12px;
-  align-items: center;
-  padding: 12px;
-  border: 1px solid var(--agent-border);
-  border-radius: 12px;
-  background: #fff;
-}
-
-.bailian-weight-name {
-  font-size: 14px;
-  font-weight: 700;
-  color: var(--agent-ink);
-}
-
-.bailian-weight-desc {
-  margin-top: 4px;
-  font-size: 12px;
-  line-height: 1.6;
-  color: var(--agent-muted);
-}
-
-.bailian-weight-input {
-  width: 100%;
-}
-
-.bailian-filter-modal,
-.bailian-command-modal {
-  display: flex;
-  flex-direction: column;
-  gap: 14px;
-}
-
-.bailian-filter-modal-desc {
-  padding: 12px 14px;
-  border-radius: 12px;
-  border: 1px solid #edf0f6;
-  background: #fafbfe;
-  font-size: 12px;
-  line-height: 1.7;
-  color: var(--agent-muted);
-}
-
-.bailian-filter-modal-section {
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-}
-
-.bailian-filter-head {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 12px;
-}
-
-.bailian-check-grid {
-  display: grid;
-  grid-template-columns: repeat(3, minmax(0, 1fr));
-  gap: 10px;
-}
-
-.bailian-filter-row,
-.bailian-command-row {
-  display: grid;
-  gap: 10px;
-  align-items: center;
-}
-
-.bailian-filter-row {
-  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 34px;
-  margin-top: 10px;
-}
-
-.bailian-filter-row.single {
-  grid-template-columns: minmax(0, 1fr) 34px;
-}
-
-.bailian-command-row {
-  grid-template-columns: 160px minmax(0, 1.4fr) minmax(0, 1fr) 120px 120px 34px;
-  padding: 10px 0;
-  border-bottom: 1px solid #edf0f6;
-}
-
-.bailian-command-row:last-child {
-  border-bottom: 0;
-}
-
-.bailian-command-table-wrap {
-  overflow: auto;
-  border: 1px solid var(--agent-border);
-  border-radius: 12px;
-}
-
-.bailian-command-table {
-  width: 100%;
-  border-collapse: collapse;
-  background: #fff;
-}
-
-.bailian-command-table th,
-.bailian-command-table td {
-  padding: 12px;
-  border-bottom: 1px solid #edf0f6;
-  text-align: left;
-  vertical-align: top;
-  font-size: 12px;
-}
-
-.bailian-command-table th {
-  position: sticky;
-  top: 0;
-  z-index: 1;
-  background: #fbfcff;
-  color: var(--agent-ink);
-  font-weight: 700;
-}
-
-.bailian-command-table td .form-control,
-.bailian-command-table td textarea,
-.bailian-command-table td input {
-  width: 100%;
-  min-width: 0;
-}
-
-.bailian-command-table textarea {
-  min-height: 70px;
-  padding: 10px 12px;
-  resize: vertical;
-}
-
-.bailian-command-form {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  margin-top: 6px;
-}
-
-.bailian-command-head-actions {
-  display: inline-flex;
-  align-items: center;
-  gap: 10px;
-}
-
-.bailian-command-empty,
-.bailian-command-library-empty {
-  min-height: 150px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 8px;
-  padding: 24px;
-  border: 1px dashed var(--agent-border);
-  border-radius: 12px;
-  background: #fbfcff;
-  color: var(--agent-muted);
-  text-align: center;
-}
-
-.bailian-command-empty i,
-.bailian-command-empty svg,
-.bailian-command-library-empty i,
-.bailian-command-library-empty svg {
-  width: 28px;
-  height: 28px;
-}
-
-.bailian-command-empty strong,
-.bailian-command-library-empty strong {
-  color: var(--agent-ink);
-  font-size: 14px;
-}
-
-.bailian-command-empty span,
-.bailian-command-library-empty span {
-  font-size: 12px;
-  line-height: 1.6;
-}
-
-.bailian-command-library,
-.bailian-command-editor {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-}
-
-.bailian-command-library-list {
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-}
-
-.bailian-command-library-card {
-  display: grid;
-  grid-template-columns: 18px minmax(0, 1fr) auto;
-  align-items: flex-start;
-  gap: 12px;
-  padding: 14px;
-  border: 1px solid var(--agent-border);
-  border-radius: 12px;
-  background: #fff;
-  transition: border-color .18s ease, background .18s ease, box-shadow .18s ease;
-}
-
-.bailian-command-library-card:hover,
-.bailian-command-library-card.active {
-  border-color: #cbd5e1;
-  background: #fbfcff;
-  box-shadow: var(--agent-card-shadow);
-}
-
-.bailian-command-select {
-  margin-top: 2px;
-  cursor: pointer;
-}
-
-.bailian-command-select input {
-  display: none;
-}
-
-.bailian-command-select span {
-  width: 18px;
-  height: 18px;
-  display: inline-flex;
-  border: 1px solid #cbd5e1;
-  border-radius: 6px;
-  background: #fff;
-  position: relative;
-}
-
-.bailian-command-select input:checked + span {
-  border-color: var(--agent-green);
-  background: var(--agent-green);
-}
-
-.bailian-command-select input:checked + span::after {
-  content: "";
-  position: absolute;
-  left: 5px;
-  top: 2px;
-  width: 5px;
-  height: 9px;
-  border: solid #fff;
-  border-width: 0 2px 2px 0;
-  transform: rotate(45deg);
-}
-
-.bailian-command-library-main {
-  min-width: 0;
-}
-
-.bailian-command-library-title {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  flex-wrap: wrap;
-}
-
-.bailian-command-library-title strong {
-  color: var(--agent-ink);
-  font-size: 14px;
-}
-
-.bailian-command-library-title em {
-  height: 22px;
-  display: inline-flex;
-  align-items: center;
-  padding: 0 8px;
-  border-radius: 999px;
-  background: var(--agent-primary-soft);
-  color: var(--agent-green-dark);
-  font-style: normal;
-  font-size: 11px;
-  font-weight: 700;
-}
-
-.bailian-command-library-main p {
-  margin: 6px 0 0;
-  color: var(--agent-muted);
-  font-size: 12px;
-  line-height: 1.6;
-}
-
-.bailian-command-library-meta {
-  margin-top: 8px;
-  display: flex;
-  flex-wrap: wrap;
-  gap: 8px;
-}
-
-.bailian-command-library-meta span {
-  color: var(--agent-muted);
-  font-size: 11px;
-}
-
-.bailian-command-library-actions {
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-}
-
-.bailian-command-editor {
-  padding: 14px;
-  border: 1px solid var(--agent-border);
-  border-radius: 12px;
-  background: #fbfcff;
-}
-
-.bailian-command-editor-grid {
-  display: grid;
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-  gap: 12px;
-}
-
-.bailian-command-editor-wide {
-  grid-column: 1 / -1;
-}
-
-.bailian-command-editor-textarea {
-  min-height: 92px;
-  resize: vertical;
-  line-height: 1.6;
-}
-
-.bailian-command-editor-actions {
-  display: flex;
-  justify-content: flex-end;
-  gap: 10px;
-  margin-top: 12px;
-}
-
-.bailian-add-round {
-  width: 38px;
-  height: 38px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  border-radius: 50%;
-  background: var(--agent-primary-dark);
-  color: #fff;
-  transition: background .18s ease, transform .18s ease;
-}
-
-.bailian-add-round:hover {
-  background: var(--agent-primary-hover);
-  transform: translateY(-1px);
-}
-
-.bailian-preview-pane {
-  min-width: 0;
-  min-height: 0;
-  overflow: auto;
-  background: #f7f8fc;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 48px;
-}
-
-.bailian-preview-empty {
-  max-width: 420px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  text-align: center;
-}
-
-.bailian-preview-empty h2 {
-  margin: 28px 0 8px;
-  font-size: 22px;
-  line-height: 1.35;
-  font-weight: 700;
-  color: var(--agent-ink);
-}
-
-.bailian-preview-empty p {
-  margin: 0;
-  font-size: 14px;
-  line-height: 1.7;
-  color: var(--agent-muted);
-}
-
-.bailian-preview-tip {
-  margin-top: 18px;
-  display: inline-flex;
-  align-items: flex-start;
-  gap: 8px;
-  padding: 10px 12px;
-  border-radius: 12px;
-  background: rgba(255,255,255,.72);
-  border: 1px solid var(--agent-border);
-  color: var(--agent-muted);
-  font-size: 12px;
-  line-height: 1.6;
-}
-
-.bailian-preview-tip i {
-  width: 15px;
-  height: 15px;
-  margin-top: 2px;
-  color: #a5adbb;
-}
-
-.bailian-preview-pane.is-runtime {
-  align-items: stretch;
-  justify-content: stretch;
-  padding: 36px;
-}
-
-.bailian-preview-pane.is-runtime.is-voice-runtime {
-  overflow: visible;
-  padding: 14px 16px 16px;
-}
-
-.bailian-preview-pane.is-runtime.is-text-runtime {
-  overflow: visible;
-  padding: 14px 16px 16px;
-}
-
-.bailian-preview-pane.is-runtime.is-voice-runtime .agent-voice-panel {
-  overflow: visible;
-  border-radius: 0;
-}
-
-.bailian-preview-pane.is-runtime.is-text-runtime .agent-text-panel {
-  overflow: visible;
-  border-radius: 0;
-}
-
-.agent-runtime-shell {
-  width: min(760px, 100%);
-  margin: auto;
-  display: flex;
-  flex-direction: column;
-  gap: 18px;
-}
-
-.agent-runtime-shell.voice {
-  min-height: min(720px, calc(100vh - 136px));
-}
-
-.agent-runtime-shell.text-chat {
-  min-height: min(720px, calc(100vh - 136px));
-}
-
-.agent-text-panel {
-  width: 100%;
-  height: 100%;
-  min-height: min(720px, calc(100vh - 136px));
-  margin: 0 auto;
-  display: grid;
-  grid-template-rows: auto minmax(0, 1fr) auto;
-  overflow: visible;
-  border: 0;
-  border-radius: 0;
-  background:
-    radial-gradient(circle at 50% 20%, rgba(82,196,26,.075), transparent 34%),
-    var(--agent-soft);
-  box-shadow: none;
-}
-
-.agent-text-topbar {
-  min-height: 52px;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 16px;
-  padding: 8px clamp(12px, 1.8vw, 20px) 4px;
-  border-bottom: 0;
-  background: transparent;
-}
-
-.agent-text-title {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-
-.agent-text-title h2 {
-  margin: 0;
-  color: #303846;
-  font-size: 16px;
-  line-height: 1.35;
-  font-weight: 650;
-  letter-spacing: 0;
-}
-
-.agent-text-key {
-  margin-top: 6px;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  color: var(--agent-muted);
-  font-size: 11px;
-}
-
-.agent-text-key strong {
-  max-width: 340px;
-  overflow: hidden;
-  color: #4b5563;
-  font-weight: 700;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.agent-text-user {
-  display: inline-flex;
-  align-items: center;
-  gap: 8px;
-  color: #4b5563;
-  font-size: 13px;
-  font-weight: 650;
-}
-
-.agent-text-user i,
-.agent-text-user svg {
-  width: 15px;
-  height: 15px;
-}
-
-.agent-text-settings {
-  width: 32px;
-  height: 32px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  border: 0;
-  border-radius: 10px;
-  background: rgba(255,255,255,.82);
-  color: #6b7280;
-  cursor: pointer;
-  transition: background .18s ease, transform .18s ease;
-}
-
-.agent-text-settings:hover {
-  background: #fff;
-  transform: translateY(-1px);
-}
-
-.agent-text-message-area {
-  min-height: 0;
-  overflow-y: auto;
-  padding: clamp(28px, 6vh, 64px) clamp(12px, 1.8vw, 20px) 18px;
-  background: transparent;
-  scrollbar-width: none;
-}
-
-.agent-text-message-area::-webkit-scrollbar {
-  display: none;
-}
-
-.agent-text-message-stream {
-  width: 100%;
-  min-height: 100%;
-  margin: 0 auto;
-  display: flex;
-  flex-direction: column;
-  gap: 18px;
-}
-
-.agent-text-empty {
-  flex: 1;
-  min-height: 260px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: #a0a7b5;
-  font-size: 13px;
-}
-
-.agent-text-message-row {
-  display: flex;
-  width: 100%;
-}
-
-.agent-text-message-row.user {
-  justify-content: flex-end;
-}
-
-.agent-text-message-row.ai {
-  justify-content: flex-start;
-}
-
-.agent-text-user-bubble {
-  max-width: min(78%, 640px);
-  padding: 12px 16px;
-  border-radius: 18px 18px 4px 18px;
-  background: rgba(246,255,237,.88);
-  box-shadow: 0 2px 8px rgba(82,196,26,.045);
-  color: #303846;
-  font-size: 15px;
-  line-height: 1.65;
-  word-break: break-word;
-}
-
-.agent-text-ai-message {
-  max-width: min(82%, 700px);
-  color: #303846;
-}
-
-.agent-text-ai-label {
-  margin-bottom: 7px;
-  color: #8a93a3;
-  font-size: 12px;
-  font-weight: 700;
-}
-
-.agent-text-ai-content {
-  color: #303846;
-  font-size: 15px;
-  line-height: 1.85;
-  word-break: break-word;
-  white-space: pre-wrap;
-}
-
-.agent-text-actions {
-  margin-top: 10px;
-  display: flex;
-  align-items: center;
-  gap: 6px;
-}
-
-.agent-text-actions [data-tooltip]::after {
-  top: calc(100% + 8px);
-  bottom: auto;
-}
-
-.agent-text-actions [data-tooltip]:hover::after,
-.agent-text-actions [data-tooltip]:focus::after,
-.agent-text-actions [data-tooltip]:focus-visible::after {
-  transform: translateX(-50%) translateY(2px);
-}
-
-.agent-text-action-btn {
-  width: 30px;
-  height: 30px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  border: 1px solid #e5e7f0;
-  border-radius: 9px;
-  background: #fff;
-  color: #8a93a3;
-  cursor: pointer;
-  transition: border-color .18s ease, color .18s ease, transform .18s ease;
-}
-
-.agent-text-action-btn:hover {
-  border-color: var(--agent-primary-border);
-  color: var(--agent-primary-dark);
-  transform: translateY(-1px);
-}
-
-.agent-text-action-btn i,
-.agent-text-action-btn svg {
-  width: 14px;
-  height: 14px;
-}
-
-.agent-text-input-area {
-  padding: 0 clamp(12px, 1.8vw, 20px) 14px;
-  border-top: 0;
-  background: transparent;
-}
-
-.agent-text-input-shell {
-  width: 100%;
-  min-height: 66px;
-  margin: 0 auto;
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) auto;
-  gap: 10px;
-  align-items: center;
-  padding: 8px;
-  border: 1px solid rgba(229,231,240,.96);
-  border-radius: 999px;
-  background: rgba(255,255,255,.94);
-  box-shadow: 0 14px 40px rgba(31,41,55,.06);
-  transition: border-color .18s ease, box-shadow .18s ease;
-}
-
-.agent-text-input-shell:focus-within {
-  border-color: var(--agent-primary-border);
-  box-shadow: 0 14px 40px rgba(31,41,55,.06), 0 0 0 3px rgba(82,196,26,.10);
-}
-
-.agent-text-input {
-  width: 100%;
-  height: 48px;
-  padding: 0 16px;
-  border: 0;
-  border-radius: 999px;
-  outline: 0;
-  background: transparent;
-  color: #303846;
-  font-size: 14px;
-  transition: border-color .18s ease, box-shadow .18s ease;
-}
-
-.agent-text-input:focus {
-  box-shadow: none;
-}
-
-.agent-text-send {
-  width: 58px;
-  height: 48px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  border: 0;
-  border-radius: 16px;
-  background: var(--agent-primary-dark);
-  color: #fff;
-  cursor: pointer;
-  transition: background .18s ease, transform .18s ease;
-}
-
-.agent-text-send:hover {
-  background: var(--agent-primary-hover);
-  transform: translateY(-1px);
-}
-
-.agent-text-send:disabled {
-  cursor: not-allowed;
-  opacity: .55;
-  transform: none;
-}
-
-.agent-text-send i,
-.agent-text-send svg {
-  width: 17px;
-  height: 17px;
-}
-
-.agent-voice-panel {
-  width: 100%;
-  height: 100%;
-  min-height: min(720px, calc(100vh - 136px));
-  margin: 0 auto;
-  display: grid;
-  grid-template-rows: auto minmax(0, 1fr) auto;
-  position: relative;
-  overflow: visible;
-  border-radius: 0;
-  background:
-    radial-gradient(circle at 50% 20%, rgba(82,196,26,.075), transparent 34%),
-    var(--agent-soft);
-  animation: agentRuntimeFade .32s ease both;
-}
-
-.agent-voice-panel.recording,
-.agent-voice-panel.has-conversation {
-  animation: none;
-}
-
-@keyframes agentRuntimeFade {
-  from {
-    opacity: 0;
-    transform: translateY(8px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-
-.agent-voice-topbar {
-  min-height: 52px;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 16px;
-  padding: 8px clamp(12px, 1.8vw, 20px) 4px;
-}
-
-.agent-voice-title {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-
-.agent-voice-title h2 {
-  margin: 0;
-  color: #303846;
-  font-size: 16px;
-  line-height: 1.35;
-  font-weight: 650;
-}
-
-.agent-voice-user {
-  display: inline-flex;
-  align-items: center;
-  gap: 8px;
-  color: #4b5563;
-  font-size: 13px;
-  font-weight: 650;
-}
-
-.agent-voice-user i,
-.agent-voice-user svg {
-  width: 15px;
-  height: 15px;
-}
-
-.agent-voice-settings {
-  width: 32px;
-  height: 32px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  border: 0;
-  border-radius: 10px;
-  background: rgba(255,255,255,.82);
-  color: #6b7280;
-  cursor: pointer;
-  transition: background .18s ease, transform .18s ease;
-}
-
-.agent-voice-settings:hover {
-  background: #fff;
-  transform: translateY(-1px);
-}
-
-.agent-voice-stage {
-  min-height: 0;
-  position: relative;
-  display: flex;
-  align-items: flex-start;
-  justify-content: center;
-  overflow: auto;
-  padding: clamp(28px, 6vh, 64px) clamp(12px, 1.8vw, 20px) 18px;
-  scrollbar-width: none;
-}
-
-.agent-voice-stage::-webkit-scrollbar {
-  display: none;
-}
-
-.agent-voice-idle-center {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  text-align: center;
-  padding-top: clamp(10px, 2vh, 24px);
-  animation: agentRuntimeFade .36s ease both;
-}
-
-.agent-voice-logo {
-  width: 92px;
-  height: 92px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 24px;
-  background: linear-gradient(135deg, var(--agent-green) 0%, var(--agent-accent) 100%);
-  color: #fff;
-  box-shadow: 0 18px 46px rgba(82,196,26,.16);
-  animation: agentVoiceGlow 2.8s ease-in-out infinite;
-}
-
-@keyframes agentVoiceGlow {
-  0%, 100% {
-    transform: scale(1);
-    box-shadow: 0 18px 46px rgba(82,196,26,.15);
-  }
-  50% {
-    transform: scale(1.025);
-    box-shadow: 0 22px 58px rgba(82,196,26,.22);
-  }
-}
-
-.agent-voice-logo i,
-.agent-voice-logo svg {
-  width: 38px;
-  height: 38px;
-}
-
-.agent-voice-idle-center h3 {
-  margin: 22px 0 8px;
-  color: #303846;
-  font-size: 18px;
-  line-height: 1.35;
-  font-weight: 700;
-}
-
-.agent-voice-idle-center p {
-  max-width: 420px;
-  margin: 0;
-  color: #8a93a3;
-  font-size: 13px;
-  line-height: 1.8;
-}
-
-.agent-voice-conversation {
-  width: 100%;
-  overflow: visible;
-  margin: 0 auto;
-  padding-top: clamp(8px, 2vh, 28px);
-}
-
-.agent-voice-message-stream {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  gap: 18px;
-}
-
-.agent-voice-message-row {
-  display: flex;
-  width: 100%;
-}
-
-.agent-voice-message-row.user {
-  display: flex;
-  justify-content: flex-end;
-}
-
-.agent-voice-message-row.ai {
-  justify-content: flex-start;
-}
-
-.agent-voice-user-bubble {
-  max-width: min(78%, 640px);
-  padding: 12px 16px;
-  border-radius: 18px 18px 4px 18px;
-  background: rgba(246,255,237,.90);
-  box-shadow: 0 4px 14px rgba(82,196,26,.05);
-  color: #303846;
-  font-size: 15px;
-  line-height: 1.65;
-}
-
-.agent-voice-ai-row,
-.agent-voice-ai-message {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  max-width: min(82%, 700px);
-}
-
-.agent-voice-ai-content {
-  color: #303846;
-  font-size: 15px;
-  line-height: 1.65;
-  white-space: pre-wrap;
-}
-
-.agent-voice-ai-actions {
-  margin-top: 12px;
-  display: flex;
-  align-items: center;
-  gap: 6px;
-}
-
-.agent-voice-ai-actions:not(.is-visible) {
-  display: none;
-}
-
-.agent-voice-ai-actions [data-tooltip]::after {
-  top: calc(100% + 8px);
-  bottom: auto;
-}
-
-.agent-voice-ai-actions [data-tooltip]:hover::after,
-.agent-voice-ai-actions [data-tooltip]:focus::after,
-.agent-voice-ai-actions [data-tooltip]:focus-visible::after {
-  transform: translateX(-50%) translateY(2px);
-}
-
-.agent-voice-latency {
-  position: absolute;
-  right: clamp(12px, 1.8vw, 20px);
-  top: 48%;
-  transform: translateY(-50%);
-  padding: 8px 10px;
-  border: 1px solid #e5e7f0;
-  border-radius: 999px;
-  background: rgba(255,255,255,.72);
-  color: #6b7280;
-  font-size: 12px;
-  font-weight: 700;
-}
-
-.agent-voice-control {
-  min-height: 66px;
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) auto;
-  gap: 10px;
-  align-items: center;
-  margin: 0 clamp(12px, 1.8vw, 20px) 14px;
-  padding: 8px;
-  border: 1px solid rgba(229,231,240,.96);
-  border-radius: 999px;
-  background: rgba(255,255,255,.94);
-  box-shadow: 0 14px 40px rgba(31,41,55,.06);
-}
-
-.agent-voice-panel.recording .agent-voice-control {
-  grid-template-columns: 72px minmax(0, 1fr) auto;
-}
-
-.agent-voice-device {
-  height: 48px;
-  display: inline-flex;
-  align-items: center;
-  gap: 10px;
-  min-width: 0;
-  padding: 0 16px;
-  border: 0;
-  border-radius: 999px;
-  background: transparent;
-  color: #303846;
-  cursor: pointer;
-  transition: background .18s ease;
-}
-
-.agent-voice-device:hover {
-  background: #f7f8fc;
-}
-
-.agent-voice-device span {
-  overflow: hidden;
-  font-size: 14px;
-  font-weight: 650;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.agent-voice-device i,
-.agent-voice-device svg {
-  width: 18px;
-  height: 18px;
-  flex-shrink: 0;
-  color: #6b7280;
-}
-
-.agent-voice-start-btn,
-.agent-voice-hangup-btn,
-.agent-voice-mic-btn {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  border: 0;
-  cursor: pointer;
-  transition: transform .18s ease, filter .18s ease, background .18s ease;
-}
-
-.agent-voice-start-btn {
-  width: 58px;
-  height: 48px;
-  border-radius: 16px;
-  background: linear-gradient(135deg, var(--agent-green) 0%, var(--agent-accent) 100%);
-  color: #fff;
-  box-shadow: 0 12px 26px rgba(82,196,26,.18);
-}
-
-.agent-voice-start-btn:hover,
-.agent-voice-hangup-btn:hover,
-.agent-voice-mic-btn:hover {
-  transform: translateY(-1px);
-}
-
-.agent-voice-start-btn i,
-.agent-voice-start-btn svg,
-.agent-voice-hangup-btn i,
-.agent-voice-hangup-btn svg,
-.agent-voice-mic-btn i,
-.agent-voice-mic-btn svg {
-  width: 20px;
-  height: 20px;
-}
-
-.agent-voice-record-time {
-  color: var(--agent-green-dark);
-  font-size: 16px;
-  font-weight: 800;
-  text-align: center;
-  font-variant-numeric: tabular-nums;
-}
-
-.agent-voice-wave {
-  height: 44px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 5px;
-  overflow: hidden;
-}
-
-.agent-voice-wave span {
-  width: 6px;
-  height: 6px;
-  border-radius: 999px;
-  background: linear-gradient(180deg, var(--agent-green), var(--agent-accent));
-  opacity: .65;
-  animation: agentVoiceDotWave 920ms ease-in-out infinite;
-  animation-delay: calc(var(--i) * -42ms);
-}
-
-.agent-voice-wave.muted span {
-  background: #cbd5e1;
-  animation-play-state: paused;
-}
-
-@keyframes agentVoiceDotWave {
-  0%, 100% {
-    height: 6px;
-    opacity: .45;
-    transform: translateY(0);
-  }
-  40% {
-    height: 34px;
-    opacity: 1;
-    transform: translateY(-1px);
-  }
-  70% {
-    height: 16px;
-    opacity: .82;
-  }
-}
-
-.agent-voice-control-actions {
-  display: inline-flex;
-  align-items: center;
-  gap: 10px;
-}
-
-.agent-voice-mic-btn {
-  width: 44px;
-  height: 44px;
-  border-radius: 16px;
-  background: #f7f8fc;
-  color: #303846;
-}
-
-.agent-voice-mic-btn.muted {
-  background: #fff1f0;
-  color: #cf1322;
-}
-
-.agent-voice-hangup-btn {
-  width: 52px;
-  height: 44px;
-  border-radius: 16px;
-  background: #dc2626;
-  color: #fff;
-}
-
-.agent-runtime-head {
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  gap: 18px;
-}
-
-.agent-runtime-kicker {
-  display: inline-flex;
-  align-items: center;
-  height: 24px;
-  padding: 0 9px;
-  border-radius: 999px;
-  background: var(--agent-primary-soft);
-  color: var(--agent-green-dark);
-  font-size: 11px;
-  font-weight: 800;
-  letter-spacing: 0;
-}
-
-.agent-runtime-head h2 {
-  margin: 12px 0 8px;
-  color: var(--agent-ink);
-  font-size: 22px;
-  line-height: 1.32;
-}
-
-.agent-runtime-head p {
-  max-width: 520px;
-  margin: 0;
-  color: var(--agent-muted);
-  font-size: 13px;
-  line-height: 1.7;
-}
-
-.agent-runtime-metrics {
-  display: flex;
-  gap: 8px;
-  flex-wrap: wrap;
-  justify-content: flex-end;
-}
-
-.agent-runtime-metrics span {
-  display: inline-flex;
-  align-items: center;
-  height: 30px;
-  padding: 0 10px;
-  border: 1px solid var(--agent-border);
-  border-radius: 999px;
-  background: #fff;
-  color: var(--agent-ink);
-  font-size: 12px;
-  font-weight: 700;
-}
-
-.agent-runtime-auth-card,
-.agent-runtime-keybar,
-.agent-runtime-conversation,
-.agent-runtime-callbar,
-.agent-runtime-textbar,
-.agent-runtime-note {
-  border: 1px solid var(--agent-border);
-  border-radius: 14px;
-  background: rgba(255,255,255,.86);
-  box-shadow: var(--agent-card-shadow);
-}
-
-.agent-runtime-auth-card {
-  display: grid;
-  grid-template-columns: minmax(0, 1fr);
-  gap: 14px;
-  padding: 18px;
-}
-
-.agent-runtime-note {
-  display: flex;
-  align-items: flex-start;
-  gap: 10px;
-  padding: 12px 14px;
-  color: var(--agent-muted);
-  font-size: 12px;
-  line-height: 1.7;
-}
-
-.agent-runtime-note i,
-.agent-runtime-note svg {
-  width: 16px;
-  height: 16px;
-  margin-top: 2px;
-  color: var(--agent-green-dark);
-}
-
-.agent-runtime-auth-actions {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  flex-wrap: wrap;
-}
-
-.agent-runtime-keybar {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 12px;
-  padding: 13px 15px;
-}
-
-.agent-runtime-keybar span {
-  display: block;
-  color: var(--agent-muted);
-  font-size: 11px;
-  font-weight: 700;
-}
-
-.agent-runtime-keybar strong {
-  display: block;
-  margin-top: 4px;
-  color: var(--agent-ink);
-  font-size: 13px;
-  font-weight: 750;
-}
-
-.agent-runtime-conversation {
-  flex: 1;
-  min-height: 300px;
-  display: flex;
-  flex-direction: column;
-  gap: 14px;
-  padding: 18px;
-}
-
-.agent-runtime-conversation.chat {
-  min-height: 360px;
-  max-height: min(520px, calc(100vh - 360px));
-  overflow-y: auto;
-}
-
-.agent-runtime-message {
-  display: grid;
-  grid-template-columns: 36px minmax(0, 1fr);
-  gap: 12px;
-  align-items: flex-start;
-}
-
-.agent-runtime-avatar {
-  width: 36px;
-  height: 36px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 11px;
-  background: #f7f8fc;
-  color: var(--agent-muted);
-}
-
-.agent-runtime-message.ai .agent-runtime-avatar {
-  background: var(--agent-primary-soft);
-  color: var(--agent-green-dark);
-}
-
-.agent-runtime-avatar i,
-.agent-runtime-avatar svg {
-  width: 17px;
-  height: 17px;
-}
-
-.agent-runtime-message span {
-  display: block;
-  margin-bottom: 6px;
-  color: var(--agent-muted);
-  font-size: 12px;
-  font-weight: 700;
-}
-
-.agent-runtime-message p {
-  margin: 0;
-  color: var(--agent-ink);
-  font-size: 14px;
-  line-height: 1.75;
-}
-
-.agent-runtime-message.user {
-  align-self: flex-end;
-  max-width: 82%;
-}
-
-.agent-runtime-message.user > div:last-child {
-  padding: 10px 12px;
-  border-radius: 14px;
-  background: var(--agent-primary-dark);
-  color: #fff;
-}
-
-.agent-runtime-message.user span,
-.agent-runtime-message.user p {
-  color: #fff;
-}
-
-.agent-runtime-message.ai {
-  max-width: 86%;
-}
-
-.agent-runtime-message.ai > div:last-child {
-  padding: 10px 12px;
-  border: 1px solid #edf0f6;
-  border-radius: 14px;
-  background: #fff;
-}
-
-.agent-runtime-message.pending svg {
-  animation: spin 1s linear infinite;
-}
-
-.agent-runtime-typing {
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  height: 18px;
-}
-
-.agent-runtime-typing i {
-  width: 6px;
-  height: 6px;
-  border-radius: 999px;
-  background: var(--agent-green);
-  animation: agentTyping 900ms ease-in-out infinite;
-}
-
-.agent-runtime-typing i:nth-child(2) {
-  animation-delay: .12s;
-}
-
-.agent-runtime-typing i:nth-child(3) {
-  animation-delay: .24s;
-}
-
-@keyframes agentTyping {
-  0%, 100% {
-    transform: translateY(0);
-    opacity: .45;
-  }
-  50% {
-    transform: translateY(-4px);
-    opacity: 1;
-  }
-}
-
-.agent-runtime-chat-meta {
-  align-self: center;
-  padding: 4px 8px;
-  border-radius: 999px;
-  background: #f7f8fc;
-  color: var(--agent-muted);
-  font-size: 11px;
-  font-weight: 700;
-}
-
-.agent-runtime-callbar {
-  min-height: 74px;
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) 44px 54px;
-  gap: 12px;
-  align-items: center;
-  padding: 12px;
-}
-
-.agent-runtime-wave {
-  height: 42px;
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  padding: 0 10px;
-  border-radius: 12px;
-  background: #f7f8fc;
-  overflow: hidden;
-}
-
-.agent-runtime-wave span {
-  width: 4px;
-  height: 10px;
-  border-radius: 999px;
-  background: #c6ceda;
-  transform-origin: center;
-}
-
-.agent-runtime-wave.active span {
-  background: var(--agent-green);
-  animation: agentWave 900ms ease-in-out infinite;
-  animation-delay: calc(var(--i) * -58ms);
-}
-
-@keyframes agentWave {
-  0%, 100% { height: 8px; opacity: .55; }
-  45% { height: 32px; opacity: 1; }
-  70% { height: 18px; opacity: .78; }
-}
-
-.agent-runtime-round,
-.agent-runtime-call {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  border: 0;
-  cursor: pointer;
-  transition: transform .18s ease, background .18s ease, color .18s ease;
-}
-
-.agent-runtime-round {
-  width: 44px;
-  height: 44px;
-  border-radius: 14px;
-  background: #f7f8fc;
-  color: var(--agent-ink);
-}
-
-.agent-runtime-round.muted {
-  background: #fff1f0;
-  color: #cf1322;
-}
-
-.agent-runtime-call {
-  width: 54px;
-  height: 54px;
-  border-radius: 18px;
-  background: var(--agent-primary-dark);
-  color: #fff;
-}
-
-.agent-runtime-call.danger {
-  background: #ff4d4f;
-}
-
-.agent-runtime-round:hover,
-.agent-runtime-call:hover {
-  transform: translateY(-1px);
-}
-
-.agent-runtime-round i,
-.agent-runtime-round svg,
-.agent-runtime-call i,
-.agent-runtime-call svg {
-  width: 20px;
-  height: 20px;
-}
-
-.agent-runtime-muted-tip {
-  align-self: flex-end;
-  color: #cf1322;
-  font-size: 12px;
-  font-weight: 700;
-}
-
-.agent-runtime-textbar {
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) auto;
-  gap: 10px;
-  padding: 12px;
-}
-
-.bailian-cube {
-  position: relative;
-  width: 112px;
-  height: 96px;
-  opacity: .85;
-}
-
-.bailian-cube span {
-  position: absolute;
-  border: 1px solid #d6dbe6;
-  background: linear-gradient(145deg, #f8f9fc, #e8ebf2);
-  box-shadow: 0 18px 32px rgba(23,31,45,.07);
-}
-
-.bailian-cube span:nth-child(1) {
-  left: 28px;
-  top: 18px;
-  width: 56px;
-  height: 56px;
-  border-radius: 12px;
-  transform: rotate(45deg) skew(-8deg, -8deg);
-}
-
-.bailian-cube span:nth-child(2) {
-  left: 8px;
-  top: 44px;
-  width: 50px;
-  height: 38px;
-  border-radius: 10px;
-  transform: skewY(22deg);
-  background: linear-gradient(145deg, #eef1f7, #dde2ec);
-}
-
-.bailian-cube span:nth-child(3) {
-  right: 8px;
-  top: 44px;
-  width: 50px;
-  height: 38px;
-  border-radius: 10px;
-  transform: skewY(-22deg);
-  background: linear-gradient(145deg, #f7f8fb, #e5e9f1);
-}
-
-.bailian-required {
-  color: #ff4d4f;
-  font-size: 13px;
-}
-
-@media (max-width: 1180px) {
-  .bailian-agent-body {
-    grid-template-columns: minmax(420px, 54vw) minmax(0, 1fr);
-  }
-
-  .bailian-header-actions {
-    gap: 8px;
-  }
-
-  .bailian-action-btn {
-    padding: 0 12px;
-  }
-}
-
-@media (max-width: 960px) {
-  body.agent-workbench-mode .page-container {
-    overflow-y: auto;
-  }
-
-  .bailian-agent-config {
-    height: auto;
-    min-height: 100vh;
-    overflow: visible;
-  }
-
-  .bailian-agent-header {
-    height: auto;
-    min-height: 64px;
-    flex-wrap: wrap;
-    padding: 12px 16px;
-  }
-
-  .bailian-header-actions {
-    width: 100%;
-    justify-content: flex-start;
-    overflow-x: auto;
-    padding-bottom: 2px;
-  }
-
-  .bailian-agent-body {
-    grid-template-columns: 1fr;
-  }
-
-  .bailian-config-pane {
-    border-right: 0;
-    border-bottom: 1px solid var(--agent-border);
-  }
-
-  .bailian-config-scroll {
-    overflow: visible;
-  }
-
-  .bailian-config-footer {
-    padding: 14px 18px 18px;
-    box-shadow: none;
-  }
-
-  .bailian-preview-pane {
-    min-height: 420px;
-  }
-
-  .bailian-preview-pane.is-runtime {
-    padding: 24px;
-  }
-
-  .agent-runtime-head,
-  .agent-runtime-keybar,
-  .agent-text-topbar,
-  .agent-voice-topbar {
-    flex-direction: column;
-    align-items: stretch;
-  }
-
-  .agent-runtime-metrics {
-    justify-content: flex-start;
-  }
-}
-
-@media (max-width: 640px) {
-  .app-recycle-summary,
-  .app-recycle-item,
-  .app-recycle-actions {
-    flex-direction: column;
-    align-items: stretch;
-  }
-
-  .app-recycle-actions .btn {
-    width: 100%;
-    justify-content: center;
-  }
-
-  .bailian-agent-title {
-    max-width: 220px;
-    font-size: 17px;
-  }
-
-  .bailian-step-tabs {
-    height: 64px;
-    grid-template-columns: repeat(3, minmax(0, 1fr));
-  }
-
-  .agent-runtime-callbar,
-  .agent-runtime-textbar,
-  .agent-text-input-shell {
-    grid-template-columns: 1fr;
-  }
-
-  .agent-runtime-round,
-  .agent-runtime-call,
-  .agent-text-send {
-    width: 100%;
-  }
-
-  .agent-text-panel {
-    min-height: 640px;
-    border-radius: 12px;
-  }
-
-  .agent-voice-panel {
-    min-height: 640px;
-    border-radius: 12px;
-  }
-
-  .agent-text-message-area {
-    padding: 24px 14px;
-  }
-
-  .agent-text-user-bubble,
-  .agent-text-ai-message,
-  .agent-voice-user-bubble,
-  .agent-voice-ai-row,
-  .agent-voice-ai-message {
-    max-width: 88%;
-  }
-
-  .agent-voice-stage {
-    flex-direction: column;
-    padding: 22px 16px 12px;
-  }
-
-  .agent-voice-latency {
-    position: static;
-    align-self: center;
-    transform: none;
-    margin-top: 14px;
-  }
-
-  .agent-voice-panel.idle .agent-voice-control,
-  .agent-voice-panel.recording .agent-voice-control {
-    grid-template-columns: 1fr;
-    border-radius: 24px;
-    margin: 0 14px 12px;
-    padding: 8px;
-  }
-
-  .agent-voice-control-actions {
-    justify-content: stretch;
-  }
-
-  .agent-voice-mic-btn,
-  .agent-voice-hangup-btn,
-  .agent-voice-start-btn {
-    width: 100%;
-  }
-
-  .bailian-step-tab {
-    min-height: 64px;
-    gap: 4px;
-    padding: 0 4px;
-  }
-
-  .bailian-step-number {
-    width: 20px;
-    height: 20px;
-    font-size: 11px;
-  }
-
-  .bailian-step-title {
-    font-size: 12px;
-  }
-
-  .bailian-config-scroll {
-    padding: 16px;
-  }
-
-  .bailian-card-section {
-    padding: 16px;
-  }
-
-  .bailian-variable-grid,
-  .bailian-mode-grid,
-  .bailian-model-mode-grid,
-  .bailian-mini-grid {
-    grid-template-columns: 1fr;
-  }
-
-  .bailian-variable-manager,
-  .bailian-variable-detail-grid,
-  .bailian-variable-form {
-    grid-template-columns: 1fr;
-  }
-
-  .bailian-variable-simple-head {
-    display: none;
-  }
-
-  .bailian-variable-simple-row {
-    grid-template-columns: 1fr 36px;
-  }
-
-  .bailian-variable-simple-row .bailian-input:first-child {
-    grid-column: 1 / -1;
-  }
-
-  .bailian-variable-list-pane,
-  .bailian-variable-detail-pane {
-    min-height: auto;
-  }
-
-  .bailian-variable-list {
-    max-height: none;
-  }
-
-  .bailian-variable-actions {
-    justify-content: stretch;
-  }
-
-  .bailian-variable-actions .bailian-action-btn {
-    flex: 1;
-  }
-
-  .bailian-hotword-box,
-  .bailian-switch-row,
-  .bailian-section-inline-action,
-  .bailian-mcp-empty,
-  .bailian-list-card,
-  .bailian-kb-card {
-    align-items: flex-start;
-  }
-
-  .bailian-hotword-box,
-  .bailian-mcp-empty,
-  .bailian-model-manager-toolbar,
-  .bailian-kb-picker-toolbar,
-  .bailian-section-inline-action {
-    flex-direction: column;
-  }
-
-  .bailian-card-section-head {
-    align-items: flex-start;
-    flex-wrap: wrap;
-  }
-
-  .bailian-card-section-actions {
-    justify-content: flex-start;
-  }
-
-  .bailian-search-field {
-    min-width: 0;
-    width: 100%;
-  }
-
-  .bailian-kb-picker-toolbar .btn {
-    width: 100%;
-    justify-content: center;
-  }
-
-  .bailian-kb-picker-card {
-    grid-template-columns: 18px minmax(0, 1fr);
-  }
-
-  .bailian-kb-picker-status {
-    grid-column: 2;
-    justify-self: flex-start;
-  }
-
-  .bailian-asr-form-grid {
-    grid-template-columns: 1fr;
-  }
-
-  .bailian-voice-mode-grid {
-    grid-template-columns: 1fr;
-  }
-
-  .bailian-asr-model-card,
-  .bailian-asr-model-actions,
-  .bailian-asr-form-actions {
-    flex-direction: column;
-    align-items: stretch;
-  }
-
-  .bailian-asr-model-actions .bailian-action-btn,
-  .bailian-asr-form-actions .bailian-action-btn,
-  .bailian-asr-form-actions .btn {
-    width: 100%;
-  }
-
-  .bailian-list-card,
-  .bailian-kb-card {
-    flex-wrap: wrap;
-  }
-
-  .bailian-prompt-editor {
-    height: 300px;
-    min-height: 300px;
-  }
-
-  .bailian-preview-pane {
-    padding: 32px 18px;
-  }
-}
-
-</style>
-  <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js"></script>
-  <script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>
-  <script>
-    window.lucide = window.lucide || { createIcons: function() {} };
-    window.Chart = window.Chart || function ChartFallback() {
-      return { data: { labels: [], datasets: [] }, update: function() {}, destroy: function() {} };
-    };
-  </script>
-</head>
-<body>
-  <!-- Sidebar -->
-  <aside class="sidebar" id="sidebar">
-    <div class="sidebar-header">
-      <div class="logo">
-        <span class="logo-text">TalkingQ</span>
-      </div>
-      <button class="sidebar-toggle" id="sidebarToggle" type="button" aria-label="收起侧边栏" aria-expanded="true" title="收起侧边栏">
-        <i data-lucide="chevron-left"></i>
-      </button>
-    </div>
-
-    <nav class="sidebar-nav">
-      <div class="nav-section">
-        <span class="nav-section-title">数据概览</span>
-        <a href="#" class="nav-item active" data-page="dashboard">
-          <i data-lucide="layout-dashboard"></i>
-          <span>数据仪表盘</span>
-        </a>
-      </div>
-
-      <!-- 设备管理 - 按公司分类 -->
-      <div class="nav-section" id="clientCompaniesNav">
-        <span class="nav-section-title">设备管理</span>
-        <div id="companyListNav"></div>
-      </div>
-
-      <div class="nav-section">
-        <span class="nav-section-title">应用配置</span>
-        <a href="#" class="nav-item nav-parent" id="appManageToggle" data-nav-toggle="app-management" aria-expanded="true">
-          <i data-lucide="layout-grid"></i>
-          <span>应用管理</span>
-          <i data-lucide="chevron-down" class="nav-chevron"></i>
-        </a>
-        <div class="nav-submenu open" data-nav-group="app-management">
-          <a href="#" class="nav-item nav-item-sub" data-page="agent-manage-multimodal">
-            <i data-lucide="monitor-smartphone"></i>
-            <span>多模态交互应用</span>
-          </a>
-          <a href="#" class="nav-item nav-item-sub" data-page="agent-manage-voice">
-            <i data-lucide="mic"></i>
-            <span>语音交互应用</span>
-          </a>
-        </div>
-        <a href="#" class="nav-item" data-page="hotword-library">
-          <i data-lucide="book-open-text"></i>
-          <span>热词库管理</span>
-        </a>
-        <a href="#" class="nav-item" data-page="knowledge-base">
-          <i data-lucide="database"></i>
-          <span>知识库管理</span>
-        </a>
-      </div>
-
-      <div class="nav-section">
-        <span class="nav-section-title">会话分析</span>
-        <a href="#" class="nav-item" data-page="session">
-          <i data-lucide="messages-square"></i>
-          <span>会话详情</span>
-        </a>
-        <a href="#" class="nav-item" data-page="badcase">
-          <i data-lucide="flag"></i>
-          <span>Bad Case 管理</span>
-        </a>
-      </div>
-
-      <div class="nav-section">
-        <span class="nav-section-title">系统管理</span>
-        <a href="#" class="nav-item" data-page="rbac">
-          <i data-lucide="shield-check"></i>
-          <span>权限管理 (RBAC)</span>
-        </a>
-        <a href="#" class="nav-item" data-page="privacy">
-          <i data-lucide="lock"></i>
-          <span>隐私保护 (PII)</span>
-        </a>
-        <a href="#" class="nav-item" data-page="settings">
-          <i data-lucide="settings"></i>
-          <span>系统设置</span>
-        </a>
-      </div>
-    </nav>
-
-    <div class="sidebar-footer">
-      <div class="user-info">
-        <div class="user-avatar">A</div>
-        <div class="user-details">
-          <span class="user-name">Admin</span>
-          <span class="user-role">超级管理员</span>
-        </div>
-        <button class="logout-btn" title="退出登录" id="logoutBtn">
-          <i data-lucide="log-out"></i>
-        </button>
-      </div>
-    </div>
-  </aside>
-
-  <!-- Main Content -->
-  <main class="main-content" id="mainContent">
-    <!-- Top Bar -->
-    <header class="topbar">
-      <div class="topbar-left">
-        <button class="menu-btn" id="menuBtn">
-          <i data-lucide="menu"></i>
-        </button>
-        <div class="breadcrumb" id="breadcrumb">数据仪表盘</div>
-      </div>
-      <div class="topbar-right">
-        <div class="topbar-time" id="topbarTime"></div>
-        <div class="notif-dropdown-wrapper" id="notificationCenter">
-          <button class="topbar-btn" id="notifBtn" title="通知">
-            <i data-lucide="bell"></i>
-            <span class="notif-dot"></span>
-          </button>
-          <div class="notif-dropdown" id="notifDropdown">
-            <div class="notif-header">
-              <span class="notif-title">通知中心</span>
-              <span class="notif-count">全部已读</span>
-            </div>
-            <div class="notif-list">
-              <div class="notif-empty">通知加载中...</div>
-            </div>
-            <div class="notif-footer">
-              <span class="notif-footer-muted">暂无通知</span>
-            </div>
-          </div>
-        </div>
-        <!-- 公司选择器 -->
-        <div class="company-selector" id="companySelector">
-          <i data-lucide="building-2"></i>
-          <select id="currentCompanySelect" onchange="window.switchCompany(this.value)">
-            <option value="all">全部公司</option>
-          </select>
-          <button type="button" class="company-manage-btn" id="companyManageBtn">
-            <i data-lucide="settings-2"></i>
-            <span>公司管理</span>
-          </button>
-          <i data-lucide="chevron-down"></i>
-        </div>
-      </div>
-    </header>
-
-    <!-- Page Container -->
-    <div class="page-container" id="pageContainer">
-      <!-- Pages injected by JS -->
-    </div>
-  </main>
-
-  <script>
-    // ===== Inline API stubs =====
-    const API = {
-      BASE_URL: '/api/v1',
-      auth: {
-        login: (credentials) => Promise.resolve({
-          success: true,
-          token: 'mock',
-          user: (() => {
-            const matchedUser = window.__lookupRbacUserByLoginName ? window.__lookupRbacUserByLoginName(credentials?.username) : null;
-            const loginRole = window.__normalizeRole ? window.__normalizeRole(matchedUser?.role || credentials?.role || 'admin') : (matchedUser?.role || credentials?.role || 'admin');
-            const companyId = loginRole === 'client'
-              ? (matchedUser?.companyId || matchedUser?.allowedCompanies?.[0] || 'company_a')
-              : 'all';
-            return {
-              username: credentials?.username,
-              role: loginRole,
-              companyId,
-              allowedCompanies: loginRole === 'client' ? [companyId] : ['all'],
-              roleName: loginRole === 'client'
-                ? `${window.__getCompanyNameById ? window.__getCompanyNameById(companyId) : companyId}-客户`
-                : loginRole === 'admin' ? '超级管理员' : '运营人员',
-            };
-          })(),
-        }),
-        logout: () => ({ success: true }),
-        me: () => Promise.resolve({
-          success: true,
-          data: JSON.parse(sessionStorage.getItem('talkingq_user') || 'null'),
-        }),
-      },
-      rbac: {
-        createUser: (d) => ({ success: true }),
-        updateUser: (id, d) => ({ success: true }),
-        getCurrentPermissions: (role) => Promise.resolve({
-          success: true,
-          data: window.__getRoleConfig ? window.__getRoleConfig(role) : null,
-        }),
-      },
-      tenant: {
-        getCompanies: () => Promise.resolve({ success: true, data: window.companies || [] }),
-        getMyCompany: () => Promise.resolve({
-          success: true,
-          data: window.__getCompanyById ? window.__getCompanyById(window.__getCurrentCompanyId?.()) : null,
-        }),
-        getScope: () => Promise.resolve({
-          success: true,
-          data: window.__getTenantScopeParams ? window.__getTenantScopeParams() : {},
-        }),
-      },
-      tenants: {
-        listCompanies: () => Promise.resolve({ success: true, data: window.companies || [] }),
-        createCompany: (data) => Promise.resolve({ success: true, data }),
-        updateCompany: (companyId, data) => Promise.resolve({ success: true, data: { companyId, ...data } }),
-        deleteCompany: (companyId) => Promise.resolve({ success: true, data: { companyId } }),
-        deleteCompanyWithTransfer: (companyId, data) => Promise.resolve({ success: true, data: { companyId, ...data } }),
-        getMyCompany: () => Promise.resolve({
-          success: true,
-          data: window.__getCompanyById ? window.__getCompanyById(window.__getCurrentCompanyId?.()) : null,
-        }),
-        getMyScope: () => Promise.resolve({
-          success: true,
-          data: window.__getTenantScopeParams ? window.__getTenantScopeParams() : {},
-        }),
-        switchCompany: (companyId) => Promise.resolve({ success: true, data: { companyId } }),
-      },
-      agentDev: {
-        saveConfig: (id, config) => new Promise(r => setTimeout(r, 800)),
-        deployAgent: (id, data) => new Promise(r => setTimeout(() => r({ success: true, data: { id, ...data } }), 1200)),
-        previewVoice: (provider, voice, text) => new Promise(r => setTimeout(r, 600)),
-        testRAGQuery: (agentId, query) => new Promise(r => setTimeout(r, 1000)),
-        createKnowledgeBase: (data) => new Promise(r => setTimeout(r, 600)),
-        listASRModels: (params) => Promise.resolve({ success: true, data: window.__asrModelRegistry || [], params }),
-        createASRModel: (data) => new Promise(r => setTimeout(() => r({ success: true, data }), 300)),
-        updateASRModel: (id, data) => new Promise(r => setTimeout(() => r({ success: true, data: { id, ...data } }), 300)),
-        deleteASRModel: (id) => new Promise(r => setTimeout(() => r({ success: true, data: { id } }), 300)),
-        validateASRModel: (id, data) => new Promise(r => setTimeout(() => r({ success: true, data: { id, ...data } }), 600)),
-        testASRModel: (id, data) => new Promise(r => setTimeout(() => r({ success: true, data: { id, ...data } }), 500)),
-        setASRModelEnabled: (id, enabled) => new Promise(r => setTimeout(() => r({ success: true, data: { id, enabled } }), 250)),
-        listTTSModels: (params) => Promise.resolve({ success: true, data: window.__ttsModelRegistry || [], params }),
-        createTTSModel: (data) => new Promise(r => setTimeout(() => r({ success: true, data }), 300)),
-        updateTTSModel: (id, data) => new Promise(r => setTimeout(() => r({ success: true, data: { id, ...data } }), 300)),
-        deleteTTSModel: (id) => new Promise(r => setTimeout(() => r({ success: true, data: { id } }), 300)),
-        validateTTSModel: (id, data) => new Promise(r => setTimeout(() => r({ success: true, data: { id, ...data } }), 700)),
-        setTTSModelEnabled: (id, enabled) => new Promise(r => setTimeout(() => r({ success: true, data: { id, enabled } }), 250)),
-        listTextModels: (params) => Promise.resolve({ success: true, data: window.__textModelRegistry || [], params }),
-        createTextModel: (data) => new Promise(r => setTimeout(() => r({ success: true, data }), 300)),
-        updateTextModel: (id, data) => new Promise(r => setTimeout(() => r({ success: true, data: { id, ...data } }), 300)),
-        deleteTextModel: (id) => new Promise(r => setTimeout(() => r({ success: true, data: { id } }), 300)),
-        validateTextModel: (id, data) => new Promise(r => setTimeout(() => r({ success: true, data: { id, ...data } }), 700)),
-        setTextModelEnabled: (id, enabled) => new Promise(r => setTimeout(() => r({ success: true, data: { id, enabled } }), 250)),
-        listVariables: (agentId, params) => Promise.resolve({ success: true, data: window.__agentVariables || [], params: { agentId, ...params } }),
-        createVariable: (agentId, data) => new Promise(r => setTimeout(() => r({ success: true, data: { agentId, ...data } }), 300)),
-        updateVariable: (agentId, variableId, data) => new Promise(r => setTimeout(() => r({ success: true, data: { agentId, variableId, ...data } }), 300)),
-        deleteVariable: (agentId, variableId) => new Promise(r => setTimeout(() => r({ success: true, data: { agentId, variableId } }), 250)),
-        injectVariableToPrompt: (agentId, variableId, data) => new Promise(r => setTimeout(() => r({ success: true, data: { agentId, variableId, ...data } }), 250)),
-        getVariableState: (agentId, sessionId, params) => Promise.resolve({ success: true, data: {}, params: { agentId, sessionId, ...params } }),
-        updateVariableState: (agentId, sessionId, data) => new Promise(r => setTimeout(() => r({ success: true, data: { agentId, sessionId, ...data } }), 300)),
-        getHotwordGroups: (params) => Promise.resolve({ success: true, data: window.__agentHotwordGroups || [], params }),
-        createHotwordGroup: (data) => new Promise(r => setTimeout(() => r({ success: true, data }), 500)),
-        updateHotwordGroup: (id, data) => new Promise(r => setTimeout(() => r({ success: true, data: { id, ...data } }), 500)),
-        deleteHotwordGroup: (id) => new Promise(r => setTimeout(() => r({ success: true, data: { id } }), 300)),
-        bindHotwordGroups: (agentId, groupIds) => new Promise(r => setTimeout(() => r({ success: true, data: { agentId, groupIds } }), 300)),
-      },
-      agents: {
-        create: (data) => new Promise(r => setTimeout(r, 500)),
-        delete: (id) => new Promise(r => setTimeout(() => r({ success: true, data: { id, retentionDays: 7 } }), 300)),
-        listRecycleBin: (params) => Promise.resolve({ success: true, data: [], params }),
-        restore: (id) => new Promise(r => setTimeout(() => r({ success: true, data: { id } }), 300)),
-        purge: (id) => new Promise(r => setTimeout(() => r({ success: true, data: { id } }), 300)),
-        cleanupRecycleBin: () => Promise.resolve({ success: true, data: { cleaned: true } }),
-      },
-      prompts: {
-        create: (data) => new Promise(r => setTimeout(r, 500)),
-      },
-      devices: {
-        create: (data) => new Promise(r => setTimeout(r, 500)),
-        batchCreate: (data) => new Promise(r => setTimeout(() => r({ success: true, data }), 700)),
-        validateBatch: (data) => new Promise(r => setTimeout(() => r({ success: true, data: { valid: true, ...data } }), 300)),
-        delete: (id) => new Promise(r => setTimeout(() => r({ success: true, data: { id } }), 300)),
-        list: (params) => new Promise(r => setTimeout(() => r({ success: true, data: [], params }), 200)),
-        export: (params) => new Promise(r => setTimeout(() => r({ success: true, data: null, params }), 300)),
-      },
-      ota: {
-        list: (params) => new Promise(r => setTimeout(() => r({ success: true, data: [], params }), 200)),
-        create: (data) => new Promise(r => setTimeout(() => r({ success: true, data }), 500)),
-        cancel: (id) => new Promise(r => setTimeout(() => r({ success: true, data: { id } }), 300)),
-        resume: (id) => new Promise(r => setTimeout(() => r({ success: true, data: { id } }), 300)),
-        getProgress: (id) => new Promise(r => setTimeout(() => r({ success: true, data: { id } }), 250)),
-        uploadFirmware: (file, meta) => new Promise(r => setTimeout(() => r({ success: true, data: { fileName: file?.name, ...meta } }), 700)),
-        deleteFirmware: (id) => new Promise(r => setTimeout(() => r({ success: true, data: { id } }), 300)),
-      },
-      sessions: {
-        list: (params) => new Promise(r => setTimeout(() => r({ success: true, data: [], params }), 200)),
-      },
-      badCases: {
-        review: (id, data) => new Promise(r => setTimeout(r, 500)),
-      },
-      notifications: {
-        list: (params) => Promise.resolve({ success: true, data: [], params }),
-        get: (id) => Promise.resolve({ success: true, data: { id } }),
-        getCatalog: () => Promise.resolve({ success: true, data: window.TQ_NOTIFICATION_EVENT_CATALOG || [] }),
-        create: (data) => Promise.resolve({ success: true, data }),
-        markRead: (id) => Promise.resolve({ success: true, data: { id } }),
-        markAllRead: (params) => Promise.resolve({ success: true, data: params || {} }),
-        archive: (id) => Promise.resolve({ success: true, data: { id } }),
-      },
-      settings: {
-        createApiKey: (data) => new Promise(r => setTimeout(r, 500)),
-        getNotifications: () => Promise.resolve({ success: true, data: (window.loadSettings ? window.loadSettings().notificationRules : {}) || {} }),
-        updateNotifications: (data) => Promise.resolve({ success: true, data }),
-      }
-    };
-  </script>
-
-  <script>
-    // ===== Inline Login Page =====
-    (function() {
-      const pageRenderers = {};
-
-      window.registerPage = function(id, renderer) {
-        pageRenderers[id] = renderer;
-      };
-
-      const TOPBAR_COMPANY_SELECTOR_HIDDEN_PAGES = new Set([
-        // 应用配置
-        'agent-dev',
-        'agent-manage',
-        'agent-manage-multimodal',
-        'agent-manage-voice',
-        'agent-config',
-        'hotword-library',
-        'knowledge-base',
-        'kb-create',
-        'kb-detail',
-        // 系统管理
-        'rbac',
-        'privacy',
-        'settings',
-      ]);
-      const TOPBAR_COMPANY_MANAGE_HIDDEN_PAGES = new Set([
-        'session',
-        'badcase',
-      ]);
-
-      window.__shouldHideCompanySelector = function(role, pageId = window.__currentPage) {
-        const normalizedRole = window.__normalizeRole ? window.__normalizeRole(role) : (role || 'admin');
-        return normalizedRole === 'client' || TOPBAR_COMPANY_SELECTOR_HIDDEN_PAGES.has(pageId);
-      };
-
-      window.__syncCompanySelectorVisibility = function(role, pageId = window.__currentPage) {
-        const companySelectorEl = document.getElementById('companySelector');
-        const companyManageBtn = document.getElementById('companyManageBtn');
-        if (!companySelectorEl) return;
-        const shouldHideSelector = window.__shouldHideCompanySelector(role, pageId);
-        companySelectorEl.style.display = shouldHideSelector ? 'none' : '';
-        if (companyManageBtn) {
-          companyManageBtn.style.display = shouldHideSelector || TOPBAR_COMPANY_MANAGE_HIDDEN_PAGES.has(pageId) ? 'none' : '';
-        }
-      };
-
-      window.__syncCompanySelectorValue = function(companyId = window.currentCompany) {
-        const select = document.getElementById('currentCompanySelect');
-        if (!select) return;
-        const value = companyId || 'all';
-        if (Array.from(select.options).some(option => option.value === value)) {
-          select.value = value;
-        }
-      };
-
-      window.navigateTo = function(pageId) {
-        const routeId = String(pageId || 'dashboard');
-        const basePageId = routeId.split('?')[0];
-        const container = document.getElementById('pageContainer');
-        container?.classList.toggle('agent-config-page-container', basePageId === 'agent-config');
-        document.body.classList.toggle('agent-workbench-mode', basePageId === 'agent-config');
-
-        if (basePageId !== 'login' && !window.checkAuth()) {
-          window.navigateTo('login');
-          return;
-        }
-
-        if (basePageId !== 'login' && window.__canAccessPage) {
-          const role = window.__getUserRole ? window.__getUserRole() : 'admin';
-          if (!window.__canAccessPage(basePageId, role)) {
-            Toast.warning('当前角色无权访问该页面');
-            window.navigateTo(window.__getDefaultPage ? window.__getDefaultPage(role) : 'dashboard');
-            return;
-          }
-        }
-
-        if (basePageId === 'agent-manage') {
-          window.navigateTo('agent-manage-multimodal');
-          return;
-        }
-
-        window.__currentRoute = routeId;
-        window.__currentPage = basePageId;
-
-        if (basePageId === 'login') {
-          document.body.classList.add('login-mode');
-          if (pageRenderers[basePageId]) {
-            container.innerHTML = '<div class="page active" id="page-' + basePageId + '"></div>';
-            pageRenderers[basePageId](document.getElementById('page-' + basePageId), { route: routeId });
-          }
-          return;
-        }
-
-        document.body.classList.remove('login-mode');
-
-        const role = window.__getUserRole ? window.__getUserRole() : 'admin';
-        window.__syncCompanySelectorVisibility?.(role, basePageId);
-        window.__syncCompanySelectorValue?.();
-        window.__syncNotificationCenterForRole?.(role, basePageId);
-
-        document.querySelectorAll('.nav-item').forEach(el => {
-          el.classList.toggle('active', el.dataset.page === basePageId);
-        });
-        document.querySelectorAll('.nav-parent[data-nav-toggle]').forEach(parent => {
-          parent.classList.remove('active');
-        });
-        const activeSubmenu = document.querySelector(`.nav-item[data-page="${basePageId}"]`)?.closest('.nav-submenu[data-nav-group]');
-        if (activeSubmenu) {
-          activeSubmenu.classList.add('open');
-          const parent = document.querySelector(`.nav-parent[data-nav-toggle="${activeSubmenu.dataset.navGroup}"]`);
-          parent?.classList.add('active');
-          parent?.setAttribute('aria-expanded', 'true');
-        }
-
-        // 移除所有公司导航项的 active 状态（除非当前页面是设备或OTA）
-        if (basePageId !== 'device' && basePageId !== 'ota') {
-          document.querySelectorAll('.company-nav-item').forEach(el => {
-            el.classList.remove('active');
-          });
-          document.querySelectorAll('.submenu-item.active').forEach(el => {
-            el.classList.remove('active');
-          });
-          // 关闭所有展开的子菜单
-          document.querySelectorAll('.company-submenu.open').forEach(el => {
-            el.classList.remove('open');
-          });
-        } else {
-          window.__syncCompanyNavState?.(basePageId);
-        }
-
-        const breadcrumb = document.getElementById('breadcrumb');
-        if (breadcrumb) breadcrumb.textContent = pageNames[basePageId] || basePageId;
-
-        if (pageRenderers[basePageId]) {
-          container.innerHTML = '<div class="page active" id="page-' + basePageId + '"></div>';
-          pageRenderers[basePageId](document.getElementById('page-' + basePageId), { route: routeId });
-        } else {
-          container.innerHTML = '<div class="page active"><div class="empty-state"><p style="font-size:16px;font-weight:600;margin-bottom:8px">功能开发中</p><p>该页面正在建设中，敬请期待</p></div></div>';
-        }
-      };
-
-      const pageNames = {
-        'login': '登录',
-        'dashboard': '数据仪表盘',
-        'agent-dev': '对话应用配置',
-        'agent-manage': '应用管理',
-        'agent-manage-multimodal': '多模态交互应用',
-        'agent-manage-voice': '语音交互应用',
-        'agent-config': '应用配置',
-        'hotword-library': '热词库管理',
-        'knowledge-base': '知识库管理',
-        'kb-create': '创建知识库',
-        'kb-detail': '知识库详情',
-        'device': '设备管理',
-        'ota': 'OTA 升级',
-        'session': '会话详情',
-        'badcase': 'Bad Case 管理',
-        'rbac': '权限管理 (RBAC)',
-        'privacy': '隐私保护 (PII)',
-        'settings': '系统设置',
-      };
-
-      const ROLE_POLICIES = {
-        admin: {
-          roleName: '管理员',
-          backendRole: 'Admin',
-          defaultPage: 'dashboard',
-          defaultCompany: 'all',
-          allowedCompanies: 'all',
-          allowedPages: '*',
-        },
-        worker: {
-          roleName: '员工',
-          backendRole: 'Worker',
-          defaultPage: 'dashboard',
-          defaultCompany: 'all',
-          allowedCompanies: 'all',
-          allowedPages: [
-            'dashboard',
-            'device',
-            'ota',
-            'agent-dev',
-            'agent-manage',
-            'agent-manage-multimodal',
-            'agent-manage-voice',
-            'agent-config',
-            'hotword-library',
-            'knowledge-base',
-            'kb-create',
-            'kb-detail',
-            'session',
-            'badcase',
-            'privacy',
-            'settings',
-          ],
-        },
-        client: {
-          roleName: '客户',
-          backendRole: 'Client',
-          defaultPage: 'dashboard',
-          defaultCompany: 'company_a',
-          allowedCompanies: ['company_a'],
-          allowedPages: ['dashboard', 'device', 'session'],
-        },
-      };
-
-      window.__normalizeRole = function(role) {
-        if (!role) return 'admin';
-        const value = String(role).toLowerCase();
-        if (value === 'admin' || value === 'administrator') return 'admin';
-        if (value === 'worker' || value === 'employee' || value === 'staff') return 'worker';
-        if (value === 'client' || value === 'customer') return 'client';
-        return 'admin';
-      };
-
-      window.__getRoleConfig = function(role) {
-        return ROLE_POLICIES[window.__normalizeRole(role)] || ROLE_POLICIES.admin;
-      };
-
-      window.__canAccessPage = function(pageId, role) {
-        const basePageId = String(pageId || '').split('?')[0];
-        if (!basePageId || basePageId === 'login') return true;
-        const policy = window.__getRoleConfig(role);
-        return policy.allowedPages === '*' || policy.allowedPages.includes(basePageId);
-      };
-
-      window.__getDefaultPage = function(role) {
-        return window.__getRoleConfig(role).defaultPage;
-      };
-
-      window.copyText = async function(text, successMessage = '已复制到剪贴板') {
-        try {
-          if (!navigator.clipboard) throw new Error('Clipboard API unavailable');
-          await navigator.clipboard.writeText(text);
-          Toast.success(successMessage, 1500);
-        } catch (error) {
-          Toast.warning('当前浏览器不允许自动复制，请手动复制');
-        }
-      };
-
-      // Toast
-      window.Toast = {
-        show: function(message, type, duration = 3000) {
-          const container = document.querySelector('.toast-container') || (() => {
-            const c = document.createElement('div');
-            c.className = 'toast-container';
-            document.body.appendChild(c);
-            return c;
-          })();
-          const toast = document.createElement('div');
-          toast.className = 'toast ' + (type || 'success');
-          toast.innerHTML = '<span>' + message + '</span>';
-          toast.style.cssText = 'display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fff;border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,0.12);border-left:4px solid #52c41a;min-width:280px;margin-bottom:8px;';
-          container.appendChild(toast);
-          setTimeout(() => {
-            toast.style.opacity = '0';
-            toast.style.transform = 'translateX(100%)';
-            toast.style.transition = 'all 0.3s';
-            setTimeout(() => toast.remove(), 300);
-          }, duration);
-        },
-        success: function(m, duration) { this.show(m, 'success', duration); },
-        error: function(m, duration) { this.show(m, 'error', duration); },
-        warning: function(m, duration) { this.show(m, 'warning', duration); },
-        info: function(m, duration) { this.show(m, 'info', duration); }
-      };
-
-      // Modal
-      window.createModal = function({ title, content, onConfirm, confirmText, cancelText, size = '', confirmClass = '', showCancel = true }) {
-        const sizeClass = size ? ` ${String(size).startsWith('modal-') ? size : `modal-${size}`}` : '';
-        const confirmBtnClass = confirmClass ? ` ${confirmClass}` : '';
-        const overlay = document.createElement('div');
-        overlay.className = 'modal-overlay';
-        overlay.innerHTML = `<div class="modal${sizeClass}"><div class="modal-header"><span class="modal-title">${title}</span><button class="modal-close">&times;</button></div><div class="modal-body">${content}</div><div class="modal-footer">${showCancel ? `<button class="btn btn-outline cancel-btn">${cancelText || '取消'}</button>` : ''}${onConfirm ? `<button class="btn btn-primary confirm-btn${confirmBtnClass}">${confirmText || '确认'}</button>` : ''}</div></div>`;
-        document.body.appendChild(overlay);
-        document.body.classList.add('modal-open');
-
-        const close = () => {
-          overlay.classList.remove('open');
-          setTimeout(() => {
-            overlay.remove();
-            if (!document.querySelector('.modal-overlay')) {
-              document.body.classList.remove('modal-open');
-            }
-          }, 200);
-        };
-
-        overlay.querySelector('.modal-close').addEventListener('click', close);
-        overlay.querySelector('.cancel-btn')?.addEventListener('click', close);
-        overlay.addEventListener('click', e => { if (e.target === overlay) close(); });
-
-        if (onConfirm) {
-          overlay.querySelector('.confirm-btn').addEventListener('click', async () => {
-            const confirmBtn = overlay.querySelector('.confirm-btn');
-            confirmBtn.disabled = true;
-            try {
-              const result = await onConfirm();
-              if (result === false) return;
-              close();
-            } finally {
-              if (document.body.contains(overlay)) confirmBtn.disabled = false;
-            }
-          });
-        }
-
-        requestAnimationFrame(() => overlay.classList.add('open'));
-        lucide.createIcons({ elements: [overlay] });
-        return { overlay, close };
-      };
-
-      // Auth
-      window.checkAuth = function() {
-        return sessionStorage.getItem('talkingq_logged_in') === 'true';
-      };
-
-      window.doLogout = function() {
-        sessionStorage.removeItem('talkingq_user');
-        sessionStorage.removeItem('talkingq_logged_in');
-        Toast.info('已退出登录');
-        setTimeout(() => navigateTo('login'), 300);
-      };
-
-      // Login page renderer
-      registerPage('login', function(container) {
-        container.innerHTML = `
-          <div class="login-center-wrapper">
-            <div class="login-center-content">
-              <div class="login-brand">
-                <h2 class="brand-title">
-                  <a href="http://www.talkingq.com" target="_blank" rel="noopener noreferrer" aria-label="点击打开公司官网主页" data-tooltip="点击打开公司官网主页" data-official-site-link>TalkingQ</a>
-                </h2>
-                <p class="brand-slogan">重新定义玩具的未来</p>
-                <p class="brand-slogan-en">SHAPING THE FUTURE OF TOYS</p>
-              </div>
-
-              <div class="login-form-card">
-                <div class="login-form-header">
-                  <h1 class="login-title">欢迎回来</h1>
-                  <p class="login-subtitle">AI 玩具智能运营平台</p>
-                </div>
-
-                <!-- 角色选择 -->
-                <div class="role-selector" id="roleSelector">
-                  <div class="role-option selected" data-role="admin">
-                    <div class="role-icon">
-                      <i data-lucide="shield-check" style="width:22px;height:22px"></i>
-                    </div>
-                    <div class="role-info">
-                      <div class="role-name">管理员</div>
-                    </div>
-                  </div>
-                  <div class="role-option" data-role="worker">
-                    <div class="role-icon">
-                      <i data-lucide="users" style="width:22px;height:22px"></i>
-                    </div>
-                    <div class="role-info">
-                      <div class="role-name">员工</div>
-                    </div>
-                  </div>
-                  <div class="role-option" data-role="client">
-                    <div class="role-icon">
-                      <i data-lucide="building-2" style="width:22px;height:22px"></i>
-                    </div>
-                    <div class="role-info">
-                      <div class="role-name">客户</div>
-                    </div>
-                  </div>
-                </div>
-
-                <form class="login-form" id="loginForm">
-                  <div class="form-group">
-                    <label class="form-label">用户名 / 邮箱</label>
-                    <div class="input-wrapper">
-                      <i data-lucide="user" class="input-icon"></i>
-                      <input type="text" class="form-control with-icon" id="loginUsername" placeholder="请输入用户名或邮箱" autocomplete="username">
-                    </div>
-                  </div>
-
-                  <div class="form-group">
-                    <label class="form-label">密码</label>
-                    <div class="input-wrapper">
-                      <i data-lucide="lock" class="input-icon"></i>
-                      <input type="password" class="form-control with-icon" id="loginPassword" placeholder="请输入密码" autocomplete="current-password">
-                      <button type="button" class="password-toggle" id="passwordToggle" title="显示密码" aria-label="显示密码">
-                        <i data-lucide="eye-off"></i>
-                      </button>
-                    </div>
-                  </div>
-
-                  <div class="form-row" style="align-items:center;margin-bottom:24px">
-                    <label class="checkbox-label">
-                      <input type="checkbox" id="rememberMe">
-                      <span>记住登录状态</span>
-                    </label>
-                    <a href="#" class="link" onclick="Toast.info('请联系管理员重置密码');return false;">忘记密码？</a>
-                  </div>
-
-                  <button type="submit" class="btn btn-primary btn-lg btn-block" id="loginBtn">
-                    <span class="btn-text">登 录</span>
-                  </button>
-                </form>
-
-                <div class="login-footer">
-                  <p>还没有账号？<a href="#" class="link" onclick="Toast.info('请联系管理员创建账号');return false;">申请试用</a></p>
-                </div>
-              </div>
-            </div>
-          </div>
-        `;
-
-        lucide.createIcons({ elements: [container] });
-
-        const officialSiteLink = container.querySelector('[data-official-site-link]');
-        officialSiteLink?.addEventListener('mouseenter', () => {
-          if (!officialSiteLink.classList.contains('tooltip-suppressed')) {
-            officialSiteLink.classList.add('tooltip-visible');
-          }
-        });
-        officialSiteLink?.addEventListener('click', () => {
-          officialSiteLink.classList.remove('tooltip-visible');
-          officialSiteLink.classList.add('tooltip-suppressed');
-        });
-        officialSiteLink?.addEventListener('mouseleave', () => {
-          officialSiteLink.classList.remove('tooltip-visible');
-          officialSiteLink.classList.remove('tooltip-suppressed');
-        });
-
-        // 角色选择
-        let selectedRole = 'admin';
-        container.querySelectorAll('.role-option').forEach(option => {
-          option.addEventListener('click', () => {
-            container.querySelectorAll('.role-option').forEach(o => o.classList.remove('selected'));
-            option.classList.add('selected');
-            selectedRole = option.dataset.role;
-          });
-        });
-
-        // Login handlers
-        const form = document.getElementById('loginForm');
-        const passwordToggle = document.getElementById('passwordToggle');
-        const passwordInput = document.getElementById('loginPassword');
-
-        passwordToggle?.addEventListener('click', () => {
-          const isPassword = passwordInput.type === 'password';
-          passwordInput.type = isPassword ? 'text' : 'password';
-          const iconName = isPassword ? 'eye' : 'eye-off';
-          const label = isPassword ? '隐藏密码' : '显示密码';
-          passwordToggle.innerHTML = `<i data-lucide="${iconName}"></i>`;
-          passwordToggle.setAttribute('title', label);
-          passwordToggle.setAttribute('aria-label', label);
-          lucide.createIcons({ elements: [passwordToggle] });
-        });
-
-        form?.addEventListener('submit', async (e) => {
-          e.preventDefault();
-          const username = document.getElementById('loginUsername')?.value.trim();
-          const password = document.getElementById('loginPassword')?.value;
-
-          if (!username) { Toast.warning('请输入用户名或邮箱'); return; }
-          if (!password) { Toast.warning('请输入密码'); return; }
-
-          let loginResult;
-          try {
-            loginResult = await API.auth.login({ username, password, role: selectedRole });
-          } catch (error) {
-            Toast.error('登录失败，请检查用户名和密码');
-            return;
-          }
-          if (!loginResult?.success) {
-            Toast.error('登录失败，请检查用户名和密码');
-            return;
-          }
-
-          // 后端接入时用 API.auth.login 返回的角色、租户和权限替换这里
-          const loginRole = window.__normalizeRole ? window.__normalizeRole(loginResult.user?.role || selectedRole) : selectedRole;
-          const roleConfig = window.__getRoleConfig ? window.__getRoleConfig(loginRole) : { roleName: '管理员', backendRole: 'Admin', defaultCompany: 'all', allowedCompanies: 'all' };
-          const allowedCompanies = Array.isArray(loginResult.user?.allowedCompanies) && loginResult.user.allowedCompanies.length
-            ? loginResult.user.allowedCompanies
-            : (roleConfig.allowedCompanies === 'all' ? ['all'] : roleConfig.allowedCompanies);
-          const userData = {
-            username,
-            role: loginRole,
-            roleName: loginResult.user?.roleName || roleConfig.roleName,
-            backendRole: roleConfig.backendRole,
-            companyId: loginResult.user?.companyId || roleConfig.defaultCompany,
-            allowedCompanies,
-          };
-          sessionStorage.setItem('talkingq_user', JSON.stringify(userData));
-          sessionStorage.setItem('talkingq_logged_in', 'true');
-
-          // 根据角色跳转到不同首页
-          const roleTargets = {
-            admin: 'dashboard',
-            client: 'dashboard',
-            worker: 'dashboard'
-          };
-          const target = roleTargets[loginRole] || 'dashboard';
-
-          Toast.success('登录成功！');
-          setTimeout(() => {
-            // 更新侧边栏
-            window.__updateSidebarForRole && window.__updateSidebarForRole(loginRole);
-            navigateTo(target);
-          }, 500);
-        });
-      });
-
-      // Dashboard renderer
-      registerPage('dashboard', function(container) {
-        container.innerHTML = '<div style="padding:40px;text-align:center"><h1>数据仪表盘</h1><p>欢迎使用 TalkingQ 平台</p></div>';
-      });
-
-      // ===== Company/Tenant Management =====
-      const COMPANY_COLOR_PALETTE = ['#722ed1', '#52c41a', '#fa8c16', '#13c2c2', '#1677ff', '#eb2f96', '#fa541c'];
-      const COMPANY_SEED = [
-        { id: 'company_a', name: '智慧星科技', color: '#722ed1', deviceCount: 3200, latestVersion: 'v2.3.1' },
-        { id: 'company_b', name: '未来玩具厂', color: '#52c41a', deviceCount: 1500, latestVersion: 'v2.0.2' },
-        { id: 'company_c', name: '童趣电子', color: '#fa8c16', deviceCount: 800, latestVersion: 'v1.8.2' },
-      ];
-
-      function cloneCompanyList(list) {
-        return list.map(item => ({ ...item }));
-      }
-
-      function normalizeCompanyRecord(company, index = 0) {
-        return {
-          id: company.id,
-          name: company.name,
-          color: company.color || COMPANY_COLOR_PALETTE[index % COMPANY_COLOR_PALETTE.length],
-          deviceCount: Number.isFinite(company.deviceCount) ? company.deviceCount : 0,
-          latestVersion: company.latestVersion || 'v1.0.0',
-        };
-      }
-
-      function loadCompanies() {
-        try {
-          localStorage.removeItem('talkingq_companies_v1');
-        } catch (error) {
-          console.warn('Failed to clear legacy company cache', error);
-        }
-        return cloneCompanyList(COMPANY_SEED);
-      }
-
-      function saveCompanies() {
-        // Company changes are intentionally kept in memory for the demo.
-      }
-
-      function getCompanyList() {
-        return Array.isArray(window.companies) ? window.companies : [];
-      }
-
-      function getCompanyById(companyId) {
-        return getCompanyList().find(item => item.id === companyId) || null;
-      }
-
-      function getCompanyDeviceCount(companyId) {
-        const company = getCompanyById(companyId);
-        return company?.deviceCount || 0;
-      }
-
-      function getNextCompanyColor() {
-        const usedColors = new Set(getCompanyList().map(company => company.color).filter(Boolean));
-        return COMPANY_COLOR_PALETTE.find(color => !usedColors.has(color)) || COMPANY_COLOR_PALETTE[getCompanyList().length % COMPANY_COLOR_PALETTE.length];
-      }
-
-      function generateCompanyId(name) {
-        const base = String(name || 'company')
-          .toLowerCase()
-          .replace(/[^a-z0-9]+/g, '_')
-          .replace(/^_+|_+$/g, '') || 'company';
-        let candidate = `company_${base}`;
-        let suffix = 1;
-        while (getCompanyList().some(company => company.id === candidate)) {
-          suffix += 1;
-          candidate = `company_${base}_${suffix}`;
-        }
-        return candidate;
-      }
-
-      window.companies = loadCompanies();
-      const companies = window.companies;
-
-      // 当前选中的公司，默认为"全部公司"
-      window.currentCompany = 'all';
-
-      // 当前用户信息
-      window.currentUser = {
-        role: 'Admin', // Admin | Worker | Client
-        allowedCompanies: ['all'], // Client 用户只能访问特定公司
-      };
-
-      window.__getCompanyById = function(companyId) {
-        return getCompanyById(companyId) || getCompanyList()[0] || null;
-      };
-
-      window.__getCompanyNameById = function(companyId) {
-        return window.__getCompanyById?.(companyId)?.name || String(companyId || '未知公司');
-      };
-
-      window.__getCompanyCountById = function(companyId) {
-        return window.__getCompanyById?.(companyId)?.deviceCount || 0;
-      };
-
-      window.__syncCompanyDeviceCounts = function() {
-        const deviceSource = typeof window.__getAllDevices === 'function' ? window.__getAllDevices() : [];
-        const counts = deviceSource.reduce((map, device) => {
-          if (!device?.companyId) return map;
-          map[device.companyId] = (map[device.companyId] || 0) + 1;
-          return map;
-        }, {});
-        getCompanyList().forEach(company => {
-          if (company.id !== 'all') {
-            company.deviceCount = counts[company.id] || 0;
-          }
-        });
-        saveCompanies();
-      };
-
-      window.__createCompany = function(input) {
-        const name = String(input?.name || '').trim();
-        if (!name) throw new Error('公司名称不能为空');
-        if (getCompanyList().some(company => company.name === name)) throw new Error('公司名称已存在');
-        const record = normalizeCompanyRecord({
-          id: input?.id || generateCompanyId(name),
-          name,
-          color: input?.color || getNextCompanyColor(),
-          deviceCount: 0,
-          latestVersion: input?.latestVersion || 'v1.0.0',
-        }, getCompanyList().length);
-        window.companies.push(record);
-        saveCompanies();
-        return record;
-      };
-
-      window.__updateCompany = function(companyId, patch) {
-        const company = getCompanyList().find(item => item.id === companyId);
-        if (!company) return null;
-        if (typeof patch?.name === 'string') {
-          const nextName = patch.name.trim();
-          if (!nextName) throw new Error('公司名称不能为空');
-          if (getCompanyList().some(item => item.id !== companyId && item.name === nextName)) {
-            throw new Error('公司名称已存在');
-          }
-          company.name = nextName;
-        }
-        if (patch?.color) company.color = patch.color;
-        if (patch?.latestVersion) company.latestVersion = patch.latestVersion;
-        saveCompanies();
-        return company;
-      };
-
-      window.__moveDevicesToCompany = function(sourceCompanyId, targetCompanyId) {
-        if (!sourceCompanyId || !targetCompanyId || sourceCompanyId === targetCompanyId) return 0;
-        if (typeof window.__reassignCompanyDevices === 'function') {
-          const movedCount = window.__reassignCompanyDevices(sourceCompanyId, targetCompanyId);
-          window.__syncCompanyDeviceCounts();
-          return movedCount;
-        }
-        return 0;
-      };
-
-      window.__removeCompany = function(companyId) {
-        const index = getCompanyList().findIndex(company => company.id === companyId);
-        if (index < 0) return false;
-        window.companies.splice(index, 1);
-        saveCompanies();
-        if (window.currentCompany === companyId) {
-          window.currentCompany = getCompanyList()[0]?.id || 'all';
-        }
-        return true;
-      };
-
-      function resetTenantMockData() {
-        window.companies.splice(0, window.companies.length, ...cloneCompanyList(COMPANY_SEED));
-        window.currentCompany = 'all';
-        saveCompanies();
-        if (typeof window.__resetDeviceMockData === 'function') {
-          window.__resetDeviceMockData();
-        } else {
-          localStorage.removeItem('talkingq_added_devices_v1');
-          localStorage.removeItem('talkingq_removed_device_ids_v1');
-          localStorage.removeItem('talkingq_device_company_overrides_v1');
-        }
-        window.__syncCompanyDeviceCounts?.();
-        window.__refreshCompanyNavigation?.();
-      }
-
-      window.__resetTenantMockData = resetTenantMockData;
-
-      window.__refreshCompanyNavigation = function() {
-        const role = window.__getUserRole ? window.__getUserRole() : 'admin';
-        window.__syncCompanyDeviceCounts?.();
-        initCompanyNav(role);
-        const currentPage = window.__currentPage;
-        if (currentPage) navigateTo(currentPage);
-      };
-
-      window.__getCurrentCompanyId = function() {
-        const role = window.__getUserRole ? window.__getUserRole() : 'admin';
-        const config = window.__getRoleConfig ? window.__getRoleConfig(role) : null;
-        const availableCompanyIds = getCompanyList().map(company => company.id);
-        const normalizedCurrent = window.currentCompany && window.currentCompany !== 'all' && !availableCompanyIds.includes(window.currentCompany)
-          ? availableCompanyIds[0] || 'all'
-          : window.currentCompany;
-        if (normalizedCurrent !== window.currentCompany) {
-          window.currentCompany = normalizedCurrent;
-        }
-        if (config?.allowedCompanies !== 'all') {
-          return config.allowedCompanies.includes(normalizedCurrent)
-            ? normalizedCurrent
-            : config.defaultCompany;
-        }
-        return normalizedCurrent || 'all';
-      };
-
-      window.__getAllowedCompanyIds = function(role) {
-        const config = window.__getRoleConfig ? window.__getRoleConfig(role) : null;
-        if (!config || config.allowedCompanies === 'all') {
-          return getCompanyList().map(c => c.id);
-        }
-        return config.allowedCompanies;
-      };
-
-      window.__getTenantScopeParams = function() {
-        const role = window.__getUserRole ? window.__getUserRole() : 'admin';
-        const companyId = window.__getCurrentCompanyId();
-        if (role === 'client') return { companyId };
-        return companyId && companyId !== 'all' ? { companyId } : {};
-      };
-
-      function openCompanyEditor(company, onSaved) {
-        const isEdit = Boolean(company);
-        const title = isEdit ? '编辑公司' : '添加公司';
-        const confirmText = isEdit ? '保存' : '创建';
-        const safeName = isEdit ? escapeHtml(company.name) : '';
-        createModal({
-          title,
-          content: `
-            <div class="form-group">
-              <label class="form-label">公司名称 <span class="required">*</span></label>
-              <input type="text" class="form-control" id="companyNameInput" value="${safeName}" maxlength="40" placeholder="例如：星球智能科技">
-            </div>
-            <div class="form-group">
-              <label class="form-label">颜色标识</label>
-              <div class="company-color-pills" id="companyColorPills">
-                ${COMPANY_COLOR_PALETTE.map(color => `
-                  <button type="button" class="company-color-pill ${(!isEdit && color === getNextCompanyColor()) || (isEdit && company.color === color) ? 'selected' : ''}" data-color="${color}" style="--pill-color:${color}">
-                    <span></span>
-                  </button>
-                `).join('')}
-              </div>
-            </div>
-          `,
-          confirmText,
-          onConfirm: async () => {
-            const name = document.getElementById('companyNameInput')?.value.trim();
-            const selectedColor = document.querySelector('#companyColorPills .company-color-pill.selected')?.dataset.color || getNextCompanyColor();
-            if (!name) {
-              Toast.warning('请输入公司名称');
-              return false;
-            }
-            try {
-              if (isEdit) {
-                await API.tenants.updateCompany?.(company.id, { name, color: selectedColor });
-                window.__updateCompany(company.id, { name, color: selectedColor });
-              } else {
-                await API.tenants.createCompany?.({ name, color: selectedColor });
-                const created = window.__createCompany({ name, color: selectedColor });
-                window.currentCompany = created.id;
-              }
-              window.__refreshCompanyNavigation?.();
-              if (typeof onSaved === 'function') onSaved();
-              Toast.success(isEdit ? '公司信息已更新' : '公司已创建');
-              return true;
-            } catch (error) {
-              Toast.warning(error?.message || '操作失败');
-              return false;
-            }
-          },
-          cancelText: '取消',
-        });
-
-        setTimeout(() => {
-          const pills = document.querySelectorAll('#companyColorPills .company-color-pill');
-          pills.forEach(pill => {
-            pill.addEventListener('click', () => {
-              pills.forEach(item => item.classList.remove('selected'));
-              pill.classList.add('selected');
-            });
-          });
-        }, 0);
-      }
-
-      function openCompanyDeleteConfirm(company, onDeleted) {
-        const companyId = company.id;
-        const deviceCount = typeof window.__getAllDevices === 'function'
-          ? window.__getAllDevices().filter(device => device.companyId === companyId).length
-          : getCompanyDeviceCount(companyId);
-        const otherCompanies = getCompanyList().filter(item => item.id !== companyId);
-
-        if (otherCompanies.length === 0) {
-          Toast.warning('至少保留一个公司后才能删除');
-          return;
-        }
-
-        const targetCompanyId = otherCompanies[0].id;
-        createModal({
-          title: '删除公司',
-          confirmText: '确认删除',
-          confirmClass: 'btn-danger',
-          content: `
-            <div class="company-delete-body">
-              <p class="company-delete-title">确认删除「${escapeHtml(company.name)}」？</p>
-              <p class="company-delete-desc">删除后公司将从顶部选择器和侧边栏中移除。</p>
-              ${deviceCount > 0 ? `
-                <div class="form-group">
-                  <label class="form-label">转移 ${deviceCount} 台设备到</label>
-                  <select class="form-control" id="companyTransferTarget">
-                    ${otherCompanies.map(item => `<option value="${escapeHtml(item.id)}" ${item.id === targetCompanyId ? 'selected' : ''}>${escapeHtml(item.name)}</option>`).join('')}
-                  </select>
-                </div>
-              ` : ''}
-            </div>
-          `,
-          onConfirm: async () => {
-            const targetSelect = document.getElementById('companyTransferTarget');
-            const targetId = deviceCount > 0 ? targetSelect?.value : targetCompanyId;
-            if (deviceCount > 0 && !targetId) {
-              Toast.warning('请选择设备转移目标公司');
-              return false;
-            }
-            try {
-              if (deviceCount > 0 && API.tenants.deleteCompanyWithTransfer) {
-                await API.tenants.deleteCompanyWithTransfer(companyId, { transferToCompanyId: targetId });
-              } else {
-                await API.tenants.deleteCompany?.(companyId);
-              }
-            } catch (error) {
-              Toast.warning('公司删除失败，请稍后重试');
-              return false;
-            }
-            if (deviceCount > 0) {
-              window.__moveDevicesToCompany(companyId, targetId);
-            }
-            window.__removeCompany(companyId);
-            if (window.currentCompany === companyId) {
-              window.currentCompany = targetId || 'all';
-            }
-            window.__refreshCompanyNavigation?.();
-            if (typeof onDeleted === 'function') onDeleted();
-            Toast.success('公司已删除');
-            return true;
-          },
-          cancelText: '取消',
-        });
-      }
-
-      window.openCompanyManagerModal = function() {
-        const renderCompanyManagerContent = () => {
-          const companiesList = getCompanyList();
-          const allDevices = typeof window.__getAllDevices === 'function' ? window.__getAllDevices() : [];
-          const totalDevices = allDevices.length;
-          return `
-            <div class="company-manager">
-              <div class="company-manager-toolbar">
-                <div class="company-manager-summary">
-                  共 ${companiesList.length} 家公司 · ${totalDevices} 台设备
-                </div>
-                <div class="company-manager-toolbar-actions">
-                  <button type="button" class="btn btn-primary btn-sm" id="addCompanyBtn">
-                    <i data-lucide="plus"></i>
-                    添加公司
-                  </button>
-                </div>
-              </div>
-              <div class="company-manager-list">
-                ${companiesList.length === 0 ? '<div class="company-manager-empty">暂无公司，请先创建公司</div>' : companiesList.map(company => {
-                  const deviceCount = allDevices.filter(device => device.companyId === company.id).length;
-                  return `
-                    <div class="company-manager-item" data-company-id="${escapeHtml(company.id)}">
-                      <div class="company-manager-info">
-                        <span class="company-manager-dot" style="background:${company.color || '#52c41a'}"></span>
-                        <div>
-                          <div class="company-manager-name">${escapeHtml(company.name)}</div>
-                          <div class="company-manager-meta">ID ${escapeHtml(company.id)} · ${deviceCount} 台设备 · 最新固件 ${escapeHtml(company.latestVersion || '-')}</div>
-                        </div>
-                      </div>
-                      <div class="company-manager-actions">
-                        <button type="button" class="btn btn-outline btn-sm" data-action="edit-company" data-company-id="${escapeHtml(company.id)}">
-                          <i data-lucide="pencil"></i>
-                          编辑
-                        </button>
-                        <button type="button" class="btn btn-outline btn-sm danger" data-action="delete-company" data-company-id="${escapeHtml(company.id)}">
-                          <i data-lucide="trash-2"></i>
-                          删除
-                        </button>
-                      </div>
-                    </div>
-                  `;
-                }).join('')}
-              </div>
-            </div>
-          `;
-        };
-
-        let refreshCompanyManager = () => {};
-        const bindCompanyManagerActions = (overlay) => {
-          overlay.querySelector('#addCompanyBtn')?.addEventListener('click', () => openCompanyEditor(null, refreshCompanyManager));
-          overlay.querySelectorAll('[data-action="edit-company"]').forEach(button => {
-            button.addEventListener('click', () => {
-              const company = getCompanyById(button.dataset.companyId);
-              if (company) openCompanyEditor(company, refreshCompanyManager);
-            });
-          });
-          overlay.querySelectorAll('[data-action="delete-company"]').forEach(button => {
-            button.addEventListener('click', () => {
-              const company = getCompanyById(button.dataset.companyId);
-              if (company) openCompanyDeleteConfirm(company, refreshCompanyManager);
-            });
-          });
-        };
-
-        const modal = createModal({
-          title: '公司管理',
-          size: 'xl',
-          content: renderCompanyManagerContent(),
-          showCancel: false,
-          confirmText: '关闭',
-          onConfirm: () => true,
-        });
-
-        const overlay = modal.overlay;
-        refreshCompanyManager = () => {
-          const body = overlay.querySelector('.modal-body');
-          if (!body || !document.body.contains(overlay)) return;
-          body.innerHTML = renderCompanyManagerContent();
-          bindCompanyManagerActions(overlay);
-          lucide.createIcons({ elements: [overlay] });
-        };
-        bindCompanyManagerActions(overlay);
-        lucide.createIcons({ elements: [overlay] });
-      };
-
-      const NOTIFICATION_EVENT_CATALOG = [
-        {
-          type: 'device.offline_rate_exceeded',
-          category: '设备健康',
-          name: '设备离线率异常',
-          severity: 'critical',
-          trigger: '公司设备离线率连续 10 分钟超过阈值',
-          ruleSummary: '离线率 > 5%，且连续 10 分钟未恢复',
-          window: '10 分钟连续检测',
-          cooldown: '30 分钟内同公司同规则只通知 1 次',
-          contentFields: ['公司名称', '当前离线率', '影响设备数', '最近检测时间', '建议处理动作'],
-          defaultThreshold: 5,
-          thresholdUnit: '%',
-          defaultChannels: ['in_app', 'webhook'],
-          actionPage: 'dashboard',
-        },
-        {
-          type: 'device.error_spike',
-          category: '设备健康',
-          name: '设备异常数量突增',
-          severity: 'warning',
-          trigger: '异常设备数在 30 分钟内超过阈值',
-          ruleSummary: '30 分钟内新增异常设备 >= 20 台',
-          window: '30 分钟滚动窗口',
-          cooldown: '60 分钟内同公司同异常类型只通知 1 次',
-          contentFields: ['公司名称', '异常设备数', '主要异常类型', '影响范围', '建议处理动作'],
-          defaultThreshold: 20,
-          thresholdUnit: '台',
-          defaultChannels: ['in_app'],
-          actionPage: 'device',
-        },
-        {
-          type: 'ota.task_failed',
-          category: 'OTA 升级',
-          name: 'OTA 任务失败',
-          severity: 'warning',
-          trigger: 'OTA 任务状态变为失败',
-          ruleSummary: '任务失败即通知',
-          thresholdLabel: '发生即通知',
-          window: '任务状态变更时',
-          cooldown: '同一 OTA 任务只通知 1 次',
-          contentFields: ['公司名称', '任务名称', '目标版本', '失败阶段', '失败原因摘要'],
-          defaultChannels: ['in_app', 'webhook'],
-          actionPage: 'ota',
-        },
-        {
-          type: 'ota.failure_rate_exceeded',
-          category: 'OTA 升级',
-          name: 'OTA 失败率超过阈值',
-          severity: 'warning',
-          trigger: 'OTA 升级失败率超过阈值',
-          ruleSummary: '失败率 > 3%，且任务已执行设备数 >= 50 台',
-          window: '任务执行中实时检测',
-          cooldown: '同一 OTA 任务每 30 分钟最多通知 1 次',
-          contentFields: ['公司名称', '任务名称', '目标版本', '成功/失败设备数', '失败率', '失败原因摘要'],
-          defaultThreshold: 3,
-          thresholdUnit: '%',
-          defaultChannels: ['in_app', 'webhook'],
-          actionPage: 'ota',
-        },
-        {
-          type: 'ai.badcase_rate_exceeded',
-          category: 'AI 质量',
-          name: '问题对话率超过阈值',
-          severity: 'warning',
-          trigger: 'Bad Case 占比在统计周期内超过阈值',
-          ruleSummary: '问题对话率 > 5%，且样本会话数 >= 100',
-          window: '24 小时滚动窗口',
-          cooldown: '同公司同应用 12 小时内只通知 1 次',
-          contentFields: ['公司名称', '应用名称', '问题对话率', '主要问题类型', '样例会话入口'],
-          defaultThreshold: 5,
-          thresholdUnit: '%',
-          defaultChannels: ['in_app'],
-          actionPage: 'badcase',
-        },
-        {
-          type: 'ai.safety_critical',
-          category: 'AI 安全',
-          name: '高风险内容安全事件',
-          severity: 'critical',
-          trigger: '检测到儿童安全、危险指导、隐私泄露等高风险回复',
-          ruleSummary: '命中高风险安全标签 >= 1 条',
-          thresholdLabel: '1 条即通知',
-          window: '实时检测',
-          cooldown: '同会话只通知 1 次',
-          contentFields: ['公司名称', '应用名称', '设备 ID', '风险类型', '会话片段入口'],
-          defaultChannels: ['in_app', 'webhook'],
-          actionPage: 'badcase',
-        },
-        {
-          type: 'agent.publish_result',
-          category: '应用发布',
-          name: '应用发布失败或上线完成',
-          severity: 'info',
-          trigger: '发布为异步任务，结果需要通知发起人',
-          ruleSummary: '发布失败必通知；发布成功只通知发起人',
-          thresholdLabel: '任务完成即通知',
-          window: '发布任务结束时',
-          cooldown: '同一发布任务只通知 1 次',
-          contentFields: ['应用名称', '版本', '发布状态', '失败原因', '发布时间'],
-          defaultChannels: ['in_app'],
-          actionPage: 'agent-manage-multimodal',
-        },
-        {
-          type: 'agent.lifecycle',
-          category: '应用管理',
-          name: '应用删除 / 恢复 / 回收站清理',
-          severity: 'warning',
-          trigger: '交互应用被移入回收站、从回收站恢复、彻底删除或到期自动清理',
-          ruleSummary: '应用生命周期关键操作即通知',
-          thresholdLabel: '发生即通知',
-          window: '实时触发',
-          cooldown: '不合并，逐条通知',
-          contentFields: ['应用名称', '所属公司', '操作类型', '操作者', '保留到期时间'],
-          defaultChannels: ['in_app'],
-          actionPage: 'agent-manage',
-        },
-        {
-          type: 'kb.index_failed',
-          category: '知识库',
-          name: '知识库解析或索引失败',
-          severity: 'warning',
-          trigger: '文件解析、切片、向量化或索引构建失败',
-          ruleSummary: '失败文件数 >= 1，或索引任务状态为失败',
-          thresholdLabel: '1 个失败即通知',
-          window: '知识库任务结束时',
-          cooldown: '同一知识库任务只通知 1 次',
-          contentFields: ['知识库名称', '失败文件数', '失败阶段', '错误摘要', '重试入口'],
-          defaultChannels: ['in_app'],
-          actionPage: 'knowledge-base',
-        },
-        {
-          type: 'security.risk_event',
-          category: '安全权限',
-          name: '敏感安全事件',
-          severity: 'critical',
-          trigger: '异常登录、管理员变更、API Key 创建/撤销、权限异常变更',
-          ruleSummary: '命中安全审计规则即通知',
-          thresholdLabel: '发生即通知',
-          window: '实时检测',
-          cooldown: '不合并，逐条通知',
-          contentFields: ['事件类型', '操作者', '影响对象', 'IP/设备', '发生时间'],
-          defaultChannels: ['in_app', 'webhook'],
-          actionPage: 'rbac',
-        },
-      ];
-      window.TQ_NOTIFICATION_EVENT_CATALOG = NOTIFICATION_EVENT_CATALOG;
-      const notificationReadIds = new Set();
-
-      const NOTIFICATION_SEVERITY_META = {
-        critical: { label: '高危', className: 'critical', icon: 'alert-triangle', iconBg: '#fff2f0', iconColor: '#ff4d4f' },
-        warning: { label: '预警', className: 'warning', icon: 'alert-triangle', iconBg: '#fff7e6', iconColor: '#fa8c16' },
-        info: { label: '提醒', className: 'info', icon: 'info', iconBg: '#e6f7ff', iconColor: '#1890ff' },
-        success: { label: '完成', className: 'success', icon: 'check-circle', iconBg: '#f6ffed', iconColor: '#52c41a' },
-      };
-
-      function getNotificationEventMeta(type) {
-        return NOTIFICATION_EVENT_CATALOG.find(item => item.type === type) || {};
-      }
-
-      function getNotificationSettingsSnapshot() {
-        if (window.__talkingqSettings?.notificationRules) {
-          return window.__talkingqSettings.notificationRules;
-        }
-        try {
-          localStorage.removeItem('talkingq_settings');
-        } catch (error) {
-          console.warn('Failed to clear legacy settings cache', error);
-        }
-        return {};
-      }
-
-      function isNotificationTypeEnabled(type) {
-        const rules = getNotificationSettingsSnapshot();
-        const rule = rules[type];
-        return rule ? rule.enabled !== false : true;
-      }
-
-      function getReadNotificationIds() {
-        return new Set(notificationReadIds);
-      }
-
-      function saveReadNotificationIds(readIds) {
-        notificationReadIds.clear();
-        readIds.forEach(id => notificationReadIds.add(id));
-      }
-
-      function markNotificationReadLocally(id) {
-        notificationReadIds.add(id);
-      }
-
-      const notificationState = {};
-
-      function getNotificationKey(role) {
-        const companyId = window.__getCurrentCompanyId ? window.__getCurrentCompanyId() : 'all';
-        return `${role}:${role === 'client' ? companyId : 'all'}`;
-      }
-
-      function getNotificationSeeds(role) {
-        const buildNotification = (eventType, data) => {
-          const eventMeta = getNotificationEventMeta(eventType);
-          const severityMeta = NOTIFICATION_SEVERITY_META[data.severity || eventMeta.severity || 'info'] || NOTIFICATION_SEVERITY_META.info;
-          return {
-            eventType,
-            category: eventMeta.category || '系统通知',
-            severity: data.severity || eventMeta.severity || 'info',
-            severityLabel: severityMeta.label,
-            icon: data.icon || severityMeta.icon,
-            iconBg: data.iconBg || severityMeta.iconBg,
-            iconColor: data.iconColor || severityMeta.iconColor,
-            actionPage: data.actionPage || eventMeta.actionPage || '',
-            actionText: data.actionText || '去处理',
-            ...data,
-          };
-        };
-
-        if (role === 'client') {
-          const company = window.getCurrentCompany ? window.getCurrentCompany() : { id: 'company_a', name: '当前公司' };
-          return [
-            buildNotification('device.offline_rate_exceeded', {
-              id: `${company.id}-offline-rate`,
-              title: `${company.name} 设备离线率超过 5%`,
-              time: '5 分钟前',
-              detail: `${company.name} 最近 30 分钟内设备离线率达到 5.8%，影响 38 台设备。建议先查看设备心跳、网络状态和最近固件变更。`,
-              objectName: company.name,
-              metric: '离线率 5.8%',
-              read: false,
-              actionPage: 'device',
-              actionText: '查看设备',
-            }),
-            buildNotification('ai.badcase_rate_exceeded', {
-              id: `${company.id}-badcase-rate`,
-              title: `${company.name} 问题对话率超过阈值`,
-              time: '42 分钟前',
-              detail: `${company.name} 今日问题对话率达到 6.4%，主要集中在“内容偏离”和“识别误差”。建议查看样例会话并调整应用配置。`,
-              objectName: company.name,
-              metric: '问题对话率 6.4%',
-              read: false,
-              actionPage: 'session',
-              actionText: '查看会话',
-            }),
-          ].filter(item => isNotificationTypeEnabled(item.eventType));
-        }
-
-        const companyAName = window.__getCompanyNameById ? window.__getCompanyNameById('company_a') : '智慧星科技';
-        const companyBName = window.__getCompanyNameById ? window.__getCompanyNameById('company_b') : '未来玩具厂';
-        const companyCName = window.__getCompanyNameById ? window.__getCompanyNameById('company_c') : '童趣电子';
-
-        return [
-          buildNotification('device.offline_rate_exceeded', {
-            id: 'company-a-offline-rate',
-            title: `${companyAName} 设备离线率超过 5%`,
-            time: '5 分钟前',
-            detail: `${companyAName} 最近 30 分钟内设备离线率达到 5.8%，影响 126 台设备。建议运营人员检查设备心跳、网络波动和最近 OTA 变更。`,
-            objectName: companyAName,
-            metric: '离线率 5.8%',
-            read: false,
-            actionPage: 'device',
-            actionText: '查看设备',
-          }),
-          buildNotification('ota.failure_rate_exceeded', {
-            id: 'company-b-ota-failed',
-            title: `${companyBName} OTA v2.1.0 失败率超过阈值`,
-            time: '1 小时前',
-            detail: `${companyBName} OTA v2.1.0 升级任务失败率为 4.6%，超过 3% 阈值。失败设备可进入 OTA 升级页面查看详情并重试。`,
-            objectName: 'OTA v2.1.0',
-            metric: '失败率 4.6%',
-            read: false,
-            actionPage: 'ota',
-            actionText: '查看 OTA',
-          }),
-          buildNotification('ai.safety_critical', {
-            id: 'company-c-safety-critical',
-            title: `${companyCName} 出现高风险内容安全事件`,
-            time: '2 小时前',
-            detail: `${companyCName} 的“科学百科探索者”检测到 1 条高风险回复，风险类型为危险指导。建议立即查看 Bad Case 并处理。`,
-            objectName: '科学百科探索者',
-            metric: '高风险 1 条',
-            read: false,
-            actionPage: 'badcase',
-            actionText: '查看 Bad Case',
-          }),
-          buildNotification('kb.index_failed', {
-            id: 'kb-index-failed',
-            title: '故事素材库 V2 索引失败',
-            time: '昨天',
-            detail: '故事素材库 V2 有 3 个文件在向量化阶段失败。建议进入知识库查看失败文件并重新解析。',
-            objectName: '故事素材库 V2',
-            metric: '失败文件 3 个',
-            read: false,
-            actionPage: 'knowledge-base',
-            actionText: '查看知识库',
-          }),
-          buildNotification('security.risk_event', {
-            id: 'security-api-key-created',
-            title: '管理员创建了新的 API Key',
-            time: '昨天',
-            detail: '管理员 Admin 创建了新的阿里云百炼 API Key。该类操作会进入审计日志，并建议确认是否为预期变更。',
-            objectName: 'API Key',
-            metric: '安全审计',
-            read: true,
-            actionPage: 'settings',
-            actionText: '查看设置',
-          }),
-        ].filter(item => isNotificationTypeEnabled(item.eventType));
-      }
-
-      function escapeHtml(value) {
-        return String(value ?? '').replace(/[&<>"']/g, char => ({
-          '&': '&amp;',
-          '<': '&lt;',
-          '>': '&gt;',
-          '"': '&quot;',
-          "'": '&#39;',
-        }[char]));
-      }
-
-      function getNotificationsForRole(role) {
-        const key = getNotificationKey(role);
-        if (!notificationState[key]) {
-          const readIds = getReadNotificationIds();
-          notificationState[key] = getNotificationSeeds(role).map(item => ({
-            ...item,
-            read: readIds.has(item.id) || item.read,
-          }));
-        }
-        return notificationState[key];
-      }
-
-      window.__addRuntimeNotification = async function(data = {}) {
-        const role = window.__getUserRole ? window.__getUserRole() : 'admin';
-        const normalizedRole = window.__normalizeRole ? window.__normalizeRole(role) : role;
-        if (normalizedRole === 'client') return;
-
-        const eventType = data.eventType || 'agent.lifecycle';
-        if (!isNotificationTypeEnabled(eventType)) return;
-
-        const eventMeta = getNotificationEventMeta(eventType);
-        const severity = data.severity || eventMeta.severity || 'info';
-        const severityMeta = NOTIFICATION_SEVERITY_META[severity] || NOTIFICATION_SEVERITY_META.info;
-        const notification = {
-          id: data.id || `${eventType}-${Date.now()}`,
-          eventType,
-          category: data.category || eventMeta.category || '系统通知',
-          title: data.title || eventMeta.name || '新的系统通知',
-          time: data.time || '刚刚',
-          detail: data.detail || '',
-          objectName: data.objectName || '-',
-          metric: data.metric || '-',
-          severity,
-          severityLabel: severityMeta.label,
-          icon: data.icon || severityMeta.icon,
-          iconBg: data.iconBg || severityMeta.iconBg,
-          iconColor: data.iconColor || severityMeta.iconColor,
-          read: false,
-          actionPage: data.actionPage || eventMeta.actionPage || '',
-          actionText: data.actionText || '去查看',
-        };
-
-        const notifications = getNotificationsForRole(normalizedRole);
-        notifications.unshift(notification);
-        try {
-          await API.notifications.create(notification);
-        } catch (error) {
-          console.warn('Runtime notification create failed in mock mode', error);
-        }
-        updateNotificationsForRole(normalizedRole);
-      };
-
-      function renderNotificationFooter(role, unreadCount, totalCount) {
-        const footer = document.querySelector('.notif-footer');
-        if (!footer) return;
-
-        if (totalCount === 0) {
-          footer.innerHTML = '<span class="notif-footer-muted">暂无通知</span>';
-          return;
-        }
-
-        footer.innerHTML = `
-          <button type="button" class="notif-footer-action" id="openNotificationSettings">
-            通知设置
-          </button>
-          <button type="button" class="notif-footer-action" id="markAllNotificationsRead" ${unreadCount === 0 ? 'disabled' : ''}>
-            全部标为已读
-          </button>
-        `;
-
-        footer.querySelector('#openNotificationSettings')?.addEventListener('click', (e) => {
-          e.preventDefault();
-          e.stopPropagation();
-          document.getElementById('notifDropdown')?.classList.remove('open');
-          navigateTo('settings');
-        });
-
-        footer.querySelector('#markAllNotificationsRead')?.addEventListener('click', async (e) => {
-          e.preventDefault();
-          e.stopPropagation();
-          const notifications = getNotificationsForRole(role);
-          notifications.forEach(item => { item.read = true; });
-          const readIds = getReadNotificationIds();
-          notifications.forEach(item => readIds.add(item.id));
-          saveReadNotificationIds(readIds);
-          await API.notifications.markAllRead(window.__getTenantScopeParams ? window.__getTenantScopeParams() : {});
-          updateNotificationsForRole(role);
-          Toast.success('全部通知已读');
-        });
-      }
-
-      function syncNotificationBadge(unreadCount) {
-        const count = document.querySelector('.notif-count');
-        const dot = document.querySelector('.notif-dot');
-        if (count) count.textContent = unreadCount > 0 ? `${unreadCount} 条未读` : '全部已读';
-        if (dot) dot.style.display = unreadCount > 0 ? '' : 'none';
-      }
-
-      window.__syncNotificationCenterForRole = function(role, pageId = window.__currentPage) {
-        const normalizedRole = window.__normalizeRole ? window.__normalizeRole(role) : (role || 'admin');
-        const notificationCenter = document.getElementById('notificationCenter');
-        const dropdown = document.getElementById('notifDropdown');
-        const shouldHide = normalizedRole === 'client' || pageId === 'login';
-
-        if (notificationCenter) {
-          notificationCenter.style.display = shouldHide ? 'none' : '';
-        }
-        if (shouldHide) {
-          dropdown?.classList.remove('open');
-        }
-      };
-
-      function openNotificationDetail(role, notificationId) {
-        const notifications = getNotificationsForRole(role);
-        const notification = notifications.find(item => item.id === notificationId);
-        if (!notification) return;
-        const wasUnread = !notification.read;
-
-        document.getElementById('notifDropdown')?.classList.remove('open');
-        createModal({
-          title: '通知详情',
-          content: `
-            <div style="display:flex;gap:12px;align-items:flex-start">
-              <div class="notif-icon" style="background:${notification.iconBg};color:${notification.iconColor}">
-                <i data-lucide="${notification.icon}" style="width:16px;height:16px"></i>
-              </div>
-              <div style="flex:1;min-width:0">
-                <div class="notif-detail-tags">
-                  <span class="notif-tag">${escapeHtml(notification.category)}</span>
-                  <span class="notif-severity ${escapeHtml(notification.severity)}">${escapeHtml(notification.severityLabel)}</span>
-                </div>
-                <div style="font-size:15px;font-weight:600;margin-bottom:6px">${escapeHtml(notification.title)}</div>
-                <div style="font-size:12px;color:var(--text-muted);margin-bottom:14px">${escapeHtml(notification.time)}</div>
-                <div style="font-size:13px;line-height:1.7;color:var(--text-secondary)">${escapeHtml(notification.detail)}</div>
-                <div class="notif-detail-meta">
-                  <div><span>通知类型</span><strong>${escapeHtml(notification.eventType)}</strong></div>
-                  <div><span>影响对象</span><strong>${escapeHtml(notification.objectName || '-')}</strong></div>
-                  <div><span>关键指标</span><strong>${escapeHtml(notification.metric || '-')}</strong></div>
-                </div>
-              </div>
-            </div>
-          `,
-          confirmText: notification.actionPage ? notification.actionText : (notification.read ? '确认' : '确认并标为已读'),
-          onConfirm: async () => {
-            notification.read = true;
-            markNotificationReadLocally(notification.id);
-            await API.notifications.markRead(notification.id);
-            updateNotificationsForRole(role);
-            if (wasUnread) Toast.success('通知已标记为已读', 1200);
-            if (notification.actionPage) navigateTo(notification.actionPage);
-          },
-        });
-        lucide.createIcons();
-      }
-
-      function updateNotificationsForRole(role) {
-        const list = document.querySelector('.notif-list');
-        if (!list) return;
-
-        const normalizedRole = window.__normalizeRole ? window.__normalizeRole(role) : role;
-        window.__syncNotificationCenterForRole?.(normalizedRole, window.__currentPage);
-        if (normalizedRole === 'client') {
-          syncNotificationBadge(0);
-          renderNotificationFooter(normalizedRole, 0, 0);
-          list.innerHTML = '<div class="notif-empty">客户侧不显示通知中心</div>';
-          return;
-        }
-
-        const notifications = getNotificationsForRole(normalizedRole);
-        const unreadCount = notifications.filter(item => !item.read).length;
-
-        syncNotificationBadge(unreadCount);
-        renderNotificationFooter(normalizedRole, unreadCount, notifications.length);
-
-        list.innerHTML = notifications.length === 0
-          ? '<div class="notif-empty">暂无通知</div>'
-          : notifications.map(item => `
-              <button type="button" class="notif-item ${item.read ? '' : 'unread'}" data-notification-id="${item.id}">
-                <div class="notif-icon" style="background:${item.iconBg};color:${item.iconColor}">
-                  <i data-lucide="${item.icon}" style="width:14px;height:14px"></i>
-                </div>
-                <div class="notif-content">
-                  <div class="notif-item-tags">
-                    <span>${escapeHtml(item.category)}</span>
-                    <span class="${escapeHtml(item.severity)}">${escapeHtml(item.severityLabel)}</span>
-                  </div>
-                  <div class="notif-text">${escapeHtml(item.title)}</div>
-                  <div class="notif-time">${escapeHtml(item.time)}${item.read ? ' · 已读' : ''}</div>
-                </div>
-              </button>
-            `).join('');
-
-        list.querySelectorAll('.notif-item[data-notification-id]').forEach(item => {
-          item.addEventListener('click', () => openNotificationDetail(normalizedRole, item.dataset.notificationId));
-        });
-
-        lucide.createIcons({ elements: [list] });
-      }
-      window.__refreshNotifications = function() {
-        Object.keys(notificationState).forEach(key => delete notificationState[key]);
-        const role = window.__getUserRole ? window.__getUserRole() : 'admin';
-        window.__syncNotificationCenterForRole?.(role, window.__currentPage);
-        if ((window.__normalizeRole ? window.__normalizeRole(role) : role) === 'client') return;
-        updateNotificationsForRole(role);
-      };
-
-      window.__syncCompanyNavState = function(pageId = window.__currentPage) {
-        const navContainer = document.getElementById('companyListNav');
-        if (!navContainer) return;
-
-        const isCompanyScopedPage = pageId === 'device' || pageId === 'ota';
-        const companyItems = Array.from(navContainer.querySelectorAll('.company-nav-item'));
-        navContainer.querySelectorAll('.submenu-item.active').forEach(item => item.classList.remove('active'));
-
-        if (!isCompanyScopedPage) return;
-
-        const companyId = window.currentCompany || 'all';
-        const activeCompany = companyItems.find(item => item.dataset.company === companyId);
-        companyItems.forEach(item => item.classList.toggle('active', item === activeCompany));
-
-        if (!activeCompany) return;
-
-        const submenu = activeCompany.querySelector('.company-submenu');
-        if (!document.getElementById('sidebar')?.classList.contains('collapsed')) {
-          submenu?.classList.add('open');
-        }
-        submenu?.querySelectorAll('.submenu-item').forEach(item => {
-          item.classList.toggle('active', item.dataset.page === pageId);
-        });
-      };
-
-      // 初始化公司导航
-      function initCompanyNav(role) {
-        const navContainer = document.getElementById('companyListNav');
-        const select = document.getElementById('currentCompanySelect');
-
-        if (!navContainer || !select) return;
-
-        // 获取当前角色
-        const rawRole = role || (window.currentUser.role === 'Admin' ? 'admin' : window.currentUser.role === 'Worker' ? 'worker' : 'client');
-        const currentRole = window.__normalizeRole ? window.__normalizeRole(rawRole) : rawRole;
-        const isClient = currentRole === 'client';
-
-        // 客户只保留一个设备入口，不出现任何公司切换控件
-        if (isClient) {
-          const roleConfig = window.__getRoleConfig ? window.__getRoleConfig(currentRole) : null;
-          const companyId = roleConfig?.allowedCompanies?.[0] || window.currentUser.allowedCompanies?.[0] || 'company_a';
-          const company = companies.find(c => c.id === companyId) || companies.find(c => c.id === 'company_a');
-          window.currentCompany = company.id;
-          select.innerHTML = `<option value="${company.id}" selected>${company.name}</option>`;
-          navContainer.innerHTML = `
-            <a href="#" class="nav-item ${window.__currentPage === 'device' ? 'active' : ''}" data-page="device" data-company="${company.id}">
-              <i data-lucide="tablet-smartphone"></i>
-              <span>设备管理</span>
-            </a>
-          `;
-          navContainer.querySelector('.nav-item')?.addEventListener('click', (e) => {
-            e.preventDefault();
-            window.currentCompany = company.id;
-            navigateTo('device');
-          });
-          lucide.createIcons({ elements: [navContainer] });
-          return;
-        }
-
-        // 管理员和员工可查看全部公司及全部设备/OTA入口
-        const allowedCompanies = companies;
-
-        navContainer.innerHTML = allowedCompanies.map(company => `
-          <div class="company-nav-item ${window.currentCompany === company.id ? 'active' : ''}" data-company="${company.id}" data-short="${company.name.slice(0, 1)}">
-            <i data-lucide="server" style="width:14px;height:14px"></i>
-            <span class="company-name">${company.name}</span>
-            ${company.deviceCount > 0 ? `<span class="company-badge">${company.deviceCount}</span>` : ''}
-            <div class="company-submenu">
-              <a href="#" class="submenu-item" data-page="device" data-company="${company.id}">
-                <i data-lucide="tablet-smartphone"></i> 设备管理
-              </a>
-              ${!isClient ? `<a href="#" class="submenu-item" data-page="ota" data-company="${company.id}">
-                <i data-lucide="refresh-cw"></i> OTA 升级
-              </a>` : ''}
-            </div>
-          </div>
-        `).join('');
-
-        // 渲染下拉选择器（客户不需要，已隐藏）
-        select.innerHTML = `
-          <option value="all" ${window.currentCompany === 'all' ? 'selected' : ''}>全部公司</option>
-          ${allowedCompanies.map(c =>
-            `<option value="${c.id}" ${window.currentCompany === c.id ? 'selected' : ''}>${c.name}</option>`
-          ).join('')}
-        `;
-        window.__syncCompanySelectorValue?.();
-
-        // 绑定点击事件
-        navContainer.querySelectorAll('.company-nav-item').forEach(item => {
-          item.addEventListener('click', (e) => {
-            // 如果点击的是子菜单项，不触发展开/收起
-            if (e.target.closest('.company-submenu')) return;
-
-            const companyId = item.dataset.company;
-            const submenu = item.querySelector('.company-submenu');
-            const wasSidebarCollapsed = document.getElementById('sidebar')?.classList.contains('collapsed');
-
-            if (wasSidebarCollapsed) {
-              window.__setSidebarCollapsed?.(false);
-            }
-
-            // 手风琴效果：关闭其他已展开的子菜单
-            navContainer.querySelectorAll('.company-submenu.open').forEach(sm => {
-              if (sm !== submenu) sm.classList.remove('open');
-            });
-
-            // 切换当前子菜单展开/收起
-            if (submenu) {
-              submenu.classList.toggle('open', wasSidebarCollapsed ? true : !submenu.classList.contains('open'));
-            }
-
-            // 更新选中状态
-            if (companyId !== 'all') {
-              window.currentCompany = companyId;
-              navContainer.querySelectorAll('.company-nav-item').forEach(ci => ci.classList.remove('active'));
-              item.classList.add('active');
-              select.value = companyId;
-            }
-          });
-        });
-
-        // 绑定子菜单点击
-        navContainer.querySelectorAll('.submenu-item').forEach(item => {
-          item.addEventListener('click', (e) => {
-            e.preventDefault();
-            const page = item.dataset.page;
-            const companyId = item.dataset.company;
-
-            // 切换到对应页面
-            window.currentCompany = companyId;
-            select.value = companyId;
-
-            // 更新侧边栏选中状态
-            navContainer.querySelectorAll('.company-nav-item').forEach(ci => ci.classList.remove('active'));
-            item.closest('.company-nav-item').classList.add('active');
-            navContainer.querySelectorAll('.submenu-item.active').forEach(si => si.classList.remove('active'));
-            item.classList.add('active');
-
-            // 导航到页面
-            navigateTo(page);
-
-            // 更新面包屑
-            const breadcrumb = document.getElementById('breadcrumb');
-            const companyName = companies.find(c => c.id === companyId)?.name || '';
-            const pageName = { device: '设备管理', ota: 'OTA 升级' }[page] || page;
-            if (breadcrumb) breadcrumb.textContent = `${companyName} - ${pageName}`;
-          });
-        });
-
-        lucide.createIcons({ elements: [navContainer] });
-        window.__syncCompanyNavState?.(window.__currentPage);
-      }
-
-      // 切换公司
-      window.switchCompany = function(companyId) {
-        const role = window.__getUserRole ? window.__getUserRole() : 'admin';
-        const allowedCompanyIds = window.__getAllowedCompanyIds ? window.__getAllowedCompanyIds(role) : ['all'];
-        if (companyId !== 'all' && !window.__getCompanyById?.(companyId)) {
-          Toast.warning('公司不存在或已被删除');
-          return;
-        }
-        if (role === 'client') {
-          companyId = allowedCompanyIds[0] || 'company_a';
-        } else if (companyId !== 'all' && !allowedCompanyIds.includes('all') && !allowedCompanyIds.includes(companyId)) {
-          Toast.warning('当前角色无权访问该公司');
-          return;
-        }
-
-        window.currentCompany = companyId;
-        window.__dashboardAppScope = null;
-        const navContainer = document.getElementById('companyListNav');
-        window.__syncCompanySelectorValue?.(companyId);
-
-        // 更新侧边栏选中状态
-        navContainer?.querySelectorAll('.company-nav-item').forEach(item => {
-          item.classList.toggle('active', item.dataset.company === companyId);
-        });
-
-        // 如果当前页面需要公司上下文，刷新页面
-        const currentPage = window.__currentPage || document.querySelector('.nav-item.active')?.dataset.page;
-        window.__syncCompanyNavState?.(currentPage);
-        if (['dashboard', 'device', 'ota', 'session'].includes(currentPage)) {
-          navigateTo(currentPage);
-        }
-
-        // 触发公司切换事件
-        window.dispatchEvent(new CustomEvent('companyChanged', { detail: { companyId } }));
-      };
-
-      // 获取当前公司信息
-      window.getCurrentCompany = function() {
-        const companyId = window.__getCurrentCompanyId ? window.__getCurrentCompanyId() : window.currentCompany;
-        if (companyId === 'all') {
-          return { id: 'all', name: '全部公司', deviceCount: getCompanyList().reduce((sum, company) => sum + (company.deviceCount || 0), 0) };
-        }
-        return window.__getCompanyById?.(companyId) || { id: companyId || 'all', name: companyId || '全部公司' };
-      };
-
-      // 获取当前公司的设备数据（过滤用）
-      window.getCompanyDevices = function(allDevices) {
-        const companyId = window.__getCurrentCompanyId ? window.__getCurrentCompanyId() : window.currentCompany;
-        if (companyId === 'all') return allDevices;
-        return allDevices.filter(d => d.companyId === companyId);
-      };
-
-      // 获取当前公司的固件版本
-      window.getCompanyFirmwareVersions = function(allVersions) {
-        const companyId = window.__getCurrentCompanyId ? window.__getCurrentCompanyId() : window.currentCompany;
-        if (companyId === 'all') return allVersions;
-        return allVersions.filter(v => v.companyId === companyId || !v.companyId);
-      };
-
-      // 退出登录
-      window.doLogout = function() {
-        sessionStorage.removeItem('talkingq_user');
-        sessionStorage.removeItem('talkingq_logged_in');
-        Toast.success('已退出登录');
-        navigateTo('login');
-      };
-
-      // 根据角色更新侧边栏
-      window.__updateSidebarForRole = function(role) {
-        const normalizedRole = window.__normalizeRole ? window.__normalizeRole(role) : (role || 'admin');
-        const roleConfig = window.__getRoleConfig ? window.__getRoleConfig(normalizedRole) : { roleName: '管理员', backendRole: 'Admin', defaultCompany: 'all', allowedCompanies: 'all' };
-        const sidebar = document.getElementById('sidebar');
-        const userName = sidebar?.querySelector('.user-name');
-        const userRole = sidebar?.querySelector('.user-role');
-        const userAvatar = sidebar?.querySelector('.user-avatar');
-
-        // 获取用户信息
-        const userStr = sessionStorage.getItem('talkingq_user');
-        const userData = userStr ? JSON.parse(userStr) : { username: 'User', role: normalizedRole };
-        const currentCompanyId = userData.companyId || roleConfig.defaultCompany || 'all';
-        const currentAllowedCompanies = Array.isArray(userData.allowedCompanies) && userData.allowedCompanies.length
-          ? userData.allowedCompanies
-          : (roleConfig.allowedCompanies === 'all' ? ['all'] : roleConfig.allowedCompanies);
-
-        // 更新用户信息显示
-        if (userName) userName.textContent = userData.username;
-        if (userRole) userRole.textContent = userData.roleName || roleConfig.roleName;
-        if (userAvatar) userAvatar.textContent = userData.username?.charAt(0).toUpperCase() || 'A';
-
-        // ======= 权限规则 =======
-        // admin：全部可见
-        // worker（员工）：仪表盘 + 设备管理（全部）+ 应用配置（全部）+ 会话分析（全部）+ 系统管理中的隐私保护和系统设置
-        // client（客户）：仪表盘 + 会话详情（会话分析） + 设备管理（仅设备管理，无OTA），且只看自己公司
-
-        const sidebar_el = document.getElementById('sidebar');
-
-        window.currentUser.role = roleConfig.backendRole;
-        window.currentUser.allowedCompanies = currentAllowedCompanies;
-        window.currentCompany = normalizedRole === 'client' ? currentCompanyId : (currentCompanyId || roleConfig.defaultCompany);
-
-        // 重新初始化公司导航（客户会被渲染为单一设备入口）
-        initCompanyNav(normalizedRole);
-
-        sidebar_el?.querySelectorAll('.nav-item[data-page]').forEach(item => {
-          item.style.display = window.__canAccessPage(item.dataset.page, normalizedRole) ? '' : 'none';
-        });
-
-        sidebar_el?.querySelectorAll('.nav-section').forEach(section => {
-          const isDeviceSection = section.id === 'clientCompaniesNav';
-          const hasVisibleNavItem = Array.from(section.querySelectorAll('.nav-item[data-page]'))
-            .some(item => item.style.display !== 'none');
-          section.style.display = (isDeviceSection && window.__canAccessPage('device', normalizedRole)) || hasVisibleNavItem ? '' : 'none';
-        });
-
-        // 顶部公司选择器：客户隐藏；管理员和员工可切换全部公司/单公司视图
-        window.__syncCompanySelectorVisibility?.(normalizedRole, window.__currentPage);
-
-        window.__syncNotificationCenterForRole?.(normalizedRole, window.__currentPage);
-        if (normalizedRole !== 'client') {
-          updateNotificationsForRole(normalizedRole);
-        }
-
-        const currentPage = window.__currentPage;
-        if (currentPage && currentPage !== 'login' && !window.__canAccessPage(currentPage, normalizedRole)) {
-          navigateTo(roleConfig.defaultPage);
-        }
-      };
-
-      // 获取当前用户角色
-      window.__getUserRole = function() {
-        const userStr = sessionStorage.getItem('talkingq_user');
-        if (!userStr) return 'admin';
-        try {
-          const userData = JSON.parse(userStr);
-          return window.__normalizeRole ? window.__normalizeRole(userData.role) : (userData.role || 'admin');
-        } catch (e) {
-          return 'admin';
-        }
-      };
-
-      // Init
-      document.addEventListener('DOMContentLoaded', () => {
-        // Sidebar toggle
-        const sidebar = document.getElementById('sidebar');
-        const sidebarToggle = document.getElementById('sidebarToggle');
-        const setSidebarCollapsed = (collapsed) => {
-          sidebar?.classList.toggle('collapsed', collapsed);
-          sidebar?.querySelectorAll('.company-submenu.open').forEach(el => el.classList.remove('open'));
-          if (sidebarToggle) {
-            sidebarToggle.setAttribute('aria-label', collapsed ? '展开侧边栏' : '收起侧边栏');
-            sidebarToggle.setAttribute('aria-expanded', collapsed ? 'false' : 'true');
-            sidebarToggle.setAttribute('title', collapsed ? '展开侧边栏' : '收起侧边栏');
-          }
-        };
-        window.__setSidebarCollapsed = setSidebarCollapsed;
-
-        sidebarToggle?.addEventListener('click', () => {
-          setSidebarCollapsed(!sidebar?.classList.contains('collapsed'));
-        });
-        document.getElementById('menuBtn')?.addEventListener('click', () => {
-          setSidebarCollapsed(!sidebar?.classList.contains('collapsed'));
-        });
-
-        // Logout
-        document.getElementById('logoutBtn')?.addEventListener('click', () => {
-          window.doLogout();
-        });
-
-        // Nav click
-        document.querySelectorAll('.nav-item[data-page]').forEach(el => {
-          el.addEventListener('click', e => {
-            e.preventDefault();
-            navigateTo(el.dataset.page);
-          });
-        });
-
-        document.querySelectorAll('.nav-parent[data-nav-toggle]').forEach(el => {
-          el.addEventListener('click', e => {
-            e.preventDefault();
-            const submenu = document.querySelector(`.nav-submenu[data-nav-group="${el.dataset.navToggle}"]`);
-            if (sidebar?.classList.contains('collapsed')) {
-              setSidebarCollapsed(false);
-              submenu?.classList.add('open');
-              el.setAttribute('aria-expanded', 'true');
-              return;
-            }
-            const isOpen = submenu?.classList.toggle('open');
-            el.setAttribute('aria-expanded', isOpen ? 'true' : 'false');
-          });
-        });
-
-        // 初始化公司导航
-        initCompanyNav(window.__getUserRole ? window.__getUserRole() : 'admin');
-        window.__syncCompanyDeviceCounts?.();
-        document.getElementById('companyManageBtn')?.addEventListener('click', () => {
-          if (window.__getUserRole && window.__getUserRole() === 'client') {
-            Toast.warning('当前角色无权管理公司');
-            return;
-          }
-          window.openCompanyManagerModal?.();
-        });
-
-        // 通知下拉菜单
-        const notifBtn = document.getElementById('notifBtn');
-        const notifDropdown = document.getElementById('notifDropdown');
-        if (notifBtn && notifDropdown) {
-          notifBtn.addEventListener('click', (e) => {
-            e.stopPropagation();
-            notifDropdown.classList.toggle('open');
-          });
-          document.addEventListener('click', (e) => {
-            if (!notifDropdown.contains(e.target) && e.target !== notifBtn) {
-              notifDropdown.classList.remove('open');
-            }
-          });
-        }
-
-        try {
-          localStorage.removeItem('talkingq_theme');
-          document.documentElement.removeAttribute('data-theme');
-        } catch (error) {
-          console.warn('Failed to clear legacy theme preference', error);
-        }
-
-        // Clock
-        function updateClock() {
-          const el = document.getElementById('topbarTime');
-          if (!el) return;
-          el.textContent = new Date().toLocaleString('zh-CN', {
-            month: '2-digit', day: '2-digit',
-            hour: '2-digit', minute: '2-digit', second: '2-digit',
-            hour12: false
-          });
-        }
-        updateClock();
-        setInterval(updateClock, 1000);
-
-        // Check auth
-        const loggedIn = sessionStorage.getItem('talkingq_logged_in');
-        const targetPage = loggedIn === 'true' ? 'dashboard' : 'login';
-        setTimeout(() => {
-          // 如果已登录，根据角色更新侧边栏
-          if (loggedIn === 'true') {
-            window.__updateSidebarForRole && window.__updateSidebarForRole(window.__getUserRole());
-          }
-          navigateTo(targetPage);
-        }, 50);
-      });
-    })();
-  </script>
-
-  <!-- Load other page scripts -->
-  <script>
-/* inline: scripts/dashboard.js */
-/**
- * TalkingQ Platform - Dashboard Page
- */
-
-// 按公司统计的数据模型
-const companyStats = {
-  'all': {
-    name: '全部公司',
-    kpi: {
-      dau: 12847,
-      dauChange: 8.3,
-      sessions: 38204,
-      sessionsChange: 5.1,
-      devices: 9321,
-      devicesChange: 120,
-      totalSessions: 485203,
-      totalChange: 2.1,
-      avgTurns: 7.4,
-      turnsChange: 0.3,
-      badcaseRate: 1.2,
-      badcaseChange: -0.3,
-    },
-    // DAU趋势数据 (30天)
-    dauData: [12000, 12200, 11800, 12500, 12100, 12800, 13200, 13000, 12700, 13400, 12900, 13500, 13800, 13200, 13600, 14000, 13500, 13800, 14200, 13800, 14000, 14400, 13900, 14100, 14500, 14000, 14200, 14600, 14200, 12847],
-    // 每小时对话分布（24小时）
-    hourlyData: [120,80,60,40,35,42,150,380,520,610,580,640,700,620,590,610,720,850,900,880,750,600,420,250],
-    // 24小时每小时平均活跃用户折线图数据
-    hourlyActiveUsers: [4200, 3800, 3500, 3200, 2900, 2800, 3200, 4100, 5600, 6800, 7200, 7500, 7800, 7200, 6900, 7100, 8200, 9500, 10200, 9800, 8500, 7200, 5800, 4800],
-    // 设备连接趋势数据（按天）
-    deviceTrend7: [8200, 8350, 8100, 8480, 8620, 8750, 8921],
-    deviceTrend14: [7800, 7950, 8100, 8020, 8150, 8280, 8350, 8420, 8560, 8680, 8750, 8820, 8880, 8921],
-    deviceTrend30: [7200, 7350, 7280, 7450, 7520, 7680, 7750, 7820, 7950, 8020, 8150, 8220, 8350, 8420, 8480, 8550, 8620, 8750, 8820, 8880, 8921, 8950, 8980, 8921, 8950, 8980, 8921, 8921, 8921, 8921],
-    // 设备详情数据
-    deviceDetails: [
-      { deviceId: 'DEV-202401-001234', lastOnline: '2026-05-13 14:32:15', conversationCount: 156 },
-      { deviceId: 'DEV-202401-005678', lastOnline: '2026-05-13 14:28:42', conversationCount: 89 },
-      { deviceId: 'DEV-202402-003456', lastOnline: '2026-05-13 14:15:30', conversationCount: 234 },
-      { deviceId: 'DEV-202402-007890', lastOnline: '2026-05-13 13:58:21', conversationCount: 67 },
-      { deviceId: 'DEV-202403-001234', lastOnline: '2026-05-13 13:42:08', conversationCount: 178 },
-      { deviceId: 'DEV-202403-005678', lastOnline: '2026-05-13 12:35:19', conversationCount: 45 },
-      { deviceId: 'DEV-202404-003456', lastOnline: '2026-05-13 11:20:55', conversationCount: 312 },
-      { deviceId: 'DEV-202404-007890', lastOnline: '2026-05-13 10:15:33', conversationCount: 98 },
-    ],
-    // 对话轮次分布
-    turnsData: [8.2, 15.4, 19.1, 28.6, 18.3, 10.4],
-    turnsLabels: ['1-2', '3-4', '5-6', '7-9', '10-14', '15+'],
-    // OTA状态
-    otaData: [76.3, 8.2, 12.1, 3.4],
-    // 功能使用分布
-    intentData: [24.1, 18.3, 15.7, 9.2, 7.8, 6.5, 5.9, 4.8, 4.1, 3.6],
-    intentLabels: ['讲故事', '唱儿歌', '问答学习', '天气查询', '闹钟设置', '游戏互动', '英语学习', '百科问答', '情感陪伴', '其他'],
-    // 语言分布
-    langData: [68.4, 12.3, 11.2, 5.1, 3.0],
-    langLabels: ['中文（普通话）', '中文（粤语）', '英文', '日文', '其他'],
-    // 热门关键词词云
-    wordCloud: [
-      { text: '白雪公主', size: 42, color: '#722ed1' },
-      { text: '小猪佩奇', size: 38, color: '#1890ff' },
-      { text: '儿歌', size: 35, color: '#52c41a' },
-      { text: '天气预报', size: 30, color: '#fa8c16' },
-      { text: '三只小猪', size: 28, color: '#eb2f96' },
-      { text: '英语学习', size: 26, color: '#13c2c2' },
-      { text: '睡前故事', size: 32, color: '#722ed1' },
-      { text: '十万个为什么', size: 24, color: '#52c41a' },
-      { text: '脑筋急转弯', size: 22, color: '#1890ff' },
-      { text: '唐诗', size: 20, color: '#fa8c16' },
-      { text: '公主城堡', size: 26, color: '#eb2f96' },
-      { text: '动物世界', size: 24, color: '#13c2c2' },
-      { text: '唱首歌', size: 18, color: '#52c41a' },
-      { text: '做游戏', size: 16, color: '#1890ff' },
-    ],
-  },
-  'company_a': {
-    name: '智慧星科技',
-    kpi: {
-      dau: 5200,
-      dauChange: 12.5,
-      sessions: 15800,
-      sessionsChange: 8.2,
-      devices: 3200,
-      devicesChange: 85,
-      totalSessions: 198500,
-      totalChange: 4.5,
-      avgTurns: 8.2,
-      turnsChange: 0.5,
-      badcaseRate: 0.8,
-      badcaseChange: -0.2,
-    },
-    dauData: [4800, 4900, 5000, 4950, 5100, 5050, 5200, 5150, 5300, 5250, 5400, 5350, 5450, 5380, 5500, 5420, 5550, 5480, 5600, 5520, 5650, 5580, 5700, 5620, 5750, 5680, 5800, 5720, 5850, 5200],
-    hourlyData: [80,50,40,30,25,35,120,300,450,520,510,560,600,550,520,540,620,720,780,750,640,500,350,200],
-    hourlyActiveUsers: [1800, 1650, 1500, 1400, 1250, 1200, 1400, 1800, 2400, 2900, 3100, 3200, 3300, 3050, 2950, 3050, 3500, 4000, 4300, 4100, 3600, 3100, 2500, 2100],
-    deviceTrend7: [2800, 2900, 2850, 2980, 3050, 3120, 3200],
-    deviceTrend14: [2600, 2700, 2800, 2750, 2850, 2920, 2980, 3020, 3080, 3120, 3150, 3180, 3190, 3200],
-    deviceTrend30: [2400, 2500, 2480, 2550, 2600, 2680, 2750, 2800, 2880, 2920, 2980, 3020, 3080, 3120, 3150, 3180, 3190, 3200, 3180, 3200, 3200, 3200, 3200, 3200, 3200, 3200, 3200, 3200, 3200, 3200],
-    deviceDetails: [
-      { deviceId: 'DEV-A-2024-001234', lastOnline: '2026-05-13 14:30:25', conversationCount: 203 },
-      { deviceId: 'DEV-A-2024-005678', lastOnline: '2026-05-13 14:22:18', conversationCount: 156 },
-      { deviceId: 'DEV-A-2024-003456', lastOnline: '2026-05-13 14:05:42', conversationCount: 287 },
-      { deviceId: 'DEV-A-2024-007890', lastOnline: '2026-05-13 13:45:33', conversationCount: 98 },
-      { deviceId: 'DEV-A-2025-001234', lastOnline: '2026-05-13 13:28:11', conversationCount: 175 },
-      { deviceId: 'DEV-A-2025-005678', lastOnline: '2026-05-13 12:15:47', conversationCount: 67 },
-      { deviceId: 'DEV-A-2025-003456', lastOnline: '2026-05-13 11:08:22', conversationCount: 342 },
-      { deviceId: 'DEV-A-2025-007890', lastOnline: '2026-05-13 10:02:55', conversationCount: 124 },
-    ],
-    turnsData: [6.5, 12.8, 18.2, 30.1, 20.4, 12.0],
-    turnsLabels: ['1-2', '3-4', '5-6', '7-9', '10-14', '15+'],
-    otaData: [82.5, 6.1, 9.2, 2.2],
-    intentData: [28.5, 20.1, 18.2, 6.5, 5.2, 4.8, 8.5, 4.2, 2.5, 1.5],
-    intentLabels: ['讲故事', '唱儿歌', '问答学习', '天气查询', '闹钟设置', '游戏互动', '英语学习', '百科问答', '情感陪伴', '其他'],
-    langData: [72.1, 8.5, 14.2, 3.2, 2.0],
-    langLabels: ['中文（普通话）', '中文（粤语）', '英文', '日文', '其他'],
-    // 热门关键词词云
-    wordCloud: [
-      { text: '钢铁侠', size: 40, color: '#c41a1a' },
-      { text: '蜘蛛侠', size: 36, color: '#1890ff' },
-      { text: '迪士尼', size: 32, color: '#722ed1' },
-      { text: '超级英雄', size: 30, color: '#eb2f96' },
-      { text: '星球大战', size: 28, color: '#faad14' },
-      { text: '英语对话', size: 26, color: '#52c41a' },
-      { text: '公主故事', size: 34, color: '#eb2f96' },
-      { text: '科幻故事', size: 24, color: '#13c2c2' },
-      { text: '动画片', size: 22, color: '#1890ff' },
-      { text: '玩具总动员', size: 26, color: '#fa8c16' },
-      { text: '知识问答', size: 20, color: '#52c41a' },
-      { text: '唱跳', size: 18, color: '#722ed1' },
-    ],
-  },
-  'company_b': {
-    name: '未来玩具厂',
-    kpi: {
-      dau: 4100,
-      dauChange: 5.2,
-      sessions: 12500,
-      sessionsChange: 3.8,
-      devices: 1500,
-      devicesChange: 45,
-      totalSessions: 156800,
-      totalChange: 1.8,
-      avgTurns: 6.8,
-      turnsChange: 0.2,
-      badcaseRate: 1.5,
-      badcaseChange: -0.4,
-    },
-    dauData: [3800, 3850, 3900, 3880, 3950, 3920, 4000, 3980, 4050, 4020, 4100, 4080, 4150, 4120, 4200, 4180, 4250, 4220, 4300, 4280, 4350, 4320, 4400, 4380, 4450, 4420, 4500, 4480, 4550, 4100],
-    hourlyData: [60,40,30,25,20,28,90,220,380,450,440,480,520,480,460,470,540,650,700,680,560,420,300,150],
-    hourlyActiveUsers: [1350, 1200, 1100, 1000, 900, 950, 1100, 1400, 1900, 2300, 2500, 2600, 2700, 2500, 2400, 2500, 2800, 3200, 3500, 3300, 2900, 2500, 1900, 1550],
-    deviceTrend7: [1320, 1380, 1350, 1400, 1440, 1470, 1500],
-    deviceTrend14: [1250, 1300, 1320, 1350, 1380, 1400, 1420, 1440, 1460, 1470, 1480, 1490, 1495, 1500],
-    deviceTrend30: [1150, 1200, 1180, 1220, 1250, 1280, 1300, 1320, 1350, 1380, 1400, 1420, 1440, 1450, 1460, 1470, 1480, 1490, 1495, 1498, 1500, 1500, 1500, 1500, 1500, 1500, 1500, 1500, 1500, 1500],
-    deviceDetails: [
-      { deviceId: 'DEV-B-2024-001234', lastOnline: '2026-05-13 14:25:33', conversationCount: 145 },
-      { deviceId: 'DEV-B-2024-005678', lastOnline: '2026-05-13 14:12:55', conversationCount: 78 },
-      { deviceId: 'DEV-B-2024-003456', lastOnline: '2026-05-13 13:55:18', conversationCount: 198 },
-      { deviceId: 'DEV-B-2024-007890', lastOnline: '2026-05-13 13:35:42', conversationCount: 56 },
-      { deviceId: 'DEV-B-2025-001234', lastOnline: '2026-05-13 13:18:25', conversationCount: 167 },
-      { deviceId: 'DEV-B-2025-005678', lastOnline: '2026-05-13 12:05:33', conversationCount: 43 },
-      { deviceId: 'DEV-B-2025-003456', lastOnline: '2026-05-13 11:42:17', conversationCount: 234 },
-      { deviceId: 'DEV-B-2025-007890', lastOnline: '2026-05-13 10:28:44', conversationCount: 89 },
-    ],
-    turnsData: [10.2, 18.4, 20.1, 26.2, 16.1, 9.0],
-    turnsLabels: ['1-2', '3-4', '5-6', '7-9', '10-14', '15+'],
-    otaData: [74.8, 9.5, 11.8, 3.9],
-    intentData: [22.1, 22.5, 12.3, 10.8, 8.5, 7.2, 4.5, 5.8, 4.2, 2.1],
-    intentLabels: ['讲故事', '唱儿歌', '问答学习', '天气查询', '闹钟设置', '游戏互动', '英语学习', '百科问答', '情感陪伴', '其他'],
-    langData: [65.2, 18.5, 8.5, 5.8, 2.0],
-    langLabels: ['中文（普通话）', '中文（粤语）', '英文', '日文', '其他'],
-    // 热门关键词词云
-    wordCloud: [
-      { text: '小猪佩奇', size: 44, color: '#eb2f96' },
-      { text: '汪汪队', size: 38, color: '#1890ff' },
-      { text: '儿歌', size: 35, color: '#52c41a' },
-      { text: '巧虎', size: 30, color: '#fa8c16' },
-      { text: '超级飞侠', size: 28, color: '#722ed1' },
-      { text: '睡前故事', size: 26, color: '#13c2c2' },
-      { text: '海底小纵队', size: 32, color: '#1890ff' },
-      { text: '成语故事', size: 24, color: '#c41a1a' },
-      { text: '童谣', size: 22, color: '#52c41a' },
-      { text: '认知游戏', size: 20, color: '#fa8c16' },
-      { text: '认识动物', size: 26, color: '#722ed1' },
-      { text: '认颜色', size: 18, color: '#eb2f96' },
-    ],
-  },
-  'company_c': {
-    name: '童趣电子',
-    kpi: {
-      dau: 3547,
-      dauChange: 3.1,
-      sessions: 9904,
-      sessionsChange: 2.5,
-      devices: 800,
-      devicesChange: 25,
-      totalSessions: 129903,
-      totalChange: 0.8,
-      avgTurns: 6.2,
-      turnsChange: 0.1,
-      badcaseRate: 2.1,
-      badcaseChange: -0.5,
-    },
-    dauData: [3200, 3250, 3300, 3280, 3350, 3320, 3400, 3380, 3450, 3420, 3500, 3480, 3550, 3520, 3600, 3580, 3650, 3620, 3700, 3680, 3750, 3720, 3800, 3780, 3850, 3820, 3900, 3880, 3950, 3547],
-    hourlyData: [50,35,25,20,18,22,70,180,280,350,340,380,420,390,370,380,450,550,600,580,470,320,220,120],
-    hourlyActiveUsers: [1050, 950, 850, 800, 750, 720, 850, 1050, 1350, 1600, 1700, 1800, 1850, 1700, 1650, 1700, 1950, 2300, 2500, 2400, 2100, 1800, 1400, 1150],
-    deviceTrend7: [710, 730, 720, 750, 770, 785, 800],
-    deviceTrend14: [680, 700, 710, 720, 735, 745, 755, 765, 775, 780, 785, 790, 795, 800],
-    deviceTrend30: [620, 640, 635, 650, 660, 675, 685, 695, 705, 715, 725, 735, 745, 755, 765, 775, 780, 785, 790, 795, 800, 800, 800, 800, 800, 800, 800, 800, 800, 800],
-    deviceDetails: [
-      { deviceId: 'DEV-C-2024-001234', lastOnline: '2026-05-13 14:18:45', conversationCount: 112 },
-      { deviceId: 'DEV-C-2024-005678', lastOnline: '2026-05-13 14:05:22', conversationCount: 67 },
-      { deviceId: 'DEV-C-2024-003456', lastOnline: '2026-05-13 13:48:35', conversationCount: 156 },
-      { deviceId: 'DEV-C-2024-007890', lastOnline: '2026-05-13 13:22:18', conversationCount: 45 },
-      { deviceId: 'DEV-C-2025-001234', lastOnline: '2026-05-13 13:05:42', conversationCount: 98 },
-      { deviceId: 'DEV-C-2025-005678', lastOnline: '2026-05-13 12:28:55', conversationCount: 38 },
-      { deviceId: 'DEV-C-2025-003456', lastOnline: '2026-05-13 11:35:28', conversationCount: 187 },
-      { deviceId: 'DEV-C-2025-007890', lastOnline: '2026-05-13 10:42:15', conversationCount: 72 },
-    ],
-    turnsData: [12.5, 20.2, 22.1, 23.5, 14.2, 7.5],
-    turnsLabels: ['1-2', '3-4', '5-6', '7-9', '10-14', '15+'],
-    otaData: [68.5, 10.2, 15.8, 5.5],
-    intentData: [18.2, 15.5, 20.5, 12.5, 10.2, 8.8, 3.2, 5.5, 3.8, 1.8],
-    intentLabels: ['讲故事', '唱儿歌', '问答学习', '天气查询', '闹钟设置', '游戏互动', '英语学习', '百科问答', '情感陪伴', '其他'],
-    langData: [58.5, 22.5, 10.5, 6.5, 2.0],
-    langLabels: ['中文（普通话）', '中文（粤语）', '英文', '日文', '其他'],
-    // 热门关键词词云
-    wordCloud: [
-      { text: '熊出没', size: 42, color: '#52c41a' },
-      { text: '大头儿子', size: 36, color: '#1890ff' },
-      { text: '儿歌', size: 34, color: '#fa8c16' },
-      { text: '睡前故事', size: 30, color: '#722ed1' },
-      { text: '认识数字', size: 28, color: '#eb2f96' },
-      { text: '学英语', size: 26, color: '#13c2c2' },
-      { text: '西游记', size: 32, color: '#fa8c16' },
-      { text: '神话故事', size: 24, color: '#c41a1a' },
-      { text: '儿童谜语', size: 22, color: '#1890ff' },
-      { text: '自然科普', size: 20, color: '#52c41a' },
-      { text: '安全教育', size: 26, color: '#722ed1' },
-      { text: '音乐互动', size: 18, color: '#eb2f96' },
-    ],
-  },
-};
-
-// 保存图表实例
-let _dashboardCharts = {};
-let dashboardSelectedPeriod = 30;
-let dashboardRefreshSeed = 0;
-
-// 颜色配置
-const chartColors = {
-  company_a: { primary: '#722ed1', primaryLight: 'rgba(114,46,209,0.12)' },
-  company_b: { primary: '#52c41a', primaryLight: 'rgba(82,196,26,0.12)' },
-  company_c: { primary: '#fa8c16', primaryLight: 'rgba(250,140,22,0.12)' },
-  all: { primary: '#1890ff', primaryLight: 'rgba(24,144,255,0.12)' },
-};
-
-function getDashboardCompanyId() {
-  if (window.__getCurrentCompanyId) return window.__getCurrentCompanyId();
-  return typeof window.currentCompany === 'string' ? window.currentCompany : 'all';
-}
-
-registerPage('dashboard', function(container) {
-  container.innerHTML = `
-    <div class="page-header">
-      <div>
-        <div class="page-title">数据统计</div>
-        <div class="page-desc" id="dashboardCompanyDesc">系统运行数据分析 · 实时监控 AI 玩具运营情况</div>
-      </div>
-      <div class="page-actions">
-        <select class="filter-select" id="dashDateRange">
-          <option value="7">近 7 天</option>
-          <option value="14">近 14 天</option>
-          <option value="30" selected>近 30 天</option>
-        </select>
-        <button class="btn btn-outline btn-sm" data-action="dashboard-refresh" onclick="refreshDashboard()">
-          <i data-lucide="refresh-cw"></i> 刷新
-        </button>
-      </div>
-    </div>
-
-    <!-- KPI Cards -->
-    <div class="kpi-grid">
-      <div class="kpi-card">
-        <div class="kpi-icon"><i data-lucide="users"></i></div>
-        <div class="kpi-label">今日活跃设备</div>
-        <div class="kpi-value" id="kpi-dau">-</div>
-        <div class="kpi-change" id="kpi-dau-change"><i data-lucide="trending-up" style="width:12px;height:12px"></i> -</div>
-      </div>
-      <div class="kpi-card">
-        <div class="kpi-icon"><i data-lucide="message-circle"></i></div>
-        <div class="kpi-label">今日对话数</div>
-        <div class="kpi-value" id="kpi-sessions">-</div>
-        <div class="kpi-change" id="kpi-sessions-change"><i data-lucide="trending-up" style="width:12px;height:12px"></i> -</div>
-      </div>
-      <div class="kpi-card">
-        <div class="kpi-icon"><i data-lucide="bar-chart-2"></i></div>
-        <div class="kpi-label">总设备数</div>
-        <div class="kpi-value" id="kpi-devices">-</div>
-      </div>
-      <div class="kpi-card">
-        <div class="kpi-icon"><i data-lucide="zap"></i></div>
-        <div class="kpi-label">总对话数</div>
-        <div class="kpi-value" id="kpi-activation">-</div>
-        <div class="kpi-change" id="kpi-activation-change"><i data-lucide="trending-up" style="width:12px;height:12px"></i> -</div>
-      </div>
-      <div class="kpi-card">
-        <div class="kpi-icon"><i data-lucide="tablet-smartphone"></i></div>
-        <div class="kpi-label">平均每次对话互动</div>
-        <div class="kpi-value" id="kpi-turns">-</div>
-        <div class="kpi-change" id="kpi-turns-change"><i data-lucide="trending-up" style="width:12px;height:12px"></i> -</div>
-      </div>
-      <div class="kpi-card">
-        <div class="kpi-icon"><i data-lucide="flag"></i></div>
-        <div class="kpi-label">问题对话率</div>
-        <div class="kpi-value" id="kpi-badcase">-</div>
-        <div class="kpi-change" id="kpi-badcase-change"><i data-lucide="trending-down" style="width:12px;height:12px"></i> -</div>
-      </div>
-    </div>
-
-    <!-- Charts Row 1 -->
-    <div class="charts-grid">
-      <div class="chart-card full">
-        <div class="card-header">
-          <div>
-            <div class="card-title">对话记录统计</div>
-            <div class="card-subtitle" id="dialogTrendSubtitle">近 30 天每日对话次数趋势</div>
-          </div>
-        </div>
-        <canvas id="hourlyDauChart"></canvas>
-      </div>
-    </div>
-
-    <div class="charts-grid">
-      <div class="chart-card full">
-        <div class="card-header">
-          <div>
-            <div class="card-title">设备连接趋势</div>
-            <div class="card-subtitle" id="deviceTrendSubtitle">近 30 天按日期统计设备连接数量</div>
-          </div>
-        </div>
-        <canvas id="deviceTrendChart"></canvas>
-      </div>
-    </div>
-
-    <div class="charts-grid">
-      <div class="chart-card">
-        <div class="card-header">
-          <div class="card-title">热门关键词词云</div>
-        </div>
-        <canvas id="turnsChart"></canvas>
-      </div>
-      <div class="chart-card">
-        <div class="card-header">
-          <div>
-            <div class="card-title">热门话题排行</div>
-            <div class="card-subtitle">点击柱状图查看相关会话</div>
-          </div>
-        </div>
-        <canvas id="intentChart"></canvas>
-      </div>
-    </div>
-
-    <!-- Bottom Row -->
-    <div class="charts-grid">
-      <div class="chart-card full">
-        <div class="card-header">
-          <div class="card-title">设备连接详情</div>
-        </div>
-        <div id="deviceDetailTable"></div>
-      </div>
-    </div>
-  `;
-
-  lucide.createIcons({ elements: [container] });
-
-  // 初始化图表
-  initDashboardCharts();
-  syncDashboardPeriodControls(dashboardSelectedPeriod);
-  bindDashboardDateRange();
-
-  // 更新当前公司描述
-  updateDashboardCompanyDesc();
-
-  // 绑定公司切换事件
-  window.removeEventListener('companyChanged', handleCompanyChange);
-  window.addEventListener('companyChanged', handleCompanyChange);
-  window.removeEventListener('devicesChanged', handleDeviceDataChange);
-  window.addEventListener('devicesChanged', handleDeviceDataChange);
-});
-
-// 处理公司切换
-function handleCompanyChange() {
-  updateDashboardCompanyDesc();
-  updateDashboardData();
-}
-
-function handleDeviceDataChange() {
-  updateDashboardCompanyDesc();
-  updateDashboardData();
-}
-
-function updateDashboardCompanyDesc() {
-  const desc = document.getElementById('dashboardCompanyDesc');
-  const companyId = getDashboardCompanyId();
-  const company = companyId === 'all'
-    ? { id: 'all', name: '全部公司' }
-    : (window.__getCompanyById
-      ? window.__getCompanyById(companyId)
-      : window.companies?.find(c => c.id === companyId));
-  const appScope = window.__dashboardAppScope;
-  if (desc && company) {
-    desc.textContent = appScope?.companyId === companyId
-      ? `${company.name} · ${appScope.name} · 智能体数据分析`
-      : `${company.name} · 实时监控 AI 玩具运营情况`;
-  }
-}
-
-function getDashboardStats(companyId) {
-  const base = companyStats[companyId] || createEmptyDashboardStats(companyId);
-  const liveStats = applyLiveDeviceStats(base, companyId);
-  if (!dashboardRefreshSeed) return liveStats;
-  return applyDashboardRefreshSnapshot(liveStats, dashboardRefreshSeed);
-}
-
-function createEmptyDashboardStats(companyId) {
-  const company = window.__getCompanyById ? window.__getCompanyById(companyId) : null;
-  return {
-    name: company?.name || '新公司',
-    kpi: {
-      dau: 0,
-      dauChange: 0,
-      sessions: 0,
-      sessionsChange: 0,
-      devices: 0,
-      devicesChange: 0,
-      totalSessions: 0,
-      totalChange: 0,
-      avgTurns: 0,
-      turnsChange: 0,
-      badcaseRate: 0,
-      badcaseChange: 0,
-    },
-    dauData: Array.from({ length: 30 }, () => 0),
-    hourlyActiveUsers: Array.from({ length: 24 }, () => 0),
-    deviceTrend7: Array.from({ length: 7 }, () => 0),
-    deviceTrend14: Array.from({ length: 14 }, () => 0),
-    deviceTrend30: Array.from({ length: 30 }, () => 0),
-    deviceDetails: [],
-    wordCloud: [],
-    intentLabels: [],
-    intentData: [],
-  };
-}
-
-function getLiveDashboardDevices(companyId) {
-  if (typeof window.__getAllDevices !== 'function') return null;
-  const devices = window.__getAllDevices();
-  if (companyId === 'all') return devices;
-  return devices.filter(device => device.companyId === companyId);
-}
-
-function applyLiveDeviceStats(base, companyId) {
-  const liveDevices = getLiveDashboardDevices(companyId);
-  if (!liveDevices) return base;
-
-  const totalDevices = liveDevices.length;
-  const onlineDevices = liveDevices.filter(device => device.status === 'online').length;
-  const deviceDetails = liveDevices.slice(0, 8).map(device => ({
-    deviceId: device.id,
-    lastOnline: device.lastSeen || '-',
-    conversationCount: Math.max(0, Math.round((device.battery || 0) / 8) + (device.status === 'online' ? 8 : 1)),
-  }));
-
-  const withLiveDeviceTrend = (series = []) => {
-    const targetLength = series.length || 7;
-    if (totalDevices === 0) return Array.from({ length: targetLength }, () => 0);
-    return Array.from({ length: targetLength }, (_, index) => {
-      const progress = targetLength <= 1 ? 1 : index / (targetLength - 1);
-      const baseline = Math.max(0, Math.round(totalDevices * (0.82 + progress * 0.18)));
-      return index === targetLength - 1 ? totalDevices : baseline;
-    });
-  };
-
-  const isNewCompany = !companyStats[companyId];
-  return {
-    ...base,
-    kpi: {
-      ...base.kpi,
-      devices: totalDevices,
-      dau: isNewCompany ? onlineDevices : base.kpi.dau,
-      sessions: isNewCompany ? onlineDevices * 3 : base.kpi.sessions,
-      totalSessions: isNewCompany ? onlineDevices * 18 : base.kpi.totalSessions,
-      avgTurns: isNewCompany ? (onlineDevices ? 5.2 : 0) : base.kpi.avgTurns,
-    },
-    deviceTrend7: withLiveDeviceTrend(base.deviceTrend7),
-    deviceTrend14: withLiveDeviceTrend(base.deviceTrend14),
-    deviceTrend30: withLiveDeviceTrend(base.deviceTrend30),
-    deviceDetails: deviceDetails.length ? deviceDetails : [],
-  };
-}
-
-function applyDashboardRefreshSnapshot(base, seed) {
-  const wave = Math.sin(seed * 1.37);
-  const smallWave = Math.cos(seed * 0.91);
-  const deviceDelta = Math.max(1, Math.round(18 + seed * 3 + wave * 10));
-  const dauDelta = Math.round(120 + wave * 70);
-  const sessionDelta = Math.round(420 + smallWave * 180);
-  const totalDelta = Math.round(900 + seed * 140 + wave * 260);
-  const avgTurnsDelta = Number((smallWave * 0.18).toFixed(1));
-  const badcaseDelta = Number((Math.sin(seed * 0.63) * 0.18).toFixed(1));
-
-  return {
-    ...base,
-    kpi: {
-      ...base.kpi,
-      dau: Math.max(0, base.kpi.dau + dauDelta),
-      dauChange: Number((base.kpi.dauChange + wave * 0.6).toFixed(1)),
-      sessions: Math.max(0, base.kpi.sessions + sessionDelta),
-      sessionsChange: Number((base.kpi.sessionsChange + smallWave * 0.5).toFixed(1)),
-      devices: Math.max(0, base.kpi.devices + deviceDelta),
-      devicesChange: deviceDelta,
-      totalSessions: Math.max(0, base.kpi.totalSessions + totalDelta),
-      totalChange: Number((base.kpi.totalChange + wave * 0.3).toFixed(1)),
-      avgTurns: Math.max(1, Number((base.kpi.avgTurns + avgTurnsDelta).toFixed(1))),
-      turnsChange: Number((base.kpi.turnsChange + avgTurnsDelta).toFixed(1)),
-      badcaseRate: Math.max(0, Number((base.kpi.badcaseRate + badcaseDelta).toFixed(1))),
-      badcaseChange: Number((base.kpi.badcaseChange - badcaseDelta).toFixed(1)),
-    },
-    dauData: refreshSeries(base.dauData, seed, 160),
-    hourlyActiveUsers: refreshSeries(base.hourlyActiveUsers, seed, 90),
-    deviceTrend7: refreshSeries(base.deviceTrend7, seed, 36),
-    deviceTrend14: refreshSeries(base.deviceTrend14, seed, 32),
-    deviceTrend30: refreshSeries(base.deviceTrend30, seed, 28),
-    intentData: refreshPercentSeries(base.intentData, seed, 1.1),
-    langData: normalizePercentSeries(refreshPercentSeries(base.langData, seed, 0.5)),
-    wordCloud: (base.wordCloud || []).map((word, index) => ({
-      ...word,
-      size: Math.max(16, Math.round(word.size + Math.sin((index + 1) * seed * 0.37) * 3)),
-    })),
-    deviceDetails: (base.deviceDetails || []).map((item, index) => ({
-      ...item,
-      lastOnline: index === 0 ? '刚刚' : item.lastOnline,
-      conversationCount: Math.max(0, item.conversationCount + Math.round(Math.sin((index + 1) * seed) * 8 + seed)),
-    })),
-  };
-}
-
-function refreshSeries(series = [], seed, amplitude) {
-  return series.map((value, index) => {
-    const delta = Math.round(Math.sin((index + 1) * 0.62 + seed) * amplitude + seed * 3);
-    return Math.max(0, value + delta);
-  });
-}
-
-function refreshPercentSeries(series = [], seed, amplitude) {
-  return series.map((value, index) => {
-    const delta = Math.sin((index + 1) * 0.78 + seed) * amplitude;
-    return Number(Math.max(0.1, value + delta).toFixed(1));
-  });
-}
-
-function normalizePercentSeries(series = []) {
-  const total = series.reduce((sum, value) => sum + value, 0);
-  if (!total) return series;
-  return series.map(value => Number((value * 100 / total).toFixed(1)));
-}
-
-// 更新 KPI 数据
-function updateDashboardData() {
-  const companyId = getDashboardCompanyId();
-  const stats = getDashboardStats(companyId);
-
-  // 更新 KPI 数值
-  document.getElementById('kpi-dau').textContent = `${formatNumber(stats.kpi.dau)} 台`;
-  document.getElementById('kpi-sessions').textContent = `${formatNumber(stats.kpi.sessions)} 次`;
-  document.getElementById('kpi-devices').textContent = `${formatNumber(stats.kpi.devices)} 台`;
-  document.getElementById('kpi-activation').textContent = `${formatNumber(stats.kpi.totalSessions)} 次`;
-  document.getElementById('kpi-turns').textContent = `${stats.kpi.avgTurns.toFixed(1)} 轮`;
-  document.getElementById('kpi-badcase').textContent = stats.kpi.badcaseRate.toFixed(1) + '%';
-
-  // 更新 KPI 变化
-  updateKpiChange('kpi-dau', stats.kpi.dauChange, { unit: '%', suffix: '较昨日' });
-  updateKpiChange('kpi-sessions', stats.kpi.sessionsChange, { unit: '%', suffix: '较昨日' });
-  updateKpiChange('kpi-activation', stats.kpi.totalChange, { unit: '%', suffix: '较昨日' });
-  updateKpiChange('kpi-turns', stats.kpi.turnsChange, { unit: '轮', suffix: '较昨日' });
-  updateKpiChange('kpi-badcase', stats.kpi.badcaseChange, { unit: '%', suffix: '较昨日', inverse: true });
-
-  // 更新简洁统计卡片
-  const statDau = document.getElementById('stat-dau');
-  const statDevices = document.getElementById('stat-devices');
-  const statSessions = document.getElementById('stat-sessions');
-  const statTotal = document.getElementById('stat-total');
-  if (statDau) statDau.textContent = `${stats.kpi.dau.toLocaleString()} 台`;
-  if (statDevices) statDevices.textContent = `${stats.kpi.devices.toLocaleString()} 台`;
-  if (statSessions) statSessions.textContent = `${stats.kpi.sessions.toLocaleString()} 次`;
-  if (statTotal) statTotal.textContent = `${stats.kpi.totalSessions.toLocaleString()} 次`;
-
-  // 更新图表
-  updateDashboardCharts(companyId);
-}
-
-function updateKpiChange(id, change, options = {}) {
-  const el = document.getElementById(id + '-change');
-  if (!el) return;
-
-  const { unit = '%', absolute = false, inverse = false, suffix = '' } = options;
-  const isUp = inverse ? change < 0 : change > 0;
-  const isDown = inverse ? change > 0 : change < 0;
-  const sign = change > 0 ? '+' : '';
-  const value = absolute ? `${sign}${change}` : `${sign}${change.toFixed(1)}`;
-  const unitText = unit ? ` ${unit}` : '';
-  const suffixText = suffix ? ` ${suffix}` : '';
-
-  el.className = 'kpi-change ' + (isUp ? 'up' : isDown ? 'down' : '');
-  el.innerHTML = `
-    <i data-lucide="${isUp ? 'trending-up' : isDown ? 'trending-down' : 'minus'}" style="width:12px;height:12px"></i>
-    ${value}${unitText}${suffixText}${isDown ? ' 持续改善中' : ''}
-  `;
-  lucide.createIcons({ nodes: [el] });
-}
-
-function formatNumber(num) {
-  if (num >= 10000) {
-    return (num / 10000).toFixed(1) + '万';
-  }
-  return num.toLocaleString();
-}
-
-// 渲染词云
-function renderWordCloud(containerId, words) {
-  const container = document.getElementById(containerId);
-  if (!container || !words) return;
-
-  // 创建词云容器
-  let cloudContainer = container.parentElement.querySelector('.wordcloud-container');
-  if (!cloudContainer) {
-    cloudContainer = document.createElement('div');
-    cloudContainer.className = 'wordcloud-container';
-    cloudContainer.style.cssText = `
-      display: flex;
-      flex-wrap: wrap;
-      justify-content: center;
-      align-items: center;
-      gap: 12px 18px;
-      padding: 20px;
-      min-height: 200px;
-      align-content: center;
-    `;
-    container.style.display = 'none';
-    container.parentElement.appendChild(cloudContainer);
-  }
-
-  // 渲染词云文字
-  cloudContainer.innerHTML = words.map(word => `
-    <span style="
-      font-size: ${word.size}px;
-      font-weight: 600;
-      color: ${word.color};
-      text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
-      cursor: default;
-      transition: transform 0.2s, opacity 0.2s;
-      opacity: 0.85;
-    " onmouseover="this.style.opacity='1';this.style.transform='scale(1.1)'" onmouseout="this.style.opacity='0.85';this.style.transform='scale(1)'">
-      ${word.text}
-    </span>
-  `).join('');
-}
-
-// 更新图表数据
-function updateDashboardCharts(companyId) {
-  const stats = getDashboardStats(companyId);
-  const colors = chartColors[companyId] || chartColors['all'];
-  const period = getCurrentTrendPeriod();
-  syncDashboardPeriodControls(period);
-
-  // 更新对话记录趋势图表
-  if (_dashboardCharts.hourlyDau) {
-    _dashboardCharts.hourlyDau.data.datasets[0].borderColor = colors.primary;
-    _dashboardCharts.hourlyDau.data.datasets[0].backgroundColor = colors.primaryLight;
-    _dashboardCharts.hourlyDau.data.labels = genLabels(period);
-    _dashboardCharts.hourlyDau.data.datasets[0].data = getConversationTrendData(stats, period);
-    _dashboardCharts.hourlyDau.update();
-  }
-
-  // 更新设备连接趋势图表（保持当前选中的周期）
-  updateDeviceTrendChart(companyId, period);
-
-  const keywordCloud = getWordCloudData(stats, period);
-  const topicRanking = getTopicRankingData(stats, period);
-
-  // 更新热门关键词词云
-  renderWordCloud('turnsChart', keywordCloud);
-
-  // 更新热门话题排行图表
-  if (_dashboardCharts.intent) {
-    _dashboardCharts.intent.data.datasets[0].data = topicRanking.map(item => item.score);
-    _dashboardCharts.intent.data.labels = topicRanking.map(item => item.text);
-    _dashboardCharts.intent.data.datasets[0].backgroundColor = colors.primaryLight.replace('0.12', '0.7');
-    _dashboardCharts.intent.update();
-  }
-
-  // 更新设备详情表格
-  updateDeviceDetailTable(companyId);
-}
-
-// 获取当前设备连接趋势的周期
-function getCurrentTrendPeriod() {
-  return dashboardSelectedPeriod;
-}
-
-// 更新设备连接趋势图表
-function updateDeviceTrendChart(companyId, period) {
-  const stats = getDashboardStats(companyId);
-  const normalizedPeriod = normalizeDashboardPeriod(period);
-  const data = getDeviceTrendData(stats, normalizedPeriod);
-  dashboardSelectedPeriod = normalizedPeriod;
-  syncDashboardPeriodControls(normalizedPeriod);
-  const labels = genLabels(normalizedPeriod);
-  if (_dashboardCharts.deviceTrend) {
-    _dashboardCharts.deviceTrend.data.labels = labels;
-    _dashboardCharts.deviceTrend.data.datasets[0].data = data;
-    _dashboardCharts.deviceTrend.update();
-  }
-}
-
-function normalizeDashboardPeriod(period) {
-  const value = Number.parseInt(period, 10);
-  return [7, 14, 30].includes(value) ? value : 30;
-}
-
-function getDeviceTrendData(stats, period) {
-  if (period === 7) return stats.deviceTrend7 || [];
-  if (period === 14) return stats.deviceTrend14 || stats.deviceTrend7 || [];
-  return stats.deviceTrend30 || stats.deviceTrend14 || stats.deviceTrend7 || [];
-}
-
-function getDauTrendData(stats, period) {
-  const source = stats.dauData || [];
-  if (source.length >= period) return source.slice(-period);
-  return padSeries(source, period);
-}
-
-function getConversationTrendData(stats, period) {
-  const activeDeviceSeries = getDauTrendData(stats, period);
-  const todayActiveDevices = activeDeviceSeries[activeDeviceSeries.length - 1] || stats.kpi.dau || 1;
-  const todaySessions = stats.kpi.sessions || 0;
-  const sessionsPerDevice = todayActiveDevices ? todaySessions / todayActiveDevices : 3;
-
-  return activeDeviceSeries.map((value, index) => {
-    if (index === activeDeviceSeries.length - 1) {
-      return Math.max(0, Math.round(todaySessions));
-    }
-
-    const progress = activeDeviceSeries.length <= 1 ? 1 : index / (activeDeviceSeries.length - 1);
-    const weekdayWave = 1 + Math.sin((index + 1) * 0.9) * 0.06 + Math.cos((index + 1) * 0.37) * 0.04;
-    const recentLift = 0.92 + progress * 0.08;
-    return Math.max(0, Math.round(value * sessionsPerDevice * weekdayWave * recentLift));
-  });
-}
-
-function getWordCloudData(stats, period) {
-  const factor = getPeriodFactor(period);
-  return (stats.wordCloud || []).map((word, index) => ({
-    ...word,
-    size: Math.max(16, Math.round(word.size + Math.cos((index + 1) * factor) * (period === 7 ? 4 : period === 14 ? 2 : 0))),
-  }));
-}
-
-function getTopicRankingData(stats, period) {
-  const labels = stats.intentLabels || [];
-  const factor = getPeriodFactor(period);
-  const values = (stats.intentData || []).map((value, index) => {
-    const adjusted = value + Math.sin((index + 1) * factor) * (period === 7 ? 1.8 : period === 14 ? 1.1 : 0.4);
-    return Math.max(0.1, adjusted);
-  });
-  const total = values.reduce((sum, value) => sum + value, 0) || 1;
-  return labels.map((label, index) => ({
-    text: label,
-    score: Number(((values[index] || 0) * 100 / total).toFixed(1)),
-  })).sort((a, b) => b.score - a.score);
-}
-
-function openDashboardTopicSessions(topic) {
-  if (!topic) return;
-  const company = window.getCurrentCompany
-    ? window.getCurrentCompany()
-    : { id: getDashboardCompanyId(), name: companyStats[getDashboardCompanyId()]?.name || '全部公司' };
-  const payload = {
-    topic,
-    companyId: getDashboardCompanyId(),
-    companyName: company.name,
-    period: normalizeDashboardPeriod(dashboardSelectedPeriod),
-    source: 'dashboard-topic-ranking',
-    createdAt: Date.now(),
-  };
-  sessionStorage.setItem('talkingq_session_topic_drilldown', JSON.stringify(payload));
-  Toast.info(`正在打开「${topic}」相关会话`, 900);
-  navigateTo('session');
-}
-
-function getPeriodFactor(period) {
-  if (period === 7) return 0.9;
-  if (period === 14) return 0.55;
-  return 0.2;
-}
-
-function padSeries(source, length) {
-  if (!source.length) return Array.from({ length }, () => 0);
-  const result = [];
-  for (let i = 0; i < length; i++) {
-    result.push(source[i % source.length]);
-  }
-  return result;
-}
-
-function updateDashboardPeriod(period) {
-  dashboardSelectedPeriod = normalizeDashboardPeriod(period);
-  syncDashboardPeriodControls(dashboardSelectedPeriod);
-  updateDashboardData();
-}
-
-function syncDashboardPeriodControls(period) {
-  const normalizedPeriod = normalizeDashboardPeriod(period);
-  const select = document.getElementById('dashDateRange');
-  if (select) select.value = String(normalizedPeriod);
-
-  const subtitle = document.getElementById('deviceTrendSubtitle');
-  if (subtitle) {
-    subtitle.textContent = `近 ${normalizedPeriod} 天按日期统计设备连接数量`;
-  }
-  const dialogSubtitle = document.getElementById('dialogTrendSubtitle');
-  if (dialogSubtitle) {
-    dialogSubtitle.textContent = `近 ${normalizedPeriod} 天每日对话次数趋势`;
-  }
-}
-
-function bindDashboardDateRange() {
-  const select = document.getElementById('dashDateRange');
-  if (!select) return;
-  select.addEventListener('change', () => {
-    updateDashboardPeriod(select.value);
-  });
-}
-
-// 更新设备连接详情表格
-function updateDeviceDetailTable(companyId) {
-  const stats = getDashboardStats(companyId);
-  const tableEl = document.getElementById('deviceDetailTable');
-  if (!tableEl) return;
-
-  tableEl.innerHTML = `
-    <div class="table-wrapper">
-      <table>
-        <thead>
-          <tr>
-            <th>设备ID</th>
-            <th>最后在线时间</th>
-            <th>对话次数</th>
-          </tr>
-        </thead>
-        <tbody>
-          ${stats.deviceDetails.length ? stats.deviceDetails.map(d => `
-            <tr>
-              <td><code style="font-size:12px;background:var(--bg-light);padding:2px 6px;border-radius:4px">${d.deviceId}</code></td>
-              <td style="color:var(--text-secondary)">${d.lastOnline}</td>
-              <td><span class="badge">${d.conversationCount} 次</span></td>
-            </tr>
-          `).join('') : `
-            <tr>
-              <td colspan="3" style="padding:32px;text-align:center;color:var(--text-muted)">暂无设备数据</td>
-            </tr>
-          `}
-        </tbody>
-      </table>
-    </div>`;
-}
-
-// 刷新仪表盘
-function refreshDashboard() {
-  const refreshBtn = document.querySelector('[data-action="dashboard-refresh"]');
-  if (refreshBtn) refreshBtn.disabled = true;
-  Toast.info('数据刷新中...', 600);
-  setTimeout(() => {
-    dashboardRefreshSeed += 1;
-    updateDashboardData();
-    if (refreshBtn) refreshBtn.disabled = false;
-    Toast.success('数据已更新', 900);
-  }, 250);
-}
-
-function initDashboardCharts() {
-  const gridColor = 'rgba(0,0,0,0.05)';
-  const currentCompany = getDashboardCompanyId();
-  const stats = getDashboardStats(currentCompany);
-  const colors = chartColors[currentCompany] || chartColors['all'];
-  if (_dashboardCharts.lang) {
-    _dashboardCharts.lang.destroy();
-    _dashboardCharts.lang = null;
-  }
-
-  const defaultOptions = {
-    responsive: true,
-    maintainAspectRatio: true,
-    plugins: { legend: { display: false } },
-    scales: {
-      x: { grid: { color: gridColor }, ticks: { font: { size: 11 }, color: '#8c8c8c' } },
-      y: { grid: { color: gridColor }, ticks: { font: { size: 11 }, color: '#8c8c8c' } },
-    },
-  };
-
-  // 对话记录趋势图表
-  const hourlyDauCtx = document.getElementById('hourlyDauChart');
-  if (hourlyDauCtx) {
-    const period = normalizeDashboardPeriod(dashboardSelectedPeriod);
-    _dashboardCharts.hourlyDau = new Chart(hourlyDauCtx, {
-      type: 'line',
-      data: {
-        labels: genLabels(period),
-        datasets: [{
-          label: '对话次数',
-          data: getConversationTrendData(stats, period),
-          borderColor: colors.primary,
-          backgroundColor: colors.primaryLight,
-          fill: true,
-          tension: 0.4,
-          pointRadius: 3,
-          pointHoverRadius: 6,
-          borderWidth: 2,
-        }],
-      },
-      options: {
-        ...defaultOptions,
-        plugins: {
-          legend: { display: false },
-          tooltip: { mode: 'index', intersect: false, callbacks: { label: ctx => ` ${Number(ctx.raw).toLocaleString()} 次对话` } },
-        },
-        scales: {
-          x: { grid: { color: gridColor }, ticks: { font: { size: 11 }, color: '#8c8c8c' } },
-          y: { grid: { color: gridColor }, ticks: { font: { size: 11 }, color: '#8c8c8c', callback: v => v.toLocaleString() } },
-        },
-      },
-    });
-  }
-
-  // 设备连接趋势折线图
-  const deviceTrendCtx = document.getElementById('deviceTrendChart');
-  if (deviceTrendCtx) {
-    const period = normalizeDashboardPeriod(dashboardSelectedPeriod);
-    const labels = genLabels(period);
-    _dashboardCharts.deviceTrend = new Chart(deviceTrendCtx, {
-      type: 'line',
-      data: {
-        labels,
-        datasets: [{
-          label: '设备数',
-          data: getDeviceTrendData(stats, period),
-          borderColor: colors.primary,
-          backgroundColor: colors.primaryLight,
-          fill: true,
-          tension: 0.4,
-          pointRadius: 3,
-          pointHoverRadius: 6,
-          borderWidth: 2,
-        }],
-      },
-      options: {
-        ...defaultOptions,
-        plugins: {
-          legend: { display: false },
-          tooltip: { mode: 'index', intersect: false, callbacks: { label: ctx => ` ${ctx.raw} 台设备` } },
-        },
-        scales: {
-          x: { grid: { color: gridColor }, ticks: { font: { size: 11 }, color: '#8c8c8c' } },
-          y: { grid: { color: gridColor }, ticks: { font: { size: 11 }, color: '#8c8c8c', callback: v => v.toLocaleString() } },
-        },
-      },
-    });
-  }
-
-  // Turns distribution - 词云效果
-  const turnsCtx = document.getElementById('turnsChart');
-  if (turnsCtx) {
-    // 清空现有图表
-    turnsCtx.getContext('2d').clearRect(0, 0, turnsCtx.width, turnsCtx.height);
-    // 销毁旧图表实例
-    if (_dashboardCharts.turns) {
-      _dashboardCharts.turns.destroy();
-      _dashboardCharts.turns = null;
-    }
-  }
-
-  const period = normalizeDashboardPeriod(dashboardSelectedPeriod);
-  const keywordCloud = getWordCloudData(stats, period);
-  const topicRanking = getTopicRankingData(stats, period);
-
-  // 渲染词云
-  renderWordCloud('turnsChart', keywordCloud);
-
-  // Topic Ranking Bar
-  const intentCtx = document.getElementById('intentChart');
-  if (intentCtx) {
-    _dashboardCharts.intent = new Chart(intentCtx, {
-      type: 'bar',
-      data: {
-        labels: topicRanking.map(item => item.text),
-        datasets: [{
-          label: '占比',
-          data: topicRanking.map(item => item.score),
-          backgroundColor: colors.primaryLight.replace('0.12', '0.7'),
-          borderRadius: 4,
-          borderSkipped: false,
-        }],
-      },
-      options: {
-        ...defaultOptions,
-        indexAxis: 'y',
-        plugins: {
-          legend: { display: false },
-          tooltip: { callbacks: { label: ctx => ` 占比 ${ctx.raw}%` } },
-        },
-        onClick: (event, elements, chart) => {
-          if (!elements.length) return;
-          const topic = chart.data.labels[elements[0].index];
-          openDashboardTopicSessions(topic);
-        },
-        onHover: (event, elements) => {
-          const target = event?.native?.target;
-          if (target) target.style.cursor = elements.length ? 'pointer' : 'default';
-        },
-        scales: {
-          x: { grid: { color: gridColor }, ticks: { callback: v => v + '%', font: { size: 11 }, color: '#8c8c8c' } },
-          y: { grid: { display: false }, ticks: { font: { size: 11 }, color: '#595959' } },
-        },
-      },
-    });
-  }
-
-  // 设备连接详情表格
-  updateDeviceDetailTable(currentCompany);
-
-  // 初始化时更新 KPI
-  updateDashboardData();
-}
-
-function genLabels(n) {
-  const labels = [];
-  const today = new Date();
-  for (let i = n - 1; i >= 0; i--) {
-    const d = new Date(today);
-    d.setDate(d.getDate() - i);
-    labels.push(`${d.getMonth()+1}/${d.getDate()}`);
-  }
-  return labels;
-}
-
-</script>
-  <script>
-/* inline: scripts/hotword-library.js */
-/**
- * TalkingQ Platform - Hotword Library Page
- * 热词库管理：统一维护 ASR 热词组，供应用配置选择绑定。
- */
-
-(function() {
-  function ensureHotwordGroups() {
-    if (!window.__agentHotwordGroups) {
-      window.__agentHotwordGroups = [
-        {
-          id: 'hw-001',
-          name: '品牌基础热词',
-          mode: 'manual',
-          words: [
-            { text: 'TalkingQ', lang: '英文' },
-            { text: '小Q', lang: '中文' },
-            { text: '故事机', lang: '中文' },
-          ],
-          updatedAt: '2026-05-20 11:57:38',
-        },
-        {
-          id: 'hw-002',
-          name: '儿童内容热词',
-          mode: 'manual',
-          words: [
-            { text: '白雪公主', lang: '中文' },
-            { text: '睡前故事', lang: '中文' },
-          ],
-          updatedAt: '2026-05-20 12:08:16',
-        },
-      ];
-    }
-    return window.__agentHotwordGroups;
-  }
-
-  function escapeHtml(value) {
-    const div = document.createElement('div');
-    div.textContent = value ?? '';
-    return div.innerHTML;
-  }
-
-  function escapeAttr(value) {
-    return escapeHtml(value).replace(/"/g, '&quot;').replace(/'/g, '&#39;');
-  }
-
-  function formatHotwordTime(date = new Date()) {
-    return date.toLocaleString('zh-CN', {
-      year: 'numeric', month: '2-digit', day: '2-digit',
-      hour: '2-digit', minute: '2-digit', second: '2-digit',
-      hour12: false,
-    }).replace(/\//g, '-');
-  }
-
-  function getHotwordPreview(group) {
-    const preview = group.words.slice(0, 2).map(word => word.text).join('、') || '暂无热词';
-    return group.words.length > 2 ? `${preview} 等 ${group.words.length} 个` : `${preview} · ${group.words.length} 个`;
-  }
-
-  function renderHotwordRows(words) {
-    if (!words.length) {
-      return `<div class="hotword-empty-row">点击“添加热词”开始配置，最多可添加 500 个热词。</div>`;
-    }
-    return words.map((word, index) => `
-      <div class="hotword-entry-row" data-index="${index}">
-        <input class="form-control form-control-sm hotword-text-input" maxlength="15" value="${escapeAttr(word.text || '')}" placeholder="热词，最多 15 字">
-        <select class="form-control form-control-sm hotword-lang-select">
-          <option value="中文" ${word.lang === '中文' ? 'selected' : ''}>中文</option>
-          <option value="英文" ${word.lang === '英文' ? 'selected' : ''}>英文</option>
-        </select>
-        <button class="btn btn-ghost btn-sm hotword-row-delete" type="button" data-index="${index}" style="color:var(--danger)">
-          <i data-lucide="trash-2" style="width:13px;height:13px"></i> 删除
-        </button>
-      </div>
-    `).join('');
-  }
-
-  function renderHotwordGroupList(groups) {
-    if (!groups.length) {
-      return `
-        <div class="empty-state" style="padding:48px 20px">
-          <i data-lucide="book-open-text" style="width:36px;height:36px;color:var(--text-muted);margin-bottom:12px"></i>
-          <p style="font-size:15px;font-weight:600;margin-bottom:6px">暂无热词组</p>
-          <p style="font-size:13px;color:var(--text-muted)">创建热词组后，可在智能体配置里选择绑定。</p>
-        </div>
-      `;
-    }
-    return groups.map(group => `
-      <div class="hotword-group-item" data-group-id="${group.id}">
-        <div class="hotword-group-main">
-          <div class="hotword-group-name">${escapeHtml(group.name)}</div>
-          <div class="hotword-group-preview">${escapeHtml(getHotwordPreview(group))}</div>
-        </div>
-        <div class="hotword-group-count">${group.words.length} 个</div>
-        <div class="hotword-group-time">${escapeHtml(group.updatedAt || '-')}</div>
-        <div class="hotword-group-actions">
-          <button class="btn btn-ghost btn-sm hotword-edit-btn" data-group-id="${group.id}">
-            <i data-lucide="edit-2" style="width:13px;height:13px"></i> 编辑
-          </button>
-          <button class="btn btn-ghost btn-sm hotword-delete-btn" data-group-id="${group.id}" style="color:var(--danger)">
-            <i data-lucide="trash-2" style="width:13px;height:13px"></i> 删除
-          </button>
-        </div>
-      </div>
-    `).join('');
-  }
-
-  function notifyHotwordGroupsChanged() {
-    window.dispatchEvent(new CustomEvent('hotwordGroupsChanged', {
-      detail: { groups: ensureHotwordGroups() },
-    }));
-  }
-
-  function openHotwordEditor(groupId, afterSave) {
-    const groups = ensureHotwordGroups();
-    const editingGroup = groups.find(group => group.id === groupId);
-    let draftWords = editingGroup ? editingGroup.words.map(word => ({ ...word })) : [];
-    const modal = createModal({
-      title: editingGroup ? '编辑热词组' : '配置热词库',
-      size: 'xl',
-      cancelText: '取消',
-      confirmText: '确定',
-      content: `
-        <div class="hotword-editor">
-          <div class="form-group">
-            <label class="form-label">热词组名字<span class="required">*</span></label>
-            <input type="text" class="form-control" id="hotwordGroupNameInput" maxlength="50" value="${escapeAttr(editingGroup?.name || '')}" placeholder="请输入热词组名字，最多 50 字">
-            <div class="form-hint" id="hotwordGroupNameHint">${(editingGroup?.name || '').length}/50 字</div>
-          </div>
-          <div class="form-group">
-            <label class="form-label">添加方式</label>
-            <label class="radio-item selected" style="width:max-content">
-              <input type="radio" name="hotwordAddMode" value="manual" checked>
-              <span>手动添加热词</span>
-            </label>
-            <div class="form-hint">手动添加最多支持 500 个热词，每个热词最多 15 个字。</div>
-          </div>
-          <div class="hotword-editor-head">
-            <div>
-              <div class="hotword-manager-title">热词列表</div>
-              <div class="hotword-manager-desc" id="hotwordCountHint">${draftWords.length}/500 个</div>
-            </div>
-            <button class="btn btn-outline btn-sm" type="button" id="addHotwordRowBtn">
-              <i data-lucide="plus" style="width:13px;height:13px"></i> 添加热词
-            </button>
-          </div>
-          <div class="hotword-entry-list" id="hotwordEntryList">${renderHotwordRows(draftWords)}</div>
-        </div>
-      `,
-      onConfirm: async () => {
-        const nameInput = document.getElementById('hotwordGroupNameInput');
-        const groupName = nameInput?.value.trim() || '';
-        if (!groupName) {
-          Toast.warning('请填写热词组名字');
-          nameInput?.focus();
-          return false;
-        }
-        if (groupName.length > 50) {
-          Toast.warning('热词组名字不能超过 50 个字');
-          nameInput?.focus();
-          return false;
-        }
-        const words = readHotwordRows(modal.overlay);
-        if (!words.length) {
-          Toast.warning('请至少添加一个热词');
-          return false;
-        }
-        const invalid = words.find(word => !word.text || word.text.length > 15);
-        if (invalid) {
-          Toast.warning('请填写热词，且每个热词不能超过 15 个字');
-          return false;
-        }
-        const now = formatHotwordTime();
-        const payload = { name: groupName, mode: 'manual', words };
-        const api = typeof API !== 'undefined' ? API : window.API;
-        let result = null;
-        try {
-          if (editingGroup && api?.agentDev?.updateHotwordGroup) {
-            await api.agentDev.updateHotwordGroup(editingGroup.id, payload);
-          } else if (!editingGroup && api?.agentDev?.createHotwordGroup) {
-            result = await api.agentDev.createHotwordGroup(payload);
-          }
-        } catch (error) {
-          console.error('Save hotword group failed', error);
-          Toast.error('热词组保存失败，请稍后重试');
-          return false;
-        }
-        if (editingGroup) {
-          editingGroup.name = groupName;
-          editingGroup.mode = 'manual';
-          editingGroup.words = words;
-          editingGroup.updatedAt = now;
-        } else {
-          groups.unshift({
-            id: result?.data?.id || 'hw-' + Date.now(),
-            name: groupName,
-            mode: 'manual',
-            words,
-            updatedAt: now,
-          });
-        }
-        notifyHotwordGroupsChanged();
-        Toast.success(editingGroup ? '热词组已更新' : '热词组已创建');
-        afterSave?.();
-      },
-    });
-
-    const overlay = modal.overlay;
-    overlay.querySelector('.modal')?.classList.add('hotword-editor-modal');
-    const list = overlay.querySelector('#hotwordEntryList');
-    const countHint = overlay.querySelector('#hotwordCountHint');
-
-    function readHotwordRows(scope = overlay) {
-      return Array.from(scope.querySelectorAll('.hotword-entry-row')).map(row => ({
-        text: row.querySelector('.hotword-text-input')?.value.trim() || '',
-        lang: row.querySelector('.hotword-lang-select')?.value || '中文',
-      }));
-    }
-
-    function rerenderRows() {
-      list.innerHTML = renderHotwordRows(draftWords);
-      countHint.textContent = `${draftWords.length}/500 个`;
-      bindRowEvents();
-      lucide.createIcons({ elements: [overlay] });
-    }
-
-    function bindRowEvents() {
-      overlay.querySelectorAll('.hotword-row-delete').forEach(btn => {
-        btn.addEventListener('click', () => {
-          draftWords = readHotwordRows();
-          draftWords.splice(Number(btn.dataset.index), 1);
-          rerenderRows();
-        });
-      });
-      overlay.querySelectorAll('.hotword-text-input').forEach(input => {
-        input.addEventListener('input', () => {
-          if (input.value.length > 15) input.value = input.value.slice(0, 15);
-        });
-      });
-    }
-
-    overlay.querySelector('#addHotwordRowBtn')?.addEventListener('click', () => {
-      draftWords = readHotwordRows();
-      if (draftWords.length >= 500) {
-        Toast.warning('手动添加热词最多支持 500 个');
-        return;
-      }
-      draftWords.push({ text: '', lang: '中文' });
-      rerenderRows();
-      list.scrollTop = list.scrollHeight;
-      overlay.querySelector('.hotword-entry-row:last-child .hotword-text-input')?.focus();
-    });
-    overlay.querySelector('#hotwordGroupNameInput')?.addEventListener('input', e => {
-      overlay.querySelector('#hotwordGroupNameHint').textContent = `${e.target.value.length}/50 字`;
-    });
-
-    bindRowEvents();
-    lucide.createIcons({ elements: [overlay] });
-  }
-
-  window.__ensureAgentHotwordGroups = ensureHotwordGroups;
-  window.__getHotwordPreview = getHotwordPreview;
-
-  registerPage('hotword-library', function(container) {
-    function renderPage() {
-      const groups = ensureHotwordGroups();
-      container.innerHTML = `
-        <div class="page-header">
-          <div>
-            <div class="page-title">热词库管理</div>
-            <div class="page-desc">统一维护 ASR 热词组，智能体配置中只需选择绑定。</div>
-          </div>
-          <div class="page-actions">
-            <button class="btn btn-primary" id="createHotwordGroupPageBtn">
-              <i data-lucide="plus"></i> 创建热词组
-            </button>
-          </div>
-        </div>
-        <div class="card" style="padding:16px">
-          <div class="hotword-group-list">${renderHotwordGroupList(groups)}</div>
-        </div>
-      `;
-      lucide.createIcons({ elements: [container] });
-      bindEvents();
-    }
-
-    function bindEvents() {
-      container.querySelector('#createHotwordGroupPageBtn')?.addEventListener('click', () => {
-        openHotwordEditor(null, renderPage);
-      });
-      container.querySelectorAll('.hotword-edit-btn').forEach(btn => {
-        btn.addEventListener('click', () => openHotwordEditor(btn.dataset.groupId, renderPage));
-      });
-      container.querySelectorAll('.hotword-delete-btn').forEach(btn => {
-        btn.addEventListener('click', () => {
-          const groups = ensureHotwordGroups();
-          const group = groups.find(item => item.id === btn.dataset.groupId);
-          if (!group) return;
-          createModal({
-            title: '删除热词组',
-            content: `<p style="font-size:14px;line-height:1.7">确定删除热词组 <strong>${escapeHtml(group.name)}</strong> 吗？删除后已绑定的智能体将不再使用该热词组。</p>`,
-            confirmText: '删除',
-            onConfirm: async () => {
-              const api = typeof API !== 'undefined' ? API : window.API;
-              try {
-                if (api?.agentDev?.deleteHotwordGroup) {
-                  await api.agentDev.deleteHotwordGroup(group.id);
-                }
-              } catch (error) {
-                console.error('Delete hotword group failed', error);
-                Toast.error('热词组删除失败，请稍后重试');
-                return false;
-              }
-              const index = groups.findIndex(item => item.id === group.id);
-              if (index >= 0) groups.splice(index, 1);
-              if (window.__agentHotwordBindings) {
-                Object.keys(window.__agentHotwordBindings).forEach(appId => {
-                  if (Array.isArray(window.__agentHotwordBindings[appId])) {
-                    window.__agentHotwordBindings[appId] = window.__agentHotwordBindings[appId].filter(id => id !== group.id);
-                  }
-                });
-              }
-              notifyHotwordGroupsChanged();
-              renderPage();
-              Toast.success('热词组已删除');
-            },
-          });
-        });
-      });
-    }
-
-    renderPage();
-  });
-})();
-
-</script>
-  <script>
-/* inline: scripts/agent-dev.js */
-/**
- * TalkingQ Platform - Agent Configuration Workbench
- * Pure JS component functions following the existing static SPA router.
- */
-
-const AGENT_CONFIG_STEPS = [
-  { id: 'voice', index: 1, title: '语音交互' },
-  { id: 'understand', index: 2, title: '理解和生成' },
-  { id: 'skills', index: 3, title: '技能' },
-];
-
-const AGENT_CONFIG_DEFAULT_APPS = [
-  { id: 'app-001', type: 'multimodal', name: '小Q 故事机器人', status: 'published' },
-  { id: 'app-002', type: 'voice', name: '英语学习助手', status: 'editing' },
-  { id: 'app-003', type: 'voice', name: '科学百科探索者', status: 'draft' },
-  { id: 'app-004', type: 'multimodal', name: '数学小课堂', status: 'published' },
-];
-
-const AGENT_INTERACTION_LANGUAGES = [
-  { id: 'zh', name: '中文' },
-  { id: 'en', name: '英语' },
-  { id: 'fr', name: '法语' },
-  { id: 'de', name: '德语' },
-  { id: 'es', name: '西班牙语' },
-  { id: 'it', name: '意大利语' },
-  { id: 'ru', name: '俄语' },
-  { id: 'pt', name: '葡萄牙语' },
-  { id: 'ko', name: '韩语' },
-  { id: 'ja', name: '日语' },
-  { id: 'th', name: '泰语' },
-  { id: 'vi', name: '越南语' },
-  { id: 'id', name: '印度尼西亚语' },
-  { id: 'ms', name: '马来语' },
-  { id: 'fil', name: '菲律宾语' },
-  { id: 'yue', name: '粤语' },
-  { id: 'ar', name: '阿拉伯语' },
-  { id: 'hi', name: '印地语' },
-  { id: 'tr', name: '土耳其语' },
-  { id: 'uk', name: '乌克兰语' },
-  { id: 'cs', name: '捷克语' },
-  { id: 'da', name: '丹麦语' },
-  { id: 'fi', name: '芬兰语' },
-  { id: 'is', name: '冰岛语' },
-  { id: 'no', name: '挪威语' },
-  { id: 'pl', name: '波兰语' },
-  { id: 'nl', name: '荷兰语' },
-  { id: 'sv', name: '瑞典语' },
-];
-
-const SPEECH_MODEL_STATUS_META = {
-  validating: { label: '连接中', className: 'pending' },
-  available: { label: '可用', className: 'success' },
-  failed: { label: '连接失败', className: 'danger' },
-  disabled: { label: '已禁用', className: 'disabled' },
-};
-
-const ASR_MODEL_STATUS_META = SPEECH_MODEL_STATUS_META;
-const TTS_MODEL_STATUS_META = SPEECH_MODEL_STATUS_META;
-const TEXT_MODEL_STATUS_META = SPEECH_MODEL_STATUS_META;
-
-const MCP_SERVICE_STATUS_META = {
-  pending: { label: '待连接', className: 'pending' },
-  validating: { label: '连接中', className: 'pending' },
-  available: { label: '可用', className: 'success' },
-  failed: { label: '连接失败', className: 'danger' },
-  disabled: { label: '已禁用', className: 'disabled' },
-};
-
-const TTS_AUDIO_FORMAT_OPTIONS = [
-  { id: 'mp3', name: 'MP3' },
-  { id: 'wav', name: 'WAV' },
-  { id: 'pcm', name: 'PCM' },
-  { id: 'opus', name: 'OPUS' },
-  { id: 'flac', name: 'FLAC' },
-];
-
-const AGENT_CONFIG_MOCK = {
-  voice: {
-    defaultHotwords: ['TalkingQ', '小Q', '白雪公主', '睡前故事', '恐龙百科'],
-  },
-  understand: {
-    intentModel: {
-      icon: 'route',
-      label: '意图识别',
-      desc: '关闭将不再触发调用工具/Agent 等基于语义理解的交互功能。',
-    },
-    prompt: `# 角色
-你是小Q，一个专为 3-10 岁儿童设计的 AI 玩具智能体。
-
-## 沟通风格
-- 语言简单、生动、温暖。
-- 回复通常控制在 150 字以内。
-- 优先使用比喻、拟声词和故事化表达。
-- 不能输出任何不适合儿童的危险内容。
-
-## 行为准则
-1. 当孩子要求讲故事时，先确认主题，再生成短故事。
-2. 当孩子提问百科知识时，先给出结论，再给出一个生活例子。
-3. 当识别到情绪陪伴需求时，优先安抚，再引导表达。
-
-\`\`\`policy
-安全等级：儿童模式
-联网搜索：必要时开启
-知识库优先级：高
-\`\`\``,
-    variables: [
-      { id: 'var-empty-1', name: '', desc: '' },
-    ],
-    knowledgeBases: [
-      { id: 'kb-001', name: '儿童科学百科', desc: '动物、太空、自然科学问答素材', weight: '0.72' },
-      { id: 'kb-002', name: '故事素材库 V2', desc: '睡前故事、角色设定、儿童互动剧情', weight: '0.68' },
-    ],
-  },
-  skills: {
-    commands: [],
-    plugins: [],
-  },
-};
-
-const AGENT_KNOWLEDGE_BASE_CATALOG = [
-  { id: 'kb-001', name: '儿童科学百科', description: '包含各类儿童科学知识的百科全书', docs: 2840, size: '128MB', typeName: '文档搜索', status: 'ready', tags: ['儿童', '科学'] },
-  { id: 'kb-002', name: '故事素材库 V2', description: '精选各类儿童故事素材', docs: 5200, size: '340MB', typeName: '文档搜索', status: 'ready', tags: ['故事', '儿童'] },
-  { id: 'kb-003', name: '小学数学知识点', description: '小学数学知识体系整理', docs: 1560, size: '86MB', typeName: '文档搜索', status: 'processing', tags: ['数学', '教育'] },
-  { id: 'kb-004', name: '英语启蒙词典', description: '儿童英语启蒙词汇', docs: 3200, size: '210MB', typeName: '图片问答', status: 'ready', tags: ['英语', '启蒙'] },
-  { id: 'kb-005', name: '唐诗宋词精选', description: '经典唐诗宋词收录', docs: 890, size: '45MB', typeName: '文档搜索', status: 'ready', tags: ['诗词', '文学'] },
-  { id: 'kb-006', name: '历史人物故事', description: '历史名人故事集', docs: 1200, size: '78MB', typeName: '音视频搜索', status: 'error', tags: ['历史', '故事'] },
-  { id: 'kb-007', name: '产品参数数据库', description: '公司产品技术参数', docs: 450, size: '32MB', typeName: '数据查询', status: 'ready', tags: ['产品', '技术'] },
-  { id: 'kb-008', name: '音乐教育资源库', description: '儿童音乐教育资源', docs: 560, size: '65MB', typeName: '音视频搜索', status: 'uploading', tags: ['音乐', '教育'] },
-];
-
-function ensureAsrModelRegistry() {
-  if (!Array.isArray(window.__asrModelRegistry)) {
-    window.__asrModelRegistry = [];
-  }
-  window.__asrModelRegistry.forEach(normalizeSpeechModelStatus);
-  return window.__asrModelRegistry;
-}
-
-function ensureTtsModelRegistry() {
-  if (!Array.isArray(window.__ttsModelRegistry)) {
-    window.__ttsModelRegistry = [];
-  }
-  window.__ttsModelRegistry.forEach(normalizeSpeechModelStatus);
-  return window.__ttsModelRegistry;
-}
-
-function ensureTextModelRegistry() {
-  if (!Array.isArray(window.__textModelRegistry)) {
-    window.__textModelRegistry = [];
-  }
-  window.__textModelRegistry.forEach(normalizeSpeechModelStatus);
-  return window.__textModelRegistry;
-}
-
-function ensureCommandLibrary() {
-  if (!Array.isArray(window.__agentCommandLibrary)) {
-    window.__agentCommandLibrary = [];
-  }
-  return window.__agentCommandLibrary;
-}
-
-function ensurePluginLibrary() {
-  if (!Array.isArray(window.__agentPluginLibrary)) {
-    window.__agentPluginLibrary = [];
-  }
-  return window.__agentPluginLibrary;
-}
-
-function ensureMcpServiceLibrary() {
-  if (!Array.isArray(window.__agentMcpServiceLibrary)) {
-    window.__agentMcpServiceLibrary = [];
-  }
-  return window.__agentMcpServiceLibrary;
-}
-
-function ensureAgentConfigAutosaves() {
-  if (!window.__agentConfigAutosaves || typeof window.__agentConfigAutosaves !== 'object') {
-    window.__agentConfigAutosaves = {};
-  }
-  return window.__agentConfigAutosaves;
-}
-
-function ensureAgentRunTimers() {
-  if (!window.__agentRunTimers || typeof window.__agentRunTimers !== 'object') {
-    window.__agentRunTimers = {};
-  }
-  return window.__agentRunTimers;
-}
-
-function normalizeSpeechModelStatus(model) {
-  if (!model) return model;
-  if (model.status === 'connected') model.status = 'available';
-  if (model.status === 'unconnected') {
-    model.status = 'failed';
-    model.errorMessage = model.errorMessage || '尚未完成连接校验';
-  }
-  if (model.enabled === false && model.status === 'available') {
-    model.status = 'disabled';
-  }
-  return model;
-}
-
-function getNowText() {
-  return new Date().toLocaleString('zh-CN', {
-    year: 'numeric',
-    month: '2-digit',
-    day: '2-digit',
-    hour: '2-digit',
-    minute: '2-digit',
-    second: '2-digit',
-    hour12: false,
-  }).replace(/\//g, '-');
-}
-
-function getTimeOnly(value) {
-  const text = String(value || '');
-  const match = text.match(/(\d{2}:\d{2}:\d{2})/);
-  return match ? match[1] : text;
-}
-
-function getAvailableAsrModels() {
-  return ensureAsrModelRegistry()
-    .filter(model => model.enabled !== false && model.status === 'available')
-    .map(model => ({
-      id: model.id,
-      label: model.name,
-      desc: `${model.provider} · ${model.baseUrl}`,
-      provider: model.provider,
-    }));
-}
-
-function getAvailableTtsModels() {
-  return ensureTtsModelRegistry()
-    .filter(model => model.enabled !== false && model.status === 'available')
-    .map(model => ({
-      id: model.id,
-      label: model.name,
-      desc: `${model.provider} · ${getLanguageTypeName(model.languageType)} · ${getTtsVoiceSummary(model)} · ${String(model.audioFormat || '').toUpperCase() || '默认格式'}`,
-      provider: model.provider,
-      audioFormat: model.audioFormat,
-      voiceId: model.voiceId,
-    }));
-}
-
-function getAvailableTextModels() {
-  return ensureTextModelRegistry()
-    .filter(model => model.enabled !== false && model.status === 'available')
-    .map(model => ({
-      id: model.id,
-      label: model.name,
-      desc: `${model.provider} · ${model.modelCode} · 上下文 ${model.contextWindow || '-'} tokens`,
-      provider: model.provider,
-      modelCode: model.modelCode,
-    }));
-}
-
-registerPage('agent-config', function(container) {
-  if (typeof window.__ensureAgentHotwordGroups === 'function') {
-    window.__ensureAgentHotwordGroups();
-  } else if (!window.__agentHotwordGroups) {
-    window.__agentHotwordGroups = [
-      {
-        id: 'hw-001',
-        name: '品牌基础热词',
-        mode: 'manual',
-        words: [
-          { text: 'TalkingQ', lang: '英文' },
-          { text: '小Q', lang: '中文' },
-          { text: '故事机', lang: '中文' },
-        ],
-        updatedAt: '2026-05-20 11:57:38',
-      },
-      {
-        id: 'hw-002',
-        name: '儿童内容热词',
-        mode: 'manual',
-        words: [
-          { text: '白雪公主', lang: '中文' },
-          { text: '睡前故事', lang: '中文' },
-        ],
-        updatedAt: '2026-05-20 12:08:16',
-      },
-    ];
-  }
-  const apps = window.__agentManagedApps || AGENT_CONFIG_DEFAULT_APPS;
-  const selectedApp = apps.find(app => app.id === window.__selectedAppId) || apps[0] || AGENT_CONFIG_DEFAULT_APPS[0];
-  const firstHotwordGroup = window.__agentHotwordGroups?.[0]?.id || '';
-  const availableAsrModels = getAvailableAsrModels();
-  const availableTtsModels = getAvailableTtsModels();
-  const availableTextModels = getAvailableTextModels();
-  const state = {
-    app: selectedApp,
-    activeStep: 'voice',
-    preview: 'empty',
-    saveStatus: 'saved',
-    lastSavedAt: '',
-    selectedInteractionLanguage: window.__selectedInteractionLanguage || 'zh',
-    voiceEnabled: true,
-    asrEnabled: true,
-    ttsEnabled: true,
-    selectedAsrModelId: availableAsrModels[0]?.id || '',
-    selectedTtsModelId: availableTtsModels[0]?.id || '',
-    selectedHotwordGroupId: firstHotwordGroup,
-    ttsFilterEnabled: false,
-    ttsFilterPairs: [
-      { enabled: true, left: '/*', right: '*/' },
-      { enabled: true, left: '[', right: ']' },
-      { enabled: false, left: '{', right: '}' },
-    ],
-    ttsFilterSingles: [],
-    interruptPrimaryEnabled: true,
-    interruptSecondaryEnabled: true,
-    interruptMode: 'full',
-    semanticStopEnabled: true,
-    selectedTextModelId: availableTextModels[0]?.id || '',
-    intentEnabled: true,
-    dialogueContinuationEnabled: true,
-    knowledgeSearchEnabled: true,
-    longTermMemoryEnabled: false,
-    prompt: AGENT_CONFIG_MOCK.understand.prompt,
-    knowledgeBases: AGENT_CONFIG_MOCK.understand.knowledgeBases.map(item => ({ ...item })),
-    variables: AGENT_CONFIG_MOCK.understand.variables.map(item => ({ ...item })),
-    selectedCommandIds: [],
-    selectedPluginIds: [],
-    selectedMcpServiceIds: [],
-    runSession: {
-      apiKey: '',
-      apiKeyConfirmed: false,
-      apiKeyName: '',
-      isRecording: false,
-      micMuted: false,
-      elapsedSeconds: 0,
-      latencyMs: null,
-      transcript: '',
-      aiResponse: '',
-      textInput: '',
-      textResponse: '',
-      textPending: false,
-      chatMessages: [],
-      startedAt: 0,
-    },
-  };
-
-  function renderAfterConfigChange() {
-    scheduleAgentConfigAutoSave(state);
-    render();
-  }
-
-  function render() {
-    const scrollArea = container.querySelector('.bailian-config-scroll');
-    const previousScrollTop = scrollArea?.scrollTop || 0;
-    if (state.selectedHotwordGroupId && !(window.__agentHotwordGroups || []).some(group => group.id === state.selectedHotwordGroupId)) {
-      state.selectedHotwordGroupId = window.__agentHotwordGroups?.[0]?.id || '';
-    }
-    container.innerHTML = renderAgentWorkbench(state);
-    renderAgentIcons(container);
-    bindWorkbenchEvents(container, state, renderAfterConfigChange);
-    bindPromptCounter(container, state);
-    bindRuntimePreviewEvents(container, state, () => updatePreviewOnly(container, state));
-    requestAnimationFrame(() => {
-      const nextScrollArea = container.querySelector('.bailian-config-scroll');
-      if (nextScrollArea) {
-        nextScrollArea.scrollTop = previousScrollTop;
-      }
-    });
-  }
-
-  const onHotwordGroupsChanged = () => {
-    if (!container.isConnected || window.__currentPage !== 'agent-config') {
-      window.removeEventListener('hotwordGroupsChanged', onHotwordGroupsChanged);
-      return;
-    }
-    render();
-  };
-  window.addEventListener('hotwordGroupsChanged', onHotwordGroupsChanged);
-
-  render();
-});
-
-function renderAgentWorkbench(state) {
-  return `
-    <div class="bailian-agent-config">
-      ${renderAgentHeader(state)}
-      <div class="bailian-agent-body">
-        <aside class="bailian-config-pane">
-          ${renderStepTabs(state.activeStep)}
-          <div class="bailian-config-scroll">
-            ${renderAllStepSections(state)}
-          </div>
-          <div class="bailian-config-footer">
-            <button class="bailian-run-btn" data-action="run">立即运行</button>
-          </div>
-        </aside>
-        ${renderPreviewPane(state)}
-      </div>
-    </div>
-  `;
-}
-
-function renderAgentHeader(state) {
-  const app = state.app;
-  const status = getAgentStatus(app.status);
-  const saveText = state.saveStatus === 'saving'
-    ? '自动保存中'
-    : state.lastSavedAt ? `已自动保存 ${getTimeOnly(state.lastSavedAt)}` : '等待自动保存';
-  return `
-    <header class="bailian-agent-header">
-      <div class="bailian-header-left">
-        <button class="bailian-icon-btn" data-action="back" aria-label="返回应用列表">
-          <i data-lucide="arrow-left"></i>
-        </button>
-        <div class="bailian-agent-title-wrap">
-          <div class="bailian-agent-title-row">
-            <h1 class="bailian-agent-title">${escapeHtml(app.name)}</h1>
-            <button class="bailian-plain-icon bailian-title-edit-btn" data-action="rename" aria-label="编辑名称">
-              <i data-lucide="pencil"></i>
-            </button>
-            <span class="bailian-status-pill ${status.className}">${status.label}</span>
-          </div>
-          <div class="bailian-agent-subtitle">
-            <span>ID: ${escapeHtml(app.id)} · AI 智能体配置平台</span>
-            <span class="bailian-autosave-status ${state.saveStatus === 'saving' ? 'saving' : ''}" id="agentAutosaveStatus">${escapeHtml(saveText)}</span>
-          </div>
-        </div>
-      </div>
-      <div class="bailian-header-actions">
-        <button class="bailian-action-btn bailian-action-icon" data-action="history" aria-label="历史记录">
-          <i data-lucide="clock-3"></i>
-        </button>
-        <button class="bailian-action-btn" data-action="api">API 接入</button>
-        <button class="bailian-action-btn bailian-primary-btn" data-action="publish">发布</button>
-      </div>
-    </header>
-  `;
-}
-
-function renderStepTabs(activeStep) {
-  return `
-    <nav class="bailian-step-tabs" aria-label="配置步骤">
-      ${AGENT_CONFIG_STEPS.map(step => `
-        <button class="bailian-step-tab ${activeStep === step.id ? 'active' : ''}" data-step="${step.id}" aria-label="${escapeAttr(step.title)}">
-          <span class="bailian-step-number">${step.index}</span>
-          <span class="bailian-step-title">${escapeHtml(step.title)}</span>
-        </button>
-      `).join('')}
-    </nav>
-  `;
-}
-
-function renderAllStepSections(state) {
-  return AGENT_CONFIG_STEPS.map(step => `
-    <section class="bailian-step-section" id="agent-step-${step.id}" data-step-section="${step.id}">
-      ${renderStepContent(step.id, state)}
-    </section>
-  `).join('');
-}
-
-function renderStepContent(stepId, state) {
-  const renderers = {
-    voice: renderVoiceStep,
-    understand: renderUnderstandStep,
-    skills: renderSkillsStep,
-  };
-  return (renderers[stepId] || renderVoiceStep)(state);
-}
-
-function renderVoiceStep(state) {
-  const data = AGENT_CONFIG_MOCK.voice;
-  const hotwordGroups = window.__agentHotwordGroups || [];
-  const asrModels = getAvailableAsrModels();
-  const ttsModels = getAvailableTtsModels();
-  if (state.selectedAsrModelId && !asrModels.some(model => model.id === state.selectedAsrModelId)) {
-    state.selectedAsrModelId = '';
-  }
-  if (state.selectedTtsModelId && !ttsModels.some(model => model.id === state.selectedTtsModelId)) {
-    state.selectedTtsModelId = '';
-  }
-  if (!state.selectedAsrModelId && asrModels.length) {
-    state.selectedAsrModelId = asrModels[0].id;
-  }
-  if (!state.selectedTtsModelId && ttsModels.length) {
-    state.selectedTtsModelId = ttsModels[0].id;
-  }
-  return `
-    <div class="bailian-step-content">
-      <section class="bailian-card-section bailian-voice-panel">
-        <h3>语音交互</h3>
-        <div class="bailian-voice-section">
-          <label class="bailian-field">
-            <span class="bailian-field-label">交互语言</span>
-            <select class="bailian-input" data-action="interaction-language">
-              ${AGENT_INTERACTION_LANGUAGES.map(lang => `
-                <option value="${escapeAttr(lang.id)}" ${lang.id === state.selectedInteractionLanguage ? 'selected' : ''}>${escapeHtml(lang.name)}</option>
-              `).join('')}
-            </select>
-          </label>
-          <div class="bailian-switch-row compact">
-            <div>
-              <div class="bailian-switch-title">开启语音交互</div>
-              <div class="bailian-switch-desc">打开后运行将使用语音进行交互，关闭后仅保留文字交互</div>
-            </div>
-            <label class="agent-switch">
-              <input type="checkbox" data-toggle="voice-enabled" ${state.voiceEnabled ? 'checked' : ''}>
-              <span></span>
-            </label>
-          </div>
-        </div>
-        ${state.voiceEnabled ? `
-          <div class="bailian-voice-section">
-            <div class="bailian-voice-subtitle">语音 AI</div>
-          <div class="bailian-split-grid">
-            ${renderFeatureSelect({
-              title: '语音识别',
-              toggleKey: 'asr-enabled',
-              checked: state.asrEnabled,
-              activeId: state.selectedAsrModelId,
-              options: asrModels,
-              hint: 'API Key 统一在 ASR 模型管理中维护，连接成功且启用后才可选择',
-              emptyText: '暂无可用 ASR 模型，请先创建并通过自动校验',
-              manageAction: 'asr-model-manager',
-              manageText: '管理 ASR 模型',
-            })}
-            ${renderFeatureSelect({
-              title: '语音合成',
-              toggleKey: 'tts-enabled',
-              checked: state.ttsEnabled,
-              activeId: state.selectedTtsModelId,
-              options: ttsModels,
-              hint: 'API Key、Voice ID 和音频格式统一在 TTS 模型管理中维护',
-              emptyText: '暂无可用 TTS 模型，请先创建并通过自动校验',
-              manageAction: 'tts-model-manager',
-              manageText: '管理 TTS 模型',
-            })}
-          </div>
-        </div>
-        <div class="bailian-voice-section">
-          <div class="bailian-voice-subtitle">热词</div>
-          <div class="bailian-section-inline-action">
-            <div>
-              <div class="bailian-hotword-title">热词组绑定</div>
-              <div class="bailian-hotword-desc">热词组来自热词库管理，新增后会自动出现在这里</div>
-            </div>
-            <button class="bailian-link-btn" data-action="hotwords">管理热词库</button>
-          </div>
-          <label class="bailian-field" style="margin-top:12px">
-            <span class="bailian-field-label">选择热词组</span>
-            <select class="bailian-input" data-action="hotword-group">
-              <option value="" ${!state.selectedHotwordGroupId ? 'selected' : ''}></option>
-              ${hotwordGroups.map(group => `
-                <option value="${escapeAttr(group.id)}" ${group.id === state.selectedHotwordGroupId ? 'selected' : ''}>${escapeHtml(group.name)}</option>
-              `).join('')}
-            </select>
-          </label>
-        </div>
-        <div class="bailian-voice-section">
-          <div class="bailian-voice-subtitle">语音合成播报过滤</div>
-          <div class="bailian-switch-row compact">
-            <div>
-              <div class="bailian-switch-title bailian-title-with-info">
-                <span>开启播报过滤</span>
-                <button
-                  class="bailian-info-tip"
-                  type="button"
-                  aria-label="播报过滤说明"
-                  data-tooltip="特定符号对中的内容将不会进行 TTS 播报，可用于过滤动作、表情编码、设备参数或公式等内容。"
-                >
-                  <i data-lucide="info"></i>
-                </button>
-              </div>
-            </div>
-            <label class="agent-switch">
-              <input type="checkbox" data-toggle="tts-filter" ${state.ttsFilterEnabled ? 'checked' : ''}>
-              <span></span>
-            </label>
-          </div>
-          ${state.ttsFilterEnabled ? renderTtsFilterSummary(state) : ''}
-        </div>
-        <div class="bailian-voice-section">
-          <div class="bailian-voice-subtitle">对话打断</div>
-          <div class="bailian-section-tip">此配置仅用于效果体验</div>
-          <div class="bailian-stack">
-            <label class="bailian-check-card">
-              <input type="checkbox" data-toggle="interrupt-primary" ${state.interruptPrimaryEnabled ? 'checked' : ''}>
-              <span>
-                <strong>任意语音打断（全双工）</strong>
-                <small>运行后语音测试会出现同等效果</small>
-              </span>
-            </label>
-            <label class="bailian-check-card">
-              <input type="checkbox" data-toggle="interrupt-secondary" ${state.interruptSecondaryEnabled ? 'checked' : ''}>
-              <span>
-                <strong>点击打断（半双工）</strong>
-                <small>运行后可点击触发中断</small>
-              </span>
-            </label>
-            <div class="bailian-check-card readonly">
-              <span class="bailian-radio-dot active"></span>
-              <span>
-                <strong>长按对话（半双工，仅移动端支持）</strong>
-                <small>运行后可在移动端长按触发</small>
-              </span>
-            </div>
-          </div>
-        </div>
-        <div class="bailian-voice-section">
-          <div class="bailian-switch-row compact">
-            <div>
-              <div class="bailian-switch-title bailian-title-with-info">
-                <span>语义判停与拒识</span>
-                <button
-                  class="bailian-info-tip"
-                  type="button"
-                  aria-label="语义判停与拒识说明"
-                  data-tooltip="开启后可能导致对话延迟增加。基于用户语义，判断是否结束语音输入，以及是否需要模型回复。全双工对话场景下，本功能效果更显著。"
-                >
-                  <i data-lucide="info"></i>
-                </button>
-              </div>
-            </div>
-            <label class="agent-switch">
-              <input type="checkbox" data-toggle="semantic-stop" ${state.semanticStopEnabled ? 'checked' : ''}>
-              <span></span>
-            </label>
-          </div>
-        </div>
-      ` : `
-        <div class="bailian-voice-disabled">
-          <strong>当前为文字交互模式</strong>
-          <span>关闭语音交互后，不展示语音 AI、热词、播报过滤和对话打断配置。</span>
-        </div>
-      `}
-      </section>
-    </div>
-  `;
-}
-
-function renderUnderstandStep(state) {
-  const data = AGENT_CONFIG_MOCK.understand;
-  const textModels = getAvailableTextModels();
-  if (state.selectedTextModelId && !textModels.some(model => model.id === state.selectedTextModelId)) {
-    state.selectedTextModelId = '';
-  }
-  if (!state.selectedTextModelId && textModels.length) {
-    state.selectedTextModelId = textModels[0].id;
-  }
-  const selectedModel = textModels.find(item => item.id === state.selectedTextModelId) || textModels[0] || null;
-  return `
-    <div class="bailian-step-content">
-      ${renderSection('意图识别', '', `${data.intentModel.desc} 关闭将不再触发调用工具/Agent 等基于语义理解的交互功能，适用于低成本、轻量级语音交互场景。`, `
-        <label class="agent-switch">
-          <input type="checkbox" data-toggle="intent-enabled" ${state.intentEnabled !== false ? 'checked' : ''}>
-          <span></span>
-        </label>
-      `)}
-      ${renderSection('文本模型', `
-        <div class="bailian-section-inline-action">
-          <div>
-            <div class="bailian-hotword-title">模型选择</div>
-            <div class="bailian-hotword-desc">模型凭证统一在文本模型管理中维护，校验通过并启用后才可选择</div>
-          </div>
-          <button class="btn btn-primary" type="button" data-action="text-model-manager">创建模型</button>
-        </div>
-        <select class="bailian-input bailian-model-field" data-action="text-model" ${textModels.length ? '' : 'disabled'}>
-          ${textModels.length ? textModels.map(item => `
-            <option value="${escapeAttr(item.id)}" ${item.id === state.selectedTextModelId ? 'selected' : ''}>${escapeHtml(item.label)}</option>
-          `).join('') : '<option value="">暂无可用文本模型，请先创建并通过自动校验</option>'}
-        </select>
-        ${selectedModel ? `<div class="bailian-model-desc">${escapeHtml(selectedModel.desc)}</div>` : ''}
-      `)}
-      ${renderPromptEditor(state.prompt || data.prompt)}
-      ${renderSection('对话变量', `
-        ${renderVariableSimpleEditor(state)}
-      `, '变量是智能体运行时的状态存储，可用于注入 Prompt、节点传递、流程控制和上下文记忆。', `
-        <button class="btn btn-primary" type="button" data-action="add-variable">添加变量</button>
-      `)}
-      ${renderSection('上下文轮数', `
-        <div class="bailian-inline-field">
-          <span>携带最近</span>
-          <input class="bailian-number-input" type="number" min="1" max="50" value="10">
-          <span>轮对话作为上下文</span>
-        </div>
-      `)}
-      ${renderKnowledgeBaseSection(state.knowledgeBases || data.knowledgeBases)}
-      ${renderSection('对话承接语', '', '大模型基于用户输入自动生成承接语，减少回复等待时间', `
-        <label class="agent-switch">
-          <input type="checkbox" data-toggle="continuation" ${state.dialogueContinuationEnabled !== false ? 'checked' : ''}>
-          <span></span>
-        </label>
-      `)}
-      ${renderSection('互联网搜索', '', '关闭后不展示搜索模式，仅保留本地知识和模型能力', `
-        <label class="agent-switch">
-          <input type="checkbox" data-toggle="knowledge-search" ${state.knowledgeSearchEnabled !== false ? 'checked' : ''}>
-          <span></span>
-        </label>
-      `)}
-      ${renderSection('长期记忆', '', '基于对话历史形成专属记忆库，并在后续对话中体现。开启长期记忆后，结合记忆内容进行回复的对话会增加额外耗时。', `
-        <label class="agent-switch">
-          <input type="checkbox" data-toggle="long-term-memory" ${state.longTermMemoryEnabled ? 'checked' : ''}>
-          <span></span>
-        </label>
-      `)}
-    </div>
-  `;
-}
-
-function renderSkillsStep(state) {
-  const data = AGENT_CONFIG_MOCK.skills;
-  const commandLibrary = ensureCommandLibrary();
-  const selectedCommandIds = new Set(state.selectedCommandIds || []);
-  const commands = commandLibrary.filter(item => selectedCommandIds.has(item.id));
-  const pluginLibrary = ensurePluginLibrary();
-  const selectedPluginIds = new Set(state.selectedPluginIds || []);
-  const plugins = pluginLibrary.filter(item => selectedPluginIds.has(item.id));
-  return `
-    <div class="bailian-step-content">
-      ${renderSection('指令', `
-        <div class="bailian-section-inline-action">
-          <span>当前智能体只会调用已挂载的指令。指令创建后会保存在指令库中，可重复选择。</span>
-          <button class="bailian-link-btn" data-action="command-config">添加/管理指令</button>
-        </div>
-        <div class="bailian-list">
-          ${commands.length ? commands.map(item => `
-            <div class="bailian-list-card">
-              <div class="bailian-list-icon"><i data-lucide="${item.icon || 'terminal-square'}"></i></div>
-              <div class="bailian-list-main">
-                <div class="bailian-list-title">${escapeHtml(item.name)} <span>${escapeHtml(item.commandType || '自定义指令')}</span></div>
-                <div class="bailian-list-desc">${escapeHtml(item.desc)}</div>
-              </div>
-              <button class="bailian-plain-icon" data-action="command-config" aria-label="编辑指令库"><i data-lucide="settings"></i></button>
-              <button class="bailian-plain-icon danger" data-action="remove-command" data-command-id="${escapeAttr(item.id)}" aria-label="移除指令 ${escapeAttr(item.name)}"><i data-lucide="trash-2"></i></button>
-            </div>
-          `).join('') : `
-            <div class="bailian-command-empty">
-              <i data-lucide="terminal-square"></i>
-              <strong>暂无已挂载指令</strong>
-              <span>从 0 开始创建指令，创建后可在指令库中重复选择。</span>
-              <button class="btn btn-primary" type="button" data-action="command-config">创建/选择指令</button>
-            </div>
-          `}
-        </div>
-      `)}
-      ${renderSection('插件', `
-        <div class="bailian-section-inline-action">
-          <span>当前智能体只会调用已挂载的插件。插件创建后会保存在插件库中，可重复选择。</span>
-          <button class="bailian-link-btn" data-action="plugin-config">添加/管理插件</button>
-        </div>
-        <div class="bailian-list">
-          ${plugins.length ? plugins.map(item => `
-            <div class="bailian-list-card">
-              <div class="bailian-list-icon"><i data-lucide="${item.icon || 'plug'}"></i></div>
-              <div class="bailian-list-main">
-                <div class="bailian-list-title">${escapeHtml(item.name)} <span>${escapeHtml(item.pluginType || '自定义插件')}</span></div>
-                <div class="bailian-list-desc">${escapeHtml(item.desc)}</div>
-              </div>
-              <span class="bailian-small-pill">${escapeHtml(item.status || '系统执行')}</span>
-              <button class="bailian-plain-icon" data-action="plugin-config" aria-label="编辑插件库"><i data-lucide="settings"></i></button>
-              <button class="bailian-plain-icon danger" data-action="remove-plugin" data-plugin-id="${escapeAttr(item.id)}" aria-label="移除插件 ${escapeAttr(item.name)}"><i data-lucide="trash-2"></i></button>
-            </div>
-          `).join('') : `
-            <div class="bailian-command-empty">
-              <i data-lucide="plug"></i>
-              <strong>暂无已挂载插件</strong>
-              <span>从 0 开始创建插件，创建后可在插件库中重复选择。</span>
-              <button class="btn btn-primary" type="button" data-action="plugin-config">创建/选择插件</button>
-            </div>
-          `}
-        </div>
-      `)}
-      ${renderMcpSection(state)}
-    </div>
-  `;
-}
-
-function renderPreviewPane(state) {
-  if (state.preview === 'voice-auth') {
-    return renderRuntimeAuthPreview(state, 'voice');
-  }
-  if (state.preview === 'text-auth') {
-    return renderRuntimeAuthPreview(state, 'text');
-  }
-  if (state.preview === 'voice-runtime') {
-    return renderVoiceRuntimePreview(state);
-  }
-  if (state.preview === 'text-runtime') {
-    return renderTextRuntimePreview(state);
-  }
-  return `
-    <section class="bailian-preview-pane">
-      <div class="bailian-preview-empty">
-        <div class="bailian-cube" aria-hidden="true">
-          <span></span><span></span><span></span>
-        </div>
-        <h2>请填好配置后点击运行</h2>
-        <p>当前应用测试会产生实际调用，按对话次数计费</p>
-        <div class="bailian-preview-tip">
-          <i data-lucide="info"></i>
-          <span>建议佩戴耳机，并在安静环境下测试，对话体验更佳。</span>
-        </div>
-      </div>
-    </section>
-  `;
-}
-
-function renderRuntimeAuthPreview(state, mode = 'voice') {
-  const savedKeys = getRuntimeApiKeysForApp(state);
-  const hasKeys = savedKeys.length > 0;
-  const isVoice = mode === 'voice';
-  return `
-    <section class="bailian-preview-pane is-runtime">
-      <div class="agent-runtime-shell">
-        <div class="agent-runtime-head">
-          <div>
-            <span class="agent-runtime-kicker">${isVoice ? 'Voice Runtime' : 'Text Runtime'}</span>
-            <h2>配置运行 API Key</h2>
-            <p>运行前已自动保存当前配置。请选择系统设置里已保存的 API Key 后进入${isVoice ? '语音测试' : '文字聊天测试'}。</p>
-          </div>
-          <span class="bailian-asr-status success">配置已保存</span>
-        </div>
-        <div class="agent-runtime-auth-card">
-          <label class="bailian-field">
-            <span class="bailian-field-label">选择系统 API Key</span>
-            <select class="bailian-input" data-preview-field="runtime-key-select" ${hasKeys ? '' : 'disabled'}>
-              ${hasKeys ? '<option value="">请选择 API Key</option>' : '<option value="">暂无 API Key，请先在系统设置添加</option>'}
-              ${savedKeys.map(key => `<option value="${escapeAttr(key.id)}">${escapeHtml(key.name)} · ${escapeHtml(maskSecret(key.value))}</option>`).join('')}
-            </select>
-          </label>
-          <div class="agent-runtime-auth-actions">
-            <button class="btn btn-primary" type="button" data-preview-action="confirm-runtime-key" ${hasKeys ? '' : 'disabled'}>
-              <i data-lucide="key-round"></i>
-              确认并进入${isVoice ? '语音测试' : '文字聊天'}
-            </button>
-            ${hasKeys ? '' : `
-              <button class="btn btn-outline" type="button" data-preview-action="go-settings-api-keys">
-                去系统设置添加
-              </button>
-            `}
-          </div>
-        </div>
-        <div class="agent-runtime-note">
-          <i data-lucide="shield-check"></i>
-          <span>运行面板只引用系统设置中已保存的 API Key。后端接入后，这里应只传递 Key ID，由后端安全读取密钥并创建运行会话。</span>
-        </div>
-      </div>
-    </section>
-  `;
-}
-
-function renderVoiceRuntimePreview(state) {
-  const session = getRunSession(state);
-  const latency = session.latencyMs == null ? '3377ms' : `${session.latencyMs}ms`;
-  const recordText = session.isRecording ? formatRuntimeDuration(session.elapsedSeconds) : '00:00';
-  const transcript = session.transcript || '正在监听，请开始说话...';
-  const aiResponse = session.aiDisplayResponse !== undefined ? session.aiDisplayResponse : (session.aiResponse || '');
-  const userName = getAgentRuntimeUserName();
-  const hasVoiceConversation = session.isRecording || Boolean(session.transcript || session.aiResponse || session.aiDisplayResponse);
-  return `
-    <section class="bailian-preview-pane is-runtime is-voice-runtime">
-      <div class="agent-voice-panel ${session.isRecording ? 'recording' : 'idle'} ${hasVoiceConversation ? 'has-conversation' : ''}">
-        <div class="agent-voice-topbar">
-          <div class="agent-voice-title">
-            <h2>语音交互体验</h2>
-            <button
-              class="bailian-info-tip"
-              type="button"
-              aria-label="语音交互体验说明"
-              data-tooltip="当前区域用于实时调试智能体语音回复效果"
-            >
-              <i data-lucide="info"></i>
-            </button>
-          </div>
-          <div class="agent-voice-user">
-            <span>${escapeHtml(userName)}</span>
-            <i data-lucide="chevron-down"></i>
-            <button class="agent-voice-settings" type="button" data-preview-action="voice-runtime-settings" aria-label="语音体验设置">
-              <i data-lucide="settings"></i>
-            </button>
-          </div>
-        </div>
-
-        <div class="agent-voice-stage">
-          ${hasVoiceConversation ? `
-            <div class="agent-voice-conversation">
-              <div class="agent-voice-message-stream">
-                <div class="agent-voice-message-row user">
-                  <div class="agent-voice-user-bubble" data-voice-runtime="transcript">${escapeHtml(transcript)}</div>
-                </div>
-                <div class="agent-voice-message-row ai">
-                  <div class="agent-voice-ai-message">
-                    <div class="agent-voice-ai-content" data-voice-runtime="ai-content">
-                      ${aiResponse ? escapeHtml(aiResponse) : '<span class="agent-runtime-typing"><i></i><i></i><i></i></span>'}
-                    </div>
-                    <div class="agent-voice-ai-actions ${session.aiResponse ? 'is-visible' : ''}" data-voice-runtime="ai-actions" aria-hidden="${session.aiResponse ? 'false' : 'true'}">
-                      <button class="agent-text-action-btn" type="button" data-preview-action="copy-voice-ai" data-tooltip="复制回复">
-                        <i data-lucide="copy"></i>
-                      </button>
-                      <button class="agent-text-action-btn" type="button" data-preview-action="regenerate-voice-ai" data-tooltip="重新生成">
-                        <i data-lucide="refresh-cw"></i>
-                      </button>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="agent-voice-latency" data-voice-runtime="latency">端到端首包延迟：${escapeHtml(latency)}</div>
-          ` : `
-            <div class="agent-voice-idle-center">
-              <div class="agent-voice-logo">
-                <i data-lucide="sparkles"></i>
-              </div>
-              <h3>${escapeHtml(state.app?.name || 'TalkingQ Agent')}</h3>
-              <p>建议佩戴耳机，并在安静环境下测试，对话体验更佳。</p>
-            </div>
-          `}
-        </div>
-
-        <div class="agent-voice-control">
-          ${session.isRecording ? `
-            <div>
-              <div class="agent-voice-record-time" data-voice-runtime="record-time">${escapeHtml(recordText)}</div>
-            </div>
-            <div class="agent-voice-wave ${session.micMuted ? 'muted' : ''}" data-voice-runtime="wave" aria-hidden="true">
-              ${Array.from({ length: 28 }).map((_, index) => `<span style="--i:${index}"></span>`).join('')}
-            </div>
-            <div class="agent-voice-control-actions">
-              <button class="agent-voice-mic-btn ${session.micMuted ? 'muted' : ''}" type="button" data-preview-action="toggle-mic" data-voice-runtime="mic-button" aria-label="${session.micMuted ? '打开麦克风' : '关闭麦克风'}">
-                <i data-lucide="${session.micMuted ? 'mic-off' : 'mic'}"></i>
-              </button>
-              <button class="agent-voice-hangup-btn" type="button" data-preview-action="toggle-call" aria-label="挂断">
-                <i data-lucide="phone-off"></i>
-              </button>
-            </div>
-          ` : `
-            <button class="agent-voice-device" type="button" data-preview-action="voice-device">
-              <i data-lucide="mic"></i>
-              <span>MacBook Pro麦克风</span>
-              <i data-lucide="chevron-down"></i>
-            </button>
-            <button class="agent-voice-start-btn" type="button" data-preview-action="toggle-call" aria-label="开始语音通话">
-              <i data-lucide="phone-call"></i>
-            </button>
-          `}
-        </div>
-        ${session.micMuted ? '<div class="agent-runtime-muted-tip">麦克风已关闭，当前暂停收音。</div>' : ''}
-      </div>
-    </section>
-  `;
-}
-
-function renderTextRuntimePreview(state) {
-  const session = getRunSession(state);
-  const messages = Array.isArray(session.chatMessages) ? session.chatMessages : [];
-  const userName = getAgentRuntimeUserName();
-  return `
-    <section class="bailian-preview-pane is-runtime is-text-runtime">
-      <div class="agent-text-panel">
-        <div class="agent-text-topbar">
-          <div class="agent-text-title">
-            <h2>文本交互体验</h2>
-            <button
-              class="bailian-info-tip"
-              type="button"
-              aria-label="文本交互体验说明"
-              data-tooltip="当前区域用于实时调试智能体回复效果"
-            >
-              <i data-lucide="info"></i>
-            </button>
-          </div>
-          <div class="agent-text-user">
-            <span>${escapeHtml(userName)}</span>
-            <i data-lucide="chevron-down"></i>
-            <button class="agent-text-settings" type="button" data-preview-action="change-runtime-key" data-tooltip="更换运行 API Key" aria-label="更换运行 API Key">
-              <i data-lucide="settings"></i>
-            </button>
-          </div>
-        </div>
-        <div class="agent-text-message-area">
-          <div class="agent-text-message-stream">
-            ${messages.length ? messages.map((message, index) => renderTextChatMessage(message, index)).join('') : `
-              <div class="agent-text-empty">
-                <span>开始输入第一条测试消息</span>
-              </div>
-            `}
-            ${session.textPending ? `
-              <div class="agent-text-message-row ai">
-                <div class="agent-text-ai-message">
-                  <div class="agent-runtime-typing"><i></i><i></i><i></i></div>
-                </div>
-              </div>
-            ` : ''}
-            ${session.latencyMs ? `
-              <div class="agent-runtime-chat-meta">端到端 ${escapeHtml(String(session.latencyMs))}ms</div>
-            ` : ''}
-          </div>
-        </div>
-        <div class="agent-text-input-area">
-          <div class="agent-text-input-shell">
-            <input class="agent-text-input" data-preview-field="runtime-text-input" value="${escapeAttr(session.textInput || '')}" placeholder="输入测试消息，按 Enter 发送">
-            <button class="agent-text-send" type="button" data-preview-action="send-text-runtime" ${session.textPending ? 'disabled' : ''}>
-              <i data-lucide="send-horizontal"></i>
-            </button>
-          </div>
-        </div>
-      </div>
-    </section>
-  `;
-}
-
-function renderTextChatMessage(message, index) {
-  if (message.role === 'user') {
-    return `
-      <div class="agent-text-message-row user">
-        <div class="agent-text-user-bubble">${escapeHtml(message.content)}</div>
-      </div>
-    `;
-  }
-  const content = message.displayContent !== undefined ? message.displayContent : message.content;
-  return `
-    <div class="agent-text-message-row ai">
-      <div class="agent-text-ai-message">
-        <div class="agent-text-ai-content">${escapeHtml(content || '')}</div>
-        ${message.content ? `
-          <div class="agent-text-actions">
-            <button class="agent-text-action-btn" type="button" data-preview-action="copy-ai-message" data-message-index="${index}" data-tooltip="复制回复">
-              <i data-lucide="copy"></i>
-            </button>
-            <button class="agent-text-action-btn" type="button" data-preview-action="regenerate-ai-message" data-message-index="${index}" data-tooltip="重新生成">
-              <i data-lucide="refresh-cw"></i>
-            </button>
-          </div>
-        ` : ''}
-      </div>
-    </div>
-  `;
-}
-
-function getRunSession(state) {
-  if (!state.runSession) {
-    state.runSession = {};
-  }
-  return state.runSession;
-}
-
-function getRuntimeApiKeysForApp(state) {
-  const settings = typeof loadSettings === 'function'
-    ? loadSettings()
-    : (window.__talkingqSettings || {});
-  if (Array.isArray(settings.apiKeyRecords)) {
-    const records = settings.apiKeyRecords
-      .filter(record => String(record.value || '').trim())
-      .map(record => ({
-        id: record.id,
-        name: record.name || 'API Key',
-        provider: record.provider || record.providerId || 'Custom',
-        value: record.value,
-      }));
-    if (records.length) return records;
-  }
-  const apiKeys = settings.apiKeys || {};
-  return [
-    { id: 'openai', name: 'OpenAI API Key', provider: 'OpenAI', value: apiKeys.openai || '' },
-    { id: 'ali', name: '阿里云百炼 API Key', provider: 'Alibaba Cloud Bailian', value: apiKeys.ali || '' },
-    { id: 'gemini', name: 'Google Gemini API Key', provider: 'Google Gemini', value: apiKeys.gemini || '' },
-  ].filter(item => String(item.value || '').trim());
-}
-
-function formatRuntimeDuration(seconds) {
-  const safe = Math.max(0, Number(seconds) || 0);
-  const min = Math.floor(safe / 60);
-  const sec = safe % 60;
-  return `${String(min).padStart(2, '0')}:${String(sec).padStart(2, '0')}`;
-}
-
-function getAgentRunTimerKey(state) {
-  return state.app?.id || 'default';
-}
-
-function clearAgentRunTimer(state) {
-  const timers = ensureAgentRunTimers();
-  const key = getAgentRunTimerKey(state);
-  if (timers[key]) {
-    window.clearInterval(timers[key]);
-    delete timers[key];
-  }
-}
-
-function buildAgentConfigSnapshot(state) {
-  return {
-    appId: state.app?.id,
-    appName: state.app?.name,
-    savedAt: state.lastSavedAt,
-    voiceEnabled: state.voiceEnabled,
-    asrEnabled: state.asrEnabled,
-    ttsEnabled: state.ttsEnabled,
-    selectedInteractionLanguage: state.selectedInteractionLanguage,
-    selectedAsrModelId: state.selectedAsrModelId,
-    selectedTtsModelId: state.selectedTtsModelId,
-    selectedTextModelId: state.selectedTextModelId,
-    selectedHotwordGroupId: state.selectedHotwordGroupId,
-    ttsFilterEnabled: state.ttsFilterEnabled,
-    interruptPrimaryEnabled: state.interruptPrimaryEnabled,
-    interruptSecondaryEnabled: state.interruptSecondaryEnabled,
-    semanticStopEnabled: state.semanticStopEnabled,
-    intentEnabled: state.intentEnabled,
-    dialogueContinuationEnabled: state.dialogueContinuationEnabled,
-    knowledgeSearchEnabled: state.knowledgeSearchEnabled,
-    longTermMemoryEnabled: state.longTermMemoryEnabled,
-    prompt: state.prompt,
-    variables: state.variables,
-    knowledgeBases: state.knowledgeBases,
-    selectedCommandIds: state.selectedCommandIds,
-    selectedPluginIds: state.selectedPluginIds,
-    selectedMcpServiceIds: state.selectedMcpServiceIds,
-  };
-}
-
-function updateAgentAutosaveIndicator(state) {
-  const indicator = document.querySelector('#agentAutosaveStatus');
-  if (!indicator) return;
-  indicator.classList.toggle('saving', state.saveStatus === 'saving');
-  indicator.textContent = state.saveStatus === 'saving'
-    ? '自动保存中'
-    : state.lastSavedAt ? `已自动保存 ${getTimeOnly(state.lastSavedAt)}` : '等待自动保存';
-}
-
-function autoSaveAgentConfig(state) {
-  state.saveStatus = 'saved';
-  state.lastSavedAt = getNowText();
-  const store = ensureAgentConfigAutosaves();
-  store[state.app?.id || 'default'] = buildAgentConfigSnapshot(state);
-  updateAgentAutosaveIndicator(state);
-}
-
-function scheduleAgentConfigAutoSave(state) {
-  if (state.__saveTimer) {
-    window.clearTimeout(state.__saveTimer);
-  }
-  state.saveStatus = 'saving';
-  updateAgentAutosaveIndicator(state);
-  state.__saveTimer = window.setTimeout(() => {
-    autoSaveAgentConfig(state);
-    state.__saveTimer = null;
-  }, 300);
-}
-
-function getMockTranscriptForSecond(second) {
-  const fragments = [
-    '你好小Q',
-    '你好小Q，今天可以给我讲一个太空故事吗',
-    '你好小Q，今天可以给我讲一个太空故事吗，里面要有机器人和小朋友',
-    '你好小Q，今天可以给我讲一个太空故事吗，里面要有机器人和小朋友，最后要开心一点',
-  ];
-  if (second <= 1) return fragments[0];
-  if (second <= 2) return fragments[1];
-  if (second <= 4) return fragments[2];
-  return fragments[3];
-}
-
-function getMockAiResponseForSecond(second) {
-  if (second < 2) return '';
-  if (second < 4) return '可以呀，我正在准备一个温柔的太空小故事。';
-  return '当然可以。小朋友坐上银色小飞船，和机器人小Q一起飞向月亮。他们发现一颗会唱歌的小星星，最后把星光带回家，送给每一个睡前还想听故事的小朋友。';
-}
-
-function getAgentRuntimeUserName() {
-  return window.__currentUser?.displayName
-    || window.__currentUser?.name
-    || window.currentUser?.displayName
-    || window.currentUser?.name
-    || 'Admin';
-}
-
-function syncVoiceRuntimeDom(container, state) {
-  const panel = container.querySelector('.agent-voice-panel.recording');
-  if (!panel || state.preview !== 'voice-runtime') return false;
-  const session = getRunSession(state);
-  const latency = session.latencyMs == null ? '3377ms' : `${session.latencyMs}ms`;
-  const recordText = session.isRecording ? formatRuntimeDuration(session.elapsedSeconds) : '00:00';
-  const transcript = session.transcript || '正在监听，请开始说话...';
-  const aiResponse = session.aiDisplayResponse !== undefined ? session.aiDisplayResponse : (session.aiResponse || '');
-
-  const transcriptNode = panel.querySelector('[data-voice-runtime="transcript"]');
-  if (transcriptNode) transcriptNode.textContent = transcript;
-
-  const aiContentNode = panel.querySelector('[data-voice-runtime="ai-content"]');
-  if (aiContentNode) {
-    if (aiResponse) {
-      aiContentNode.textContent = aiResponse;
-    } else if (!aiContentNode.querySelector('.agent-runtime-typing')) {
-      aiContentNode.innerHTML = '<span class="agent-runtime-typing"><i></i><i></i><i></i></span>';
-    }
-  }
-
-  const actionsNode = panel.querySelector('[data-voice-runtime="ai-actions"]');
-  if (actionsNode) {
-    actionsNode.classList.toggle('is-visible', Boolean(session.aiResponse));
-    actionsNode.setAttribute('aria-hidden', session.aiResponse ? 'false' : 'true');
-  }
-
-  const latencyNode = panel.querySelector('[data-voice-runtime="latency"]');
-  if (latencyNode) latencyNode.textContent = `端到端首包延迟：${latency}`;
-
-  const recordNode = panel.querySelector('[data-voice-runtime="record-time"]');
-  if (recordNode) recordNode.textContent = recordText;
-
-  const waveNode = panel.querySelector('[data-voice-runtime="wave"]');
-  if (waveNode) waveNode.classList.toggle('muted', Boolean(session.micMuted));
-
-  const micButton = panel.querySelector('[data-voice-runtime="mic-button"]');
-  if (micButton) {
-    micButton.classList.toggle('muted', Boolean(session.micMuted));
-    micButton.setAttribute('aria-label', session.micMuted ? '打开麦克风' : '关闭麦克风');
-    const iconName = session.micMuted ? 'mic-off' : 'mic';
-    const icon = micButton.querySelector('i, svg');
-    if (icon?.getAttribute('data-lucide') !== iconName) {
-      micButton.innerHTML = `<i data-lucide="${iconName}"></i>`;
-      renderAgentIcons(micButton);
-    }
-  }
-
-  const voiceScrollArea = panel.querySelector('.agent-voice-stage') || panel.querySelector('.agent-voice-conversation');
-  if (voiceScrollArea) {
-    voiceScrollArea.scrollTop = voiceScrollArea.scrollHeight;
-  }
-
-  return true;
-}
-
-function revealVoiceReply(container, state, fullText) {
-  const session = getRunSession(state);
-  let cursor = 0;
-  const step = Math.max(1, Math.ceil(fullText.length / 36));
-  if (session.__voiceRevealTimer) {
-    window.clearInterval(session.__voiceRevealTimer);
-  }
-  session.__voiceRevealTimer = window.setInterval(() => {
-    cursor = Math.min(fullText.length, cursor + step);
-    session.aiDisplayResponse = fullText.slice(0, cursor);
-    if (!syncVoiceRuntimeDom(container, state)) {
-      updatePreviewOnly(container, state);
-    }
-    if (cursor >= fullText.length) {
-      session.aiDisplayResponse = fullText;
-      window.clearInterval(session.__voiceRevealTimer);
-      session.__voiceRevealTimer = null;
-      if (!syncVoiceRuntimeDom(container, state)) {
-        updatePreviewOnly(container, state);
-      }
-    }
-  }, 38);
-}
-
-function buildMockTextReply(value, retryCount = 0) {
-  const suffix = retryCount ? `这是第 ${retryCount + 1} 版重新生成结果。` : '这是当前前端 mock 回复效果。';
-  return `我收到了：“${value}”。${suffix} 后端接入后，这里会返回真实模型的流式回复。`;
-}
-
-function revealTextReply(container, state, messageIndex, fullText) {
-  const session = getRunSession(state);
-  let cursor = 0;
-  const step = Math.max(1, Math.ceil(fullText.length / 34));
-  const timer = window.setInterval(() => {
-    const messages = Array.isArray(session.chatMessages) ? session.chatMessages : [];
-    const message = messages[messageIndex];
-    if (!message) {
-      window.clearInterval(timer);
-      return;
-    }
-    cursor = Math.min(fullText.length, cursor + step);
-    message.displayContent = fullText.slice(0, cursor);
-    updatePreviewOnly(container, state);
-    if (cursor >= fullText.length) {
-      message.displayContent = fullText;
-      window.clearInterval(timer);
-      updatePreviewOnly(container, state);
-    }
-  }, 38);
-}
-
-function startVoiceRuntimeCall(container, state) {
-  const session = getRunSession(state);
-  clearAgentRunTimer(state);
-  if (session.__voiceRevealTimer) {
-    window.clearInterval(session.__voiceRevealTimer);
-    session.__voiceRevealTimer = null;
-  }
-  session.isRecording = true;
-  session.micMuted = false;
-  session.elapsedSeconds = 0;
-  session.latencyMs = 3377;
-  session.transcript = '正在监听，请开始说话...';
-  session.aiResponse = '';
-  session.aiDisplayResponse = '';
-  session.lastVoiceAiResponse = '';
-  session.startedAt = Date.now();
-  updatePreviewOnly(container, state);
-  const timers = ensureAgentRunTimers();
-  timers[getAgentRunTimerKey(state)] = window.setInterval(() => {
-    if (!session.isRecording) {
-      clearAgentRunTimer(state);
-      return;
-    }
-    session.elapsedSeconds = Math.floor((Date.now() - session.startedAt) / 1000);
-    if (!session.micMuted) {
-      const nextTranscript = getMockTranscriptForSecond(session.elapsedSeconds);
-      const nextResponse = getMockAiResponseForSecond(session.elapsedSeconds);
-      session.transcript = nextTranscript;
-      session.latencyMs = 3377 + ((session.elapsedSeconds * 83) % 420);
-      if (nextResponse && nextResponse !== session.lastVoiceAiResponse) {
-        session.aiResponse = nextResponse;
-        session.aiDisplayResponse = '';
-        session.lastVoiceAiResponse = nextResponse;
-        revealVoiceReply(container, state, nextResponse);
-        return;
-      }
-    }
-    if (!syncVoiceRuntimeDom(container, state)) {
-      updatePreviewOnly(container, state);
-    }
-  }, 1000);
-}
-
-function stopVoiceRuntimeCall(container, state) {
-  const session = getRunSession(state);
-  clearAgentRunTimer(state);
-  session.isRecording = false;
-  session.elapsedSeconds = Math.max(session.elapsedSeconds || 0, Math.floor((Date.now() - (session.startedAt || Date.now())) / 1000));
-  session.latencyMs = session.latencyMs || 3377;
-  session.transcript = session.transcript || '本轮没有检测到有效语音。';
-  session.aiResponse = session.aiResponse || '我已经结束本轮收音，可以再次点击电话按钮开始新的语音测试。';
-  session.aiDisplayResponse = session.aiDisplayResponse || session.aiResponse;
-  updatePreviewOnly(container, state);
-}
-
-function renderSection(title, content, tooltip = '', headerAction = '') {
-  const hasContent = Boolean(String(content || '').trim());
-  const titleInfo = tooltip ? `
-    <button
-      class="bailian-info-tip"
-      type="button"
-      aria-label="${escapeAttr(title)}说明"
-      data-tooltip="${escapeAttr(tooltip)}"
-    >
-      <i data-lucide="info"></i>
-    </button>
-  ` : '';
-  const titleMarkup = `
-    <h3 class="${tooltip ? 'bailian-title-with-info' : ''}">
-      <span>${escapeHtml(title)}</span>
-      ${titleInfo}
-    </h3>
-  `;
-  return `
-    <section class="bailian-card-section ${!hasContent && headerAction ? 'toggle-only' : ''}">
-      ${headerAction ? `
-        <div class="bailian-card-section-head">
-          ${titleMarkup}
-          ${headerAction}
-        </div>
-      ` : titleMarkup}
-      ${hasContent ? content : ''}
-    </section>
-  `;
-}
-
-function renderModelSelect(model) {
-  return `
-    <button class="bailian-model-select" type="button" data-action="model">
-      <span class="bailian-model-icon"><i data-lucide="${model.icon}"></i></span>
-      <span class="bailian-model-main">
-        <strong>${escapeHtml(model.label)}</strong>
-        <small>${escapeHtml(model.desc)}</small>
-      </span>
-      <i data-lucide="chevron-down"></i>
-    </button>
-  `;
-}
-
-function renderFeatureSelect(config) {
-  const {
-    title,
-    toggleKey,
-    checked,
-    activeId,
-    options = [],
-    groupedOptions = null,
-    hint = '',
-    emptyText = '暂无可选模型',
-    manageAction = '',
-    manageText = '',
-  } = config;
-  const fieldAction = toggleKey === 'asr-enabled' ? 'asr-model'
-    : toggleKey === 'tts-enabled' ? 'tts-model'
-    : 'model';
-  const selectedOption = options.find(item => item.id === activeId) || options[0] || null;
-  return `
-    <div class="bailian-feature-card">
-      <div class="bailian-feature-head">
-        <div>
-          <div class="bailian-feature-title">${escapeHtml(title)}</div>
-          <div class="bailian-feature-desc">${escapeHtml(hint)}</div>
-        </div>
-        <label class="agent-switch">
-          <input type="checkbox" data-toggle="${escapeAttr(toggleKey)}" ${checked ? 'checked' : ''}>
-          <span></span>
-        </label>
-      </div>
-      <select class="bailian-input" data-action="${fieldAction}" ${checked && options.length ? '' : 'disabled'}>
-        ${options.length === 0 ? `<option value="">${escapeHtml(emptyText)}</option>` : groupedOptions ? groupedOptions.map(group => `
-          <optgroup label="${escapeAttr(group.title)}">
-            ${group.models.map(model => `
-              <option value="${escapeAttr(model.id)}" ${model.id === activeId ? 'selected' : ''}>${escapeHtml(model.label)}</option>
-            `).join('')}
-          </optgroup>
-        `).join('') : options.map(item => `
-          <option value="${escapeAttr(item.id)}" ${item.id === activeId ? 'selected' : ''}>${escapeHtml(item.label)}</option>
-        `).join('')}
-      </select>
-      ${selectedOption ? `<div class="bailian-model-desc">${escapeHtml(selectedOption.desc)}</div>` : ''}
-      ${manageAction ? `
-        <button class="bailian-link-btn bailian-feature-manage" type="button" data-action="${escapeAttr(manageAction)}">
-          <i data-lucide="settings-2"></i>
-          ${escapeHtml(manageText || '管理模型')}
-        </button>
-      ` : ''}
-    </div>
-  `;
-}
-
-function renderRadio(name, value, label, checked = false) {
-  return `
-    <label class="bailian-radio-card">
-      <input type="radio" name="${escapeAttr(name)}" value="${escapeAttr(value)}" ${checked ? 'checked' : ''}>
-      <span class="bailian-radio-dot"></span>
-      <span>${escapeHtml(label)}</span>
-    </label>
-  `;
-}
-
-function renderTtsFilterSummary(state) {
-  if (!state.ttsFilterEnabled) return '';
-  const pairKeys = new Set();
-  const pairs = (state.ttsFilterPairs || []).reduce((list, item) => {
-    if (item.enabled === false) return list;
-    const left = String(item.left || '').trim();
-    const right = String(item.right || '').trim();
-    if (!left && !right) return list;
-    const key = `${left}__${right}`;
-    if (pairKeys.has(key)) return list;
-    pairKeys.add(key);
-    list.push(`${left} ${right}`.trim());
-    return list;
-  }, []);
-  const singles = [...new Set((state.ttsFilterSingles || []).map(item => String(item || '').trim()).filter(Boolean))];
-  const tokens = [...pairs, ...singles.map(item => `字符 ${item}`)];
-  const visibleTokens = tokens.slice(0, 5);
-  const hiddenCount = Math.max(tokens.length - visibleTokens.length, 0);
-  return `
-    <div class="bailian-filter-summary">
-      <div class="bailian-filter-summary-main">
-        <div class="bailian-filter-summary-title">播报过滤规则</div>
-        <div class="bailian-filter-summary-meta">${pairs.length} 组符号对 · ${singles.length} 个单字符</div>
-        <div class="bailian-token-row compact">
-          ${visibleTokens.length ? visibleTokens.map(item => `<span class="bailian-token">${escapeHtml(item)}</span>`).join('') : '<span class="bailian-token muted">暂无规则</span>'}
-          ${hiddenCount ? `<span class="bailian-token muted">+${hiddenCount}</span>` : ''}
-        </div>
-      </div>
-      <button class="bailian-action-btn small" data-action="tts-filter-config">配置</button>
-    </div>
-  `;
-}
-
-function renderVariableSimpleEditor(state) {
-  const variables = state.variables || [];
-  return `
-    <div class="bailian-variable-simple">
-      <div class="bailian-variable-simple-head">
-        <span>变量名</span>
-        <span>描述</span>
-        <span></span>
-      </div>
-      <div class="bailian-variable-simple-list">
-        ${variables.length ? variables.map(item => `
-          <div class="bailian-variable-simple-row" data-variable-id="${escapeAttr(item.id)}">
-            <input
-              class="bailian-input"
-              data-variable-id="${escapeAttr(item.id)}"
-              data-variable-field="name"
-              value="${escapeAttr(item.name || '')}"
-              placeholder="变量名，例如 child_name"
-            >
-            <input
-              class="bailian-input"
-              data-variable-id="${escapeAttr(item.id)}"
-              data-variable-field="desc"
-              value="${escapeAttr(item.desc || '')}"
-              placeholder="描述这个变量的含义和用途"
-            >
-            <button class="bailian-plain-icon danger" type="button" data-action="delete-variable" data-variable-id="${escapeAttr(item.id)}" aria-label="删除变量">
-              <i data-lucide="trash-2"></i>
-            </button>
-          </div>
-        `).join('') : `
-          <div class="bailian-variable-simple-empty">
-            <span>暂无变量，点击右上角添加。</span>
-          </div>
-        `}
-      </div>
-    </div>
-  `;
-}
-
-function getSpeechModelDisplayStatus(model) {
-  if (!model) return 'failed';
-  if (model.status === 'connected') return 'available';
-  if (model.status === 'unconnected') return 'failed';
-  if (model.status === 'available' && model.enabled === false) return 'disabled';
-  return model.status || 'failed';
-}
-
-function getAsrModelDisplayStatus(model) {
-  return getSpeechModelDisplayStatus(model);
-}
-
-function getTtsModelDisplayStatus(model) {
-  return getSpeechModelDisplayStatus(model);
-}
-
-function getAsrStatusMeta(model) {
-  return ASR_MODEL_STATUS_META[getAsrModelDisplayStatus(model)] || ASR_MODEL_STATUS_META.failed;
-}
-
-function getTtsStatusMeta(model) {
-  return TTS_MODEL_STATUS_META[getTtsModelDisplayStatus(model)] || TTS_MODEL_STATUS_META.failed;
-}
-
-function maskSecret(value) {
-  if (!value) return '未填写';
-  return `${String(value).slice(0, 4)}••••••••${String(value).slice(-3)}`;
-}
-
-function getLanguageTypeName(languageId) {
-  return AGENT_INTERACTION_LANGUAGES.find(item => item.id === languageId)?.name || languageId || '多语言';
-}
-
-function getTtsVoiceIds(model) {
-  if (Array.isArray(model?.voiceIds)) {
-    return model.voiceIds.filter(Boolean);
-  }
-  return model?.voiceId ? [model.voiceId] : [];
-}
-
-function getTtsVoiceSummary(model) {
-  const voiceIds = getTtsVoiceIds(model);
-  if (!voiceIds.length) return '未配置 Voice';
-  if (voiceIds.length === 1) return `Voice ${voiceIds[0]}`;
-  return `${voiceIds.length} 个 Voice`;
-}
-
-function parseTtsVoiceIds(value) {
-  return [...new Set(String(value || '')
-    .split(/[\n,，;；\s]+/)
-    .map(item => item.trim())
-    .filter(Boolean))];
-}
-
-function getSpeechModelValidationError(model, type) {
-  const apiKey = String(model.apiKey || '').trim().toLowerCase();
-  const baseUrl = String(model.baseUrl || '').trim().toLowerCase();
-  const voiceIds = getTtsVoiceIds(model).map(item => String(item).trim().toLowerCase());
-  if (!apiKey || apiKey.includes('invalid') || apiKey.startsWith('bad') || apiKey === 'sk-invalid') {
-    return 'Key 无效';
-  }
-  if (!/^https?:\/\//i.test(model.baseUrl || '') || /down|timeout|error|404|500/.test(baseUrl)) {
-    return '接口异常';
-  }
-  if (type === 'TTS' && voiceIds.some(voiceId => /missing|notfound|not-found|none/.test(voiceId))) {
-    return 'Voice 不存在';
-  }
-  if (type === 'TTS' && !TTS_AUDIO_FORMAT_OPTIONS.some(item => item.id === model.audioFormat)) {
-    return '返回格式错误';
-  }
-  return '';
-}
-
-function markSpeechModelValidating(model) {
-  model.status = 'validating';
-  model.enabled = false;
-  model.errorMessage = '';
-  model.updatedAt = getNowText();
-}
-
-function markSpeechModelAvailable(model, shouldEnable = true) {
-  model.status = shouldEnable ? 'available' : 'disabled';
-  model.enabled = Boolean(shouldEnable);
-  model.errorMessage = '';
-  model.validatedAt = getNowText();
-  model.updatedAt = getNowText();
-}
-
-function markSpeechModelFailed(model, message) {
-  model.status = 'failed';
-  model.enabled = false;
-  model.errorMessage = message || '连接校验失败';
-  model.updatedAt = getNowText();
-}
-
-function renderAsrModelManagerContent(showForm = false) {
-  const models = ensureAsrModelRegistry();
-  return `
-    <div class="bailian-asr-manager">
-      <div class="api-note" style="margin-top:0">
-        <i data-lucide="info"></i>
-        <div>ASR 模型凭证统一维护在这里。创建后系统会自动校验接口连通性，只有状态为「可用」且已启用的模型才会进入智能体的语音识别下拉框。</div>
-      </div>
-
-      ${showForm ? `
-      <div class="bailian-asr-form">
-        <div class="bailian-asr-form-head">
-          <div>
-            <div class="bailian-asr-form-title">新增 ASR 模型配置</div>
-            <div class="bailian-asr-form-desc">研发可先登记模型名称、Provider、Base URL 与密钥；创建后自动开始后台校验。</div>
-          </div>
-        </div>
-        <div class="bailian-asr-form-grid">
-          <label class="bailian-field">
-            <span class="bailian-field-label">模型名称<span class="required">*</span></span>
-            <input class="bailian-input" id="asrModelName" placeholder="例：Fun-ASR 企业版">
-          </label>
-          <label class="bailian-field">
-            <span class="bailian-field-label">Provider 名称<span class="required">*</span></span>
-            <input class="bailian-input" id="asrProviderName" placeholder="例：Alibaba Cloud / OpenAI">
-          </label>
-          <label class="bailian-field bailian-asr-form-wide">
-            <span class="bailian-field-label">Base URL<span class="required">*</span></span>
-            <input class="bailian-input" id="asrBaseUrl" placeholder="https://api.example.com/v1/asr">
-          </label>
-          <label class="bailian-field">
-            <span class="bailian-field-label">API Key<span class="required">*</span></span>
-            <input class="bailian-input" id="asrApiKey" type="password" placeholder="sk-...">
-          </label>
-          <label class="bailian-field">
-            <span class="bailian-field-label">Secret Key（可选）</span>
-            <input class="bailian-input" id="asrSecretKey" type="password" placeholder="可选">
-          </label>
-        </div>
-        <label class="bailian-inline-check">
-          <input type="checkbox" id="asrEnableAfterValidation" checked>
-          <span>校验通过后自动启用，并进入智能体下拉列表</span>
-        </label>
-        <div class="bailian-asr-form-actions">
-          <button class="btn btn-outline" type="button" data-asr-action="cancel-create">
-            取消
-          </button>
-          <button class="btn btn-primary" type="button" data-asr-action="create-new">
-            创建模型
-          </button>
-        </div>
-      </div>
-      ` : `
-      <div class="bailian-model-manager-toolbar">
-        <div>
-          <div class="bailian-asr-form-title">ASR 模型列表</div>
-          <div class="bailian-asr-form-desc">模型创建并校验通过后，才会出现在智能体配置下拉框中。</div>
-        </div>
-        <button class="btn btn-primary" type="button" data-asr-action="show-create">
-          添加模型
-        </button>
-      </div>
-      `}
-
-      <div class="bailian-asr-list-head">
-        <div class="bailian-asr-form-title">已添加模型</div>
-        <span>${models.length} 个配置</span>
-      </div>
-      <div class="bailian-asr-list">
-        ${models.length ? models.map(model => {
-          const meta = getAsrStatusMeta(model);
-          const status = getAsrModelDisplayStatus(model);
-          const canToggle = status === 'available' || status === 'disabled';
-          return `
-            <div class="bailian-asr-model-card" data-asr-model="${escapeAttr(model.id)}">
-              <div class="bailian-asr-model-main">
-                <div class="bailian-asr-model-row">
-                  <strong>${escapeHtml(model.name)}</strong>
-                  <span class="bailian-asr-status ${escapeAttr(meta.className)}">${escapeHtml(meta.label)}</span>
-                </div>
-                <div class="bailian-asr-model-meta">
-                  <span>Provider：${escapeHtml(model.provider)}</span>
-                  <span>Base URL：${escapeHtml(model.baseUrl)}</span>
-                  <span>API Key：${escapeHtml(maskSecret(model.apiKey))}</span>
-                </div>
-                <div class="bailian-asr-model-meta">
-                  <span>Secret Key：${escapeHtml(maskSecret(model.secretKey))}</span>
-                  <span>更新时间：${escapeHtml(model.updatedAt || '-')}</span>
-                  ${model.validatedAt ? `<span>最近校验：${escapeHtml(model.validatedAt)}</span>` : ''}
-                </div>
-                ${model.errorMessage ? `<div class="bailian-asr-error">失败原因：${escapeHtml(model.errorMessage)}</div>` : ''}
-              </div>
-              <div class="bailian-asr-model-actions">
-                <button class="bailian-action-btn small" type="button" data-asr-action="validate-existing" data-id="${escapeAttr(model.id)}" ${status === 'validating' ? 'disabled' : ''}>重新校验</button>
-                <button class="bailian-action-btn small" type="button" data-asr-action="toggle-existing" data-id="${escapeAttr(model.id)}" ${canToggle ? '' : 'disabled'}>
-                  ${status === 'disabled' ? '启用' : '禁用'}
-                </button>
-                <button class="bailian-action-btn small danger" type="button" data-asr-action="delete-existing" data-id="${escapeAttr(model.id)}">
-                  <i data-lucide="trash-2"></i>
-                  删除
-                </button>
-              </div>
-            </div>
-          `;
-        }).join('') : `
-          <div class="bailian-asr-empty">
-            <i data-lucide="radio-tower"></i>
-            <strong>暂无 ASR 模型</strong>
-            <span>创建并自动校验成功后，智能体即可选择该识别模型。</span>
-            <button class="btn btn-primary bailian-empty-action" type="button" data-asr-action="show-create">
-              添加模型
-            </button>
-          </div>
-        `}
-      </div>
-    </div>
-  `;
-}
-
-function collectAsrModelForm(body) {
-  const name = body.querySelector('#asrModelName')?.value.trim();
-  const provider = body.querySelector('#asrProviderName')?.value.trim();
-  const baseUrl = body.querySelector('#asrBaseUrl')?.value.trim();
-  const apiKey = body.querySelector('#asrApiKey')?.value.trim();
-  const secretKey = body.querySelector('#asrSecretKey')?.value.trim();
-  const enableAfterValidation = body.querySelector('#asrEnableAfterValidation')?.checked !== false;
-  if (!name || !provider || !baseUrl || !apiKey) {
-    Toast.warning('请填写模型名称、Provider、Base URL 和 API Key');
-    return null;
-  }
-  if (!/^https?:\/\//i.test(baseUrl)) {
-    Toast.warning('Base URL 需要以 http:// 或 https:// 开头');
-    return null;
-  }
-  return {
-    id: `asr-${Date.now()}`,
-    name,
-    provider,
-    baseUrl,
-    apiKey,
-    secretKey,
-    enableAfterValidation,
-    status: 'validating',
-    enabled: false,
-    updatedAt: getNowText(),
-  };
-}
-
-function validateAsrModelConnection(model) {
-  const validationError = getSpeechModelValidationError(model, 'ASR');
-  if (validationError) {
-    return new Promise(resolve => setTimeout(() => resolve({ success: false, message: validationError }), 650));
-  }
-  const validate = API.agentDev.validateASRModel || API.agentDev.testASRModel;
-  return validate(model.id, {
-    provider: model.provider,
-    baseUrl: model.baseUrl,
-  });
-}
-
-function openAsrModelManagerModal(state, rerender) {
-  let showCreateForm = false;
-  const modal = createModal({
-    title: 'ASR 模型管理',
-    size: 'xl',
-    showCancel: false,
-    confirmText: '关闭',
-    content: renderAsrModelManagerContent(showCreateForm),
-    onConfirm: () => true,
-  });
-
-  const refreshModal = () => {
-    const body = modal.overlay.querySelector('.modal-body');
-    if (!body) return;
-    body.innerHTML = renderAsrModelManagerContent(showCreateForm);
-    lucide.createIcons({ elements: [body] });
-    bindAsrModelManagerEvents(body);
-    rerender();
-  };
-
-  const finishValidation = async (model, shouldEnable = true) => {
-    const result = await validateAsrModelConnection(model);
-    if (result.success === false) {
-      markSpeechModelFailed(model, result.message || 'ASR 模型连接失败');
-      Toast.error(model.errorMessage);
-    } else {
-      markSpeechModelAvailable(model, shouldEnable);
-      if (model.enabled && !state.selectedAsrModelId) state.selectedAsrModelId = model.id;
-      Toast.success(`ASR 模型「${model.name}」校验通过`);
-    }
-  };
-
-  const bindAsrModelManagerEvents = (body) => {
-    body.querySelectorAll('[data-asr-action="show-create"]').forEach(btn => btn.addEventListener('click', () => {
-      showCreateForm = true;
-      refreshModal();
-    }));
-
-    body.querySelectorAll('[data-asr-action="cancel-create"]').forEach(btn => btn.addEventListener('click', () => {
-      showCreateForm = false;
-      refreshModal();
-    }));
-
-    body.querySelectorAll('[data-asr-action="create-new"]').forEach(btn => btn.addEventListener('click', async () => {
-      const model = collectAsrModelForm(body);
-      if (!model) return;
-      markSpeechModelValidating(model);
-      ensureAsrModelRegistry().push(model);
-      await API.agentDev.createASRModel(model);
-      Toast.info(`ASR 模型「${model.name}」开始自动校验`, 800);
-      showCreateForm = false;
-      refreshModal();
-      await finishValidation(model, model.enableAfterValidation !== false);
-      refreshModal();
-    }));
-
-    body.querySelectorAll('[data-asr-action="validate-existing"]').forEach(btn => {
-      btn.addEventListener('click', async () => {
-        const model = ensureAsrModelRegistry().find(item => item.id === btn.dataset.id);
-        if (!model) return;
-        markSpeechModelValidating(model);
-        refreshModal();
-        await finishValidation(model, true);
-        refreshModal();
-      });
-    });
-
-    body.querySelectorAll('[data-asr-action="toggle-existing"]').forEach(btn => {
-      btn.addEventListener('click', async () => {
-        const model = ensureAsrModelRegistry().find(item => item.id === btn.dataset.id);
-        if (!model) return;
-        const status = getAsrModelDisplayStatus(model);
-        if (status !== 'available' && status !== 'disabled') {
-          Toast.warning('只有校验通过的模型才可以启用或禁用');
-          return;
-        }
-        if (status === 'disabled') {
-          await API.agentDev.setASRModelEnabled(model.id, true);
-          markSpeechModelAvailable(model, true);
-          if (!state.selectedAsrModelId) state.selectedAsrModelId = model.id;
-          Toast.success(`ASR 模型「${model.name}」已启用`);
-        } else {
-          await API.agentDev.setASRModelEnabled(model.id, false);
-          markSpeechModelAvailable(model, false);
-          if (state.selectedAsrModelId === model.id) state.selectedAsrModelId = '';
-          Toast.info(`ASR 模型「${model.name}」已禁用`);
-        }
-        refreshModal();
-      });
-    });
-
-    body.querySelectorAll('[data-asr-action="delete-existing"]').forEach(btn => {
-      btn.addEventListener('click', async () => {
-        const registry = ensureAsrModelRegistry();
-        const model = registry.find(item => item.id === btn.dataset.id);
-        if (!model) return;
-        await API.agentDev.deleteASRModel(model.id);
-        window.__asrModelRegistry = registry.filter(item => item.id !== model.id);
-        if (state.selectedAsrModelId === model.id) state.selectedAsrModelId = '';
-        Toast.success(`ASR 模型「${model.name}」已删除`);
-        refreshModal();
-      });
-    });
-  };
-
-  const body = modal.overlay.querySelector('.modal-body');
-  if (body) {
-    lucide.createIcons({ elements: [body] });
-    bindAsrModelManagerEvents(body);
-  }
-}
-
-function renderTtsModelManagerContent(showForm = false) {
-  const models = ensureTtsModelRegistry();
-  return `
-    <div class="bailian-asr-manager">
-      <div class="api-note" style="margin-top:0">
-        <i data-lucide="info"></i>
-        <div>TTS 模型凭证、Voice ID、音频格式和语言类型统一维护在这里。创建模型后系统会自动校验 Key、接口、Voice 与音频返回，校验通过后才会进入智能体的语音合成下拉框。</div>
-      </div>
-
-      ${showForm ? `
-      <div class="bailian-asr-form">
-        <div class="bailian-asr-form-head">
-          <div>
-            <div class="bailian-asr-form-title">新增 TTS 模型配置</div>
-            <div class="bailian-asr-form-desc">无需手动测试连接；点击创建模型后自动进入后台验证流程。</div>
-          </div>
-        </div>
-        <div class="bailian-asr-form-grid">
-          <label class="bailian-field">
-            <span class="bailian-field-label">模型名称<span class="required">*</span></span>
-            <input class="bailian-input" id="ttsModelName" placeholder="例：CosyVoice 企业音色">
-          </label>
-          <label class="bailian-field">
-            <span class="bailian-field-label">Provider 名称<span class="required">*</span></span>
-            <input class="bailian-input" id="ttsProviderName" placeholder="例：Alibaba Cloud / OpenAI">
-          </label>
-          <label class="bailian-field bailian-asr-form-wide">
-            <span class="bailian-field-label">Base URL<span class="required">*</span></span>
-            <input class="bailian-input" id="ttsBaseUrl" placeholder="https://api.example.com/v1/tts">
-          </label>
-          <label class="bailian-field">
-            <span class="bailian-field-label">API Key<span class="required">*</span></span>
-            <input class="bailian-input" id="ttsApiKey" type="password" placeholder="sk-...">
-          </label>
-          <label class="bailian-field">
-            <span class="bailian-field-label">Secret Key（可选）</span>
-            <input class="bailian-input" id="ttsSecretKey" type="password" placeholder="可选">
-          </label>
-          <div class="bailian-field bailian-asr-form-wide">
-            <span class="bailian-field-label">Voice 配置（可选）</span>
-            <div class="bailian-voice-mode-grid">
-              <label class="bailian-voice-mode-card active">
-                <input type="radio" name="ttsVoiceMode" value="single" checked>
-                <span>
-                  <strong>单个 Voice</strong>
-                  <small>适合只绑定一个默认音色。</small>
-                </span>
-              </label>
-              <label class="bailian-voice-mode-card">
-                <input type="radio" name="ttsVoiceMode" value="batch">
-                <span>
-                  <strong>批量添加 Voice</strong>
-                  <small>适合一次登记多个可选音色。</small>
-                </span>
-              </label>
-            </div>
-            <div class="bailian-voice-mode-panel" data-tts-voice-panel="single">
-              <input class="bailian-input" id="ttsVoiceId" placeholder="例：talkingq_child_01">
-            </div>
-            <div class="bailian-voice-mode-panel hidden" data-tts-voice-panel="batch">
-              <textarea class="bailian-input bailian-voice-batch-input" id="ttsVoiceIds" rows="5" placeholder="一行一个 Voice ID，例如：&#10;talkingq_child_01&#10;talkingq_story_02&#10;talkingq_english_03"></textarea>
-              <div class="bailian-form-help">支持换行、空格、逗号或分号分隔；前端会自动去重。后端接入后可逐个校验 Voice 是否存在。</div>
-            </div>
-          </div>
-          <label class="bailian-field">
-            <span class="bailian-field-label">音频格式<span class="required">*</span></span>
-            <select class="bailian-input" id="ttsAudioFormat">
-              ${TTS_AUDIO_FORMAT_OPTIONS.map(item => `<option value="${escapeAttr(item.id)}">${escapeHtml(item.name)}</option>`).join('')}
-            </select>
-          </label>
-          <label class="bailian-field">
-            <span class="bailian-field-label">语言类型<span class="required">*</span></span>
-            <select class="bailian-input" id="ttsLanguageType">
-              ${AGENT_INTERACTION_LANGUAGES.map(lang => `<option value="${escapeAttr(lang.id)}">${escapeHtml(lang.name)}</option>`).join('')}
-            </select>
-          </label>
-        </div>
-        <label class="bailian-inline-check">
-          <input type="checkbox" id="ttsEnableAfterValidation" checked>
-          <span>校验通过后自动启用，并进入智能体下拉列表</span>
-        </label>
-        <div class="bailian-asr-form-actions">
-          <button class="btn btn-outline" type="button" data-tts-action="cancel-create">
-            取消
-          </button>
-          <button class="btn btn-primary" type="button" data-tts-action="create-new">
-            创建模型
-          </button>
-        </div>
-      </div>
-      ` : `
-      <div class="bailian-model-manager-toolbar">
-        <div>
-          <div class="bailian-asr-form-title">TTS 模型列表</div>
-          <div class="bailian-asr-form-desc">模型创建并自动校验通过后，才会出现在智能体配置下拉框中。</div>
-        </div>
-        <button class="btn btn-primary" type="button" data-tts-action="show-create">
-          添加模型
-        </button>
-      </div>
-      `}
-
-      <div class="bailian-asr-list-head">
-        <div class="bailian-asr-form-title">已添加模型</div>
-        <span>${models.length} 个配置</span>
-      </div>
-      <div class="bailian-asr-list">
-        ${models.length ? models.map(model => {
-          const meta = getTtsStatusMeta(model);
-          const status = getTtsModelDisplayStatus(model);
-          const canToggle = status === 'available' || status === 'disabled';
-          return `
-            <div class="bailian-asr-model-card" data-tts-model="${escapeAttr(model.id)}">
-              <div class="bailian-asr-model-main">
-                <div class="bailian-asr-model-row">
-                  <strong>${escapeHtml(model.name)}</strong>
-                  <span class="bailian-asr-status ${escapeAttr(meta.className)}">${escapeHtml(meta.label)}</span>
-                </div>
-                <div class="bailian-asr-model-meta">
-                  <span>Provider：${escapeHtml(model.provider)}</span>
-                  <span>Base URL：${escapeHtml(model.baseUrl)}</span>
-                  <span>API Key：${escapeHtml(maskSecret(model.apiKey))}</span>
-                </div>
-                <div class="bailian-asr-model-meta">
-                  <span>Secret Key：${escapeHtml(maskSecret(model.secretKey))}</span>
-                  <span>Voice：${escapeHtml(getTtsVoiceSummary(model))}</span>
-                  <span>音频格式：${escapeHtml(String(model.audioFormat || '').toUpperCase())}</span>
-                  <span>语言类型：${escapeHtml(getLanguageTypeName(model.languageType))}</span>
-                </div>
-                <div class="bailian-asr-model-meta">
-                  <span>更新时间：${escapeHtml(model.updatedAt || '-')}</span>
-                  ${model.validatedAt ? `<span>最近校验：${escapeHtml(model.validatedAt)}</span>` : ''}
-                </div>
-                ${model.errorMessage ? `<div class="bailian-asr-error">失败原因：${escapeHtml(model.errorMessage)}</div>` : ''}
-              </div>
-              <div class="bailian-asr-model-actions">
-                <button class="bailian-action-btn small" type="button" data-tts-action="validate-existing" data-id="${escapeAttr(model.id)}" ${status === 'validating' ? 'disabled' : ''}>重新校验</button>
-                <button class="bailian-action-btn small" type="button" data-tts-action="toggle-existing" data-id="${escapeAttr(model.id)}" ${canToggle ? '' : 'disabled'}>
-                  ${status === 'disabled' ? '启用' : '禁用'}
-                </button>
-                <button class="bailian-action-btn small danger" type="button" data-tts-action="delete-existing" data-id="${escapeAttr(model.id)}">
-                  <i data-lucide="trash-2"></i>
-                  删除
-                </button>
-              </div>
-            </div>
-          `;
-        }).join('') : `
-          <div class="bailian-asr-empty">
-            <i data-lucide="audio-lines"></i>
-            <strong>暂无 TTS 模型</strong>
-            <span>创建并自动校验成功后，智能体即可选择该合成模型。</span>
-            <button class="btn btn-primary bailian-empty-action" type="button" data-tts-action="show-create">
-              添加模型
-            </button>
-          </div>
-        `}
-      </div>
-    </div>
-  `;
-}
-
-function collectTtsModelForm(body) {
-  const name = body.querySelector('#ttsModelName')?.value.trim();
-  const provider = body.querySelector('#ttsProviderName')?.value.trim();
-  const baseUrl = body.querySelector('#ttsBaseUrl')?.value.trim();
-  const apiKey = body.querySelector('#ttsApiKey')?.value.trim();
-  const secretKey = body.querySelector('#ttsSecretKey')?.value.trim();
-  const voiceMode = body.querySelector('input[name="ttsVoiceMode"]:checked')?.value || 'single';
-  const voiceId = body.querySelector('#ttsVoiceId')?.value.trim();
-  const voiceIds = voiceMode === 'batch'
-    ? parseTtsVoiceIds(body.querySelector('#ttsVoiceIds')?.value)
-    : (voiceId ? [voiceId] : []);
-  const audioFormat = body.querySelector('#ttsAudioFormat')?.value || 'mp3';
-  const languageType = body.querySelector('#ttsLanguageType')?.value || 'zh';
-  const enableAfterValidation = body.querySelector('#ttsEnableAfterValidation')?.checked !== false;
-  if (!name || !provider || !baseUrl || !apiKey || !audioFormat || !languageType) {
-    Toast.warning('请填写模型名称、Provider、Base URL、API Key、音频格式和语言类型');
-    return null;
-  }
-  if (!/^https?:\/\//i.test(baseUrl)) {
-    Toast.warning('Base URL 需要以 http:// 或 https:// 开头');
-    return null;
-  }
-  if (voiceMode === 'batch' && voiceIds.length === 0) {
-    Toast.warning('批量添加 Voice 时，请至少填写一个 Voice ID');
-    return null;
-  }
-  if (voiceIds.length > 50) {
-    Toast.warning('单次最多批量添加 50 个 Voice ID');
-    return null;
-  }
-  return {
-    id: `tts-${Date.now()}`,
-    name,
-    provider,
-    baseUrl,
-    apiKey,
-    secretKey,
-    voiceMode,
-    voiceId: voiceIds[0] || '',
-    voiceIds,
-    audioFormat,
-    languageType,
-    enableAfterValidation,
-    status: 'validating',
-    enabled: false,
-    updatedAt: getNowText(),
-  };
-}
-
-function validateTtsModelConnection(model) {
-  const validationError = getSpeechModelValidationError(model, 'TTS');
-  if (validationError) {
-    return new Promise(resolve => setTimeout(() => resolve({ success: false, message: validationError }), 750));
-  }
-  const validate = API.agentDev.validateTTSModel || API.agentDev.testTTS;
-  return validate(model.id, {
-    provider: model.provider,
-    baseUrl: model.baseUrl,
-    voiceId: model.voiceId,
-    voiceIds: getTtsVoiceIds(model),
-    audioFormat: model.audioFormat,
-    languageType: model.languageType,
-  });
-}
-
-function openTtsModelManagerModal(state, rerender) {
-  let showCreateForm = false;
-  const modal = createModal({
-    title: 'TTS 模型管理',
-    size: 'xl',
-    showCancel: false,
-    confirmText: '关闭',
-    content: renderTtsModelManagerContent(showCreateForm),
-    onConfirm: () => true,
-  });
-
-  const refreshModal = () => {
-    const body = modal.overlay.querySelector('.modal-body');
-    if (!body) return;
-    body.innerHTML = renderTtsModelManagerContent(showCreateForm);
-    lucide.createIcons({ elements: [body] });
-    bindTtsModelManagerEvents(body);
-    rerender();
-  };
-
-  const finishValidation = async (model, shouldEnable = true) => {
-    const result = await validateTtsModelConnection(model);
-    if (result.success === false) {
-      markSpeechModelFailed(model, result.message || 'TTS 模型连接失败');
-      Toast.error(model.errorMessage);
-    } else {
-      markSpeechModelAvailable(model, shouldEnable);
-      if (model.enabled && !state.selectedTtsModelId) state.selectedTtsModelId = model.id;
-      Toast.success(`TTS 模型「${model.name}」校验通过`);
-    }
-  };
-
-  const bindTtsModelManagerEvents = (body) => {
-    const syncTtsVoiceMode = () => {
-      const mode = body.querySelector('input[name="ttsVoiceMode"]:checked')?.value || 'single';
-      body.querySelectorAll('.bailian-voice-mode-card').forEach(card => {
-        const input = card.querySelector('input[name="ttsVoiceMode"]');
-        card.classList.toggle('active', input?.value === mode);
-      });
-      body.querySelectorAll('[data-tts-voice-panel]').forEach(panel => {
-        panel.classList.toggle('hidden', panel.dataset.ttsVoicePanel !== mode);
-      });
-    };
-
-    body.querySelectorAll('input[name="ttsVoiceMode"]').forEach(radio => {
-      radio.addEventListener('change', syncTtsVoiceMode);
-    });
-    syncTtsVoiceMode();
-
-    body.querySelectorAll('[data-tts-action="show-create"]').forEach(btn => btn.addEventListener('click', () => {
-      showCreateForm = true;
-      refreshModal();
-    }));
-
-    body.querySelectorAll('[data-tts-action="cancel-create"]').forEach(btn => btn.addEventListener('click', () => {
-      showCreateForm = false;
-      refreshModal();
-    }));
-
-    body.querySelectorAll('[data-tts-action="create-new"]').forEach(btn => btn.addEventListener('click', async () => {
-      const model = collectTtsModelForm(body);
-      if (!model) return;
-      markSpeechModelValidating(model);
-      ensureTtsModelRegistry().push(model);
-      await API.agentDev.createTTSModel(model);
-      Toast.info(`TTS 模型「${model.name}」开始自动校验`, 800);
-      showCreateForm = false;
-      refreshModal();
-      await finishValidation(model, model.enableAfterValidation !== false);
-      refreshModal();
-    }));
-
-    body.querySelectorAll('[data-tts-action="validate-existing"]').forEach(btn => {
-      btn.addEventListener('click', async () => {
-        const model = ensureTtsModelRegistry().find(item => item.id === btn.dataset.id);
-        if (!model) return;
-        markSpeechModelValidating(model);
-        refreshModal();
-        await finishValidation(model, true);
-        refreshModal();
-      });
-    });
-
-    body.querySelectorAll('[data-tts-action="toggle-existing"]').forEach(btn => {
-      btn.addEventListener('click', async () => {
-        const model = ensureTtsModelRegistry().find(item => item.id === btn.dataset.id);
-        if (!model) return;
-        const status = getTtsModelDisplayStatus(model);
-        if (status !== 'available' && status !== 'disabled') {
-          Toast.warning('只有校验通过的模型才可以启用或禁用');
-          return;
-        }
-        if (status === 'disabled') {
-          await API.agentDev.setTTSModelEnabled(model.id, true);
-          markSpeechModelAvailable(model, true);
-          if (!state.selectedTtsModelId) state.selectedTtsModelId = model.id;
-          Toast.success(`TTS 模型「${model.name}」已启用`);
-        } else {
-          await API.agentDev.setTTSModelEnabled(model.id, false);
-          markSpeechModelAvailable(model, false);
-          if (state.selectedTtsModelId === model.id) state.selectedTtsModelId = '';
-          Toast.info(`TTS 模型「${model.name}」已禁用`);
-        }
-        refreshModal();
-      });
-    });
-
-    body.querySelectorAll('[data-tts-action="delete-existing"]').forEach(btn => {
-      btn.addEventListener('click', async () => {
-        const registry = ensureTtsModelRegistry();
-        const model = registry.find(item => item.id === btn.dataset.id);
-        if (!model) return;
-        await API.agentDev.deleteTTSModel(model.id);
-        window.__ttsModelRegistry = registry.filter(item => item.id !== model.id);
-        if (state.selectedTtsModelId === model.id) state.selectedTtsModelId = '';
-        Toast.success(`TTS 模型「${model.name}」已删除`);
-        refreshModal();
-      });
-    });
-  };
-
-  const body = modal.overlay.querySelector('.modal-body');
-  if (body) {
-    lucide.createIcons({ elements: [body] });
-    bindTtsModelManagerEvents(body);
-  }
-}
-
-function getTextModelDisplayStatus(model) {
-  return getSpeechModelDisplayStatus(model);
-}
-
-function getTextStatusMeta(model) {
-  return TEXT_MODEL_STATUS_META[getTextModelDisplayStatus(model)] || TEXT_MODEL_STATUS_META.failed;
-}
-
-function getTextModelValidationError(model) {
-  const apiKey = String(model.apiKey || '').trim().toLowerCase();
-  const baseUrl = String(model.baseUrl || '').trim().toLowerCase();
-  const modelCode = String(model.modelCode || '').trim().toLowerCase();
-  if (!apiKey || apiKey.includes('invalid') || apiKey.startsWith('bad') || apiKey === 'sk-invalid') {
-    return 'Key 无效';
-  }
-  if (!/^https?:\/\//i.test(model.baseUrl || '') || /down|timeout|error|404|500/.test(baseUrl)) {
-    return '接口异常';
-  }
-  if (!modelCode || /missing|notfound|not-found|none|404/.test(modelCode)) {
-    return '模型 ID 不存在';
-  }
-  if (!Number.isFinite(Number(model.contextWindow)) || Number(model.contextWindow) < 1024) {
-    return '上下文长度无效';
-  }
-  return '';
-}
-
-function renderTextModelManagerContent(showForm = false) {
-  const models = ensureTextModelRegistry();
-  return `
-    <div class="bailian-asr-manager">
-      <div class="api-note" style="margin-top:0">
-        <i data-lucide="info"></i>
-        <div>文本模型凭证统一维护在这里。创建模型后系统会自动校验 API Key、接口连通性和模型 ID，状态为「可用」且已启用后才会进入智能体的文本模型下拉框。</div>
-      </div>
-
-      ${showForm ? `
-      <div class="bailian-asr-form">
-        <div class="bailian-asr-form-head">
-          <div>
-            <div class="bailian-asr-form-title">新增文本模型配置</div>
-            <div class="bailian-asr-form-desc">适用于通义千问、DeepSeek、ChatGPT、豆包或 OpenAI Compatible 接口。</div>
-          </div>
-        </div>
-        <div class="bailian-asr-form-grid">
-          <label class="bailian-field">
-            <span class="bailian-field-label">模型名称<span class="required">*</span></span>
-            <input class="bailian-input" id="textModelName" placeholder="例：Qwen Plus 生产模型">
-          </label>
-          <label class="bailian-field">
-            <span class="bailian-field-label">Provider 名称<span class="required">*</span></span>
-            <input class="bailian-input" id="textProviderName" placeholder="例：Alibaba Cloud / OpenAI / DeepSeek">
-          </label>
-          <label class="bailian-field">
-            <span class="bailian-field-label">模型 ID<span class="required">*</span></span>
-            <input class="bailian-input" id="textModelCode" placeholder="例：qwen-plus / gpt-4o-mini">
-          </label>
-          <label class="bailian-field">
-            <span class="bailian-field-label">接入协议<span class="required">*</span></span>
-            <select class="bailian-input" id="textProtocol">
-              <option value="openai-compatible">OpenAI Compatible</option>
-              <option value="dashscope">DashScope</option>
-              <option value="custom-http">Custom HTTP</option>
-            </select>
-          </label>
-          <label class="bailian-field bailian-asr-form-wide">
-            <span class="bailian-field-label">Base URL<span class="required">*</span></span>
-            <input class="bailian-input" id="textBaseUrl" placeholder="https://api.example.com/v1">
-          </label>
-          <label class="bailian-field">
-            <span class="bailian-field-label">API Key<span class="required">*</span></span>
-            <input class="bailian-input" id="textApiKey" type="password" placeholder="sk-...">
-          </label>
-          <label class="bailian-field">
-            <span class="bailian-field-label">Secret Key（可选）</span>
-            <input class="bailian-input" id="textSecretKey" type="password" placeholder="可选">
-          </label>
-          <label class="bailian-field">
-            <span class="bailian-field-label">上下文长度<span class="required">*</span></span>
-            <input class="bailian-input" id="textContextWindow" type="number" min="1024" step="1024" value="128000">
-          </label>
-          <label class="bailian-field">
-            <span class="bailian-field-label">最大输出 Token<span class="required">*</span></span>
-            <input class="bailian-input" id="textMaxOutputTokens" type="number" min="256" step="256" value="4096">
-          </label>
-        </div>
-        <label class="bailian-inline-check">
-          <input type="checkbox" id="textEnableAfterValidation" checked>
-          <span>校验通过后自动启用，并进入智能体下拉列表</span>
-        </label>
-        <div class="bailian-asr-form-actions">
-          <button class="btn btn-outline" type="button" data-text-action="cancel-create">
-            取消
-          </button>
-          <button class="btn btn-primary" type="button" data-text-action="create-new">
-            创建模型
-          </button>
-        </div>
-      </div>
-      ` : `
-      <div class="bailian-model-manager-toolbar">
-        <div>
-          <div class="bailian-asr-form-title">文本模型列表</div>
-          <div class="bailian-asr-form-desc">模型创建并自动校验通过后，才会出现在智能体配置下拉框中。</div>
-        </div>
-        <button class="btn btn-primary" type="button" data-text-action="show-create">
-          添加模型
-        </button>
-      </div>
-      `}
-
-      <div class="bailian-asr-list-head">
-        <div class="bailian-asr-form-title">已添加模型</div>
-        <span>${models.length} 个配置</span>
-      </div>
-      <div class="bailian-asr-list">
-        ${models.length ? models.map(model => {
-          const meta = getTextStatusMeta(model);
-          const status = getTextModelDisplayStatus(model);
-          const canToggle = status === 'available' || status === 'disabled';
-          return `
-            <div class="bailian-asr-model-card" data-text-model="${escapeAttr(model.id)}">
-              <div class="bailian-asr-model-main">
-                <div class="bailian-asr-model-row">
-                  <strong>${escapeHtml(model.name)}</strong>
-                  <span class="bailian-asr-status ${escapeAttr(meta.className)}">${escapeHtml(meta.label)}</span>
-                </div>
-                <div class="bailian-asr-model-meta">
-                  <span>Provider：${escapeHtml(model.provider)}</span>
-                  <span>模型 ID：${escapeHtml(model.modelCode)}</span>
-                  <span>协议：${escapeHtml(model.protocol || 'openai-compatible')}</span>
-                </div>
-                <div class="bailian-asr-model-meta">
-                  <span>Base URL：${escapeHtml(model.baseUrl)}</span>
-                  <span>API Key：${escapeHtml(maskSecret(model.apiKey))}</span>
-                  <span>上下文：${escapeHtml(model.contextWindow || '-')} tokens</span>
-                  <span>最大输出：${escapeHtml(model.maxOutputTokens || '-')} tokens</span>
-                </div>
-                <div class="bailian-asr-model-meta">
-                  <span>Secret Key：${escapeHtml(maskSecret(model.secretKey))}</span>
-                  <span>更新时间：${escapeHtml(model.updatedAt || '-')}</span>
-                  ${model.validatedAt ? `<span>最近校验：${escapeHtml(model.validatedAt)}</span>` : ''}
-                </div>
-                ${model.errorMessage ? `<div class="bailian-asr-error">失败原因：${escapeHtml(model.errorMessage)}</div>` : ''}
-              </div>
-              <div class="bailian-asr-model-actions">
-                <button class="bailian-action-btn small" type="button" data-text-action="validate-existing" data-id="${escapeAttr(model.id)}" ${status === 'validating' ? 'disabled' : ''}>重新校验</button>
-                <button class="bailian-action-btn small" type="button" data-text-action="toggle-existing" data-id="${escapeAttr(model.id)}" ${canToggle ? '' : 'disabled'}>
-                  ${status === 'disabled' ? '启用' : '禁用'}
-                </button>
-                <button class="bailian-action-btn small danger" type="button" data-text-action="delete-existing" data-id="${escapeAttr(model.id)}">
-                  <i data-lucide="trash-2"></i>
-                  删除
-                </button>
-              </div>
-            </div>
-          `;
-        }).join('') : `
-          <div class="bailian-asr-empty">
-            <i data-lucide="brain-circuit"></i>
-            <strong>暂无文本模型</strong>
-            <span>创建并自动校验成功后，智能体即可选择该文本模型。</span>
-            <button class="btn btn-primary bailian-empty-action" type="button" data-text-action="show-create">
-              添加模型
-            </button>
-          </div>
-        `}
-      </div>
-    </div>
-  `;
-}
-
-function collectTextModelForm(body) {
-  const name = body.querySelector('#textModelName')?.value.trim();
-  const provider = body.querySelector('#textProviderName')?.value.trim();
-  const modelCode = body.querySelector('#textModelCode')?.value.trim();
-  const protocol = body.querySelector('#textProtocol')?.value || 'openai-compatible';
-  const baseUrl = body.querySelector('#textBaseUrl')?.value.trim();
-  const apiKey = body.querySelector('#textApiKey')?.value.trim();
-  const secretKey = body.querySelector('#textSecretKey')?.value.trim();
-  const contextWindow = Number.parseInt(body.querySelector('#textContextWindow')?.value || '128000', 10);
-  const maxOutputTokens = Number.parseInt(body.querySelector('#textMaxOutputTokens')?.value || '4096', 10);
-  const enableAfterValidation = body.querySelector('#textEnableAfterValidation')?.checked !== false;
-  if (!name || !provider || !modelCode || !baseUrl || !apiKey) {
-    Toast.warning('请填写模型名称、Provider、模型 ID、Base URL 和 API Key');
-    return null;
-  }
-  if (!/^https?:\/\//i.test(baseUrl)) {
-    Toast.warning('Base URL 需要以 http:// 或 https:// 开头');
-    return null;
-  }
-  if (!Number.isFinite(contextWindow) || contextWindow < 1024) {
-    Toast.warning('上下文长度至少为 1024 tokens');
-    return null;
-  }
-  if (!Number.isFinite(maxOutputTokens) || maxOutputTokens < 256) {
-    Toast.warning('最大输出 Token 至少为 256');
-    return null;
-  }
-  return {
-    id: `text-${Date.now()}`,
-    name,
-    provider,
-    modelCode,
-    protocol,
-    baseUrl,
-    apiKey,
-    secretKey,
-    contextWindow,
-    maxOutputTokens,
-    enableAfterValidation,
-    status: 'validating',
-    enabled: false,
-    updatedAt: getNowText(),
-  };
-}
-
-function validateTextModelConnection(model) {
-  const validationError = getTextModelValidationError(model);
-  if (validationError) {
-    return new Promise(resolve => setTimeout(() => resolve({ success: false, message: validationError }), 750));
-  }
-  const validate = API.agentDev.validateTextModel || API.agentDev.testTextModel;
-  if (!validate) {
-    return Promise.resolve({ success: true, data: model });
-  }
-  return validate(model.id, {
-    provider: model.provider,
-    modelCode: model.modelCode,
-    protocol: model.protocol,
-    baseUrl: model.baseUrl,
-    contextWindow: model.contextWindow,
-    maxOutputTokens: model.maxOutputTokens,
-  });
-}
-
-function openTextModelManagerModal(state, rerender) {
-  let showCreateForm = false;
-  const modal = createModal({
-    title: '文本模型管理',
-    size: 'xl',
-    showCancel: false,
-    confirmText: '关闭',
-    content: renderTextModelManagerContent(showCreateForm),
-    onConfirm: () => true,
-  });
-
-  const refreshModal = () => {
-    const body = modal.overlay.querySelector('.modal-body');
-    if (!body) return;
-    body.innerHTML = renderTextModelManagerContent(showCreateForm);
-    lucide.createIcons({ elements: [body] });
-    bindTextModelManagerEvents(body);
-    rerender();
-  };
-
-  const finishValidation = async (model, shouldEnable = true) => {
-    const result = await validateTextModelConnection(model);
-    if (result.success === false) {
-      markSpeechModelFailed(model, result.message || '文本模型连接失败');
-      Toast.error(model.errorMessage);
-    } else {
-      markSpeechModelAvailable(model, shouldEnable);
-      if (model.enabled && !state.selectedTextModelId) state.selectedTextModelId = model.id;
-      Toast.success(`文本模型「${model.name}」校验通过`);
-    }
-  };
-
-  const bindTextModelManagerEvents = (body) => {
-    body.querySelectorAll('[data-text-action="show-create"]').forEach(btn => btn.addEventListener('click', () => {
-      showCreateForm = true;
-      refreshModal();
-    }));
-
-    body.querySelectorAll('[data-text-action="cancel-create"]').forEach(btn => btn.addEventListener('click', () => {
-      showCreateForm = false;
-      refreshModal();
-    }));
-
-    body.querySelectorAll('[data-text-action="create-new"]').forEach(btn => btn.addEventListener('click', async () => {
-      const model = collectTextModelForm(body);
-      if (!model) return;
-      markSpeechModelValidating(model);
-      ensureTextModelRegistry().push(model);
-      await API.agentDev.createTextModel(model);
-      Toast.info(`文本模型「${model.name}」开始自动校验`, 800);
-      showCreateForm = false;
-      refreshModal();
-      await finishValidation(model, model.enableAfterValidation !== false);
-      refreshModal();
-    }));
-
-    body.querySelectorAll('[data-text-action="validate-existing"]').forEach(btn => {
-      btn.addEventListener('click', async () => {
-        const model = ensureTextModelRegistry().find(item => item.id === btn.dataset.id);
-        if (!model) return;
-        markSpeechModelValidating(model);
-        refreshModal();
-        await finishValidation(model, true);
-        refreshModal();
-      });
-    });
-
-    body.querySelectorAll('[data-text-action="toggle-existing"]').forEach(btn => {
-      btn.addEventListener('click', async () => {
-        const model = ensureTextModelRegistry().find(item => item.id === btn.dataset.id);
-        if (!model) return;
-        const status = getTextModelDisplayStatus(model);
-        if (status !== 'available' && status !== 'disabled') {
-          Toast.warning('只有校验通过的模型才可以启用或禁用');
-          return;
-        }
-        if (status === 'disabled') {
-          await API.agentDev.setTextModelEnabled(model.id, true);
-          markSpeechModelAvailable(model, true);
-          if (!state.selectedTextModelId) state.selectedTextModelId = model.id;
-          Toast.success(`文本模型「${model.name}」已启用`);
-        } else {
-          await API.agentDev.setTextModelEnabled(model.id, false);
-          markSpeechModelAvailable(model, false);
-          if (state.selectedTextModelId === model.id) state.selectedTextModelId = '';
-          Toast.info(`文本模型「${model.name}」已禁用`);
-        }
-        refreshModal();
-      });
-    });
-
-    body.querySelectorAll('[data-text-action="delete-existing"]').forEach(btn => {
-      btn.addEventListener('click', async () => {
-        const registry = ensureTextModelRegistry();
-        const model = registry.find(item => item.id === btn.dataset.id);
-        if (!model) return;
-        await API.agentDev.deleteTextModel(model.id);
-        window.__textModelRegistry = registry.filter(item => item.id !== model.id);
-        if (state.selectedTextModelId === model.id) state.selectedTextModelId = '';
-        Toast.success(`文本模型「${model.name}」已删除`);
-        refreshModal();
-      });
-    });
-  };
-
-  const body = modal.overlay.querySelector('.modal-body');
-  if (body) {
-    lucide.createIcons({ elements: [body] });
-    bindTextModelManagerEvents(body);
-  }
-}
-
-function renderPromptEditor(prompt) {
-  return `
-    <section class="bailian-card-section prompt-section">
-      <div class="bailian-section-head">
-        <h3>Prompt 提示词</h3>
-        <button class="bailian-action-btn small" data-action="variable">
-          <i data-lucide="braces"></i>
-          自定义变量
-        </button>
-      </div>
-      <textarea class="bailian-prompt-editor" id="agentPromptEditor" maxlength="8000">${escapeHtml(prompt)}</textarea>
-      <div class="bailian-prompt-footer">
-        <span>支持 Markdown、标题、列表和代码风格文本</span>
-        <strong id="promptCounter">1524/8000</strong>
-      </div>
-    </section>
-  `;
-}
-
-function renderKnowledgeBaseSection(items) {
-  return renderSection('知识库', `
-    <div class="bailian-list">
-      ${items.length ? items.map((item, index) => `
-        <div class="bailian-kb-card">
-          <div class="bailian-list-icon"><i data-lucide="file-text"></i></div>
-          <div class="bailian-list-main">
-            <div class="bailian-list-title">${escapeHtml(item.name)}</div>
-            <div class="bailian-list-desc">${escapeHtml(item.desc)}</div>
-            <div class="bailian-kb-weight">权重 ${escapeHtml(item.weight)}</div>
-          </div>
-          <button class="bailian-plain-icon danger" type="button" data-action="remove-kb" data-kb-index="${index}" aria-label="删除知识库 ${escapeAttr(item.name)}"><i data-lucide="trash-2"></i></button>
-        </div>
-      `).join('') : `
-        <div class="bailian-kb-empty">
-          <i data-lucide="database"></i>
-          <span>暂无挂载知识库</span>
-        </div>
-      `}
-    </div>
-  `, '', `
-    <div class="bailian-card-section-actions">
-      <button class="bailian-link-btn" data-action="knowledge-weight">知识库权重配置</button>
-      <button class="bailian-link-btn" data-action="add-kb">添加知识库</button>
-    </div>
-  `);
-}
-
-function getKnowledgeBaseCatalog() {
-  const catalog = Array.isArray(window.__knowledgeBaseCatalog) && window.__knowledgeBaseCatalog.length
-    ? window.__knowledgeBaseCatalog
-    : AGENT_KNOWLEDGE_BASE_CATALOG;
-  return catalog.map(item => ({
-    id: item.id,
-    name: item.name,
-    description: item.description || item.desc || '',
-    docs: item.docs || item.docCount || 0,
-    size: item.size || '',
-    typeName: item.typeName || '文档搜索',
-    status: item.status || 'ready',
-    tags: Array.isArray(item.tags) ? item.tags : [],
-  }));
-}
-
-function getKnowledgeBaseStatusLabel(status) {
-  const map = {
-    ready: '已就绪',
-    processing: '处理中',
-    uploading: '上传中',
-    error: '异常',
-  };
-  return map[status] || status || '未知';
-}
-
-function openKnowledgeBasePickerModal(state, rerender) {
-  const catalog = getKnowledgeBaseCatalog();
-  const attached = state.knowledgeBases || [];
-  const selectedIds = new Set(attached.map(item => item.id || item.name));
-  let searchValue = '';
-
-  const modal = createModal({
-    title: '添加知识库',
-    size: 'xl',
-    confirmText: '挂载所选',
-    cancelText: '取消',
-    content: `
-      <div class="bailian-kb-picker">
-        <div class="bailian-kb-picker-toolbar">
-          <div class="bailian-search-field">
-            <i data-lucide="search"></i>
-            <input id="agentKbPickerSearch" type="text" placeholder="搜索知识库名称、描述或标签">
-          </div>
-          <button class="btn btn-outline" type="button" id="agentCreateKbFromPicker">
-            <i data-lucide="plus"></i>
-            创建新知识库
-          </button>
-        </div>
-        <div class="bailian-kb-picker-list" id="agentKbPickerList"></div>
-      </div>
-    `,
-    onConfirm: () => {
-      if (!selectedIds.size) {
-        Toast.warning('请先选择需要挂载的知识库');
-        return false;
-      }
-      const previousById = new Map(attached.map(item => [item.id || item.name, item]));
-      state.knowledgeBases = catalog
-        .filter(item => selectedIds.has(item.id))
-        .map(item => {
-          const existing = previousById.get(item.id);
-          return {
-            id: item.id,
-            name: item.name,
-            desc: item.description,
-            weight: existing?.weight || '1.00',
-            docs: item.docs,
-            status: item.status,
-          };
-        });
-      Toast.success(`已挂载 ${state.knowledgeBases.length} 个知识库`);
-      rerender();
-      return true;
-    },
-  });
-
-  const overlay = modal.overlay;
-  const listEl = overlay.querySelector('#agentKbPickerList');
-  const searchInput = overlay.querySelector('#agentKbPickerSearch');
-
-  function getFilteredCatalog() {
-    const keyword = searchValue.trim().toLowerCase();
-    if (!keyword) return catalog;
-    return catalog.filter(item => [
-      item.name,
-      item.description,
-      item.typeName,
-      ...item.tags,
-    ].some(value => String(value || '').toLowerCase().includes(keyword)));
-  }
-
-  function renderList() {
-    const filtered = getFilteredCatalog();
-    listEl.innerHTML = filtered.length ? filtered.map(item => `
-      <label class="bailian-kb-picker-card ${selectedIds.has(item.id) ? 'active' : ''}">
-        <input type="checkbox" value="${escapeAttr(item.id)}" ${selectedIds.has(item.id) ? 'checked' : ''}>
-        <span class="bailian-kb-picker-check"></span>
-        <span class="bailian-kb-picker-main">
-          <strong>${escapeHtml(item.name)}</strong>
-          <small>${escapeHtml(item.description)}</small>
-          <span class="bailian-kb-picker-meta">
-            <em>${escapeHtml(item.typeName)}</em>
-            <em>${Number(item.docs || 0).toLocaleString()} 文档</em>
-            <em>${escapeHtml(item.size)}</em>
-          </span>
-        </span>
-        <span class="bailian-kb-picker-status ${escapeAttr(item.status)}">${escapeHtml(getKnowledgeBaseStatusLabel(item.status))}</span>
-      </label>
-    `).join('') : `
-      <div class="bailian-kb-picker-empty">
-        <i data-lucide="database"></i>
-        <span>没有找到匹配的知识库</span>
-      </div>
-    `;
-
-    listEl.querySelectorAll('input[type="checkbox"]').forEach(input => {
-      input.addEventListener('change', () => {
-        if (input.checked) {
-          selectedIds.add(input.value);
-        } else {
-          selectedIds.delete(input.value);
-        }
-        renderList();
-        renderAgentIcons(overlay);
-      });
-    });
-  }
-
-  searchInput?.addEventListener('input', event => {
-    searchValue = event.target.value;
-    renderList();
-    renderAgentIcons(overlay);
-  });
-
-  overlay.querySelector('#agentCreateKbFromPicker')?.addEventListener('click', () => {
-    modal.close?.();
-    navigateTo('kb-create');
-  });
-
-  renderList();
-  renderAgentIcons(overlay);
-}
-
-function renderMiniAppSection(title, items, iconName) {
-  return renderSection(title, `
-    <div class="bailian-mini-grid">
-      ${items.map(item => `
-        <div class="bailian-mini-card">
-          <span><i data-lucide="${iconName}"></i></span>
-          <strong>${escapeHtml(item.name)}</strong>
-          <small>${escapeHtml(item.desc)}</small>
-        </div>
-      `).join('')}
-      <button class="bailian-add-card compact" data-action="add-app">
-        <i data-lucide="plus"></i>
-        <span>添加</span>
-      </button>
-    </div>
-  `);
-}
-
-function getMcpStatusMeta(service) {
-  return MCP_SERVICE_STATUS_META[service?.status || 'pending'] || MCP_SERVICE_STATUS_META.pending;
-}
-
-function renderMcpSection(state) {
-  const library = ensureMcpServiceLibrary();
-  const selectedIds = new Set(state.selectedMcpServiceIds || []);
-  const services = library.filter(item => selectedIds.has(item.id));
-  return renderSection('MCP服务', `
-    <div class="bailian-section-inline-action">
-      <span>智能体可以通过标准化协议 MCP 连接企业内部服务 API，并将服务工具暴露给模型调用。</span>
-      <button class="bailian-link-btn" data-action="mcp-config">添加/管理 MCP 服务</button>
-    </div>
-    <div class="bailian-list">
-      ${services.length ? services.map(item => {
-        const meta = getMcpStatusMeta(item);
-        const tools = Array.isArray(item.tools) ? item.tools.filter(tool => tool.name) : [];
-        return `
-          <div class="bailian-list-card">
-            <div class="bailian-list-icon"><i data-lucide="server-cog"></i></div>
-            <div class="bailian-list-main">
-              <div class="bailian-list-title">${escapeHtml(item.name)} <span>${escapeHtml(item.namespace || 'default')}</span></div>
-              <div class="bailian-list-desc">${escapeHtml(item.desc)}</div>
-              <div class="bailian-mcp-card-meta">
-                <span>${escapeHtml(item.transport || 'Streamable HTTP')}</span>
-                <span>${tools.length} 个工具</span>
-                <span>${escapeHtml(item.endpoint || '-')}</span>
-              </div>
-            </div>
-            <span class="bailian-asr-status ${escapeAttr(meta.className)}">${escapeHtml(meta.label)}</span>
-            <button class="bailian-plain-icon" data-action="mcp-config" aria-label="编辑 MCP 服务库"><i data-lucide="settings"></i></button>
-            <button class="bailian-plain-icon danger" data-action="remove-mcp-service" data-mcp-id="${escapeAttr(item.id)}" aria-label="移除 MCP 服务 ${escapeAttr(item.name)}"><i data-lucide="trash-2"></i></button>
-          </div>
-        `;
-      }).join('') : `
-        <div class="bailian-command-empty">
-          <i data-lucide="server-cog"></i>
-          <strong>暂无已挂载 MCP 服务</strong>
-          <span>从 0 开始创建 MCP 服务，连接通过后可挂载到当前智能体。</span>
-          <button class="btn btn-primary" type="button" data-action="mcp-config">创建/选择 MCP 服务</button>
-        </div>
-      `}
-    </div>
-  `);
-}
-
-function bindWorkbenchEvents(container, state, rerender) {
-  container.querySelectorAll('[data-step]').forEach(tab => {
-    tab.addEventListener('click', () => {
-      state.activeStep = tab.dataset.step;
-      updateActiveStepTab(container, state.activeStep);
-      scrollToAgentStep(container, state.activeStep);
-    });
-  });
-
-  bindStepScrollSpy(container, state);
-
-  container.querySelectorAll('[data-toggle]').forEach(input => {
-    input.addEventListener('change', () => {
-      const key = input.dataset.toggle;
-      const checked = input.checked;
-      const map = {
-        'voice-enabled': 'voiceEnabled',
-        'asr-enabled': 'asrEnabled',
-        'tts-enabled': 'ttsEnabled',
-        'tts-filter': 'ttsFilterEnabled',
-        'interrupt-primary': 'interruptPrimaryEnabled',
-        'interrupt-secondary': 'interruptSecondaryEnabled',
-        'semantic-stop': 'semanticStopEnabled',
-        'intent-enabled': 'intentEnabled',
-        'continuation': 'dialogueContinuationEnabled',
-        'knowledge-search': 'knowledgeSearchEnabled',
-        'long-term-memory': 'longTermMemoryEnabled',
-      };
-      const stateKey = map[key];
-      if (stateKey) {
-        state[stateKey] = checked;
-        rerender();
-      }
-    });
-  });
-
-  container.querySelectorAll('[data-action="text-model"]').forEach(select => {
-    select.addEventListener('change', () => {
-      state.selectedTextModelId = select.value;
-      rerender();
-    });
-  });
-
-  container.querySelectorAll('[data-action="asr-model"]').forEach(select => {
-    select.addEventListener('change', () => {
-      state.selectedAsrModelId = select.value;
-      rerender();
-    });
-  });
-
-  container.querySelectorAll('[data-action="tts-model"]').forEach(select => {
-    select.addEventListener('change', () => {
-      state.selectedTtsModelId = select.value;
-      rerender();
-    });
-  });
-
-  container.querySelectorAll('[data-action="hotword-group"]').forEach(select => {
-    select.addEventListener('change', () => {
-      state.selectedHotwordGroupId = select.value;
-      rerender();
-    });
-  });
-
-  container.querySelectorAll('[data-action="interaction-language"]').forEach(select => {
-    select.addEventListener('change', () => {
-      state.selectedInteractionLanguage = select.value;
-      window.__selectedInteractionLanguage = select.value;
-      rerender();
-    });
-  });
-
-  container.querySelectorAll('[data-action="delete-variable"]').forEach(btn => {
-    btn.addEventListener('click', event => {
-      event.preventDefault();
-      event.stopImmediatePropagation();
-      const variable = (state.variables || []).find(item => item.id === btn.dataset.variableId);
-      if (!variable) return;
-      state.variables = (state.variables || []).filter(item => item.id !== variable.id);
-      Toast.success(variable.name ? `变量 ${variable.name} 已删除` : '变量已删除');
-      rerender();
-    });
-  });
-
-  container.querySelectorAll('[data-variable-field]').forEach(input => {
-    input.addEventListener('input', () => {
-      const variable = (state.variables || []).find(item => item.id === input.dataset.variableId);
-      if (!variable) return;
-      variable[input.dataset.variableField] = input.value;
-      scheduleAgentConfigAutoSave(state);
-    });
-  });
-
-  container.querySelectorAll('[data-action="remove-kb"]').forEach(btn => {
-    btn.addEventListener('click', event => {
-      event.preventDefault();
-      event.stopImmediatePropagation();
-      const index = Number.parseInt(btn.dataset.kbIndex, 10);
-      const list = state.knowledgeBases || [];
-      const target = list[index];
-      if (!target) return;
-      state.knowledgeBases = list.filter((_, itemIndex) => itemIndex !== index);
-      Toast.success(`知识库「${target.name}」已移除`);
-      rerender();
-    });
-  });
-
-  container.querySelectorAll('[data-action="remove-command"]').forEach(btn => {
-    btn.addEventListener('click', event => {
-      event.preventDefault();
-      event.stopImmediatePropagation();
-      const commandId = btn.dataset.commandId;
-      const command = ensureCommandLibrary().find(item => item.id === commandId);
-      state.selectedCommandIds = (state.selectedCommandIds || []).filter(id => id !== commandId);
-      Toast.success(command?.name ? `指令「${command.name}」已从当前智能体移除` : '指令已移除');
-      rerender();
-    });
-  });
-
-  container.querySelectorAll('[data-action="remove-plugin"]').forEach(btn => {
-    btn.addEventListener('click', event => {
-      event.preventDefault();
-      event.stopImmediatePropagation();
-      const pluginId = btn.dataset.pluginId;
-      const plugin = ensurePluginLibrary().find(item => item.id === pluginId);
-      state.selectedPluginIds = (state.selectedPluginIds || []).filter(id => id !== pluginId);
-      Toast.success(plugin?.name ? `插件「${plugin.name}」已从当前智能体移除` : '插件已移除');
-      rerender();
-    });
-  });
-
-  container.querySelectorAll('[data-action="remove-mcp-service"]').forEach(btn => {
-    btn.addEventListener('click', event => {
-      event.preventDefault();
-      event.stopImmediatePropagation();
-      const serviceId = btn.dataset.mcpId;
-      const service = ensureMcpServiceLibrary().find(item => item.id === serviceId);
-      state.selectedMcpServiceIds = (state.selectedMcpServiceIds || []).filter(id => id !== serviceId);
-      Toast.success(service?.name ? `MCP 服务「${service.name}」已从当前智能体移除` : 'MCP 服务已移除');
-      rerender();
-    });
-  });
-
-  container.querySelectorAll('[data-action]').forEach(el => {
-    el.addEventListener('click', event => {
-      const action = el.dataset.action;
-      if (action === 'back') {
-        navigateTo('agent-manage-multimodal');
-        return;
-      }
-      if (action === 'rename') {
-        openRenameModal(state, rerender);
-        return;
-      }
-      if (action === 'publish') {
-        state.app.status = 'published';
-        autoSaveAgentConfig(state);
-        Toast.success('应用已提交发布，预计 2-5 分钟生效');
-        rerender();
-        return;
-      }
-      if (action === 'run') {
-        autoSaveAgentConfig(state);
-        clearAgentRunTimer(state);
-        const session = getRunSession(state);
-        const configuredKeys = getRuntimeApiKeysForApp(state);
-        const activeKeyStillExists = configuredKeys.some(key => key.value === session.apiKey);
-        if (!activeKeyStillExists) {
-          session.apiKeyConfirmed = false;
-          session.apiKey = '';
-          session.apiKeyName = '';
-          session.apiKeyProvider = '';
-        }
-        session.isRecording = false;
-        session.elapsedSeconds = 0;
-        session.latencyMs = null;
-        session.transcript = '';
-        session.aiResponse = '';
-        state.preview = state.voiceEnabled
-          ? (session.apiKeyConfirmed ? 'voice-runtime' : 'voice-auth')
-          : (session.apiKeyConfirmed ? 'text-runtime' : 'text-auth');
-        updatePreviewOnly(container, state);
-        Toast.success(state.voiceEnabled
-          ? '配置已自动保存，请配置运行 API Key'
-          : '配置已自动保存，请配置文字运行 API Key');
-        return;
-      }
-      if (action === 'add-kb') {
-        openKnowledgeBasePickerModal(state, rerender);
-        return;
-      }
-      if (action === 'knowledge-weight') {
-        openKnowledgeWeightModal(state, rerender);
-        return;
-      }
-      if (action === 'asr-model-manager') {
-        openAsrModelManagerModal(state, rerender);
-        return;
-      }
-      if (action === 'tts-model-manager') {
-        openTtsModelManagerModal(state, rerender);
-        return;
-      }
-      if (action === 'text-model-manager') {
-        openTextModelManagerModal(state, rerender);
-        return;
-      }
-      if (action === 'add-variable' || action === 'variable') {
-        state.variables = [
-          ...(state.variables || []),
-          { id: `var-${Date.now()}`, name: '', desc: '' },
-        ];
-        rerender();
-        return;
-      }
-      if (action === 'hotwords') {
-        navigateTo('hotword-library');
-        return;
-      }
-      if (action === 'tts-filter-config') {
-        openTtsFilterModal(state, rerender);
-        return;
-      }
-      if (action === 'command-config') {
-        openCommandConfigModal(state, rerender);
-        return;
-      }
-      if (action === 'plugin-config') {
-        openPluginConfigModal(state, rerender);
-        return;
-      }
-      if (action === 'mcp-config') {
-        openMcpConfigModal(state, rerender);
-        return;
-      }
-      const actionText = {
-        history: '打开历史记录',
-        api: '打开 API 接入文档',
-        model: '切换模型',
-        variable: '打开变量配置',
-        setting: '打开设置',
-        remove: '已移除当前项',
-        'add-app': '添加应用',
-      };
-      Toast.info(actionText[action] || '操作已触发');
-      event.stopPropagation();
-    });
-  });
-}
-
-function bindRuntimePreviewEvents(container, state, refreshPreview) {
-  const pane = container.querySelector('.bailian-preview-pane');
-  if (!pane) return;
-  const session = getRunSession(state);
-
-  pane.querySelector('[data-preview-action="confirm-runtime-key"]')?.addEventListener('click', () => {
-    const select = pane.querySelector('[data-preview-field="runtime-key-select"]');
-    const keys = getRuntimeApiKeysForApp(state);
-    const selected = keys.find(item => item.id === select?.value);
-    if (!selected) {
-      Toast.warning('请先选择系统设置中已保存的 API Key');
-      select?.focus();
-      return;
-    }
-    session.apiKey = selected.value;
-    session.apiKeyName = `${selected.name} · ${maskSecret(selected.value)}`;
-    session.apiKeyProvider = selected.provider;
-    session.apiKeyConfirmed = true;
-    session.isRecording = false;
-    state.preview = state.preview === 'text-auth' || !state.voiceEnabled ? 'text-runtime' : 'voice-runtime';
-    Toast.success(state.preview === 'text-runtime' ? 'API Key 已配置，可以开始文字聊天' : 'API Key 已配置，可以开始语音测试');
-    refreshPreview();
-  });
-
-  pane.querySelector('[data-preview-action="go-settings-api-keys"]')?.addEventListener('click', () => {
-    clearAgentRunTimer(state);
-    session.isRecording = false;
-    Toast.info('请在系统设置中添加并保存 API Key');
-    navigateTo('settings');
-  });
-
-  pane.querySelector('[data-preview-action="change-runtime-key"]')?.addEventListener('click', () => {
-    clearAgentRunTimer(state);
-    session.isRecording = false;
-    session.apiKeyConfirmed = false;
-    state.preview = state.voiceEnabled ? 'voice-auth' : 'text-auth';
-    refreshPreview();
-  });
-
-  pane.querySelector('[data-preview-action="toggle-call"]')?.addEventListener('click', () => {
-    if (!session.apiKeyConfirmed) {
-      Toast.warning('请先配置运行 API Key');
-      state.preview = state.voiceEnabled ? 'voice-auth' : 'text-auth';
-      refreshPreview();
-      return;
-    }
-    if (session.isRecording) {
-      stopVoiceRuntimeCall(container, state);
-      Toast.info('本轮语音通话已结束', 900);
-    } else {
-      startVoiceRuntimeCall(container, state);
-      Toast.info('已开始录音，请开始说话', 900);
-    }
-  });
-
-  pane.querySelector('[data-preview-action="toggle-mic"]')?.addEventListener('click', () => {
-    session.micMuted = !session.micMuted;
-    Toast.info(session.micMuted ? '麦克风已关闭' : '麦克风已打开', 800);
-    if (!syncVoiceRuntimeDom(container, state)) {
-      refreshPreview();
-    }
-  });
-
-  pane.querySelector('[data-preview-action="voice-device"]')?.addEventListener('click', () => {
-    Toast.info('当前为 MacBook Pro 麦克风，后端接入后可读取浏览器音频设备列表', 1200);
-  });
-
-  pane.querySelector('[data-preview-action="voice-runtime-settings"]')?.addEventListener('click', () => {
-    Toast.info('语音体验设置入口，后续可接入采样率、降噪和播放设备配置', 1200);
-  });
-
-  pane.querySelector('[data-preview-action="copy-voice-ai"]')?.addEventListener('click', async () => {
-    const text = session.aiResponse || session.aiDisplayResponse || '';
-    if (!text) return;
-    try {
-      await navigator.clipboard?.writeText(text);
-      Toast.success('AI 回复已复制');
-    } catch (error) {
-      Toast.warning('当前浏览器不允许自动复制，请手动复制');
-    }
-  });
-
-  pane.querySelector('[data-preview-action="regenerate-voice-ai"]')?.addEventListener('click', () => {
-    const base = session.aiResponse || '我已经准备好继续语音对话。';
-    const next = `${base}（重新生成版本）`;
-    session.aiResponse = next;
-    session.aiDisplayResponse = '';
-    session.lastVoiceAiResponse = next;
-    Toast.info('正在重新生成语音回复', 800);
-    revealVoiceReply(container, state, next);
-  });
-
-  pane.querySelector('[data-preview-field="runtime-text-input"]')?.addEventListener('input', event => {
-    session.textInput = event.target.value;
-  });
-
-  pane.querySelector('[data-preview-field="runtime-text-input"]')?.addEventListener('keydown', event => {
-    if (event.key !== 'Enter' || event.shiftKey) return;
-    event.preventDefault();
-    pane.querySelector('[data-preview-action="send-text-runtime"]')?.click();
-  });
-
-  pane.querySelector('[data-preview-action="send-text-runtime"]')?.addEventListener('click', () => {
-    const input = pane.querySelector('[data-preview-field="runtime-text-input"]');
-    const value = input?.value.trim() || '';
-    if (!session.apiKeyConfirmed) {
-      Toast.warning('请先配置运行 API Key');
-      state.preview = 'text-auth';
-      refreshPreview();
-      return;
-    }
-    if (!value) {
-      Toast.warning('请输入测试内容');
-      input?.focus();
-      return;
-    }
-    session.chatMessages = [
-      ...(Array.isArray(session.chatMessages) ? session.chatMessages : []),
-      { role: 'user', content: value },
-    ];
-    session.textInput = '';
-    session.textPending = true;
-    session.latencyMs = null;
-    refreshPreview();
-    window.setTimeout(() => {
-      const reply = buildMockTextReply(value);
-      session.textPending = false;
-      session.latencyMs = 390 + (value.length * 13) % 260;
-      const messages = Array.isArray(session.chatMessages) ? session.chatMessages : [];
-      messages.push({
-        role: 'ai',
-        sourceText: value,
-        retryCount: 0,
-        content: reply,
-        displayContent: '',
-      });
-      session.chatMessages = messages;
-      const messageIndex = messages.length - 1;
-      refreshPreview();
-      revealTextReply(container, state, messageIndex, reply);
-    }, 850);
-  });
-
-  pane.querySelectorAll('[data-preview-action="copy-ai-message"]').forEach(btn => {
-    btn.addEventListener('click', async () => {
-      const index = Number.parseInt(btn.dataset.messageIndex, 10);
-      const message = (session.chatMessages || [])[index];
-      const text = message?.content || '';
-      if (!text) return;
-      try {
-        await navigator.clipboard?.writeText(text);
-        Toast.success('AI 回复已复制');
-      } catch (error) {
-        Toast.warning('当前浏览器不允许自动复制，请手动复制');
-      }
-    });
-  });
-
-  pane.querySelectorAll('[data-preview-action="regenerate-ai-message"]').forEach(btn => {
-    btn.addEventListener('click', () => {
-      const index = Number.parseInt(btn.dataset.messageIndex, 10);
-      const message = (session.chatMessages || [])[index];
-      if (!message || message.role !== 'ai') return;
-      const nextRetry = (message.retryCount || 0) + 1;
-      const sourceText = message.sourceText || '这条消息';
-      const reply = buildMockTextReply(sourceText, nextRetry);
-      message.retryCount = nextRetry;
-      message.content = reply;
-      message.displayContent = '';
-      session.latencyMs = 420 + (nextRetry * 37) % 180;
-      Toast.info('正在重新生成回复', 800);
-      refreshPreview();
-      revealTextReply(container, state, index, reply);
-    });
-  });
-}
-
-function updateActiveStepTab(container, stepId) {
-  container.querySelectorAll('.bailian-step-tab').forEach(tab => {
-    tab.classList.toggle('active', tab.dataset.step === stepId);
-  });
-}
-
-function scrollToAgentStep(container, stepId) {
-  const scrollArea = container.querySelector('.bailian-config-scroll');
-  const target = container.querySelector(`#agent-step-${stepId}`);
-  if (!scrollArea || !target) return;
-  const offset = scrollArea.scrollTop
-    + target.getBoundingClientRect().top
-    - scrollArea.getBoundingClientRect().top
-    - 8;
-  scrollArea.scrollTo({ top: Math.max(offset, 0), behavior: 'smooth' });
-}
-
-function bindStepScrollSpy(container, state) {
-  const scrollArea = container.querySelector('.bailian-config-scroll');
-  if (!scrollArea) return;
-  let ticking = false;
-  scrollArea.addEventListener('scroll', () => {
-    if (ticking) return;
-    ticking = true;
-    requestAnimationFrame(() => {
-      const marker = scrollArea.getBoundingClientRect().top + 96;
-      let currentStep = AGENT_CONFIG_STEPS[0].id;
-      AGENT_CONFIG_STEPS.forEach(step => {
-        const section = container.querySelector(`#agent-step-${step.id}`);
-        if (section && section.getBoundingClientRect().top <= marker) {
-          currentStep = step.id;
-        }
-      });
-      if (state.activeStep !== currentStep) {
-        state.activeStep = currentStep;
-        updateActiveStepTab(container, currentStep);
-      }
-      ticking = false;
-    });
-  });
-}
-
-function updatePreviewOnly(container, state) {
-  const preview = container.querySelector('.bailian-preview-pane');
-  if (!preview) return;
-  const temp = document.createElement('div');
-  temp.innerHTML = renderPreviewPane(state);
-  preview.replaceWith(temp.firstElementChild);
-  renderAgentIcons(container.querySelector('.bailian-preview-pane'));
-  bindRuntimePreviewEvents(container, state, () => updatePreviewOnly(container, state));
-  const textMessageArea = container.querySelector('.agent-text-message-area');
-  if (textMessageArea) {
-    textMessageArea.scrollTop = textMessageArea.scrollHeight;
-  }
-  const voiceScrollArea = container.querySelector('.agent-voice-stage') || container.querySelector('.agent-voice-conversation');
-  if (voiceScrollArea) {
-    voiceScrollArea.scrollTop = voiceScrollArea.scrollHeight;
-  }
-}
-
-function bindPromptCounter(container, state) {
-  const editor = container.querySelector('#agentPromptEditor');
-  const counter = container.querySelector('#promptCounter');
-  if (!editor || !counter) return;
-  const update = () => {
-    counter.textContent = `${editor.value.length}/8000`;
-    if (state) {
-      state.prompt = editor.value;
-      scheduleAgentConfigAutoSave(state);
-    }
-  };
-  editor.addEventListener('input', update);
-  counter.textContent = `${editor.value.length}/8000`;
-}
-
-function openKnowledgeWeightModal(state, rerender) {
-  const draft = (state.knowledgeBases || AGENT_CONFIG_MOCK.understand.knowledgeBases).map(item => ({ ...item }));
-  const modal = createModal({
-    title: '知识库权重配置',
-    size: 'lg',
-    confirmText: '确定',
-    cancelText: '取消',
-    content: `
-      <div style="display:flex;flex-direction:column;gap:14px">
-        <div style="font-size:13px;color:var(--text-muted)">调整知识库权重可人工干预召回片段排序。知识库召回片段得分 = 知识库权重 × 切片相似度。</div>
-        ${draft.map((item, index) => `
-          <div class="bailian-weight-row">
-            <div>
-              <div class="bailian-weight-name">${escapeHtml(item.name)}</div>
-              <div class="bailian-weight-desc">${escapeHtml(item.desc)}</div>
-            </div>
-            <input class="bailian-input bailian-weight-input" type="number" min="0.5" max="2" step="0.1" data-index="${index}" value="${escapeAttr(item.weight)}">
-          </div>
-        `).join('')}
-      </div>
-    `,
-    onConfirm: () => {
-      const inputs = Array.from(modal.overlay.querySelectorAll('.bailian-weight-input'));
-      const next = inputs.map((input, index) => {
-        const weight = Number.parseFloat(input.value);
-        if (Number.isNaN(weight) || weight < 0.5 || weight > 2) {
-          Toast.warning('知识库权重需在 0.5 到 2 之间');
-          input.focus();
-          return null;
-        }
-        return { ...draft[index], weight: weight.toFixed(2) };
-      });
-      if (next.some(item => !item)) return false;
-      state.knowledgeBases = next;
-      Toast.success('知识库权重已更新');
-      rerender();
-      return true;
-    },
-  });
-  renderAgentIcons(modal.overlay);
-}
-
-function openTtsFilterModal(state, rerender) {
-  const commonPairs = [
-    { id: 'slash', left: '/*', right: '*/', label: '/* */' },
-    { id: 'square', left: '[', right: ']', label: '[ ]' },
-    { id: 'curly', left: '{', right: '}', label: '{ }' },
-  ];
-  const getPairKey = (pair) => `${String(pair.left || '').trim()}__${String(pair.right || '').trim()}`;
-  const commonPairKeys = new Set(commonPairs.map(getPairKey));
-  const savedPairs = (state.ttsFilterPairs || []).map(item => ({ ...item }));
-  const draftPairs = savedPairs.filter(pair => !commonPairKeys.has(getPairKey(pair)));
-  const draftSingles = [...new Set((state.ttsFilterSingles || []).map(item => String(item || '').trim()).filter(Boolean))];
-
-  const modal = createModal({
-    title: '语音合成播报过滤设置',
-    size: 'xl',
-    confirmText: '确定',
-    cancelText: '取消',
-    content: `
-      <div class="bailian-filter-modal">
-        <div class="bailian-filter-modal-desc">选中符号对内的文字将不会通过 TTS 播报；单字符过滤在所有场景下都不会播报，请谨慎评估业务文本特点。</div>
-        <div class="bailian-filter-modal-section">
-          <div class="bailian-filter-group-title">常用过滤符号对</div>
-          <div class="bailian-check-grid">
-            ${commonPairs.map(item => `
-              <label class="bailian-check-card">
-                <input type="checkbox" data-common-pair="${escapeAttr(item.id)}" ${savedPairs.some(pair => pair.left === item.left && pair.right === item.right && pair.enabled !== false) ? 'checked' : ''}>
-                <span>
-                  <strong>${escapeHtml(item.label)}</strong>
-                  <small>将过滤 ${escapeHtml(item.left)} ... ${escapeHtml(item.right)} 内容</small>
-                </span>
-              </label>
-            `).join('')}
-          </div>
-        </div>
-        <div class="bailian-filter-modal-section">
-          <div class="bailian-filter-head">
-            <div class="bailian-filter-group-title">自定义过滤符号对</div>
-            <button class="bailian-link-btn" type="button" id="addFilterPairBtn">+ 添加</button>
-          </div>
-          <div id="filterPairList"></div>
-        </div>
-        <div class="bailian-filter-modal-section">
-          <div class="bailian-filter-head">
-            <div class="bailian-filter-group-title">自定义过滤单字符</div>
-            <button class="bailian-link-btn" type="button" id="addFilterSingleBtn">+ 添加</button>
-          </div>
-          <div id="filterSingleList"></div>
-        </div>
-      </div>
-    `,
-    onConfirm: () => {
-      const pairRows = Array.from(modal.overlay.querySelectorAll('[data-filter-pair-row]'));
-      const singleRows = Array.from(modal.overlay.querySelectorAll('[data-filter-single-row]'));
-      const nextPairs = [];
-      const nextPairKeys = new Set();
-      const pushPair = (leftValue, rightValue) => {
-        const left = String(leftValue || '').trim();
-        const right = String(rightValue || '').trim();
-        if (!left && !right) return;
-        const key = `${left}__${right}`;
-        if (nextPairKeys.has(key)) return;
-        nextPairKeys.add(key);
-        nextPairs.push({ enabled: true, left, right });
-      };
-      commonPairs.forEach(item => {
-        const enabled = modal.overlay.querySelector(`[data-common-pair="${item.id}"]`)?.checked;
-        if (enabled) pushPair(item.left, item.right);
-      });
-      pairRows.forEach(row => {
-        const left = row.querySelector('[data-left]')?.value.trim() || '';
-        const right = row.querySelector('[data-right]')?.value.trim() || '';
-        pushPair(left, right);
-      });
-      const nextSingles = [...new Set(singleRows.map(row => row.querySelector('[data-single]')?.value.trim() || '').filter(Boolean))];
-      state.ttsFilterEnabled = true;
-      state.ttsFilterPairs = nextPairs;
-      state.ttsFilterSingles = nextSingles;
-      Toast.success('播报过滤设置已保存');
-      rerender();
-      return true;
-    },
-  });
-
-  const overlay = modal.overlay;
-  const pairList = overlay.querySelector('#filterPairList');
-  const singleList = overlay.querySelector('#filterSingleList');
-
-  function renderPairRows() {
-    pairList.innerHTML = draftPairs.length
-      ? draftPairs.map((pair, index) => `
-        <div class="bailian-filter-row" data-filter-pair-row>
-          <input class="bailian-input" data-left value="${escapeAttr(pair.left || '')}" placeholder="请输入左界定符">
-          <input class="bailian-input" data-right value="${escapeAttr(pair.right || '')}" placeholder="请输入右界定符">
-          <button class="bailian-plain-icon danger" type="button" data-delete-pair="${index}"><i data-lucide="trash-2"></i></button>
-        </div>
-      `).join('')
-      : '<div class="bailian-empty-inline">暂无自定义符号对</div>';
-  }
-
-  function renderSingleRows() {
-    singleList.innerHTML = draftSingles.length
-      ? draftSingles.map((char, index) => `
-        <div class="bailian-filter-row single" data-filter-single-row>
-          <input class="bailian-input" data-single value="${escapeAttr(char)}" maxlength="1" placeholder="请输入单字符">
-          <button class="bailian-plain-icon danger" type="button" data-delete-single="${index}"><i data-lucide="trash-2"></i></button>
-        </div>
-      `).join('')
-      : '<div class="bailian-empty-inline">暂无自定义单字符</div>';
-  }
-
-  function bindDynamicEvents() {
-    overlay.querySelectorAll('[data-delete-pair]').forEach(btn => {
-      btn.addEventListener('click', () => {
-        draftPairs.splice(Number(btn.dataset.deletePair), 1);
-        renderPairRows();
-        bindDynamicEvents();
-        renderAgentIcons(overlay);
-      });
-    });
-    overlay.querySelectorAll('[data-delete-single]').forEach(btn => {
-      btn.addEventListener('click', () => {
-        draftSingles.splice(Number(btn.dataset.deleteSingle), 1);
-        renderSingleRows();
-        bindDynamicEvents();
-        renderAgentIcons(overlay);
-      });
-    });
-  }
-
-  overlay.querySelector('#addFilterPairBtn')?.addEventListener('click', () => {
-    draftPairs.push({ enabled: true, left: '', right: '' });
-    renderPairRows();
-    bindDynamicEvents();
-    renderAgentIcons(overlay);
-  });
-  overlay.querySelector('#addFilterSingleBtn')?.addEventListener('click', () => {
-    draftSingles.push('');
-    renderSingleRows();
-    bindDynamicEvents();
-    renderAgentIcons(overlay);
-  });
-
-  renderPairRows();
-  renderSingleRows();
-  bindDynamicEvents();
-  renderAgentIcons(overlay);
-}
-
-function openCommandConfigModal(state, rerender) {
-  const library = ensureCommandLibrary().map(item => ({ ...item }));
-  const selectedIds = new Set((state.selectedCommandIds || []).filter(id => library.some(item => item.id === id)));
-  let draftForm = null;
-  const replyModes = ['根据执行情况回复', '执行前回复', '执行后回复', '不回复'];
-  const paramTypes = ['string', 'number', 'boolean', 'object', 'array'];
-
-  const createEmptyCommand = () => ({
-    id: '',
-    icon: 'terminal-square',
-    commandType: '自定义指令',
-    name: '',
-    desc: '',
-    example: '',
-    paramName: '',
-    paramType: 'string',
-    paramDesc: '',
-    replyMode: '根据执行情况回复',
-    count: 1,
-  });
-
-  const modal = createModal({
-    title: '指令配置',
-    size: 'xl',
-    confirmText: '保存挂载',
-    cancelText: '取消',
-    content: `
-      <div class="bailian-command-modal">
-        <div class="bailian-filter-modal-desc">先创建指令到指令库，再勾选挂载到当前智能体。删除当前智能体里的指令只会移除挂载关系，不会删除指令库定义。</div>
-        <div id="commandLibraryPanel"></div>
-        <div id="commandEditorPanel"></div>
-      </div>
-    `,
-    onConfirm: () => {
-      if (draftForm) {
-        Toast.warning('请先保存或取消正在编辑的指令');
-        return false;
-      }
-      window.__agentCommandLibrary = library.map(item => ({ ...item }));
-      state.selectedCommandIds = Array.from(selectedIds).filter(id => library.some(item => item.id === id));
-      Toast.success(`已保存 ${state.selectedCommandIds.length} 个已挂载指令`);
-      rerender();
-      return true;
-    },
-  });
-
-  const overlay = modal.overlay;
-  const libraryPanel = overlay.querySelector('#commandLibraryPanel');
-  const editorPanel = overlay.querySelector('#commandEditorPanel');
-
-  function renderLibraryPanel() {
-    libraryPanel.innerHTML = `
-      <div class="bailian-command-library">
-        <div class="bailian-section-head">
-          <h3>指令库</h3>
-          <div class="bailian-command-head-actions">
-            <span class="bailian-small-pill">${library.length} 条</span>
-            <button class="btn btn-primary btn-sm" type="button" id="createCommandBtn">
-              <i data-lucide="plus"></i>
-              创建指令
-            </button>
-          </div>
-        </div>
-        <div class="bailian-command-library-list">
-          ${library.length ? library.map(item => `
-            <div class="bailian-command-library-card ${selectedIds.has(item.id) ? 'active' : ''}">
-              <label class="bailian-command-select">
-                <input type="checkbox" value="${escapeAttr(item.id)}" ${selectedIds.has(item.id) ? 'checked' : ''}>
-                <span></span>
-              </label>
-              <div class="bailian-command-library-main">
-                <div class="bailian-command-library-title">
-                  <strong>${escapeHtml(item.name)}</strong>
-                  <em>${escapeHtml(item.commandType || '自定义指令')}</em>
-                </div>
-                <p>${escapeHtml(item.desc)}</p>
-                <div class="bailian-command-library-meta">
-                  <span>示例：${escapeHtml(item.example || '-')}</span>
-                  <span>参数：${escapeHtml(item.paramName || '-')}</span>
-                  <span>回复：${escapeHtml(item.replyMode || '根据执行情况回复')}</span>
-                </div>
-              </div>
-              <div class="bailian-command-library-actions">
-                <button class="bailian-plain-icon" type="button" data-edit-command="${escapeAttr(item.id)}" aria-label="编辑指令 ${escapeAttr(item.name)}"><i data-lucide="edit-2"></i></button>
-                <button class="bailian-plain-icon danger" type="button" data-delete-library-command="${escapeAttr(item.id)}" aria-label="删除指令 ${escapeAttr(item.name)}"><i data-lucide="trash-2"></i></button>
-              </div>
-            </div>
-          `).join('') : `
-            <div class="bailian-command-library-empty">
-              <i data-lucide="terminal-square"></i>
-              <strong>暂无可用指令</strong>
-              <span>点击创建指令，从 0 开始配置当前智能体可调用的能力。</span>
-              <button class="btn btn-primary" type="button" id="createCommandEmptyBtn">创建指令</button>
-            </div>
-          `}
-        </div>
-      </div>
-    `;
-  }
-
-  function renderEditorPanel() {
-    if (!draftForm) {
-      editorPanel.innerHTML = '';
-      return;
-    }
-    editorPanel.innerHTML = `
-      <div class="bailian-command-editor">
-        <div class="bailian-section-head">
-          <h3>${draftForm.id ? '编辑指令' : '创建指令'}</h3>
-          <button class="bailian-link-btn" type="button" id="cancelCommandEditBtn">取消</button>
-        </div>
-        <div class="bailian-command-editor-grid">
-          <label class="bailian-field">
-            <span class="bailian-field-label">指令类型<span class="required">*</span></span>
-            <input class="bailian-input" data-command-field="commandType" value="${escapeAttr(draftForm.commandType || '')}" placeholder="例如：设备控制 / 内容播放">
-          </label>
-          <label class="bailian-field">
-            <span class="bailian-field-label">指令名称<span class="required">*</span></span>
-            <input class="bailian-input" data-command-field="name" value="${escapeAttr(draftForm.name || '')}" placeholder="支持英文、数字和下划线，例如 set_volume">
-          </label>
-          <label class="bailian-field bailian-command-editor-wide">
-            <span class="bailian-field-label">指令说明<span class="required">*</span></span>
-            <textarea class="bailian-input bailian-command-editor-textarea" data-command-field="desc" placeholder="说明这个指令会做什么、由谁执行、适用场景">${escapeHtml(draftForm.desc || '')}</textarea>
-          </label>
-          <label class="bailian-field bailian-command-editor-wide">
-            <span class="bailian-field-label">指令示例</span>
-            <input class="bailian-input" data-command-field="example" value="${escapeAttr(draftForm.example || '')}" placeholder="例如：把音量调到 50">
-          </label>
-          <label class="bailian-field">
-            <span class="bailian-field-label">参数名称</span>
-            <input class="bailian-input" data-command-field="paramName" value="${escapeAttr(draftForm.paramName || '')}" placeholder="例如：volume">
-          </label>
-          <label class="bailian-field">
-            <span class="bailian-field-label">参数类型</span>
-            <select class="bailian-input" data-command-field="paramType">
-              ${paramTypes.map(type => `<option value="${escapeAttr(type)}" ${type === draftForm.paramType ? 'selected' : ''}>${escapeHtml(type)}</option>`).join('')}
-            </select>
-          </label>
-          <label class="bailian-field bailian-command-editor-wide">
-            <span class="bailian-field-label">参数说明</span>
-            <input class="bailian-input" data-command-field="paramDesc" value="${escapeAttr(draftForm.paramDesc || '')}" placeholder="例如：目标音量，范围 0-100">
-          </label>
-          <label class="bailian-field">
-            <span class="bailian-field-label">回复模式</span>
-            <select class="bailian-input" data-command-field="replyMode">
-              ${replyModes.map(mode => `<option value="${escapeAttr(mode)}" ${mode === draftForm.replyMode ? 'selected' : ''}>${escapeHtml(mode)}</option>`).join('')}
-            </select>
-          </label>
-        </div>
-        <div class="bailian-command-editor-actions">
-          <button class="btn btn-outline" type="button" id="cancelCommandEditBottomBtn">取消</button>
-          <button class="btn btn-primary" type="button" id="saveCommandEditBtn">保存指令</button>
-        </div>
-      </div>
-    `;
-  }
-
-  function readDraftForm() {
-    overlay.querySelectorAll('[data-command-field]').forEach(field => {
-      draftForm[field.dataset.commandField] = field.value.trim();
-    });
-  }
-
-  function saveDraftForm() {
-    readDraftForm();
-    if (!draftForm.name || !draftForm.desc || !draftForm.commandType) {
-      Toast.warning('请填写指令类型、指令名称和指令说明');
-      return;
-    }
-    const duplicate = library.some(item => item.id !== draftForm.id && item.name === draftForm.name);
-    if (duplicate) {
-      Toast.warning('指令名称已存在');
-      return;
-    }
-    if (!draftForm.id) {
-      draftForm.id = `cmd-${Date.now()}`;
-      library.push({ ...draftForm, icon: 'terminal-square', count: 1 });
-    } else {
-      const index = library.findIndex(item => item.id === draftForm.id);
-      if (index >= 0) library[index] = { ...library[index], ...draftForm, icon: library[index].icon || 'terminal-square', count: 1 };
-    }
-    selectedIds.add(draftForm.id);
-    Toast.success(`指令「${draftForm.name}」已保存`);
-    draftForm = null;
-    renderAll();
-  }
-
-  function bindCommandEvents() {
-    overlay.querySelector('#createCommandBtn')?.addEventListener('click', () => {
-      draftForm = createEmptyCommand();
-      renderAll();
-    });
-    overlay.querySelector('#createCommandEmptyBtn')?.addEventListener('click', () => {
-      draftForm = createEmptyCommand();
-      renderAll();
-    });
-    overlay.querySelectorAll('.bailian-command-select input').forEach(input => {
-      input.addEventListener('change', () => {
-        if (input.checked) selectedIds.add(input.value);
-        else selectedIds.delete(input.value);
-        renderAll();
-      });
-    });
-    overlay.querySelectorAll('.bailian-command-library-card').forEach(card => {
-      card.addEventListener('click', event => {
-        if (event.target.closest('button') || event.target.closest('label')) return;
-        const input = card.querySelector('.bailian-command-select input');
-        if (!input) return;
-        if (selectedIds.has(input.value)) selectedIds.delete(input.value);
-        else selectedIds.add(input.value);
-        renderAll();
-      });
-    });
-    overlay.querySelectorAll('[data-edit-command]').forEach(btn => {
-      btn.addEventListener('click', () => {
-        const target = library.find(item => item.id === btn.dataset.editCommand);
-        if (!target) return;
-        draftForm = { ...target };
-        renderAll();
-      });
-    });
-    overlay.querySelectorAll('[data-delete-library-command]').forEach(btn => {
-      btn.addEventListener('click', () => {
-        const commandId = btn.dataset.deleteLibraryCommand;
-        const index = library.findIndex(item => item.id === commandId);
-        if (index < 0) return;
-        const [deleted] = library.splice(index, 1);
-        selectedIds.delete(commandId);
-        if (draftForm?.id === commandId) draftForm = null;
-        Toast.success(`指令「${deleted.name}」已删除`);
-        renderAll();
-      });
-    });
-    overlay.querySelector('#cancelCommandEditBtn')?.addEventListener('click', () => {
-      draftForm = null;
-      renderAll();
-    });
-    overlay.querySelector('#cancelCommandEditBottomBtn')?.addEventListener('click', () => {
-      draftForm = null;
-      renderAll();
-    });
-    overlay.querySelector('#saveCommandEditBtn')?.addEventListener('click', saveDraftForm);
-  }
-
-  function renderAll() {
-    renderLibraryPanel();
-    renderEditorPanel();
-    bindCommandEvents();
-    renderAgentIcons(overlay);
-  }
-
-  renderAll();
-}
-
-function openPluginConfigModal(state, rerender) {
-  const library = ensurePluginLibrary().map(item => ({ ...item }));
-  const selectedIds = new Set((state.selectedPluginIds || []).filter(id => library.some(item => item.id === id)));
-  let draftForm = null;
-  const authTypes = ['无鉴权', 'API Key', 'Bearer Token', 'OAuth2', '自定义签名'];
-  const executionModes = ['系统执行', '端侧执行', '工作流执行', '第三方服务执行'];
-  const statusOptions = ['系统执行', '已启用', '待接入', '已禁用'];
-
-  const createEmptyPlugin = () => ({
-    id: '',
-    icon: 'plug',
-    pluginType: '自定义插件',
-    name: '',
-    desc: '',
-    provider: '',
-    endpoint: '',
-    authType: 'API Key',
-    executionMode: '系统执行',
-    status: '系统执行',
-  });
-
-  const modal = createModal({
-    title: '插件配置',
-    size: 'xl',
-    confirmText: '保存挂载',
-    cancelText: '取消',
-    content: `
-      <div class="bailian-command-modal">
-        <div class="bailian-filter-modal-desc">先创建插件到插件库，再勾选挂载到当前智能体。删除当前智能体里的插件只会移除挂载关系，不会删除插件库定义。</div>
-        <div id="pluginLibraryPanel"></div>
-        <div id="pluginEditorPanel"></div>
-      </div>
-    `,
-    onConfirm: () => {
-      if (draftForm) {
-        Toast.warning('请先保存或取消正在编辑的插件');
-        return false;
-      }
-      window.__agentPluginLibrary = library.map(item => ({ ...item }));
-      state.selectedPluginIds = Array.from(selectedIds).filter(id => library.some(item => item.id === id));
-      Toast.success(`已保存 ${state.selectedPluginIds.length} 个已挂载插件`);
-      rerender();
-      return true;
-    },
-  });
-
-  const overlay = modal.overlay;
-  const libraryPanel = overlay.querySelector('#pluginLibraryPanel');
-  const editorPanel = overlay.querySelector('#pluginEditorPanel');
-
-  function renderLibraryPanel() {
-    libraryPanel.innerHTML = `
-      <div class="bailian-command-library">
-        <div class="bailian-section-head">
-          <h3>插件库</h3>
-          <div class="bailian-command-head-actions">
-            <span class="bailian-small-pill">${library.length} 个</span>
-            <button class="btn btn-primary btn-sm" type="button" id="createPluginBtn">
-              <i data-lucide="plus"></i>
-              创建插件
-            </button>
-          </div>
-        </div>
-        <div class="bailian-command-library-list">
-          ${library.length ? library.map(item => `
-            <div class="bailian-command-library-card ${selectedIds.has(item.id) ? 'active' : ''}">
-              <label class="bailian-command-select">
-                <input type="checkbox" value="${escapeAttr(item.id)}" ${selectedIds.has(item.id) ? 'checked' : ''}>
-                <span></span>
-              </label>
-              <div class="bailian-command-library-main">
-                <div class="bailian-command-library-title">
-                  <strong>${escapeHtml(item.name)}</strong>
-                  <em>${escapeHtml(item.pluginType || '自定义插件')}</em>
-                </div>
-                <p>${escapeHtml(item.desc)}</p>
-                <div class="bailian-command-library-meta">
-                  <span>Provider：${escapeHtml(item.provider || '-')}</span>
-                  <span>调用地址：${escapeHtml(item.endpoint || '-')}</span>
-                  <span>鉴权：${escapeHtml(item.authType || '-')}</span>
-                  <span>执行：${escapeHtml(item.executionMode || '系统执行')}</span>
-                </div>
-              </div>
-              <div class="bailian-command-library-actions">
-                <button class="bailian-plain-icon" type="button" data-edit-plugin="${escapeAttr(item.id)}" aria-label="编辑插件 ${escapeAttr(item.name)}"><i data-lucide="edit-2"></i></button>
-                <button class="bailian-plain-icon danger" type="button" data-delete-library-plugin="${escapeAttr(item.id)}" aria-label="删除插件 ${escapeAttr(item.name)}"><i data-lucide="trash-2"></i></button>
-              </div>
-            </div>
-          `).join('') : `
-            <div class="bailian-command-library-empty">
-              <i data-lucide="plug"></i>
-              <strong>暂无可用插件</strong>
-              <span>点击创建插件，从 0 开始配置当前智能体可调用的外部能力。</span>
-              <button class="btn btn-primary" type="button" id="createPluginEmptyBtn">创建插件</button>
-            </div>
-          `}
-        </div>
-      </div>
-    `;
-  }
-
-  function renderEditorPanel() {
-    if (!draftForm) {
-      editorPanel.innerHTML = '';
-      return;
-    }
-    editorPanel.innerHTML = `
-      <div class="bailian-command-editor">
-        <div class="bailian-section-head">
-          <h3>${draftForm.id ? '编辑插件' : '创建插件'}</h3>
-          <button class="bailian-link-btn" type="button" id="cancelPluginEditBtn">取消</button>
-        </div>
-        <div class="bailian-command-editor-grid">
-          <label class="bailian-field">
-            <span class="bailian-field-label">插件类型<span class="required">*</span></span>
-            <input class="bailian-input" data-plugin-field="pluginType" value="${escapeAttr(draftForm.pluginType || '')}" placeholder="例如：天气服务 / 内容资源 / 设备服务">
-          </label>
-          <label class="bailian-field">
-            <span class="bailian-field-label">插件名称<span class="required">*</span></span>
-            <input class="bailian-input" data-plugin-field="name" value="${escapeAttr(draftForm.name || '')}" placeholder="例如：weather_query">
-          </label>
-          <label class="bailian-field bailian-command-editor-wide">
-            <span class="bailian-field-label">插件说明<span class="required">*</span></span>
-            <textarea class="bailian-input bailian-command-editor-textarea" data-plugin-field="desc" placeholder="说明插件能力、输入输出和适用场景">${escapeHtml(draftForm.desc || '')}</textarea>
-          </label>
-          <label class="bailian-field">
-            <span class="bailian-field-label">Provider 名称</span>
-            <input class="bailian-input" data-plugin-field="provider" value="${escapeAttr(draftForm.provider || '')}" placeholder="例如：TalkingQ / Alibaba Cloud">
-          </label>
-          <label class="bailian-field">
-            <span class="bailian-field-label">调用地址</span>
-            <input class="bailian-input" data-plugin-field="endpoint" value="${escapeAttr(draftForm.endpoint || '')}" placeholder="https://api.example.com/plugin">
-          </label>
-          <label class="bailian-field">
-            <span class="bailian-field-label">鉴权方式</span>
-            <select class="bailian-input" data-plugin-field="authType">
-              ${authTypes.map(type => `<option value="${escapeAttr(type)}" ${type === draftForm.authType ? 'selected' : ''}>${escapeHtml(type)}</option>`).join('')}
-            </select>
-          </label>
-          <label class="bailian-field">
-            <span class="bailian-field-label">执行方式</span>
-            <select class="bailian-input" data-plugin-field="executionMode">
-              ${executionModes.map(mode => `<option value="${escapeAttr(mode)}" ${mode === draftForm.executionMode ? 'selected' : ''}>${escapeHtml(mode)}</option>`).join('')}
-            </select>
-          </label>
-          <label class="bailian-field">
-            <span class="bailian-field-label">状态</span>
-            <select class="bailian-input" data-plugin-field="status">
-              ${statusOptions.map(status => `<option value="${escapeAttr(status)}" ${status === draftForm.status ? 'selected' : ''}>${escapeHtml(status)}</option>`).join('')}
-            </select>
-          </label>
-          <label class="bailian-field">
-            <span class="bailian-field-label">图标</span>
-            <input class="bailian-input" data-plugin-field="icon" value="${escapeAttr(draftForm.icon || 'plug')}" placeholder="lucide 图标名，例如 plug">
-          </label>
-        </div>
-        <div class="bailian-command-editor-actions">
-          <button class="btn btn-outline" type="button" id="cancelPluginEditBottomBtn">取消</button>
-          <button class="btn btn-primary" type="button" id="savePluginEditBtn">保存插件</button>
-        </div>
-      </div>
-    `;
-  }
-
-  function readDraftForm() {
-    overlay.querySelectorAll('[data-plugin-field]').forEach(field => {
-      draftForm[field.dataset.pluginField] = field.value.trim();
-    });
-  }
-
-  function saveDraftForm() {
-    readDraftForm();
-    if (!draftForm.name || !draftForm.desc || !draftForm.pluginType) {
-      Toast.warning('请填写插件类型、插件名称和插件说明');
-      return;
-    }
-    const duplicate = library.some(item => item.id !== draftForm.id && item.name === draftForm.name);
-    if (duplicate) {
-      Toast.warning('插件名称已存在');
-      return;
-    }
-    if (!draftForm.id) {
-      draftForm.id = `plugin-${Date.now()}`;
-      library.push({ ...draftForm, icon: draftForm.icon || 'plug' });
-    } else {
-      const index = library.findIndex(item => item.id === draftForm.id);
-      if (index >= 0) library[index] = { ...library[index], ...draftForm, icon: draftForm.icon || library[index].icon || 'plug' };
-    }
-    selectedIds.add(draftForm.id);
-    Toast.success(`插件「${draftForm.name}」已保存`);
-    draftForm = null;
-    renderAll();
-  }
-
-  function bindPluginEvents() {
-    overlay.querySelector('#createPluginBtn')?.addEventListener('click', () => {
-      draftForm = createEmptyPlugin();
-      renderAll();
-    });
-    overlay.querySelector('#createPluginEmptyBtn')?.addEventListener('click', () => {
-      draftForm = createEmptyPlugin();
-      renderAll();
-    });
-    overlay.querySelectorAll('.bailian-command-select input').forEach(input => {
-      input.addEventListener('change', () => {
-        if (input.checked) selectedIds.add(input.value);
-        else selectedIds.delete(input.value);
-        renderAll();
-      });
-    });
-    overlay.querySelectorAll('.bailian-command-library-card').forEach(card => {
-      card.addEventListener('click', event => {
-        if (event.target.closest('button') || event.target.closest('label')) return;
-        const input = card.querySelector('.bailian-command-select input');
-        if (!input) return;
-        if (selectedIds.has(input.value)) selectedIds.delete(input.value);
-        else selectedIds.add(input.value);
-        renderAll();
-      });
-    });
-    overlay.querySelectorAll('[data-edit-plugin]').forEach(btn => {
-      btn.addEventListener('click', () => {
-        const target = library.find(item => item.id === btn.dataset.editPlugin);
-        if (!target) return;
-        draftForm = { ...target };
-        renderAll();
-      });
-    });
-    overlay.querySelectorAll('[data-delete-library-plugin]').forEach(btn => {
-      btn.addEventListener('click', () => {
-        const pluginId = btn.dataset.deleteLibraryPlugin;
-        const index = library.findIndex(item => item.id === pluginId);
-        if (index < 0) return;
-        const [deleted] = library.splice(index, 1);
-        selectedIds.delete(pluginId);
-        if (draftForm?.id === pluginId) draftForm = null;
-        Toast.success(`插件「${deleted.name}」已删除`);
-        renderAll();
-      });
-    });
-    overlay.querySelector('#cancelPluginEditBtn')?.addEventListener('click', () => {
-      draftForm = null;
-      renderAll();
-    });
-    overlay.querySelector('#cancelPluginEditBottomBtn')?.addEventListener('click', () => {
-      draftForm = null;
-      renderAll();
-    });
-    overlay.querySelector('#savePluginEditBtn')?.addEventListener('click', saveDraftForm);
-  }
-
-  function renderAll() {
-    renderLibraryPanel();
-    renderEditorPanel();
-    bindPluginEvents();
-    renderAgentIcons(overlay);
-  }
-
-  renderAll();
-}
-
-function getMcpConnectionError(service) {
-  const endpoint = String(service.endpoint || '').trim();
-  const authType = String(service.authType || '').trim();
-  const credential = String(service.credential || '').trim();
-  if (!service.name || !service.desc) return '服务名称和服务说明不能为空';
-  if (!endpoint) return 'Server URL 不能为空';
-  if (!/^https?:\/\//i.test(endpoint) && !/^wss?:\/\//i.test(endpoint) && !/^stdio:/i.test(endpoint)) {
-    return 'Server URL 格式不正确';
-  }
-  if (/fail|error|timeout|invalid|404|500/i.test(endpoint)) {
-    return '服务不可访问';
-  }
-  if (authType !== '无鉴权' && !credential) {
-    return '缺少鉴权凭证';
-  }
-  return '';
-}
-
-function openMcpConfigModal(state, rerender) {
-  const library = ensureMcpServiceLibrary().map(item => ({
-    ...item,
-    tools: Array.isArray(item.tools) ? item.tools.map(tool => ({ ...tool })) : [],
-  }));
-  const selectedIds = new Set((state.selectedMcpServiceIds || []).filter(id => library.some(item => item.id === id)));
-  let draftForm = null;
-  const transports = ['Streamable HTTP', 'SSE', 'WebSocket', 'stdio（后端代理）'];
-  const authTypes = ['无鉴权', 'API Key', 'Bearer Token', 'OAuth2', '自定义 Header'];
-  const statusOptions = [
-    { id: 'pending', name: '待连接' },
-    { id: 'available', name: '可用' },
-    { id: 'failed', name: '连接失败' },
-    { id: 'disabled', name: '已禁用' },
-  ];
-
-  const createEmptyTool = () => ({
-    id: `mcp-tool-${Date.now()}-${Math.random().toString(16).slice(2)}`,
-    name: '',
-    desc: '',
-    inputSchema: '',
-  });
-
-  const createEmptyService = () => ({
-    id: '',
-    name: '',
-    desc: '',
-    transport: 'Streamable HTTP',
-    endpoint: '',
-    namespace: '',
-    authType: '无鉴权',
-    credential: '',
-    status: 'pending',
-    errorMessage: '',
-    tools: [createEmptyTool()],
-  });
-
-  const modal = createModal({
-    title: 'MCP 服务配置',
-    size: 'xl',
-    confirmText: '保存挂载',
-    cancelText: '取消',
-    content: `
-      <div class="bailian-command-modal">
-        <div class="bailian-filter-modal-desc">先创建 MCP 服务到服务库，再测试连接。连接可用后可挂载到当前智能体，模型运行时可调用该服务暴露的工具。</div>
-        <div id="mcpLibraryPanel"></div>
-        <div id="mcpEditorPanel"></div>
-      </div>
-    `,
-    onConfirm: () => {
-      if (draftForm) {
-        Toast.warning('请先保存或取消正在编辑的 MCP 服务');
-        return false;
-      }
-      window.__agentMcpServiceLibrary = library.map(item => ({
-        ...item,
-        tools: Array.isArray(item.tools) ? item.tools.map(tool => ({ ...tool })) : [],
-      }));
-      state.selectedMcpServiceIds = Array.from(selectedIds).filter(id => library.some(item => item.id === id));
-      Toast.success(`已保存 ${state.selectedMcpServiceIds.length} 个已挂载 MCP 服务`);
-      rerender();
-      return true;
-    },
-  });
-
-  const overlay = modal.overlay;
-  const libraryPanel = overlay.querySelector('#mcpLibraryPanel');
-  const editorPanel = overlay.querySelector('#mcpEditorPanel');
-
-  function renderLibraryPanel() {
-    libraryPanel.innerHTML = `
-      <div class="bailian-command-library">
-        <div class="bailian-section-head">
-          <h3>MCP 服务库</h3>
-          <div class="bailian-command-head-actions">
-            <span class="bailian-small-pill">${library.length} 个</span>
-            <button class="btn btn-primary btn-sm" type="button" id="createMcpBtn">
-              <i data-lucide="plus"></i>
-              创建服务
-            </button>
-          </div>
-        </div>
-        <div class="bailian-command-library-list">
-          ${library.length ? library.map(item => {
-            const meta = getMcpStatusMeta(item);
-            const tools = Array.isArray(item.tools) ? item.tools.filter(tool => tool.name) : [];
-            return `
-              <div class="bailian-command-library-card ${selectedIds.has(item.id) ? 'active' : ''}">
-                <label class="bailian-command-select">
-                  <input type="checkbox" value="${escapeAttr(item.id)}" ${selectedIds.has(item.id) ? 'checked' : ''} ${item.status === 'available' ? '' : 'disabled'}>
-                  <span></span>
-                </label>
-                <div class="bailian-command-library-main">
-                  <div class="bailian-command-library-title">
-                    <strong>${escapeHtml(item.name)}</strong>
-                    <em>${escapeHtml(item.namespace || 'default')}</em>
-                    <span class="bailian-asr-status ${escapeAttr(meta.className)}">${escapeHtml(meta.label)}</span>
-                  </div>
-                  <p>${escapeHtml(item.desc)}</p>
-                  <div class="bailian-command-library-meta">
-                    <span>连接：${escapeHtml(item.transport || 'Streamable HTTP')}</span>
-                    <span>URL：${escapeHtml(item.endpoint || '-')}</span>
-                    <span>鉴权：${escapeHtml(item.authType || '无鉴权')}</span>
-                    <span>工具：${tools.length} 个</span>
-                  </div>
-                  ${item.status === 'failed' && item.errorMessage ? `<div class="bailian-mcp-error">${escapeHtml(item.errorMessage)}</div>` : ''}
-                </div>
-                <div class="bailian-command-library-actions">
-                  <button class="bailian-link-btn compact" type="button" data-test-mcp="${escapeAttr(item.id)}">测试连接</button>
-                  <button class="bailian-plain-icon" type="button" data-edit-mcp="${escapeAttr(item.id)}" aria-label="编辑 MCP 服务 ${escapeAttr(item.name)}"><i data-lucide="edit-2"></i></button>
-                  <button class="bailian-plain-icon danger" type="button" data-delete-library-mcp="${escapeAttr(item.id)}" aria-label="删除 MCP 服务 ${escapeAttr(item.name)}"><i data-lucide="trash-2"></i></button>
-                </div>
-              </div>
-            `;
-          }).join('') : `
-            <div class="bailian-command-library-empty">
-              <i data-lucide="server-cog"></i>
-              <strong>暂无可用 MCP 服务</strong>
-              <span>点击创建服务，配置连接地址、鉴权方式和工具清单。</span>
-              <button class="btn btn-primary" type="button" id="createMcpEmptyBtn">创建服务</button>
-            </div>
-          `}
-        </div>
-      </div>
-    `;
-  }
-
-  function renderEditorPanel() {
-    if (!draftForm) {
-      editorPanel.innerHTML = '';
-      return;
-    }
-    editorPanel.innerHTML = `
-      <div class="bailian-command-editor">
-        <div class="bailian-section-head">
-          <h3>${draftForm.id ? '编辑 MCP 服务' : '创建 MCP 服务'}</h3>
-          <button class="bailian-link-btn" type="button" id="cancelMcpEditBtn">取消</button>
-        </div>
-        <div class="bailian-command-editor-grid">
-          <label class="bailian-field">
-            <span class="bailian-field-label">服务名称<span class="required">*</span></span>
-            <input class="bailian-input" data-mcp-field="name" value="${escapeAttr(draftForm.name || '')}" placeholder="例如：device_control_mcp">
-          </label>
-          <label class="bailian-field">
-            <span class="bailian-field-label">工具命名空间</span>
-            <input class="bailian-input" data-mcp-field="namespace" value="${escapeAttr(draftForm.namespace || '')}" placeholder="例如：device.control">
-          </label>
-          <label class="bailian-field bailian-command-editor-wide">
-            <span class="bailian-field-label">服务说明<span class="required">*</span></span>
-            <textarea class="bailian-input bailian-command-editor-textarea" data-mcp-field="desc" placeholder="说明该 MCP 服务提供哪些企业内部能力">${escapeHtml(draftForm.desc || '')}</textarea>
-          </label>
-          <label class="bailian-field">
-            <span class="bailian-field-label">连接方式</span>
-            <select class="bailian-input" data-mcp-field="transport">
-              ${transports.map(type => `<option value="${escapeAttr(type)}" ${type === draftForm.transport ? 'selected' : ''}>${escapeHtml(type)}</option>`).join('')}
-            </select>
-          </label>
-          <label class="bailian-field">
-            <span class="bailian-field-label">Server URL<span class="required">*</span></span>
-            <input class="bailian-input" data-mcp-field="endpoint" value="${escapeAttr(draftForm.endpoint || '')}" placeholder="https://api.example.com/mcp">
-          </label>
-          <label class="bailian-field">
-            <span class="bailian-field-label">鉴权方式</span>
-            <select class="bailian-input" data-mcp-field="authType">
-              ${authTypes.map(type => `<option value="${escapeAttr(type)}" ${type === draftForm.authType ? 'selected' : ''}>${escapeHtml(type)}</option>`).join('')}
-            </select>
-          </label>
-          <label class="bailian-field">
-            <span class="bailian-field-label">鉴权凭证</span>
-            <input class="bailian-input" data-mcp-field="credential" type="password" value="${escapeAttr(draftForm.credential || '')}" placeholder="API Key / Token / Header Value">
-          </label>
-          <label class="bailian-field">
-            <span class="bailian-field-label">连接状态</span>
-            <select class="bailian-input" data-mcp-field="status">
-              ${statusOptions.map(status => `<option value="${escapeAttr(status.id)}" ${status.id === draftForm.status ? 'selected' : ''}>${escapeHtml(status.name)}</option>`).join('')}
-            </select>
-          </label>
-          <label class="bailian-field">
-            <span class="bailian-field-label">失败原因</span>
-            <input class="bailian-input" data-mcp-field="errorMessage" value="${escapeAttr(draftForm.errorMessage || '')}" placeholder="连接失败时展示给研发人员">
-          </label>
-        </div>
-        <div class="bailian-mcp-tool-block">
-          <div class="bailian-section-head">
-            <h3>工具清单</h3>
-            <button class="bailian-link-btn" type="button" id="addMcpToolBtn">+ 添加工具</button>
-          </div>
-          <div id="mcpToolList"></div>
-        </div>
-        <div class="bailian-command-editor-actions">
-          <button class="btn btn-outline" type="button" id="cancelMcpEditBottomBtn">取消</button>
-          <button class="btn btn-primary" type="button" id="saveMcpEditBtn">保存服务</button>
-        </div>
-      </div>
-    `;
-    renderToolRows();
-  }
-
-  function renderToolRows() {
-    const list = overlay.querySelector('#mcpToolList');
-    if (!list || !draftForm) return;
-    const tools = Array.isArray(draftForm.tools) ? draftForm.tools : [];
-    list.innerHTML = tools.length ? tools.map((tool, index) => `
-      <div class="bailian-mcp-tool-row" data-mcp-tool-row="${index}">
-        <input class="bailian-input" data-mcp-tool-field="name" value="${escapeAttr(tool.name || '')}" placeholder="工具名称，例如 set_volume">
-        <input class="bailian-input" data-mcp-tool-field="desc" value="${escapeAttr(tool.desc || '')}" placeholder="工具说明">
-        <input class="bailian-input" data-mcp-tool-field="inputSchema" value="${escapeAttr(tool.inputSchema || '')}" placeholder="输入参数 Schema / 示例">
-        <button class="bailian-plain-icon danger" type="button" data-delete-mcp-tool="${index}" aria-label="删除工具"><i data-lucide="trash-2"></i></button>
-      </div>
-    `).join('') : '<div class="bailian-empty-inline">暂无工具，可先保存服务，后续由后端自动同步 MCP tools/list。</div>';
-    bindToolEvents();
-    renderAgentIcons(overlay);
-  }
-
-  function readDraftForm() {
-    overlay.querySelectorAll('[data-mcp-field]').forEach(field => {
-      draftForm[field.dataset.mcpField] = field.value.trim();
-    });
-    draftForm.tools = Array.from(overlay.querySelectorAll('[data-mcp-tool-row]')).map(row => ({
-      id: draftForm.tools?.[Number(row.dataset.mcpToolRow)]?.id || createEmptyTool().id,
-      name: row.querySelector('[data-mcp-tool-field="name"]')?.value.trim() || '',
-      desc: row.querySelector('[data-mcp-tool-field="desc"]')?.value.trim() || '',
-      inputSchema: row.querySelector('[data-mcp-tool-field="inputSchema"]')?.value.trim() || '',
-    })).filter(tool => tool.name || tool.desc || tool.inputSchema);
-  }
-
-  function saveDraftForm() {
-    readDraftForm();
-    if (!draftForm.name || !draftForm.desc || !draftForm.endpoint) {
-      Toast.warning('请填写服务名称、服务说明和 Server URL');
-      return;
-    }
-    const duplicate = library.some(item => item.id !== draftForm.id && item.name === draftForm.name);
-    if (duplicate) {
-      Toast.warning('MCP 服务名称已存在');
-      return;
-    }
-    if (!draftForm.id) {
-      draftForm.id = `mcp-${Date.now()}`;
-      library.push({ ...draftForm, tools: draftForm.tools.map(tool => ({ ...tool })) });
-    } else {
-      const index = library.findIndex(item => item.id === draftForm.id);
-      if (index >= 0) library[index] = { ...library[index], ...draftForm, tools: draftForm.tools.map(tool => ({ ...tool })) };
-    }
-    if (draftForm.status === 'available') selectedIds.add(draftForm.id);
-    else selectedIds.delete(draftForm.id);
-    Toast.success(`MCP 服务「${draftForm.name}」已保存`);
-    draftForm = null;
-    renderAll();
-  }
-
-  function testService(serviceId) {
-    const target = library.find(item => item.id === serviceId);
-    if (!target) return;
-    target.status = 'validating';
-    target.errorMessage = '连接测试中';
-    renderAll();
-    window.setTimeout(() => {
-      const service = library.find(item => item.id === serviceId);
-      if (!service) return;
-      const error = getMcpConnectionError(service);
-      if (error) {
-        service.status = 'failed';
-        service.errorMessage = error;
-        selectedIds.delete(service.id);
-        Toast.warning(`MCP 服务「${service.name}」连接失败：${error}`);
-      } else {
-        service.status = 'available';
-        service.errorMessage = '';
-        selectedIds.add(service.id);
-        Toast.success(`MCP 服务「${service.name}」连接可用，已挂载到当前智能体`);
-      }
-      renderAll();
-    }, 450);
-  }
-
-  function bindToolEvents() {
-    overlay.querySelectorAll('[data-delete-mcp-tool]').forEach(btn => {
-      btn.addEventListener('click', () => {
-        readDraftForm();
-        draftForm.tools.splice(Number(btn.dataset.deleteMcpTool), 1);
-        renderToolRows();
-      });
-    });
-  }
-
-  function bindMcpEvents() {
-    overlay.querySelector('#createMcpBtn')?.addEventListener('click', () => {
-      draftForm = createEmptyService();
-      renderAll();
-    });
-    overlay.querySelector('#createMcpEmptyBtn')?.addEventListener('click', () => {
-      draftForm = createEmptyService();
-      renderAll();
-    });
-    overlay.querySelectorAll('.bailian-command-select input').forEach(input => {
-      input.addEventListener('change', () => {
-        const service = library.find(item => item.id === input.value);
-        if (!service || service.status !== 'available') {
-          input.checked = false;
-          Toast.warning('请先测试连接通过后再挂载 MCP 服务');
-          return;
-        }
-        if (input.checked) selectedIds.add(input.value);
-        else selectedIds.delete(input.value);
-        renderAll();
-      });
-    });
-    overlay.querySelectorAll('.bailian-command-library-card').forEach(card => {
-      card.addEventListener('click', event => {
-        if (event.target.closest('button') || event.target.closest('label')) return;
-        const input = card.querySelector('.bailian-command-select input');
-        if (!input || input.disabled) {
-          Toast.warning('请先测试连接通过后再挂载 MCP 服务');
-          return;
-        }
-        if (selectedIds.has(input.value)) selectedIds.delete(input.value);
-        else selectedIds.add(input.value);
-        renderAll();
-      });
-    });
-    overlay.querySelectorAll('[data-test-mcp]').forEach(btn => {
-      btn.addEventListener('click', () => testService(btn.dataset.testMcp));
-    });
-    overlay.querySelectorAll('[data-edit-mcp]').forEach(btn => {
-      btn.addEventListener('click', () => {
-        const target = library.find(item => item.id === btn.dataset.editMcp);
-        if (!target) return;
-        draftForm = {
-          ...target,
-          tools: Array.isArray(target.tools) && target.tools.length ? target.tools.map(tool => ({ ...tool })) : [createEmptyTool()],
-        };
-        renderAll();
-      });
-    });
-    overlay.querySelectorAll('[data-delete-library-mcp]').forEach(btn => {
-      btn.addEventListener('click', () => {
-        const serviceId = btn.dataset.deleteLibraryMcp;
-        const index = library.findIndex(item => item.id === serviceId);
-        if (index < 0) return;
-        const [deleted] = library.splice(index, 1);
-        selectedIds.delete(serviceId);
-        if (draftForm?.id === serviceId) draftForm = null;
-        Toast.success(`MCP 服务「${deleted.name}」已删除`);
-        renderAll();
-      });
-    });
-    overlay.querySelector('#cancelMcpEditBtn')?.addEventListener('click', () => {
-      draftForm = null;
-      renderAll();
-    });
-    overlay.querySelector('#cancelMcpEditBottomBtn')?.addEventListener('click', () => {
-      draftForm = null;
-      renderAll();
-    });
-    overlay.querySelector('#saveMcpEditBtn')?.addEventListener('click', saveDraftForm);
-    overlay.querySelector('#addMcpToolBtn')?.addEventListener('click', () => {
-      readDraftForm();
-      draftForm.tools = [...(draftForm.tools || []), createEmptyTool()];
-      renderToolRows();
-    });
-  }
-
-  function renderAll() {
-    renderLibraryPanel();
-    renderEditorPanel();
-    bindMcpEvents();
-    renderAgentIcons(overlay);
-  }
-
-  renderAll();
-}
-
-function openRenameModal(state, rerender) {
-  if (typeof createModal !== 'function') {
-    const name = prompt('请输入应用名称', state.app.name);
-    if (name && name.trim()) {
-      state.app.name = name.trim();
-      rerender();
-    }
-    return;
-  }
-  createModal({
-    title: '编辑应用名称',
-    content: `
-      <div class="form-group">
-        <label class="form-label">应用名称</label>
-        <input class="form-control" id="renameAgentInput" value="${escapeAttr(state.app.name)}" maxlength="50">
-      </div>
-    `,
-    confirmText: '保存',
-    cancelText: '取消',
-    onConfirm: () => {
-      const input = document.getElementById('renameAgentInput');
-      const nextName = input?.value.trim();
-      if (!nextName) {
-        Toast.warning('请输入应用名称');
-        return false;
-      }
-      state.app.name = nextName;
-      Toast.success('应用名称已更新');
-      rerender();
-      return true;
-    },
-  });
-  setTimeout(() => document.getElementById('renameAgentInput')?.focus(), 50);
-}
-
-function getAgentStatus(status) {
-  const map = {
-    published: { label: '已发布', className: 'published' },
-    editing: { label: '编辑中', className: 'editing' },
-    draft: { label: '草稿', className: 'draft' },
-  };
-  return map[status] || map.draft;
-}
-
-function escapeHtml(value) {
-  const div = document.createElement('div');
-  div.textContent = String(value ?? '');
-  return div.innerHTML;
-}
-
-function escapeAttr(value) {
-  return escapeHtml(value).replace(/"/g, '&quot;').replace(/'/g, '&#39;');
-}
-
-function renderAgentIcons(root) {
-  if (!root || !window.lucide?.createIcons) return;
-  try {
-    lucide.createIcons({ elements: [root] });
-  } catch (error) {
-    console.warn('Agent config icon render failed:', error);
-  }
-}
-
-</script>
-  <script>
-/* inline: scripts/agent-manage.js */
-/**
- * TalkingQ Platform - Application Management Page
- * 应用管理：多模态交互应用 / 语音交互应用
- */
-
-function renderAgentManagePage(container, typeFilter = 'all') {
-  const RECYCLE_RETENTION_DAYS = 7;
-  const RECYCLE_RETENTION_MS = RECYCLE_RETENTION_DAYS * 24 * 60 * 60 * 1000;
-  const fallbackCompanies = [
-    { id: 'company_a', name: '智慧星科技' },
-    { id: 'company_b', name: '未来玩具厂' },
-    { id: 'company_c', name: '童趣电子' },
-  ];
-  const appCompanyFallbacks = {
-    'app-001': 'company_a',
-    'app-002': 'company_b',
-    'app-003': 'company_c',
-    'app-004': 'company_c',
-  };
-
-  function getSelectableAppCompanies() {
-    const source = window.companies?.length ? window.companies : fallbackCompanies;
-    return source.filter(company => company.id !== 'all');
-  }
-
-  function getAppCompanyName(companyId) {
-    return window.__getCompanyNameById
-      ? window.__getCompanyNameById(companyId)
-      : (getSelectableAppCompanies().find(company => company.id === companyId)?.name || companyId || '未知公司');
-  }
-
-  function getDefaultAppCompanyId() {
-    const companies = getSelectableAppCompanies();
-    const currentCompanyId = window.__getCurrentCompanyId ? window.__getCurrentCompanyId() : window.currentCompany;
-    if (currentCompanyId && currentCompanyId !== 'all' && companies.some(company => company.id === currentCompanyId)) {
-      return currentCompanyId;
-    }
-    return companies[0]?.id || 'company_a';
-  }
-
-  function normalizeAppCompany(app) {
-    const companies = getSelectableAppCompanies();
-    const mappedCompanyId = appCompanyFallbacks[app.id];
-    const fallbackCompanyId = companies.some(company => company.id === mappedCompanyId)
-      ? mappedCompanyId
-      : getDefaultAppCompanyId();
-    const companyId = companies.some(company => company.id === app.companyId) ? app.companyId : fallbackCompanyId;
-    app.companyId = companyId;
-    app.companyName = getAppCompanyName(companyId);
-    return app;
-  }
-
-  // 模拟应用数据
-  const defaultApps = [
-    {
-      id: 'app-001', type: 'multimodal', name: '小Q 故事机器人', companyId: 'company_a',
-      status: 'published', // published | editing | draft
-      firmwareVersion: 'v2.3.1', firmwareConnected: true,
-      updatedAt: '2026-05-13 10:24:38',
-      description: '为 3-10 岁儿童设计的互动故事讲述应用',
-      dau: 8420
-    },
-    {
-      id: 'app-002', type: 'voice', name: '英语学习助手', companyId: 'company_b',
-      status: 'editing',
-      firmwareVersion: 'v2.0.2', firmwareConnected: true,
-      updatedAt: '2026-05-12 15:09:07',
-      description: '基于对话的英语口语训练应用',
-      dau: 3120
-    },
-    {
-      id: 'app-003', type: 'voice', name: '科学百科探索者', companyId: 'company_c',
-      status: 'draft',
-      firmwareVersion: null, firmwareConnected: false,
-      updatedAt: '2026-05-10 08:52:11',
-      description: '引导儿童探索科学知识的问答应用',
-      dau: 0
-    },
-    {
-      id: 'app-004', type: 'multimodal', name: '数学小课堂', companyId: 'company_c',
-      status: 'published',
-      firmwareVersion: 'v1.8.2', firmwareConnected: true,
-      updatedAt: '2026-05-08 17:33:55',
-      description: '趣味数学题与可视化解析',
-      dau: 2180
-    },
-  ];
-  if (!window.__agentManagedApps) {
-    window.__agentManagedApps = defaultApps.map(app => normalizeAppCompany({ ...app }));
-  }
-  window.__agentManagedApps.forEach(normalizeAppCompany);
-  let apps = window.__agentManagedApps;
-
-  let currentFilter = 'all';
-  let currentTypeFilter = typeFilter || window.__appTypeFilter || 'all';
-  window.__appTypeFilter = 'all';
-  let searchText = '';
-
-  function getNowText() {
-    return new Date().toLocaleString('zh-CN', {
-      year: 'numeric',
-      month: '2-digit',
-      day: '2-digit',
-      hour: '2-digit',
-      minute: '2-digit',
-      second: '2-digit',
-      hour12: false
-    }).replace(/\//g, '-');
-  }
-
-  function getActiveApps() {
-    return apps.filter(app => !app.deletedAt);
-  }
-
-  function getRecycledApps() {
-    return apps
-      .filter(app => app.deletedAt)
-      .sort((a, b) => new Date(b.deletedAt) - new Date(a.deletedAt));
-  }
-
-  function getRecycleExpireAt(app) {
-    const deletedTime = new Date(app.deletedAt || Date.now()).getTime();
-    return new Date(deletedTime + RECYCLE_RETENTION_MS);
-  }
-
-  function getRecycleRemainingText(app) {
-    const remainingMs = getRecycleExpireAt(app).getTime() - Date.now();
-    if (remainingMs <= 0) return '待自动清理';
-    const days = Math.floor(remainingMs / (24 * 60 * 60 * 1000));
-    const hours = Math.ceil((remainingMs % (24 * 60 * 60 * 1000)) / (60 * 60 * 1000));
-    if (days <= 0) return `${Math.max(hours, 1)} 小时后清理`;
-    return `${days} 天 ${hours} 小时后清理`;
-  }
-
-  function pushAppLifecycleNotification({ title, detail, app, severity = 'info', metric = '应用生命周期' }) {
-    window.__addRuntimeNotification?.({
-      eventType: 'agent.lifecycle',
-      id: `agent-lifecycle-${Date.now()}-${Math.random().toString(16).slice(2, 7)}`,
-      title,
-      detail,
-      objectName: app?.name || '交互应用',
-      metric,
-      severity,
-      actionPage: app?.type === 'voice' ? 'agent-manage-voice' : app?.type === 'multimodal' ? 'agent-manage-multimodal' : 'agent-manage',
-      actionText: '查看应用',
-    });
-  }
-
-  function cleanupExpiredRecycledApps({ notify = true } = {}) {
-    const now = Date.now();
-    const expiredApps = apps.filter(app => app.deletedAt && getRecycleExpireAt(app).getTime() <= now);
-    if (!expiredApps.length) return;
-    API.agents.cleanupRecycleBin().catch(error => {
-      console.warn('Recycle bin cleanup failed in mock mode', error);
-    });
-    window.__agentManagedApps = apps = apps.filter(app => !app.deletedAt || getRecycleExpireAt(app).getTime() > now);
-    if (notify) {
-      Toast.info(`系统已自动清理 ${expiredApps.length} 个超过 ${RECYCLE_RETENTION_DAYS} 天的回收站应用`, 1800);
-      pushAppLifecycleNotification({
-        title: `回收站已自动清理 ${expiredApps.length} 个过期应用`,
-        detail: `系统按 ${RECYCLE_RETENTION_DAYS} 天保留策略清理了：${expiredApps.map(app => app.name).join('、')}。后端接入后该操作应写入审计日志，并触发站内消息。`,
-        app: expiredApps[0],
-        severity: 'warning',
-        metric: `${RECYCLE_RETENTION_DAYS} 天保留到期`,
-      });
-    }
-  }
-  cleanupExpiredRecycledApps({ notify: true });
-
-  function getStatusLabel(status) {
-    const map = {
-      published: { label: '已发布', cls: 'badge-success' },
-      editing: { label: '已发布·编辑中', cls: 'badge-warning' },
-      draft: { label: '草稿', cls: 'badge-default' },
-    };
-    return map[status] || { label: status, cls: 'badge-default' };
-  }
-
-  function getTypeInfo(type) {
-    if (type === 'multimodal') return { label: '多模态交互', icon: 'monitor-smartphone', color: '#722ed1', bg: '#f9f0ff' };
-    return { label: '语音交互', icon: 'mic', color: '#1890ff', bg: '#e6f7ff' };
-  }
-
-  function renderApps() {
-    cleanupExpiredRecycledApps({ notify: false });
-    const recycleCountEl = document.getElementById('appRecycleCount');
-    if (recycleCountEl) recycleCountEl.textContent = getRecycledApps().length;
-    const filtered = getActiveApps().filter(a => {
-      const matchFilter = currentFilter === 'all' || a.status === currentFilter;
-      const matchType = currentTypeFilter === 'all' || a.type === currentTypeFilter;
-      const matchSearch = !searchText || a.name.includes(searchText) || a.id.includes(searchText);
-      return matchFilter && matchType && matchSearch;
-    });
-
-    const grid = document.getElementById('appGrid');
-    if (!grid) return;
-    updateFilterCounts();
-
-    if (filtered.length === 0) {
-      grid.innerHTML = `
-        <div class="empty-state" style="grid-column:1/-1">
-          <i data-lucide="search-x" style="width:40px;height:40px;color:var(--text-muted);margin-bottom:12px"></i>
-          <p style="font-size:15px;font-weight:600;margin-bottom:6px">暂无符合条件的应用</p>
-          <p>试试调整筛选条件或创建新应用</p>
-        </div>
-        <div class="app-card app-card-new" id="createAppCard">
-          <i data-lucide="plus-circle" style="width:36px;height:36px;color:var(--text-muted);margin-bottom:10px"></i>
-          <span style="font-size:13px;color:var(--text-muted);font-weight:500">创建新应用</span>
-        </div>`;
-      lucide.createIcons({ elements: [grid] });
-      document.getElementById('createAppCard')?.addEventListener('click', () => {
-        showCreateAppModal();
-      });
-      return;
-    }
-
-    grid.innerHTML = filtered.map(app => {
-      const st = getStatusLabel(app.status);
-      const tp = getTypeInfo(app.type);
-      return `
-        <div class="app-card" data-id="${app.id}">
-          <div class="app-card-header">
-            <div class="app-type-badge" style="background:${tp.bg};color:${tp.color}">
-              <i data-lucide="${tp.icon}" style="width:13px;height:13px"></i>
-              <span>${tp.label}</span>
-            </div>
-            <span class="badge ${st.cls}">${st.label}</span>
-          </div>
-
-          <div class="app-card-body">
-            <div class="app-icon" style="background:${tp.bg}">
-              <i data-lucide="${tp.icon}" style="color:${tp.color};width:24px;height:24px"></i>
-            </div>
-            <div class="app-info">
-              <div class="app-name">${app.name}</div>
-              <div class="app-desc">${app.description}</div>
-            </div>
-          </div>
-
-          <div class="app-meta">
-            <div class="app-meta-item">
-              <span class="app-meta-label">应用 ID</span>
-              <span class="app-meta-val monospace">${app.id}</span>
-            </div>
-            <div class="app-meta-item">
-              <span class="app-meta-label">所属公司</span>
-              <span class="app-meta-val">${getAppCompanyName(app.companyId)}</span>
-            </div>
-            <div class="app-meta-item">
-              <span class="app-meta-label">更新时间</span>
-              <span class="app-meta-val">${app.updatedAt}</span>
-            </div>
-            <div class="app-meta-item">
-              <span class="app-meta-label">固件版本</span>
-              <span class="app-meta-val ${app.firmwareConnected ? '' : 'text-muted'}">
-                ${app.firmwareConnected ? app.firmwareVersion : '未接入固件'}
-              </span>
-            </div>
-          </div>
-
-          <div class="app-card-actions">
-            <button class="btn btn-primary app-action-config" data-id="${app.id}">
-              <i data-lucide="settings"></i> 配置应用
-            </button>
-            <div class="app-action-more" data-app-menu>
-              <button class="btn btn-outline app-action-more-trigger" type="button" data-app-menu-trigger data-id="${app.id}" aria-label="更多操作" aria-expanded="false">
-                <i data-lucide="more-horizontal"></i>
-              </button>
-              <div class="app-action-menu">
-                <button type="button" class="app-action-menu-item" data-app-action="analytics" data-id="${app.id}">
-                  <i data-lucide="bar-chart-2"></i><span>查看数据</span>
-                </button>
-                <button type="button" class="app-action-menu-item" data-app-action="api" data-id="${app.id}">
-                  <i data-lucide="plug"></i><span>API 接入</span>
-                </button>
-                <button type="button" class="app-action-menu-item" data-app-action="duplicate" data-id="${app.id}">
-                  <i data-lucide="copy"></i><span>复制应用</span>
-                </button>
-                <button type="button" class="app-action-menu-item danger" data-app-action="delete" data-id="${app.id}">
-                  <i data-lucide="trash-2"></i><span>删除应用</span>
-                </button>
-              </div>
-            </div>
-          </div>
-        </div>
-      `;
-    }).join('') + `
-      <!-- 创建新应用占位卡 -->
-      <div class="app-card app-card-new" id="createAppCard">
-        <i data-lucide="plus-circle" style="width:36px;height:36px;color:var(--text-muted);margin-bottom:10px"></i>
-        <span style="font-size:13px;color:var(--text-muted);font-weight:500">创建新应用</span>
-      </div>
-    `;
-
-    lucide.createIcons({ elements: [grid] });
-
-    // 绑定配置按钮
-    grid.querySelectorAll('.app-action-config').forEach(btn => {
-      btn.addEventListener('click', () => {
-        const appId = btn.dataset.id;
-        // 传递选中的 appId
-        window.__selectedAppId = appId;
-        navigateTo('agent-config');
-      });
-    });
-
-    // 绑定新建卡片
-    document.getElementById('createAppCard')?.addEventListener('click', () => {
-      showCreateAppModal();
-    });
-
-    grid.querySelectorAll('[data-app-menu-trigger]').forEach(btn => {
-      btn.addEventListener('click', (event) => {
-        event.stopPropagation();
-        const menu = btn.closest('[data-app-menu]');
-        const isOpen = menu?.classList.contains('open');
-        grid.querySelectorAll('[data-app-menu].open').forEach(item => {
-          item.classList.remove('open');
-          item.querySelector('[data-app-menu-trigger]')?.setAttribute('aria-expanded', 'false');
-        });
-        if (!isOpen) {
-          menu?.classList.add('open');
-          btn.setAttribute('aria-expanded', 'true');
-        }
-      });
-    });
-
-    grid.querySelectorAll('[data-app-action]').forEach(btn => {
-      btn.addEventListener('click', (event) => {
-        event.stopPropagation();
-        const action = btn.dataset.appAction;
-        const appId = btn.dataset.id;
-        const app = apps.find(item => item.id === appId);
-        if (!app) return;
-        btn.closest('[data-app-menu]')?.classList.remove('open');
-
-        if (action === 'analytics') {
-          const companyId = normalizeAppCompany(app).companyId;
-          const role = window.__getUserRole ? window.__getUserRole() : 'admin';
-          const allowedCompanyIds = window.__getAllowedCompanyIds ? window.__getAllowedCompanyIds(role) : ['all'];
-          if (!allowedCompanyIds.includes(companyId)) {
-            Toast.warning('当前角色无权查看该公司数据');
-            return;
-          }
-          if (window.switchCompany) {
-            window.switchCompany(companyId);
-          } else {
-            window.currentCompany = companyId;
-            window.__syncCompanySelectorValue?.(companyId);
-          }
-          window.__dashboardAppScope = { id: app.id, name: app.name, type: app.type, companyId, companyName: getAppCompanyName(companyId) };
-          navigateTo('dashboard');
-        } else if (action === 'api') {
-          window.showApiIntegrationModal(app.id, app.name);
-        } else if (action === 'duplicate') {
-          window.duplicateApp(app.id);
-        } else if (action === 'delete') {
-          window.deleteApp(app.id, app.name);
-        }
-      });
-    });
-
-  }
-
-  function getTypeScopedApps() {
-    return getActiveApps().filter(a => currentTypeFilter === 'all' || a.type === currentTypeFilter);
-  }
-
-  function updateFilterCounts() {
-    const scoped = getTypeScopedApps();
-    document.querySelectorAll('.filter-tab').forEach(tab => {
-      const filter = tab.dataset.filter;
-      const countEl = tab.querySelector('.filter-count');
-      if (!countEl) return;
-      countEl.textContent = filter === 'all'
-        ? scoped.length
-        : scoped.filter(app => app.status === filter).length;
-    });
-  }
-
-  function setActiveFilter(filter) {
-    currentFilter = filter;
-    document.querySelectorAll('.filter-tab').forEach(tab => {
-      tab.classList.toggle('active', tab.dataset.filter === filter);
-    });
-    updateFilterCounts();
-  }
-
-  function clearAppSearch() {
-    searchText = '';
-    const input = document.getElementById('appSearchInput');
-    if (input) input.value = '';
-  }
-
-  function revealCreatedApp(app) {
-    clearAppSearch();
-    if (currentTypeFilter !== 'all' && currentTypeFilter !== app.type) {
-      window.__appTypeFilter = app.type;
-      setTimeout(() => navigateTo(app.type === 'voice' ? 'agent-manage-voice' : 'agent-manage-multimodal'), 0);
-      return;
-    }
-    setActiveFilter('all');
-    renderApps();
-  }
-
-  const typeScopedApps = getTypeScopedApps();
-
-  container.innerHTML = `
-    <div class="page-header">
-      <div>
-        <div class="page-title">${currentTypeFilter === 'multimodal' ? '多模态交互应用' : currentTypeFilter === 'voice' ? '语音交互应用' : '应用管理'}</div>
-        <div class="page-desc">${currentTypeFilter === 'multimodal' ? '管理多模态交互应用，跟踪版本状态与性能数据' : currentTypeFilter === 'voice' ? '管理语音交互应用，跟踪版本状态与性能数据' : '管理多模态交互应用与语音交互应用，跟踪版本状态与性能数据'}</div>
-      </div>
-      <div class="page-actions">
-        <button class="btn btn-outline" id="openAppRecycleBtn">
-          <i data-lucide="archive-restore"></i> 回收站
-          <span class="app-recycle-count" id="appRecycleCount">${getRecycledApps().length}</span>
-        </button>
-        <button class="btn btn-primary" id="createAppBtn">
-          <i data-lucide="plus"></i> 创建应用
-        </button>
-      </div>
-    </div>
-
-    <!-- 筛选栏 -->
-    <div class="filter-bar">
-      <div class="filter-tabs" id="filterTabs">
-        <button class="filter-tab active" data-filter="all">全部<span class="filter-count">${typeScopedApps.length}</span></button>
-        <button class="filter-tab" data-filter="draft">草稿<span class="filter-count">${typeScopedApps.filter(a=>a.status==='draft').length}</span></button>
-        <button class="filter-tab" data-filter="editing">已发布·编辑中<span class="filter-count">${typeScopedApps.filter(a=>a.status==='editing').length}</span></button>
-        <button class="filter-tab" data-filter="published">已发布<span class="filter-count">${typeScopedApps.filter(a=>a.status==='published').length}</span></button>
-      </div>
-      <div class="filter-search">
-        <i data-lucide="search" style="width:14px;height:14px;color:var(--text-muted)"></i>
-        <input type="text" placeholder="搜索应用名称 / ID" id="appSearchInput">
-      </div>
-    </div>
-
-    <!-- 应用网格 -->
-    <div class="app-grid" id="appGrid"></div>
-  `;
-
-  lucide.createIcons({ elements: [container] });
-  renderApps();
-
-  // 筛选 tab 切换
-  document.querySelectorAll('.filter-tab').forEach(tab => {
-    tab.addEventListener('click', () => {
-      currentFilter = tab.dataset.filter;
-      document.querySelectorAll('.filter-tab').forEach(t => t.classList.remove('active'));
-      tab.classList.add('active');
-      renderApps();
-    });
-  });
-
-  // 搜索
-  document.getElementById('appSearchInput')?.addEventListener('input', (e) => {
-    searchText = e.target.value.trim();
-    renderApps();
-  });
-
-  // 顶部创建按钮
-  document.getElementById('createAppBtn')?.addEventListener('click', showCreateAppModal);
-  document.getElementById('openAppRecycleBtn')?.addEventListener('click', showRecycleBinModal);
-
-  if (window.__appMenuCloseHandler) {
-    document.removeEventListener('click', window.__appMenuCloseHandler);
-  }
-  window.__appMenuCloseHandler = (event) => {
-    if (event.target.closest?.('[data-app-menu]')) return;
-    container.querySelectorAll('[data-app-menu].open').forEach(menu => {
-      menu.classList.remove('open');
-      menu.querySelector('[data-app-menu-trigger]')?.setAttribute('aria-expanded', 'false');
-    });
-  };
-  document.addEventListener('click', window.__appMenuCloseHandler);
-
-  // ─── 工具函数 ────────────────────────────────────────────────
-  window.duplicateApp = function(appId) {
-    const app = apps.find(a => a.id === appId && !a.deletedAt);
-    if (!app) return;
-    const newApp = {
-      ...app,
-      id: 'app-' + String(Date.now()).slice(-3),
-      name: app.name + '（副本）',
-      status: 'draft',
-      firmwareConnected: false,
-      firmwareVersion: null,
-      updatedAt: new Date().toLocaleString('zh-CN', { year: 'numeric', month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit', second: '2-digit', hour12: false }).replace(/\//g, '-'),
-      dau: 0,
-      deletedAt: null,
-      deletedBy: null,
-    };
-    apps.push(newApp);
-    revealCreatedApp(newApp);
-    Toast.success(`已复制"${app.name}"为草稿`);
-  };
-
-  window.deleteApp = function(appId, appName) {
-    const app = apps.find(a => a.id === appId && !a.deletedAt);
-    if (!app) return;
-    createModal({
-      title: '移入回收站',
-      content: `
-        <p style="margin-bottom:12px">确定要将应用 <strong>${appName}</strong> 移入回收站吗？</p>
-        <div class="app-recycle-note">
-          <i data-lucide="info"></i>
-          <div>
-            <strong>保留 ${RECYCLE_RETENTION_DAYS} 天</strong>
-            <span>移入回收站后应用会从正常列表隐藏，${RECYCLE_RETENTION_DAYS} 天内可恢复；到期后系统自动清理。该操作会在消息通知中提醒管理员。</span>
-          </div>
-        </div>
-      `,
-      confirmText: '移入回收站',
-      onConfirm: async () => {
-        try {
-          await API.agents.delete(appId);
-        } catch (error) {
-          Toast.error('应用移入回收站失败，请稍后重试');
-          return false;
-        }
-        app.deletedAt = new Date().toISOString();
-        app.deletedBy = sessionStorage.getItem('talkingq_user') || 'Admin';
-        app.updatedAt = getNowText();
-        renderApps();
-        Toast.success(`应用"${appName}"已移入回收站，${RECYCLE_RETENTION_DAYS} 天后自动清理`);
-        pushAppLifecycleNotification({
-          title: `应用「${appName}」已移入回收站`,
-          detail: `应用「${appName}」已从正常应用列表隐藏，将在 ${getRecycleExpireAt(app).toLocaleString('zh-CN', { hour12: false }).replace(/\//g, '-')} 后自动清理。${RECYCLE_RETENTION_DAYS} 天内可在应用管理回收站恢复。`,
-          app,
-          severity: 'warning',
-          metric: `${RECYCLE_RETENTION_DAYS} 天后自动清理`,
-        });
-      }
-    });
-  };
-
-  function showRecycleBinModal() {
-    cleanupExpiredRecycledApps({ notify: true });
-    const recycledApps = getRecycledApps();
-    const modal = createModal({
-      title: `应用回收站（保留 ${RECYCLE_RETENTION_DAYS} 天）`,
-      size: 'large',
-      showCancel: false,
-      confirmText: '关闭',
-      content: `
-        <div class="app-recycle-panel">
-          <div class="app-recycle-summary">
-            <div>
-              <strong>${recycledApps.length}</strong>
-              <span>个应用等待清理</span>
-            </div>
-            <p>回收站仅保留 ${RECYCLE_RETENTION_DAYS} 天。恢复后应用会回到原公司和原类型列表；彻底删除后前端 mock 中不再可恢复。</p>
-          </div>
-          ${recycledApps.length === 0 ? `
-            <div class="empty-state app-recycle-empty">
-              <i data-lucide="archive-restore" style="width:40px;height:40px;color:var(--text-muted);margin-bottom:12px"></i>
-              <p style="font-size:15px;font-weight:600;margin-bottom:6px">回收站为空</p>
-              <p>被删除的交互应用会在这里保留 ${RECYCLE_RETENTION_DAYS} 天。</p>
-            </div>
-          ` : `
-            <div class="app-recycle-list">
-              ${recycledApps.map(app => {
-                const tp = getTypeInfo(app.type);
-                const deletedAt = new Date(app.deletedAt).toLocaleString('zh-CN', { hour12: false }).replace(/\//g, '-');
-                const expireAt = getRecycleExpireAt(app).toLocaleString('zh-CN', { hour12: false }).replace(/\//g, '-');
-                return `
-                  <div class="app-recycle-item" data-recycle-app="${app.id}">
-                    <div class="app-recycle-item-main">
-                      <div class="app-recycle-icon" style="background:${tp.bg};color:${tp.color}">
-                        <i data-lucide="${tp.icon}"></i>
-                      </div>
-                      <div>
-                        <div class="app-recycle-name">${app.name}</div>
-                        <div class="app-recycle-meta">
-                          <span>${tp.label}</span>
-                          <span>${getAppCompanyName(app.companyId)}</span>
-                          <span>ID: ${app.id}</span>
-                        </div>
-                        <div class="app-recycle-time">
-                          删除时间：${deletedAt} · 到期清理：${expireAt} · ${getRecycleRemainingText(app)}
-                        </div>
-                      </div>
-                    </div>
-                    <div class="app-recycle-actions">
-                      <button class="btn btn-outline btn-sm" data-recycle-action="restore" data-id="${app.id}">
-                        <i data-lucide="rotate-ccw"></i> 恢复
-                      </button>
-                      <button class="btn btn-ghost btn-sm danger" data-recycle-action="purge" data-id="${app.id}">
-                        <i data-lucide="trash-2"></i> 彻底删除
-                      </button>
-                    </div>
-                  </div>
-                `;
-              }).join('')}
-            </div>
-          `}
-        </div>
-      `,
-      onConfirm: () => true,
-    });
-
-    setTimeout(() => {
-      lucide.createIcons({ elements: [modal.overlay] });
-      modal.overlay.querySelectorAll('[data-recycle-action]').forEach(btn => {
-        btn.addEventListener('click', async (event) => {
-          event.preventDefault();
-          event.stopPropagation();
-          const app = apps.find(item => item.id === btn.dataset.id && item.deletedAt);
-          if (!app) return;
-          if (btn.dataset.recycleAction === 'restore') {
-            btn.disabled = true;
-            try {
-              await API.agents.restore(app.id);
-            } catch (error) {
-              Toast.error('应用恢复失败，请稍后重试');
-              btn.disabled = false;
-              return;
-            }
-            app.deletedAt = null;
-            app.deletedBy = null;
-            app.updatedAt = getNowText();
-            modal.close();
-            renderApps();
-            Toast.success(`应用"${app.name}"已恢复`);
-            pushAppLifecycleNotification({
-              title: `应用「${app.name}」已从回收站恢复`,
-              detail: `应用「${app.name}」已恢复到 ${getAppCompanyName(app.companyId)} 的${getTypeInfo(app.type).label}列表，可继续配置、发布和查看数据。`,
-              app,
-              severity: 'success',
-              metric: '已恢复',
-            });
-          }
-          if (btn.dataset.recycleAction === 'purge') {
-            createModal({
-              title: '彻底删除应用',
-              content: `<p style="margin-bottom:12px">确定要彻底删除 <strong>${app.name}</strong> 吗？</p><p style="color:var(--danger);font-size:13px">彻底删除后将从回收站移除，前端 mock 中不可恢复。后端接入时应同步删除应用配置或进入异步清理任务。</p>`,
-              confirmText: '彻底删除',
-              onConfirm: async () => {
-                try {
-                  await API.agents.purge(app.id);
-                } catch (error) {
-                  Toast.error('应用彻底删除失败，请稍后重试');
-                  return false;
-                }
-                const deletedName = app.name;
-                const deletedApp = { ...app };
-                window.__agentManagedApps = apps = apps.filter(item => item.id !== app.id);
-                modal.close();
-                renderApps();
-                Toast.success(`应用"${deletedName}"已彻底删除`);
-                pushAppLifecycleNotification({
-                  title: `应用「${deletedName}」已彻底删除`,
-                  detail: `应用「${deletedName}」已从回收站中彻底删除。后端接入后建议保留审计日志，并异步清理配置、运行记录索引和关联缓存。`,
-                  app: deletedApp,
-                  severity: 'critical',
-                  metric: '不可恢复',
-                });
-              }
-            });
-          }
-        });
-      });
-    }, 50);
-  }
-
-  window.showApiIntegrationModal = function(appId, appName) {
-    createModal({
-      title: `API 接入 — ${appName}`,
-      content: `
-        <div style="margin-bottom:16px">
-          <div class="form-label" style="margin-bottom:6px">App ID</div>
-          <div style="display:flex;gap:8px;align-items:center">
-            <code style="flex:1;background:#f5f5f5;padding:8px 12px;border-radius:6px;font-size:13px;border:1px solid var(--border)">${appId}</code>
-            <button class="btn btn-outline btn-sm" onclick="copyText('${appId}', '已复制 App ID')">
-              <i data-lucide="copy"></i>
-            </button>
-          </div>
-        </div>
-        <div style="margin-bottom:16px">
-          <div class="form-label" style="margin-bottom:6px">API Key</div>
-          <div style="display:flex;gap:8px;align-items:center">
-            <code style="flex:1;background:#f5f5f5;padding:8px 12px;border-radius:6px;font-size:13px;border:1px solid var(--border)">sk-tq-••••••••••••••••••••••••</code>
-            <button class="btn btn-outline btn-sm" onclick="Toast.info('请在系统设置中管理 API Key')">
-              <i data-lucide="eye"></i>
-            </button>
-          </div>
-        </div>
-        <div class="api-note" style="margin-top:0">
-          <i data-lucide="info"></i>
-          <div>访问文档：<code>POST https://api.talkingq.com/v1/chat/completions</code>，Header 携带 <code>Authorization: Bearer &lt;API_KEY&gt;</code></div>
-        </div>
-      `,
-    });
-    setTimeout(() => lucide.createIcons(), 100);
-  };
-
-  function showCreateAppModal() {
-    const defaultType = currentTypeFilter === 'voice' ? 'voice' : 'multimodal';
-    const selectableCompanies = getSelectableAppCompanies();
-    const defaultCompanyId = getDefaultAppCompanyId();
-    createModal({
-      title: '创建应用',
-      content: `
-        <div class="form-group">
-          <label class="form-label">应用类型<span class="required">*</span></label>
-          <div style="display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px">
-            <label class="app-type-selector ${defaultType === 'multimodal' ? 'selected' : ''}" data-type="multimodal" id="typeMultimodal">
-              <input type="radio" name="appType" value="multimodal" ${defaultType === 'multimodal' ? 'checked' : ''} style="display:none">
-              <div style="display:flex;align-items:center;gap:10px">
-                <div style="width:36px;height:36px;border-radius:8px;background:#f9f0ff;display:flex;align-items:center;justify-content:center;flex-shrink:0">
-                  <i data-lucide="monitor-smartphone" style="color:#722ed1;width:18px;height:18px"></i>
-                </div>
-                <div>
-                  <div style="font-size:13px;font-weight:600">多模态交互</div>
-                  <div style="font-size:11px;color:var(--text-muted)">支持图文/语音/视频</div>
-                </div>
-              </div>
-            </label>
-            <label class="app-type-selector ${defaultType === 'voice' ? 'selected' : ''}" data-type="voice" id="typeVoice">
-              <input type="radio" name="appType" value="voice" ${defaultType === 'voice' ? 'checked' : ''} style="display:none">
-              <div style="display:flex;align-items:center;gap:10px">
-                <div style="width:36px;height:36px;border-radius:8px;background:#e6f7ff;display:flex;align-items:center;justify-content:center;flex-shrink:0">
-                  <i data-lucide="mic" style="color:#1890ff;width:18px;height:18px"></i>
-                </div>
-                <div>
-                  <div style="font-size:13px;font-weight:600">语音交互</div>
-                  <div style="font-size:11px;color:var(--text-muted)">纯语音对话场景</div>
-                </div>
-              </div>
-            </label>
-          </div>
-        </div>
-        <div class="form-group">
-          <label class="form-label">所属公司<span class="required">*</span></label>
-          <select class="form-control" id="newAppCompany">
-            ${selectableCompanies.map(company => `<option value="${company.id}" ${company.id === defaultCompanyId ? 'selected' : ''}>${company.name}</option>`).join('')}
-          </select>
-        </div>
-        <div class="form-group">
-          <label class="form-label">应用名称<span class="required">*</span></label>
-          <input type="text" class="form-control" id="newAppName" placeholder="例：科学探索小达人">
-        </div>
-        <div class="form-group">
-          <label class="form-label">应用描述</label>
-          <textarea class="form-control" id="newAppDesc" placeholder="简要描述应用的功能和目标用户" style="height:72px"></textarea>
-        </div>
-      `,
-      onConfirm: () => {
-        const name = document.getElementById('newAppName')?.value.trim();
-        const desc = document.getElementById('newAppDesc')?.value.trim();
-        const type = document.querySelector('input[name="appType"]:checked')?.value || 'multimodal';
-        const companyId = document.getElementById('newAppCompany')?.value;
-        if (!name) { Toast.warning('请填写应用名称'); return false; }
-        if (!companyId) { Toast.warning('请选择所属公司'); return false; }
-        const newApp = {
-          id: 'app-' + String(Date.now()).slice(-4),
-          type, name, companyId, companyName: getAppCompanyName(companyId), description: desc || '暂无描述',
-          status: 'draft',
-          firmwareVersion: null, firmwareConnected: false,
-          updatedAt: new Date().toLocaleString('zh-CN', { year: 'numeric', month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit', second: '2-digit', hour12: false }).replace(/\//g, '-'),
-          dau: 0,
-        };
-        apps.push(newApp);
-        revealCreatedApp(newApp);
-        Toast.success(`应用"${name}"创建成功`);
-      },
-      confirmText: '创建',
-    });
-
-    // 等 DOM 渲染后绑定事件
-    setTimeout(() => {
-      lucide.createIcons();
-      document.querySelectorAll('.app-type-selector').forEach(el => {
-        el.addEventListener('click', () => {
-          document.querySelectorAll('.app-type-selector').forEach(s => s.classList.remove('selected'));
-          el.classList.add('selected');
-          el.querySelector('input[type=radio]').checked = true;
-        });
-      });
-    }, 50);
-  }
-}
-
-registerPage('agent-manage', function(container) {
-  renderAgentManagePage(container, window.__appTypeFilter || 'all');
-});
-
-window.__agentManageRender = renderAgentManagePage;
-
-registerPage('agent-manage-multimodal', function(container) {
-  renderAgentManagePage(container, 'multimodal');
-});
-
-registerPage('agent-manage-voice', function(container) {
-  renderAgentManagePage(container, 'voice');
-});
-
-</script>
-  <script>
-/* inline: scripts/knowledge-base.js */
-/**
- * TalkingQ Platform - 知识库管理页面
- * 包含知识库列表、添加知识库弹窗、筛选、分页等功能
- *
- * API预留:
- * - GET /api/v1/knowledge-bases - 获取知识库列表
- * - POST /api/v1/knowledge-bases - 创建知识库
- * - DELETE /api/v1/knowledge-bases/:id - 删除知识库
- * - POST /api/v1/knowledge-bases/:id/rebuild - 重建索引
- */
-
-registerPage('knowledge-base', function(container) {
-  // ==================== 状态管理 ====================
-  let currentFilter = 'all';
-  let searchText = '';
-  let selectedRows = new Set();
-  let currentPage = 1;
-  let pageSize = 10;
-  let sortField = 'updatedAt';
-  let sortOrder = 'desc';
-  let isLoading = true;
-  let hasStartedInitialLoad = false;
-  let kbData = [];
-
-  // ==================== API预留 - 后端接口定义 ====================
-  /**
-   * 获取知识库列表
-   * GET /api/v1/knowledge-bases
-   * Query: { page, pageSize, filter, search, sort, order }
-   * Response: { list: [], total, page, pageSize }
-   */
-  const API_GET_LIST = '/api/v1/knowledge-bases';
-
-  /**
-   * 删除知识库
-   * DELETE /api/v1/knowledge-bases/:id
-   * Response: { success: true }
-   */
-  const API_DELETE = '/api/v1/knowledge-bases/:id';
-
-  /**
-   * 重建索引
-   * POST /api/v1/knowledge-bases/:id/rebuild
-   * Response: { success: true, taskId: string }
-   */
-  const API_REBUILD = '/api/v1/knowledge-bases/:id/rebuild';
-
-  /**
-   * 批量删除
-   * DELETE /api/v1/knowledge-bases/batch
-   * Body: { ids: string[] }
-   * Response: { success: true, deleted: number }
-   */
-  const API_BATCH_DELETE = '/api/v1/knowledge-bases/batch';
-
-  /**
-   * 导出知识库
-   * GET /api/v1/knowledge-bases/:id/export
-   * Response: 文件流
-   */
-  const API_EXPORT = '/api/v1/knowledge-bases/:id/export';
-
-  // ==================== 模拟数据 ====================
-  const mockKbData = [
-    { id: 'kb-001', name: '儿童科学百科', description: '包含各类儿童科学知识的百科全书', docs: 2840, size: '128MB', type: 'doc_search', typeName: '文档搜索', status: 'ready', createdAt: '2026-05-01 10:00:00', updatedAt: '2026-05-10 14:32:15', tags: ['儿童', '科学'] },
-    { id: 'kb-002', name: '故事素材库 V2', description: '精选各类儿童故事素材', docs: 5200, size: '340MB', type: 'doc_search', typeName: '文档搜索', status: 'ready', createdAt: '2026-04-28 09:00:00', updatedAt: '2026-05-09 09:15:42', tags: ['故事', '儿童'] },
-    { id: 'kb-003', name: '小学数学知识点', description: '小学数学知识体系整理', docs: 1560, size: '86MB', type: 'doc_search', typeName: '文档搜索', status: 'processing', createdAt: '2026-05-08 14:00:00', updatedAt: '2026-05-11 16:45:30', tags: ['数学', '教育'] },
-    { id: 'kb-004', name: '英语启蒙词典', description: '儿童英语启蒙词汇', docs: 3200, size: '210MB', type: 'image_qa', typeName: '图片问答', status: 'ready', createdAt: '2026-04-20 11:00:00', updatedAt: '2026-05-08 11:20:08', tags: ['英语', '启蒙'] },
-    { id: 'kb-005', name: '唐诗宋词精选', description: '经典唐诗宋词收录', docs: 890, size: '45MB', type: 'doc_search', typeName: '文档搜索', status: 'ready', createdAt: '2026-04-15 08:00:00', updatedAt: '2026-05-07 08:30:55', tags: ['诗词', '文学'] },
-    { id: 'kb-006', name: '历史人物故事', description: '历史名人故事集', docs: 1200, size: '78MB', type: 'video_search', typeName: '音视频搜索', status: 'error', createdAt: '2026-04-10 16:00:00', updatedAt: '2026-05-06 14:10:22', tags: ['历史', '故事'] },
-    { id: 'kb-007', name: '产品参数数据库', description: '公司产品技术参数', docs: 450, size: '32MB', type: 'data_query', typeName: '数据查询', status: 'ready', createdAt: '2026-05-05 10:00:00', updatedAt: '2026-05-11 10:00:00', tags: ['产品', '技术'] },
-    { id: 'kb-008', name: '音乐教育资源库', description: '儿童音乐教育资源', docs: 560, size: '65MB', type: 'video_search', typeName: '音视频搜索', status: 'uploading', createdAt: '2026-05-12 10:00:00', updatedAt: '2026-05-12 18:00:00', tags: ['音乐', '教育'] },
-  ];
-
-  // 初始化数据。页面刷新后回到 mock；SPA 内新建/编辑/删除会保留在全局目录中。
-  kbData = Array.isArray(window.__knowledgeBaseCatalog) && window.__knowledgeBaseCatalog.length
-    ? window.__knowledgeBaseCatalog.map(item => ({ ...item, tags: [...(item.tags || [])] }))
-    : mockKbData.map(item => ({ ...item, tags: [...(item.tags || [])] }));
-  window.__knowledgeBaseCatalog = kbData;
-
-  function syncKnowledgeBaseCatalog() {
-    window.__knowledgeBaseCatalog = kbData;
-  }
-
-  function getKbById(id) {
-    return kbData.find(kb => kb.id === id);
-  }
-
-  function getNowText() {
-    const date = new Date();
-    const pad = value => String(value).padStart(2, '0');
-    return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())} ${pad(date.getHours())}:${pad(date.getMinutes())}:${pad(date.getSeconds())}`;
-  }
-
-  function downloadTextFile(filename, content, mime = 'application/json;charset=utf-8') {
-    const blob = new Blob([content], { type: mime });
-    const url = URL.createObjectURL(blob);
-    const link = document.createElement('a');
-    link.href = url;
-    link.download = filename;
-    document.body.appendChild(link);
-    link.click();
-    link.remove();
-    setTimeout(() => URL.revokeObjectURL(url), 1000);
-  }
-
-  // ==================== 工具函数 ====================
-
-  /**
-   * 获取状态标签信息
-   */
-  function getStatusBadge(status) {
-    const map = {
-      ready: { label: '已就绪', cls: 'ready' },
-      processing: { label: '处理中', cls: 'processing' },
-      uploading: { label: '上传中', cls: 'uploading' },
-      error: { label: '异常', cls: 'error' },
-    };
-    return map[status] || { label: status, cls: 'default' };
-  }
-
-  /**
-   * 获取类型标签信息
-   */
-  function getTypeTag(type) {
-    const types = {
-      doc_search: { label: '文档搜索', cls: 'doc_search' },
-      data_query: { label: '数据查询', cls: 'data_query' },
-      image_qa: { label: '图片问答', cls: 'image_qa' },
-      video_search: { label: '音视频搜索', cls: 'video_search' },
-    };
-    return types[type] || { label: type, cls: '' };
-  }
-
-  /**
-   * 获取类型图标
-   */
-  function getTypeIcon(type) {
-    const icons = {
-      doc_search: 'file-text',
-      data_query: 'table',
-      image_qa: 'image',
-      video_search: 'video'
-    };
-    return icons[type] || 'database';
-  }
-
-  /**
-   * 格式化时间
-   */
-  function formatTime(timeStr) {
-    if (!timeStr) return '-';
-    return timeStr;
-  }
-
-  /**
-   * HTML转义
-   */
-  function escapeHtml(str) {
-    if (!str) return '';
-    return str.replace(/&/g, '&amp;')
-               .replace(/</g, '&lt;')
-               .replace(/>/g, '&gt;')
-               .replace(/"/g, '&quot;');
-  }
-
-  /**
-   * 生成分页按钮HTML
-   */
-  function generatePagination(current, total) {
-    if (total <= 1) return '';
-
-    let html = '';
-    const maxVisible = 5;
-    let start = Math.max(1, current - Math.floor(maxVisible / 2));
-    let end = Math.min(total, start + maxVisible - 1);
-
-    if (end - start < maxVisible - 1) {
-      start = Math.max(1, end - maxVisible + 1);
-    }
-
-    if (start > 1) {
-      html += `<button class="kb-pagination-btn" onclick="window.__kbGoPage(1)">1</button>`;
-      if (start > 2) html += `<span style="padding:0 4px;color:var(--text-muted)">...</span>`;
-    }
-
-    for (let i = start; i <= end; i++) {
-      html += `<button class="kb-pagination-btn ${i === current ? 'active' : ''}" onclick="window.__kbGoPage(${i})">${i}</button>`;
-    }
-
-    if (end < total) {
-      if (end < total - 1) html += `<span style="padding:0 4px;color:var(--text-muted)">...</span>`;
-      html += `<button class="kb-pagination-btn" onclick="window.__kbGoPage(${total})">${total}</button>`;
-    }
-
-    return html;
-  }
-
-  // ==================== 数据处理 ====================
-
-  /**
-   * 筛选数据
-   */
-  function getFilteredData() {
-    let filtered = [...kbData];
-
-    // 状态筛选
-    if (currentFilter !== 'all') {
-      filtered = filtered.filter(kb => kb.status === currentFilter);
-    }
-
-    // 搜索筛选
-    if (searchText) {
-      const s = searchText.toLowerCase();
-      filtered = filtered.filter(kb =>
-        kb.name.toLowerCase().includes(s) ||
-        kb.description.toLowerCase().includes(s) ||
-        kb.id.toLowerCase().includes(s) ||
-        kb.tags.some(t => t.toLowerCase().includes(s))
-      );
-    }
-
-    // 排序
-    filtered.sort((a, b) => {
-      let valA = a[sortField];
-      let valB = b[sortField];
-      if (sortField === 'name' || sortField === 'typeName') {
-        return sortOrder === 'asc' ? valA.localeCompare(valB) : valB.localeCompare(valA);
-      }
-      if (sortField === 'createdAt' || sortField === 'updatedAt') {
-        valA = Date.parse(valA || '') || 0;
-        valB = Date.parse(valB || '') || 0;
-      } else {
-        valA = Number(valA) || 0;
-        valB = Number(valB) || 0;
-      }
-      return sortOrder === 'asc' ? valA - valB : valB - valA;
-    });
-
-    return filtered;
-  }
-
-  // ==================== 渲染函数 ====================
-
-  /**
-   * 渲染页面
-   */
-  function renderPage() {
-    const filteredData = getFilteredData();
-    const total = filteredData.length;
-    const totalPages = Math.ceil(total / pageSize) || 1;
-    const displayData = filteredData.slice((currentPage - 1) * pageSize, currentPage * pageSize);
-
-    // 统计
-    const readyCount = kbData.filter(k => k.status === 'ready').length;
-    const processingCount = kbData.filter(k => k.status === 'processing' || k.status === 'uploading').length;
-    const errorCount = kbData.filter(k => k.status === 'error').length;
-
-    container.innerHTML = `
-      <div class="page-container" style="padding:0">
-        <!-- 批量操作栏 -->
-        <div class="kb-batch-bar ${selectedRows.size > 0 ? 'visible' : ''}" id="batchBar">
-          <div class="kb-batch-info">
-            已选择 <strong>${selectedRows.size}</strong> 项
-          </div>
-          <div class="kb-batch-actions">
-            <button class="btn btn-sm btn-outline" onclick="window.__kbBatchExport()">
-              <i data-lucide="download" style="width:14px;height:14px"></i> 导出
-            </button>
-            <button class="btn btn-sm btn-danger" onclick="window.__kbBatchDelete()">
-              <i data-lucide="trash-2" style="width:14px;height:14px"></i> 删除
-            </button>
-            <button class="btn btn-sm btn-ghost" onclick="window.__kbClearSelection()">
-              取消选择
-            </button>
-          </div>
-        </div>
-
-        <!-- 页面头部 -->
-        <div class="kb-list-header">
-          <div class="kb-list-title">
-            <button class="page-back-btn" data-tooltip="返回应用管理" onclick="navigateTo('agent-manage')">
-              <i data-lucide="arrow-left" style="width:16px;height:16px"></i>
-            </button>
-            <div>
-              <h1 class="page-title">知识库管理</h1>
-              <p class="page-desc">管理和配置您的知识库，用于 AI 检索和问答</p>
-            </div>
-          </div>
-          <div class="kb-list-actions">
-            <button class="btn btn-primary" id="addKbBtn">
-              <i data-lucide="plus"></i> 创建知识库
-            </button>
-          </div>
-        </div>
-
-        <!-- 筛选栏 -->
-        <div class="filter-bar" style="justify-content:space-between">
-          <div class="filter-tabs">
-            <div class="filter-tab ${currentFilter === 'all' ? 'active' : ''}" data-filter="all" onclick="window.__kbFilter('all')">
-              全部 <span class="filter-count">${kbData.length}</span>
-            </div>
-            <div class="filter-tab ${currentFilter === 'ready' ? 'active' : ''}" data-filter="ready" onclick="window.__kbFilter('ready')">
-              已就绪 <span class="filter-count">${readyCount}</span>
-            </div>
-            <div class="filter-tab ${currentFilter === 'processing' ? 'active' : ''}" data-filter="processing" onclick="window.__kbFilter('processing')">
-              处理中 <span class="filter-count">${processingCount}</span>
-            </div>
-            <div class="filter-tab ${currentFilter === 'error' ? 'active' : ''}" data-filter="error" onclick="window.__kbFilter('error')">
-              异常 <span class="filter-count">${errorCount}</span>
-            </div>
-          </div>
-          <div class="filter-search">
-            <i data-lucide="search" style="width:15px;height:15px"></i>
-            <input type="text" id="kbSearchInput" placeholder="搜索知识库名称、描述、标签或ID..." value="${escapeHtml(searchText)}">
-          </div>
-        </div>
-
-        <!-- 加载状态 -->
-        ${isLoading ? `
-          <div class="kb-loading">
-            <div class="kb-loading-spinner"></div>
-            <span>加载中...</span>
-          </div>
-        ` : ''}
-
-        <!-- Skeleton加载状态 -->
-        ${isLoading ? renderSkeleton() : ''}
-
-        <!-- 表格 -->
-        ${!isLoading ? `
-          <div class="kb-table-wrapper">
-            <table class="kb-table">
-              <thead>
-                <tr>
-                  <th style="width:40px">
-                    <input type="checkbox" class="row-checkbox" id="selectAllKb" onchange="window.__kbSelectAll(this.checked)">
-                  </th>
-                  <th class="sortable ${sortField === 'name' ? 'sorted' : ''}" onclick="window.__kbSort('name')">
-                    知识库名称
-                    <i data-lucide="chevrons-up-down" class="sort-icon" style="width:12px;height:12px"></i>
-                  </th>
-                  <th class="sortable ${sortField === 'typeName' ? 'sorted' : ''}" onclick="window.__kbSort('typeName')">
-                    类型
-                    <i data-lucide="chevrons-up-down" class="sort-icon" style="width:12px;height:12px"></i>
-                  </th>
-                  <th class="sortable ${sortField === 'docs' ? 'sorted' : ''}" onclick="window.__kbSort('docs')">
-                    数据量
-                    <i data-lucide="chevrons-up-down" class="sort-icon" style="width:12px;height:12px"></i>
-                  </th>
-                  <th>状态</th>
-                  <th class="sortable ${sortField === 'createdAt' ? 'sorted' : ''}" onclick="window.__kbSort('createdAt')">
-                    创建时间
-                    <i data-lucide="chevrons-up-down" class="sort-icon" style="width:12px;height:12px"></i>
-                  </th>
-                  <th class="sortable ${sortField === 'updatedAt' ? 'sorted' : ''}" onclick="window.__kbSort('updatedAt')">
-                    更新时间
-                    <i data-lucide="chevrons-up-down" class="sort-icon" style="width:12px;height:12px"></i>
-                  </th>
-                  <th style="width:220px">操作</th>
-                </tr>
-              </thead>
-              <tbody>
-                ${displayData.length === 0 ? `
-                  <tr>
-                    <td colspan="8">
-                      ${renderEmptyState()}
-                    </td>
-                  </tr>
-                ` : displayData.map(kb => renderTableRow(kb)).join('')}
-              </tbody>
-            </table>
-
-            <!-- 分页 -->
-            ${total > 0 ? `
-              <div class="kb-pagination">
-                <div class="kb-pagination-info">
-                  共 <strong>${total}</strong> 条记录，每页 ${pageSize} 条
-                </div>
-                <div class="kb-pagination-controls">
-                  <button class="kb-pagination-btn" onclick="window.__kbGoPage(${currentPage > 1 ? currentPage - 1 : 1})" ${currentPage === 1 ? 'disabled' : ''}>
-                    <i data-lucide="chevron-left" style="width:14px;height:14px"></i>
-                  </button>
-                  ${generatePagination(currentPage, totalPages)}
-                  <button class="kb-pagination-btn" onclick="window.__kbGoPage(${currentPage < totalPages ? currentPage + 1 : totalPages})" ${currentPage === totalPages ? 'disabled' : ''}>
-                    <i data-lucide="chevron-right" style="width:14px;height:14px"></i>
-                  </button>
-                </div>
-              </div>
-            ` : ''}
-          </div>
-        ` : ''}
-      </div>
-    `;
-
-    lucide.createIcons({ elements: [container] });
-    bindEvents();
-  }
-
-  /**
-   * 渲染表格行
-   */
-  function renderTableRow(kb) {
-    return `
-      <tr class="${selectedRows.has(kb.id) ? 'selected' : ''}" data-id="${kb.id}">
-        <td>
-          <input type="checkbox" class="row-checkbox" ${selectedRows.has(kb.id) ? 'checked' : ''}
-            onchange="window.__kbToggleSelect('${kb.id}', this.checked)">
-        </td>
-        <td>
-          <div class="kb-name-cell">
-            <div class="kb-name-icon">
-              <i data-lucide="${getTypeIcon(kb.type)}" style="width:18px;height:18px"></i>
-            </div>
-            <div>
-              <div class="kb-name-text">${escapeHtml(kb.name)}</div>
-              <div class="kb-name-desc">${escapeHtml(kb.description) || '暂无描述'}</div>
-            </div>
-          </div>
-        </td>
-        <td>
-          <span class="kb-type-tag ${getTypeTag(kb.type).cls}">
-            ${getTypeTag(kb.type).label}
-          </span>
-        </td>
-        <td>
-          <div style="display:flex;flex-direction:column;gap:2px">
-            <span>${kb.docs.toLocaleString()} 文档</span>
-            <span style="font-size:12px;color:var(--text-muted)">${kb.size}</span>
-          </div>
-        </td>
-        <td>
-          <span class="kb-status-badge ${getStatusBadge(kb.status).cls}">
-            <span class="status-dot"></span>
-            ${getStatusBadge(kb.status).label}
-          </span>
-        </td>
-        <td style="font-size:13px;color:var(--text-secondary)">${formatTime(kb.createdAt)}</td>
-        <td style="font-size:13px;color:var(--text-secondary)">${formatTime(kb.updatedAt)}</td>
-        <td>
-          <div class="kb-table-actions">
-            <button class="btn btn-ghost btn-sm" data-tooltip="查看详情" onclick="window.__kbDetail('${kb.id}')">
-              <i data-lucide="eye" style="width:14px;height:14px"></i>
-            </button>
-            <button class="btn btn-ghost btn-sm" data-tooltip="命中测试" onclick="window.__kbHitTest('${kb.id}')">
-              <i data-lucide="search" style="width:14px;height:14px"></i>
-            </button>
-            <button class="btn btn-ghost btn-sm" data-tooltip="编辑" onclick="window.__kbEdit('${kb.id}')">
-              <i data-lucide="settings" style="width:14px;height:14px"></i>
-            </button>
-            <div class="dropdown" id="dropdown-${kb.id}">
-              <button class="btn btn-ghost btn-sm" data-tooltip="更多操作" onclick="window.__kbToggleDropdown('${kb.id}', this, event)">
-                <i data-lucide="more-horizontal" style="width:14px;height:14px"></i>
-              </button>
-              <div class="dropdown-menu" style="display:none" onclick="event.stopPropagation()">
-                <div class="dropdown-item" onclick="event.stopPropagation();window.__kbRebuildIndex('${kb.id}')">
-                  <i data-lucide="refresh-cw" style="width:14px;height:14px"></i> 重建索引
-                </div>
-                <div class="dropdown-item" onclick="event.stopPropagation();window.__kbExport('${kb.id}')">
-                  <i data-lucide="download" style="width:14px;height:14px"></i> 导出
-                </div>
-                <div class="dropdown-divider"></div>
-                <div class="dropdown-item danger" onclick="event.stopPropagation();window.__kbDelete('${kb.id}')">
-                  <i data-lucide="trash-2" style="width:14px;height:14px"></i> 删除
-                </div>
-              </div>
-            </div>
-          </div>
-        </td>
-      </tr>
-    `;
-  }
-
-  /**
-   * 渲染空状态
-   */
-  function renderEmptyState() {
-    return `
-      <div class="kb-empty">
-        <div class="kb-empty-icon">
-          <i data-lucide="database" style="width:36px;height:36px"></i>
-        </div>
-        <div class="kb-empty-title">暂无知识库</div>
-        <div class="kb-empty-desc">点击上方「添加知识库」开始创建您的第一个知识库</div>
-        <button class="btn btn-primary" onclick="navigateTo('kb-create')">
-          <i data-lucide="plus" style="width:14px;height:14px"></i> 创建知识库
-        </button>
-      </div>
-    `;
-  }
-
-  /**
-   * 渲染Skeleton加载状态
-   */
-  function renderSkeleton() {
-    return `
-      <div class="kb-table-wrapper" style="padding:20px">
-        ${[1,2,3,4,5].map(() => `
-          <div style="display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--border)">
-            <div class="skeleton skeleton-avatar" style="width:18px;height:18px"></div>
-            <div style="flex:1">
-              <div class="skeleton skeleton-text" style="width:200px"></div>
-              <div class="skeleton skeleton-text" style="width:120px"></div>
-            </div>
-            <div class="skeleton skeleton-text" style="width:60px"></div>
-            <div class="skeleton skeleton-text" style="width:80px"></div>
-          </div>
-        `).join('')}
-      </div>
-    `;
-  }
-
-  // ==================== 事件绑定 ====================
-
-  function bindEvents() {
-    // 添加知识库
-    container.querySelector('#addKbBtn')?.addEventListener('click', () => navigateTo('kb-create'));
-
-    // 搜索
-    container.querySelector('#kbSearchInput')?.addEventListener('input', debounce((e) => {
-      searchText = e.target.value;
-      currentPage = 1;
-      selectedRows.clear();
-      renderPage();
-    }, 300));
-
-    // 模拟加载，只在首次进入页面时触发一次，避免重渲染打断下拉菜单等交互。
-    if (isLoading && !hasStartedInitialLoad) {
-      hasStartedInitialLoad = true;
-      setTimeout(() => {
-        isLoading = false;
-        renderPage();
-      }, 500);
-    }
-  }
-
-  /**
-   * 防抖函数
-   */
-  function debounce(fn, delay) {
-    let timer = null;
-    return function(...args) {
-      clearTimeout(timer);
-      timer = setTimeout(() => fn.apply(this, args), delay);
-    };
-  }
-
-  // ==================== 添加知识库弹窗 ====================
-
-  /**
-   * 显示创建知识库弹窗
-   */
-  function showCreateKbModal() {
-    let searchValue = '';
-    let selectedType = 'all';
-    let selectedStatus = 'all';
-    let filteredKbData = [...kbData];
-    let selectedForAdd = new Set();
-
-    const renderKbList = () => {
-      // 应用筛选
-      filteredKbData = kbData.filter(kb => {
-        if (selectedType !== 'all' && kb.type !== selectedType) return false;
-        if (selectedStatus !== 'all' && kb.status !== selectedStatus) return false;
-        if (searchValue) {
-          const matchName = kb.name.toLowerCase().includes(searchValue.toLowerCase());
-          const matchTags = kb.tags.some(t => t.toLowerCase().includes(searchValue.toLowerCase()));
-          const matchDesc = kb.description?.toLowerCase().includes(searchValue.toLowerCase());
-          if (!matchName && !matchTags && !matchDesc) return false;
-        }
-        return true;
-      });
-
-      const modalBody = document.querySelector('.kb-select-list-area');
-      if (!modalBody) return;
-
-      if (filteredKbData.length === 0) {
-        modalBody.innerHTML = `
-          <div class="empty-state-illustration">
-            <div class="empty-state-icon">
-              <i data-lucide="search" style="width:32px;height:32px"></i>
-            </div>
-            <div class="empty-state-title">未找到匹配的知识库</div>
-            <div class="empty-state-desc">尝试其他搜索关键词或筛选条件</div>
-          </div>
-        `;
-      } else {
-        modalBody.innerHTML = filteredKbData.map(kb => `
-          <div class="kb-select-item" data-id="${kb.id}">
-            <div class="kb-select-icon">
-              <i data-lucide="${getTypeIcon(kb.type)}" style="width:20px;height:20px"></i>
-            </div>
-            <div class="kb-select-info">
-              <div class="kb-select-name">
-                ${escapeHtml(kb.name)}
-                ${selectedForAdd.has(kb.id) ? '<span style="color:var(--primary);font-size:12px">✓ 已选择</span>' : ''}
-              </div>
-              <div class="kb-select-meta">
-                <span>${kb.docs.toLocaleString()} 文档</span>
-                <span>·</span>
-                <span>${kb.size}</span>
-                <span>·</span>
-                <span class="kb-type-tag ${getTypeTag(kb.type).cls}" style="padding:1px 6px;font-size:10px">${getTypeTag(kb.type).label}</span>
-                <span>·</span>
-                <span class="kb-status-badge ${getStatusBadge(kb.status).cls}" style="padding:1px 6px;font-size:10px">
-                  <span class="status-dot" style="width:5px;height:5px"></span>
-                  ${getStatusBadge(kb.status).label}
-                </span>
-              </div>
-              <div class="kb-select-tags">
-                ${kb.tags.map(t => `<span class="tag" style="font-size:10px;padding:1px 6px">${t}</span>`).join('')}
-              </div>
-            </div>
-            <div class="kb-select-action">
-              <button class="btn btn-primary btn-sm" onclick="event.stopPropagation();window.__toggleKbSelect('${kb.id}','${escapeHtml(kb.name)}')"
-                ${kb.status === 'processing' || kb.status === 'uploading' ? 'disabled' : ''}>
-                ${selectedForAdd.has(kb.id) ? '取消' : (kb.status === 'processing' || kb.status === 'uploading' ? '处理中' : '选择')}
-              </button>
-            </div>
-          </div>
-        `).join('');
-      }
-
-      // 更新统计
-      const summary = document.querySelector('.kb-select-info-summary');
-      if (summary) {
-        summary.textContent = `共 ${filteredKbData.length} 个知识库${selectedForAdd.size > 0 ? `，已选择 ${selectedForAdd.size} 个` : ''}`;
-      }
-
-      lucide.createIcons({ elements: [modalBody] });
-    };
-
-    const modalOverlay = document.createElement('div');
-    modalOverlay.className = 'modal-overlay';
-    modalOverlay.innerHTML = `
-      <div class="modal kb-select-modal">
-        <div class="modal-header">
-          <span class="modal-title">添加知识库</span>
-          <button class="modal-close">&times;</button>
-        </div>
-        <div class="modal-body kb-select-modal-wrapper">
-          <div class="kb-select-modal-header">
-            <div class="kb-select-modal-filters">
-              <div class="filter-search" style="max-width:280px">
-                <i data-lucide="search" style="width:15px;height:15px"></i>
-                <input type="text" id="kbSelectSearch" placeholder="搜索知识库名称或标签...">
-              </div>
-              <div class="kb-select-type-filter" id="typeFilter">
-                <button class="kb-select-type-btn active" data-type="all">全部类型</button>
-                <button class="kb-select-type-btn" data-type="doc_search">文档搜索</button>
-                <button class="kb-select-type-btn" data-type="data_query">数据查询</button>
-                <button class="kb-select-type-btn" data-type="image_qa">图片问答</button>
-                <button class="kb-select-type-btn" data-type="video_search">音视频搜索</button>
-              </div>
-              <div class="kb-select-type-filter" id="statusFilter" style="margin-top:8px">
-                <button class="kb-select-type-btn active" data-status="all">全部状态</button>
-                <button class="kb-select-type-btn" data-status="ready">已就绪</button>
-                <button class="kb-select-type-btn" data-status="processing">处理中</button>
-                <button class="kb-select-type-btn" data-status="error">异常</button>
-              </div>
-            </div>
-          </div>
-          <div class="kb-select-list-area"></div>
-          <div class="kb-select-modal-footer">
-            <div class="kb-select-info-summary">共 ${kbData.length} 个知识库</div>
-            <div class="kb-create-link-btn" onclick="window.__goToCreateKb()">
-              <i data-lucide="plus" style="width:14px;height:14px"></i>
-              创建新知识库
-            </div>
-          </div>
-        </div>
-        <div class="modal-footer">
-          <button class="btn btn-outline" onclick="window.__closeAddKbModal()">取消</button>
-          <button class="btn btn-primary" id="confirmAddKbBtn" onclick="window.__confirmAddKb()" disabled>
-            确认添加 <span id="selectedCountBadge">${selectedForAdd.size > 0 ? `(${selectedForAdd.size})` : ''}</span>
-          </button>
-        </div>
-      </div>
-    `;
-
-    document.body.appendChild(modalOverlay);
-    document.body.classList.add('modal-open');
-    lucide.createIcons({ elements: [modalOverlay] });
-
-    const close = () => {
-      modalOverlay.classList.remove('open');
-      setTimeout(() => {
-        modalOverlay.remove();
-        if (!document.querySelector('.modal-overlay')) {
-          document.body.classList.remove('modal-open');
-        }
-      }, 200);
-    };
-
-    // 关闭事件
-    modalOverlay.querySelector('.modal-close').addEventListener('click', close);
-    modalOverlay.addEventListener('click', e => { if (e.target === modalOverlay) close(); });
-
-    // 绑定弹窗内事件
-    setTimeout(() => {
-      // 搜索
-      const searchInput = document.getElementById('kbSelectSearch');
-      searchInput?.addEventListener('input', (e) => {
-        searchValue = e.target.value;
-        renderKbList();
-      });
-
-      // 类型筛选
-      document.querySelectorAll('#typeFilter .kb-select-type-btn').forEach(btn => {
-        btn.addEventListener('click', () => {
-          document.querySelectorAll('#typeFilter .kb-select-type-btn').forEach(b => b.classList.remove('active'));
-          btn.classList.add('active');
-          selectedType = btn.dataset.type;
-          renderKbList();
-        });
-      });
-
-      // 状态筛选
-      document.querySelectorAll('#statusFilter .kb-select-type-btn').forEach(btn => {
-        btn.addEventListener('click', () => {
-          document.querySelectorAll('#statusFilter .kb-select-type-btn').forEach(b => b.classList.remove('active'));
-          btn.classList.add('active');
-          selectedStatus = btn.dataset.status;
-          renderKbList();
-        });
-      });
-
-      renderKbList();
-    }, 100);
-
-    // 全局函数
-    window.__closeAddKbModal = close;
-
-    window.__toggleKbSelect = function(id, name) {
-      if (selectedForAdd.has(id)) {
-        selectedForAdd.delete(id);
-      } else {
-        selectedForAdd.add(id);
-      }
-
-      // 更新确认按钮状态
-      const confirmBtn = document.getElementById('confirmAddKbBtn');
-      const countBadge = document.getElementById('selectedCountBadge');
-      if (confirmBtn) {
-        confirmBtn.disabled = selectedForAdd.size === 0;
-      }
-      if (countBadge) {
-        countBadge.textContent = selectedForAdd.size > 0 ? `(${selectedForAdd.size})` : '';
-      }
-
-      renderKbList();
-    };
-
-    window.__confirmAddKb = function() {
-      if (selectedForAdd.size === 0) {
-        Toast.warning('请先选择知识库');
-        return;
-      }
-
-      const selectedNames = Array.from(selectedForAdd).map(id => {
-        const kb = kbData.find(k => k.id === id);
-        return kb ? kb.name : id;
-      });
-
-      Toast.success(`已添加 ${selectedForAdd.size} 个知识库到当前应用`);
-      close();
-    };
-
-    window.__goToCreateKb = function() {
-      close();
-      navigateTo('kb-create');
-    };
-
-    requestAnimationFrame(() => modalOverlay.classList.add('open'));
-  }
-
-  // ==================== 全局操作函数 ====================
-
-  // 筛选
-  window.__kbFilter = function(filter) {
-    currentFilter = filter;
-    currentPage = 1;
-    selectedRows.clear();
-    renderPage();
-  };
-
-  // 排序
-  window.__kbSort = function(field) {
-    if (sortField === field) {
-      sortOrder = sortOrder === 'asc' ? 'desc' : 'asc';
-    } else {
-      sortField = field;
-      sortOrder = 'asc';
-    }
-    renderPage();
-  };
-
-  // 分页
-  window.__kbGoPage = function(page) {
-    const totalPages = Math.ceil(getFilteredData().length / pageSize) || 1;
-    if (page >= 1 && page <= totalPages) {
-      currentPage = page;
-      renderPage();
-    }
-  };
-
-  // 选择
-  window.__kbToggleSelect = function(id, checked) {
-    if (checked) {
-      selectedRows.add(id);
-    } else {
-      selectedRows.delete(id);
-    }
-    renderPage();
-  };
-
-  window.__kbSelectAll = function(checked) {
-    const displayData = getFilteredData().slice((currentPage - 1) * pageSize, currentPage * pageSize);
-    if (checked) {
-      displayData.forEach(kb => selectedRows.add(kb.id));
-    } else {
-      selectedRows.clear();
-    }
-    renderPage();
-  };
-
-  window.__kbClearSelection = function() {
-    selectedRows.clear();
-    renderPage();
-  };
-
-  // 下拉菜单
-  let __kbCloseDropdownHandler = null;
-
-  window.__kbToggleDropdown = function(id, btn, e) {
-    if (e) e.stopPropagation();
-
-    const dropdown = btn.closest('.dropdown');
-    const menu = dropdown.querySelector('.dropdown-menu');
-    const isOpen = dropdown.classList.contains('open');
-
-    // 关闭所有下拉菜单
-    document.querySelectorAll('.dropdown').forEach(d => {
-      d.classList.remove('open');
-      d.querySelector('.dropdown-menu').style.display = 'none';
-    });
-    document.removeEventListener('click', __kbCloseDropdownHandler);
-    document.removeEventListener('mousedown', __kbCloseDropdownHandler);
-
-    if (!isOpen) {
-      dropdown.classList.add('open');
-      menu.style.display = 'block';
-
-      __kbCloseDropdownHandler = (ev) => {
-        if (!dropdown.contains(ev.target)) {
-          dropdown.classList.remove('open');
-          menu.style.display = 'none';
-          document.removeEventListener('mousedown', __kbCloseDropdownHandler);
-        }
-      };
-      setTimeout(() => {
-        document.addEventListener('mousedown', __kbCloseDropdownHandler);
-      }, 10);
-    }
-  };
-
-  function openEditKbModal(id) {
-    const kb = getKbById(id);
-    if (!kb) {
-      Toast.warning('未找到该知识库');
-      return;
-    }
-
-    createModal({
-      title: '编辑知识库',
-      size: 'lg',
-      content: `
-        <div class="form-group">
-          <label class="form-label">知识库名称 <span style="color:var(--danger)">*</span></label>
-          <input class="form-control" id="kbEditName" maxlength="64" value="${escapeHtml(kb.name)}" placeholder="请输入知识库名称">
-        </div>
-        <div class="form-group">
-          <label class="form-label">知识库描述</label>
-          <textarea class="form-control" id="kbEditDesc" rows="3" maxlength="500" placeholder="请输入知识库描述">${escapeHtml(kb.description || '')}</textarea>
-        </div>
-        <div style="display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px">
-          <div class="form-group">
-            <label class="form-label">知识库类型</label>
-            <select class="form-control" id="kbEditType">
-              <option value="doc_search" ${kb.type === 'doc_search' ? 'selected' : ''}>文档搜索</option>
-              <option value="data_query" ${kb.type === 'data_query' ? 'selected' : ''}>数据查询</option>
-              <option value="image_qa" ${kb.type === 'image_qa' ? 'selected' : ''}>图片问答</option>
-              <option value="video_search" ${kb.type === 'video_search' ? 'selected' : ''}>音视频搜索</option>
-            </select>
-          </div>
-          <div class="form-group">
-            <label class="form-label">状态</label>
-            <select class="form-control" id="kbEditStatus">
-              <option value="ready" ${kb.status === 'ready' ? 'selected' : ''}>已就绪</option>
-              <option value="processing" ${kb.status === 'processing' ? 'selected' : ''}>处理中</option>
-              <option value="uploading" ${kb.status === 'uploading' ? 'selected' : ''}>上传中</option>
-              <option value="error" ${kb.status === 'error' ? 'selected' : ''}>异常</option>
-            </select>
-          </div>
-        </div>
-        <div class="form-group">
-          <label class="form-label">标签</label>
-          <input class="form-control" id="kbEditTags" value="${escapeHtml((kb.tags || []).join(', '))}" placeholder="多个标签用逗号分隔">
-        </div>
-        <div class="form-hint">
-          <i data-lucide="info" style="width:12px;height:12px;vertical-align:middle"></i>
-          前端 mock 会立即更新当前列表；后端接入后调用 PUT /api/v1/knowledge-bases/:id。
-        </div>
-      `,
-      confirmText: '保存',
-      onConfirm: () => {
-        const name = document.getElementById('kbEditName')?.value.trim();
-        if (!name) {
-          Toast.warning('请输入知识库名称');
-          return false;
-        }
-        const type = document.getElementById('kbEditType')?.value || kb.type;
-        const tags = (document.getElementById('kbEditTags')?.value || '')
-          .split(/[,，]/)
-          .map(tag => tag.trim())
-          .filter(Boolean);
-
-        kb.name = name;
-        kb.description = document.getElementById('kbEditDesc')?.value.trim() || '';
-        kb.type = type;
-        kb.typeName = getTypeTag(type).label;
-        kb.status = document.getElementById('kbEditStatus')?.value || kb.status;
-        kb.tags = tags;
-        kb.updatedAt = getNowText();
-        syncKnowledgeBaseCatalog();
-        renderPage();
-        Toast.success('知识库信息已更新');
-      }
-    });
-    lucide.createIcons();
-  }
-
-  function exportKnowledgeBases(ids) {
-    const items = ids.map(id => getKbById(id)).filter(Boolean);
-    if (!items.length) {
-      Toast.warning('请先选择要导出的知识库');
-      return;
-    }
-
-    createModal({
-      title: items.length > 1 ? '批量导出知识库' : '导出知识库',
-      content: `
-        <div class="form-group">
-          <label class="form-label">导出范围</label>
-          <div style="padding:10px 12px;background:var(--bg-base);border-radius:var(--radius);font-size:13px;line-height:1.6">
-            ${items.map(item => escapeHtml(item.name)).join('、')}
-          </div>
-        </div>
-        <div class="form-group">
-          <label class="form-label">导出格式</label>
-          <select class="form-control" id="kbExportFormat">
-            <option value="json">JSON 配置数据</option>
-            <option value="csv">CSV 列表数据</option>
-          </select>
-        </div>
-        <label class="checkbox-label">
-          <input type="checkbox" id="kbExportIncludeStats" checked>
-          <span>包含文档数量、数据量、状态和标签</span>
-        </label>
-        <div class="form-hint">
-          浏览器会下载到默认下载目录；后端接入后替换为 GET /api/v1/knowledge-bases/:id/export。
-        </div>
-      `,
-      confirmText: '确认导出',
-      onConfirm: () => {
-        const format = document.getElementById('kbExportFormat')?.value || 'json';
-        const includeStats = document.getElementById('kbExportIncludeStats')?.checked !== false;
-        const exportRows = items.map(item => ({
-          id: item.id,
-          name: item.name,
-          description: item.description,
-          type: item.type,
-          typeName: item.typeName,
-          ...(includeStats ? {
-            docs: item.docs,
-            size: item.size,
-            status: item.status,
-            tags: item.tags,
-          } : {}),
-          createdAt: item.createdAt,
-          updatedAt: item.updatedAt,
-        }));
-        const stamp = new Date().toISOString().slice(0, 10).replace(/-/g, '');
-        if (format === 'csv') {
-          const headers = Object.keys(exportRows[0]);
-          const csv = [
-            headers.join(','),
-            ...exportRows.map(row => headers.map(key => `"${String(Array.isArray(row[key]) ? row[key].join('|') : row[key] ?? '').replace(/"/g, '""')}"`).join(',')),
-          ].join('\n');
-          downloadTextFile(`knowledge-bases-${stamp}.csv`, csv, 'text/csv;charset=utf-8');
-        } else {
-          downloadTextFile(`knowledge-bases-${stamp}.json`, JSON.stringify(exportRows, null, 2));
-        }
-        Toast.success(`已导出 ${items.length} 个知识库`);
-      }
-    });
-  }
-
-  // 操作
-  window.__kbDetail = function(id) {
-    navigateTo('kb-detail?id=' + id);
-  };
-
-  window.__kbHitTest = function(id) {
-    navigateTo('kb-detail?id=' + id + '&tab=hittest');
-  };
-
-  window.__kbEdit = function(id) {
-    openEditKbModal(id);
-  };
-
-  /**
-   * 删除知识库
-   * API: DELETE /api/v1/knowledge-bases/:id
-   */
-  window.__kbDelete = function(id) {
-    const kb = kbData.find(k => k.id === id);
-    createModal({
-      title: '删除知识库',
-      content: `
-        <p>确定要删除知识库「${kb?.name}」吗？</p>
-        <div class="parse-error-tip" style="margin-top:12px">
-          <i data-lucide="alert-triangle" style="width:16px;height:16px;flex-shrink:0"></i>
-          <div>
-            <strong>此操作不可恢复</strong>
-            <p style="margin-top:4px;font-size:12px">关联应用将无法继续使用该知识库，所有索引数据将被永久删除。</p>
-          </div>
-        </div>
-      `,
-      confirmText: '删除',
-      confirmClass: 'btn-danger',
-      onConfirm: () => {
-        // TODO: 调用 API DELETE /api/v1/knowledge-bases/:id
-        const idx = kbData.findIndex(k => k.id === id);
-        if (idx !== -1) kbData.splice(idx, 1);
-        selectedRows.delete(id);
-        syncKnowledgeBaseCatalog();
-        renderPage();
-        Toast.success('知识库已删除');
-      }
-    });
-    lucide.createIcons();
-  };
-
-  /**
-   * 重建索引
-   * API: POST /api/v1/knowledge-bases/:id/rebuild
-   */
-  window.__kbRebuildIndex = function(id) {
-    const kb = kbData.find(k => k.id === id);
-    createModal({
-      title: '重建索引',
-      content: `
-        <p>确定要重建知识库「${kb?.name}」的索引吗？</p>
-        <p style="color:var(--text-muted);font-size:13px;margin-top:8px">
-          重建过程中知识库可正常访问，预计需要几分钟时间。
-        </p>
-      `,
-      confirmText: '重建',
-      onConfirm: () => {
-        // TODO: 调用 API POST /api/v1/knowledge-bases/:id/rebuild
-        if (kb) {
-          kb.status = 'processing';
-          kb.updatedAt = getNowText();
-          syncKnowledgeBaseCatalog();
-          renderPage();
-        }
-        Toast.success('索引重建任务已启动');
-      }
-    });
-  };
-
-  /**
-   * 导出知识库
-   * API: GET /api/v1/knowledge-bases/:id/export
-   */
-  window.__kbExport = function(id) {
-    exportKnowledgeBases([id]);
-  };
-
-  /**
-   * 批量导出
-   * API: GET /api/v1/knowledge-bases/batch/export
-   */
-  window.__kbBatchExport = function() {
-    exportKnowledgeBases(Array.from(selectedRows));
-  };
-
-  /**
-   * 批量删除
-   * API: DELETE /api/v1/knowledge-bases/batch
-   */
-  window.__kbBatchDelete = function() {
-    if (selectedRows.size === 0) {
-      Toast.warning('请先选择要删除的知识库');
-      return;
-    }
-    const deleteCount = selectedRows.size;
-    createModal({
-      title: '批量删除',
-      content: `
-        <p>确定要删除选中的 <strong>${selectedRows.size}</strong> 个知识库吗？</p>
-        <div class="parse-error-tip" style="margin-top:12px">
-          <i data-lucide="alert-triangle" style="width:16px;height:16px;flex-shrink:0"></i>
-          <div>
-            <strong>此操作不可恢复</strong>
-            <p style="margin-top:4px;font-size:12px">所有选中的知识库及其索引数据将被永久删除。</p>
-          </div>
-        </div>
-      `,
-      confirmText: '删除',
-      confirmClass: 'btn-danger',
-      onConfirm: () => {
-        // TODO: 调用 API DELETE /api/v1/knowledge-bases/batch
-        selectedRows.forEach(id => {
-          const idx = kbData.findIndex(k => k.id === id);
-          if (idx !== -1) kbData.splice(idx, 1);
-        });
-        selectedRows.clear();
-        syncKnowledgeBaseCatalog();
-        renderPage();
-        Toast.success(`已删除 ${deleteCount} 个知识库`);
-      }
-    });
-  };
-
-  // 导出弹窗函数
-  window.__showCreateKbModal = function() {
-    navigateTo('kb-create');
-  };
-
-  // ==================== 初始化 ====================
-  renderPage();
-});
-
-</script>
-  <script>
-/* inline: scripts/kb-create.js */
-/**
- * TalkingQ Platform - 创建知识库向导页面
- * 包含3步流程：基础信息 -> 数据选择 -> 索引设置
- *
- * API预留:
- * - POST /api/v1/knowledge-bases - 创建知识库
- * - POST /api/v1/knowledge-bases/validate-name - 验证名称唯一性
- * - POST /api/v1/files/upload - 文件上传
- * - GET /api/v1/files/upload-status/:id - 获取上传状态
- */
-
-registerPage('kb-create', function(container) {
-  // ==================== 状态管理 ====================
-  let currentStep = 1;
-  const totalSteps = 3;
-  let hasUnsavedChanges = false;
-  const DRAFT_KEY = 'kb_create_draft';
-
-  // ==================== API预留 - 后端接口定义 ====================
-  /**
-   * 创建知识库
-   * POST /api/v1/knowledge-bases
-   * Body: { name, description, type, sourceType, sourceConfig, indexConfig }
-   * Response: { id: string, name: string, status: string }
-   */
-  const API_CREATE = '/api/v1/knowledge-bases';
-
-  /**
-   * 验证名称唯一性
-   * POST /api/v1/knowledge-bases/validate-name
-   * Body: { name: string }
-   * Response: { valid: boolean, message?: string }
-   */
-  const API_VALIDATE_NAME = '/api/v1/knowledge-bases/validate-name';
-
-  /**
-   * 文件上传
-   * POST /api/v1/files/upload
-   * FormData: { file, category, knowledgeBaseId? }
-   * Response: { fileId: string, fileName: string, status: string }
-   */
-  const API_UPLOAD = '/api/v1/files/upload';
-
-  /**
-   * 获取上传/解析状态
-   * GET /api/v1/files/status/:fileId
-   * Response: { status: 'uploading'|'processing'|'ready'|'error', progress?: number, error?: string }
-   */
-  const API_FILE_STATUS = '/api/v1/files/status/:fileId';
-
-  /**
-   * 获取类目列表
-   * GET /api/v1/categories
-   * Response: { list: [{ id, name, fileCount }] }
-   */
-  const API_GET_CATEGORIES = '/api/v1/categories';
-
-  // ==================== 表单数据 ====================
-  const formData = {
-    // 步骤1: 基础信息
-    name: '',
-    description: '',
-    type: '',
-
-    // 步骤2: 数据选择
-    sourceType: 'upload', // upload | category | files
-    category: '',
-    uploadedFiles: [],
-    autoSync: false,
-    parseMethod: 'inherit', // inherit | default | custom
-
-    // 自定义解析配置
-    docParseMethods: ['electronic'],
-    imageParseMethods: ['smart'],
-    videoParseMethods: ['media'],
-    enableVideoParse: false,
-
-    // 步骤3: 索引设置
-    sliceMethod: 'smart', // smart | length | page | title | regex | symbol
-    maxChunkLength: 2000,
-    overlapLength: 200,
-    titleLevel: 3,
-    regexPattern: '',
-    symbolChars: ',',
-    enableMetadataExtract: true,
-    enableExcelHeader: false,
-    enableMultiTurn: false,
-    enableOCR: false,
-    enableAutoKeywords: false,
-    enableAutoTags: false,
-    vectorModel: 'text-embedding-v2',
-    rerankModel: 'bge-reranker-v2.5',
-    rerankMode: 'qa', // qa | similarity | custom
-    vectorTopK: 60,
-    keywordTopK: 60,
-    similarityThreshold: 0.5,
-    maxRecallCount: 10,
-    vectorStorage: 'platform'
-  };
-
-  // ==================== 知识库类型定义 ====================
-  const kbTypes = [
-    {
-      id: 'doc_search',
-      icon: 'file-text',
-      title: '文档搜索',
-      desc: '构建文档、文件、图片、Excel混合型索引知识库',
-      tooltip: '构建文档、文件、图片、Excel混合型索引知识库，构建常规混合搜索知识库。支持PDF、Word、Excel、图片等多种格式文档。'
-    },
-    {
-      id: 'data_query',
-      icon: 'table',
-      title: '数据查询',
-      desc: '基于NL2SQL的表格数据查询',
-      tooltip: '构建仅以数据表结构查询的数据索引体系，基于NL2SQL思路，实现表头、列头等结构化数据查询能力。适合结构化数据问答场景。'
-    },
-    {
-      id: 'image_qa',
-      icon: 'image',
-      title: '图片问答',
-      desc: '基于多模态Embedding的图片检索',
-      tooltip: '构建仅以图片索引为主的知识库，基于多模态Embedding能力，实现图片名称与图片内容搜索。适合图片素材检索场景。'
-    },
-    {
-      id: 'video_search',
-      icon: 'video',
-      title: '音视频搜索',
-      desc: '音视频内容智能理解',
-      tooltip: '构建音视频搜索知识库，基于高精度解析与多模态Embedding检索技术，对音视频内容进行智能理解与提炼。支持字幕提取、内容摘要等。'
-    }
-  ];
-
-  // ==================== 切片方式 ====================
-  const sliceMethods = [
-    { id: 'smart', label: '智能切分', desc: '根据语义自动识别段落边界' },
-    { id: 'length', label: '按长度切分', desc: '固定长度切分，支持重叠' },
-    { id: 'page', label: '按页切分', desc: '按页分割文档' },
-    { id: 'title', label: '按标题切分', desc: '按标题层级结构切分' },
-    { id: 'regex', label: '按正则切分', desc: '自定义正则表达式切分' },
-    { id: 'symbol', label: '按符号切分', desc: '按标点符号切分' }
-  ];
-
-  // ==================== 符号选项 ====================
-  const symbolOptions = [
-    { value: ',', label: '中文逗号 ，' },
-    { value: '。', label: '中文句号 。' },
-    { value: '，', label: '中文逗号（英文）' },
-    { value: '.', label: '英文句号 .' },
-    { value: '、', label: '顿号 、' },
-    { value: '？', label: '中文问号 ？' },
-    { value: '！', label: '中文感叹号 ！' },
-    { value: '?', label: '英文问号 ?' },
-    { value: '!', label: '英文感叹号 !' },
-    { value: '\n', label: '换行符' },
-    { value: '\n\n', label: '双换行符' }
-  ];
-
-  // ==================== 类目数据 ====================
-  const categories = [
-    { id: 'cat-001', name: '默认类目', fileCount: 128 },
-    { id: 'cat-002', name: '教学资料', fileCount: 56 },
-    { id: 'cat-003', name: '产品文档', fileCount: 34 },
-    { id: 'cat-004', name: '用户指南', fileCount: 89 },
-  ];
-
-  // ==================== 工具函数 ====================
-
-  function escapeHtml(str) {
-    if (!str) return '';
-    return str.replace(/&/g, '&amp;')
-               .replace(/</g, '&lt;')
-               .replace(/>/g, '&gt;')
-               .replace(/"/g, '&quot;');
-  }
-
-  function getFormatsByType() {
-    switch (formData.type) {
-      case 'image_qa':
-        return '.png,.jpg,.jpeg,.bmp,.gif';
-      case 'video_search':
-        return '.mp4,.avi,.mov,.mkv,.wmv,.mp3,.wav,.m4a';
-      case 'data_query':
-        return '.xlsx,.xls,.csv';
-      default:
-        return '.pdf,.doc,.docx,.txt,.md,.ppt,.pptx,.xlsx,.xls,.png,.jpg,.jpeg,.gif';
-    }
-  }
-
-  function getFileIcon(filename) {
-    const ext = filename?.split('.').pop()?.toLowerCase() || '';
-    const icons = {
-      pdf: '📄', doc: '📄', docx: '📄', txt: '📝', md: '📋',
-      xlsx: '📊', xls: '📊', csv: '📊',
-      png: '🖼', jpg: '🖼', jpeg: '🖼', gif: '🖼', bmp: '🖼',
-      mp4: '🎬', avi: '🎬', mov: '🎬', mkv: '🎬', wmv: '🎬',
-      mp3: '🎵', wav: '🎵', m4a: '🎵'
-    };
-    return icons[ext] || '📁';
-  }
-
-  function getFileStatusText(status) {
-    const map = {
-      pending: '待上传',
-      uploading: '上传中',
-      processing: '解析中',
-      ready: '解析完成',
-      error: '解析失败'
-    };
-    return map[status] || status;
-  }
-
-  // ==================== 草稿管理 ====================
-
-  function loadDraft() {
-    try {
-      const draft = localStorage.getItem(DRAFT_KEY);
-      if (draft) {
-        const saved = JSON.parse(draft);
-        Object.assign(formData, saved.formData || {});
-        currentStep = saved.currentStep || 1;
-        return true;
-      }
-    } catch (e) {
-      console.error('Failed to load draft:', e);
-    }
-    return false;
-  }
-
-  function saveDraft() {
-    try {
-      localStorage.setItem(DRAFT_KEY, JSON.stringify({
-        formData,
-        currentStep,
-        savedAt: new Date().toISOString()
-      }));
-      Toast.success('草稿已保存');
-    } catch (e) {
-      Toast.warning('草稿保存失败');
-    }
-  }
-
-  function clearDraft() {
-    localStorage.removeItem(DRAFT_KEY);
-  }
-
-  // ==================== 验证函数 ====================
-
-  function validateStep1() {
-    const errors = [];
-
-    if (!formData.name.trim()) {
-      errors.push('请输入知识库名称');
-    } else if (formData.name.length < 2 || formData.name.length > 64) {
-      errors.push('知识库名称长度需在2-64字符之间');
-    }
-
-    if (!formData.type) {
-      errors.push('请选择知识库类型');
-    }
-
-    return errors;
-  }
-
-  function validateStep2() {
-    const errors = [];
-
-    if (formData.sourceType === 'upload' && formData.uploadedFiles.length === 0) {
-      errors.push('请上传至少一个文件');
-    }
-
-    if (formData.sourceType === 'upload') {
-      const failedFiles = formData.uploadedFiles.filter(f => f.status === 'error');
-      if (failedFiles.length > 0) {
-        errors.push(`有 ${failedFiles.length} 个文件上传失败，请处理后重试`);
-      }
-    }
-
-    return errors;
-  }
-
-  function validateStep3() {
-    return []; // 步骤3一般不需要强制验证
-  }
-
-  // ==================== 渲染函数 ====================
-
-  /**
-   * 渲染向导步骤
-   */
-  function renderWizardSteps() {
-    const steps = ['基础信息', '数据选择', '索引设置'];
-    return `
-      <div class="wizard-steps">
-        ${[1, 2, 3].map((step, idx) => `
-          <div class="wizard-step ${step < currentStep ? 'completed' : ''} ${step === currentStep ? 'active' : ''}">
-            <div class="wizard-step-num">
-              ${step < currentStep ? '<i data-lucide="check" style="width:14px;height:14px"></i>' : step}
-            </div>
-            <span class="wizard-step-label">${steps[step - 1]}</span>
-          </div>
-          ${idx < 2 ? `<div class="wizard-step-line ${step < currentStep ? 'completed' : ''}"></div>` : ''}
-        `).join('')}
-      </div>
-    `;
-  }
-
-  /**
-   * 渲染步骤1：基础信息
-   */
-  function renderStep1() {
-    return `
-      <div class="wizard-content">
-        <h3 style="font-size:16px;font-weight:600;margin-bottom:24px">
-          基础知识信息
-          <span class="help-tip" onclick="window.__showTooltip('step1Tip')">?</span>
-        </h3>
-
-        <div id="step1Tip" class="tooltip-box" style="display:none;margin-bottom:20px">
-          <div style="padding:16px;font-size:13px;color:#fff;line-height:1.6">
-            <p><strong>知识库名称</strong>：用于标识知识库，建议简洁明了</p>
-            <p style="margin-top:8px"><strong>知识库类型</strong>：根据您的数据类型选择合适的类型</p>
-          </div>
-        </div>
-
-        <!-- 知识库名称 -->
-        <div class="form-group" style="margin-bottom:20px">
-          <label class="form-label">
-            知识库名称 <span style="color:var(--danger)">*</span>
-          </label>
-          <input type="text" class="form-control" id="kbName"
-            placeholder="请输入知识库名称，2-64个字符"
-            maxlength="64"
-            value="${escapeHtml(formData.name)}"
-            oninput="window.__updateCharCount(this,64);hasUnsavedChanges=true">
-          <div class="char-counter" id="kbNameCounter">${formData.name.length}/64</div>
-        </div>
-
-        <!-- 知识库描述 -->
-        <div class="form-group" style="margin-bottom:24px">
-          <label class="form-label">
-            知识库描述
-            <span class="help-tip" onclick="window.__showTooltip('descTip')">?</span>
-          </label>
-          <div id="descTip" class="tooltip-box" style="display:none;margin-bottom:8px">
-            <div style="padding:12px;font-size:13px;color:#fff">
-              描述可以帮助您和其他用户理解知识库的内容和用途。可选填写。
-            </div>
-          </div>
-          <textarea class="form-control" id="kbDesc" placeholder="请输入知识库描述（可选）" rows="3" maxlength="500"
-            oninput="window.__updateCharCount(this,500);hasUnsavedChanges=true">${escapeHtml(formData.description)}</textarea>
-          <div class="char-counter" id="kbDescCounter">${formData.description.length}/500</div>
-        </div>
-
-        <!-- 知识库类型 -->
-        <div class="form-group">
-          <label class="form-label">
-            知识库类型 <span style="color:var(--danger)">*</span>
-          </label>
-          <div class="kb-type-grid">
-            ${kbTypes.map(type => `
-              <div class="kb-type-card ${formData.type === type.id ? 'selected' : ''}"
-                onclick="window.__selectKbType('${type.id}')" data-type="${type.id}">
-                <div class="check-icon"><i data-lucide="check" style="width:12px;height:12px"></i></div>
-                <div class="kb-type-card-icon"><i data-lucide="${type.icon}" style="width:32px;height:32px"></i></div>
-                <div class="kb-type-card-title">${type.title}</div>
-                <div class="kb-type-card-desc">${type.desc}</div>
-                <div class="kb-type-tooltip" style="display:none;position:absolute;bottom:-60px;left:50%;transform:translateX(-50%);background:#1a1a1a;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;white-space:nowrap;z-index:10;box-shadow:0 4px 12px rgba(0,0,0,0.2)">
-                  ${type.tooltip}
-                  <div style="position:absolute;top:-6px;left:50%;transform:translateX(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #1a1a1a"></div>
-                </div>
-              </div>
-            `).join('')}
-          </div>
-        </div>
-
-        <div class="form-help-link" onclick="window.__showKbTypeHelp()">
-          <i data-lucide="help-circle" style="width:14px;height:14px"></i>
-          了解各类型区别
-        </div>
-      </div>
-    `;
-  }
-
-  /**
-   * 渲染步骤2：数据选择
-   */
-  function renderStep2() {
-    const formats = getFormatsByType();
-    const maxFiles = 50;
-    const maxSize = formData.type === 'image_qa' || formData.type === 'video_search' ? '20MB' : '50MB';
-
-    return `
-      <div class="wizard-content">
-        <h3 style="font-size:16px;font-weight:600;margin-bottom:24px">选择数据源</h3>
-
-        <!-- 数据连接器说明 -->
-        <div class="api-note" style="margin-bottom:20px">
-          <i data-lucide="info" style="width:16px;height:16px;flex-shrink:0"></i>
-          <div>
-            <strong>默认文件连接器</strong>
-            <p style="margin-top:4px;font-size:12px">从连接器内选择已解析文档构建知识索引，也支持直接上传文件解析并构建索引，上传文件将自动存储至连接器。</p>
-          </div>
-        </div>
-
-        <!-- 数据来源类型 -->
-        <div class="data-source-tabs">
-          <div class="data-source-tab ${formData.sourceType === 'upload' ? 'active' : ''}"
-            onclick="window.__selectSourceType('upload')">
-            <i data-lucide="upload" style="width:14px;height:14px;margin-right:6px;vertical-align:middle"></i>
-            文件上传
-          </div>
-          <div class="data-source-tab ${formData.sourceType === 'category' ? 'active' : ''}"
-            onclick="window.__selectSourceType('category')">
-            <i data-lucide="folder" style="width:14px;height:14px;margin-right:6px;vertical-align:middle"></i>
-            选择类目
-          </div>
-          <div class="data-source-tab ${formData.sourceType === 'files' ? 'active' : ''}"
-            onclick="window.__selectSourceType('files')">
-            <i data-lucide="file" style="width:14px;height:14px;margin-right:6px;vertical-align:middle"></i>
-            选择文件
-          </div>
-        </div>
-
-        <div id="sourceContent">
-          ${renderSourceContent(formats, maxFiles, maxSize)}
-        </div>
-
-        <!-- 自动同步开关 -->
-        ${formData.sourceType !== 'upload' ? `
-          <div class="sync-switch" style="margin-top:20px">
-            <div class="sync-switch-label">
-              <div>
-                开启自动同步知识索引
-                <span class="help-tip" onclick="window.__showTooltip('autoSyncTip')">?</span>
-              </div>
-              <div id="autoSyncTip" class="tooltip-box" style="display:none;margin-top:8px">
-                <div style="padding:12px;font-size:13px;color:#fff">
-                  开启自动同步后，当所选类目下的文件发生新增、修改、删除时，系统会自动更新知识库索引，无需手动操作。
-                </div>
-              </div>
-              <div class="sync-switch-desc">
-                开启后将自动同步类目下所有文件，在类目文档发生变化后，自动重建及更新索引。
-              </div>
-            </div>
-            <label class="switch">
-              <input type="checkbox" id="autoSync" ${formData.autoSync ? 'checked' : ''} onchange="window.__toggleAutoSync(this.checked)">
-              <span class="switch-slider"></span>
-            </label>
-          </div>
-        ` : ''}
-      </div>
-    `;
-  }
-
-  /**
-   * 渲染数据源内容
-   */
-  function renderSourceContent(formats, maxFiles, maxSize) {
-    switch (formData.sourceType) {
-      case 'upload':
-        return renderUploadContent(formats, maxFiles, maxSize);
-      case 'category':
-        return renderCategoryContent();
-      case 'files':
-        return renderFilesContent();
-      default:
-        return renderUploadContent(formats, maxFiles, maxSize);
-    }
-  }
-
-  /**
-   * 渲染文件上传内容
-   */
-  function renderUploadContent(formats, maxFiles, maxSize) {
-    return `
-      <!-- 类目选择 -->
-      <div class="category-selector">
-        <span style="font-size:13px;font-weight:500;flex-shrink:0">配置类目：</span>
-        <select class="form-control" id="uploadCategory" style="flex:1;max-width:300px"
-          onchange="window.__updateCategory(this.value)">
-          <option value="">默认类目</option>
-          ${categories.map(c => `<option value="${c.id}" ${formData.category === c.id ? 'selected' : ''}>${c.name} (${c.fileCount}个文件)</option>`).join('')}
-        </select>
-        <button class="btn btn-outline btn-sm" onclick="window.__showCategoryDrawer()">
-          <i data-lucide="plus" style="width:14px;height:14px"></i> 新建类目
-        </button>
-      </div>
-
-      <!-- 上传区域 -->
-      <div class="upload-zone" id="uploadZone"
-        ondragover="window.__handleDragOver(event)" ondragleave="window.__handleDragLeave(event)" ondrop="window.__handleDrop(event)">
-        <div class="upload-zone-icon">📁</div>
-        <div class="upload-zone-text">点击或拖拽文件到此处上传</div>
-        <div style="display:flex;gap:12px;justify-content:center;align-items:center">
-          <button class="btn btn-primary btn-sm" onclick="document.getElementById('fileInput').click()">
-            <i data-lucide="folder-open" style="width:14px;height:14px"></i> 选择文件
-          </button>
-          <button class="btn btn-outline btn-sm" onclick="document.getElementById('folderInput').click()">
-            <i data-lucide="folder" style="width:14px;height:14px"></i> 选择文件夹
-          </button>
-        </div>
-        <input type="file" id="fileInput" multiple style="display:none" accept="${formats}"
-          onchange="window.__handleFileSelect(this.files)">
-        <input type="file" id="folderInput" webkitdirectory multiple style="display:none"
-          onchange="window.__handleFileSelect(this.files)">
-        <div class="upload-zone-hint">
-          支持格式: ${formats}<br>
-          单文件最大: ${maxSize} | 最多: ${maxFiles}个文件
-        </div>
-      </div>
-
-      <!-- 文件列表 -->
-      ${formData.uploadedFiles.length > 0 ? `
-        <div class="file-list">
-          <div class="file-list-header">
-            <span style="flex:1">文件名</span>
-            <span style="width:80px">大小</span>
-            <span style="width:120px">状态</span>
-            <span style="width:80px">操作</span>
-          </div>
-          ${formData.uploadedFiles.map((file, idx) => `
-            <div class="file-list-item">
-              <div class="file-icon">${getFileIcon(file.name)}</div>
-              <div class="file-info">
-                <div class="file-name">${escapeHtml(file.name)}</div>
-                <div class="file-meta">${file.size}</div>
-              </div>
-              <span class="file-status ${file.status}">
-                ${file.status === 'uploading' ? `<span class="spinner"></span>` : ''}
-                ${file.status === 'processing' ? `<span class="spinner"></span>` : ''}
-                ${getFileStatusText(file.status)}
-              </span>
-              <div class="file-actions">
-                ${file.status === 'error' ? `
-                  <button class="btn btn-ghost btn-sm" data-tooltip="重试上传" onclick="window.__retryUpload(${idx})">
-                    <i data-lucide="refresh-cw" style="width:14px;height:14px"></i>
-                  </button>
-                ` : ''}
-                <button class="btn btn-ghost btn-sm" data-tooltip="删除文件" onclick="window.__removeFile(${idx})">
-                  <i data-lucide="x" style="width:14px;height:14px"></i>
-                </button>
-              </div>
-            </div>
-          `).join('')}
-        </div>
-        <div style="margin-top:12px;font-size:12px;color:var(--text-muted);text-align:right">
-          已选择 ${formData.uploadedFiles.length}/${maxFiles} 个文件
-          <button class="btn btn-ghost btn-sm" style="margin-left:12px" onclick="window.__clearAllFiles()">清空</button>
-        </div>
-      ` : ''}
-
-      <!-- 解析方式 -->
-      <div style="margin-top:24px">
-        <div style="display:flex;align-items:center;gap:8px;margin-bottom:12px">
-          <span style="font-size:13px;font-weight:500">解析方式</span>
-          <span class="help-tip" onclick="window.__showTooltip('parseMethodTip')">?</span>
-        </div>
-        <div id="parseMethodTip" class="tooltip-box" style="display:none;margin-bottom:8px">
-          <div style="padding:12px;font-size:13px;color:#fff">
-            <p><strong>继承目录配置</strong>：使用类目中预设的解析配置</p>
-            <p style="margin-top:8px"><strong>默认解析</strong>：使用系统默认的文档解析方式</p>
-            <p style="margin-top:8px"><strong>自定义解析</strong>：根据文档类型选择不同的解析器</p>
-          </div>
-        </div>
-        <div class="parse-method-selector">
-          <div class="parse-method-option ${formData.parseMethod === 'inherit' ? 'selected' : ''}" onclick="window.__selectParseMethod('inherit')">
-            <i data-lucide="settings" style="width:14px;height:14px"></i>
-            继承目录配置
-          </div>
-          <div class="parse-method-option ${formData.parseMethod === 'default' ? 'selected' : ''}" onclick="window.__selectParseMethod('default')">
-            <i data-lucide="check-circle" style="width:14px;height:14px"></i>
-            默认解析
-          </div>
-          <div class="parse-method-option ${formData.parseMethod === 'custom' ? 'selected' : ''}" onclick="window.__selectParseMethod('custom')">
-            <i data-lucide="edit" style="width:14px;height:14px"></i>
-            自定义解析
-          </div>
-        </div>
-
-        ${formData.parseMethod === 'custom' ? `
-          <div id="parseMethodDetail" style="margin-top:16px;padding:16px;background:var(--bg-base);border-radius:var(--radius)">
-            ${renderParseMethodDetail()}
-          </div>
-        ` : ''}
-      </div>
-    `;
-  }
-
-  /**
-   * 渲染自定义解析方式
-   */
-  function renderParseMethodDetail() {
-    const type = formData.type;
-    let html = '<div style="font-size:13px"><strong>自定义解析方式：</strong></div>';
-
-    if (['doc_search', 'data_query', ''].includes(type)) {
-      html += `
-        <div style="margin-top:12px">
-          <div style="font-size:12px;color:var(--text-muted);margin-bottom:8px">文档类型</div>
-          <div class="parse-method-selector">
-            <div class="parse-method-option ${formData.docParseMethods.includes('electronic') ? 'selected' : ''}" onclick="window.__toggleParseMethod('doc','electronic')">
-              <i data-lucide="${formData.docParseMethods.includes('electronic') ? 'check-circle' : 'circle'}" style="width:14px;height:14px"></i>
-              电子文档解析
-            </div>
-            <div class="parse-method-option ${formData.docParseMethods.includes('md') ? 'selected' : ''}" onclick="window.__toggleParseMethod('doc','md')">
-              <i data-lucide="${formData.docParseMethods.includes('md') ? 'check-circle' : 'circle'}" style="width:14px;height:14px"></i>
-              Markdown解析
-            </div>
-            <div class="parse-method-option ${formData.docParseMethods.includes('html') ? 'selected' : ''}" onclick="window.__toggleParseMethod('doc','html')">
-              <i data-lucide="${formData.docParseMethods.includes('html') ? 'check-circle' : 'circle'}" style="width:14px;height:14px"></i>
-              HTML解析
-            </div>
-            <div class="parse-method-option ${formData.docParseMethods.includes('ppt') ? 'selected' : ''}" onclick="window.__toggleParseMethod('doc','ppt')">
-              <i data-lucide="${formData.docParseMethods.includes('ppt') ? 'check-circle' : 'circle'}" style="width:14px;height:14px"></i>
-              PPT文档智能解析
-            </div>
-            <div class="parse-method-option ${formData.docParseMethods.includes('llm') ? 'selected' : ''}" onclick="window.__toggleParseMethod('doc','llm')">
-              <i data-lucide="${formData.docParseMethods.includes('llm') ? 'check-circle' : 'circle'}" style="width:14px;height:14px"></i>
-              大模型文档解析
-            </div>
-          </div>
-        </div>
-      `;
-    }
-
-    if (type === 'image_qa' || !type) {
-      html += `
-        <div style="margin-top:16px">
-          <div style="font-size:12px;color:var(--text-muted);margin-bottom:8px">图片类型</div>
-          <div class="parse-method-selector">
-            <div class="parse-method-option ${formData.imageParseMethods.includes('smart') ? 'selected' : ''}" onclick="window.__toggleParseMethod('image','smart')">
-              <i data-lucide="${formData.imageParseMethods.includes('smart') ? 'check-circle' : 'circle'}" style="width:14px;height:14px"></i>
-              文档智能解析
-            </div>
-            <div class="parse-method-option ${formData.imageParseMethods.includes('llm') ? 'selected' : ''}" onclick="window.__toggleParseMethod('image','llm')">
-              <i data-lucide="${formData.imageParseMethods.includes('llm') ? 'check-circle' : 'circle'}" style="width:14px;height:14px"></i>
-              大模型文档解析
-            </div>
-            <div class="parse-method-option ${formData.imageParseMethods.includes('qwen_vl') ? 'selected' : ''}" onclick="window.__toggleParseMethod('image','qwen_vl')">
-              <i data-lucide="${formData.imageParseMethods.includes('qwen_vl') ? 'check-circle' : 'circle'}" style="width:14px;height:14px"></i>
-              Qwen VL解析
-            </div>
-          </div>
-        </div>
-      `;
-    }
-
-    if (type === 'video_search' || !type) {
-      html += `
-        <div style="margin-top:16px">
-          <div style="font-size:12px;color:var(--text-muted);margin-bottom:8px">音视频类型</div>
-          <div class="parse-method-selector">
-            <div class="parse-method-option ${formData.videoParseMethods.includes('media') ? 'selected' : ''}" onclick="window.__toggleParseMethod('video','media')">
-              <i data-lucide="${formData.videoParseMethods.includes('media') ? 'check-circle' : 'circle'}" style="width:14px;height:14px"></i>
-              音视频解析
-            </div>
-            <label style="display:flex;align-items:center;gap:8px;margin-top:8px;font-size:13px;padding:8px 0;cursor:pointer">
-              <input type="checkbox" id="enableVideoParse" ${formData.enableVideoParse ? 'checked' : ''} onchange="formData.enableVideoParse=this.checked">
-              开启视频解析
-            </label>
-          </div>
-        </div>
-      `;
-    }
-
-    return html;
-  }
-
-  /**
-   * 渲染类目选择内容
-   */
-  function renderCategoryContent() {
-    return `
-      <div class="category-selector">
-        <span style="font-size:13px;font-weight:500;flex-shrink:0">选择类目：</span>
-        <select class="form-control" id="selectCategory" style="flex:1;max-width:300px"
-          onchange="window.__loadCategoryFiles(this.value)">
-          ${categories.map(c => `<option value="${c.id}">${c.name} (${c.fileCount}个文件)</option>`).join('')}
-        </select>
-        <button class="btn btn-outline btn-sm" onclick="window.__showCategoryDrawer()">
-          <i data-lucide="plus" style="width:14px;height:14px"></i> 新建类目
-        </button>
-        <button class="btn btn-ghost btn-sm" onclick="window.__showCategoryDrawer()">
-          <i data-lucide="settings" style="width:14px;height:14px"></i> 类目管理
-        </button>
-      </div>
-
-      <div class="api-note" style="margin-top:16px">
-        <i data-lucide="folder" style="width:16px;height:16px;flex-shrink:0"></i>
-        <div>
-          <p>选择类目后，该类目下所有文件将被导入并构建索引。</p>
-          <p style="margin-top:4px;font-size:12px">当前类目包含 <strong>128</strong> 个文件，预计解析时间约 5-10 分钟。</p>
-        </div>
-      </div>
-    `;
-  }
-
-  /**
-   * 渲染文件选择内容
-   */
-  function renderFilesContent() {
-    const appFiles = [
-      { name: '产品说明书.pdf', size: '3.2MB', format: 'PDF' },
-      { name: '用户指南.docx', size: '1.5MB', format: 'DOCX' },
-      { name: '技术规格.xlsx', size: '856KB', format: 'XLSX' },
-      { name: '培训视频.mp4', size: '128MB', format: 'MP4' },
-      { name: '常见问题.md', size: '245KB', format: 'MD' },
-    ];
-
-    return `
-      <div class="category-selector">
-        <span style="font-size:13px;font-weight:500;flex-shrink:0">应用数据类目：</span>
-        <select class="form-control" id="appCategory" style="flex:1;max-width:300px">
-          ${categories.map(c => `<option value="${c.id}">${c.name}</option>`).join('')}
-        </select>
-      </div>
-
-      <div class="file-compare">
-        <div class="file-compare-panel">
-          <div class="file-compare-header">
-            <i data-lucide="database" style="width:14px;height:14px"></i>
-            数据中心文件
-          </div>
-          <div class="file-compare-body">
-            ${appFiles.map((f, idx) => `
-              <div class="file-compare-item" onclick="window.__toggleFileSelect(this, '${f.name}')">
-                <input type="checkbox" style="margin-right:8px" id="file_${idx}">
-                <div class="file-icon">${getFileIcon(f.name)}</div>
-                <div>
-                  <div style="font-size:13px">${f.name}</div>
-                  <div style="font-size:11px;color:var(--text-muted)">${f.format} · ${f.size}</div>
-                </div>
-              </div>
-            `).join('')}
-          </div>
-        </div>
-        <div class="file-compare-panel">
-          <div class="file-compare-header">
-            <i data-lucide="check-square" style="width:14px;height:14px;color:var(--primary)"></i>
-            已选择 <span id="selectedCount">0</span>/50
-          </div>
-          <div class="file-compare-body" id="selectedAppFiles">
-            <div class="file-compare-empty">
-              <i data-lucide="inbox" style="width:32px;height:32px;color:var(--text-muted);margin-bottom:8px"></i>
-              <p>从左侧选择文件</p>
-              <p style="font-size:11px;margin-top:4px">最多支持50个文件</p>
-            </div>
-          </div>
-        </div>
-      </div>
-    `;
-  }
-
-  /**
-   * 渲染步骤3：索引设置
-   */
-  function renderStep3() {
-    return `
-      <div class="wizard-content">
-        <h3 style="font-size:16px;font-weight:600;margin-bottom:24px">
-          索引设置
-          <span class="help-tip" onclick="window.__showTooltip('step3Tip')">?</span>
-        </h3>
-
-        <div id="step3Tip" class="tooltip-box" style="display:none;margin-bottom:20px">
-          <div style="padding:16px;font-size:13px;color:#fff;line-height:1.6">
-            <p><strong>切片方式</strong>：决定如何将文档分割成小块进行索引。</p>
-            <p style="margin-top:8px"><strong>检索配置</strong>：影响检索效果和性能，建议使用推荐配置。</p>
-          </div>
-        </div>
-
-        <!-- 切片方式 -->
-        <div class="form-group" style="margin-bottom:20px">
-          <label class="form-label">
-            切片方式 <span style="color:var(--danger)">*</span>
-          </label>
-          <select class="form-control" id="sliceMethod" onchange="window.__updateSliceConfig();hasUnsavedChanges=true">
-            ${sliceMethods.map(m => `
-              <option value="${m.id}" ${formData.sliceMethod === m.id ? 'selected' : ''}>${m.label} - ${m.desc}</option>
-            `).join('')}
-          </select>
-        </div>
-
-        <!-- 切片配置 -->
-        <div class="slice-config-panel" id="sliceConfigPanel">
-          ${renderSliceConfig()}
-        </div>
-
-        <!-- 高级配置折叠面板 -->
-        <div class="advanced-config" style="margin-top:24px">
-          <div class="advanced-config-header" onclick="this.closest('.advanced-config').classList.toggle('open')">
-            <span>
-              <i data-lucide="settings-2" style="width:14px;height:14px;margin-right:8px;vertical-align:middle"></i>
-              高级参数配置
-            </span>
-            <i data-lucide="chevron-down" style="width:14px;height:14px"></i>
-          </div>
-          <div class="advanced-config-body">
-            <!-- 索引增强能力 -->
-            <div style="margin-bottom:20px">
-              <label class="form-label" style="margin-bottom:12px">索引增强能力</label>
-              <div class="parse-method-selector">
-                <div class="parse-method-option ${formData.enableMetadataExtract ? 'selected' : ''}" onclick="window.__toggleEnhance('metadataExtract')">
-                  <i data-lucide="${formData.enableMetadataExtract ? 'check-circle' : 'circle'}" style="width:14px;height:14px"></i>
-                  Metadata抽取
-                  <span class="help-tip" onclick="window.__showTooltip('metadataTip');event.stopPropagation()">?</span>
-                </div>
-                <div class="parse-method-option ${formData.enableExcelHeader ? 'selected' : ''}" onclick="window.__toggleEnhance('excelHeader')">
-                  <i data-lucide="${formData.enableExcelHeader ? 'check-circle' : 'circle'}" style="width:14px;height:14px"></i>
-                  Excel表头拼装
-                </div>
-                <div class="parse-method-option ${formData.enableMultiTurn ? 'selected' : ''}" onclick="window.__toggleEnhance('multiTurn')">
-                  <i data-lucide="${formData.enableMultiTurn ? 'check-circle' : 'circle'}" style="width:14px;height:14px"></i>
-                  多轮对话改写
-                </div>
-                <div class="parse-method-option ${formData.enableOCR ? 'selected' : ''}" onclick="window.__toggleEnhance('ocr')">
-                  <i data-lucide="${formData.enableOCR ? 'check-circle' : 'circle'}" style="width:14px;height:14px"></i>
-                  OCR增强
-                </div>
-                <div class="parse-method-option ${formData.enableAutoKeywords ? 'selected' : ''}" onclick="window.__toggleEnhance('autoKeywords')">
-                  <i data-lucide="${formData.enableAutoKeywords ? 'check-circle' : 'circle'}" style="width:14px;height:14px"></i>
-                  自动关键词提取
-                </div>
-                <div class="parse-method-option ${formData.enableAutoTags ? 'selected' : ''}" onclick="window.__toggleEnhance('autoTags')">
-                  <i data-lucide="${formData.enableAutoTags ? 'check-circle' : 'circle'}" style="width:14px;height:14px"></i>
-                  自动标签提取
-                </div>
-              </div>
-            </div>
-
-            <!-- 模型配置 -->
-            <div class="form-group" style="margin-bottom:16px">
-              <label class="form-label">向量模型</label>
-              <select class="form-control" id="vectorModel" onchange="formData.vectorModel=this.value;hasUnsavedChanges=true">
-                <option value="text-embedding-v2" ${formData.vectorModel === 'text-embedding-v2' ? 'selected' : ''}>text-embedding-v2 (推荐)</option>
-                <option value="text-embedding-3" ${formData.vectorModel === 'text-embedding-3' ? 'selected' : ''}>text-embedding-3</option>
-              </select>
-            </div>
-
-            <div class="form-group" style="margin-bottom:16px">
-              <label class="form-label">排序模型</label>
-              <select class="form-control" id="rerankModel" onchange="formData.rerankModel=this.value;hasUnsavedChanges=true">
-                <option value="bge-reranker-v2.5" ${formData.rerankModel === 'bge-reranker-v2.5' ? 'selected' : ''}>bge-reranker-v2.5 (推荐)</option>
-                <option value="bge-reranker-base" ${formData.rerankModel === 'bge-reranker-base' ? 'selected' : ''}>bge-reranker-base</option>
-              </select>
-            </div>
-
-            <div class="form-group" style="margin-bottom:16px">
-              <label class="form-label">
-                排序模式
-                <span class="help-tip" onclick="window.__showTooltip('rerankModeTip')">?</span>
-              </label>
-              <div id="rerankModeTip" class="tooltip-box" style="display:none;margin-bottom:8px">
-                <div style="padding:12px;font-size:13px;color:#fff">
-                  <p><strong>问答模式</strong>：优先返回适合问答场景的召回结果</p>
-                  <p style="margin-top:4px"><strong>相似模式</strong>：优先返回语义最相近内容</p>
-                  <p style="margin-top:4px"><strong>自定义模式</strong>：允许自定义排序策略与召回规则</p>
-                </div>
-              </div>
-              <select class="form-control" id="rerankMode" onchange="formData.rerankMode=this.value;hasUnsavedChanges=true">
-                <option value="qa" ${formData.rerankMode === 'qa' ? 'selected' : ''}>问答模式 (推荐)</option>
-                <option value="similarity" ${formData.rerankMode === 'similarity' ? 'selected' : ''}>相似模式</option>
-                <option value="custom" ${formData.rerankMode === 'custom' ? 'selected' : ''}>自定义高级模式</option>
-              </select>
-            </div>
-
-            <!-- 检索参数 -->
-            <div style="background:var(--bg-base);border-radius:var(--radius);padding:16px;margin-bottom:16px">
-              <div style="font-size:13px;font-weight:500;margin-bottom:16px">检索参数配置</div>
-
-              <div class="form-group" style="margin-bottom:16px">
-                <label class="form-label">初步向量检索TopK</label>
-                <div class="range-slider">
-                  <input type="range" min="10" max="100" value="${formData.vectorTopK}"
-                    oninput="window.__updateRangeValue(this,'vectorTopK')">
-                  <span class="range-slider-value" id="vectorTopKValue">${formData.vectorTopK}</span>
-                  <span class="range-slider-hint">(10-100)</span>
-                </div>
-              </div>
-
-              <div class="form-group" style="margin-bottom:16px">
-                <label class="form-label">初步关键词检索TopK</label>
-                <div class="range-slider">
-                  <input type="range" min="10" max="100" value="${formData.keywordTopK}"
-                    oninput="window.__updateRangeValue(this,'keywordTopK')">
-                  <span class="range-slider-value" id="keywordTopKValue">${formData.keywordTopK}</span>
-                  <span class="range-slider-hint">(10-100)</span>
-                </div>
-              </div>
-
-              <div class="form-group" style="margin-bottom:16px">
-                <label class="form-label">相似度阈值</label>
-                <div class="range-slider">
-                  <input type="range" min="1" max="100" value="${formData.similarityThreshold * 100}"
-                    oninput="window.__updateRangeValue(this,'similarityThreshold',100)">
-                  <span class="range-slider-value" id="similarityThresholdValue">${formData.similarityThreshold.toFixed(2)}</span>
-                  <span class="range-slider-hint">(0.01-1)</span>
-                </div>
-              </div>
-
-              <div class="form-group" style="margin-bottom:0">
-                <label class="form-label">最终召回最大数量</label>
-                <div class="range-slider">
-                  <input type="range" min="1" max="20" value="${formData.maxRecallCount}"
-                    oninput="window.__updateRangeValue(this,'maxRecallCount')">
-                  <span class="range-slider-value" id="maxRecallCountValue">${formData.maxRecallCount}</span>
-                  <span class="range-slider-hint">(1-20)</span>
-                </div>
-              </div>
-            </div>
-
-            <button class="btn btn-ghost btn-sm" onclick="window.__resetRetrievalParams()" style="margin-top:8px">
-              <i data-lucide="rotate-ccw" style="width:14px;height:14px"></i>
-              恢复默认
-            </button>
-          </div>
-        </div>
-
-        <!-- 向量存储 -->
-        <div class="form-group" style="margin-top:20px">
-          <label class="form-label">向量存储</label>
-          <select class="form-control" id="vectorStorage" onchange="formData.vectorStorage=this.value;hasUnsavedChanges=true">
-            <option value="platform" ${formData.vectorStorage === 'platform' ? 'selected' : ''}>平台默认向量存储 (推荐)</option>
-          </select>
-        </div>
-
-        <div class="save-draft-hint">
-          <i data-lucide="save" style="width:12px;height:12px;vertical-align:middle"></i>
-          系统会自动保存草稿，您可以随时中断并继续
-        </div>
-      </div>
-    `;
-  }
-
-  /**
-   * 渲染切片配置
-   */
-  function renderSliceConfig() {
-    switch (formData.sliceMethod) {
-      case 'smart':
-        return `
-          <div class="slice-config-row">
-            <div class="slice-config-label">
-              最大分段长度
-              <span class="help-tip" onclick="window.__showTooltip('maxLengthTip')">?</span>
-            </div>
-            <div class="slice-config-control">
-              <input type="number" class="form-control" style="width:100px" id="maxChunkLength"
-                value="${formData.maxChunkLength}" min="10" max="6000"
-                onchange="formData.maxChunkLength=parseInt(this.value);hasUnsavedChanges=true">
-              <span style="font-size:13px;color:var(--text-muted)">字符 (10-6000)</span>
-            </div>
-          </div>
-          <div id="maxLengthTip" class="tooltip-box" style="display:none;margin:8px 0">
-            <div style="padding:12px;font-size:13px;color:#fff">智能切分时每个切片的最大字符数。</div>
-          </div>
-        `;
-      case 'length':
-        return `
-          <div class="slice-config-row">
-            <div class="slice-config-label">
-              分段预估长度
-              <span class="help-tip" onclick="window.__showTooltip('chunkLengthTip')">?</span>
-            </div>
-            <div class="slice-config-control">
-              <input type="number" class="form-control" style="width:100px" id="maxChunkLength"
-                value="${formData.maxChunkLength}" min="10" max="6000"
-                onchange="formData.maxChunkLength=parseInt(this.value);hasUnsavedChanges=true">
-              <span style="font-size:13px;color:var(--text-muted)">字符 (10-6000)</span>
-            </div>
-          </div>
-          <div id="chunkLengthTip" class="tooltip-box" style="display:none;margin:8px 0">
-            <div style="padding:12px;font-size:13px;color:#fff">每个切片的目标字符数。</div>
-          </div>
-          <div class="slice-config-row">
-            <div class="slice-config-label">
-              分段重叠长度
-              <span class="help-tip" onclick="window.__showTooltip('overlapTip')">?</span>
-            </div>
-            <div class="slice-config-control">
-              <input type="number" class="form-control" style="width:100px" id="overlapLength"
-                value="${formData.overlapLength}" min="0" max="1024"
-                onchange="formData.overlapLength=parseInt(this.value);hasUnsavedChanges=true">
-              <span style="font-size:13px;color:var(--text-muted)">字符 (0-1024)</span>
-            </div>
-          </div>
-          <div id="overlapTip" class="tooltip-box" style="display:none;margin:8px 0">
-            <div style="padding:12px;font-size:13px;color:#fff">相邻切片之间的重叠字符数，用于保证上下文连贯性。</div>
-          </div>
-        `;
-      case 'page':
-        return `
-          <div class="slice-config-row">
-            <div class="slice-config-label">
-              最大分段长度
-            </div>
-            <div class="slice-config-control">
-              <input type="number" class="form-control" style="width:100px" id="maxChunkLength"
-                value="${formData.maxChunkLength}" min="10" max="6000"
-                onchange="formData.maxChunkLength=parseInt(this.value);hasUnsavedChanges=true">
-              <span style="font-size:13px;color:var(--text-muted)">字符 (10-6000)</span>
-            </div>
-          </div>
-        `;
-      case 'title':
-        return `
-          <div class="slice-config-row">
-            <div class="slice-config-label">最大分段长度</div>
-            <div class="slice-config-control">
-              <input type="number" class="form-control" style="width:100px" id="maxChunkLength"
-                value="${formData.maxChunkLength}" min="10" max="6000"
-                onchange="formData.maxChunkLength=parseInt(this.value);hasUnsavedChanges=true">
-              <span style="font-size:13px;color:var(--text-muted)">字符 (10-6000)</span>
-            </div>
-          </div>
-          <div class="slice-config-row">
-            <div class="slice-config-label">标题级数</div>
-            <div class="slice-config-control">
-              <input type="number" class="form-control" style="width:100px" id="titleLevel"
-                value="${formData.titleLevel}" min="1" max="5"
-                onchange="formData.titleLevel=parseInt(this.value);hasUnsavedChanges=true">
-              <span style="font-size:13px;color:var(--text-muted)">级 (1-5)</span>
-            </div>
-          </div>
-        `;
-      case 'regex':
-        return `
-          <div class="slice-config-row">
-            <div class="slice-config-label">正则表达式</div>
-            <div class="slice-config-control">
-              <input type="text" class="form-control" id="regexPattern"
-                value="${escapeHtml(formData.regexPattern)}" placeholder="例如: \\n\\n"
-                style="width:200px"
-                onchange="formData.regexPattern=this.value;hasUnsavedChanges=true">
-            </div>
-          </div>
-          <div class="slice-config-row">
-            <div class="slice-config-label">最大分段长度</div>
-            <div class="slice-config-control">
-              <input type="number" class="form-control" style="width:100px" id="maxChunkLength"
-                value="${formData.maxChunkLength}" min="10" max="6000"
-                onchange="formData.maxChunkLength=parseInt(this.value);hasUnsavedChanges=true">
-              <span style="font-size:13px;color:var(--text-muted)">字符 (10-6000)</span>
-            </div>
-          </div>
-        `;
-      case 'symbol':
-        return `
-          <div class="slice-config-row">
-            <div class="slice-config-label">符号选择器</div>
-            <div class="slice-config-control">
-              <select class="form-control" id="symbolChars" style="width:200px"
-                onchange="formData.symbolChars=this.value;hasUnsavedChanges=true">
-                ${symbolOptions.map(s => `
-                  <option value="${s.value}" ${formData.symbolChars === s.value ? 'selected' : ''}>${s.label}</option>
-                `).join('')}
-              </select>
-            </div>
-          </div>
-          <div class="slice-config-row">
-            <div class="slice-config-label">最大分段长度</div>
-            <div class="slice-config-control">
-              <input type="number" class="form-control" style="width:100px" id="maxChunkLength"
-                value="${formData.maxChunkLength}" min="10" max="6000"
-                onchange="formData.maxChunkLength=parseInt(this.value);hasUnsavedChanges=true">
-              <span style="font-size:13px;color:var(--text-muted)">字符 (10-6000)</span>
-            </div>
-          </div>
-        `;
-      default:
-        return '';
-    }
-  }
-
-  // ==================== 渲染页面 ====================
-
-  function renderPage() {
-    container.innerHTML = `
-      <div class="kb-create-wizard">
-        <!-- 页面头部 -->
-        <div class="page-header" style="margin-bottom:32px">
-          <div class="kb-list-title">
-            <button class="page-back-btn" data-tooltip="返回列表" onclick="window.__confirmLeave()">
-              <i data-lucide="arrow-left" style="width:16px;height:16px"></i>
-            </button>
-            <div>
-              <h1 class="page-title">创建知识库</h1>
-              <p class="page-desc">通过向导创建新的知识库，配置数据源和索引参数</p>
-            </div>
-          </div>
-          <div style="display:flex;gap:8px">
-            <button class="btn btn-outline" onclick="window.__saveDraft();return false">
-              <i data-lucide="save" style="width:14px;height:14px"></i>
-              保存草稿
-            </button>
-            <button class="btn btn-ghost" onclick="window.__confirmLeave()">
-              取消
-            </button>
-          </div>
-        </div>
-
-        ${renderWizardSteps()}
-
-        <div id="wizardContent">
-          ${currentStep === 1 ? renderStep1() : currentStep === 2 ? renderStep2() : renderStep3()}
-        </div>
-
-        <div class="wizard-footer">
-          <div class="wizard-footer-left">
-            ${currentStep > 1 ? `
-              <button class="btn btn-outline" onclick="window.__prevStep()">
-                <i data-lucide="arrow-left" style="width:14px;height:14px"></i>
-                上一步
-              </button>
-            ` : ''}
-          </div>
-          <div class="wizard-footer-right">
-            ${currentStep < totalSteps ? `
-              <button class="btn btn-outline" onclick="window.__nextStep()">
-                下一步
-                <i data-lucide="arrow-right" style="width:14px;height:14px"></i>
-              </button>
-            ` : `
-              <button class="btn btn-primary" onclick="window.__finishWizard()">
-                <i data-lucide="check" style="width:14px;height:14px"></i>
-                完成创建
-              </button>
-            `}
-          </div>
-        </div>
-      </div>
-    `;
-
-    lucide.createIcons({ elements: [container] });
-  }
-
-  // ==================== 步骤控制 ====================
-
-  function collectStepData() {
-    if (currentStep === 1) {
-      formData.name = document.getElementById('kbName')?.value.trim() || '';
-      formData.description = document.getElementById('kbDesc')?.value.trim() || '';
-    }
-  }
-
-  window.__prevStep = function() {
-    if (currentStep > 1) {
-      collectStepData();
-      currentStep--;
-      renderPage();
-    }
-  };
-
-  window.__nextStep = function() {
-    collectStepData();
-
-    let errors = [];
-    if (currentStep === 1) {
-      errors = validateStep1();
-    } else if (currentStep === 2) {
-      errors = validateStep2();
-    }
-
-    if (errors.length > 0) {
-      Toast.error(errors[0]);
-      return;
-    }
-
-    if (currentStep < totalSteps) {
-      currentStep++;
-      renderPage();
-    }
-  };
-
-  window.__finishWizard = function() {
-    collectStepData();
-
-    // TODO: 调用 API POST /api/v1/knowledge-bases 创建知识库
-    console.log('创建知识库数据:', formData);
-
-    const typeMap = {
-      doc_search: '文档搜索',
-      data_query: '数据查询',
-      image_qa: '图片问答',
-      video_search: '音视频搜索',
-    };
-    const createdAt = new Date();
-    const pad = value => String(value).padStart(2, '0');
-    const createdText = `${createdAt.getFullYear()}-${pad(createdAt.getMonth() + 1)}-${pad(createdAt.getDate())} ${pad(createdAt.getHours())}:${pad(createdAt.getMinutes())}:${pad(createdAt.getSeconds())}`;
-    const uploadedCount = Array.isArray(formData.uploadedFiles) ? formData.uploadedFiles.length : 0;
-    const newKb = {
-      id: `kb-${Date.now()}`,
-      name: formData.name || '未命名知识库',
-      description: formData.description || '暂无描述',
-      docs: uploadedCount * 24,
-      size: uploadedCount ? `${Math.max(1, uploadedCount * 8)}MB` : '0MB',
-      type: formData.type || 'doc_search',
-      typeName: typeMap[formData.type] || '文档搜索',
-      status: uploadedCount ? 'processing' : 'ready',
-      createdAt: createdText,
-      updatedAt: createdText,
-      tags: [],
-    };
-    const catalog = Array.isArray(window.__knowledgeBaseCatalog)
-      ? window.__knowledgeBaseCatalog
-      : [];
-    catalog.unshift(newKb);
-    window.__knowledgeBaseCatalog = catalog;
-
-    clearDraft();
-    Toast.success('知识库创建成功！');
-
-    setTimeout(() => {
-      navigateTo('knowledge-base');
-    }, 1000);
-  };
-
-  // ==================== 全局函数 ====================
-
-  window.__updateCharCount = function(input, max) {
-    const counter = input.closest('.form-group')?.querySelector('.char-counter');
-    if (counter) {
-      counter.textContent = `${input.value.length}/${max}`;
-      counter.classList.toggle('warning', input.value.length >= max * 0.9);
-    }
-    hasUnsavedChanges = true;
-  };
-
-  window.__selectKbType = function(typeId) {
-    formData.type = typeId;
-    hasUnsavedChanges = true;
-    document.querySelectorAll('.kb-type-card').forEach(card => {
-      card.classList.toggle('selected', card.dataset.type === typeId);
-    });
-  };
-
-  window.__showKbTypeHelp = function() {
-    createModal({
-      title: '知识库类型说明',
-      content: `
-        <div class="help-modal-content">
-          ${kbTypes.map(type => `
-            <div class="help-modal-item">
-              <div class="help-modal-item-title">
-                <div class="help-modal-item-icon">
-                  <i data-lucide="${type.icon}" style="width:20px;height:20px"></i>
-                </div>
-                ${type.title}
-              </div>
-              <div class="help-modal-item-desc">${type.tooltip}</div>
-            </div>
-          `).join('')}
-        </div>
-      `,
-      confirmText: '',
-      cancelText: '关闭'
-    });
-    lucide.createIcons();
-  };
-
-  window.__selectSourceType = function(type) {
-    formData.sourceType = type;
-    hasUnsavedChanges = true;
-    const formats = getFormatsByType();
-    const maxFiles = 50;
-    const maxSize = formData.type === 'image_qa' || formData.type === 'video_search' ? '20MB' : '50MB';
-    document.getElementById('sourceContent').innerHTML = renderSourceContent(formats, maxFiles, maxSize);
-    lucide.createIcons();
-  };
-
-  window.__handleDragOver = function(e) {
-    e.preventDefault();
-    e.currentTarget.classList.add('dragover');
-  };
-
-  window.__handleDragLeave = function(e) {
-    e.currentTarget.classList.remove('dragover');
-  };
-
-  window.__handleDrop = function(e) {
-    e.preventDefault();
-    e.currentTarget.classList.remove('dragover');
-    window.__handleFileSelect(e.dataTransfer.files);
-  };
-
-  window.__handleFileSelect = function(files) {
-    if (!files || !files.length) return;
-
-    const maxFiles = 50;
-    const maxSize = formData.type === 'image_qa' || formData.type === 'video_search' ? 20 * 1024 * 1024 : 50 * 1024 * 1024;
-
-    Array.from(files).forEach(file => {
-      if (formData.uploadedFiles.length >= maxFiles) {
-        Toast.warning(`最多只能上传${maxFiles}个文件`);
-        return;
-      }
-      if (file.size > maxSize) {
-        Toast.warning(`文件 ${file.name} 超过大小限制 (${maxSize / 1024 / 1024}MB)`);
-        return;
-      }
-
-      const fileObj = {
-        name: file.name,
-        size: (file.size / 1024 / 1024).toFixed(2) + 'MB',
-        status: 'uploading',
-        file: file
-      };
-      formData.uploadedFiles.push(fileObj);
-      hasUnsavedChanges = true;
-
-      // TODO: 调用 API POST /api/v1/files/upload 上传文件
-      // 模拟上传进度
-      setTimeout(() => {
-        fileObj.status = 'processing';
-        renderPage();
-      }, 500);
-
-      setTimeout(() => {
-        // 模拟90%成功率
-        fileObj.status = Math.random() > 0.1 ? 'ready' : 'error';
-        renderPage();
-      }, 2000);
-    });
-
-    renderPage();
-  };
-
-  window.__removeFile = function(index) {
-    formData.uploadedFiles.splice(index, 1);
-    hasUnsavedChanges = true;
-    renderPage();
-  };
-
-  window.__retryUpload = function(index) {
-    if (formData.uploadedFiles[index]) {
-      const fileObj = formData.uploadedFiles[index];
-      fileObj.status = 'uploading';
-      renderPage();
-      setTimeout(() => {
-        fileObj.status = 'processing';
-        renderPage();
-      }, 500);
-      setTimeout(() => {
-        fileObj.status = 'ready';
-        renderPage();
-        Toast.success(`${fileObj.name} 已重新上传并解析完成`);
-      }, 1500);
-    }
-  };
-
-  window.__clearAllFiles = function() {
-    formData.uploadedFiles = [];
-    hasUnsavedChanges = true;
-    renderPage();
-  };
-
-  window.__updateCategory = function(value) {
-    formData.category = value;
-    hasUnsavedChanges = true;
-  };
-
-  window.__selectParseMethod = function(method) {
-    formData.parseMethod = method;
-    hasUnsavedChanges = true;
-    document.querySelectorAll('.parse-method-option').forEach(opt => {
-      const isSelected = opt.textContent.includes(
-        method === 'inherit' ? '继承' : method === 'default' ? '默认' : '自定义'
-      );
-      opt.classList.toggle('selected', isSelected);
-    });
-    const detail = document.getElementById('parseMethodDetail');
-    if (detail) {
-      detail.innerHTML = renderParseMethodDetail();
-    }
-  };
-
-  window.__toggleParseMethod = function(type, method) {
-    const key = type === 'doc' ? 'docParseMethods' : type === 'image' ? 'imageParseMethods' : 'videoParseMethods';
-    const arr = formData[key];
-    const idx = arr.indexOf(method);
-    if (idx > -1) {
-      arr.splice(idx, 1);
-    } else {
-      arr.push(method);
-    }
-    hasUnsavedChanges = true;
-    const detail = document.getElementById('parseMethodDetail');
-    if (detail) {
-      detail.innerHTML = renderParseMethodDetail();
-      lucide.createIcons({ elements: [detail] });
-    }
-  };
-
-  window.__toggleAutoSync = function(checked) {
-    formData.autoSync = checked;
-    hasUnsavedChanges = true;
-    Toast.info(checked ? '已开启自动同步' : '已关闭自动同步');
-  };
-
-  window.__updateSliceConfig = function() {
-    formData.sliceMethod = document.getElementById('sliceMethod').value;
-    hasUnsavedChanges = true;
-    document.getElementById('sliceConfigPanel').innerHTML = renderSliceConfig();
-    lucide.createIcons();
-  };
-
-  window.__updateRangeValue = function(input, field, multiplier = 1) {
-    const value = parseInt(input.value);
-    const displayEl = document.getElementById(field + 'Value');
-    if (displayEl) {
-      displayEl.textContent = multiplier > 1 ? (value / multiplier).toFixed(2) : value;
-    }
-    formData[field] = multiplier > 1 ? value / multiplier : value;
-    hasUnsavedChanges = true;
-  };
-
-  window.__resetRetrievalParams = function() {
-    formData.vectorTopK = 60;
-    formData.keywordTopK = 60;
-    formData.similarityThreshold = 0.5;
-    formData.maxRecallCount = 10;
-    hasUnsavedChanges = true;
-    renderPage();
-  };
-
-  window.__toggleEnhance = function(key) {
-    formData['enable' + key.charAt(0).toUpperCase() + key.slice(1)] = !formData['enable' + key.charAt(0).toUpperCase() + key.slice(1)];
-    hasUnsavedChanges = true;
-    const advancedBody = document.querySelector('.advanced-config-body');
-    if (advancedBody) {
-      const options = advancedBody.querySelectorAll('.parse-method-option');
-      options.forEach(opt => {
-        if (opt.textContent.includes('Metadata抽取')) {
-          opt.classList.toggle('selected', formData.enableMetadataExtract);
-        } else if (opt.textContent.includes('Excel表头')) {
-          opt.classList.toggle('selected', formData.enableExcelHeader);
-        } else if (opt.textContent.includes('多轮对话')) {
-          opt.classList.toggle('selected', formData.enableMultiTurn);
-        } else if (opt.textContent.includes('OCR')) {
-          opt.classList.toggle('selected', formData.enableOCR);
-        } else if (opt.textContent.includes('关键词')) {
-          opt.classList.toggle('selected', formData.enableAutoKeywords);
-        } else if (opt.textContent.includes('标签')) {
-          opt.classList.toggle('selected', formData.enableAutoTags);
-        }
-      });
-    }
-  };
-
-  window.__showTooltip = function(id) {
-    const tooltip = document.getElementById(id);
-    if (tooltip) {
-      tooltip.style.display = tooltip.style.display === 'none' ? 'block' : 'none';
-    }
-  };
-
-  window.__toggleFileSelect = function(el, filename) {
-    const checkbox = el.querySelector('input[type="checkbox"]');
-    checkbox.checked = !checkbox.checked;
-    el.classList.toggle('selected', checkbox.checked);
-    Toast.info(checkbox.checked ? `已选择: ${filename}` : `已取消: ${filename}`);
-  };
-
-  window.__loadCategoryFiles = function(category) {
-    // TODO: 调用 API GET /api/v1/categories/:id/files
-    createModal({
-      title: `${category} 文件列表`,
-      size: 'lg',
-      content: `
-        <div style="display:flex;flex-direction:column;gap:10px">
-          ${['儿童科学百科.pdf', '科学小实验.docx', '物理入门.xlsx'].map((name, index) => `
-            <div style="display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--border);border-radius:var(--radius)">
-              <div>
-                <div style="font-weight:600">${name}</div>
-                <div style="font-size:12px;color:var(--text-muted)">mock-file-${index + 1} · ${(index + 1) * 2}.4MB</div>
-              </div>
-              <button class="btn btn-outline btn-sm" onclick="Toast.success('已选择 ${name}')">选择</button>
-            </div>
-          `).join('')}
-        </div>
-      `,
-      confirmText: '',
-      cancelText: '关闭'
-    });
-  };
-
-  window.__showCategoryDrawer = function() {
-    const renderCategoryRows = () => {
-      const list = document.getElementById('categoryManageList');
-      if (!list) return;
-      list.innerHTML = categories.map(category => `
-        <div style="display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--border);border-radius:var(--radius)">
-          <div>
-            <div style="font-weight:600">${category.name}</div>
-            <div style="font-size:12px;color:var(--text-muted)">${category.fileCount} 个文件 · ${category.id}</div>
-          </div>
-          <div style="display:flex;gap:6px">
-            <button class="btn btn-outline btn-sm" onclick="window.__chooseCategoryFromModal('${category.name}')">选择</button>
-            ${category.id === 'cat-001' ? '' : `
-              <button class="btn btn-ghost btn-sm" onclick="window.__removeCategoryFromModal('${category.id}')">
-                <i data-lucide="trash-2" style="width:14px;height:14px"></i>
-              </button>
-            `}
-          </div>
-        </div>
-      `).join('');
-      lucide.createIcons({ elements: list });
-    };
-
-    createModal({
-      title: '类目管理',
-      size: 'lg',
-      content: `
-        <div style="display:flex;gap:10px;margin-bottom:14px">
-          <input class="form-control" id="newCategoryName" placeholder="输入新类目名称">
-          <button class="btn btn-primary" type="button" onclick="window.__addCategoryFromModal()">添加</button>
-        </div>
-        <div id="categoryManageList" style="display:flex;flex-direction:column;gap:10px"></div>
-      `,
-      confirmText: '',
-      cancelText: '关闭'
-    });
-
-    window.__addCategoryFromModal = function() {
-      const input = document.getElementById('newCategoryName');
-      const name = input?.value.trim();
-      if (!name) {
-        Toast.warning('请输入类目名称');
-        return;
-      }
-      categories.push({
-        id: `cat-${Date.now()}`,
-        name,
-        fileCount: 0,
-      });
-      input.value = '';
-      renderCategoryRows();
-      Toast.success('类目已添加');
-    };
-
-    window.__removeCategoryFromModal = function(id) {
-      const index = categories.findIndex(category => category.id === id);
-      if (index !== -1) {
-        categories.splice(index, 1);
-        renderCategoryRows();
-        Toast.success('类目已删除');
-      }
-    };
-
-    window.__chooseCategoryFromModal = function(name) {
-      formData.category = name;
-      hasUnsavedChanges = true;
-      const select = document.getElementById('categorySelect');
-      if (select && Array.from(select.options).some(option => option.value === name)) {
-        select.value = name;
-      }
-      Toast.success(`已选择类目：${name}`);
-    };
-
-    setTimeout(renderCategoryRows, 50);
-  };
-
-  window.__saveDraft = saveDraft;
-
-  window.__confirmLeave = function() {
-    if (hasUnsavedChanges) {
-      createModal({
-        title: '确认离开',
-        content: `
-          <div class="confirm-leave-modal">
-            <p>确定要离开吗？</p>
-            <p class="warning-text">您有未保存的更改，离开后将丢失。</p>
-          </div>
-        `,
-        confirmText: '离开',
-        confirmClass: 'btn-danger',
-        onConfirm: () => {
-          navigateTo('knowledge-base');
-        }
-      });
-    } else {
-      navigateTo('knowledge-base');
-    }
-  };
-
-  // ==================== 初始化 ====================
-
-  loadDraft();
-  renderPage();
-
-  // 离开页面确认
-  window.addEventListener('beforeunload', function(e) {
-    if (hasUnsavedChanges) {
-      e.preventDefault();
-      e.returnValue = '';
-    }
-  });
-});
-
-</script>
-  <script>
-/* inline: scripts/kb-detail.js */
-/**
- * TalkingQ Platform - 知识库详情页面
- * 包含文件管理、标签管理、切片管理、命中测试等功能
- *
- * API预留:
- * - GET /api/v1/knowledge-bases/:id - 获取知识库详情
- * - GET /api/v1/knowledge-bases/:id/files - 获取文件列表
- * - POST /api/v1/knowledge-bases/:id/files - 上传文件
- * - DELETE /api/v1/knowledge-bases/:id/files/:fileId - 删除文件
- * - POST /api/v1/knowledge-bases/:id/files/:fileId/reparse - 重新解析
- * - GET /api/v1/knowledge-bases/:id/slices - 获取切片列表
- * - PUT /api/v1/knowledge-bases/:id/slices/:sliceId - 更新切片
- * - GET /api/v1/knowledge-bases/:id/hit-test - 命中测试
- * - GET /api/v1/knowledge-bases/:id/metadata - 获取Metadata统计
- */
-
-registerPage('kb-detail', function(container) {
-  // ==================== 状态管理 ====================
-  const urlParams = new URLSearchParams(window.location.search);
-  const kbId = urlParams.get('id') || 'kb-001';
-  const initialTab = urlParams.get('tab') || 'files';
-
-  let currentTab = initialTab;
-  let selectedFiles = new Set();
-  let isLoading = true;
-
-  // ==================== API预留 - 后端接口定义 ====================
-  /**
-   * 获取知识库详情
-   * GET /api/v1/knowledge-bases/:id
-   * Response: { id, name, description, type, status, docs, size, tags, createdAt, updatedAt }
-   */
-  const API_GET_DETAIL = '/api/v1/knowledge-bases/:id';
-
-  /**
-   * 获取文件列表
-   * GET /api/v1/knowledge-bases/:id/files
-   * Query: { page, pageSize, search, status }
-   * Response: { list: [], total, page, pageSize }
-   */
-  const API_GET_FILES = '/api/v1/knowledge-bases/:id/files';
-
-  /**
-   * 上传文件
-   * POST /api/v1/knowledge-bases/:id/files
-   * FormData: { file, category }
-   * Response: { fileId, fileName, status }
-   */
-  const API_UPLOAD_FILE = '/api/v1/knowledge-bases/:id/files';
-
-  /**
-   * 删除文件
-   * DELETE /api/v1/knowledge-bases/:id/files/:fileId
-   * Response: { success: true }
-   */
-  const API_DELETE_FILE = '/api/v1/knowledge-bases/:id/files/:fileId';
-
-  /**
-   * 重新解析文件
-   * POST /api/v1/knowledge-bases/:id/files/:fileId/reparse
-   * Response: { success: true }
-   */
-  const API_REPARSE_FILE = '/api/v1/knowledge-bases/:id/files/:fileId/reparse';
-
-  /**
-   * 获取切片列表
-   * GET /api/v1/knowledge-bases/:id/slices
-   * Query: { page, pageSize, search, fileId }
-   * Response: { list: [], total, page, pageSize }
-   */
-  const API_GET_SLICES = '/api/v1/knowledge-bases/:id/slices';
-
-  /**
-   * 更新切片
-   * PUT /api/v1/knowledge-bases/:id/slices/:sliceId
-   * Body: { content: string }
-   * Response: { success: true, chars: number }
-   */
-  const API_UPDATE_SLICE = '/api/v1/knowledge-bases/:id/slices/:sliceId';
-
-  /**
-   * 获取切片历史版本
-   * GET /api/v1/knowledge-bases/:id/slices/:sliceId/history
-   * Response: { list: [{ version, content, updatedAt, updatedBy }] }
-   */
-  const API_SLICE_HISTORY = '/api/v1/knowledge-bases/:id/slices/:sliceId/history';
-
-  /**
-   * 回滚切片
-   * POST /api/v1/knowledge-bases/:id/slices/:sliceId/rollback
-   * Body: { version: number }
-   * Response: { success: true }
-   */
-  const API_ROLLBACK_SLICE = '/api/v1/knowledge-bases/:id/slices/:sliceId/rollback';
-
-  /**
-   * 命中测试
-   * GET /api/v1/knowledge-bases/:id/hit-test
-   * Query: { query, topK, similarityThreshold, mode }
-   * Response: { results: [{ content, source, score, chars, metadata }] }
-   */
-  const API_HIT_TEST = '/api/v1/knowledge-bases/:id/hit-test';
-
-  /**
-   * 获取测试历史
-   * GET /api/v1/knowledge-bases/:id/test-history
-   * Response: { list: [{ id, time, query, recallCount, avgScore }] }
-   */
-  const API_TEST_HISTORY = '/api/v1/knowledge-bases/:id/test-history';
-
-  /**
-   * 获取Metadata统计
-   * GET /api/v1/knowledge-bases/:id/metadata
-   * Response: { tags: [], categories: [], formats: [] }
-   */
-  const API_GET_METADATA = '/api/v1/knowledge-bases/:id/metadata';
-
-  /**
-   * 重建索引
-   * POST /api/v1/knowledge-bases/:id/rebuild
-   * Response: { success: true, taskId }
-   */
-  const API_REBUILD_INDEX = '/api/v1/knowledge-bases/:id/rebuild';
-
-  /**
-   * 删除知识库
-   * DELETE /api/v1/knowledge-bases/:id
-   * Response: { success: true }
-   */
-  const API_DELETE_KB = '/api/v1/knowledge-bases/:id';
-
-  // ==================== 模拟数据 ====================
-  const kbData = {
-    id: kbId,
-    name: '儿童科学百科',
-    description: '包含各类儿童科学知识的百科全书，包括物理、化学、生物等基础科学知识',
-    type: 'doc_search',
-    typeName: '文档搜索',
-    tags: ['儿童', '科学', '教育'],
-    docs: 2840,
-    size: '128MB',
-    status: 'ready',
-    createdAt: '2026-05-01 10:00:00',
-    updatedAt: '2026-05-10 14:32:15',
-  };
-
-  let kbFiles = [
-    { id: 'f1', name: '儿童科学百科.pdf', size: '2.5MB', format: 'PDF', dataSize: '2.5MB', status: 'ready', category: '默认类目', indexedAt: '2026-05-10 14:32:15', slices: 128, chars: 45678, parseError: null },
-    { id: 'f2', name: '科学小实验.docx', size: '1.8MB', format: 'DOCX', dataSize: '1.8MB', status: 'processing', category: '教学类目', indexedAt: '-', slices: 45, chars: 12340, parseError: null },
-    { id: 'f3', name: '物理入门.xlsx', size: '856KB', format: 'XLSX', dataSize: '856KB', status: 'ready', category: '默认类目', indexedAt: '2026-05-09 10:25:30', slices: 89, chars: 34560, parseError: null },
-    { id: 'f4', name: '化学元素表.pdf', size: '3.2MB', format: 'PDF', dataSize: '3.2MB', status: 'error', category: '教学类目', indexedAt: '-', slices: 0, chars: 0, parseError: 'PDF解析失败：文件格式损坏' },
-    { id: 'f5', name: '天文知识.png', size: '5.6MB', format: 'PNG', dataSize: '5.6MB', status: 'ready', category: '默认类目', indexedAt: '2026-05-08 16:45:22', slices: 34, chars: 8900, parseError: null },
-    { id: 'f6', name: '地理常识.docx', size: '2.1MB', format: 'DOCX', dataSize: '2.1MB', status: 'ready', category: '默认类目', indexedAt: '2026-05-07 11:20:15', slices: 67, chars: 23450, parseError: null },
-  ];
-
-  const mockSlices = [
-    { id: 's1', content: '光合作用是植物、藻类和某些细菌利用光能将二氧化碳和水转化为有机物并释放氧气的过程。这个过程主要发生在植物叶片的叶绿体中，是地球上最重要的生化反应之一。', source: '儿童科学百科.pdf', chars: 89, score: 0.95, sliceNo: 1, metadata: { title: '第一章 光合作用', author: '张三' } },
-    { id: 's2', content: '植物通过根部的根毛吸收土壤中的水分和无机盐，这些物质通过维管束运输到叶片。叶片中的气孔吸收空气中的二氧化碳，同时释放氧气和水蒸气。', source: '儿童科学百科.pdf', chars: 76, score: 0.88, sliceNo: 2, metadata: { title: '第一章 光合作用' } },
-    { id: 's3', content: '叶绿体是植物细胞中进行光合作用的主要场所，含有叶绿素等色素，赋予植物绿色的外观。叶绿体具有双层膜结构，内部有类囊体堆叠形成的基粒。', source: '儿童科学百科.pdf', chars: 68, score: 0.82, sliceNo: 3, metadata: { title: '第一章 光合作用' } },
-  ];
-
-  const testHistory = [
-    { id: 'h1', time: '2026-05-13 14:30:25', query: '光合作用是什么？', recallCount: 3, avgScore: 0.92 },
-    { id: 'h2', time: '2026-05-13 10:15:42', query: '植物如何吸收水分？', recallCount: 2, avgScore: 0.85 },
-    { id: 'h3', time: '2026-05-12 16:45:00', query: '什么是叶绿体？', recallCount: 4, avgScore: 0.78 },
-  ];
-
-  const quickQuestions = [
-    '什么是光合作用？',
-    '植物如何吸收水分？',
-    '叶绿体的作用是什么？',
-    '光合作用需要什么条件？'
-  ];
-
-  // ==================== 工具函数 ====================
-
-  function getFileIcon(format) {
-    const icons = {
-      PDF: '📄', DOCX: '📄', DOC: '📄', TXT: '📝', MD: '📋',
-      XLSX: '📊', XLS: '📊', CSV: '📊',
-      PNG: '🖼', JPG: '🖼', JPEG: '🖼', GIF: '🖼', BMP: '🖼',
-      MP4: '🎬', AVI: '🎬', MOV: '🎬', MKV: '🎬', WMV: '🎬'
-    };
-    return icons[format] || '📁';
-  }
-
-  function getTypeIcon(type) {
-    const icons = {
-      doc_search: 'file-text',
-      data_query: 'table',
-      image_qa: 'image',
-      video_search: 'video'
-    };
-    return icons[type] || 'database';
-  }
-
-  function formatTime(timeStr) {
-    if (!timeStr || timeStr === '-') return '-';
-    return timeStr;
-  }
-
-  function escapeHtml(str) {
-    return String(str || '')
-      .replace(/&/g, '&amp;')
-      .replace(/</g, '&lt;')
-      .replace(/>/g, '&gt;')
-      .replace(/"/g, '&quot;');
-  }
-
-  function getStatusBadge(status) {
-    const map = {
-      ready: { label: '解析完成', cls: 'badge-success' },
-      processing: { label: '解析中', cls: 'badge-warning' },
-      error: { label: '解析失败', cls: 'badge-danger' },
-      uploading: { label: '上传中', cls: 'badge-info' },
-    };
-    return map[status] || { label: status, cls: 'badge-default' };
-  }
-
-  function getNowText() {
-    const date = new Date();
-    const pad = value => String(value).padStart(2, '0');
-    return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())} ${pad(date.getHours())}:${pad(date.getMinutes())}:${pad(date.getSeconds())}`;
-  }
-
-  function formatBytes(bytes) {
-    const value = Number(bytes) || 0;
-    if (value < 1024) return `${value}B`;
-    if (value < 1024 * 1024) return `${(value / 1024).toFixed(1)}KB`;
-    return `${(value / 1024 / 1024).toFixed(1)}MB`;
-  }
-
-  function downloadTextFile(filename, content, mime = 'application/json;charset=utf-8') {
-    const blob = new Blob([content], { type: mime });
-    const url = URL.createObjectURL(blob);
-    const link = document.createElement('a');
-    link.href = url;
-    link.download = filename;
-    document.body.appendChild(link);
-    link.click();
-    link.remove();
-    setTimeout(() => URL.revokeObjectURL(url), 1000);
-  }
-
-  // ==================== 渲染函数 ====================
-
-  function renderPage() {
-    container.innerHTML = `
-      <div class="page-container" style="padding:0">
-        <!-- 面包屑 -->
-        <div style="display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:13px;color:var(--text-secondary)">
-          <button class="page-back-btn" onclick="navigateTo('knowledge-base')" style="padding:4px 8px">
-            <i data-lucide="arrow-left" style="width:14px;height:14px"></i>
-          </button>
-          <span>/</span>
-          <a href="#" onclick="navigateTo('knowledge-base');return false" style="color:var(--text-secondary)">知识库管理</a>
-          <span>/</span>
-          <span style="color:var(--text-primary)">${kbData.name}</span>
-        </div>
-
-        <!-- 详情头部 -->
-        <div class="kb-detail-header">
-          <div class="kb-detail-info">
-            <div class="kb-detail-title">
-              <i data-lucide="${getTypeIcon(kbData.type)}" style="width:24px;height:24px;color:var(--primary)"></i>
-              ${kbData.name}
-              <span class="kb-status-badge ${kbData.status === 'ready' ? 'ready' : kbData.status === 'processing' ? 'processing' : 'error'}">
-                <span class="status-dot"></span>
-                ${kbData.status === 'ready' ? '已就绪' : kbData.status === 'processing' ? '处理中' : '异常'}
-              </span>
-            </div>
-            <div class="kb-detail-desc">${kbData.description}</div>
-            <div class="kb-detail-meta">
-              <span><i data-lucide="hash" style="width:12px;height:12px"></i> ID: ${kbData.id}</span>
-              <span><i data-lucide="layers" style="width:12px;height:12px"></i> 类型: ${kbData.typeName}</span>
-              <span><i data-lucide="file-text" style="width:12px;height:12px"></i> 文档: ${kbData.docs.toLocaleString()}</span>
-              <span><i data-lucide="database" style="width:12px;height:12px"></i> 数据量: ${kbData.size}</span>
-              <span><i data-lucide="calendar" style="width:12px;height:12px"></i> 更新: ${formatTime(kbData.updatedAt)}</span>
-            </div>
-            <div class="kb-detail-meta" style="margin-top:8px">
-              <i data-lucide="tag" style="width:12px;height:12px"></i>
-              ${kbData.tags.map(t => `<span class="tag">${t}</span>`).join('')}
-              <button class="btn btn-ghost btn-sm" onclick="window.__editTags()" style="margin-left:8px">
-                <i data-lucide="edit-2" style="width:12px;height:12px"></i>
-                编辑
-              </button>
-            </div>
-          </div>
-          <div class="kb-detail-actions">
-            <button class="btn btn-primary" onclick="window.__showHitTest()">
-              <i data-lucide="search" style="width:14px;height:14px"></i>
-              命中测试
-            </button>
-            <button class="btn btn-outline" onclick="window.__editKb()">
-              <i data-lucide="settings" style="width:14px;height:14px"></i>
-              编辑
-            </button>
-            <div class="dropdown">
-              <button class="btn btn-ghost" onclick="window.__toggleDetailDropdown(this, event)">
-                <i data-lucide="more-horizontal" style="width:14px;height:14px"></i>
-              </button>
-              <div class="dropdown-menu" style="display:none">
-                <div class="dropdown-item" onclick="window.__rebuildAllIndex()">
-                  <i data-lucide="refresh-cw" style="width:14px;height:14px"></i> 重建全部索引
-                </div>
-                <div class="dropdown-item" onclick="window.__reparseAll()">
-                  <i data-lucide="file-search" style="width:14px;height:14px"></i> 重新解析全部
-                </div>
-                <div class="dropdown-item" onclick="window.__exportKb()">
-                  <i data-lucide="download" style="width:14px;height:14px"></i> 导出知识库
-                </div>
-                <div class="dropdown-divider"></div>
-                <div class="dropdown-item danger" onclick="window.__deleteKb()">
-                  <i data-lucide="trash-2" style="width:14px;height:14px"></i> 删除知识库
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-
-        <!-- Tab切换 -->
-        <div class="kb-detail-tabs">
-          <div class="kb-detail-tab ${currentTab === 'files' ? 'active' : ''}" onclick="window.__switchTab('files')">
-            <i data-lucide="folder" style="width:14px;height:14px;margin-right:6px;vertical-align:middle"></i>
-            文件管理
-          </div>
-          <div class="kb-detail-tab ${currentTab === 'tags' ? 'active' : ''}" onclick="window.__switchTab('tags')">
-            <i data-lucide="tag" style="width:14px;height:14px;margin-right:6px;vertical-align:middle"></i>
-            标签管理
-          </div>
-          <div class="kb-detail-tab ${currentTab === 'slices' ? 'active' : ''}" onclick="window.__switchTab('slices')">
-            <i data-lucide="list" style="width:14px;height:14px;margin-right:6px;vertical-align:middle"></i>
-            切片管理
-          </div>
-          <div class="kb-detail-tab ${currentTab === 'metadata' ? 'active' : ''}" onclick="window.__switchTab('metadata')">
-            <i data-lucide="bar-chart-2" style="width:14px;height:14px;margin-right:6px;vertical-align:middle"></i>
-            统计信息
-          </div>
-        </div>
-
-        <!-- Tab内容 -->
-        <div id="tabContent">
-          ${currentTab === 'files' ? renderFilesTab() :
-            currentTab === 'tags' ? renderTagsTab() :
-            currentTab === 'slices' ? renderSlicesTab() :
-            renderMetadataTab()}
-        </div>
-      </div>
-    `;
-
-    lucide.createIcons({ elements: [container] });
-  }
-
-  // ==================== 文件管理Tab ====================
-
-  function renderFilesTab() {
-    const readyCount = kbFiles.filter(f => f.status === 'ready').length;
-    const processingCount = kbFiles.filter(f => f.status === 'processing' || f.status === 'uploading').length;
-    const errorCount = kbFiles.filter(f => f.status === 'error').length;
-
-    return `
-      <!-- 文件统计 -->
-      <div style="display:flex;gap:16px;margin-bottom:20px;flex-wrap:wrap">
-        <div style="flex:1;min-width:120px;padding:16px;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);text-align:center">
-          <div style="font-size:24px;font-weight:700;color:var(--primary)">${kbFiles.length}</div>
-          <div style="font-size:12px;color:var(--text-muted)">总文件数</div>
-        </div>
-        <div style="flex:1;min-width:120px;padding:16px;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);text-align:center">
-          <div style="font-size:24px;font-weight:700;color:var(--success)">${readyCount}</div>
-          <div style="font-size:12px;color:var(--text-muted)">已解析</div>
-        </div>
-        <div style="flex:1;min-width:120px;padding:16px;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);text-align:center">
-          <div style="font-size:24px;font-weight:700;color:var(--warning)">${processingCount}</div>
-          <div style="font-size:12px;color:var(--text-muted)">解析中</div>
-        </div>
-        <div style="flex:1;min-width:120px;padding:16px;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);text-align:center">
-          <div style="font-size:24px;font-weight:700;color:var(--danger)">${errorCount}</div>
-          <div style="font-size:12px;color:var(--text-muted)">解析失败</div>
-        </div>
-      </div>
-
-      <!-- 批量操作栏 -->
-      <div class="kb-batch-bar ${selectedFiles.size > 0 ? 'visible' : ''}" id="batchBar">
-        <div class="kb-batch-info">
-          已选择 <strong>${selectedFiles.size}</strong> 个文件
-        </div>
-        <div class="kb-batch-actions">
-          <button class="btn btn-sm btn-outline" onclick="window.__reparseSelectedFiles()">
-            <i data-lucide="refresh-cw" style="width:14px;height:14px"></i> 重新解析
-          </button>
-          <button class="btn btn-sm btn-outline" onclick="window.__moveSelectedFiles()">
-            <i data-lucide="folder" style="width:14px;height:14px"></i> 移动类目
-          </button>
-          <button class="btn btn-sm btn-danger" onclick="window.__deleteSelectedFiles()">
-            <i data-lucide="trash-2" style="width:14px;height:14px"></i> 删除
-          </button>
-          <button class="btn btn-sm btn-ghost" onclick="window.__clearFileSelection()">
-            取消选择
-          </button>
-        </div>
-      </div>
-
-      <!-- 文件操作栏 -->
-      <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px">
-        <div style="display:flex;gap:8px">
-          <button class="btn btn-primary btn-sm" onclick="window.__uploadFiles()">
-            <i data-lucide="upload" style="width:14px;height:14px"></i>
-            上传文件
-          </button>
-          <button class="btn btn-outline btn-sm" onclick="window.__selectAllFiles()">
-            <i data-lucide="check-square" style="width:14px;height:14px"></i>
-            全选
-          </button>
-        </div>
-        <div class="filter-search" style="width:280px">
-          <i data-lucide="search" style="width:15px;height:15px"></i>
-          <input type="text" id="fileSearchInput" placeholder="搜索文件名..." oninput="window.__filterFiles(this.value)">
-        </div>
-      </div>
-
-      <!-- 文件列表 -->
-      <div class="kb-table-wrapper">
-        <table class="kb-table">
-          <thead>
-            <tr>
-              <th style="width:40px">
-                <input type="checkbox" class="row-checkbox" id="selectAllFiles" onchange="window.__toggleSelectAllFiles(this.checked)">
-              </th>
-              <th>文件名</th>
-              <th style="width:80px">格式</th>
-              <th style="width:80px">大小</th>
-              <th style="width:80px">数据量</th>
-              <th style="width:100px">状态</th>
-              <th style="width:120px">所属类目</th>
-              <th style="width:80px">切片数</th>
-              <th style="width:160px">索引时间</th>
-              <th style="width:140px">操作</th>
-            </tr>
-          </thead>
-          <tbody id="fileTableBody">
-            ${renderFileRows()}
-          </tbody>
-        </table>
-      </div>
-    `;
-  }
-
-  function renderFileRows() {
-    if (kbFiles.length === 0) {
-      return `
-        <tr>
-          <td colspan="10">
-            <div class="kb-empty">
-              <div class="kb-empty-icon">
-                <i data-lucide="file-x"></i>
-              </div>
-              <div class="kb-empty-title">暂无文件</div>
-              <div class="kb-empty-desc">点击上方「上传文件」添加文件</div>
-            </div>
-          </td>
-        </tr>
-      `;
-    }
-
-    return kbFiles.map(file => `
-      <tr class="${selectedFiles.has(file.id) ? 'selected' : ''}" data-id="${file.id}">
-        <td>
-          <input type="checkbox" class="row-checkbox" ${selectedFiles.has(file.id) ? 'checked' : ''}
-            onchange="window.__toggleFileSelect('${file.id}', this.checked)">
-        </td>
-        <td>
-          <div style="display:flex;align-items:center;gap:10px">
-            <span style="font-size:20px">${getFileIcon(file.format)}</span>
-            <span style="font-weight:500">${file.name}</span>
-          </div>
-        </td>
-        <td style="font-size:12px;color:var(--text-secondary)">${file.format}</td>
-        <td style="font-size:12px;color:var(--text-secondary)">${file.size}</td>
-        <td style="font-size:12px;color:var(--text-secondary)">${file.dataSize}</td>
-        <td>
-          <span class="kb-status-badge ${getStatusBadge(file.status).cls.replace('badge-', '')}">
-            <span class="status-dot"></span>
-            ${getStatusBadge(file.status).label}
-          </span>
-          ${file.status === 'error' && file.parseError ? `
-            <div style="font-size:11px;color:var(--danger);margin-top:2px;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap" title="${file.parseError}">
-              ${file.parseError}
-            </div>
-          ` : ''}
-        </td>
-        <td style="font-size:12px;color:var(--text-secondary)">${file.category}</td>
-        <td style="font-size:12px">
-          ${file.slices > 0 ? `<span style="color:var(--primary);cursor:pointer" onclick="window.__viewSlices('${file.id}')">${file.slices}</span>` : '-'}
-        </td>
-        <td style="font-size:12px;color:var(--text-muted)">${formatTime(file.indexedAt)}</td>
-        <td>
-          <div class="kb-table-actions">
-            <button class="btn btn-ghost btn-sm" data-tooltip="Meta 信息" onclick="window.__viewMetaInfo('${file.id}')">
-              <i data-lucide="info" style="width:14px;height:14px"></i>
-            </button>
-            <div class="dropdown">
-              <button class="btn btn-ghost btn-sm" data-tooltip="更多操作" onclick="window.__toggleFileDropdown('${file.id}', this, event)">
-                <i data-lucide="more-horizontal" style="width:14px;height:14px"></i>
-              </button>
-              <div class="dropdown-menu" style="display:none" onclick="event.stopPropagation()">
-                <div class="dropdown-item" onclick="event.stopPropagation();window.__reparseFile('${file.id}')">
-                  <i data-lucide="refresh-cw" style="width:14px;height:14px"></i> 重新解析
-                </div>
-                <div class="dropdown-item" onclick="event.stopPropagation();window.__moveFile('${file.id}')">
-                  <i data-lucide="folder" style="width:14px;height:14px"></i> 移动到类目
-                </div>
-                <div class="dropdown-divider"></div>
-                <div class="dropdown-item danger" onclick="event.stopPropagation();window.__deleteFile('${file.id}')">
-                  <i data-lucide="trash-2" style="width:14px;height:14px"></i> 删除
-                </div>
-              </div>
-            </div>
-          </div>
-        </td>
-      </tr>
-    `).join('');
-  }
-
-  // ==================== 标签管理Tab ====================
-
-  function renderTagsTab() {
-    return `
-      <div style="padding:24px;background:var(--bg-white);border-radius:var(--radius-lg);border:1px solid var(--border)">
-        <!-- 当前标签 -->
-        <div style="margin-bottom:32px">
-          <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:16px">
-            <h3 style="font-size:15px;font-weight:600">知识库标签</h3>
-            <button class="btn btn-primary btn-sm" onclick="window.__showAddTag()">
-              <i data-lucide="plus" style="width:14px;height:14px"></i>
-              新增标签
-            </button>
-          </div>
-          <div class="tag-list">
-            ${kbData.tags.map((tag, idx) => `
-              <div class="tag-item">
-                ${tag}
-                <span class="remove-tag" onclick="window.__removeTag(${idx})">
-                  <i data-lucide="x" style="width:10px;height:10px"></i>
-                </span>
-              </div>
-            `).join('')}
-            <div class="add-tag-input">
-              <input type="text" placeholder="输入新标签..." id="newTagInput" maxlength="32" style="outline:none"
-                onkeypress="if(event.key==='Enter')window.__addNewTag()">
-            </div>
-          </div>
-          <div class="form-hint">
-            <i data-lucide="info" style="width:12px;height:12px;vertical-align:middle"></i>
-            标签字数限制：0-32 个字符，支持中英文、数字
-          </div>
-        </div>
-
-        <!-- 标签使用统计 -->
-        <div style="border-top:1px solid var(--border);padding-top:24px">
-          <h3 style="font-size:15px;font-weight:600;margin-bottom:16px">标签使用统计</h3>
-          <div style="display:flex;flex-wrap:wrap;gap:8px">
-            ${kbData.tags.map(tag => `
-              <div style="padding:8px 16px;background:var(--bg-base);border-radius:var(--radius);display:flex;align-items:center;gap:8px">
-                <span class="tag">${tag}</span>
-                <span style="font-size:12px;color:var(--text-muted)">${Math.floor(Math.random() * 100 + 50)} 个文件</span>
-              </div>
-            `).join('')}
-          </div>
-        </div>
-      </div>
-    `;
-  }
-
-  // ==================== 切片管理Tab ====================
-
-  function renderSlicesTab() {
-    return `
-      <div style="background:var(--bg-white);border-radius:var(--radius-lg);border:1px solid var(--border);padding:20px">
-        <!-- 切片操作栏 -->
-        <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px">
-          <div style="display:flex;gap:8px">
-            <span style="font-size:13px;color:var(--text-muted)">
-              共 <strong>${kbData.docs}</strong> 个切片
-            </span>
-          </div>
-          <div class="filter-search" style="width:280px">
-            <i data-lucide="search" style="width:15px;height:15px"></i>
-            <input type="text" id="sliceSearchInput" placeholder="搜索切片内容..." oninput="window.__filterSlices(this.value)">
-          </div>
-        </div>
-
-        <!-- 切片列表 -->
-        <div class="slice-list" id="sliceList">
-          ${mockSlices.map((slice, idx) => `
-            <div class="slice-list-item" style="cursor:pointer" onclick="window.__editSlice('${slice.id}')">
-              <div class="slice-list-header">
-                <span>
-                  <strong>切片 #${slice.sliceNo}</strong>
-                  <span style="margin-left:12px;font-size:12px;color:var(--text-muted)">
-                    来源: ${slice.source} · ${slice.chars} 字符
-                  </span>
-                </span>
-                <div style="display:flex;gap:4px;align-items:center">
-                  <span class="kb-status-badge ready" style="font-size:11px;padding:2px 8px">
-                    相关度: ${(slice.score * 100).toFixed(0)}%
-                  </span>
-                  <button class="btn btn-ghost btn-sm" onclick="event.stopPropagation();window.__editSlice('${slice.id}')">
-                    <i data-lucide="edit" style="width:14px;height:14px"></i> 编辑
-                  </button>
-                </div>
-              </div>
-              <div class="slice-list-content">${slice.content}</div>
-              ${slice.metadata ? `
-                <div style="margin-top:8px;font-size:12px;color:var(--text-muted)">
-                  <i data-lucide="tag" style="width:12px;height:12px;vertical-align:middle"></i>
-                  ${Object.entries(slice.metadata).map(([k,v]) => `${k}: ${v}`).join(' | ')}
-                </div>
-              ` : ''}
-            </div>
-          `).join('')}
-        </div>
-
-        <!-- 分页 -->
-        <div class="kb-pagination" style="margin-top:16px">
-          <div class="kb-pagination-info">共 ${kbData.docs} 个切片</div>
-          <div class="kb-pagination-controls">
-            <button class="kb-pagination-btn" disabled><i data-lucide="chevron-left" style="width:14px;height:14px"></i></button>
-            <button class="kb-pagination-btn active" onclick="Toast.info('当前已是第 1 页')">1</button>
-            <button class="kb-pagination-btn" onclick="Toast.info('切换到第 2 页')">2</button>
-            <button class="kb-pagination-btn" onclick="Toast.info('切换到第 3 页')">3</button>
-            <span style="padding:0 4px;color:var(--text-muted)">...</span>
-            <button class="kb-pagination-btn" onclick="Toast.info('切换到末页')">${Math.ceil(kbData.docs / 10)}</button>
-            <button class="kb-pagination-btn" onclick="Toast.info('切换到下一页')"><i data-lucide="chevron-right" style="width:14px;height:14px"></i></button>
-          </div>
-        </div>
-      </div>
-    `;
-  }
-
-  // ==================== 统计信息Tab ====================
-
-  function renderMetadataTab() {
-    return `
-      <div style="display:grid;grid-template-columns:repeat(2,1fr);gap:16px">
-        <!-- 切片统计 -->
-        <div class="card">
-          <div class="card-header">
-            <span class="card-title">切片统计</span>
-          </div>
-          <div style="display:flex;flex-direction:column;gap:12px">
-            <div style="display:flex;justify-content:space-between;align-items:center">
-              <span style="font-size:13px;color:var(--text-secondary)">总切片数</span>
-              <span style="font-size:18px;font-weight:600;color:var(--primary)">${kbData.docs.toLocaleString()}</span>
-            </div>
-            <div style="display:flex;justify-content:space-between;align-items:center">
-              <span style="font-size:13px;color:var(--text-secondary)">总字符数</span>
-              <span style="font-size:18px;font-weight:600">1,245,678</span>
-            </div>
-            <div style="display:flex;justify-content:space-between;align-items:center">
-              <span style="font-size:13px;color:var(--text-secondary)">平均切片长度</span>
-              <span style="font-size:18px;font-weight:600">439 字符</span>
-            </div>
-          </div>
-        </div>
-
-        <!-- 文件格式分布 -->
-        <div class="card">
-          <div class="card-header">
-            <span class="card-title">文件格式分布</span>
-          </div>
-          <div style="display:flex;flex-direction:column;gap:12px">
-            <div style="display:flex;justify-content:space-between;align-items:center">
-              <span style="font-size:13px;color:var(--text-secondary)">PDF</span>
-              <span style="font-size:14px;font-weight:500">45%</span>
-            </div>
-            <div class="progress-bar"><div class="progress-fill" style="width:45%"></div></div>
-            <div style="display:flex;justify-content:space-between;align-items:center">
-              <span style="font-size:13px;color:var(--text-secondary)">DOCX</span>
-              <span style="font-size:14px;font-weight:500">30%</span>
-            </div>
-            <div class="progress-bar"><div class="progress-fill" style="width:30%"></div></div>
-            <div style="display:flex;justify-content:space-between;align-items:center">
-              <span style="font-size:13px;color:var(--text-secondary)">XLSX</span>
-              <span style="font-size:14px;font-weight:500">15%</span>
-            </div>
-            <div class="progress-bar"><div class="progress-fill" style="width:15%"></div></div>
-            <div style="display:flex;justify-content:space-between;align-items:center">
-              <span style="font-size:13px;color:var(--text-secondary)">其他</span>
-              <span style="font-size:14px;font-weight:500">10%</span>
-            </div>
-            <div class="progress-bar"><div class="progress-fill" style="width:10%"></div></div>
-          </div>
-        </div>
-
-        <!-- Metadata统计 -->
-        <div class="card" style="grid-column:span 2">
-          <div class="card-header">
-            <span class="card-title">Metadata 统计</span>
-          </div>
-          <div style="display:flex;flex-wrap:wrap;gap:16px">
-            <div style="flex:1;min-width:200px">
-              <div style="font-size:12px;color:var(--text-muted);margin-bottom:8px">提取的标题</div>
-              <div style="display:flex;flex-wrap:wrap;gap:6px">
-                ${['第一章 光合作用', '第二章 呼吸作用', '第三章 物质运输', '第四章 生长素'].map(t => `
-                  <span style="padding:4px 10px;background:var(--bg-base);border-radius:4px;font-size:12px">${t}</span>
-                `).join('')}
-              </div>
-            </div>
-            <div style="flex:1;min-width:200px">
-              <div style="font-size:12px;color:var(--text-muted);margin-bottom:8px">关键词</div>
-              <div style="display:flex;flex-wrap:wrap;gap:6px">
-                ${['光合作用', '叶绿体', '氧气', '二氧化碳', '水分'].map(k => `
-                  <span style="padding:4px 10px;background:var(--primary-bg);color:var(--primary);border-radius:4px;font-size:12px">${k}</span>
-                `).join('')}
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    `;
-  }
-
-  // ==================== 全局函数 ====================
-
-  let __dropdownHandler = null;
-
-  window.__switchTab = function(tab) {
-    currentTab = tab;
-    renderPage();
-  };
-
-  window.__toggleDetailDropdown = function(btn, e) {
-    if (e) e.stopPropagation();
-    const dropdown = btn.closest('.dropdown');
-    const menu = dropdown.querySelector('.dropdown-menu');
-    const isOpen = dropdown.classList.contains('open');
-
-    document.querySelectorAll('.dropdown').forEach(d => {
-      d.classList.remove('open');
-      d.querySelector('.dropdown-menu').style.display = 'none';
-    });
-    document.removeEventListener('click', __dropdownHandler);
-
-    if (!isOpen) {
-      dropdown.classList.add('open');
-      menu.style.display = 'block';
-      __dropdownHandler = (ev) => {
-        if (!dropdown.contains(ev.target)) {
-          dropdown.classList.remove('open');
-          menu.style.display = 'none';
-          document.removeEventListener('click', __dropdownHandler);
-        }
-      };
-      setTimeout(() => document.addEventListener('click', __dropdownHandler), 10);
-    }
-  };
-
-  window.__toggleFileDropdown = function(id, btn, e) {
-    window.__toggleDetailDropdown(btn, e);
-  };
-
-  // 文件选择
-  window.__toggleFileSelect = function(id, checked) {
-    if (checked) selectedFiles.add(id);
-    else selectedFiles.delete(id);
-    renderPage();
-  };
-
-  window.__toggleSelectAllFiles = function(checked) {
-    if (checked) kbFiles.forEach(f => selectedFiles.add(f.id));
-    else selectedFiles.clear();
-    renderPage();
-  };
-
-  window.__clearFileSelection = function() {
-    selectedFiles.clear();
-    renderPage();
-  };
-
-  window.__selectAllFiles = function() {
-    kbFiles.forEach(f => selectedFiles.add(f.id));
-    renderPage();
-  };
-
-  window.__filterFiles = function(keyword) {
-    const tbody = document.getElementById('fileTableBody');
-    if (!tbody) return;
-    tbody.querySelectorAll('tr').forEach(row => {
-      const name = row.querySelector('td:nth-child(2)')?.textContent.toLowerCase() || '';
-      row.style.display = name.includes(keyword.toLowerCase()) ? '' : 'none';
-    });
-  };
-
-  window.__filterSlices = function(keyword) {
-    const query = String(keyword || '').trim().toLowerCase();
-    document.querySelectorAll('#sliceList .slice-list-item').forEach(item => {
-      const text = item.textContent.toLowerCase();
-      item.style.display = text.includes(query) ? '' : 'none';
-    });
-  };
-
-  // 文件操作
-  window.__uploadFiles = function() {
-    createModal({
-      title: '上传文件',
-      size: 'lg',
-      content: `
-        <div class="form-group">
-          <label class="form-label">选择文件</label>
-          <input type="file" class="form-control" id="detailUploadInput" multiple>
-          <div class="form-hint">前端 mock 会将文件加入列表并进入“解析中”状态；后端接入后调用 POST /api/v1/knowledge-bases/:id/files。</div>
-        </div>
-        <div class="form-group">
-          <label class="form-label">所属类目</label>
-          <select class="form-control" id="detailUploadCategory">
-            <option value="默认类目">默认类目</option>
-            <option value="教学类目">教学类目</option>
-            <option value="产品文档">产品文档</option>
-            <option value="用户指南">用户指南</option>
-          </select>
-        </div>
-      `,
-      confirmText: '上传',
-      onConfirm: () => {
-        const input = document.getElementById('detailUploadInput');
-        const files = Array.from(input?.files || []);
-        if (!files.length) {
-          Toast.warning('请先选择文件');
-          return false;
-        }
-        const category = document.getElementById('detailUploadCategory')?.value || '默认类目';
-        files.forEach(file => {
-          const ext = file.name.split('.').pop()?.toUpperCase() || 'FILE';
-          kbFiles.unshift({
-            id: `f-${Date.now()}-${Math.random().toString(16).slice(2, 7)}`,
-            name: file.name,
-            size: formatBytes(file.size),
-            format: ext,
-            dataSize: formatBytes(file.size),
-            status: 'processing',
-            category,
-            indexedAt: '-',
-            slices: 0,
-            chars: 0,
-            parseError: null,
-          });
-        });
-        kbData.docs += files.length;
-        kbData.updatedAt = getNowText();
-        selectedFiles.clear();
-        renderPage();
-        Toast.success(`已上传 ${files.length} 个文件`);
-      }
-    });
-  };
-
-  window.__viewMetaInfo = function(fileId) {
-    const file = kbFiles.find(f => f.id === fileId);
-    createModal({
-      title: 'Meta 信息',
-      content: `
-        <table class="meta-info-table">
-          <tr><td>文件名</td><td>${file?.name || '-'}</td></tr>
-          <tr><td>文件大小</td><td>${file?.size || '-'}</td></tr>
-          <tr><td>数据量</td><td>${file?.dataSize || '-'}</td></tr>
-          <tr><td>文件格式</td><td>${file?.format || '-'}</td></tr>
-          <tr><td>切片数量</td><td>${file?.slices || 0} 个</td></tr>
-          <tr><td>字符总数</td><td>${file?.chars?.toLocaleString() || 0} 字符</td></tr>
-          <tr><td>状态</td><td>${getStatusBadge(file?.status).label}</td></tr>
-          <tr><td>所属类目</td><td>${file?.category || '-'}</td></tr>
-          <tr><td>索引时间</td><td>${formatTime(file?.indexedAt)}</td></tr>
-        </table>
-      `,
-      confirmText: '',
-      cancelText: '关闭'
-    });
-  };
-
-  window.__viewSlices = function(fileId) {
-    const file = kbFiles.find(f => f.id === fileId);
-    createModal({
-      title: `查看切片 - ${file?.name || ''}`,
-      size: 'lg',
-      content: `
-        <div style="margin-bottom:16px;padding:12px;background:var(--bg-base);border-radius:var(--radius);font-size:13px">
-          <div style="display:flex;justify-content:space-between">
-            <span>切片数量: <strong>${file?.slices || 0}</strong></span>
-            <span>总字符数: <strong>${file?.chars?.toLocaleString() || 0}</strong></span>
-          </div>
-        </div>
-        <div class="slice-list">
-          ${mockSlices.map((slice, idx) => `
-            <div class="slice-list-item">
-              <div class="slice-list-header">
-                <span>
-                  <strong>切片 ${slice.sliceNo}</strong>
-                  <span style="margin-left:12px;font-size:12px;color:var(--text-muted)">${slice.chars} 字符</span>
-                </span>
-                <div style="display:flex;gap:4px">
-                  <button class="btn btn-ghost btn-sm" onclick="window.__editSlice('${slice.id}')">
-                    <i data-lucide="edit" style="width:14px;height:14px"></i> 编辑
-                  </button>
-                </div>
-              </div>
-              <div class="slice-list-content">${slice.content}</div>
-            </div>
-          `).join('')}
-        </div>
-      `,
-      confirmText: '',
-      cancelText: '关闭'
-    });
-    lucide.createIcons();
-  };
-
-  window.__reparseFile = function(fileId) {
-    const file = kbFiles.find(f => f.id === fileId);
-    createModal({
-      title: '重新解析',
-      content: `
-        <p>确定要重新解析文件「${file?.name}」吗？</p>
-        <p style="color:var(--text-muted);font-size:13px;margin-top:8px">重新解析将覆盖之前的解析结果。</p>
-      `,
-      confirmText: '重新解析',
-      onConfirm: () => {
-        // TODO: 调用 API POST /api/v1/knowledge-bases/:id/files/:fileId/reparse
-        const idx = kbFiles.findIndex(f => f.id === fileId);
-        if (idx !== -1) {
-          kbFiles[idx].status = 'processing';
-          renderPage();
-        }
-        Toast.success('重新解析任务已启动');
-      }
-    });
-  };
-
-  window.__moveFile = function(fileId) {
-    const file = kbFiles.find(f => f.id === fileId);
-    if (!file) {
-      Toast.warning('未找到文件');
-      return;
-    }
-    createModal({
-      title: '移动到类目',
-      content: `
-        <p style="margin-bottom:12px">文件：<strong>${file.name}</strong></p>
-        <div class="form-group">
-          <label class="form-label">目标类目</label>
-          <select class="form-control" id="moveFileCategory">
-            ${['默认类目', '教学类目', '产品文档', '用户指南'].map(category => `
-              <option value="${category}" ${file.category === category ? 'selected' : ''}>${category}</option>
-            `).join('')}
-          </select>
-        </div>
-      `,
-      confirmText: '移动',
-      onConfirm: () => {
-        file.category = document.getElementById('moveFileCategory')?.value || file.category;
-        renderPage();
-        Toast.success('文件已移动');
-      }
-    });
-  };
-
-  window.__deleteFile = function(fileId) {
-    const file = kbFiles.find(f => f.id === fileId);
-    createModal({
-      title: '删除文件',
-      content: `
-        <p>确定要删除文件「${file?.name}」吗？</p>
-        <div class="parse-error-tip" style="margin-top:12px">
-          <i data-lucide="alert-triangle" style="width:16px;height:16px;flex-shrink:0"></i>
-          <div>此操作不可恢复，文件及其切片数据将被永久删除。</div>
-        </div>
-      `,
-      confirmText: '删除',
-      confirmClass: 'btn-danger',
-      onConfirm: () => {
-        kbFiles = kbFiles.filter(f => f.id !== fileId);
-        renderPage();
-        Toast.success('文件已删除');
-      }
-    });
-    lucide.createIcons();
-  };
-
-  // 批量操作
-  window.__reparseSelectedFiles = function() {
-    if (selectedFiles.size === 0) {
-      Toast.warning('请先选择文件');
-      return;
-    }
-    createModal({
-      title: '重新解析',
-      content: `<p>确定要重新解析选中的 <strong>${selectedFiles.size}</strong> 个文件吗？</p>`,
-      confirmText: '重新解析',
-      onConfirm: () => {
-        // TODO: 调用批量重新解析API
-        selectedFiles.forEach(id => {
-          const idx = kbFiles.findIndex(f => f.id === id);
-          if (idx !== -1) kbFiles[idx].status = 'processing';
-        });
-        selectedFiles.clear();
-        renderPage();
-        Toast.success('重新解析任务已启动');
-      }
-    });
-  };
-
-  window.__moveSelectedFiles = function() {
-    if (selectedFiles.size === 0) {
-      Toast.warning('请先选择文件');
-      return;
-    }
-    createModal({
-      title: '批量移动类目',
-      content: `
-        <p style="margin-bottom:12px">将选中的 <strong>${selectedFiles.size}</strong> 个文件移动到：</p>
-        <div class="form-group">
-          <label class="form-label">目标类目</label>
-          <select class="form-control" id="moveSelectedCategory">
-            <option value="默认类目">默认类目</option>
-            <option value="教学类目">教学类目</option>
-            <option value="产品文档">产品文档</option>
-            <option value="用户指南">用户指南</option>
-          </select>
-        </div>
-      `,
-      confirmText: '移动',
-      onConfirm: () => {
-        const category = document.getElementById('moveSelectedCategory')?.value || '默认类目';
-        selectedFiles.forEach(id => {
-          const file = kbFiles.find(f => f.id === id);
-          if (file) file.category = category;
-        });
-        selectedFiles.clear();
-        renderPage();
-        Toast.success('文件已移动');
-      }
-    });
-  };
-
-  window.__deleteSelectedFiles = function() {
-    if (selectedFiles.size === 0) {
-      Toast.warning('请先选择文件');
-      return;
-    }
-    createModal({
-      title: '批量删除',
-      content: `
-        <p>确定要删除选中的 <strong>${selectedFiles.size}</strong> 个文件吗？</p>
-        <div class="parse-error-tip" style="margin-top:12px">
-          <i data-lucide="alert-triangle" style="width:16px;height:16px;flex-shrink:0"></i>
-          <div>此操作不可恢复。</div>
-        </div>
-      `,
-      confirmText: '删除',
-      confirmClass: 'btn-danger',
-      onConfirm: () => {
-        kbFiles = kbFiles.filter(f => !selectedFiles.has(f.id));
-        selectedFiles.clear();
-        renderPage();
-        Toast.success('文件已删除');
-      }
-    });
-  };
-
-  // 切片编辑
-  window.__editSlice = function(sliceId) {
-    const slice = mockSlices.find(s => s.id === sliceId);
-    createModal({
-      title: '编辑切片',
-      size: 'lg',
-      content: `
-        <div class="slice-edit-content">
-          <div style="margin-bottom:8px;font-size:13px;color:var(--text-secondary)">
-            来源: ${slice?.source} · 切片 ${slice?.sliceNo} · <span id="charCount">${slice?.chars}</span> 字符
-          </div>
-          <textarea class="form-control" id="sliceEditor" rows="8" style="font-family:monospace;resize:vertical">${slice?.content || ''}</textarea>
-          <div class="slice-edit-footer">
-            <span>支持编辑切片内容</span>
-            <span>字符数将自动更新</span>
-          </div>
-          <div style="margin-top:12px">
-            <button class="btn btn-ghost btn-sm" onclick="window.__showSliceHistory('${sliceId}')">
-              <i data-lucide="history" style="width:14px;height:14px"></i>
-              查看历史版本
-            </button>
-          </div>
-        </div>
-      `,
-      confirmText: '保存',
-      onConfirm: () => {
-        const newContent = document.getElementById('sliceEditor')?.value || '';
-        const idx = mockSlices.findIndex(s => s.id === sliceId);
-        if (idx !== -1) {
-          mockSlices[idx].content = newContent;
-          mockSlices[idx].chars = newContent.length;
-        }
-        Toast.success('切片已保存');
-      }
-    });
-
-    setTimeout(() => {
-      const editor = document.getElementById('sliceEditor');
-      const counter = document.getElementById('charCount');
-      if (editor && counter) {
-        editor.addEventListener('input', () => {
-          counter.textContent = editor.value.length;
-        });
-      }
-    }, 100);
-  };
-
-  window.__showSliceHistory = function(sliceId) {
-    createModal({
-      title: '切片历史版本',
-      content: `
-        <div style="max-height:300px;overflow-y:auto">
-          ${[1,2,3].map(v => `
-            <div style="padding:12px;border-bottom:1px solid var(--border);cursor:pointer" onclick="window.__rollbackSlice('${sliceId}', ${v})">
-              <div style="font-size:13px;font-weight:500">版本 ${v}</div>
-              <div style="font-size:12px;color:var(--text-muted)">2026-05-${10-v} 14:30:25 · 张三</div>
-            </div>
-          `).join('')}
-        </div>
-      `,
-      confirmText: '',
-      cancelText: '关闭'
-    });
-  };
-
-  window.__rollbackSlice = function(sliceId, version) {
-    Toast.success(`已回滚到版本 ${version}`);
-  };
-
-  // 标签管理
-  window.__showAddTag = function() {
-    createModal({
-      title: '新增标签',
-      content: `
-        <div class="form-group">
-          <label class="form-label">标签名称</label>
-          <input type="text" class="form-control" id="newTagName" placeholder="请输入标签名称" maxlength="32">
-          <div class="char-counter" id="tagCharCounter">0/32</div>
-        </div>
-        <div class="form-hint">
-          <i data-lucide="info" style="width:12px;height:12px;vertical-align:middle"></i>
-          标签字数限制：0-32 个字符
-        </div>
-      `,
-      confirmText: '添加',
-      onConfirm: () => {
-        const name = document.getElementById('newTagName')?.value.trim();
-        if (name) {
-          kbData.tags.push(name);
-          renderPage();
-          Toast.success('标签已添加');
-        }
-      }
-    });
-
-    setTimeout(() => {
-      const input = document.getElementById('newTagName');
-      const counter = document.getElementById('tagCharCounter');
-      if (input && counter) {
-        input.addEventListener('input', () => {
-          counter.textContent = `${input.value.length}/32`;
-        });
-      }
-    }, 100);
-  };
-
-  window.__addNewTag = function() {
-    const input = document.getElementById('newTagInput');
-    if (input?.value.trim()) {
-      kbData.tags.push(input.value.trim());
-      input.value = '';
-      renderPage();
-      Toast.success('标签已添加');
-    }
-  };
-
-  window.__removeTag = function(index) {
-    kbData.tags.splice(index, 1);
-    renderPage();
-    Toast.success('标签已移除');
-  };
-
-  window.__editTags = function() {
-    currentTab = 'tags';
-    renderPage();
-  };
-
-  // 命中测试
-  window.__showHitTest = function() {
-    createModal({
-      title: '命中率测试',
-      size: 'lg',
-      content: `
-        <div class="hit-test-panel">
-          <!-- 测试参数 -->
-          <div style="display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap">
-            <div style="flex:1;min-width:120px">
-              <label style="font-size:12px;color:var(--text-muted);display:block;margin-bottom:4px">排序模式</label>
-              <select class="form-control" id="testRerankMode">
-                <option value="qa">问答模式</option>
-                <option value="similarity">相似模式</option>
-              </select>
-            </div>
-            <div style="flex:1;min-width:100px">
-              <label style="font-size:12px;color:var(--text-muted);display:block;margin-bottom:4px">向量TopK</label>
-              <input type="number" class="form-control" id="testVectorTopK" value="60" min="10" max="100">
-            </div>
-            <div style="flex:1;min-width:100px">
-              <label style="font-size:12px;color:var(--text-muted);display:block;margin-bottom:4px">关键词TopK</label>
-              <input type="number" class="form-control" id="testKeywordTopK" value="60" min="10" max="100">
-            </div>
-          </div>
-
-          <!-- 快捷问题 -->
-          <div class="quick-questions">
-            ${quickQuestions.map(q => `
-              <span class="quick-question-tag" onclick="document.getElementById('testQuery').value='${q}';window.__runHitTest()">${q}</span>
-            `).join('')}
-          </div>
-
-          <!-- 查询输入 -->
-          <div class="hit-test-query">
-            <input type="text" class="form-control" id="testQuery" placeholder="输入问题进行测试...">
-            <button class="btn btn-primary" onclick="window.__runHitTest()">
-              <i data-lucide="play" style="width:14px;height:14px"></i>
-              测试
-            </button>
-          </div>
-
-          <!-- 搜索结果 -->
-          <div style="font-size:13px;font-weight:500;margin-bottom:12px">搜索结果</div>
-          <div class="hit-test-results" id="testResults">
-            <div style="padding:40px;text-align:center;color:var(--text-muted)">
-              <i data-lucide="search" style="width:32px;height:32px;margin-bottom:8px"></i>
-              <p>输入问题并点击测试查看结果</p>
-            </div>
-          </div>
-
-          <!-- 历史记录 -->
-          <div style="margin-top:16px">
-            <div class="history-record" id="historyRecord">
-              <div class="history-record-header" onclick="this.closest('.history-record').classList.toggle('open')">
-                <span>
-                  <i data-lucide="clock" style="width:14px;height:14px;margin-right:6px;vertical-align:middle"></i>
-                  历史召回记录
-                </span>
-                <i data-lucide="chevron-down" style="width:14px;height:14px"></i>
-              </div>
-              <div class="history-record-body">
-                ${testHistory.map(h => `
-                  <div class="history-record-item" onclick="document.getElementById('testQuery').value='${h.query}';window.__runHitTest()">
-                    <div class="history-record-time">${h.time}</div>
-                    <div class="history-record-query">问: ${h.query}</div>
-                    <div class="history-record-result">召回 ${h.recallCount} 个切片，相关度 ${(h.avgScore * 100).toFixed(0)}%</div>
-                  </div>
-                `).join('')}
-              </div>
-            </div>
-          </div>
-        </div>
-      `,
-      confirmText: '',
-      cancelText: '关闭'
-    });
-    lucide.createIcons();
-  };
-
-  window.__runHitTest = function() {
-    const query = document.getElementById('testQuery')?.value.trim();
-    if (!query) {
-      Toast.error('请输入测试问题');
-      return;
-    }
-
-    // TODO: 调用 API GET /api/v1/knowledge-bases/:id/hit-test
-    const resultsHtml = mockSlices.map(slice => `
-      <div class="hit-test-result-item">
-        <div class="hit-test-result-header">
-          <span class="hit-test-result-source">
-            <i data-lucide="file-text" style="width:14px;height:14px"></i>
-            ${slice.source}
-          </span>
-          <span style="font-size:12px;color:var(--text-muted)">相关度: ${(slice.score * 100).toFixed(0)}%</span>
-        </div>
-        <div class="hit-test-result-meta">
-          <span><i data-lucide="type" style="width:12px;height:12px"></i> ${slice.chars} 字符</span>
-          <span><i data-lucide="hash" style="width:12px;height:12px"></i> 切片 ${slice.sliceNo}</span>
-        </div>
-        <div class="hit-test-result-content">${slice.content}</div>
-        <div style="margin-top:8px;display:flex;gap:4px">
-          <button class="btn btn-ghost btn-sm" onclick="this.closest('.hit-test-result-item').querySelector('.hit-test-result-content').classList.toggle('expanded')">
-            展开 <i data-lucide="chevron-down" style="width:12px;height:12px"></i>
-          </button>
-          <button class="btn btn-ghost btn-sm" onclick="window.__editSlice('${slice.id}')">
-            <i data-lucide="edit" style="width:12px;height:12px"></i> 编辑
-          </button>
-        </div>
-      </div>
-    `).join('');
-
-    document.getElementById('testResults').innerHTML = resultsHtml;
-    lucide.createIcons();
-    Toast.success('测试完成');
-  };
-
-  // 知识库操作
-  window.__editKb = function() {
-    createModal({
-      title: '编辑知识库',
-      size: 'lg',
-      content: `
-        <div class="form-group">
-          <label class="form-label">知识库名称 <span style="color:var(--danger)">*</span></label>
-          <input class="form-control" id="detailKbName" maxlength="64" value="${escapeHtml(kbData.name)}" placeholder="请输入知识库名称">
-        </div>
-        <div class="form-group">
-          <label class="form-label">描述</label>
-          <textarea class="form-control" id="detailKbDesc" rows="3" maxlength="500">${escapeHtml(kbData.description || '')}</textarea>
-        </div>
-        <div class="form-group">
-          <label class="form-label">标签</label>
-          <input class="form-control" id="detailKbTags" value="${escapeHtml(kbData.tags.join(', '))}" placeholder="多个标签用逗号分隔">
-        </div>
-      `,
-      confirmText: '保存',
-      onConfirm: () => {
-        const name = document.getElementById('detailKbName')?.value.trim();
-        if (!name) {
-          Toast.warning('请输入知识库名称');
-          return false;
-        }
-        kbData.name = name;
-        kbData.description = document.getElementById('detailKbDesc')?.value.trim() || '';
-        kbData.tags = (document.getElementById('detailKbTags')?.value || '')
-          .split(/[,，]/)
-          .map(tag => tag.trim())
-          .filter(Boolean);
-        kbData.updatedAt = getNowText();
-        const catalog = Array.isArray(window.__knowledgeBaseCatalog) ? window.__knowledgeBaseCatalog : [];
-        const target = catalog.find(item => item.id === kbData.id);
-        if (target) Object.assign(target, {
-          name: kbData.name,
-          description: kbData.description,
-          tags: [...kbData.tags],
-          updatedAt: kbData.updatedAt,
-        });
-        renderPage();
-        Toast.success('知识库信息已更新');
-      }
-    });
-  };
-
-  window.__rebuildAllIndex = function() {
-    createModal({
-      title: '重建全部索引',
-      content: `
-        <p>确定要重建知识库「${kbData.name}」的全部索引吗？</p>
-        <p style="color:var(--text-muted);font-size:13px;margin-top:8px">重建过程中知识库可正常访问，预计需要几分钟时间。</p>
-      `,
-      confirmText: '重建',
-      onConfirm: () => {
-        // TODO: 调用 API POST /api/v1/knowledge-bases/:id/rebuild
-        kbData.status = 'processing';
-        kbData.updatedAt = getNowText();
-        const catalog = Array.isArray(window.__knowledgeBaseCatalog) ? window.__knowledgeBaseCatalog : [];
-        const target = catalog.find(item => item.id === kbData.id);
-        if (target) {
-          target.status = kbData.status;
-          target.updatedAt = kbData.updatedAt;
-        }
-        renderPage();
-        Toast.success('索引重建任务已启动');
-      }
-    });
-  };
-
-  window.__reparseAll = function() {
-    createModal({
-      title: '重新解析全部',
-      content: `
-        <p>确定要重新解析知识库「${kbData.name}」的全部文件吗？</p>
-        <p style="color:var(--warning);font-size:13px;margin-top:8px">此操作将重新解析所有文件，请耐心等待。</p>
-      `,
-      confirmText: '重新解析',
-      onConfirm: () => {
-        kbFiles = kbFiles.map(file => ({
-          ...file,
-          status: 'processing',
-          indexedAt: '-',
-          parseError: null,
-        }));
-        kbData.status = 'processing';
-        kbData.updatedAt = getNowText();
-        const catalog = Array.isArray(window.__knowledgeBaseCatalog) ? window.__knowledgeBaseCatalog : [];
-        const target = catalog.find(item => item.id === kbData.id);
-        if (target) {
-          target.status = kbData.status;
-          target.updatedAt = kbData.updatedAt;
-        }
-        selectedFiles.clear();
-        renderPage();
-        Toast.success('重新解析任务已启动');
-      }
-    });
-  };
-
-  window.__exportKb = function() {
-    createModal({
-      title: '导出知识库',
-      content: `
-        <div class="form-group">
-          <label class="form-label">导出格式</label>
-          <select class="form-control" id="detailExportFormat">
-            <option value="json">JSON 完整数据</option>
-            <option value="csv">CSV 文件列表</option>
-          </select>
-        </div>
-        <label class="checkbox-label">
-          <input type="checkbox" id="detailExportIncludeFiles" checked>
-          <span>包含文件列表和切片摘要</span>
-        </label>
-        <div class="form-hint">浏览器会下载到默认下载目录；后端接入后替换为 GET /api/v1/knowledge-bases/:id/export。</div>
-      `,
-      confirmText: '确认导出',
-      onConfirm: () => {
-        const format = document.getElementById('detailExportFormat')?.value || 'json';
-        const includeFiles = document.getElementById('detailExportIncludeFiles')?.checked !== false;
-        const stamp = new Date().toISOString().slice(0, 10).replace(/-/g, '');
-        if (format === 'csv') {
-          const rows = [
-            'id,name,format,size,status,category,slices,chars,indexedAt',
-            ...kbFiles.map(file => [
-              file.id,
-              file.name,
-              file.format,
-              file.size,
-              file.status,
-              file.category,
-              file.slices,
-              file.chars,
-              file.indexedAt,
-            ].map(value => `"${String(value ?? '').replace(/"/g, '""')}"`).join(',')),
-          ].join('\n');
-          downloadTextFile(`${kbData.id}-files-${stamp}.csv`, rows, 'text/csv;charset=utf-8');
-        } else {
-          downloadTextFile(`${kbData.id}-${stamp}.json`, JSON.stringify({
-            knowledgeBase: kbData,
-            files: includeFiles ? kbFiles : undefined,
-            slices: includeFiles ? mockSlices : undefined,
-          }, null, 2));
-        }
-        Toast.success('知识库已导出');
-      }
-    });
-  };
-
-  window.__deleteKb = function() {
-    createModal({
-      title: '删除知识库',
-      content: `
-        <p>确定要删除知识库「${kbData.name}」吗？</p>
-        <div class="parse-error-tip" style="margin-top:12px">
-          <i data-lucide="alert-triangle" style="width:16px;height:16px;flex-shrink:0"></i>
-          <div>
-            <strong>此操作不可恢复</strong>
-            <p style="margin-top:4px;font-size:12px">关联应用将无法继续使用该知识库。</p>
-          </div>
-        </div>
-      `,
-      confirmText: '删除',
-      confirmClass: 'btn-danger',
-      onConfirm: () => {
-        // TODO: 调用 API DELETE /api/v1/knowledge-bases/:id
-        if (Array.isArray(window.__knowledgeBaseCatalog)) {
-          const index = window.__knowledgeBaseCatalog.findIndex(item => item.id === kbData.id);
-          if (index !== -1) window.__knowledgeBaseCatalog.splice(index, 1);
-        }
-        Toast.success('知识库已删除');
-        setTimeout(() => navigateTo('knowledge-base'), 1000);
-      }
-    });
-    lucide.createIcons();
-  };
-
-  // ==================== 初始化 ====================
-
-  setTimeout(() => {
-    isLoading = false;
-    renderPage();
-  }, 300);
-});
-
-</script>
-  <script>
-/* inline: scripts/device.js */
-/**
- * TalkingQ Platform - Device Management Page
- * 按公司分类的设备管理
- */
-
-const DEVICE_BASE_DEVICES = [
-  // 智慧星科技 (company_a)
-  { id: 'c2b00f75-e7e7-581e-90f1-390d97d0dee6', name: '智慧星 #A001', companyId: 'company_a', companyName: '智慧星科技', sn: 'TQ_07DF6F77F19C0A55', fw: 'v2.3.1', status: 'online', battery: 85, lastSeen: '刚刚', region: '广东广州' },
-  { id: 'f13a62b9-5c2e-5bb9-9f7b-4d9a3a7c2d01', name: '智慧星 #A002', companyId: 'company_a', companyName: '智慧星科技', sn: 'TQ_0B8A6C21E94F3D10', fw: 'v2.3.0', status: 'online', battery: 62, lastSeen: '1分钟前', region: '广东深圳' },
-  { id: '9d7a4c26-8f13-5c2d-a764-7f90c5b118a2', name: '智慧星 #A003', companyId: 'company_a', companyName: '智慧星科技', sn: 'TQ_14C9F02A77D85B61', fw: 'v2.2.5', status: 'offline', battery: 0, lastSeen: '3天前', region: '广东广州' },
-  { id: 'ad0f462a-2166-5148-9af3-64e711c3df78', name: '智慧星 #A004', companyId: 'company_a', companyName: '智慧星科技', sn: 'TQ_6F91A2C8B0D44E73', fw: 'v2.3.1', status: 'error', battery: 45, lastSeen: '10分钟前', region: '广东佛山' },
-  { id: 'e51f9c0b-7d1a-58d4-8c03-1ac9f6b2e945', name: '智慧星 #A005', companyId: 'company_a', companyName: '智慧星科技', sn: 'TQ_A03C5E79B1D2468F', fw: 'v2.3.1', status: 'online', battery: 33, lastSeen: '5分钟前', region: '广东东莞' },
-
-  // 未来玩具厂 (company_b)
-  { id: 'b0d5e7c2-6f3a-5a19-9c87-21b64f9e0a33', name: '未来玩具 #B001', companyId: 'company_b', companyName: '未来玩具厂', sn: 'TQ_3E6A9B12C8D074F5', fw: 'v2.0.2', status: 'online', battery: 90, lastSeen: '刚刚', region: '浙江杭州' },
-  { id: '0a91d4e5-2c6f-53b8-8e14-97d23c5f61a0', name: '未来玩具 #B002', companyId: 'company_b', companyName: '未来玩具厂', sn: 'TQ_D4F0219A6B8C35E7', fw: 'v2.0.0', status: 'online', battery: 55, lastSeen: '10分钟前', region: '浙江宁波' },
-  { id: '6cc1b8a3-9a2d-5f71-8d42-f0a7b3c9d5e2', name: '未来玩具 #B003', companyId: 'company_b', companyName: '未来玩具厂', sn: 'TQ_82A4F6D13C9E0B75', fw: 'v1.8.2', status: 'offline', battery: 0, lastSeen: '2天前', region: '浙江温州' },
-  { id: '4f82a7c9-b1d3-5e06-9a54-3c1d8f7b02a6', name: '未来玩具 #B004', companyId: 'company_b', companyName: '未来玩具厂', sn: 'TQ_59C0E7A31D8B246F', fw: 'v2.0.2', status: 'online', battery: 78, lastSeen: '1分钟前', region: '浙江义乌' },
-
-  // 童趣电子 (company_c)
-  { id: '7b31f9e2-08d6-5a44-9b2c-6e1a0f93c58d', name: '童趣电子 #C001', companyId: 'company_c', companyName: '童趣电子', sn: 'TQ_B7D04A6E2C9138F5', fw: 'v1.8.2', status: 'online', battery: 72, lastSeen: '刚刚', region: '江苏苏州' },
-  { id: '2c9e6a41-d0b7-53f8-8a15-e6c37b9402df', name: '童趣电子 #C002', companyId: 'company_c', companyName: '童趣电子', sn: 'TQ_1F8D3B60A7C9E452', fw: 'v1.8.2', status: 'offline', battery: 0, lastSeen: '5天前', region: '江苏南京' },
-  { id: 'd6a0c7e8-39f4-50b2-8d91-4a6e27c5f0b3', name: '童趣电子 #C003', companyId: 'company_c', companyName: '童趣电子', sn: 'TQ_E2B8C14F09A673D5', fw: 'v1.8.2', status: 'error', battery: 15, lastSeen: '1小时前', region: '江苏无锡' },
-];
-
-try {
-  [
-    'talkingq_added_devices_v1',
-    'talkingq_removed_device_ids_v1',
-    'talkingq_device_company_overrides_v1',
-  ].forEach(key => localStorage.removeItem(key));
-} catch (error) {
-  console.warn('Failed to clear legacy device cache', error);
-}
-
-function saveStoredDevices() {
-  // Device changes are intentionally kept in memory for the demo.
-}
-
-const DEVICE_ID_PATTERN = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
-const SERIAL_NUMBER_PATTERN = /^TQ_[0-9A-F]{16}$/i;
-
-function normalizeSerialNumber(value) {
-  return String(value || '').trim().toUpperCase();
-}
-
-function normalizeDeviceRecord(device) {
-  const deviceId = String(device.device_id || device.id || '').trim();
-  const serialNumber = normalizeSerialNumber(device.serial_number || device.sn);
-  return {
-    ...device,
-    id: deviceId,
-    device_id: deviceId,
-    sn: serialNumber,
-    serial_number: serialNumber,
-  };
-}
-
-function generateDeviceId(companyId, allDevices) {
-  const usedIds = new Set((allDevices || []).map(device => String(device.id || device.device_id || '').toLowerCase()));
-  if (window.crypto?.randomUUID) {
-    let nextId = window.crypto.randomUUID();
-    while (usedIds.has(nextId.toLowerCase())) {
-      nextId = window.crypto.randomUUID();
-    }
-    return nextId;
-  }
-
-  let nextId = '';
-  do {
-    nextId = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, char => {
-      const value = Math.floor(Math.random() * 16);
-      return (char === 'x' ? value : (value & 0x3) | 0x8).toString(16);
-    });
-  } while (usedIds.has(nextId.toLowerCase()));
-  return nextId;
-}
-
-function generateSerialNumber(allDevices) {
-  const usedSerials = new Set((allDevices || []).map(device => normalizeSerialNumber(device.sn || device.serial_number)));
-  let serialNumber = '';
-  do {
-    const hex = Array.from({ length: 16 }, () => Math.floor(Math.random() * 16).toString(16)).join('').toUpperCase();
-    serialNumber = `TQ_${hex}`;
-  } while (usedSerials.has(serialNumber));
-  return serialNumber;
-}
-
-window.__deviceBaseDevices = window.__deviceBaseDevices || DEVICE_BASE_DEVICES.map(device => normalizeDeviceRecord(device));
-window.__deviceAddedDevices = window.__deviceAddedDevices || [];
-window.__deviceRemovedIds = window.__deviceRemovedIds || [];
-window.__deviceCompanyOverrides = window.__deviceCompanyOverrides || {};
-window.__saveDeviceState = window.__saveDeviceState || saveStoredDevices;
-
-function applyDeviceCompanyOverride(device) {
-  const override = window.__deviceCompanyOverrides?.[device.id];
-  return normalizeDeviceRecord(override ? { ...device, ...override } : device);
-}
-
-function getEffectiveDeviceCompanyId(device) {
-  return window.__deviceCompanyOverrides?.[device.id]?.companyId || device.companyId;
-}
-
-window.__getAllDevices = window.__getAllDevices || function() {
-  const removedSet = new Set(window.__deviceRemovedIds || []);
-  return (window.__deviceBaseDevices || [])
-    .concat(window.__deviceAddedDevices || [])
-    .filter(device => !removedSet.has(device.id))
-    .map(device => applyDeviceCompanyOverride(device));
-};
-
-window.__reassignCompanyDevices = window.__reassignCompanyDevices || function(sourceCompanyId, targetCompanyId) {
-  if (!sourceCompanyId || !targetCompanyId || sourceCompanyId === targetCompanyId) return 0;
-  const targetCompanyName = window.__getCompanyNameById ? window.__getCompanyNameById(targetCompanyId) : targetCompanyId;
-  let movedCount = 0;
-  const addedIds = new Set((window.__deviceAddedDevices || []).map(device => device.id));
-  const updateList = list => {
-    list.forEach(device => {
-      if (getEffectiveDeviceCompanyId(device) === sourceCompanyId) {
-        if (addedIds.has(device.id)) {
-          delete window.__deviceCompanyOverrides[device.id];
-        } else {
-          window.__deviceCompanyOverrides[device.id] = {
-            companyId: targetCompanyId,
-            companyName: targetCompanyName,
-          };
-        }
-        device.companyId = targetCompanyId;
-        device.companyName = targetCompanyName;
-        movedCount += 1;
-      }
-    });
-  };
-  updateList(window.__deviceBaseDevices || []);
-  updateList(window.__deviceAddedDevices || []);
-  window.__saveDeviceState?.();
-  return movedCount;
-};
-
-window.__resetDeviceMockData = window.__resetDeviceMockData || function() {
-  window.__deviceBaseDevices = DEVICE_BASE_DEVICES.map(device => normalizeDeviceRecord(device));
-  window.__deviceAddedDevices = [];
-  window.__deviceRemovedIds = [];
-  window.__deviceCompanyOverrides = {};
-  window.__saveDeviceState?.();
-  window.dispatchEvent(new CustomEvent('devicesChanged', {
-    detail: { companyId: 'all', reset: true },
-  }));
-};
-
-registerPage('device', function(container) {
-  // 获取当前公司
-  const currentCompanyId = window.__getCurrentCompanyId ? window.__getCurrentCompanyId() : (window.currentCompany || 'all');
-  const currentCompany = window.getCurrentCompany ? window.getCurrentCompany() : { id: 'all', name: '全部公司' };
-  const currentRole = window.__getUserRole ? window.__getUserRole() : 'admin';
-  const isClient = currentRole === 'client';
-  const baseDevices = window.__deviceBaseDevices || [];
-  window.__deviceAddedDevices = window.__deviceAddedDevices || [];
-  window.__deviceRemovedIds = window.__deviceRemovedIds || [];
-  window.__deviceCompanyOverrides = window.__deviceCompanyOverrides || {};
-
-  function getCompanyInfo(companyId) {
-    const company = window.__getCompanyById ? window.__getCompanyById(companyId) : null;
-    return company || { id: companyId, name: companyId, latestVersion: 'v1.0.0' };
-  }
-
-  function getCompanyName(companyId) {
-    return window.__getCompanyNameById ? window.__getCompanyNameById(companyId) : getCompanyInfo(companyId).name;
-  }
-
-  function getLatestFirmware(companyId) {
-    return getCompanyInfo(companyId).latestVersion || 'v1.0.0';
-  }
-
-  function escapeHtml(value) {
-    return String(value ?? '').replace(/[&<>"']/g, char => ({
-      '&': '&amp;',
-      '<': '&lt;',
-      '>': '&gt;',
-      '"': '&quot;',
-      "'": '&#39;',
-    }[char]));
-  }
-
-  function escapeInlineValue(value) {
-    return String(value ?? '')
-      .replace(/\\/g, '\\\\')
-      .replace(/'/g, "\\'")
-      .replace(/\r?\n/g, ' ');
-  }
-
-  function adjustCompanyDeviceCount(companyId, delta) {
-    const company = window.companies?.find(item => item.id === companyId);
-    if (!company) return;
-    company.deviceCount = Math.max(0, (company.deviceCount || 0) + delta);
-  }
-
-  function getStatusLabel(status) {
-    return { online: '在线', offline: '离线', error: '异常' }[status] || '未知';
-  }
-
-  function getLiveDevices() {
-    const removedSet = new Set(window.__deviceRemovedIds || []);
-    return (window.__deviceBaseDevices || [])
-      .concat(window.__deviceAddedDevices || [])
-      .filter(device => !removedSet.has(device.id))
-      .map(device => applyDeviceCompanyOverride(device));
-  }
-
-  function getDefaultDeviceCompanyId(selectableCompanies) {
-    if (currentCompanyId !== 'all') return currentCompanyId;
-    if (window.currentCompany && window.currentCompany !== 'all') return window.currentCompany;
-    return selectableCompanies[0]?.id || 'company_a';
-  }
-
-  function buildDeviceCompanyField(fieldId, selectedCompanyId) {
-    const fallbackCompanies = [
-      { id: 'company_a', name: '智慧星科技' },
-      { id: 'company_b', name: '未来玩具厂' },
-      { id: 'company_c', name: '童趣电子' },
-    ];
-    const selectableCompanies = (window.companies?.length ? window.companies : fallbackCompanies)
-      .filter(company => company.id !== 'all');
-    const safeSelectedId = selectableCompanies.some(company => company.id === selectedCompanyId)
-      ? selectedCompanyId
-      : getDefaultDeviceCompanyId(selectableCompanies);
-    const selectedCompany = getCompanyInfo(safeSelectedId);
-
-    if (isClient) {
-      return `
-        <input type="text" class="form-control" value="${escapeHtml(selectedCompany.name)}" readonly>
-        <input type="hidden" id="${fieldId}" value="${escapeHtml(selectedCompany.id)}">
-      `;
-    }
-
-    return `
-      <select class="form-control" id="${fieldId}">
-        ${selectableCompanies.map(company => `
-          <option value="${escapeHtml(company.id)}" ${company.id === safeSelectedId ? 'selected' : ''}>${escapeHtml(company.name)}</option>
-        `).join('')}
-      </select>
-    `;
-  }
-
-  function createDeviceRecord({ name, sn, companyId }, allDevicesSnapshot) {
-    const companyInfo = getCompanyInfo(companyId);
-    const nextId = generateDeviceId(companyId, allDevicesSnapshot);
-    const serialNumber = normalizeSerialNumber(sn) || generateSerialNumber(allDevicesSnapshot);
-    const displayName = name || `${companyInfo.name} #${serialNumber.slice(-4)}`;
-    const record = normalizeDeviceRecord({
-      id: nextId,
-      device_id: nextId,
-      name: displayName,
-      companyId,
-      companyName: companyInfo.name,
-      sn: serialNumber,
-      serial_number: serialNumber,
-      fw: getLatestFirmware(companyId),
-      status: 'online',
-      battery: 100,
-      lastSeen: '刚刚',
-      region: '-',
-    });
-    allDevicesSnapshot.push(record);
-    return record;
-  }
-
-  function syncDeviceMutation(companyId, addedCount = 0) {
-    window.__saveDeviceState?.();
-    window.__syncCompanyDeviceCounts?.();
-    window.__refreshCompanyNavigation?.();
-    window.dispatchEvent(new CustomEvent('devicesChanged', {
-      detail: { companyId, addedCount },
-    }));
-  }
-
-  function parseBatchDeviceInput(rawText) {
-    const lines = String(rawText || '')
-      .split(/\r?\n/)
-      .map(line => line.trim())
-      .filter(Boolean);
-
-    return lines
-      .filter((line, index) => !(index === 0 && /设备名称|sn\s*码|SN\s*码|serial|serial_number|device_id/i.test(line)))
-      .map((line, index) => {
-        const parts = line.split(/[,，\t]/).map(part => part.trim()).filter(Boolean);
-        if (parts.length === 1) {
-          return { lineNo: index + 1, name: '', sn: parts[0] };
-        }
-        return { lineNo: index + 1, name: parts[0] || '', sn: parts[1] || '' };
-      });
-  }
-
-  const devices = getLiveDevices();
-
-  // 根据当前公司过滤设备
-  const filteredDevices = currentCompanyId === 'all'
-    ? devices
-    : devices.filter(d => d.companyId === currentCompanyId);
-
-  // 统计信息
-  const stats = {
-    total: filteredDevices.length,
-    online: filteredDevices.filter(d => d.status === 'online').length,
-    offline: filteredDevices.filter(d => d.status === 'offline').length,
-    error: filteredDevices.filter(d => d.status === 'error').length,
-  };
-
-  container.innerHTML = `
-    <div class="page-header">
-      <div>
-        <div class="page-title">设备管理</div>
-        ${currentCompanyId === 'all'
-          ? '<div class="page-desc">管理所有客户的设备，支持实时监控和远程升级</div>'
-          : `<div class="page-desc">管理 ${currentCompany.name} 的设备</div>`
-        }
-      </div>
-      <div class="page-actions">
-        <button class="btn btn-outline" onclick="exportDevices()">
-          <i data-lucide="download"></i> 导出
-        </button>
-        ${!isClient ? `
-          <button class="btn btn-outline" onclick="openBatchAddDeviceModal()">
-            <i data-lucide="upload"></i> 批量添加
-          </button>
-          <button class="btn btn-primary" onclick="openAddDeviceModal()">
-            <i data-lucide="plus"></i> 添加设备
-          </button>
-        ` : ''}
-      </div>
-    </div>
-
-    <!-- 公司信息提示 -->
-    ${currentCompanyId === 'all'
-      ? `<div class="all-companies-banner scope-banner">
-          <div class="scope-banner-main">
-            <div class="scope-banner-icon">
-              <i data-lucide="building-2"></i>
-            </div>
-            <div>
-              <div class="scope-banner-eyebrow">设备范围</div>
-              <div class="scope-banner-title">全部公司设备</div>
-              <div class="scope-banner-desc">汇总展示所有客户公司的设备状态，支持按公司下钻管理。</div>
-            </div>
-          </div>
-          <div class="scope-banner-meta">
-            <span class="scope-chip"><span>设备总数</span><strong>${stats.total}</strong></span>
-            <span class="scope-chip"><span>在线率</span><strong>${stats.total ? Math.round((stats.online / stats.total) * 100) : 0}%</strong></span>
-          </div>
-        </div>`
-      : `<div class="current-company-banner scope-banner">
-          <div class="scope-banner-main">
-            <div class="scope-banner-icon">
-              <i data-lucide="building-2"></i>
-            </div>
-            <div>
-              <div class="scope-banner-eyebrow">当前公司</div>
-              <div class="scope-banner-title">${escapeHtml(currentCompany.name)}</div>
-              <div class="scope-banner-desc">当前仅展示该公司的设备数据，新增设备会默认绑定到该公司。</div>
-            </div>
-          </div>
-          <div class="scope-banner-meta">
-            <span class="scope-chip"><span>最新固件</span><strong>${escapeHtml(getLatestFirmware(currentCompanyId))}</strong></span>
-            <span class="scope-chip"><span>在线率</span><strong>${stats.total ? Math.round((stats.online / stats.total) * 100) : 0}%</strong></span>
-          </div>
-        </div>`
-    }
-
-    <!-- 统计卡片 -->
-    <div class="stats-grid stats-grid-device" style="margin-bottom:20px">
-      <div class="stat-card">
-        <div class="stat-icon" style="background:#e6f7ff">
-          <i data-lucide="tablet-smartphone" style="color:#1890ff"></i>
-        </div>
-        <div class="stat-content">
-          <div class="stat-value">${stats.total}</div>
-          <div class="stat-label">设备总数</div>
-        </div>
-      </div>
-      <div class="stat-card">
-        <div class="stat-icon" style="background:#f6ffed">
-          <i data-lucide="wifi" style="color:#52c41a"></i>
-        </div>
-        <div class="stat-content">
-          <div class="stat-value" style="color:#52c41a">${stats.online}</div>
-          <div class="stat-label">在线数量</div>
-        </div>
-      </div>
-      <div class="stat-card">
-        <div class="stat-icon" style="background:#fff7e6">
-          <i data-lucide="wifi-off" style="color:#fa8c16"></i>
-        </div>
-        <div class="stat-content">
-          <div class="stat-value" style="color:#fa8c16">${stats.offline}</div>
-          <div class="stat-label">离线数量</div>
-        </div>
-      </div>
-      <div class="stat-card">
-        <div class="stat-icon" style="background:#fff1f0">
-          <i data-lucide="alert-circle" style="color:#ff4d4f"></i>
-        </div>
-        <div class="stat-content">
-          <div class="stat-value" style="color:#ff4d4f">${stats.error}</div>
-          <div class="stat-label">异常数量</div>
-        </div>
-      </div>
-    </div>
-
-    <!-- 筛选和搜索 -->
-    <div class="card" style="margin-bottom:16px">
-      <div style="display:flex;gap:12px;align-items:center;flex-wrap:wrap">
-        <div style="display:flex;align-items:center;gap:8px">
-          <i data-lucide="search" style="color:var(--text-muted);width:16px;height:16px"></i>
-          <input type="text" class="form-control" id="deviceSearchInput" placeholder="搜索设备名称、device_id、serial_number..." style="width:280px" oninput="filterDevices()">
-        </div>
-        <select class="form-control" id="statusFilter" style="width:120px" onchange="filterDevices()">
-          <option value="">全部状态</option>
-          <option value="online">在线</option>
-          <option value="offline">离线</option>
-          <option value="error">异常</option>
-        </select>
-        <select class="form-control" id="versionFilter" style="width:140px" onchange="filterDevices()">
-          <option value="">全部版本</option>
-          <option value="latest">已是最新</option>
-          <option value="outdated">需要升级</option>
-        </select>
-        <button class="btn btn-outline btn-sm" onclick="resetDeviceFilters()">
-          <i data-lucide="rotate-ccw" style="width:14px;height:14px"></i> 重置
-        </button>
-      </div>
-    </div>
-
-    <!-- 设备列表 -->
-    <div class="card" style="padding:0;overflow:hidden">
-      <div class="table-wrapper">
-        <table class="data-table" id="deviceTable">
-          <thead>
-            <tr>
-              <th>设备名称</th>
-              <th>device_id</th>
-              <th>serial_number</th>
-              ${currentCompanyId === 'all' ? '<th>所属公司</th>' : ''}
-              <th>固件版本</th>
-              <th>状态</th>
-              <th>电量</th>
-              <th>最后活跃</th>
-              <th>操作</th>
-            </tr>
-          </thead>
-          <tbody id="deviceTableBody">
-            ${renderDeviceRows(filteredDevices, currentCompanyId)}
-          </tbody>
-        </table>
-      </div>
-      <div style="padding:12px 16px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text-muted)">
-        <span>共 <strong id="deviceCount">${filteredDevices.length}</strong> 台设备</span>
-      </div>
-    </div>
-  `;
-
-  lucide.createIcons({ elements: [container] });
-
-  // 渲染设备行
-  function renderDeviceRows(deviceList, companyId) {
-    if (deviceList.length === 0) {
-      return `<tr><td colspan="${companyId === 'all' ? 9 : 8}" style="text-align:center;padding:40px;color:var(--text-muted)">暂无设备数据</td></tr>`;
-    }
-
-    return deviceList.map(d => {
-      const safeActionId = escapeHtml(escapeInlineValue(d.id));
-      const safeName = escapeHtml(d.name);
-      const safeDeviceId = escapeHtml(d.device_id || d.id);
-      const safeSn = escapeHtml(d.sn);
-      const safeCompanyName = escapeHtml(getCompanyName(d.companyId));
-      const isLatest = d.fw === 'v2.3.1' || d.fw === 'v2.0.2' || d.fw === 'v1.8.2';
-      const statusMap = {
-        online: { label: '在线', class: 'badge-success' },
-        offline: { label: '离线', class: 'badge-warning' },
-        error: { label: '异常', class: 'badge-danger' },
-      };
-      const status = statusMap[d.status] || statusMap.offline;
-
-      return `
-        <tr class="device-data-row" data-device-id="${escapeHtml(d.id)}" data-status="${escapeHtml(d.status)}" data-version="${escapeHtml(d.fw)}" data-name="${escapeHtml(d.name.toLowerCase())}" data-sn="${escapeHtml(d.sn.toLowerCase())}" data-device-uid="${escapeHtml(String(d.device_id || d.id).toLowerCase())}">
-          <td>
-            <div style="display:flex;align-items:center;gap:8px">
-              <span class="device-icon"><i data-lucide="tablet-smartphone" style="width:16px;height:16px"></i></span>
-              <span style="font-weight:500">${safeName}</span>
-            </div>
-          </td>
-          <td style="font-family:monospace;font-size:12px;color:var(--text-muted);max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis" title="${safeDeviceId}">${safeDeviceId}</td>
-          <td style="font-family:monospace;font-size:12px;color:var(--text-muted)">${safeSn}</td>
-          ${companyId === 'all' ? `<td><span class="badge badge-default">${safeCompanyName}</span></td>` : ''}
-          <td>
-            <span class="badge ${isLatest ? 'badge-success' : 'badge-warning'}">
-              ${escapeHtml(d.fw)} ${isLatest ? '' : '(可升级)'}
-            </span>
-          </td>
-          <td><span class="badge ${status.class}">${status.label}</span></td>
-          <td>
-            <div style="display:flex;align-items:center;gap:6px">
-              <div class="progress-bar" style="width:40px">
-                <div class="progress-fill" style="width:${d.battery}%;background:${d.battery < 20 ? 'var(--danger)' : d.battery < 50 ? 'var(--warning)' : 'var(--success)'}"></div>
-              </div>
-              <span style="font-size:12px;color:var(--text-muted)">${d.battery}%</span>
-            </div>
-          </td>
-          <td style="font-size:12px;color:var(--text-muted)">${escapeHtml(d.lastSeen)}</td>
-          <td>
-            <div class="action-links">
-              ${!isClient ? `
-                <button class="action-link warning" onclick="openSingleOTA('${safeActionId}')">升级</button>
-                <span class="action-divider">|</span>
-              ` : ''}
-              <button class="action-link" onclick="viewDeviceDetail('${safeActionId}')">详情</button>
-              ${!isClient ? `
-                <span class="action-divider">|</span>
-                <button class="action-link danger" onclick="deleteDevice('${safeActionId}')">删除</button>
-              ` : ''}
-            </div>
-          </td>
-        </tr>
-      `;
-    }).join('');
-  }
-
-  // 筛选设备
-  window.filterDevices = function() {
-    const searchText = document.getElementById('deviceSearchInput')?.value.toLowerCase() || '';
-    const statusFilter = document.getElementById('statusFilter')?.value || '';
-    const versionFilter = document.getElementById('versionFilter')?.value || '';
-
-    const tableBody = document.getElementById('deviceTableBody');
-    document.getElementById('deviceFilterEmptyRow')?.remove();
-    const rows = document.querySelectorAll('#deviceTableBody tr.device-data-row');
-    let visibleCount = 0;
-
-    rows.forEach(row => {
-      const name = row.dataset.name || '';
-      const sn = row.dataset.sn || '';
-      const deviceUid = row.dataset.deviceUid || '';
-      const status = row.dataset.status || '';
-      const version = row.dataset.version || '';
-
-      const matchSearch = !searchText || name.includes(searchText) || sn.includes(searchText) || deviceUid.includes(searchText);
-      const matchStatus = !statusFilter || status === statusFilter;
-      const matchVersion = !versionFilter ||
-        (versionFilter === 'latest' && (version === 'v2.3.1' || version === 'v2.0.2' || version === 'v1.8.2')) ||
-        (versionFilter === 'outdated' && version !== 'v2.3.1' && version !== 'v2.0.2' && version !== 'v1.8.2');
-
-      const visible = matchSearch && matchStatus && matchVersion;
-      row.style.display = visible ? '' : 'none';
-      if (visible) visibleCount++;
-    });
-
-    if (visibleCount === 0 && rows.length > 0 && tableBody) {
-      const emptyRow = document.createElement('tr');
-      emptyRow.id = 'deviceFilterEmptyRow';
-      emptyRow.innerHTML = `<td colspan="${currentCompanyId === 'all' ? 9 : 8}" style="text-align:center;padding:32px;color:var(--text-muted)">没有匹配的设备，请调整筛选条件</td>`;
-      tableBody.appendChild(emptyRow);
-    }
-
-    document.getElementById('deviceCount').textContent = visibleCount;
-  };
-
-  // 重置筛选
-  window.resetDeviceFilters = function() {
-    const searchInput = document.getElementById('deviceSearchInput');
-    const statusSelect = document.getElementById('statusFilter');
-    const versionSelect = document.getElementById('versionFilter');
-    if (searchInput) searchInput.value = '';
-    if (statusSelect) statusSelect.value = '';
-    if (versionSelect) versionSelect.value = '';
-    filterDevices();
-  };
-
-  // 导出设备
-  window.exportDevices = function() {
-    const currentScopeLabel = currentCompanyId === 'all' ? '全部公司' : currentCompany.name;
-    const exportScopeOptions = getDeviceExportScopeOptions();
-    const savePickerTip = window.showSaveFilePicker
-      ? '当前浏览器支持选择保存位置'
-      : '当前浏览器不支持选择保存位置，将自动改为浏览器下载';
-
-    const modal = createModal({
-      title: '导出设备',
-      size: 'modal-lg',
-      content: `
-        <div class="form-group">
-          <label class="form-label">导出范围</label>
-          <div class="radio-group">
-            ${exportScopeOptions.map((option, index) => `
-              <label class="radio-item">
-                <input type="radio" name="deviceExportScope" value="${escapeHtml(option.value)}" ${index === 0 ? 'checked' : ''}>
-                ${escapeHtml(option.label)}（${option.count}）
-              </label>
-            `).join('')}
-          </div>
-          <div style="font-size:12px;color:var(--text-muted);margin-top:8px">
-            当前公司范围：${escapeHtml(currentScopeLabel)}。导出分类不受页面搜索和表格筛选影响。
-          </div>
-        </div>
-        <div class="form-group">
-          <label class="form-label">文件格式</label>
-          <div class="radio-group">
-            <label class="radio-item">
-              <input type="radio" name="deviceExportFormat" value="xls" checked>
-              Excel
-            </label>
-            <label class="radio-item">
-              <input type="radio" name="deviceExportFormat" value="csv">
-              CSV
-            </label>
-            <label class="radio-item">
-              <input type="radio" name="deviceExportFormat" value="json">
-              JSON
-            </label>
-            <label class="radio-item">
-              <input type="radio" name="deviceExportFormat" value="pdf">
-              PDF 报告
-            </label>
-          </div>
-        </div>
-        <div class="form-group">
-          <label class="form-label">导出到</label>
-          <div class="radio-group">
-            <label class="radio-item">
-              <input type="radio" name="deviceExportDestination" value="download" checked>
-              浏览器下载
-            </label>
-            <label class="radio-item">
-              <input type="radio" name="deviceExportDestination" value="save-as">
-              选择保存位置
-            </label>
-            <label class="radio-item">
-              <input type="radio" name="deviceExportDestination" value="email">
-              发送到邮箱
-            </label>
-          </div>
-          <div id="deviceExportHint" style="margin-top:8px;font-size:12px;color:var(--text-muted)">${savePickerTip}</div>
-        </div>
-        <div class="form-group" id="deviceExportEmailWrap" style="display:none">
-          <label class="form-label">接收邮箱 <span class="required">*</span></label>
-          <input type="email" class="form-control" id="deviceExportEmail" placeholder="name@company.com">
-        </div>
-        <div style="padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-base);font-size:13px;color:var(--text-secondary)">
-          <div style="display:flex;justify-content:space-between;gap:12px;margin-bottom:6px">
-            <span>预计导出数量</span>
-            <strong id="deviceExportPreviewCount">${exportScopeOptions[0].count} 台</strong>
-          </div>
-          <div style="display:flex;justify-content:space-between;gap:12px">
-            <span>导出字段</span>
-            <span>device_id、设备名称、serial_number、公司、固件、状态、电量、最后活跃</span>
-          </div>
-        </div>
-      `,
-      onConfirm: () => runDeviceExport(),
-      confirmText: '开始导出',
-    });
-
-    const syncExportModal = () => {
-      const destination = modal.overlay.querySelector('input[name="deviceExportDestination"]:checked')?.value || 'download';
-      const format = modal.overlay.querySelector('input[name="deviceExportFormat"]:checked')?.value || 'xls';
-      const scope = modal.overlay.querySelector('input[name="deviceExportScope"]:checked')?.value || 'all';
-      const emailWrap = modal.overlay.querySelector('#deviceExportEmailWrap');
-      const hint = modal.overlay.querySelector('#deviceExportHint');
-      const previewCount = modal.overlay.querySelector('#deviceExportPreviewCount');
-      const selectedCount = getDevicesForExportScope(scope).length;
-
-      if (emailWrap) emailWrap.style.display = destination === 'email' ? '' : 'none';
-      if (previewCount) previewCount.textContent = `${selectedCount} 台`;
-      if (hint) {
-        hint.textContent = format === 'pdf' && destination !== 'email'
-          ? 'PDF 会打开打印预览，可在系统打印窗口中保存为 PDF'
-          : destination === 'save-as'
-          ? savePickerTip
-          : destination === 'email'
-            ? '邮箱发送会走后端导出任务，当前前端先模拟任务提交'
-            : '文件会保存到浏览器默认下载位置';
-      }
-    };
-
-    modal.overlay.querySelectorAll('input[name="deviceExportDestination"], input[name="deviceExportScope"], input[name="deviceExportFormat"]').forEach(input => {
-      input.addEventListener('change', syncExportModal);
-    });
-    syncExportModal();
-    lucide.createIcons({ elements: [modal.overlay] });
-  };
-
-  function getDeviceExportScopeOptions() {
-    return [
-      { value: 'all', label: '全部设备', count: filteredDevices.length },
-      { value: 'online', label: '正常设备', count: filteredDevices.filter(device => device.status === 'online').length },
-      { value: 'offline', label: '离线设备', count: filteredDevices.filter(device => device.status === 'offline').length },
-      { value: 'error', label: '异常设备', count: filteredDevices.filter(device => device.status === 'error').length },
-    ];
-  }
-
-  function getDevicesForExportScope(scope) {
-    if (scope === 'all') {
-      return filteredDevices;
-    }
-
-    return filteredDevices.filter(device => device.status === scope);
-  }
-
-  function getExportRows(deviceList) {
-    return deviceList.map(device => ({
-      'device_id': device.device_id || device.id,
-      '设备名称': device.name,
-      'serial_number': device.serial_number || device.sn,
-      '所属公司': getCompanyName(device.companyId),
-      '固件版本': device.fw,
-      '状态': getStatusLabel(device.status),
-      '电量': `${device.battery}%`,
-      '最后活跃': device.lastSeen,
-    }));
-  }
-
-  function csvCell(value) {
-    const text = String(value ?? '');
-    return /[",\n]/.test(text) ? `"${text.replace(/"/g, '""')}"` : text;
-  }
-
-  function buildExportFile(format, deviceList, scopeLabel) {
-    const rows = getExportRows(deviceList);
-    const columns = Object.keys(rows[0] || {
-      'device_id': '',
-      '设备名称': '',
-      'serial_number': '',
-      '所属公司': '',
-      '固件版本': '',
-      '状态': '',
-      '电量': '',
-      '最后活跃': '',
-    });
-    const timestamp = new Date().toISOString().slice(0, 19).replace(/[:T]/g, '-');
-    const baseName = `TalkingQ设备导出_${scopeLabel}_${timestamp}`.replace(/[\\/:*?"<>|]/g, '-');
-
-    if (format === 'json') {
-      return {
-        filename: `${baseName}.json`,
-        mime: 'application/json;charset=utf-8',
-        content: JSON.stringify({
-          exportedAt: new Date().toISOString(),
-          scope: scopeLabel,
-          total: deviceList.length,
-          devices: rows,
-        }, null, 2),
-      };
-    }
-
-    if (format === 'csv') {
-      const csv = [
-        columns.map(csvCell).join(','),
-        ...rows.map(row => columns.map(column => csvCell(row[column])).join(',')),
-      ].join('\n');
-      return {
-        filename: `${baseName}.csv`,
-        mime: 'text/csv;charset=utf-8',
-        content: `\ufeff${csv}`,
-      };
-    }
-
-    if (format === 'pdf') {
-      return {
-        filename: `${baseName}.html`,
-        mime: 'text/html;charset=utf-8',
-        content: buildPrintableReport(rows, columns, scopeLabel),
-        printOnly: true,
-      };
-    }
-
-    const tableRows = rows.map(row => `
-      <tr>${columns.map(column => `<td>${escapeHtml(row[column])}</td>`).join('')}</tr>
-    `).join('');
-
-    return {
-      filename: `${baseName}.xls`,
-      mime: 'application/vnd.ms-excel;charset=utf-8',
-      content: `
-        <html>
-          <head><meta charset="utf-8"></head>
-          <body>
-            <table border="1">
-              <thead><tr>${columns.map(column => `<th>${escapeHtml(column)}</th>`).join('')}</tr></thead>
-              <tbody>${tableRows}</tbody>
-            </table>
-          </body>
-        </html>
-      `,
-    };
-  }
-
-  function buildPrintableReport(rows, columns, scopeLabel) {
-    const tableRows = rows.map(row => `
-      <tr>${columns.map(column => `<td>${escapeHtml(row[column])}</td>`).join('')}</tr>
-    `).join('');
-
-    return `
-      <!doctype html>
-      <html>
-        <head>
-          <meta charset="utf-8">
-          <title>TalkingQ 设备导出报告</title>
-          <style>
-            body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; padding: 24px; color: #1f2937; }
-            h1 { font-size: 20px; margin: 0 0 8px; }
-            .meta { color: #6b7280; font-size: 12px; margin-bottom: 18px; }
-            table { width: 100%; border-collapse: collapse; font-size: 12px; }
-            th, td { border: 1px solid #d1d5db; padding: 7px 8px; text-align: left; }
-            th { background: #f3f4f6; }
-          </style>
-        </head>
-        <body>
-          <h1>TalkingQ 设备导出报告</h1>
-          <div class="meta">范围：${escapeHtml(scopeLabel)} · 数量：${rows.length} 台 · 时间：${new Date().toLocaleString()}</div>
-          <table>
-            <thead><tr>${columns.map(column => `<th>${escapeHtml(column)}</th>`).join('')}</tr></thead>
-            <tbody>${tableRows}</tbody>
-          </table>
-        </body>
-      </html>
-    `;
-  }
-
-  function downloadExportFile(file) {
-    const blob = new Blob([file.content], { type: file.mime });
-    const url = URL.createObjectURL(blob);
-    const link = document.createElement('a');
-    link.href = url;
-    link.download = file.filename;
-    document.body.appendChild(link);
-    link.click();
-    link.remove();
-    setTimeout(() => URL.revokeObjectURL(url), 500);
-  }
-
-  async function saveExportFile(file) {
-    if (!window.showSaveFilePicker) {
-      Toast.warning('当前浏览器不支持选择保存位置，已改为浏览器下载');
-      downloadExportFile(file);
-      return;
-    }
-
-    const handle = await window.showSaveFilePicker({
-      suggestedName: file.filename,
-      types: [{
-        description: 'TalkingQ export',
-        accept: { [file.mime.split(';')[0]]: [`.${file.filename.split('.').pop()}`] },
-      }],
-    });
-    const writable = await handle.createWritable();
-    await writable.write(new Blob([file.content], { type: file.mime }));
-    await writable.close();
-  }
-
-  function openPrintReport(file, printWindow = window.open('', '_blank')) {
-    if (!printWindow) {
-      Toast.warning('浏览器阻止了打印窗口，请允许弹窗后重试');
-      return false;
-    }
-    printWindow.document.open();
-    printWindow.document.write(file.content);
-    printWindow.document.close();
-    setTimeout(() => printWindow.print(), 300);
-    return true;
-  }
-
-  async function runDeviceExport() {
-    const scope = document.querySelector('input[name="deviceExportScope"]:checked')?.value || 'all';
-    const format = document.querySelector('input[name="deviceExportFormat"]:checked')?.value || 'xls';
-    const destination = document.querySelector('input[name="deviceExportDestination"]:checked')?.value || 'download';
-    const email = document.getElementById('deviceExportEmail')?.value.trim() || '';
-    const exportList = getDevicesForExportScope(scope);
-    const currentScopeLabel = currentCompanyId === 'all' ? '全部公司' : currentCompany.name;
-    const scopeLabelMap = {
-      all: `${currentScopeLabel}-全部设备`,
-      online: `${currentScopeLabel}-正常设备`,
-      offline: `${currentScopeLabel}-离线设备`,
-      error: `${currentScopeLabel}-异常设备`,
-    };
-    const scopeLabel = scopeLabelMap[scope] || '设备列表';
-
-    if (exportList.length === 0) {
-      Toast.warning('当前范围没有可导出的设备');
-      return false;
-    }
-
-    if (destination === 'email' && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) {
-      Toast.warning('请输入有效的接收邮箱');
-      return false;
-    }
-
-    const file = destination !== 'email' ? buildExportFile(format, exportList, scopeLabel) : null;
-    const printWindow = file?.printOnly ? window.open('', '_blank') : null;
-    if (file?.printOnly && !printWindow) {
-      Toast.warning('浏览器阻止了打印窗口，请允许弹窗后重试');
-      return false;
-    }
-
-    try {
-      await API.devices.export({
-        ...(window.__getTenantScopeParams ? window.__getTenantScopeParams() : { companyId: currentCompanyId }),
-        scope,
-        format,
-        destination,
-        email: destination === 'email' ? email : undefined,
-        status: scope === 'all' ? undefined : scope,
-        count: exportList.length,
-      });
-    } catch (error) {
-      if (printWindow && !printWindow.closed) printWindow.close();
-      Toast.error('设备列表导出失败，请稍后重试');
-      return false;
-    }
-
-    if (destination === 'email') {
-      Toast.success(`导出任务已提交，完成后发送到 ${escapeHtml(email)}`);
-      return true;
-    }
-
-    try {
-      if (file.printOnly) {
-        const opened = openPrintReport(file, printWindow);
-        if (!opened) return false;
-        Toast.success('已打开 PDF 打印预览，可选择保存为 PDF');
-        return true;
-      }
-
-      if (destination === 'save-as') {
-        await saveExportFile(file);
-      } else {
-        downloadExportFile(file);
-      }
-      Toast.success(`已导出 ${exportList.length} 台设备`);
-    } catch (error) {
-      if (error?.name === 'AbortError') {
-        Toast.info('已取消导出');
-      } else {
-        Toast.error('文件保存失败，请稍后重试');
-      }
-      return false;
-    }
-  };
-
-  // 添加设备弹窗
-  window.openAddDeviceModal = function() {
-    if (isClient) {
-      Toast.warning('当前角色无权添加设备');
-      return;
-    }
-    const defaultCompanyId = getDefaultDeviceCompanyId((window.companies || []).filter(company => company.id !== 'all'));
-    const companyField = buildDeviceCompanyField('newDeviceCompany', defaultCompanyId);
-
-    createModal({
-      title: '添加设备',
-      content: `
-        <div class="form-row">
-          <div class="form-group">
-            <label class="form-label">设备名称 <span class="required">*</span></label>
-            <input type="text" class="form-control" id="newDeviceName" placeholder="例如：智慧星 #A001">
-          </div>
-          <div class="form-group">
-            <label class="form-label">serial_number <span class="required">*</span></label>
-            <input type="text" class="form-control" id="newDeviceSN" placeholder="例如：TQ_F0E1D2C3B4A59687">
-          </div>
-        </div>
-        <div class="form-group">
-          <label class="form-label">所属公司 <span class="required">*</span></label>
-          ${companyField}
-        </div>
-        <div class="form-group">
-          <label class="form-label">备注</label>
-          <textarea class="form-control" id="newDeviceRemark" rows="2" placeholder="可选备注信息"></textarea>
-        </div>
-      `,
-      onConfirm: async () => {
-        const name = document.getElementById('newDeviceName')?.value.trim();
-        const sn = normalizeSerialNumber(document.getElementById('newDeviceSN')?.value);
-        const company = document.getElementById('newDeviceCompany')?.value;
-        const remark = document.getElementById('newDeviceRemark')?.value.trim() || '';
-
-        if (!name || !sn || !company) {
-          Toast.warning('请填写必填项');
-          return false;
-        }
-
-        if (!SERIAL_NUMBER_PATTERN.test(sn)) {
-          Toast.warning('serial_number 格式应为 TQ_ 加 16 位十六进制字符');
-          return false;
-        }
-
-        if (devices.some(device => normalizeSerialNumber(device.sn || device.serial_number) === sn)) {
-          Toast.warning('serial_number 已存在，请检查后再添加');
-          return false;
-        }
-
-        const allDevicesSnapshot = getLiveDevices().slice();
-        const newDevice = createDeviceRecord({ name, sn, companyId: company }, allDevicesSnapshot);
-
-        try {
-          await API.devices.create({ ...newDevice, remark });
-        } catch (error) {
-          Toast.error('设备添加失败，请稍后重试');
-          return false;
-        }
-
-        window.__deviceAddedDevices.push(newDevice);
-        window.__deviceRemovedIds = window.__deviceRemovedIds.filter(id => id !== newDevice.id);
-        Toast.success(`设备 ${escapeHtml(name)} 添加成功`);
-        if (currentCompanyId !== 'all' && company !== currentCompanyId && window.switchCompany) {
-          syncDeviceMutation(company, 1);
-          window.switchCompany(company);
-        } else {
-          if (currentCompanyId !== 'all') window.currentCompany = company;
-          syncDeviceMutation(company, 1);
-        }
-      },
-      confirmText: '添加',
-    });
-    lucide.createIcons();
-  };
-
-  window.openBatchAddDeviceModal = function() {
-    if (isClient) {
-      Toast.warning('当前角色无权批量添加设备');
-      return;
-    }
-    const defaultCompanyId = getDefaultDeviceCompanyId((window.companies || []).filter(company => company.id !== 'all'));
-    const companyField = buildDeviceCompanyField('batchDeviceCompany', defaultCompanyId);
-
-    createModal({
-      title: '批量添加设备',
-      size: 'modal-lg',
-      content: `
-        <div class="form-group">
-          <label class="form-label">所属公司 <span class="required">*</span></label>
-          ${companyField}
-          <div style="font-size:12px;color:var(--text-muted);margin-top:6px">
-            批量导入的设备会统一绑定到该公司，新公司首次添加设备后会自动出现在设备统计与数据仪表盘中。
-          </div>
-        </div>
-        <div class="form-group">
-          <label class="form-label">设备列表 <span class="required">*</span></label>
-          <textarea class="form-control" id="batchDeviceText" rows="9" placeholder="每行一台设备，支持：设备名称,serial_number&#10;星球智能 #001,TQ_F0E1D2C3B4A59687&#10;星球智能 #002,TQ_9A8B7C6D5E4F3210&#10;也可以只填写 serial_number，设备名称会自动生成"></textarea>
-          <div style="font-size:12px;color:var(--text-muted);margin-top:6px">
-            支持逗号、中文逗号或 Tab 分隔；serial_number 格式为 TQ_ 加 16 位十六进制字符。
-          </div>
-        </div>
-        <div style="padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-base);font-size:13px;color:var(--text-secondary)">
-          后端接入时建议先调用批量校验接口检查 serial_number 唯一性，再写入设备表并按 companyId 建立归属关系。
-        </div>
-      `,
-      confirmText: '批量添加',
-      onConfirm: async () => {
-        const company = document.getElementById('batchDeviceCompany')?.value;
-        const rows = parseBatchDeviceInput(document.getElementById('batchDeviceText')?.value || '');
-
-        if (!company) {
-          Toast.warning('请选择所属公司');
-          return false;
-        }
-        if (rows.length === 0) {
-          Toast.warning('请填写至少一台设备');
-          return false;
-        }
-        if (rows.length > 500) {
-          Toast.warning('单次最多批量添加 500 台设备');
-          return false;
-        }
-
-        const existingSnSet = new Set(getLiveDevices().map(device => normalizeSerialNumber(device.sn || device.serial_number)));
-        const batchSnSet = new Set();
-        const invalidRows = [];
-        rows.forEach(row => {
-          const sn = normalizeSerialNumber(row.sn);
-          const snKey = sn;
-          if (!sn || !SERIAL_NUMBER_PATTERN.test(sn)) {
-            invalidRows.push(`第 ${row.lineNo} 行 serial_number 格式不正确`);
-          } else if (existingSnSet.has(snKey)) {
-            invalidRows.push(`第 ${row.lineNo} 行 serial_number 已存在`);
-          } else if (batchSnSet.has(snKey)) {
-            invalidRows.push(`第 ${row.lineNo} 行 serial_number 重复`);
-          }
-          batchSnSet.add(snKey);
-        });
-
-        if (invalidRows.length) {
-          Toast.warning(invalidRows.slice(0, 3).join('；') + (invalidRows.length > 3 ? '…' : ''));
-          return false;
-        }
-
-        const allDevicesSnapshot = getLiveDevices().slice();
-        const newDevices = rows.map(row => createDeviceRecord({
-          name: row.name.trim(),
-          sn: normalizeSerialNumber(row.sn),
-          companyId: company,
-        }, allDevicesSnapshot));
-
-        try {
-          if (API.devices.batchCreate) {
-            await API.devices.batchCreate({
-              companyId: company,
-              devices: newDevices,
-              tenantScope: window.__getTenantScopeParams ? window.__getTenantScopeParams() : {},
-            });
-          } else {
-            await Promise.all(newDevices.map(device => API.devices.create(device)));
-          }
-        } catch (error) {
-          Toast.error('设备批量添加失败，请稍后重试');
-          return false;
-        }
-
-        window.__deviceAddedDevices.push(...newDevices);
-        newDevices.forEach(device => {
-          window.__deviceRemovedIds = window.__deviceRemovedIds.filter(id => id !== device.id);
-        });
-        Toast.success(`已批量添加 ${newDevices.length} 台设备`);
-        if (currentCompanyId !== 'all' && company !== currentCompanyId && window.switchCompany) {
-          syncDeviceMutation(company, newDevices.length);
-          window.switchCompany(company);
-        } else {
-          if (currentCompanyId !== 'all') window.currentCompany = company;
-          syncDeviceMutation(company, newDevices.length);
-        }
-      },
-    });
-    lucide.createIcons();
-  };
-
-  // 单设备OTA升级
-  window.openSingleOTA = function(deviceId) {
-    if ((window.__getUserRole ? window.__getUserRole() : 'admin') === 'client') {
-      Toast.warning('当前角色无权访问 OTA 升级');
-      return;
-    }
-    const device = devices.find(d => d.id === deviceId);
-    if (!device) {
-      Toast.warning('未找到该设备');
-      return;
-    }
-    if (device?.companyId) {
-      window.currentCompany = device.companyId;
-    }
-    // 跳转到OTA页面进行升级
-    Toast.info(`准备升级 ${escapeHtml(device.name)}，当前版本: ${escapeHtml(device.fw)}`);
-    navigateTo('ota');
-  };
-
-  // 查看设备详情
-  window.viewDeviceDetail = function(deviceId) {
-    const device = devices.find(d => d.id === deviceId);
-    if (!device) {
-      Toast.warning('未找到该设备');
-      return;
-    }
-    const safeDevice = {
-      id: escapeHtml(device.id),
-      name: escapeHtml(device.name),
-      deviceId: escapeHtml(device.device_id || device.id),
-      serialNumber: escapeHtml(device.serial_number || device.sn),
-      companyName: escapeHtml(getCompanyName(device.companyId)),
-      fw: escapeHtml(device.fw),
-      lastSeen: escapeHtml(device.lastSeen),
-    };
-
-    createModal({
-      title: `设备详情 - ${safeDevice.name}`,
-      content: `
-        <div style="display:grid;grid-template-columns:1fr 1fr;gap:16px">
-          <div class="form-group">
-            <label class="form-label">device_id</label>
-            <div style="font-family:monospace;word-break:break-all">${safeDevice.deviceId}</div>
-          </div>
-          <div class="form-group">
-            <label class="form-label">设备名称</label>
-            <div>${safeDevice.name}</div>
-          </div>
-          <div class="form-group">
-            <label class="form-label">serial_number</label>
-            <div style="font-family:monospace">${safeDevice.serialNumber}</div>
-          </div>
-          <div class="form-group">
-            <label class="form-label">所属公司</label>
-            <div>${safeDevice.companyName}</div>
-          </div>
-          <div class="form-group">
-            <label class="form-label">固件版本</label>
-            <div><span class="badge badge-info">${safeDevice.fw}</span></div>
-          </div>
-          <div class="form-group">
-            <label class="form-label">设备状态</label>
-            <div>
-              <span class="badge ${device.status === 'online' ? 'badge-success' : device.status === 'error' ? 'badge-danger' : 'badge-warning'}">
-                ${device.status === 'online' ? '在线' : device.status === 'error' ? '异常' : '离线'}
-              </span>
-            </div>
-          </div>
-          <div class="form-group">
-            <label class="form-label">电池电量</label>
-            <div style="display:flex;align-items:center;gap:8px">
-              <div class="progress-bar" style="width:80px">
-                <div class="progress-fill" style="width:${device.battery}%;background:${device.battery < 20 ? 'var(--danger)' : device.battery < 50 ? 'var(--warning)' : 'var(--success)'}"></div>
-              </div>
-              <span>${device.battery}%</span>
-            </div>
-          </div>
-          <div class="form-group">
-            <label class="form-label">最后活跃</label>
-            <div>${safeDevice.lastSeen}</div>
-          </div>
-        </div>
-      `,
-      confirmText: '关闭',
-      showCancel: false,
-    });
-  };
-
-  // 删除设备
-  window.deleteDevice = function(deviceId) {
-    const device = devices.find(d => d.id === deviceId);
-    if (!device) return;
-    const safeName = escapeHtml(device.name);
-
-    createModal({
-      title: '确认删除',
-      confirmClass: 'btn-danger',
-      content: `
-        <div style="text-align:center;padding:20px 0">
-          <i data-lucide="alert-triangle" style="width:48px;height:48px;color:var(--warning);margin-bottom:16px"></i>
-          <p style="font-size:15px;font-weight:600;margin-bottom:8px">确认删除设备 ${safeName}？</p>
-          <p style="font-size:13px;color:var(--text-muted);line-height:1.7">设备将从当前列表移除，并无法再接收 OTA 升级。</p>
-        </div>
-      `,
-      onConfirm: async () => {
-        try {
-          await API.devices.delete(deviceId);
-        } catch (error) {
-          Toast.error('设备删除失败，请稍后重试');
-          return false;
-        }
-        if (!window.__deviceRemovedIds.includes(deviceId)) {
-          window.__deviceRemovedIds.push(deviceId);
-          adjustCompanyDeviceCount(device.companyId, -1);
-        }
-        syncDeviceMutation(device.companyId, -1);
-        Toast.success(`设备 ${safeName} 已删除`);
-      },
-      confirmText: '确认删除',
-    });
-    lucide.createIcons();
-  };
-});
-
-</script>
-  <script>
-/* inline: scripts/ota.js */
-/**
- * TalkingQ Platform - OTA Upgrade Page
- * 按公司分类的OTA升级管理
- */
-
-const OTA_INITIAL_FIRMWARES = {
-  company_a: {
-    latestVersion: 'v2.3.1',
-    versions: [
-      { version: 'v2.3.1', date: '2026-05-10', size: '24.5 MB', changelog: '性能优化，修复已知问题', uploaded: false },
-      { version: 'v2.3.0', date: '2026-04-28', size: '23.8 MB', changelog: '新增语音识别功能', uploaded: false },
-      { version: 'v2.2.5', date: '2026-03-15', size: '22.1 MB', changelog: '稳定性修复', uploaded: false },
-    ],
-  },
-  company_b: {
-    latestVersion: 'v2.0.2',
-    versions: [
-      { version: 'v2.0.2', date: '2026-05-12', size: '20.2 MB', changelog: 'Bug修复版本', uploaded: false },
-      { version: 'v2.0.0', date: '2026-04-01', size: '19.8 MB', changelog: '全新界面设计', uploaded: false },
-      { version: 'v1.8.2', date: '2026-02-20', size: '18.5 MB', changelog: '基础功能版本', uploaded: false },
-    ],
-  },
-  company_c: {
-    latestVersion: 'v1.8.2',
-    versions: [
-      { version: 'v1.8.2', date: '2026-04-15', size: '18.5 MB', changelog: '安全补丁', uploaded: false },
-      { version: 'v1.8.0', date: '2026-03-01', size: '18.2 MB', changelog: '功能更新', uploaded: false },
-      { version: 'v1.7.5', date: '2026-01-10', size: '17.8 MB', changelog: '初始版本', uploaded: false },
-    ],
-  },
-};
-
-const OTA_INITIAL_TASKS = [
-  { id: 'OTA-001', name: '智慧星-批量升级', companyId: 'company_a', companyName: '智慧星科技', targetVersion: 'v2.3.1', strategy: 'all', status: 'in_progress', progress: 68, total: 3200, success: 2176, failed: 12, createdAt: '2026-05-12 10:30', note: '全量灰度升级' },
-  { id: 'OTA-002', name: '智慧星-指定版本推送', companyId: 'company_a', companyName: '智慧星科技', targetVersion: 'v2.3.0', strategy: 'version', strategyValue: 'v2.2.5', status: 'completed', progress: 100, total: 150, success: 148, failed: 2, createdAt: '2026-05-10 14:20', note: '修复旧版本语音识别问题' },
-  { id: 'OTA-003', name: '未来玩具-全量升级', companyId: 'company_b', companyName: '未来玩具厂', targetVersion: 'v2.0.2', strategy: 'all', status: 'in_progress', progress: 35, total: 1500, success: 525, failed: 3, createdAt: '2026-05-12 09:00', note: '新版 UI 推送' },
-  { id: 'OTA-004', name: '童趣-安全补丁', companyId: 'company_c', companyName: '童趣电子', targetVersion: 'v1.8.2', strategy: 'outdated', status: 'completed', progress: 100, total: 800, success: 795, failed: 5, createdAt: '2026-05-11 16:00', note: '安全补丁' },
-  { id: 'OTA-005', name: '未来玩具-异常设备补发', companyId: 'company_b', companyName: '未来玩具厂', targetVersion: 'v2.0.2', strategy: 'specific', status: 'failed', progress: 42, total: 80, success: 33, failed: 47, createdAt: '2026-05-13 11:10', note: '部分设备下载固件失败，需要重试' },
-];
-
-registerPage('ota', function(container) {
-  const currentCompanyId = window.__getCurrentCompanyId ? window.__getCurrentCompanyId() : (window.currentCompany || 'all');
-  const currentCompany = window.getCurrentCompany ? window.getCurrentCompany() : { id: 'all', name: '全部公司' };
-  const companies = (window.companies?.length ? window.companies : [
-    { id: 'company_a', name: '智慧星科技', deviceCount: 3200, latestVersion: 'v2.3.1' },
-    { id: 'company_b', name: '未来玩具厂', deviceCount: 1500, latestVersion: 'v2.0.2' },
-    { id: 'company_c', name: '童趣电子', deviceCount: 800, latestVersion: 'v1.8.2' },
-  ]).filter(company => company.id !== 'all');
-
-  window.__otaFirmwareStore = window.__otaFirmwareStore || JSON.parse(JSON.stringify(OTA_INITIAL_FIRMWARES));
-  window.__otaTaskStore = window.__otaTaskStore || JSON.parse(JSON.stringify(OTA_INITIAL_TASKS));
-
-  const firmwareStore = window.__otaFirmwareStore;
-  const otaTasks = window.__otaTaskStore;
-  const currentFirmware = currentCompanyId === 'all' ? null : firmwareStore[currentCompanyId];
-  const filteredTasks = currentCompanyId === 'all'
-    ? otaTasks
-    : otaTasks.filter(task => task.companyId === currentCompanyId);
-
-  function getDisplayCompanyName(companyId, fallbackName) {
-    return window.__getCompanyNameById ? window.__getCompanyNameById(companyId) : fallbackName;
-  }
-
-  const stats = {
-    total: filteredTasks.length,
-    inProgress: filteredTasks.filter(task => task.status === 'in_progress').length,
-    completed: filteredTasks.filter(task => task.status === 'completed').length,
-    failed: filteredTasks.filter(task => task.status === 'failed').length,
-    stopped: filteredTasks.filter(task => task.status === 'stopped').length,
-  };
-
-  container.innerHTML = `
-    <div class="page-header">
-      <div>
-        <div class="page-title">OTA 升级</div>
-        ${currentCompanyId === 'all'
-          ? '<div class="page-desc">管理所有设备的固件升级，支持批量升级和指定设备升级</div>'
-          : `<div class="page-desc">管理 ${escapeHtml(currentCompany.name)} 的固件升级</div>`
-        }
-      </div>
-      <div class="page-actions">
-        <button class="btn btn-primary" onclick="openCreateOTATask()">
-          <i data-lucide="plus"></i> 创建升级任务
-        </button>
-      </div>
-    </div>
-
-    ${currentCompanyId === 'all'
-      ? `<div class="all-companies-banner scope-banner">
-          <div class="scope-banner-main">
-            <div class="scope-banner-icon">
-              <i data-lucide="radio-tower"></i>
-            </div>
-            <div>
-              <div class="scope-banner-eyebrow">OTA 范围</div>
-              <div class="scope-banner-title">全部公司升级任务</div>
-              <div class="scope-banner-desc">统一查看所有客户公司的固件任务进度，选择公司可进入对应版本管理。</div>
-            </div>
-          </div>
-          <div class="scope-banner-meta">
-            <span class="scope-chip"><span>任务总数</span><strong>${stats.total}</strong></span>
-          </div>
-        </div>`
-      : `<div class="current-company-banner scope-banner">
-          <div class="scope-banner-main">
-            <div class="scope-banner-icon">
-              <i data-lucide="radio-tower"></i>
-            </div>
-            <div>
-              <div class="scope-banner-eyebrow">当前公司 OTA</div>
-              <div class="scope-banner-title">${escapeHtml(currentCompany.name)}</div>
-              <div class="scope-banner-desc">升级任务会作用于该公司设备范围，当前最新固件为 ${escapeHtml(currentFirmware?.latestVersion || '-')}。</div>
-            </div>
-          </div>
-          <div class="scope-banner-meta">
-            <span class="scope-chip"><span>最新固件</span><strong>${escapeHtml(currentFirmware?.latestVersion || '-')}</strong></span>
-          </div>
-        </div>`
-    }
-
-    <div class="stats-grid stats-grid-ota" style="margin-bottom:20px">
-      <div class="stat-card">
-        <div class="stat-icon" style="background:#e6f7ff">
-          <i data-lucide="layers" style="color:#1890ff"></i>
-        </div>
-        <div class="stat-content">
-          <div class="stat-value">${stats.total}</div>
-          <div class="stat-label">升级任务</div>
-        </div>
-      </div>
-      <div class="stat-card">
-        <div class="stat-icon" style="background:#fff7e6">
-          <i data-lucide="loader" style="color:#fa8c16"></i>
-        </div>
-        <div class="stat-content">
-          <div class="stat-value" style="color:#fa8c16">${stats.inProgress}</div>
-          <div class="stat-label">进行中</div>
-        </div>
-      </div>
-      <div class="stat-card">
-        <div class="stat-icon" style="background:#f6ffed">
-          <i data-lucide="check-circle" style="color:#52c41a"></i>
-        </div>
-        <div class="stat-content">
-          <div class="stat-value" style="color:#52c41a">${stats.completed}</div>
-          <div class="stat-label">已完成</div>
-        </div>
-      </div>
-      <div class="stat-card">
-        <div class="stat-icon" style="background:#fff1f0">
-          <i data-lucide="x-circle" style="color:#ff4d4f"></i>
-        </div>
-        <div class="stat-content">
-          <div class="stat-value" style="color:#ff4d4f">${stats.failed}</div>
-          <div class="stat-label">失败</div>
-        </div>
-      </div>
-      <div class="stat-card">
-        <div class="stat-icon" style="background:#f5f5f5">
-          <i data-lucide="pause-circle" style="color:#8c8c8c"></i>
-        </div>
-        <div class="stat-content">
-          <div class="stat-value" style="color:#8c8c8c">${stats.stopped}</div>
-          <div class="stat-label">已停止</div>
-        </div>
-      </div>
-    </div>
-
-    ${currentFirmware ? renderFirmwarePanel(currentCompanyId, currentCompany.name, currentFirmware) : renderFirmwareOverview()}
-    ${renderTaskTable(filteredTasks)}
-  `;
-
-  lucide.createIcons({ elements: [container] });
-
-  function renderFirmwareOverview() {
-    return `
-      <div class="card" style="margin-bottom:20px">
-        <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:16px">
-          <span style="font-weight:600;font-size:15px">固件概览</span>
-          <span style="font-size:12px;color:var(--text-muted)">选择公司可查看全部可用固件版本</span>
-        </div>
-        <div style="display:grid;grid-template-columns:repeat(auto-fill, minmax(220px, 1fr));gap:12px">
-          ${companies.map(company => {
-            const firmware = firmwareStore[company.id];
-            return `
-              <div style="padding:12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fafafa">
-                <div style="display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:8px">
-                  <strong>${escapeHtml(company.name)}</strong>
-                  <button class="action-link" onclick="switchOTACompany('${escapeInlineValue(company.id)}')">查看</button>
-                </div>
-                <div style="font-size:12px;color:var(--text-muted);margin-bottom:6px">最新版本</div>
-                <span class="badge badge-success">${escapeHtml(firmware?.latestVersion || '-')}</span>
-              </div>
-            `;
-          }).join('')}
-        </div>
-      </div>
-    `;
-  }
-
-  function renderFirmwarePanel(companyId, companyName, firmware) {
-    const versions = sortFirmwareVersions(firmware.versions, firmware.latestVersion);
-    return `
-      <div class="card" style="margin-bottom:20px">
-        <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:16px">
-          <div>
-            <span style="font-weight:600;font-size:15px">可用固件版本</span>
-            <span class="badge badge-success" style="margin-left:12px">最新: ${escapeHtml(firmware.latestVersion)}</span>
-            <div style="font-size:12px;color:var(--text-muted);margin-top:6px">设为最新版本默认只更新版本基线；如需同步升级设备，可在确认弹窗中选择升级范围。</div>
-          </div>
-          <button class="btn btn-outline btn-sm" onclick="openUploadFirmware('${escapeInlineValue(companyId)}')">
-            <i data-lucide="upload" style="width:14px;height:14px"></i> 上传新固件
-          </button>
-        </div>
-        <div style="display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:12px">
-          ${versions.map(version => {
-            const isLatest = version.version === firmware.latestVersion;
-            return `
-              <div style="padding:12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fafafa">
-                <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;gap:8px">
-                  <span class="badge ${isLatest ? 'badge-success' : 'badge-default'}">
-                    ${escapeHtml(version.version)}${isLatest ? '（最新）' : ''}
-                  </span>
-                  <span style="font-size:12px;color:var(--text-muted)">${escapeHtml(version.size)}</span>
-                </div>
-                <div style="font-size:12px;color:var(--text-muted);margin-bottom:4px">发布日期：${escapeHtml(version.date)}</div>
-                <div style="font-size:12px;color:var(--text-secondary);min-height:34px">${escapeHtml(version.changelog || '-')}</div>
-                <div style="display:flex;justify-content:space-between;align-items:center;margin-top:10px">
-                  <span style="font-size:12px;color:var(--text-muted)">${version.uploaded ? `文件：${escapeHtml(version.filename || '-')}` : `${escapeHtml(companyName)} 固件`}</span>
-                  <div class="action-links">
-                    ${!isLatest ? `<button class="action-link" onclick="setLatestFirmware('${escapeInlineValue(companyId)}','${escapeInlineValue(version.version)}')">设为最新版本</button>` : ''}
-                    ${version.uploaded ? `${!isLatest ? '<span class="action-divider">|</span>' : ''}<button class="action-link danger" onclick="deleteFirmware('${escapeInlineValue(companyId)}','${escapeInlineValue(version.version)}')">删除</button>` : ''}
-                  </div>
-                </div>
-              </div>
-            `;
-          }).join('')}
-        </div>
-      </div>
-    `;
-  }
-
-  function renderTaskTable(taskList) {
-    return `
-      <div class="card" style="padding:0;overflow:hidden">
-        <div style="padding:16px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center">
-          <span style="font-weight:600">升级任务列表</span>
-          <span style="font-size:12px;color:var(--text-muted)">共 ${taskList.length} 个任务</span>
-        </div>
-        <div class="table-wrapper">
-          <table class="data-table">
-            <thead>
-              <tr>
-                <th>任务名称</th>
-                ${currentCompanyId === 'all' ? '<th>所属公司</th>' : ''}
-                <th>目标版本</th>
-                <th>升级策略</th>
-                <th>状态</th>
-                <th>进度</th>
-                <th>结果</th>
-                <th>创建时间</th>
-                <th>操作</th>
-              </tr>
-            </thead>
-            <tbody>
-              ${taskList.length === 0 ? `
-                <tr><td colspan="${currentCompanyId === 'all' ? 9 : 8}" style="text-align:center;padding:40px;color:var(--text-muted)">暂无升级任务</td></tr>
-              ` : taskList.map(renderTaskRow).join('')}
-            </tbody>
-          </table>
-        </div>
-      </div>
-    `;
-  }
-
-  function renderTaskRow(task) {
-    const status = getStatusMeta(task.status);
-    return `
-      <tr>
-        <td>
-          <div style="font-weight:500">${escapeHtml(task.name)}</div>
-          <div style="font-size:12px;color:var(--text-muted)">ID: ${escapeHtml(task.id)}</div>
-        </td>
-          ${currentCompanyId === 'all' ? `<td><span class="badge badge-default">${escapeHtml(getDisplayCompanyName(task.companyId, task.companyName))}</span></td>` : ''}
-        <td><span class="badge badge-info">${escapeHtml(task.targetVersion)}</span></td>
-        <td style="font-size:13px">${escapeHtml(formatStrategy(task))}</td>
-        <td><span class="badge ${status.className}">${status.label}</span></td>
-        <td style="min-width:120px">
-          <div style="display:flex;align-items:center;gap:8px">
-            <div class="progress-bar" style="width:60px">
-              <div class="progress-fill ${task.status === 'failed' ? 'bg-danger' : ''}" style="width:${task.progress}%"></div>
-            </div>
-            <span style="font-size:12px;color:var(--text-muted)">${task.progress}%</span>
-          </div>
-        </td>
-        <td style="font-size:12px">
-          <span style="color:#52c41a">成功 ${task.success}</span>
-          ${task.failed > 0 ? ` / <span style="color:#ff4d4f">失败 ${task.failed}</span>` : ''}
-        </td>
-        <td style="font-size:12px;color:var(--text-muted)">${escapeHtml(task.createdAt)}</td>
-        <td>
-          ${renderTaskActions(task)}
-        </td>
-      </tr>
-    `;
-  }
-
-  function renderTaskActions(task) {
-    const safeId = escapeInlineValue(task.id);
-    const actions = [`<button class="action-link" onclick="viewOTATask('${safeId}')">详情</button>`];
-
-    if (task.status === 'in_progress') {
-      actions.push(`<button class="action-link" onclick="refreshOTATask('${safeId}')">刷新</button>`);
-      actions.push(`<button class="action-link danger" onclick="stopOTATask('${safeId}')">停止</button>`);
-    }
-
-    if (task.status === 'failed') {
-      actions.push(`<button class="action-link warning" onclick="retryOTATask('${safeId}', 'failed')">重试</button>`);
-    }
-
-    if (task.status === 'stopped') {
-      actions.push(`<button class="action-link warning" onclick="retryOTATask('${safeId}', 'resume')">继续</button>`);
-    }
-
-    if (task.status === 'completed' && task.failed > 0) {
-      actions.push(`<button class="action-link warning" onclick="retryOTATask('${safeId}', 'failed-devices')">重试失败设备</button>`);
-    }
-
-    return `<div class="action-links">${actions.join('<span class="action-divider">|</span>')}</div>`;
-  }
-
-  function formatStrategy(task) {
-    const strategyMap = {
-      all: '全部设备',
-      version: `版本 ${task.strategyValue || '-'}`,
-      outdated: '过期版本',
-      specific: '指定设备',
-    };
-    if (task.strategy === 'specific' && task.deviceIds?.length) {
-      return `指定设备（${task.deviceIds.length} 台）`;
-    }
-    return strategyMap[task.strategy] || task.strategy;
-  }
-
-  window.switchOTACompany = function(companyId) {
-    if (window.switchCompany) {
-      window.switchCompany(companyId);
-      return;
-    }
-    window.currentCompany = companyId;
-    navigateTo('ota');
-  };
-
-  window.openCreateOTATask = function() {
-    const defaultCompanyId = currentCompanyId === 'all' ? companies[0]?.id : currentCompanyId;
-    const companyField = currentCompanyId === 'all'
-      ? `
-          <select class="form-control" id="otaCompanySelect">
-            ${companies.map(company => `<option value="${escapeHtml(company.id)}" ${company.id === defaultCompanyId ? 'selected' : ''}>${escapeHtml(company.name)}</option>`).join('')}
-          </select>
-        `
-      : `
-          <input type="text" class="form-control" value="${escapeHtml(currentCompany.name)}" readonly>
-          <input type="hidden" id="otaCompanySelect" value="${escapeHtml(currentCompanyId)}">
-        `;
-
-    const modal = createModal({
-      title: '创建升级任务',
-      size: 'modal-lg',
-      content: `
-        <div class="form-row">
-          <div class="form-group">
-            <label class="form-label">所属公司 <span class="required">*</span></label>
-            ${companyField}
-          </div>
-          <div class="form-group">
-            <label class="form-label">任务名称 <span class="required">*</span></label>
-            <input type="text" class="form-control" id="otaTaskName" placeholder="例如：批量升级到最新版本">
-          </div>
-        </div>
-        <div class="form-row">
-          <div class="form-group">
-            <label class="form-label">目标固件版本 <span class="required">*</span></label>
-            <select class="form-control" id="otaTargetVersion"></select>
-            <div style="font-size:12px;color:var(--text-muted);margin-top:4px">当前最新版本会优先展示；设为最新版本不会自动升级设备。</div>
-          </div>
-          <div class="form-group">
-            <label class="form-label">升级策略 <span class="required">*</span></label>
-            <select class="form-control" id="otaStrategy">
-              <option value="all">全部设备</option>
-              <option value="outdated">仅过期版本设备</option>
-              <option value="specific">指定设备</option>
-            </select>
-          </div>
-        </div>
-        <div class="form-group" id="deviceIdGroup" style="display:none">
-          <label class="form-label">device_id <span class="required">*</span></label>
-          <textarea class="form-control" id="deviceIds" rows="3" placeholder="请输入 device_id，每行一个，或用逗号分隔&#10;c2b00f75-e7e7-581e-90f1-390d97d0dee6"></textarea>
-          <div style="font-size:12px;color:var(--text-muted);margin-top:4px">支持多个 UUID 格式的 device_id 批量输入</div>
-        </div>
-        <div class="form-group">
-          <label class="form-label">升级说明</label>
-          <textarea class="form-control" id="otaTaskNote" rows="2" placeholder="可选，描述本次升级的内容"></textarea>
-        </div>
-        <div style="padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-base);font-size:13px;color:var(--text-secondary)">
-          <div style="display:flex;justify-content:space-between;gap:12px">
-            <span>预计目标设备</span>
-            <strong id="otaTargetPreview">-</strong>
-          </div>
-        </div>
-        <div class="api-note">
-          <i data-lucide="info"></i>
-          <span>接口：<code>POST /api/v1/ota/tasks</code></span>
-        </div>
-      `,
-      onConfirm: async () => createOTATaskFromModal(),
-      confirmText: '创建任务',
-    });
-
-    const companySelect = modal.overlay.querySelector('#otaCompanySelect');
-    const strategySelect = modal.overlay.querySelector('#otaStrategy');
-    const deviceIds = modal.overlay.querySelector('#deviceIds');
-
-    const refreshForm = () => {
-      const companyId = companySelect?.value || defaultCompanyId;
-      const strategy = strategySelect?.value || 'all';
-      const firmware = firmwareStore[companyId];
-      const targetSelect = modal.overlay.querySelector('#otaTargetVersion');
-      const deviceGroup = modal.overlay.querySelector('#deviceIdGroup');
-      const preview = modal.overlay.querySelector('#otaTargetPreview');
-
-      if (targetSelect) {
-        targetSelect.innerHTML = firmware?.versions?.length
-          ? sortFirmwareVersions(firmware.versions, firmware.latestVersion).map(item => `
-              <option value="${escapeHtml(item.version)}">${escapeHtml(item.version)}${item.version === firmware.latestVersion ? '（最新）' : ''}</option>
-            `).join('')
-          : '<option value="">该公司暂无固件</option>';
-      }
-
-      if (deviceGroup) deviceGroup.style.display = strategy === 'specific' ? '' : 'none';
-      if (preview) {
-        const ids = parseDeviceIds(deviceIds?.value || '');
-        preview.textContent = `${estimateTargetCount(companyId, strategy, ids)} 台`;
-      }
-    };
-
-    companySelect?.addEventListener('change', refreshForm);
-    strategySelect?.addEventListener('change', refreshForm);
-    deviceIds?.addEventListener('input', refreshForm);
-    refreshForm();
-    lucide.createIcons({ elements: [modal.overlay] });
-  };
-
-  async function createOTATaskFromModal() {
-    const name = document.getElementById('otaTaskName')?.value.trim();
-    const companyId = document.getElementById('otaCompanySelect')?.value;
-    const version = document.getElementById('otaTargetVersion')?.value;
-    const strategy = document.getElementById('otaStrategy')?.value || 'all';
-    const deviceIds = parseDeviceIds(document.getElementById('deviceIds')?.value || '');
-    const note = document.getElementById('otaTaskNote')?.value.trim() || '';
-    const company = getCompanyInfo(companyId);
-    const targetCount = estimateTargetCount(companyId, strategy, deviceIds);
-
-    if (!name || !companyId || !version) {
-      Toast.warning('请填写必填项');
-      return false;
-    }
-
-    if (strategy === 'specific' && deviceIds.length === 0) {
-      Toast.warning('请输入 device_id');
-      return false;
-    }
-
-    if (strategy === 'specific' && deviceIds.some(id => !isDeviceId(id))) {
-      Toast.warning('device_id 需为 UUID 格式');
-      return false;
-    }
-
-    if (!firmwareStore[companyId]?.versions?.some(item => item.version === version)) {
-      Toast.warning('目标固件版本不存在');
-      return false;
-    }
-
-    const newTask = {
-      id: generateTaskId(),
-      name,
-      companyId,
-      companyName: company.name,
-      targetVersion: version,
-      strategy,
-      status: 'in_progress',
-      progress: 0,
-      total: targetCount,
-      success: 0,
-      failed: 0,
-      createdAt: formatDateTime(new Date()),
-      deviceIds,
-      note,
-    };
-
-    try {
-      await API.ota.create(newTask);
-    } catch (error) {
-      Toast.error('升级任务创建失败，请稍后重试');
-      return false;
-    }
-
-    otaTasks.unshift(newTask);
-    Toast.success('升级任务创建成功');
-    navigateTo('ota');
-  }
-
-  window.openUploadFirmware = function(preselectedCompanyId) {
-    const defaultCompanyId = preselectedCompanyId || (currentCompanyId === 'all' ? companies[0]?.id : currentCompanyId);
-    const companyField = currentCompanyId === 'all' && !preselectedCompanyId
-      ? `
-          <select class="form-control" id="fwCompany">
-            ${companies.map(company => `<option value="${escapeHtml(company.id)}" ${company.id === defaultCompanyId ? 'selected' : ''}>${escapeHtml(company.name)}</option>`).join('')}
-          </select>
-        `
-      : `
-          <input type="text" class="form-control" value="${escapeHtml(getCompanyInfo(defaultCompanyId).name)}" readonly>
-          <input type="hidden" id="fwCompany" value="${escapeHtml(defaultCompanyId)}">
-        `;
-
-    const modal = createModal({
-      title: '上传新固件',
-      size: 'modal-lg',
-      content: `
-        <div class="form-row">
-          <div class="form-group">
-            <label class="form-label">所属公司 <span class="required">*</span></label>
-            ${companyField}
-          </div>
-          <div class="form-group">
-            <label class="form-label">固件版本 <span class="required">*</span></label>
-            <input type="text" class="form-control" id="fwVersion" placeholder="例如：v2.3.2">
-          </div>
-        </div>
-        <div class="form-group">
-          <label class="form-label">固件文件 <span class="required">*</span></label>
-          <div id="fwDropzone" style="border:2px dashed var(--border);border-radius:var(--radius);padding:24px;text-align:center;cursor:pointer">
-            <i data-lucide="upload-cloud" style="width:32px;height:32px;color:var(--text-muted);margin-bottom:8px"></i>
-            <div style="font-size:13px;color:var(--text-muted)">点击选择文件或拖拽到此处</div>
-            <div style="font-size:12px;color:var(--text-placeholder);margin-top:4px">支持 .bin, .hex, .zip 格式，最大 100MB</div>
-            <div id="fwFileName" style="font-size:12px;color:var(--primary);margin-top:8px"></div>
-          </div>
-          <input type="file" id="fwFile" style="display:none" accept=".bin,.hex,.zip">
-        </div>
-        <div class="form-group">
-          <label class="form-label">版本说明</label>
-          <textarea class="form-control" id="fwChangelog" rows="3" placeholder="描述此版本的新功能和修复内容"></textarea>
-        </div>
-        <div class="api-note">
-          <i data-lucide="info"></i>
-          <span>接口：<code>POST /api/v1/ota/firmwares</code></span>
-        </div>
-      `,
-      onConfirm: async () => uploadFirmwareFromModal(),
-      confirmText: '上传',
-    });
-
-    const fileInput = modal.overlay.querySelector('#fwFile');
-    const dropzone = modal.overlay.querySelector('#fwDropzone');
-    const fileName = modal.overlay.querySelector('#fwFileName');
-    const showFile = () => {
-      const file = fileInput?.files?.[0];
-      if (fileName) fileName.textContent = file ? `已选择：${file.name}（${formatFileSize(file.size)}）` : '';
-    };
-
-    dropzone?.addEventListener('click', () => fileInput?.click());
-    fileInput?.addEventListener('change', showFile);
-    dropzone?.addEventListener('dragover', event => {
-      event.preventDefault();
-      dropzone.style.borderColor = 'var(--primary)';
-    });
-    dropzone?.addEventListener('dragleave', () => {
-      dropzone.style.borderColor = 'var(--border)';
-    });
-    dropzone?.addEventListener('drop', event => {
-      event.preventDefault();
-      dropzone.style.borderColor = 'var(--border)';
-      if (event.dataTransfer?.files?.[0] && fileInput) {
-        fileInput.files = event.dataTransfer.files;
-        showFile();
-      }
-    });
-
-    lucide.createIcons({ elements: [modal.overlay] });
-  };
-
-  async function uploadFirmwareFromModal() {
-    const companyId = document.getElementById('fwCompany')?.value;
-    const version = document.getElementById('fwVersion')?.value.trim();
-    const file = document.getElementById('fwFile')?.files?.[0];
-    const changelog = document.getElementById('fwChangelog')?.value.trim() || '新固件版本';
-
-    if (!companyId || !version) {
-      Toast.warning('请填写固件版本和所属公司');
-      return false;
-    }
-
-    if (!/^v?\d+\.\d+\.\d+([-.][A-Za-z0-9]+)?$/.test(version)) {
-      Toast.warning('固件版本格式应类似 v2.3.2');
-      return false;
-    }
-
-    const normalizedVersion = version.startsWith('v') ? version : `v${version}`;
-
-    if (!file) {
-      Toast.warning('请选择固件文件');
-      return false;
-    }
-
-    if (!/\.(bin|hex|zip)$/i.test(file.name)) {
-      Toast.warning('固件文件仅支持 .bin、.hex、.zip 格式');
-      return false;
-    }
-
-    if (file.size > 100 * 1024 * 1024) {
-      Toast.warning('固件文件不能超过 100MB');
-      return false;
-    }
-
-    if (firmwareStore[companyId]?.versions?.some(item => item.version.toLowerCase() === normalizedVersion.toLowerCase())) {
-      Toast.warning('该固件版本已存在');
-      return false;
-    }
-
-    const newFirmware = {
-      version: normalizedVersion,
-      date: formatDateOnly(new Date()),
-      size: formatFileSize(file.size),
-      changelog,
-      uploaded: true,
-      filename: file.name,
-    };
-
-    try {
-      await API.ota.uploadFirmware(file, { companyId, version: normalizedVersion, changelog });
-    } catch (error) {
-      Toast.error('固件上传失败，请稍后重试');
-      return false;
-    }
-
-    firmwareStore[companyId] = firmwareStore[companyId] || { latestVersion: normalizedVersion, versions: [] };
-    firmwareStore[companyId].versions.unshift(newFirmware);
-    firmwareStore[companyId].latestVersion = normalizedVersion;
-    updateCompanyLatestVersion(companyId, normalizedVersion);
-    Toast.success(`固件 ${escapeHtml(normalizedVersion)} 上传成功`);
-
-    if (currentCompanyId === 'all' && window.switchCompany) {
-      window.switchCompany(companyId);
-    } else {
-      if (currentCompanyId === 'all') window.currentCompany = companyId;
-      navigateTo('ota');
-    }
-  }
-
-  window.setLatestFirmware = function(companyId, version) {
-    const firmware = firmwareStore[companyId];
-    const target = firmware?.versions?.find(item => item.version === version);
-    if (!target) {
-      Toast.warning('固件版本不存在');
-      return;
-    }
-
-    if (firmware.latestVersion === version) {
-      Toast.info(`${escapeHtml(version)} 已经是最新版本`);
-      return;
-    }
-
-    const company = getCompanyInfo(companyId);
-    const currentLatest = firmware.latestVersion || '-';
-    const defaultTaskName = `${company.name}-${version}-版本升级`;
-    const modal = createModal({
-      title: '设为最新版本',
-      size: 'modal-lg',
-      content: `
-        <div class="ota-latest-flow">
-          <div class="ota-latest-hero">
-            <div class="ota-latest-icon">
-              <i data-lucide="check-circle"></i>
-            </div>
-            <div>
-              <div class="ota-latest-title">将 ${escapeHtml(version)} 设为 ${escapeHtml(company.name)} 的最新版本</div>
-              <div class="ota-latest-desc">此操作会更新该公司的最新固件基线；是否同时升级设备由下方升级范围决定。</div>
-            </div>
-          </div>
-
-          <div class="ota-version-compare">
-            <div class="ota-version-box">
-              <span>当前最新</span>
-              <strong>${escapeHtml(currentLatest)}</strong>
-            </div>
-            <div class="ota-version-arrow">
-              <i data-lucide="arrow-right"></i>
-            </div>
-            <div class="ota-version-box target">
-              <span>调整为</span>
-              <strong>${escapeHtml(version)}</strong>
-            </div>
-          </div>
-
-          <div class="ota-latest-section">
-            <div class="ota-latest-section-title">是否同时更新设备</div>
-            <div class="ota-upgrade-options">
-              <label class="ota-upgrade-option active" data-upgrade-option="none">
-                <input type="radio" name="latestUpgradeMode" value="none" checked>
-                <span>
-                  <strong>仅设为最新版本</strong>
-                  <small>不立即下发升级任务，后续可手动创建 OTA 任务。</small>
-                </span>
-              </label>
-              <label class="ota-upgrade-option" data-upgrade-option="outdated">
-                <input type="radio" name="latestUpgradeMode" value="outdated">
-                <span>
-                  <strong>更新过期版本设备</strong>
-                  <small>只升级未处于该目标版本的设备，适合常规发布。</small>
-                </span>
-              </label>
-              <label class="ota-upgrade-option" data-upgrade-option="all">
-                <input type="radio" name="latestUpgradeMode" value="all">
-                <span>
-                  <strong>更新全部设备</strong>
-                  <small>向该公司全部设备下发目标版本升级任务。</small>
-                </span>
-              </label>
-              <label class="ota-upgrade-option" data-upgrade-option="specific">
-                <input type="radio" name="latestUpgradeMode" value="specific">
-                <span>
-                  <strong>更新指定设备</strong>
-                  <small>输入 device_id，只向指定设备下发升级任务。</small>
-                </span>
-              </label>
-            </div>
-          </div>
-
-          <div class="ota-latest-task-config" id="latestUpgradeConfig" style="display:none">
-            <div class="form-row">
-              <div class="form-group">
-                <label class="form-label">升级任务名称 <span class="required">*</span></label>
-                <input type="text" class="form-control" id="latestUpgradeTaskName" value="${escapeHtml(defaultTaskName)}">
-              </div>
-              <div class="form-group">
-                <label class="form-label">预计目标设备</label>
-                <div class="ota-upgrade-preview" id="latestUpgradePreview">不创建升级任务</div>
-              </div>
-            </div>
-            <div class="form-group" id="latestSpecificDevicesWrap" style="display:none">
-              <label class="form-label">指定设备 device_id <span class="required">*</span></label>
-              <textarea class="form-control" id="latestSpecificDeviceIds" rows="3" placeholder="请输入 device_id，每行一个，或用逗号分隔&#10;c2b00f75-e7e7-581e-90f1-390d97d0dee6"></textarea>
-              <div style="font-size:12px;color:var(--text-muted);margin-top:4px">支持多个 UUID 格式的 device_id 批量输入。</div>
-            </div>
-            <div class="form-group">
-              <label class="form-label">升级说明</label>
-              <textarea class="form-control" id="latestUpgradeNote" rows="2" placeholder="可选，说明本次从 ${escapeHtml(currentLatest)} 调整到 ${escapeHtml(version)} 的原因"></textarea>
-            </div>
-          </div>
-
-          <div class="api-note">
-            <i data-lucide="info"></i>
-            <span>接口：仅设为最新 <code>POST /api/v1/ota/firmwares/{id}/set-latest</code>；同时升级 <code>POST /api/v1/ota/firmwares/{id}/set-latest-and-upgrade</code></span>
-          </div>
-        </div>
-      `,
-      confirmText: '确认操作',
-      onConfirm: async () => {
-        const mode = modal.overlay.querySelector('input[name="latestUpgradeMode"]:checked')?.value || 'none';
-        const shouldCreateTask = mode !== 'none';
-        const deviceIds = parseDeviceIds(modal.overlay.querySelector('#latestSpecificDeviceIds')?.value || '');
-        const taskName = modal.overlay.querySelector('#latestUpgradeTaskName')?.value.trim() || defaultTaskName;
-        const note = modal.overlay.querySelector('#latestUpgradeNote')?.value.trim()
-          || `由设为最新版本操作创建，原最新版本 ${currentLatest}`;
-        const targetCount = estimateTargetCount(companyId, mode, deviceIds);
-
-        if (mode === 'specific' && deviceIds.length === 0) {
-          Toast.warning('请输入需要升级的 device_id');
-          return false;
-        }
-
-        if (mode === 'specific' && deviceIds.some(id => !isDeviceId(id))) {
-          Toast.warning('device_id 需为 UUID 格式');
-          return false;
-        }
-
-        if (shouldCreateTask && !taskName) {
-          Toast.warning('请填写升级任务名称');
-          return false;
-        }
-
-        const upgradeTask = shouldCreateTask ? {
-          id: generateTaskId(),
-          name: taskName,
-          companyId,
-          companyName: company.name,
-          targetVersion: version,
-          strategy: mode,
-          status: 'in_progress',
-          progress: 0,
-          total: targetCount,
-          success: 0,
-          failed: 0,
-          createdAt: formatDateTime(new Date()),
-          deviceIds,
-          note,
-          source: 'set_latest_version',
-          previousLatestVersion: currentLatest,
-        } : null;
-
-        try {
-          if (shouldCreateTask) {
-            await API.ota.setLatestAndCreateTask(`${companyId}:${version}`, {
-              companyId,
-              version,
-              previousLatestVersion: currentLatest,
-              upgradeTask,
-            });
-          } else {
-            await API.ota.setLatestFirmware(`${companyId}:${version}`, {
-              companyId,
-              version,
-              previousLatestVersion: currentLatest,
-            });
-          }
-        } catch (error) {
-          Toast.error(shouldCreateTask ? '最新版本设置或升级任务创建失败，请稍后重试' : '最新版本设置失败，请稍后重试');
-          return false;
-        }
-
-        firmware.latestVersion = version;
-        updateCompanyLatestVersion(companyId, version);
-        if (upgradeTask) {
-          otaTasks.unshift(upgradeTask);
-          Toast.success(`${escapeHtml(version)} 已设为最新版本，并已创建升级任务`);
-        } else {
-          Toast.success(`${escapeHtml(version)} 已设为最新版本`);
-        }
-        navigateTo('ota');
-      },
-    });
-
-    const refreshLatestUpgradeForm = () => {
-      const mode = modal.overlay.querySelector('input[name="latestUpgradeMode"]:checked')?.value || 'none';
-      const shouldCreateTask = mode !== 'none';
-      const config = modal.overlay.querySelector('#latestUpgradeConfig');
-      const specificWrap = modal.overlay.querySelector('#latestSpecificDevicesWrap');
-      const preview = modal.overlay.querySelector('#latestUpgradePreview');
-      const ids = parseDeviceIds(modal.overlay.querySelector('#latestSpecificDeviceIds')?.value || '');
-
-      modal.overlay.querySelectorAll('.ota-upgrade-option').forEach(option => {
-        option.classList.toggle('active', option.dataset.upgradeOption === mode);
-      });
-      if (config) config.style.display = shouldCreateTask ? '' : 'none';
-      if (specificWrap) specificWrap.style.display = mode === 'specific' ? '' : 'none';
-      if (preview) {
-        preview.textContent = shouldCreateTask
-          ? `${estimateTargetCount(companyId, mode, ids)} 台设备`
-          : '不创建升级任务';
-      }
-    };
-
-    modal.overlay.querySelectorAll('input[name="latestUpgradeMode"]').forEach(input => {
-      input.addEventListener('change', refreshLatestUpgradeForm);
-    });
-    modal.overlay.querySelector('#latestSpecificDeviceIds')?.addEventListener('input', refreshLatestUpgradeForm);
-    refreshLatestUpgradeForm();
-    lucide.createIcons({ elements: [modal.overlay] });
-  };
-
-  window.deleteFirmware = function(companyId, version) {
-    const firmware = firmwareStore[companyId];
-    if (!firmware) return;
-    const target = firmware.versions.find(item => item.version === version);
-    if (!target) return;
-
-    if (firmware.latestVersion === version) {
-      Toast.warning('最新固件不能删除，请先设置其他版本为最新');
-      return;
-    }
-
-    createModal({
-      title: '确认删除固件',
-      content: `
-        <div style="text-align:center;padding:20px 0">
-          <i data-lucide="alert-triangle" style="width:48px;height:48px;color:var(--warning);margin-bottom:16px"></i>
-          <p style="font-size:15px;font-weight:600;margin-bottom:8px">确认删除固件 ${escapeHtml(version)}？</p>
-          <p style="font-size:13px;color:var(--text-muted)">删除后将不能再创建指向该版本的新升级任务</p>
-        </div>
-      `,
-      onConfirm: async () => {
-        try {
-          await API.ota.deleteFirmware(`${companyId}:${version}`);
-        } catch (error) {
-          Toast.error('固件删除失败，请稍后重试');
-          return false;
-        }
-        firmware.versions = firmware.versions.filter(item => item.version !== version);
-        Toast.success(`固件 ${escapeHtml(version)} 已删除`);
-        navigateTo('ota');
-      },
-      confirmText: '确认删除',
-    });
-    lucide.createIcons();
-  };
-
-  window.refreshOTATask = async function(taskId) {
-    const task = otaTasks.find(item => item.id === taskId);
-    if (!task) {
-      Toast.warning('未找到该任务');
-      return;
-    }
-    if (task.status !== 'in_progress') {
-      Toast.info('该任务已结束');
-      return;
-    }
-
-    try {
-      await API.ota.getProgress(taskId);
-    } catch (error) {
-      Toast.error('进度刷新失败，请稍后重试');
-      return;
-    }
-
-    const nextProgress = Math.min(100, task.progress + Math.max(8, Math.round((100 - task.progress) * 0.22)));
-    const processed = Math.round(task.total * nextProgress / 100);
-    const newFailures = nextProgress >= 100 ? 0 : Math.floor(Math.random() * 3);
-    task.progress = nextProgress;
-    task.failed = Math.min((task.failed || 0) + newFailures, processed);
-    task.success = Math.max(0, Math.min(task.total, processed - task.failed));
-    if (nextProgress >= 100) {
-      task.status = 'completed';
-      task.success = Math.max(0, task.total - task.failed);
-    }
-    Toast.success(task.status === 'completed' ? '升级任务已完成' : '任务进度已刷新');
-    navigateTo('ota');
-  };
-
-  window.retryOTATask = async function(taskId, mode) {
-    const task = otaTasks.find(item => item.id === taskId);
-    if (!task) {
-      Toast.warning('未找到该任务');
-      return;
-    }
-
-    if (mode === 'failed-devices') {
-      if (task.failed <= 0) {
-        Toast.info('该任务没有失败设备');
-        return;
-      }
-
-      const retryTask = {
-        id: generateTaskId(),
-        name: `${task.name}-失败设备重试`,
-        companyId: task.companyId,
-      companyName: getDisplayCompanyName(task.companyId, task.companyName),
-        targetVersion: task.targetVersion,
-        strategy: 'specific',
-        status: 'in_progress',
-        progress: 0,
-        total: task.failed,
-        success: 0,
-        failed: 0,
-        createdAt: formatDateTime(new Date()),
-        deviceIds: [],
-        note: `来自 ${task.id} 的失败设备重试`,
-        retryOf: task.id,
-      };
-
-      try {
-        await API.ota.create(retryTask);
-      } catch (error) {
-        Toast.error('失败设备重试任务创建失败，请稍后重试');
-        return;
-      }
-
-      otaTasks.unshift(retryTask);
-      Toast.success('失败设备重试任务已创建');
-      navigateTo('ota');
-      return;
-    }
-
-    try {
-      if (mode === 'resume' && API.ota.resume) {
-        await API.ota.resume(taskId);
-      } else {
-        await API.ota.create({ retryOf: taskId, mode });
-      }
-    } catch (error) {
-      Toast.error('任务重试失败，请稍后重试');
-      return;
-    }
-
-    task.status = 'in_progress';
-    if (mode === 'failed') {
-      task.progress = 0;
-      task.success = 0;
-      task.failed = 0;
-      task.createdAt = formatDateTime(new Date());
-      task.note = `${task.note || ''} 已重新发起失败任务重试`.trim();
-    }
-
-    Toast.success(mode === 'resume' ? '升级任务已继续' : '升级任务已重新发起');
-    navigateTo('ota');
-  };
-
-  window.viewOTATask = function(taskId) {
-    const task = otaTasks.find(item => item.id === taskId);
-    if (!task) {
-      Toast.warning('未找到该任务');
-      return;
-    }
-
-    const status = getStatusMeta(task.status);
-    createModal({
-      title: `任务详情 - ${escapeHtml(task.name)}`,
-      size: 'modal-lg',
-      content: `
-        <div style="display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px">
-          <div class="form-group">
-            <label class="form-label">任务ID</label>
-            <div style="font-family:monospace">${escapeHtml(task.id)}</div>
-          </div>
-          <div class="form-group">
-            <label class="form-label">所属公司</label>
-            <div>${escapeHtml(getDisplayCompanyName(task.companyId, task.companyName))}</div>
-          </div>
-          <div class="form-group">
-            <label class="form-label">目标版本</label>
-            <div><span class="badge badge-info">${escapeHtml(task.targetVersion)}</span></div>
-          </div>
-          <div class="form-group">
-            <label class="form-label">升级策略</label>
-            <div>${escapeHtml(formatStrategy(task))}</div>
-          </div>
-          <div class="form-group">
-            <label class="form-label">创建时间</label>
-            <div>${escapeHtml(task.createdAt)}</div>
-          </div>
-          <div class="form-group">
-            <label class="form-label">任务状态</label>
-            <div><span class="badge ${status.className}">${status.label}</span></div>
-          </div>
-        </div>
-        <div style="margin-bottom:16px">
-          <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:8px">
-            <span style="font-weight:600">升级进度</span>
-            <span>${task.progress}%</span>
-          </div>
-          <div class="progress-bar" style="height:8px">
-            <div class="progress-fill ${task.status === 'failed' ? 'bg-danger' : ''}" style="width:${task.progress}%"></div>
-          </div>
-        </div>
-        <div style="display:grid;grid-template-columns:repeat(3, 1fr);gap:12px;text-align:center;margin-bottom:16px">
-          <div style="padding:12px;background:#f6ffed;border-radius:var(--radius-sm)">
-            <div style="font-size:24px;font-weight:700;color:#52c41a">${task.total}</div>
-            <div style="font-size:12px;color:var(--text-muted)">目标设备</div>
-          </div>
-          <div style="padding:12px;background:#e6f7ff;border-radius:var(--radius-sm)">
-            <div style="font-size:24px;font-weight:700;color:#1890ff">${task.success}</div>
-            <div style="font-size:12px;color:var(--text-muted)">升级成功</div>
-          </div>
-          <div style="padding:12px;background:#fff1f0;border-radius:var(--radius-sm)">
-            <div style="font-size:24px;font-weight:700;color:#ff4d4f">${task.failed}</div>
-            <div style="font-size:12px;color:var(--text-muted)">升级失败</div>
-          </div>
-        </div>
-        <div style="padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-base);font-size:13px;color:var(--text-secondary)">
-          <div style="font-weight:600;margin-bottom:8px">任务日志</div>
-          ${renderTaskLogs(task)}
-        </div>
-      `,
-      confirmText: '关闭',
-      showCancel: false,
-    });
-    lucide.createIcons();
-  };
-
-  window.stopOTATask = function(taskId) {
-    const task = otaTasks.find(item => item.id === taskId);
-    if (!task) {
-      Toast.warning('未找到该任务');
-      return;
-    }
-
-    createModal({
-      title: '确认停止',
-      content: `
-        <div style="text-align:center;padding:20px 0">
-          <i data-lucide="alert-triangle" style="width:48px;height:48px;color:var(--warning);margin-bottom:16px"></i>
-          <p style="font-size:15px;font-weight:600;margin-bottom:8px">确认停止升级任务 ${escapeHtml(task.name)}？</p>
-          <p style="font-size:13px;color:var(--text-muted)">已升级的设备不受影响，未升级的设备将不再升级</p>
-        </div>
-      `,
-      onConfirm: async () => {
-        try {
-          await API.ota.cancel(taskId);
-        } catch (error) {
-          Toast.error('停止任务失败，请稍后重试');
-          return false;
-        }
-        task.status = 'stopped';
-        task.progress = Math.max(task.progress, Math.round(task.success / Math.max(task.total, 1) * 100));
-        Toast.success('升级任务已停止');
-        navigateTo('ota');
-      },
-      confirmText: '确认停止',
-    });
-    lucide.createIcons();
-  };
-
-  function renderTaskLogs(task) {
-    const rows = [
-      `${escapeHtml(task.createdAt)} 创建任务，目标版本 ${escapeHtml(task.targetVersion)}`,
-      `${escapeHtml(task.createdAt)} 下发升级策略：${escapeHtml(formatStrategy(task))}`,
-    ];
-    if (task.source === 'set_latest_version') {
-      rows.push(`任务来源：设为最新版本操作${task.previousLatestVersion ? `，原最新版本 ${escapeHtml(task.previousLatestVersion)}` : ''}`);
-    }
-    if (task.note) rows.push(`升级说明：${escapeHtml(task.note)}`);
-    if (task.progress > 0) rows.push(`当前已处理 ${task.success + task.failed}/${task.total} 台设备`);
-    if (task.status === 'completed') rows.push('任务已完成，等待设备心跳确认最终版本');
-    if (task.status === 'stopped') rows.push('任务已停止，未升级设备不会继续推送');
-    if (task.failed > 0) rows.push(`发现 ${task.failed} 台设备升级失败，可在后端接入后查看失败明细`);
-    return rows.map(row => `<div style="margin-bottom:6px">${row}</div>`).join('');
-  }
-
-  function getStatusMeta(status) {
-    const map = {
-      in_progress: { label: '进行中', className: 'badge-warning' },
-      completed: { label: '已完成', className: 'badge-success' },
-      failed: { label: '失败', className: 'badge-danger' },
-      stopped: { label: '已停止', className: 'badge-default' },
-    };
-    return map[status] || { label: status || '未知', className: 'badge-default' };
-  }
-
-  function sortFirmwareVersions(versions, latestVersion) {
-    return [...(versions || [])].sort((a, b) => {
-      if (a.version === latestVersion) return -1;
-      if (b.version === latestVersion) return 1;
-      return new Date(b.date) - new Date(a.date);
-    });
-  }
-
-  function parseDeviceIds(value) {
-    return value
-      .split(/[\n,，\s]+/)
-      .map(item => item.trim().toLowerCase())
-      .filter(Boolean);
-  }
-
-  function isDeviceId(value) {
-    return /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i.test(String(value || '').trim());
-  }
-
-  function estimateTargetCount(companyId, strategy, deviceIds) {
-    const deviceCount = getCompanyInfo(companyId).deviceCount || 100;
-    if (strategy === 'specific') return deviceIds.length;
-    if (strategy === 'outdated') return Math.max(1, Math.round(deviceCount * 0.28));
-    return deviceCount;
-  }
-
-  function getCompanyInfo(companyId) {
-    return companies.find(company => company.id === companyId) || { id: companyId, name: companyId || '未知公司', deviceCount: 100 };
-  }
-
-  function updateCompanyLatestVersion(companyId, version) {
-    const company = window.companies?.find(item => item.id === companyId);
-    if (company) company.latestVersion = version;
-  }
-
-  function generateTaskId() {
-    const max = otaTasks
-      .map(task => parseInt(String(task.id).replace('OTA-', ''), 10))
-      .filter(Number.isFinite)
-      .reduce((value, next) => Math.max(value, next), 0);
-    return `OTA-${String(max + 1).padStart(3, '0')}`;
-  }
-
-  function formatDateOnly(date) {
-    const pad = value => String(value).padStart(2, '0');
-    return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}`;
-  }
-
-  function formatDateTime(date) {
-    const pad = value => String(value).padStart(2, '0');
-    return `${formatDateOnly(date)} ${pad(date.getHours())}:${pad(date.getMinutes())}`;
-  }
-
-  function formatFileSize(bytes) {
-    if (!Number.isFinite(bytes) || bytes <= 0) return '0 KB';
-    if (bytes >= 1024 * 1024) return `${(bytes / 1024 / 1024).toFixed(1)} MB`;
-    return `${Math.ceil(bytes / 1024)} KB`;
-  }
-
-  function escapeHtml(value) {
-    return String(value ?? '').replace(/[&<>"']/g, char => ({
-      '&': '&amp;',
-      '<': '&lt;',
-      '>': '&gt;',
-      '"': '&quot;',
-      "'": '&#39;',
-    }[char]));
-  }
-
-  function escapeInlineValue(value) {
-    return escapeHtml(String(value ?? '')
-      .replace(/\\/g, '\\\\')
-      .replace(/'/g, "\\'")
-      .replace(/\r?\n/g, ' '));
-  }
-});
-
-</script>
-  <script>
-/* inline: scripts/session.js */
-/**
- * TalkingQ Platform - Session Detail Page
- */
-
-const SESSION_TOPIC_DRILLDOWN_KEY = 'talkingq_session_topic_drilldown';
-const SESSION_VIEW_STATE_KEY = 'talkingq_session_view_state';
-const SESSION_DEFAULT_DATE = '2026-05-25';
-const SESSION_TOPIC_OPTIONS = ['讲故事', '唱儿歌', '问答学习', '天气查询', '闹钟设置', '游戏互动', '英语学习', '百科问答', '情感陪伴', '其他'];
-
-function getMockSessionData() {
-  const rows = [
-    ['sess-a251', 'company_a', '智慧星科技', 'DEV-A001', '小Q故事机器人', '2026-05-25 14:22', '讲故事', 12, '8m 32s', 'good'],
-    ['sess-a252', 'company_a', '智慧星科技', 'DEV-A001', '小Q故事机器人', '2026-05-25 10:12', '百科问答', 8, '5m 28s', 'good'],
-    ['sess-a253', 'company_a', '智慧星科技', 'DEV-A005', '英语学习助手', '2026-05-25 13:48', '英语学习', 7, '5m 10s', 'good'],
-    ['sess-a254', 'company_a', '智慧星科技', 'DEV-A008', '小Q音乐伙伴', '2026-05-25 13:08', '唱儿歌', 10, '6m 48s', 'good'],
-    ['sess-a255', 'company_a', '智慧星科技', 'DEV-A011', '生活助手', '2026-05-25 12:36', '天气查询', 6, '4m 12s', 'neutral'],
-    ['sess-a256', 'company_a', '智慧星科技', 'DEV-A018', '设备小助手', '2026-05-25 11:52', '闹钟设置', 4, '2m 20s', 'good'],
-    ['sess-a257', 'company_a', '智慧星科技', 'DEV-A021', '小Q游戏伙伴', '2026-05-25 11:18', '游戏互动', 15, '11m 05s', 'good'],
-    ['sess-a258', 'company_a', '智慧星科技', 'DEV-A026', '陪伴机器人', '2026-05-25 10:40', '情感陪伴', 8, '5m 44s', 'good'],
-    ['sess-a241', 'company_a', '智慧星科技', 'DEV-A001', '小Q故事机器人', '2026-05-24 16:06', '讲故事', 9, '6m 16s', 'good'],
-    ['sess-a242', 'company_a', '智慧星科技', 'DEV-A005', '英语学习助手', '2026-05-24 14:20', '问答学习', 6, '4m 38s', 'neutral'],
-    ['sess-a231', 'company_a', '智慧星科技', 'DEV-A021', '小Q游戏伙伴', '2026-05-23 19:42', '游戏互动', 13, '9m 52s', 'good'],
-
-    ['sess-b251', 'company_b', '未来玩具厂', 'DEV-B002', '学习机助手', '2026-05-25 14:05', '问答学习', 3, '1m 45s', 'bad'],
-    ['sess-b252', 'company_b', '未来玩具厂', 'DEV-B004', '科学百科探索者', '2026-05-25 13:42', '百科问答', 9, '7m 03s', 'neutral'],
-    ['sess-b253', 'company_b', '未来玩具厂', 'DEV-B008', '小Q故事机器人', '2026-05-25 13:18', '讲故事', 11, '8m 15s', 'good'],
-    ['sess-b254', 'company_b', '未来玩具厂', 'DEV-B015', '小Q音乐伙伴', '2026-05-25 12:46', '唱儿歌', 8, '4m 50s', 'good'],
-    ['sess-b255', 'company_b', '未来玩具厂', 'DEV-B019', '小Q游戏伙伴', '2026-05-25 11:56', '游戏互动', 14, '10m 22s', 'good'],
-    ['sess-b256', 'company_b', '未来玩具厂', 'DEV-B024', '生活助手', '2026-05-25 11:20', '天气查询', 5, '3m 06s', 'neutral'],
-    ['sess-b241', 'company_b', '未来玩具厂', 'DEV-B008', '小Q故事机器人', '2026-05-24 15:32', '讲故事', 10, '7m 30s', 'good'],
-    ['sess-b242', 'company_b', '未来玩具厂', 'DEV-B004', '科学百科探索者', '2026-05-24 12:14', '百科问答', 7, '5m 48s', 'good'],
-
-    ['sess-c251', 'company_c', '童趣电子', 'DEV-C001', '小Q故事机器人', '2026-05-25 13:55', '讲故事', 18, '15m 20s', 'good'],
-    ['sess-c252', 'company_c', '童趣电子', 'DEV-C006', '小Q音乐伙伴', '2026-05-25 13:08', '唱儿歌', 9, '5m 35s', 'good'],
-    ['sess-c253', 'company_c', '童趣电子', 'DEV-C012', '学习机助手', '2026-05-25 12:32', '问答学习', 10, '6m 18s', 'good'],
-    ['sess-c254', 'company_c', '童趣电子', 'DEV-C018', '英语学习助手', '2026-05-25 11:54', '英语学习', 6, '4m 27s', 'neutral'],
-    ['sess-c255', 'company_c', '童趣电子', 'DEV-C022', '科学百科探索者', '2026-05-25 11:16', '百科问答', 12, '9m 11s', 'good'],
-    ['sess-c256', 'company_c', '童趣电子', 'DEV-C027', '陪伴机器人', '2026-05-25 10:45', '情感陪伴', 7, '4m 58s', 'good'],
-    ['sess-c257', 'company_c', '童趣电子', 'DEV-C031', '小Q助手', '2026-05-25 10:20', '其他', 2, '1m 02s', 'neutral'],
-    ['sess-c241', 'company_c', '童趣电子', 'DEV-C001', '小Q故事机器人', '2026-05-24 18:18', '讲故事', 16, '13m 44s', 'good'],
-    ['sess-c242', 'company_c', '童趣电子', 'DEV-C012', '学习机助手', '2026-05-24 09:48', '问答学习', 9, '6m 01s', 'good'],
-  ];
-
-  return rows.map(([id, companyId, companyName, device, agent, start, intent, turns, duration, quality]) => ({
-    id,
-    companyId,
-    companyName,
-    device,
-    agent,
-    start,
-    date: start.slice(0, 10),
-    intent,
-    turns,
-    duration,
-    quality,
-  }));
-}
-
-function readSessionTopicDrilldown() {
-  try {
-    const raw = sessionStorage.getItem(SESSION_TOPIC_DRILLDOWN_KEY);
-    if (!raw) return null;
-    const parsed = JSON.parse(raw);
-    if (!parsed?.topic) return null;
-    if (parsed.createdAt && Date.now() - parsed.createdAt > 30 * 60 * 1000) {
-      sessionStorage.removeItem(SESSION_TOPIC_DRILLDOWN_KEY);
-      return null;
-    }
-    return parsed;
-  } catch (error) {
-    sessionStorage.removeItem(SESSION_TOPIC_DRILLDOWN_KEY);
-    return null;
-  }
-}
-
-function readSessionViewState() {
-  try {
-    return JSON.parse(sessionStorage.getItem(SESSION_VIEW_STATE_KEY) || '{}') || {};
-  } catch (error) {
-    return {};
-  }
-}
-
-function updateSessionViewState(patch) {
-  const next = { ...readSessionViewState(), ...patch };
-  sessionStorage.setItem(SESSION_VIEW_STATE_KEY, JSON.stringify(next));
-}
-
-function setSessionTopicDrilldown(topic, context = {}) {
-  if (!topic) {
-    sessionStorage.removeItem(SESSION_TOPIC_DRILLDOWN_KEY);
-    return;
-  }
-  sessionStorage.setItem(SESSION_TOPIC_DRILLDOWN_KEY, JSON.stringify({
-    topic,
-    companyId: context.companyId || 'all',
-    companyName: context.companyName || '全部公司',
-    source: context.source || 'session-filter',
-    createdAt: Date.now(),
-  }));
-}
-
-function getSessionCurrentCompanyId() {
-  const currentRole = window.__getUserRole ? window.__getUserRole() : 'admin';
-  const currentCompanyId = window.__getCurrentCompanyId ? window.__getCurrentCompanyId() : 'all';
-  if (currentRole !== 'client') return currentCompanyId;
-  if (currentCompanyId !== 'all') return currentCompanyId;
-  try {
-    const user = JSON.parse(sessionStorage.getItem('talkingq_user') || 'null');
-    return user?.companyId || user?.allowedCompanies?.[0] || currentCompanyId;
-  } catch (error) {
-    return currentCompanyId;
-  }
-}
-
-function getSessionCompanyName(companyId, fallback = '当前公司') {
-  if (companyId === 'all') return '全部公司';
-  return window.__getCompanyNameById ? window.__getCompanyNameById(companyId) : fallback;
-}
-
-function sessionMatchesTopic(session, topic) {
-  if (!topic) return true;
-  const intent = String(session.intent || '');
-  if (intent === topic) return true;
-  if (intent.includes(topic) || topic.includes(intent)) return true;
-  const aliases = {
-    '讲故事': ['故事', '睡前故事', '绘本'],
-    '唱儿歌': ['儿歌', '音乐', '唱歌'],
-    '问答学习': ['问答', '学习', '作业'],
-    '天气查询': ['天气'],
-    '闹钟设置': ['闹钟', '提醒'],
-    '游戏互动': ['游戏', '互动'],
-    '英语学习': ['英语', '英文'],
-    '百科问答': ['百科', '科普'],
-    '情感陪伴': ['陪伴', '情感', '聊天'],
-    '其他': ['其他'],
-  };
-  return (aliases[topic] || []).some(keyword => intent.includes(keyword));
-}
-
-function sessionEscapeHtml(value) {
-  return String(value ?? '').replace(/[&<>"']/g, char => ({
-    '&': '&amp;',
-    '<': '&lt;',
-    '>': '&gt;',
-    '"': '&quot;',
-    "'": '&#39;',
-  }[char]));
-}
-
-function sessionEscapeAttr(value) {
-  return sessionEscapeHtml(value).replace(/"/g, '&quot;');
-}
-
-function formatSessionDateLabel(date) {
-  const [year, month, day] = String(date || '').split('-');
-  return year && month && day ? `${year}.${month}.${day}` : date;
-}
-
-function getSessionQualityText(quality) {
-  if (quality === 'good') return '优质';
-  if (quality === 'bad') return '待优化';
-  return '正常';
-}
-
-function getSessionQualityBadge(quality) {
-  if (quality === 'good') return 'badge-success';
-  if (quality === 'bad') return 'badge-danger';
-  return 'badge-default';
-}
-
-function getTopicOptionsForCompany(sessions) {
-  const seen = new Set(sessions.map(item => item.intent));
-  return SESSION_TOPIC_OPTIONS.filter(topic => seen.has(topic));
-}
-
-function getCompanyDevices(companySessions, daySessions) {
-  const byDevice = new Map();
-  companySessions.forEach(session => {
-    if (!byDevice.has(session.device)) {
-      byDevice.set(session.device, {
-        device: session.device,
-        companyId: session.companyId,
-        companyName: session.companyName,
-        agent: session.agent,
-        sessions: [],
-      });
-    }
-  });
-  daySessions.forEach(session => {
-    if (!byDevice.has(session.device)) {
-      byDevice.set(session.device, {
-        device: session.device,
-        companyId: session.companyId,
-        companyName: session.companyName,
-        agent: session.agent,
-        sessions: [],
-      });
-    }
-    byDevice.get(session.device).sessions.push(session);
-  });
-  return Array.from(byDevice.values()).map(item => {
-    const topics = Array.from(new Set(item.sessions.map(session => session.intent)));
-    const turns = item.sessions.reduce((sum, session) => sum + session.turns, 0);
-    const lastSession = item.sessions.slice().sort((a, b) => b.start.localeCompare(a.start))[0];
-    return {
-      ...item,
-      topics,
-      turns,
-      count: item.sessions.length,
-      lastSession,
-    };
-  }).sort((a, b) => b.count - a.count || a.device.localeCompare(b.device));
-}
-
-function getConversationLines(topic) {
-  const samples = {
-    '讲故事': ['小Q，给我讲一个关于恐龙的故事吧！', '好的！从前，在一片茂密的丛林里，住着一只叫做小雷的霸王龙宝宝……', '霸王龙是最厉害的恐龙吗？', '霸王龙很厉害，但恐龙世界里还有很多不同种类的大家伙。我们可以一起认识它们。'],
-    '唱儿歌': ['小Q，唱一首上学路上的儿歌。', '当然可以，我会用轻快一点的节奏来唱。', '再唱一首动物相关的。', '好的，这次我们唱一首关于小兔子的儿歌。'],
-    '问答学习': ['小Q，为什么月亮会变圆又变弯？', '这是因为月亮围着地球转，我们看到被太阳照亮的部分会变化。', '那满月是什么时候？', '当我们看到月亮被照亮的一面几乎完整朝向地球时，就是满月。'],
-    '天气查询': ['小Q，今天要带雨伞吗？', '今天下午可能有小雨，建议带一把轻便雨伞。', '那适合出去玩吗？', '可以短时间外出，尽量避开下午降雨时段。'],
-    '闹钟设置': ['小Q，明天早上七点叫我起床。', '好的，已为你设置明天早上七点的起床提醒。', '再加一个七点十分。', '已添加七点十分的第二个提醒。'],
-    '游戏互动': ['小Q，我们玩猜动物吧。', '好，我来描述一个动物，你来猜。它有长长的鼻子和大大的耳朵。', '是大象！', '答对了！下一题要不要难一点？'],
-    '英语学习': ['How do I say 小熊 in English?', '小熊 can be said as little bear or teddy bear, depending on context.', 'Can you make a sentence?', 'Sure. The little bear is sleeping under the tree.'],
-    '百科问答': ['小Q，火山为什么会喷发？', '地下的岩浆和气体压力变大时，会沿着裂缝冲出来，就形成了火山喷发。', '岩浆冷了会变成什么？', '岩浆冷却后会变成岩石，有些还会形成新的地貌。'],
-    '情感陪伴': ['小Q，我今天有点不开心。', '我在呢。你愿意告诉我发生了什么吗？', '我和朋友吵架了。', '听起来你很难过。我们可以先深呼吸，再想想怎么和朋友好好说。'],
-    '其他': ['小Q，你现在能做什么？', '我可以聊天、讲故事、唱儿歌、回答问题，也可以帮你做一些简单提醒。', '那我们随便聊聊吧。', '好呀，你今天最开心的一件事是什么？'],
-  };
-  return samples[topic] || samples['其他'];
-}
-
-function renderSessionConversation(session, options = {}) {
-  if (!session) {
-    return '<div class="empty-state" style="padding:40px 12px"><p>暂无可查看的对话内容</p></div>';
-  }
-  const lines = getConversationLines(session.intent);
-  const hiddenTurns = Math.max(session.turns - 4, 0);
-  return `
-    <div class="session-message user">
-      <div class="session-message-avatar">用户</div>
-      <div class="session-message-text">${sessionEscapeHtml(lines[0])}</div>
-    </div>
-    <div class="session-message bot">
-      <div class="session-message-avatar">Q</div>
-      <div class="session-message-text">${sessionEscapeHtml(lines[1])}</div>
-    </div>
-    <div class="session-message user">
-      <div class="session-message-avatar">用户</div>
-      <div class="session-message-text">${sessionEscapeHtml(lines[2])}</div>
-    </div>
-    <div class="session-message bot">
-      <div class="session-message-avatar">Q</div>
-      <div class="session-message-text">${sessionEscapeHtml(lines[3])}</div>
-    </div>
-    ${options.showMore !== false ? `<div class="session-more">还有 ${hiddenTurns} 轮对话</div>` : ''}
-  `;
-}
-
-function renderDeviceRows(devices, selectedDeviceId, showCompanyColumn) {
-  if (!devices.length) {
-    return `<tr><td colspan="${showCompanyColumn ? 7 : 6}" style="text-align:center;padding:40px;color:var(--text-muted)">暂无设备数据</td></tr>`;
-  }
-  return devices.map(device => {
-    const active = device.device === selectedDeviceId;
-    return `
-      <tr class="${active ? 'session-device-row active' : 'session-device-row'}" data-device-id="${sessionEscapeAttr(device.device)}">
-        <td>
-          <div style="font-weight:600">${sessionEscapeHtml(device.device)}</div>
-          <div style="font-size:12px;color:var(--text-muted)">${sessionEscapeHtml(device.agent)}</div>
-        </td>
-        ${showCompanyColumn ? `<td><span class="badge badge-default">${sessionEscapeHtml(getSessionCompanyName(device.companyId, device.companyName))}</span></td>` : ''}
-        <td><span class="badge badge-info">${device.count} 条</span></td>
-        <td style="font-weight:600">${device.turns} 轮</td>
-        <td>${device.topics.length ? device.topics.slice(0, 3).map(topic => `<span class="badge badge-default" style="margin-right:4px">${sessionEscapeHtml(topic)}</span>`).join('') : '<span style="color:var(--text-muted)">当天无对话</span>'}</td>
-        <td style="font-size:12px;color:var(--text-muted)">${device.lastSession ? sessionEscapeHtml(device.lastSession.start.slice(11)) : '-'}</td>
-        <td><button class="btn btn-outline btn-sm view-device-btn" data-device-id="${sessionEscapeAttr(device.device)}">查看</button></td>
-      </tr>
-    `;
-  }).join('');
-}
-
-function renderDeviceSessionList(device, selectedDate) {
-  if (!device) {
-    return `
-      <div class="session-device-panel">
-        <div class="session-panel-header">
-          <div>
-            <h3>设备对话历史</h3>
-            <p>${formatSessionDateLabel(selectedDate)} · 从左侧选择设备查看对话内容</p>
-          </div>
-        </div>
-        <div class="empty-state" style="padding:56px 16px"><p>请选择设备查看当天对话历史</p></div>
-      </div>
-    `;
-  }
-  if (!device.sessions.length) {
-    return `
-      <div class="session-device-panel">
-        <div class="session-panel-header">
-        <div>
-          <h3>${sessionEscapeHtml(device.device)}</h3>
-          <p>${formatSessionDateLabel(selectedDate)} 当天暂无对话</p>
-        </div>
-        <button class="btn btn-outline btn-sm" data-session-back-device>
-          <i data-lucide="arrow-left"></i> 返回设备列表
-        </button>
-      </div>
-        <div class="empty-state" style="padding:42px 16px"><p>该设备在所选日期没有产生对话</p></div>
-      </div>
-    `;
-  }
-  return `
-    <div class="session-device-panel">
-      <div class="session-panel-header">
-        <div>
-          <h3>${sessionEscapeHtml(device.device)}</h3>
-          <p>${formatSessionDateLabel(selectedDate)} · ${device.sessions.length} 条对话 · ${device.turns} 轮互动</p>
-        </div>
-        <div class="session-panel-actions">
-          <span class="badge badge-success">${sessionEscapeHtml(device.agent)}</span>
-          <button class="btn btn-outline btn-sm" data-session-back-device>
-            <i data-lucide="arrow-left"></i> 返回设备列表
-          </button>
-        </div>
-      </div>
-      <div class="session-history-list">
-        ${device.sessions.map(session => `
-          <div class="session-history-card">
-            <div class="session-history-head">
-              <div>
-                <strong>${sessionEscapeHtml(session.intent)}</strong>
-                <span>${sessionEscapeHtml(session.start.slice(11))} · ${session.turns} 轮 · ${sessionEscapeHtml(session.duration)}</span>
-              </div>
-              <span class="badge ${getSessionQualityBadge(session.quality)}">${getSessionQualityText(session.quality)}</span>
-            </div>
-            <div class="session-transcript">
-              ${renderSessionConversation(session)}
-            </div>
-          </div>
-        `).join('')}
-      </div>
-    </div>
-  `;
-}
-
-function renderTopicAggregateView(sessions, selectedTopic, selectedDate, companyName) {
-  const totalTurns = sessions.reduce((sum, session) => sum + session.turns, 0);
-  const agents = new Set(sessions.map(session => session.agent));
-  return `
-    <div class="session-topic-layout">
-      <div class="session-topic-summary">
-        <div>
-          <span>话题</span>
-          <strong>${sessionEscapeHtml(selectedTopic)}</strong>
-        </div>
-        <div>
-          <span>日期</span>
-          <strong>${formatSessionDateLabel(selectedDate)}</strong>
-        </div>
-        <div>
-          <span>会话数</span>
-          <strong>${sessions.length}</strong>
-        </div>
-        <div>
-          <span>总轮次</span>
-          <strong>${totalTurns}</strong>
-        </div>
-      </div>
-      <div class="chart-card full">
-        <div class="card-header">
-          <div>
-            <div class="card-title">「${sessionEscapeHtml(selectedTopic)}」对话内容整合</div>
-            <div class="card-subtitle">${sessionEscapeHtml(companyName)} 全部设备聚合 · ${agents.size} 个智能体参与 · 不按设备区分</div>
-          </div>
-      </div>
-        ${sessions.length ? `
-          <div class="session-aggregate-list">
-            ${sessions.map(session => `
-              <div class="session-aggregate-card">
-                <div class="session-history-head">
-                  <div>
-                    <strong>${sessionEscapeHtml(session.agent)}</strong>
-                    <span>${sessionEscapeHtml(session.start.slice(11))} · ${session.turns} 轮 · ${sessionEscapeHtml(session.duration)}</span>
-                  </div>
-                  <span class="badge ${getSessionQualityBadge(session.quality)}">${getSessionQualityText(session.quality)}</span>
-                </div>
-                <div class="session-transcript">
-                  ${renderSessionConversation(session)}
-                </div>
-              </div>
-            `).join('')}
-          </div>
-        ` : `<div class="empty-state" style="padding:56px 16px"><p>所选日期暂无「${sessionEscapeHtml(selectedTopic)}」相关对话</p></div>`}
-      </div>
-    </div>
-  `;
-}
-
-registerPage('session', function(container) {
-  const currentRole = window.__getUserRole ? window.__getUserRole() : 'admin';
-  const isClient = currentRole === 'client';
-  const currentCompanyId = getSessionCurrentCompanyId();
-  const currentCompanyName = getSessionCompanyName(currentCompanyId, '当前公司');
-  const viewState = readSessionViewState();
-  const topicDrilldown = readSessionTopicDrilldown();
-  const selectedTopic = topicDrilldown?.topic || '';
-  const fromDashboardDrilldown = topicDrilldown?.source === 'dashboard-topic-ranking';
-  const selectedDate = viewState.date || topicDrilldown?.date || SESSION_DEFAULT_DATE;
-  const allSessions = getMockSessionData();
-  const companySessions = currentCompanyId === 'all'
-    ? allSessions
-    : allSessions.filter(session => session.companyId === currentCompanyId);
-  const daySessions = companySessions.filter(session => session.date === selectedDate);
-  const topicSessions = selectedTopic
-    ? daySessions.filter(session => sessionMatchesTopic(session, selectedTopic))
-    : [];
-  const devices = getCompanyDevices(companySessions, daySessions);
-  const selectedDeviceId = selectedTopic
-    ? ''
-    : (viewState.deviceId && devices.some(device => device.device === viewState.deviceId) ? viewState.deviceId : '');
-  const selectedDevice = devices.find(device => device.device === selectedDeviceId);
-  const showCompanyColumn = !isClient && currentCompanyId === 'all';
-  const topicOptions = getTopicOptionsForCompany(companySessions);
-  const deviceCount = devices.length;
-  const dayTurns = daySessions.reduce((sum, session) => sum + session.turns, 0);
-  const pageDesc = selectedTopic
-    ? `${currentCompanyName} · 按热门话题聚合查看对话内容`
-    : `${currentCompanyName} · 按设备查看所选日期的对话历史`;
-
-  container.innerHTML = `
-    <div class="page-header">
-      <div>
-        <div class="page-title">会话详情</div>
-        <div class="page-desc">${sessionEscapeHtml(pageDesc)}</div>
-      </div>
-    </div>
-
-    ${selectedTopic ? `
-      <div class="session-view-backbar">
-        <button class="btn btn-outline btn-sm" id="sessionStepBackBtn">
-          <i data-lucide="arrow-left"></i> ${fromDashboardDrilldown ? '返回数据仪表盘' : '返回全部话题'}
-        </button>
-      </div>
-      <div class="session-drilldown-banner">
-        <div class="session-drilldown-icon"><i data-lucide="bar-chart-3"></i></div>
-        <div class="session-drilldown-copy">
-          <strong>热门话题聚合：${sessionEscapeHtml(selectedTopic)}</strong>
-          <span>${sessionEscapeHtml(currentCompanyName)} · ${formatSessionDateLabel(selectedDate)} · 当前结果 ${topicSessions.length} 条 · 不区分设备</span>
-        </div>
-      </div>
-    ` : ''}
-
-    <div class="session-filter-panel">
-      <div class="session-filter-main">
-        <div class="form-group">
-          <label class="form-label">日期</label>
-          <input type="date" class="form-control" id="sessionDateFilter" value="${sessionEscapeAttr(selectedDate)}">
-        </div>
-        <div class="form-group">
-          <label class="form-label">热门话题</label>
-          <select class="form-control" id="sessionTopicFilter">
-            <option value="">全部话题</option>
-            ${topicOptions.map(topic => `<option value="${sessionEscapeAttr(topic)}" ${topic === selectedTopic ? 'selected' : ''}>${sessionEscapeHtml(topic)}</option>`).join('')}
-          </select>
-        </div>
-      </div>
-      <div class="session-filter-stats">
-        <div>
-          <span>设备</span>
-          <strong>${deviceCount}</strong>
-        </div>
-        <div>
-          <span>当日会话</span>
-          <strong>${selectedTopic ? topicSessions.length : daySessions.length}</strong>
-        </div>
-        <div>
-          <span>互动轮次</span>
-          <strong>${selectedTopic ? topicSessions.reduce((sum, session) => sum + session.turns, 0) : dayTurns}</strong>
-        </div>
-      </div>
-    </div>
-
-    ${selectedTopic ? renderTopicAggregateView(topicSessions, selectedTopic, selectedDate, currentCompanyName) : `
-      <div class="session-device-layout">
-        <div class="chart-card">
-          <div class="card-header">
-            <div>
-              <div class="card-title">全部设备</div>
-              <div class="card-subtitle">${formatSessionDateLabel(selectedDate)} · 点击设备查看当天对话历史</div>
-            </div>
-          </div>
-          <div class="table-wrapper">
-            <table>
-              <thead>
-                <tr>
-                  <th>设备</th>
-                  ${showCompanyColumn ? '<th>所属公司</th>' : ''}
-                  <th>当日会话</th>
-                  <th>轮次</th>
-                  <th>涉及话题</th>
-                  <th>最后对话</th>
-                  <th>操作</th>
-                </tr>
-              </thead>
-              <tbody>${renderDeviceRows(devices, selectedDeviceId, showCompanyColumn)}</tbody>
-            </table>
-          </div>
-        </div>
-        <div class="chart-card">
-          ${renderDeviceSessionList(selectedDevice, selectedDate)}
-        </div>
-      </div>
-    `}
-  `;
-
-  lucide.createIcons({ elements: [container] });
-
-  const backToAllTopics = () => {
-    sessionStorage.removeItem(SESSION_TOPIC_DRILLDOWN_KEY);
-    navigateTo('session');
-  };
-
-  container.querySelector('#sessionStepBackBtn')?.addEventListener('click', () => {
-    sessionStorage.removeItem(SESSION_TOPIC_DRILLDOWN_KEY);
-    if (fromDashboardDrilldown) {
-      navigateTo('dashboard');
-      return;
-    }
-    navigateTo('session');
-  });
-
-  container.querySelector('#clearSessionTopicFilter')?.addEventListener('click', backToAllTopics);
-  container.querySelectorAll('[data-session-back-topic]').forEach(button => {
-    button.addEventListener('click', backToAllTopics);
-  });
-
-  container.querySelectorAll('[data-session-back-device]').forEach(button => {
-    button.addEventListener('click', () => {
-      updateSessionViewState({ deviceId: '' });
-      navigateTo('session');
-    });
-  });
-
-  container.querySelector('#sessionDateFilter')?.addEventListener('change', event => {
-    updateSessionViewState({ date: event.target.value || SESSION_DEFAULT_DATE, deviceId: '' });
-    navigateTo('session');
-  });
-
-  container.querySelector('#sessionTopicFilter')?.addEventListener('change', event => {
-    const topic = event.target.value;
-    setSessionTopicDrilldown(topic, {
-      companyId: currentCompanyId,
-      companyName: currentCompanyName,
-      source: 'session-filter',
-      date: selectedDate,
-    });
-    navigateTo('session');
-  });
-
-  const selectDevice = deviceId => {
-    if (!deviceId) return;
-    updateSessionViewState({ deviceId });
-    navigateTo('session');
-  };
-
-  container.querySelectorAll('.session-device-row').forEach(row => {
-    row.addEventListener('click', () => {
-      selectDevice(row.dataset.deviceId);
-    });
-  });
-
-  container.querySelectorAll('.view-device-btn').forEach(button => {
-    button.addEventListener('click', event => {
-      event.stopPropagation();
-      selectDevice(button.dataset.deviceId);
-    });
-  });
-});
-
-</script>
-  <script>
-/* inline: scripts/badcase.js */
-/**
- * TalkingQ Platform - Bad Case Management Page
- */
-
-registerPage('badcase', function(container) {
-  const initialCases = [
-    {
-      id: 'BC-2026-001',
-      session: 'sess-6c1d',
-      device: 'DEV-002',
-      agent: '小Q故事机器人',
-      issue: '回答偏离话题，讲了不适合儿童的内容片段',
-      severity: 'high',
-      status: 'open',
-      reporter: '自动检测',
-      time: '2026-05-12 14:07',
-      tags: ['内容安全', '主题偏离'],
-      dialogue: {
-        user: '给我讲一个勇敢小朋友的故事',
-        assistant: '故事中出现了不适合儿童的危险情节描述。',
-      },
-    },
-    {
-      id: 'BC-2026-002',
-      session: 'sess-5a4b',
-      device: 'DEV-003',
-      agent: '小Q故事机器人',
-      issue: '粤语识别错误率高，多次识别成普通话',
-      severity: 'medium',
-      status: 'reviewing',
-      reporter: '运营标注',
-      time: '2026-05-12 13:58',
-      tags: ['ASR质量', '粤语'],
-      dialogue: {
-        user: '我想听广东话故事',
-        assistant: '识别结果被转写为普通话场景，导致回复不准确。',
-      },
-    },
-    {
-      id: 'BC-2026-003',
-      session: 'sess-3f7a',
-      device: 'DEV-007',
-      agent: '英语学习助手',
-      issue: '用户问"what is fire"，AI回复了如何生火的危险操作',
-      severity: 'critical',
-      status: 'open',
-      reporter: '自动检测',
-      time: '2026-05-12 11:30',
-      tags: ['内容安全', '危险信息'],
-      dialogue: {
-        user: 'what is fire?',
-        assistant: '回复中包含了危险操作步骤，需要安全策略拦截。',
-      },
-    },
-    {
-      id: 'BC-2026-004',
-      session: 'sess-2c8b',
-      device: 'DEV-012',
-      agent: '科学百科探索者',
-      issue: 'TTS 合成失败，只播放了半句话',
-      severity: 'low',
-      status: 'closed',
-      reporter: '系统监控',
-      time: '2026-05-11 09:15',
-      tags: ['TTS故障'],
-      resolution: '已更换默认 TTS 兜底模型。',
-      dialogue: {
-        user: '太阳为什么会发光',
-        assistant: '太阳发光是因为内部发生核聚变...（播放中断）',
-      },
-    },
-    {
-      id: 'BC-2026-005',
-      session: 'sess-1d9e',
-      device: 'DEV-015',
-      agent: '小Q故事机器人',
-      issue: '对用户"我想要妈妈"的情感求助回应过于机械',
-      severity: 'medium',
-      status: 'reviewing',
-      reporter: '人工标注',
-      time: '2026-05-11 16:42',
-      tags: ['情感质量', '儿童关怀'],
-      dialogue: {
-        user: '我想要妈妈',
-        assistant: '请说明你的需求。',
-      },
-    },
-  ];
-
-  if (!window.__badCaseRecords) {
-    window.__badCaseRecords = initialCases.map(item => ({ ...item, tags: [...item.tags], dialogue: { ...item.dialogue } }));
-  }
-
-  const cases = window.__badCaseRecords;
-  const filters = {
-    keyword: '',
-    severity: 'all',
-    status: 'all',
-    agent: 'all',
-  };
-
-  const sevMap = {
-    critical: { label: '严重', badge: 'badge-danger', accent: 'var(--danger)' },
-    high: { label: '高', badge: 'badge-danger', accent: 'var(--danger)' },
-    medium: { label: '中', badge: 'badge-warning', accent: 'var(--warning)' },
-    low: { label: '低', badge: 'badge-default', accent: 'var(--text-muted)' },
-  };
-
-  const statMap = {
-    open: { label: '待处理', badge: 'badge-danger' },
-    reviewing: { label: '审核中', badge: 'badge-warning' },
-    closed: { label: '已关闭', badge: 'badge-default' },
-  };
-
-  function escapeHtml(value) {
-    return String(value ?? '')
-      .replace(/&/g, '&amp;')
-      .replace(/</g, '&lt;')
-      .replace(/>/g, '&gt;')
-      .replace(/"/g, '&quot;')
-      .replace(/'/g, '&#39;');
-  }
-
-  function getNowText() {
-    const now = new Date();
-    const pad = value => String(value).padStart(2, '0');
-    return `${now.getFullYear()}-${pad(now.getMonth() + 1)}-${pad(now.getDate())} ${pad(now.getHours())}:${pad(now.getMinutes())}`;
-  }
-
-  function splitTags(value) {
-    return String(value || '')
-      .split(/[,，]/)
-      .map(tag => tag.trim())
-      .filter(Boolean);
-  }
-
-  function getAgents() {
-    return [...new Set(cases.map(item => item.agent).filter(Boolean))];
-  }
-
-  function getFilteredCases() {
-    const keyword = filters.keyword.trim().toLowerCase();
-    return cases.filter(item => {
-      const searchableText = [
-        item.id,
-        item.session,
-        item.device,
-        item.agent,
-        item.issue,
-        item.reporter,
-        ...(item.tags || []),
-      ].join(' ').toLowerCase();
-
-      return (!keyword || searchableText.includes(keyword))
-        && (filters.severity === 'all' || item.severity === filters.severity)
-        && (filters.status === 'all' || item.status === filters.status)
-        && (filters.agent === 'all' || item.agent === filters.agent);
-    });
-  }
-
-  function getStats() {
-    const openCases = cases.filter(item => item.status === 'open');
-    const reviewingCases = cases.filter(item => item.status === 'reviewing');
-    const closedCases = cases.filter(item => item.status === 'closed');
-    const securityCases = cases.filter(item => (item.tags || []).some(tag => ['内容安全', '危险信息'].includes(tag)));
-
-    return {
-      open: openCases.length,
-      criticalOpen: openCases.filter(item => item.severity === 'critical').length,
-      reviewing: reviewingCases.length,
-      closed: closedCases.length,
-      security: securityCases.length,
-      securityOpen: securityCases.filter(item => item.status !== 'closed').length,
-    };
-  }
-
-  function renderStats() {
-    const stats = getStats();
-    return `
-      <div class="kpi-grid" style="grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:20px">
-        <div class="kpi-card">
-          <div class="kpi-icon"><i data-lucide="alert-triangle"></i></div>
-          <div class="kpi-label">待处理</div>
-          <div class="kpi-value" style="color:var(--danger)">${stats.open}</div>
-          <div class="kpi-change down">其中严重 ${stats.criticalOpen} 个</div>
-        </div>
-        <div class="kpi-card">
-          <div class="kpi-icon"><i data-lucide="search"></i></div>
-          <div class="kpi-label">审核中</div>
-          <div class="kpi-value" style="color:var(--warning)">${stats.reviewing}</div>
-          <div class="kpi-change">等待复核或修复验证</div>
-        </div>
-        <div class="kpi-card">
-          <div class="kpi-icon"><i data-lucide="check-circle"></i></div>
-          <div class="kpi-label">已关闭</div>
-          <div class="kpi-value" style="color:var(--success)">${stats.closed}</div>
-          <div class="kpi-change up">当前前端 mock 统计</div>
-        </div>
-        <div class="kpi-card">
-          <div class="kpi-icon"><i data-lucide="shield-alert"></i></div>
-          <div class="kpi-label">内容安全触发</div>
-          <div class="kpi-value" style="color:var(--danger)">${stats.security}</div>
-          <div class="kpi-change down">未关闭 ${stats.securityOpen} 个</div>
-        </div>
-      </div>
-    `;
-  }
-
-  function renderActions(item) {
-    return `
-      <div style="display:flex;gap:4px;align-items:center">
-        <button class="btn btn-ghost btn-sm" data-tooltip="查看详情" onclick="openBCDetail('${item.id}')"><i data-lucide="eye"></i></button>
-        ${item.status !== 'closed' ? `
-          <button class="btn btn-ghost btn-sm" data-tooltip="标注问题" onclick="openBCTagModal('${item.id}')"><i data-lucide="tag"></i></button>
-          <button class="btn btn-outline btn-sm" style="color:var(--success)" onclick="closeBC('${item.id}')">关闭</button>
-        ` : ''}
-      </div>
-    `;
-  }
-
-  function renderRows(rows) {
-    if (!rows.length) {
-      return `
-        <tr>
-          <td colspan="9">
-            <div style="padding:42px 20px;text-align:center;color:var(--text-muted)">
-              <i data-lucide="inbox" style="width:32px;height:32px;margin-bottom:10px"></i>
-              <div style="font-size:14px;color:var(--text-secondary)">暂无匹配的 Bad Case</div>
-              <div style="font-size:12px;margin-top:4px">可以调整筛选条件，或手动添加新的问题案例。</div>
-            </div>
-          </td>
-        </tr>
-      `;
-    }
-
-    return rows.map(item => `
-      <tr>
-        <td style="font-family:monospace;font-size:12px;color:var(--primary)">${escapeHtml(item.id)}</td>
-        <td style="max-width:300px">
-          <div style="font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis" title="${escapeHtml(item.issue)}">${escapeHtml(item.issue)}</div>
-          <div style="font-size:11px;color:var(--text-muted)">Session: ${escapeHtml(item.session)} · ${escapeHtml(item.device)}</div>
-        </td>
-        <td style="font-size:12px">${escapeHtml(item.agent)}</td>
-        <td><span class="badge ${sevMap[item.severity]?.badge || 'badge-default'}">${sevMap[item.severity]?.label || '-'}</span></td>
-        <td><span class="badge ${statMap[item.status]?.badge || 'badge-default'}">${statMap[item.status]?.label || '-'}</span></td>
-        <td>
-          <div style="display:flex;gap:4px;flex-wrap:wrap">
-            ${(item.tags || []).map(tag => `<span class="badge badge-purple" style="font-size:11px">${escapeHtml(tag)}</span>`).join('') || '<span style="font-size:12px;color:var(--text-muted)">未标注</span>'}
-          </div>
-        </td>
-        <td style="font-size:12px">${escapeHtml(item.reporter)}</td>
-        <td style="font-size:12px;color:var(--text-muted)">${escapeHtml(item.time)}</td>
-        <td>${renderActions(item)}</td>
-      </tr>
-    `).join('');
-  }
-
-  function renderResults() {
-    const rows = getFilteredCases();
-    const statsTarget = container.querySelector('#bcStats');
-    const tableTarget = container.querySelector('#bcTableCard');
-    const totalTarget = container.querySelector('#bcFilterCount');
-
-    if (statsTarget) statsTarget.innerHTML = renderStats();
-    if (totalTarget) totalTarget.textContent = `共 ${rows.length} 条`;
-    if (tableTarget) {
-      tableTarget.innerHTML = `
-        <div class="card" style="padding:0;overflow:hidden">
-          <div class="table-wrapper">
-            <table>
-              <thead>
-                <tr>
-                  <th>ID</th>
-                  <th>问题描述</th>
-                  <th>智能体</th>
-                  <th>严重度</th>
-                  <th>状态</th>
-                  <th>标签</th>
-                  <th>报告人</th>
-                  <th>时间</th>
-                  <th>操作</th>
-                </tr>
-              </thead>
-              <tbody>${renderRows(rows)}</tbody>
-            </table>
-          </div>
-        </div>
-      `;
-    }
-
-    lucide.createIcons({ elements: [container] });
-  }
-
-  function renderPage() {
-    const agents = getAgents();
-    container.innerHTML = `
-      <div class="page-header">
-        <div>
-          <div class="page-title">Bad Case 管理</div>
-          <div class="page-desc">收集、标注和修复 AI 回复质量问题，持续优化智能体表现</div>
-        </div>
-        <div class="page-actions">
-          <button class="btn btn-primary" id="manualBCBtn">
-            <i data-lucide="plus"></i> 手动添加
-          </button>
-        </div>
-      </div>
-
-      <div id="bcStats"></div>
-
-      <div class="filter-bar">
-        <div class="search-input">
-          <i data-lucide="search"></i>
-          <input type="text" id="bcSearchInput" value="${escapeHtml(filters.keyword)}" placeholder="搜索 Bad Case 内容 / ID / Session / 设备...">
-        </div>
-        <select class="filter-select" id="bcSeverityFilter">
-          <option value="all" ${filters.severity === 'all' ? 'selected' : ''}>全部严重度</option>
-          <option value="critical" ${filters.severity === 'critical' ? 'selected' : ''}>严重</option>
-          <option value="high" ${filters.severity === 'high' ? 'selected' : ''}>高</option>
-          <option value="medium" ${filters.severity === 'medium' ? 'selected' : ''}>中</option>
-          <option value="low" ${filters.severity === 'low' ? 'selected' : ''}>低</option>
-        </select>
-        <select class="filter-select" id="bcStatusFilter">
-          <option value="all" ${filters.status === 'all' ? 'selected' : ''}>全部状态</option>
-          <option value="open" ${filters.status === 'open' ? 'selected' : ''}>待处理</option>
-          <option value="reviewing" ${filters.status === 'reviewing' ? 'selected' : ''}>审核中</option>
-          <option value="closed" ${filters.status === 'closed' ? 'selected' : ''}>已关闭</option>
-        </select>
-        <select class="filter-select" id="bcAgentFilter">
-          <option value="all" ${filters.agent === 'all' ? 'selected' : ''}>全部智能体</option>
-          ${agents.map(agent => `<option value="${escapeHtml(agent)}" ${filters.agent === agent ? 'selected' : ''}>${escapeHtml(agent)}</option>`).join('')}
-        </select>
-        <span id="bcFilterCount" style="margin-left:auto;font-size:12px;color:var(--text-muted)"></span>
-      </div>
-
-      <div id="bcTableCard"></div>
-    `;
-
-    bindEvents();
-    renderResults();
-  }
-
-  function bindEvents() {
-    container.querySelector('#bcSearchInput')?.addEventListener('input', event => {
-      filters.keyword = event.target.value;
-      renderResults();
-    });
-
-    container.querySelector('#bcSeverityFilter')?.addEventListener('change', event => {
-      filters.severity = event.target.value;
-      renderResults();
-    });
-
-    container.querySelector('#bcStatusFilter')?.addEventListener('change', event => {
-      filters.status = event.target.value;
-      renderResults();
-    });
-
-    container.querySelector('#bcAgentFilter')?.addEventListener('change', event => {
-      filters.agent = event.target.value;
-      renderResults();
-    });
-
-    container.querySelector('#manualBCBtn')?.addEventListener('click', openManualCaseModal);
-  }
-
-  function findCase(id) {
-    return cases.find(item => item.id === id);
-  }
-
-  function getNextCaseId() {
-    const year = new Date().getFullYear();
-    const usedNumbers = cases
-      .map(item => String(item.id).match(/^BC-\d{4}-(\d+)$/))
-      .filter(Boolean)
-      .map(match => Number(match[1]));
-    const nextNumber = (usedNumbers.length ? Math.max(...usedNumbers) : 0) + 1;
-    return `BC-${year}-${String(nextNumber).padStart(3, '0')}`;
-  }
-
-  function openManualCaseModal() {
-    const agents = getAgents();
-    const modal = createModal({
-      title: '手动添加 Bad Case',
-      content: `
-        <div class="form-row">
-          <div class="form-group">
-            <label class="form-label">关联 Session ID</label>
-            <input type="text" class="form-control" id="manualBCSession" placeholder="sess-xxxxxx">
-          </div>
-          <div class="form-group">
-            <label class="form-label">关联设备</label>
-            <input type="text" class="form-control" id="manualBCDevice" placeholder="DEV-001">
-          </div>
-        </div>
-        <div class="form-row">
-          <div class="form-group">
-            <label class="form-label">智能体</label>
-            <select class="form-control" id="manualBCAgent">
-              ${agents.map(agent => `<option value="${escapeHtml(agent)}">${escapeHtml(agent)}</option>`).join('')}
-              <option value="custom">自定义智能体</option>
-            </select>
-          </div>
-          <div class="form-group" id="manualBCCustomWrap" style="display:none">
-            <label class="form-label">自定义智能体名称</label>
-            <input type="text" class="form-control" id="manualBCCustomAgent" placeholder="请输入智能体名称">
-          </div>
-        </div>
-        <div class="form-group">
-          <label class="form-label">问题描述<span class="required">*</span></label>
-          <textarea class="form-control" rows="4" id="manualBCIssue" placeholder="描述 AI 回复的具体问题、触发场景和期望结果..."></textarea>
-        </div>
-        <div class="form-row">
-          <div class="form-group">
-            <label class="form-label">严重度</label>
-            <select class="form-control" id="manualBCSeverity">
-              <option value="low">低</option>
-              <option value="medium" selected>中</option>
-              <option value="high">高</option>
-              <option value="critical">严重</option>
-            </select>
-          </div>
-          <div class="form-group">
-            <label class="form-label">问题标签</label>
-            <input type="text" class="form-control" id="manualBCTags" placeholder="内容安全, ASR质量...">
-          </div>
-        </div>
-        <div class="api-note">
-          <i data-lucide="info"></i>
-          <span>后端接口预留：<code>POST /api/v1/bad-cases</code> 创建人工 Bad Case。</span>
-        </div>`,
-      onConfirm: async () => {
-        const issue = document.getElementById('manualBCIssue')?.value.trim();
-        if (!issue) {
-          Toast.warning('请填写问题描述');
-          return false;
-        }
-
-        const selectedAgent = document.getElementById('manualBCAgent')?.value || '';
-        const customAgent = document.getElementById('manualBCCustomAgent')?.value.trim();
-        const agent = selectedAgent === 'custom' ? customAgent : selectedAgent;
-        if (!agent) {
-          Toast.warning('请填写智能体名称');
-          return false;
-        }
-
-        cases.unshift({
-          id: getNextCaseId(),
-          session: document.getElementById('manualBCSession')?.value.trim() || `sess-${Math.random().toString(16).slice(2, 6)}`,
-          device: document.getElementById('manualBCDevice')?.value.trim() || '手动录入',
-          agent,
-          issue,
-          severity: document.getElementById('manualBCSeverity')?.value || 'medium',
-          status: 'open',
-          reporter: '手动添加',
-          time: getNowText(),
-          tags: splitTags(document.getElementById('manualBCTags')?.value) || [],
-          dialogue: {
-            user: '手动添加案例，暂无原始用户消息',
-            assistant: issue,
-          },
-        });
-
-        try {
-          if (window.API?.badCases?.create) {
-            await API.badCases.create(cases[0]);
-          }
-        } catch (error) {
-          console.warn('Mock bad case create failed:', error);
-        }
-
-        filters.status = 'all';
-        renderPage();
-        Toast.success('Bad Case 已添加');
-      },
-      confirmText: '添加',
-      size: 'large',
-    });
-
-    const agentSelect = modal.overlay.querySelector('#manualBCAgent');
-    const customWrap = modal.overlay.querySelector('#manualBCCustomWrap');
-    agentSelect?.addEventListener('change', event => {
-      if (customWrap) customWrap.style.display = event.target.value === 'custom' ? 'block' : 'none';
-    });
-  }
-
-  window.openBCDetail = async function(id) {
-    const bc = findCase(id);
-    if (!bc) {
-      Toast.warning('未找到该 Bad Case');
-      return;
-    }
-
-    createModal({
-      title: `Bad Case 详情 - ${escapeHtml(id)}`,
-      content: `
-        <div style="display:grid;gap:14px">
-          <div>
-            <div class="form-label">问题描述</div>
-            <div style="padding:12px;background:#fff2f0;border:1px solid #ffd8d3;border-radius:var(--radius-sm);font-size:13px;line-height:1.7">${escapeHtml(bc.issue)}</div>
-          </div>
-          <div class="form-row">
-            <div>
-              <div class="form-label">严重度</div>
-              <span class="badge ${sevMap[bc.severity]?.badge || 'badge-default'}">${sevMap[bc.severity]?.label || '-'}</span>
-            </div>
-            <div>
-              <div class="form-label">当前状态</div>
-              <span class="badge ${statMap[bc.status]?.badge || 'badge-default'}">${statMap[bc.status]?.label || '-'}</span>
-            </div>
-          </div>
-          <div class="form-row">
-            <div>
-              <div class="form-label">关联 Session</div>
-              <span style="font-family:monospace;font-size:12px;color:var(--primary)">${escapeHtml(bc.session)}</span>
-            </div>
-            <div>
-              <div class="form-label">关联设备</div>
-              <span style="font-size:12px;color:var(--text-secondary)">${escapeHtml(bc.device)}</span>
-            </div>
-          </div>
-          <div>
-            <div class="form-label">关联对话</div>
-            <div style="display:grid;gap:8px;padding:12px;background:#f7f8fc;border-radius:var(--radius-sm)">
-              <div style="font-size:12px;color:var(--text-muted)">用户</div>
-              <div style="font-size:13px;color:var(--text-primary);line-height:1.6">${escapeHtml(bc.dialogue?.user || '暂无原始用户消息')}</div>
-              <div style="font-size:12px;color:var(--text-muted);margin-top:4px">AI 回复</div>
-              <div style="font-size:13px;color:var(--text-primary);line-height:1.6">${escapeHtml(bc.dialogue?.assistant || '暂无原始 AI 回复')}</div>
-            </div>
-          </div>
-          ${bc.resolution ? `
-            <div>
-              <div class="form-label">最近处理意见</div>
-              <div style="font-size:13px;line-height:1.7;color:var(--text-secondary);padding:10px 12px;background:#f6ffed;border:1px solid #d9f7be;border-radius:var(--radius-sm)">${escapeHtml(bc.resolution)}</div>
-            </div>
-          ` : ''}
-          <div class="form-group">
-            <label class="form-label">处理意见<span class="required">*</span></label>
-            <textarea class="form-control" rows="4" id="bcReviewResolution" placeholder="描述如何修复此问题，例如调整 Prompt、安全规则、ASR/TTS 模型或知识库内容...">${escapeHtml(bc.resolution || '')}</textarea>
-          </div>
-          <div class="form-group">
-            <label class="form-label">关联修复动作</label>
-            <select class="form-control" id="bcReviewAction">
-              <option value="none">不关联</option>
-              <option value="prompt">修改系统 Prompt / 安全策略</option>
-              <option value="model">调整模型配置</option>
-              <option value="knowledge">修正知识库内容</option>
-              <option value="workflow">调整工作流或工具调用</option>
-            </select>
-          </div>
-          <div class="api-note">
-            <i data-lucide="info"></i>
-            <span>后端接口预留：<code>POST /api/v1/bad-cases/${escapeHtml(id)}/review</code> 提交审核处理结果。</span>
-          </div>
-        </div>`,
-      onConfirm: async () => {
-        const resolution = document.getElementById('bcReviewResolution')?.value.trim();
-        const action = document.getElementById('bcReviewAction')?.value || 'none';
-        if (!resolution) {
-          Toast.warning('请填写处理意见');
-          return false;
-        }
-
-        try {
-          if (window.API?.badCases?.review) {
-            await API.badCases.review(id, { resolution, action });
-          }
-        } catch (error) {
-          console.warn('Mock bad case review failed:', error);
-        }
-
-        bc.resolution = resolution;
-        bc.reviewAction = action;
-        bc.updatedAt = getNowText();
-        if (bc.status !== 'closed') bc.status = 'reviewing';
-        renderResults();
-        Toast.success('已提交处理意见，状态已更新');
-      },
-      confirmText: '提交处理',
-      size: 'large',
-    });
-  };
-
-  window.openBCTagModal = function(id) {
-    const bc = findCase(id);
-    if (!bc) {
-      Toast.warning('未找到该 Bad Case');
-      return;
-    }
-
-    createModal({
-      title: `标注问题 - ${escapeHtml(id)}`,
-      content: `
-        <div class="form-row">
-          <div class="form-group">
-            <label class="form-label">严重度</label>
-            <select class="form-control" id="bcTagSeverity">
-              <option value="critical" ${bc.severity === 'critical' ? 'selected' : ''}>严重</option>
-              <option value="high" ${bc.severity === 'high' ? 'selected' : ''}>高</option>
-              <option value="medium" ${bc.severity === 'medium' ? 'selected' : ''}>中</option>
-              <option value="low" ${bc.severity === 'low' ? 'selected' : ''}>低</option>
-            </select>
-          </div>
-          <div class="form-group">
-            <label class="form-label">问题标签<span class="required">*</span></label>
-            <input type="text" class="form-control" id="bcTagsInput" value="${escapeHtml((bc.tags || []).join(', '))}" placeholder="例：内容安全, ASR质量">
-          </div>
-        </div>
-        <div class="form-group">
-          <label class="form-label">标注备注</label>
-          <textarea class="form-control" rows="3" id="bcTagNote" placeholder="补充问题原因或建议修复方向">${escapeHtml(bc.tagNote || '')}</textarea>
-        </div>
-        <div class="api-note">
-          <i data-lucide="info"></i>
-          <span>后端接口预留：<code>PATCH /api/v1/bad-cases/${escapeHtml(id)}/labels</code> 保存标签、严重度和备注。</span>
-        </div>`,
-      onConfirm: () => {
-        const tags = splitTags(document.getElementById('bcTagsInput')?.value);
-        if (!tags.length) {
-          Toast.warning('请填写至少一个问题标签');
-          return false;
-        }
-
-        bc.tags = tags;
-        bc.severity = document.getElementById('bcTagSeverity')?.value || bc.severity;
-        bc.tagNote = document.getElementById('bcTagNote')?.value.trim() || '';
-        bc.reporter = bc.reporter === '自动检测' ? '运营标注' : bc.reporter;
-        bc.updatedAt = getNowText();
-        if (bc.status === 'open') bc.status = 'reviewing';
-        renderResults();
-        Toast.success('问题标注已保存');
-      },
-      confirmText: '保存标注',
-    });
-  };
-
-  window.closeBC = function(id) {
-    const bc = findCase(id);
-    if (!bc) {
-      Toast.warning('未找到该 Bad Case');
-      return;
-    }
-
-    createModal({
-      title: '关闭 Bad Case',
-      content: `
-        <p style="font-size:14px;margin-bottom:10px">确认关闭 <strong>${escapeHtml(id)}</strong>？关闭后仍可查看详情，但不再进入待处理列表。</p>
-        <div class="form-group">
-          <label class="form-label">关闭原因<span class="required">*</span></label>
-          <textarea class="form-control" rows="3" id="bcCloseReason" placeholder="说明问题已如何处理或为什么无需继续跟进">${escapeHtml(bc.closedReason || '')}</textarea>
-        </div>
-        <div class="api-note">
-          <i data-lucide="info"></i>
-          <span>后端接口预留：<code>POST /api/v1/bad-cases/${escapeHtml(id)}/close</code> 关闭问题案例。</span>
-        </div>`,
-      onConfirm: () => {
-        const reason = document.getElementById('bcCloseReason')?.value.trim();
-        if (!reason) {
-          Toast.warning('请填写关闭原因');
-          return false;
-        }
-
-        bc.status = 'closed';
-        bc.closedReason = reason;
-        bc.closedAt = getNowText();
-        renderResults();
-        Toast.success(`${id} 已关闭`);
-      },
-      confirmText: '确认关闭',
-    });
-  };
-
-  renderPage();
-});
-
-</script>
-  <script>
-/* inline: scripts/rbac.js */
-/**
- * TalkingQ Platform - RBAC Permission Management Page
- */
-
-registerPage('rbac', function(container) {
-  const DEFAULT_ROLE_COMPANIES = getDefaultCompanyIds();
-
-  const PERMISSION_CATALOG = [
-    { key: 'dashboard', label: '数据仪表盘', desc: '查看公司维度统计数据' },
-    { key: 'agent-dev', label: '配置应用', desc: '配置智能体模型、Prompt、技能和运行体验' },
-    { key: 'agent-manage', label: '应用管理', desc: '创建、发布、回收应用' },
-    { key: 'session', label: '会话分析', desc: '查看设备会话和热门话题' },
-    { key: 'badcase', label: 'Bad Case 管理', desc: '标注、处理和关闭问题案例' },
-    { key: 'device', label: '设备管理', desc: '查看和维护公司设备' },
-    { key: 'ota', label: 'OTA 升级', desc: '上传固件和创建升级任务' },
-    { key: 'rbac', label: '权限管理', desc: '管理用户、角色和授权范围' },
-    { key: 'settings', label: '系统设置', desc: '管理 API Key 和平台配置' },
-  ];
-
-  const DEFAULT_ROLE_CONFIGS = [
-    {
-      id: 'admin',
-      name: 'Admin',
-      desc: '超级管理员，拥有平台全部权限和全部公司数据访问权',
-      color: '#722ed1',
-      companyScope: 'all',
-      permissions: PERMISSION_CATALOG.map(item => item.key),
-      locked: true,
-    },
-    {
-      id: 'worker',
-      name: 'Worker',
-      desc: '内部运营 / 研发人员，可配置应用并处理运营问题',
-      color: '#1890ff',
-      companyScope: 'all',
-      permissions: ['dashboard', 'agent-dev', 'agent-manage', 'session', 'badcase', 'device', 'ota'],
-      locked: false,
-    },
-    {
-      id: 'client',
-      name: 'Client',
-      desc: 'B 端客户，只能访问自己公司的客户可见数据',
-      color: '#52c41a',
-      companyScope: 'single',
-      permissions: ['dashboard', 'session', 'device'],
-      locked: true,
-    },
-  ];
-
-  const DEFAULT_USERS = [
-    { id: 'u001', displayName: '张明华', loginName: 'zhangmh@talkingq.com', status: 'active', lastLogin: '2026-05-12 14:10', role: 'admin', remark: '超级管理员' },
-    { id: 'u002', displayName: '李思远', loginName: 'lisiy@talkingq.com', status: 'active', lastLogin: '2026-05-12 11:30', role: 'worker', remark: '运营人员' },
-    { id: 'u003', displayName: '王晓燕', loginName: 'wangxy@partner.com', status: 'active', lastLogin: '2026-05-11 09:00', role: 'client', companyId: 'company_a', allowedCompanies: ['company_a'], remark: '智慧星科技-客户' },
-    { id: 'u004', displayName: '刘亚楠', loginName: 'liuyn@partner.com', status: 'inactive', lastLogin: '2026-04-28 16:00', role: 'client', companyId: 'company_b', allowedCompanies: ['company_b'], remark: '未来玩具厂-客户' },
-    { id: 'u005', displayName: '陈志强', loginName: 'chenzq@talkingq.com', status: 'active', lastLogin: '2026-05-10 09:15', role: 'worker', remark: '开发人员' },
-  ];
-
-  const DEFAULT_AUDIT_LOGS = [
-    { id: 'a001', time: '2026-05-12 14:22:05', user: '张明华', action: '登录', target: '系统', ip: '192.168.1.10', ok: true },
-    { id: 'a002', time: '2026-05-12 14:18:30', user: '张明华', action: '修改 Prompt', target: '小Q故事机器人 v2.3', ip: '192.168.1.10', ok: true },
-    { id: 'a003', time: '2026-05-12 13:55:12', user: '李思远', action: '关闭 Bad Case', target: 'BC-2026-004', ip: '10.0.2.15', ok: true },
-    { id: 'a004', time: '2026-05-12 11:30:00', user: 'system', action: '自动触发内容安全', target: 'sess-3f7a', ip: 'internal', ok: false },
-    { id: 'a005', time: '2026-05-12 09:15:42', user: '张明华', action: '创建 OTA 任务', target: 'OTA-2026-002', ip: '192.168.1.10', ok: true },
-  ];
-
-  let activeTab = window.__rbacActiveTab || 'users';
-  let roleConfigs = window.__rbacRoleConfigs || cloneRoleConfigs(DEFAULT_ROLE_CONFIGS);
-  let users = loadUsers();
-  let auditLogs = window.__rbacAuditLogs || DEFAULT_AUDIT_LOGS.map(item => ({ ...item }));
-
-  window.__rbacRoleConfigs = roleConfigs;
-  window.__rbacUsers = users;
-  window.__rbacAuditLogs = auditLogs;
-  window.__lookupRbacUserByLoginName = function(loginName) {
-    const normalized = String(loginName || '').trim().toLowerCase();
-    return users.find(user => user.loginName === normalized) || null;
-  };
-  window.__getRoleConfig = function(role) {
-    return getRoleConfig(role);
-  };
-
-  function getDefaultCompanyIds() {
-    const ids = (window.companies || [])
-      .filter(company => company.id !== 'all')
-      .map(company => company.id);
-    return ids.length ? ids : ['company_a', 'company_b', 'company_c'];
-  }
-
-  function cloneRoleConfigs(list) {
-    return list.map(role => ({
-      ...role,
-      permissions: [...role.permissions],
-      allowedCompanyIds: role.allowedCompanyIds ? [...role.allowedCompanyIds] : DEFAULT_ROLE_COMPANIES.slice(),
-    }));
-  }
-
-  function cloneUsers(list) {
-    return list.map(item => ({
-      ...item,
-      allowedCompanies: Array.isArray(item.allowedCompanies) ? [...item.allowedCompanies] : item.allowedCompanies,
-      permissions: Array.isArray(item.permissions) ? [...item.permissions] : item.permissions,
-    }));
-  }
-
-  function loadUsers() {
-    try {
-      localStorage.removeItem('talkingq_rbac_users_v1');
-      if (Array.isArray(window.__rbacUsers) && window.__rbacUsers.length) {
-        return window.__rbacUsers.map((user, index) => normalizeUser(user, index));
-      }
-    } catch (error) {
-      console.warn('Failed to reset legacy RBAC storage', error);
-    }
-    return cloneUsers(DEFAULT_USERS).map((user, index) => normalizeUser(user, index));
-  }
-
-  function saveUsers(nextUsers = users) {
-    users = nextUsers;
-    window.__rbacUsers = users;
-  }
-
-  function saveRoles(nextRoles = roleConfigs) {
-    roleConfigs = nextRoles;
-    window.__rbacRoleConfigs = roleConfigs;
-  }
-
-  function saveAudit(nextLogs = auditLogs) {
-    auditLogs = nextLogs.slice(0, 80);
-    window.__rbacAuditLogs = auditLogs;
-  }
-
-  function normalizeRole(role) {
-    const raw = String(role || '').toLowerCase();
-    if (raw === 'admin' || raw === 'administrator') return 'admin';
-    if (raw === 'worker' || raw === 'employee') return 'worker';
-    if (raw === 'client' || raw === 'customer') return 'client';
-    return 'worker';
-  }
-
-  function inferRoleFromRemark(remark) {
-    const text = String(remark || '');
-    if (text.includes('超级管理员')) return 'admin';
-    if (text.includes('客户')) return 'client';
-    return 'worker';
-  }
-
-  function getRoleConfig(role) {
-    const roleId = normalizeRole(role);
-    return roleConfigs.find(item => item.id === roleId) || roleConfigs.find(item => item.id === 'worker');
-  }
-
-  function getRoleDefaultPermissions(role) {
-    return [...(getRoleConfig(role)?.permissions || [])];
-  }
-
-  function normalizeAllowedCompanies(value, companyId, role) {
-    if (role !== 'client') return DEFAULT_ROLE_COMPANIES.slice();
-    if (Array.isArray(value) && value.length) return value;
-    return companyId ? [companyId] : [];
-  }
-
-  function normalizeUser(user, index = 0) {
-    const role = normalizeRole(user.role || inferRoleFromRemark(user.remark));
-    const fallbackCompanyId = DEFAULT_ROLE_COMPANIES[index % DEFAULT_ROLE_COMPANIES.length];
-    const companyId = role === 'client'
-      ? (user.companyId || user.allowedCompanies?.[0] || fallbackCompanyId)
-      : null;
-    return {
-      id: user.id || `u${String(index + 1).padStart(3, '0')}`,
-      displayName: user.displayName || user.loginName || '未命名用户',
-      loginName: String(user.loginName || '').trim().toLowerCase(),
-      status: user.status || 'active',
-      lastLogin: user.lastLogin || '-',
-      role,
-      companyId,
-      allowedCompanies: normalizeAllowedCompanies(user.allowedCompanies, companyId, role),
-      permissions: Array.isArray(user.permissions) && user.permissions.length
-        ? [...user.permissions]
-        : getRoleDefaultPermissions(role),
-      remark: user.remark || (role === 'client' ? `${getCompanyName(companyId)}-客户` : role === 'admin' ? '超级管理员' : '运营人员'),
-    };
-  }
-
-  function escapeHtml(value) {
-    return String(value ?? '')
-      .replace(/&/g, '&amp;')
-      .replace(/</g, '&lt;')
-      .replace(/>/g, '&gt;')
-      .replace(/"/g, '&quot;')
-      .replace(/'/g, '&#39;');
-  }
-
-  function getNowText() {
-    const now = new Date();
-    const pad = value => String(value).padStart(2, '0');
-    return `${now.getFullYear()}-${pad(now.getMonth() + 1)}-${pad(now.getDate())} ${pad(now.getHours())}:${pad(now.getMinutes())}:${pad(now.getSeconds())}`;
-  }
-
-  function getCompanyName(companyId) {
-    return window.__getCompanyNameById ? window.__getCompanyNameById(companyId) : companyId;
-  }
-
-  function getCompanyOptionsHtml(selectedCompanyId = '') {
-    const companies = (window.companies || []).filter(company => company.id !== 'all');
-    return companies.map(company => `
-      <option value="${escapeHtml(company.id)}" ${company.id === selectedCompanyId ? 'selected' : ''}>${escapeHtml(company.name)}</option>
-    `).join('');
-  }
-
-  function renderCompanyCheckboxes(selectedIds = DEFAULT_ROLE_COMPANIES) {
-    const selected = new Set(selectedIds);
-    const companies = (window.companies || []).filter(company => company.id !== 'all');
-    return companies.map(company => `
-      <label style="display:flex;align-items:center;gap:8px;padding:8px 0;cursor:pointer">
-        <input type="checkbox" class="rbac-company-checkbox" value="${escapeHtml(company.id)}" ${selected.has(company.id) ? 'checked' : ''} style="accent-color:var(--primary)">
-        <span>${escapeHtml(company.name)}</span>
-      </label>
-    `).join('');
-  }
-
-  function getUserById(userId) {
-    return users.find(user => user.id === userId);
-  }
-
-  function getUserRoleLabel(user) {
-    if (user.role === 'admin') return '管理员';
-    if (user.role === 'client') return '客户';
-    return '运营人员';
-  }
-
-  function getCompanyScopeText(user) {
-    if (user.role !== 'client') return '全部公司';
-    return user.companyId ? getCompanyName(user.companyId) : '未绑定公司';
-  }
-
-  function getStatusLabel(status) {
-    return status === 'inactive' ? '已禁用' : '启用中';
-  }
-
-  function getStatusBadge(status) {
-    return status === 'inactive' ? 'badge-default' : 'badge-success';
-  }
-
-  function getActorName() {
-    try {
-      const user = JSON.parse(sessionStorage.getItem('talkingq_user') || 'null');
-      return user?.displayName || user?.username || '张明华';
-    } catch (error) {
-      return '张明华';
-    }
-  }
-
-  function addAuditLog(action, target, ok = true) {
-    saveAudit([
-      {
-        id: `a${Date.now()}`,
-        time: getNowText(),
-        user: getActorName(),
-        action,
-        target,
-        ip: 'local-demo',
-        ok,
-      },
-      ...auditLogs,
-    ]);
-  }
-
-  function getPermissionLabel(key) {
-    return PERMISSION_CATALOG.find(item => item.key === key)?.label || key;
-  }
-
-  function renderPermissionBadges(permissionKeys) {
-    const keys = permissionKeys.length ? permissionKeys : [];
-    const shown = keys.slice(0, 8);
-    return `
-      <div style="display:flex;flex-wrap:wrap;gap:6px">
-        ${shown.map(key => `<span class="badge badge-default" style="font-size:11px">${escapeHtml(getPermissionLabel(key))}</span>`).join('')}
-        ${keys.length > shown.length ? `<span class="badge badge-default" style="font-size:11px">+${keys.length - shown.length}</span>` : ''}
-      </div>
-    `;
-  }
-
-  function renderPermissionCheckboxes(roleId, selectedKeys, editable = true) {
-    const role = getRoleConfig(roleId);
-    const selected = new Set(selectedKeys || role.permissions);
-    const locked = role.id === 'admin' || role.id === 'client' || !editable;
-    return PERMISSION_CATALOG.map(permission => {
-      const checked = role.id === 'admin' ? true : selected.has(permission.key);
-      const disabled = locked ? 'disabled' : '';
-      return `
-        <label style="display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--border);cursor:${disabled ? 'default' : 'pointer'};opacity:${disabled ? '.78' : '1'}">
-          <input type="checkbox" class="rbac-permission-checkbox" value="${permission.key}" ${checked ? 'checked' : ''} ${disabled} style="margin-top:3px;accent-color:var(--primary)">
-          <span>
-            <span style="display:block;font-size:13px;font-weight:600;color:var(--text-primary)">${escapeHtml(permission.label)}</span>
-            <span style="display:block;font-size:12px;color:var(--text-muted);margin-top:2px">${escapeHtml(permission.desc)}</span>
-          </span>
-        </label>
-      `;
-    }).join('');
-  }
-
-  function collectCheckedValues(root, selector) {
-    return [...root.querySelectorAll(selector)]
-      .filter(input => input.checked)
-      .map(input => input.value);
-  }
-
-  function isLastActiveAdmin(userId) {
-    const activeAdmins = users.filter(user => user.role === 'admin' && user.status === 'active');
-    return activeAdmins.length <= 1 && activeAdmins.some(user => user.id === userId);
-  }
-
-  function renderPage() {
-    activeTab = activeTab || 'users';
-    window.__rbacActiveTab = activeTab;
-    container.innerHTML = `
-      <div class="page-header">
-        <div>
-          <div class="page-title">权限管理 (RBAC)</div>
-          <div class="page-desc">基于角色的访问控制，管理用户权限和公司数据隔离</div>
-        </div>
-        <div class="page-actions">
-          <button class="btn btn-primary" id="addUserBtn">
-            <i data-lucide="user-plus"></i> 添加用户
-          </button>
-        </div>
-      </div>
-
-      <div class="tabs" id="rbacTabs">
-        <div class="tab-item ${activeTab === 'users' ? 'active' : ''}" data-tab="users">用户管理</div>
-        <div class="tab-item ${activeTab === 'roles' ? 'active' : ''}" data-tab="roles">角色配置</div>
-        <div class="tab-item ${activeTab === 'audit' ? 'active' : ''}" data-tab="audit">审计日志</div>
-      </div>
-
-      <div class="tab-content ${activeTab === 'users' ? 'active' : ''}" id="tab-users">${renderUsersTab()}</div>
-      <div class="tab-content ${activeTab === 'roles' ? 'active' : ''}" id="tab-roles">${renderRolesTab()}</div>
-      <div class="tab-content ${activeTab === 'audit' ? 'active' : ''}" id="tab-audit">${renderAuditTab()}</div>
-    `;
-
-    bindEvents();
-    lucide.createIcons({ elements: [container] });
-  }
-
-  function renderUsersTab() {
-    return `
-      <div class="card" style="padding:0;overflow:hidden">
-        <div class="table-wrapper">
-          <table class="rbac-table">
-            <thead>
-              <tr>
-                <th>显示名称</th>
-                <th>登录名称</th>
-                <th>用户类型</th>
-                <th>数据范围</th>
-                <th>状态</th>
-                <th>备注</th>
-                <th>操作</th>
-              </tr>
-            </thead>
-            <tbody>
-              ${users.map(user => renderUserRow(user)).join('')}
-            </tbody>
-          </table>
-        </div>
-      </div>
-    `;
-  }
-
-  function renderUserRow(user) {
-    const role = getRoleConfig(user.role);
-    const safeName = escapeHtml(user.displayName);
-    return `
-      <tr>
-        <td>
-          <div class="user-cell">
-            <span class="user-display-name">${safeName}</span>
-            ${user.status === 'active'
-              ? '<span class="status-indicator online" title="启用中"></span>'
-              : '<span class="status-indicator offline" title="已禁用"></span>'}
-          </div>
-        </td>
-        <td class="login-name-cell">${escapeHtml(user.loginName)}</td>
-        <td>
-          <span class="badge" style="background:${role.color}20;color:${role.color};border:1px solid ${role.color}40">${escapeHtml(getUserRoleLabel(user))}</span>
-        </td>
-        <td style="font-size:12px;color:var(--text-secondary)">${escapeHtml(getCompanyScopeText(user))}</td>
-        <td><span class="badge ${getStatusBadge(user.status)}">${getStatusLabel(user.status)}</span></td>
-        <td class="remark-cell">${escapeHtml(user.remark || '-')}</td>
-        <td>
-          <div class="action-links">
-            <button class="action-link green" onclick="editUser('${user.id}')">编辑</button>
-            <span class="action-divider">|</span>
-            <button class="action-link primary" onclick="managePermissions('${user.id}')">权限管理</button>
-            <span class="action-divider">|</span>
-            <button class="action-link" onclick="toggleUserStatus('${user.id}')">${user.status === 'active' ? '禁用' : '启用'}</button>
-            <span class="action-divider">|</span>
-            <button class="action-link danger" onclick="deleteUser('${user.id}')">删除</button>
-          </div>
-        </td>
-      </tr>
-    `;
-  }
-
-  function renderRolesTab() {
-    return `
-      <div style="display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:16px">
-        ${roleConfigs.map(role => `
-          <div class="card role-card" style="border-top:3px solid ${role.color}">
-            <div style="display:flex;align-items:center;gap:10px;margin-bottom:12px">
-              <span style="font-size:16px;font-weight:700;color:${role.color}">${escapeHtml(role.name)}</span>
-              <span class="badge badge-default" style="font-size:11px">${role.id === 'admin' ? '全部' : role.permissions.length} 项权限</span>
-            </div>
-            <div style="font-size:13px;color:var(--text-muted);margin-bottom:14px;line-height:1.6">${escapeHtml(role.desc)}</div>
-            <div style="font-size:12px;font-weight:600;margin-bottom:8px">可访问功能：</div>
-            ${renderPermissionBadges(role.id === 'admin' ? PERMISSION_CATALOG.map(item => item.key) : role.permissions)}
-            <div style="margin-top:14px;display:flex;gap:8px">
-              <button class="btn btn-outline btn-sm" style="flex:1" onclick="editRolePermissions('${role.id}')">编辑权限</button>
-              <button class="btn btn-ghost btn-sm" onclick="viewRoleUsers('${role.id}')">查看用户</button>
-            </div>
-          </div>
-        `).join('')}
-      </div>
-      <div class="api-note" style="margin-top:16px">
-        <i data-lucide="info"></i>
-        <span>RBAC 接口预留：<code>GET /api/v1/rbac/roles</code>、<code>PUT /api/v1/rbac/roles/{id}</code>、<code>POST /api/v1/rbac/users/assign-role</code></span>
-      </div>
-    `;
-  }
-
-  function renderAuditTab() {
-    return `
-      <div class="card" style="padding:0;overflow:hidden">
-        <div style="padding:14px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px">
-          <div>
-            <div style="font-size:14px;font-weight:700">审计日志</div>
-            <div style="font-size:12px;color:var(--text-muted);margin-top:2px">记录权限、角色、用户状态等关键变更</div>
-          </div>
-          <button class="btn btn-outline btn-sm" id="refreshAuditBtn"><i data-lucide="refresh-cw"></i> 刷新日志</button>
-        </div>
-        <div class="table-wrapper">
-          <table>
-            <thead><tr><th>时间</th><th>操作人</th><th>操作类型</th><th>目标</th><th>IP 地址</th><th>结果</th></tr></thead>
-            <tbody>
-              ${auditLogs.map(log => `
-                <tr>
-                  <td style="font-family:monospace;font-size:12px">${escapeHtml(log.time)}</td>
-                  <td>${escapeHtml(log.user)}</td>
-                  <td>${escapeHtml(log.action)}</td>
-                  <td style="font-size:12px;color:var(--text-muted)">${escapeHtml(log.target)}</td>
-                  <td style="font-family:monospace;font-size:12px">${escapeHtml(log.ip)}</td>
-                  <td><span class="badge ${log.ok ? 'badge-success' : 'badge-danger'}">${log.ok ? '成功' : '告警'}</span></td>
-                </tr>
-              `).join('')}
-            </tbody>
-          </table>
-        </div>
-      </div>
-    `;
-  }
-
-  function bindEvents() {
-    container.querySelectorAll('#rbacTabs .tab-item').forEach(tab => {
-      tab.addEventListener('click', () => {
-        activeTab = tab.dataset.tab;
-        renderPage();
-      });
-    });
-
-    container.querySelector('#addUserBtn')?.addEventListener('click', openAddUserModal);
-    container.querySelector('#refreshAuditBtn')?.addEventListener('click', () => {
-      addAuditLog('刷新审计日志', '权限管理 (RBAC)');
-      activeTab = 'audit';
-      renderPage();
-      Toast.success('审计日志已刷新');
-    });
-  }
-
-  function openAddUserModal() {
-    const modal = createModal({
-      title: '添加用户',
-      size: 'modal-lg',
-      content: `
-        <div class="form-row">
-          <div class="form-group">
-            <label class="form-label">显示名称<span class="required">*</span></label>
-            <input type="text" class="form-control" id="newUserDisplayName" placeholder="用户显示名称">
-          </div>
-          <div class="form-group">
-            <label class="form-label">登录名称<span class="required">*</span></label>
-            <input type="text" class="form-control" id="newUserLoginName" placeholder="username@talkingq.com">
-          </div>
-        </div>
-        <div class="form-row">
-          <div class="form-group">
-            <label class="form-label">角色<span class="required">*</span></label>
-            <select class="form-control" id="newUserRole">
-              <option value="">请选择角色</option>
-              <option value="admin">Admin - 超级管理员</option>
-              <option value="worker">Worker - 运营人员</option>
-              <option value="client">Client - B端客户</option>
-            </select>
-          </div>
-          <div class="form-group">
-            <label class="form-label">状态</label>
-            <select class="form-control" id="newUserStatus">
-              <option value="active">启用</option>
-              <option value="inactive">禁用</option>
-            </select>
-          </div>
-        </div>
-        <div class="form-group" id="newCompanyGroup" style="display:none">
-          <label class="form-label">所属公司<span class="required">*</span></label>
-          <select class="form-control" id="newUserCompany">
-            <option value="">请选择公司</option>
-            ${getCompanyOptionsHtml()}
-          </select>
-          <div class="form-hint">Client 角色必须绑定一个公司，登录后仅能查看该公司客户可见内容。</div>
-        </div>
-        <div class="form-row">
-          <div class="form-group">
-            <label class="form-label">初始密码<span class="required">*</span></label>
-            <input type="password" class="form-control" id="newUserPassword" placeholder="设置初始密码">
-          </div>
-          <div class="form-group">
-            <label class="form-label">备注</label>
-            <input type="text" class="form-control" id="newUserRemark" placeholder="可选">
-          </div>
-        </div>`,
-      onConfirm: async () => {
-        const displayName = modal.overlay.querySelector('#newUserDisplayName')?.value.trim();
-        const loginName = modal.overlay.querySelector('#newUserLoginName')?.value.trim().toLowerCase();
-        const role = modal.overlay.querySelector('#newUserRole')?.value;
-        const status = modal.overlay.querySelector('#newUserStatus')?.value || 'active';
-        const companyId = modal.overlay.querySelector('#newUserCompany')?.value;
-        const password = modal.overlay.querySelector('#newUserPassword')?.value;
-        const remark = modal.overlay.querySelector('#newUserRemark')?.value.trim();
-
-        if (!displayName || !loginName || !role || !password) {
-          Toast.warning('请填写用户必填信息');
-          return false;
-        }
-        if (users.some(user => user.loginName === loginName)) {
-          Toast.warning('登录名称已存在');
-          return false;
-        }
-        if (role === 'client' && !companyId) {
-          Toast.warning('Client 角色必须选择所属公司');
-          return false;
-        }
-
-        const nextUser = normalizeUser({
-          id: `u${Date.now()}`,
-          displayName,
-          loginName,
-          role,
-          status,
-          companyId: role === 'client' ? companyId : null,
-          allowedCompanies: role === 'client' ? [companyId] : DEFAULT_ROLE_COMPANIES.slice(),
-          remark: remark || (role === 'client' ? `${getCompanyName(companyId)}-客户` : role === 'admin' ? '超级管理员' : '运营人员'),
-        }, users.length);
-
-        saveUsers([nextUser, ...users]);
-        addAuditLog('创建用户', `${nextUser.displayName} / ${getUserRoleLabel(nextUser)}`);
-        try {
-          await window.API?.rbac?.createUser?.({ displayName, loginName, role, companyId, status });
-        } catch (error) {
-          console.warn('Mock create user failed:', error);
-        }
-        Toast.success('用户创建成功');
-        activeTab = 'users';
-        renderPage();
-      },
-      confirmText: '创建用户',
-    });
-
-    bindRoleCompanyToggle(modal.overlay, '#newUserRole', '#newCompanyGroup', '#newUserCompany');
-  }
-
-  function bindRoleCompanyToggle(root, roleSelector, groupSelector, companySelector) {
-    const roleSelect = root.querySelector(roleSelector);
-    const group = root.querySelector(groupSelector);
-    const companySelect = root.querySelector(companySelector);
-    const sync = () => {
-      const isClient = roleSelect?.value === 'client';
-      if (group) group.style.display = isClient ? '' : 'none';
-      if (companySelect) companySelect.disabled = !isClient;
-    };
-    roleSelect?.addEventListener('change', sync);
-    sync();
-  }
-
-  window.editUser = function(userId) {
-    const user = getUserById(userId);
-    if (!user) return;
-
-    const modal = createModal({
-      title: '编辑用户',
-      size: 'modal-lg',
-      content: `
-        <div class="form-row">
-          <div class="form-group">
-            <label class="form-label">显示名称<span class="required">*</span></label>
-            <input type="text" class="form-control" id="editUserDisplayName" value="${escapeHtml(user.displayName)}">
-          </div>
-          <div class="form-group">
-            <label class="form-label">登录名称</label>
-            <input type="text" class="form-control" value="${escapeHtml(user.loginName)}" disabled style="background:#f5f5f5">
-          </div>
-        </div>
-        <div class="form-row">
-          <div class="form-group">
-            <label class="form-label">角色</label>
-            <select class="form-control" id="editUserRole">
-              <option value="admin" ${user.role === 'admin' ? 'selected' : ''}>Admin - 超级管理员</option>
-              <option value="worker" ${user.role === 'worker' ? 'selected' : ''}>Worker - 运营人员</option>
-              <option value="client" ${user.role === 'client' ? 'selected' : ''}>Client - B端客户</option>
-            </select>
-          </div>
-          <div class="form-group">
-            <label class="form-label">状态</label>
-            <select class="form-control" id="editUserStatus">
-              <option value="active" ${user.status === 'active' ? 'selected' : ''}>启用</option>
-              <option value="inactive" ${user.status === 'inactive' ? 'selected' : ''}>禁用</option>
-            </select>
-          </div>
-        </div>
-        <div class="form-group" id="editCompanyGroup" style="${user.role === 'client' ? '' : 'display:none'}">
-          <label class="form-label">所属公司<span class="required">*</span></label>
-          <select class="form-control" id="editUserCompany">
-            <option value="">请选择公司</option>
-            ${getCompanyOptionsHtml(user.companyId)}
-          </select>
-          <div class="form-hint">Client 角色登录后只显示该公司客户可见内容。</div>
-        </div>
-        <div class="form-group">
-          <label class="form-label">备注</label>
-          <input type="text" class="form-control" id="editUserRemark" value="${escapeHtml(user.remark === '-' ? '' : user.remark)}">
-        </div>`,
-      onConfirm: async () => {
-        const displayName = modal.overlay.querySelector('#editUserDisplayName')?.value.trim();
-        const role = modal.overlay.querySelector('#editUserRole')?.value || 'worker';
-        const status = modal.overlay.querySelector('#editUserStatus')?.value || 'active';
-        const companyId = modal.overlay.querySelector('#editUserCompany')?.value;
-        const remark = modal.overlay.querySelector('#editUserRemark')?.value.trim();
-
-        if (!displayName) {
-          Toast.warning('请填写显示名称');
-          return false;
-        }
-        if (role === 'client' && !companyId) {
-          Toast.warning('Client 角色必须选择所属公司');
-          return false;
-        }
-        if (status === 'inactive' && isLastActiveAdmin(user.id)) {
-          Toast.warning('至少需要保留一个启用中的管理员');
-          return false;
-        }
-
-        const nextUser = normalizeUser({
-          ...user,
-          displayName,
-          role,
-          status,
-          companyId: role === 'client' ? companyId : null,
-          allowedCompanies: role === 'client' ? [companyId] : DEFAULT_ROLE_COMPANIES.slice(),
-          permissions: role === user.role ? user.permissions : getRoleDefaultPermissions(role),
-          remark: remark || (role === 'client' ? `${getCompanyName(companyId)}-客户` : role === 'admin' ? '超级管理员' : '运营人员'),
-        });
-        saveUsers(users.map(item => item.id === user.id ? nextUser : item));
-        addAuditLog('编辑用户', `${nextUser.displayName} / ${getUserRoleLabel(nextUser)}`);
-        try {
-          await window.API?.rbac?.updateUser?.(user.id, nextUser);
-        } catch (error) {
-          console.warn('Mock update user failed:', error);
-        }
-        Toast.success(`用户 ${nextUser.displayName} 信息已更新`);
-        activeTab = 'users';
-        renderPage();
-      },
-      confirmText: '保存',
-    });
-
-    bindRoleCompanyToggle(modal.overlay, '#editUserRole', '#editCompanyGroup', '#editUserCompany');
-  };
-
-  window.managePermissions = function(userId) {
-    const user = getUserById(userId);
-    if (!user) return;
-
-    const modal = createModal({
-      title: `权限管理 - ${escapeHtml(user.displayName)}`,
-      size: 'modal-lg',
-      content: `
-        <div class="form-row">
-          <div class="form-group">
-            <label class="form-label">当前角色</label>
-            <select class="form-control" id="permRoleSelect">
-              <option value="admin" ${user.role === 'admin' ? 'selected' : ''}>Admin - 超级管理员</option>
-              <option value="worker" ${user.role === 'worker' ? 'selected' : ''}>Worker - 运营人员</option>
-              <option value="client" ${user.role === 'client' ? 'selected' : ''}>Client - B端客户</option>
-            </select>
-          </div>
-          <div class="form-group" id="permCompanyGroup" style="${user.role === 'client' ? '' : 'display:none'}">
-            <label class="form-label">所属公司<span class="required">*</span></label>
-            <select class="form-control" id="permCompanySelect">
-              <option value="">请选择公司</option>
-              ${getCompanyOptionsHtml(user.companyId)}
-            </select>
-            <div class="form-hint">Client 角色仅可访问所选公司。</div>
-          </div>
-        </div>
-        <div style="border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px">
-          <div style="font-size:13px;font-weight:700;margin-bottom:8px">细粒度权限</div>
-          <div id="permCheckboxGrid"></div>
-        </div>
-        <div class="api-note" style="margin-top:12px">
-          <i data-lucide="info"></i>
-          <span>后端接口预留：<code>POST /api/v1/rbac/users/assign-role</code>、<code>PUT /api/v1/rbac/users/{id}/permissions</code></span>
-        </div>`,
-      onConfirm: async () => {
-        const nextRole = modal.overlay.querySelector('#permRoleSelect')?.value || user.role;
-        const companyId = modal.overlay.querySelector('#permCompanySelect')?.value;
-        if (nextRole === 'client' && !companyId) {
-          Toast.warning('Client 角色必须选择所属公司');
-          return false;
-        }
-        const role = getRoleConfig(nextRole);
-        const permissions = role.locked
-          ? getRoleDefaultPermissions(nextRole)
-          : collectCheckedValues(modal.overlay, '.rbac-permission-checkbox');
-        if (!permissions.length) {
-          Toast.warning('请至少保留一项权限');
-          return false;
-        }
-
-        const nextUser = normalizeUser({
-          ...user,
-          role: nextRole,
-          companyId: nextRole === 'client' ? companyId : null,
-          allowedCompanies: nextRole === 'client' ? [companyId] : DEFAULT_ROLE_COMPANIES.slice(),
-          permissions,
-          remark: nextRole === 'client' ? `${getCompanyName(companyId)}-客户` : nextRole === 'admin' ? '超级管理员' : '运营人员',
-        });
-        saveUsers(users.map(item => item.id === user.id ? nextUser : item));
-        addAuditLog('更新用户权限', `${nextUser.displayName} / ${getUserRoleLabel(nextUser)}`);
-        try {
-          await window.API?.rbac?.assignRole?.(user.id, nextRole);
-          await window.API?.rbac?.updateUser?.(user.id, nextUser);
-        } catch (error) {
-          console.warn('Mock update permissions failed:', error);
-        }
-        Toast.success(`${nextUser.displayName} 的权限已更新`);
-        activeTab = 'users';
-        renderPage();
-      },
-      confirmText: '保存权限',
-    });
-
-    const roleSelect = modal.overlay.querySelector('#permRoleSelect');
-    const companyGroup = modal.overlay.querySelector('#permCompanyGroup');
-    const companySelect = modal.overlay.querySelector('#permCompanySelect');
-    const grid = modal.overlay.querySelector('#permCheckboxGrid');
-    const sync = () => {
-      const roleId = roleSelect?.value || user.role;
-      const role = getRoleConfig(roleId);
-      if (companyGroup) companyGroup.style.display = roleId === 'client' ? '' : 'none';
-      if (companySelect) companySelect.disabled = roleId !== 'client';
-      if (grid) grid.innerHTML = renderPermissionCheckboxes(roleId, roleId === user.role ? user.permissions : role.permissions, !role.locked);
-      lucide.createIcons({ elements: [modal.overlay] });
-    };
-    roleSelect?.addEventListener('change', sync);
-    sync();
-  };
-
-  window.toggleUserStatus = function(userId) {
-    const user = getUserById(userId);
-    if (!user) return;
-    const nextStatus = user.status === 'active' ? 'inactive' : 'active';
-    createModal({
-      title: `${nextStatus === 'active' ? '启用' : '禁用'}用户`,
-      content: `
-        <div style="text-align:center;padding:18px 0">
-          <i data-lucide="${nextStatus === 'active' ? 'user-check' : 'user-x'}" style="width:44px;height:44px;color:${nextStatus === 'active' ? 'var(--success)' : 'var(--warning)'};margin-bottom:14px"></i>
-          <p style="font-size:15px;font-weight:600;margin-bottom:8px">确认${nextStatus === 'active' ? '启用' : '禁用'} ${escapeHtml(user.displayName)}？</p>
-          <p style="font-size:13px;color:var(--text-muted)">${nextStatus === 'active' ? '启用后用户可重新登录平台。' : '禁用后用户将无法登录平台。'}</p>
-        </div>`,
-      onConfirm: async () => {
-        if (nextStatus === 'inactive' && isLastActiveAdmin(user.id)) {
-          Toast.warning('至少需要保留一个启用中的管理员');
-          return false;
-        }
-        const nextUser = { ...user, status: nextStatus };
-        saveUsers(users.map(item => item.id === user.id ? nextUser : item));
-        addAuditLog(nextStatus === 'active' ? '启用用户' : '禁用用户', user.displayName);
-        try {
-          await window.API?.rbac?.updateUser?.(user.id, { status: nextStatus });
-        } catch (error) {
-          console.warn('Mock update status failed:', error);
-        }
-        Toast.success(`用户 ${user.displayName} 已${nextStatus === 'active' ? '启用' : '禁用'}`);
-        renderPage();
-      },
-      confirmText: nextStatus === 'active' ? '确认启用' : '确认禁用',
-    });
-    lucide.createIcons();
-  };
-
-  window.deleteUser = function(userId) {
-    const user = getUserById(userId);
-    if (!user) return;
-
-    createModal({
-      title: '确认删除',
-      content: `
-        <div style="text-align:center;padding:20px 0">
-          <i data-lucide="alert-triangle" style="width:48px;height:48px;color:var(--warning);margin-bottom:16px"></i>
-          <p style="font-size:15px;font-weight:600;margin-bottom:8px">确认删除用户 ${escapeHtml(user.displayName)}？</p>
-          <p style="font-size:13px;color:var(--text-muted)">此操作不可撤销，删除后该用户将无法登录系统。</p>
-        </div>`,
-      onConfirm: async () => {
-        if (isLastActiveAdmin(user.id)) {
-          Toast.warning('至少需要保留一个启用中的管理员');
-          return false;
-        }
-        saveUsers(users.filter(item => item.id !== user.id));
-        addAuditLog('删除用户', user.displayName);
-        try {
-          await window.API?.rbac?.deleteUser?.(user.id);
-        } catch (error) {
-          console.warn('Mock delete user failed:', error);
-        }
-        Toast.success(`用户 ${user.displayName} 已删除`);
-        activeTab = 'users';
-        renderPage();
-      },
-      confirmText: '确认删除',
-      cancelText: '取消',
-    });
-    lucide.createIcons();
-  };
-
-  window.editRolePermissions = function(roleId) {
-    const role = getRoleConfig(roleId);
-    if (!role) return;
-    const modal = createModal({
-      title: `编辑 ${escapeHtml(role.name)} 角色权限`,
-      size: 'modal-lg',
-      content: `
-        <div style="margin-bottom:14px">
-          <div style="font-weight:700;margin-bottom:6px">角色说明</div>
-          <div style="font-size:13px;color:var(--text-muted);line-height:1.6">${escapeHtml(role.desc)}</div>
-        </div>
-        <div class="form-group">
-          <label class="form-label">功能权限</label>
-          <div style="border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px" id="rolePermissionGrid">
-            ${renderPermissionCheckboxes(role.id, role.permissions, !role.locked)}
-          </div>
-          ${role.locked ? '<div class="form-hint">Admin / Client 为平台内置角色，功能范围固定，只能通过用户授权控制公司范围。</div>' : ''}
-        </div>
-        <div class="form-group">
-          <label class="form-label">可分配公司范围</label>
-          <div style="border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 12px">
-            ${role.id === 'admin'
-              ? '<div style="font-size:13px;color:var(--success);padding:10px 0">Admin 默认可访问全部公司。</div>'
-              : renderCompanyCheckboxes(role.allowedCompanyIds || DEFAULT_ROLE_COMPANIES)}
-          </div>
-          <div class="form-hint">这里控制该角色可被分配到哪些公司；Client 用户仍需在用户权限中选择具体所属公司。</div>
-        </div>
-        <div class="api-note">
-          <i data-lucide="info"></i>
-          <span>后端接口预留：<code>PUT /api/v1/rbac/roles/${escapeHtml(role.id)}</code></span>
-        </div>`,
-      onConfirm: async () => {
-        const permissions = role.locked
-          ? getRoleDefaultPermissions(role.id)
-          : collectCheckedValues(modal.overlay, '.rbac-permission-checkbox');
-        const allowedCompanyIds = role.id === 'admin'
-          ? DEFAULT_ROLE_COMPANIES.slice()
-          : collectCheckedValues(modal.overlay, '.rbac-company-checkbox');
-
-        if (!permissions.length) {
-          Toast.warning('请至少保留一项权限');
-          return false;
-        }
-        if (role.id !== 'admin' && !allowedCompanyIds.length) {
-          Toast.warning('请至少选择一个可分配公司');
-          return false;
-        }
-
-        const nextRole = {
-          ...role,
-          permissions,
-          allowedCompanyIds,
-        };
-        saveRoles(roleConfigs.map(item => item.id === role.id ? nextRole : item));
-        addAuditLog('编辑角色权限', role.name);
-        try {
-          await window.API?.rbac?.updateRole?.(role.id, nextRole);
-        } catch (error) {
-          console.warn('Mock update role failed:', error);
-        }
-        Toast.success(`${role.name} 角色权限已更新`);
-        activeTab = 'roles';
-        renderPage();
-      },
-      confirmText: '保存',
-    });
-    lucide.createIcons({ elements: [modal.overlay] });
-  };
-
-  window.viewRoleUsers = function(roleId) {
-    const role = getRoleConfig(roleId);
-    if (!role) return;
-    const roleUsers = users.filter(user => user.role === role.id);
-    createModal({
-      title: `${escapeHtml(role.name)} 角色下的用户`,
-      size: 'modal-lg',
-      content: `
-        <div style="margin-bottom:12px;font-size:13px;color:var(--text-muted)">共 ${roleUsers.length} 个用户</div>
-        <div style="max-height:340px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-sm)">
-          ${roleUsers.length ? roleUsers.map(user => `
-            <div style="display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:12px;border-bottom:1px solid var(--border)">
-              <div style="display:flex;align-items:center;gap:12px">
-                <div>
-                  <div style="font-weight:600">${escapeHtml(user.displayName)}</div>
-                  <div style="font-size:12px;color:var(--text-muted)">${escapeHtml(user.loginName)}</div>
-                </div>
-              </div>
-              <div style="display:flex;align-items:center;gap:8px">
-                <span class="badge ${getStatusBadge(user.status)}">${getStatusLabel(user.status)}</span>
-                <span class="badge badge-default">${escapeHtml(getCompanyScopeText(user))}</span>
-              </div>
-            </div>
-          `).join('') : `
-            <div style="padding:32px;text-align:center;color:var(--text-muted)">
-              <i data-lucide="users" style="width:32px;height:32px;margin-bottom:8px"></i>
-              <div>暂无用户使用该角色</div>
-            </div>
-          `}
-        </div>`,
-      confirmText: '关闭',
-      showCancel: false,
-    });
-  };
-
-  renderPage();
-});
-
-</script>
-  <script>
-/* inline: scripts/privacy.js */
-/**
- * TalkingQ Platform - Privacy (PII) Page
- */
-
-registerPage('privacy', function(container) {
-  const DEFAULT_PRIVACY_STATE = {
-    activeTab: 'pii',
-    piiGlobalEnabled: true,
-    piiRules: [
-      { id: 'name', name: '姓名', type: 'person_name', mask: '***', example: '张三 → ***', enabled: true, system: true },
-      { id: 'phone', name: '手机号', type: 'phone', mask: '138****8888', example: '13812348888 → 138****8888', enabled: true, system: true },
-      { id: 'ip', name: 'IP 地址', type: 'ip', mask: '192.168.x.x', example: '192.168.1.10 → 192.168.x.x', enabled: true, system: true },
-      { id: 'idcard', name: '身份证号', type: 'id_card', mask: '330102****1234', example: '330102199001011234 → 330102****1234', enabled: true, system: true },
-      { id: 'address', name: '家庭住址', type: 'address', mask: '[地址已脱敏]', example: '北京市朝阳区某小区 → [地址已脱敏]', enabled: true, system: true },
-      { id: 'bankcard', name: '银行卡号', type: 'bank_card', mask: '6222****1234', example: '6222020202021234 → 6222****1234', enabled: false, system: true },
-    ],
-    coppaItems: [
-      { id: 'age', label: '用户年龄验证', enabled: true },
-      { id: 'parent-consent', label: '家长知情同意收集', enabled: true },
-      { id: 'location', label: '禁止收集13岁以下精确位置', enabled: true },
-      { id: 'tracking', label: '行为追踪限制', enabled: true },
-      { id: 'minimize', label: '数据最小化原则', enabled: true },
-    ],
-    gdprItems: [
-      { id: 'notice', label: '知情权（提供隐私政策）', enabled: true },
-      { id: 'access', label: '访问权（数据导出）', enabled: true },
-      { id: 'rectify', label: '更正权', enabled: true },
-      { id: 'erase', label: '删除权（被遗忘权）', enabled: true },
-      { id: 'portable', label: '数据可携带权', enabled: false },
-    ],
-    dataRequests: [
-      { id: 'DSR-2026-001', subject: 'parent-a@example.com', company: '智慧星科技', type: '访问数据', status: 'pending', createdAt: '2026-05-12 13:20', result: '' },
-      { id: 'DSR-2026-002', subject: 'child-user-003', company: '未来玩具厂', type: '删除数据', status: 'processed', createdAt: '2026-05-11 10:05', result: '已删除关联会话与设备行为数据' },
-      { id: 'DSR-2026-003', subject: 'privacy@partner.com', company: '童趣电子', type: '更正数据', status: 'rejected', createdAt: '2026-05-10 16:45', result: '未能验证请求人身份' },
-    ],
-    retentionPolicies: [
-      { id: 'sessions', type: '对话记录 (Sessions)', period: 180, unit: '天' },
-      { id: 'device-logs', type: '设备日志 (Device Logs)', period: 90, unit: '天' },
-      { id: 'badcase', type: 'Bad Case 数据', period: 365, unit: '天' },
-      { id: 'ota', type: 'OTA 升级记录', period: 365, unit: '天' },
-      { id: 'audit', type: '审计日志 (Audit Logs)', period: 730, unit: '天' },
-      { id: 'pii-logs', type: 'PII 脱敏日志', period: 30, unit: '天' },
-    ],
-    lastCleanup: '',
-  };
-
-  const state = window.__privacyState || clonePrivacyState(DEFAULT_PRIVACY_STATE);
-  window.__privacyState = state;
-
-  function clonePrivacyState(value) {
-    return JSON.parse(JSON.stringify(value));
-  }
-
-  function escapeHtml(value) {
-    return String(value ?? '')
-      .replace(/&/g, '&amp;')
-      .replace(/</g, '&lt;')
-      .replace(/>/g, '&gt;')
-      .replace(/"/g, '&quot;')
-      .replace(/'/g, '&#39;');
-  }
-
-  function getNowText() {
-    const now = new Date();
-    const pad = value => String(value).padStart(2, '0');
-    return `${now.getFullYear()}-${pad(now.getMonth() + 1)}-${pad(now.getDate())} ${pad(now.getHours())}:${pad(now.getMinutes())}`;
-  }
-
-  async function callPrivacyApi(method, ...args) {
-    try {
-      if (typeof API !== 'undefined' && API.privacy?.[method]) {
-        await API.privacy[method](...args);
-      }
-    } catch (error) {
-      console.warn(`Mock privacy API ${method} failed:`, error);
-    }
-  }
-
-  function getRequestStatusMeta(status) {
-    if (status === 'processed') return { label: '已处理', badge: 'badge-success' };
-    if (status === 'rejected') return { label: '已拒绝', badge: 'badge-danger' };
-    return { label: '待处理', badge: 'badge-warning' };
-  }
-
-  function getComplianceStatus(items) {
-    return items.every(item => item.enabled)
-      ? { label: '已合规', badge: 'badge-success', text: '所有必要控制项均已开启' }
-      : { label: '需关注', badge: 'badge-warning', text: '仍有控制项处于关闭状态' };
-  }
-
-  function maskText(text) {
-    let result = String(text || '');
-    const enabledRules = state.piiGlobalEnabled ? state.piiRules.filter(rule => rule.enabled) : [];
-    enabledRules.forEach(rule => {
-      if (rule.type === 'phone') result = result.replace(/1[3-9]\d{9}/g, '1**********');
-      if (rule.type === 'ip') result = result.replace(/\b(?:\d{1,3}\.){3}\d{1,3}\b/g, '***.***.x.x');
-      if (rule.type === 'id_card') result = result.replace(/\b\d{6}(?:19|20)\d{2}\d{2}\d{2}\d{3}[\dXx]\b/g, '****** ******** ****');
-      if (rule.type === 'bank_card') result = result.replace(/\b\d{12,19}\b/g, '**** **** **** ****');
-      if (rule.type === 'email') result = result.replace(/[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}/gi, '[邮箱已脱敏]');
-      if (rule.type === 'address') result = result.replace(/[\u4e00-\u9fa5]{2,}(省|市|区|县|镇|街道|小区)[\u4e00-\u9fa5\d号栋单元室-]*/g, '[地址已脱敏]');
-      if (rule.type === 'person_name') result = result.replace(/([\u4e00-\u9fa5]{2,4})(?=说|的|，|,|。|\s|$)/g, '***');
-      if (rule.type === 'custom' && rule.pattern) {
-        try {
-          result = result.replace(new RegExp(rule.pattern, 'g'), rule.mask || '[已脱敏]');
-        } catch (error) {
-          console.warn('Invalid custom PII pattern', error);
-        }
-      }
-    });
-    return result;
-  }
-
-  function renderPage() {
-    container.innerHTML = `
-      <div class="page-header">
-        <div>
-          <div class="page-title">隐私保护 (PII)</div>
-          <div class="page-desc">个人信息脱敏、COPPA/GDPR 合规配置与数据保留策略</div>
-        </div>
-      </div>
-
-      <div class="tabs" id="privacyTabs">
-        <div class="tab-item ${state.activeTab === 'pii' ? 'active' : ''}" data-tab="pii">PII 脱敏规则</div>
-        <div class="tab-item ${state.activeTab === 'gdpr' ? 'active' : ''}" data-tab="gdpr">GDPR/COPPA</div>
-        <div class="tab-item ${state.activeTab === 'retention' ? 'active' : ''}" data-tab="retention">数据保留</div>
-      </div>
-
-      <div class="tab-content ${state.activeTab === 'pii' ? 'active' : ''}" id="tab-pii">${renderPiiTab()}</div>
-      <div class="tab-content ${state.activeTab === 'gdpr' ? 'active' : ''}" id="tab-gdpr">${renderComplianceTab()}</div>
-      <div class="tab-content ${state.activeTab === 'retention' ? 'active' : ''}" id="tab-retention">${renderRetentionTab()}</div>
-    `;
-
-    bindEvents();
-    lucide.createIcons({ elements: [container] });
-  }
-
-  function renderPiiTab() {
-    return `
-      <div class="card" style="margin-bottom:16px">
-        <div class="card-header">
-          <div>
-            <div class="card-title">PII 自动脱敏配置</div>
-            <div class="card-subtitle">自动识别并脱敏对话中的个人敏感信息</div>
-          </div>
-          <div style="display:flex;align-items:center;gap:8px">
-            <span style="font-size:13px;color:var(--text-muted)">全局启用</span>
-            <label class="toggle-switch">
-              <input type="checkbox" id="piiGlobalToggle" ${state.piiGlobalEnabled ? 'checked' : ''}>
-              <span class="toggle-track"></span>
-            </label>
-          </div>
-        </div>
-        <div style="display:flex;justify-content:flex-end;gap:8px;margin-bottom:14px">
-          <button class="btn btn-outline btn-sm" id="testPiiBtn"><i data-lucide="scan-text"></i> 测试脱敏</button>
-          <button class="btn btn-outline btn-sm" id="addPiiRuleBtn"><i data-lucide="plus"></i> 新增规则</button>
-          <button class="btn btn-primary btn-sm" id="savePiiBtn"><i data-lucide="save"></i> 保存配置</button>
-        </div>
-        <div style="display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px">
-          ${state.piiRules.map(rule => `
-            <div style="display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-sm)">
-              <div style="min-width:0">
-                <div style="display:flex;align-items:center;gap:8px;margin-bottom:4px">
-                  <span style="font-weight:600;font-size:13px">${escapeHtml(rule.name)}</span>
-                  ${rule.system ? '<span class="badge badge-default" style="font-size:11px">系统</span>' : '<span class="badge badge-info" style="font-size:11px">自定义</span>'}
-                </div>
-                <div style="font-size:12px;color:var(--text-muted);font-family:monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis">${escapeHtml(rule.example)}</div>
-              </div>
-              <div style="display:flex;align-items:center;gap:6px">
-                <label class="toggle-switch">
-                  <input type="checkbox" class="pii-rule-toggle" data-rule-id="${escapeHtml(rule.id)}" ${rule.enabled ? 'checked' : ''}>
-                  <span class="toggle-track"></span>
-                </label>
-                <button class="btn btn-ghost btn-sm" data-tooltip="编辑规则" onclick="editPiiRule('${escapeHtml(rule.id)}')"><i data-lucide="edit-2"></i></button>
-                <button class="btn btn-ghost btn-sm" style="color:var(--danger)" data-tooltip="删除规则" onclick="deletePiiRule('${escapeHtml(rule.id)}')"><i data-lucide="trash-2"></i></button>
-              </div>
-            </div>
-          `).join('')}
-        </div>
-      </div>
-
-      <div class="api-note">
-        <i data-lucide="info"></i>
-        <div>PII 规则接口预留：<code>GET /api/v1/privacy/pii-rules</code> · <code>POST /api/v1/privacy/pii-rules</code> · <code>PUT /api/v1/privacy/pii-rules/{id}</code> · <code>DELETE /api/v1/privacy/pii-rules/{id}</code>。</div>
-      </div>
-    `;
-  }
-
-  function renderComplianceToggleList(items, group) {
-    return items.map(item => `
-      <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:10px">
-        <span style="font-size:13px">${escapeHtml(item.label)}</span>
-        <label class="toggle-switch">
-          <input type="checkbox" class="compliance-toggle" data-group="${group}" data-item-id="${escapeHtml(item.id)}" ${item.enabled ? 'checked' : ''}>
-          <span class="toggle-track"></span>
-        </label>
-      </div>
-    `).join('');
-  }
-
-  function renderComplianceTab() {
-    const coppaStatus = getComplianceStatus(state.coppaItems);
-    const gdprStatus = getComplianceStatus(state.gdprItems);
-    return `
-      <div style="display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px">
-        <div class="card">
-          <div class="card-title" style="margin-bottom:12px">COPPA 合规（儿童隐私保护）</div>
-          ${renderComplianceToggleList(state.coppaItems, 'coppa')}
-          <div style="margin-top:12px;padding:10px;border-radius:var(--radius-sm);font-size:12px" class="badge ${coppaStatus.badge}">
-            COPPA 合规状态：${coppaStatus.label} · ${coppaStatus.text}
-          </div>
-        </div>
-        <div class="card">
-          <div class="card-title" style="margin-bottom:12px">GDPR 数据权利</div>
-          ${renderComplianceToggleList(state.gdprItems, 'gdpr')}
-          <div style="margin-top:12px;padding:10px;border-radius:var(--radius-sm);font-size:12px" class="badge ${gdprStatus.badge}">
-            GDPR 合规状态：${gdprStatus.label} · ${gdprStatus.text}
-          </div>
-        </div>
-      </div>
-
-      <div style="display:flex;justify-content:flex-end;gap:8px;margin-bottom:16px">
-        <button class="btn btn-outline btn-sm" id="runComplianceCheckBtn"><i data-lucide="shield-check"></i> 运行合规检查</button>
-        <button class="btn btn-primary btn-sm" id="saveComplianceBtn"><i data-lucide="save"></i> 保存合规配置</button>
-      </div>
-
-      <div class="card" style="padding:0;overflow:hidden">
-        <div style="padding:14px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px">
-          <div>
-            <div class="card-title">数据主体请求</div>
-            <div class="card-subtitle">处理访问、更正、删除等 GDPR 数据权利请求</div>
-          </div>
-          <button class="btn btn-outline btn-sm" id="addDataRequestBtn"><i data-lucide="plus"></i> 新增请求</button>
-        </div>
-        <div class="table-wrapper">
-          <table>
-            <thead><tr><th>请求 ID</th><th>请求人</th><th>公司</th><th>类型</th><th>状态</th><th>创建时间</th><th>操作</th></tr></thead>
-            <tbody>
-              ${state.dataRequests.map(request => {
-                const meta = getRequestStatusMeta(request.status);
-                return `
-                  <tr>
-                    <td style="font-family:monospace;font-size:12px;color:var(--primary)">${escapeHtml(request.id)}</td>
-                    <td>${escapeHtml(request.subject)}</td>
-                    <td style="font-size:12px;color:var(--text-secondary)">${escapeHtml(request.company)}</td>
-                    <td>${escapeHtml(request.type)}</td>
-                    <td><span class="badge ${meta.badge}">${meta.label}</span></td>
-                    <td style="font-size:12px;color:var(--text-muted)">${escapeHtml(request.createdAt)}</td>
-                    <td>
-                      ${request.status === 'pending'
-                        ? `<button class="btn btn-outline btn-sm" onclick="processDataRequest('${escapeHtml(request.id)}')">处理</button>`
-                        : `<button class="btn btn-ghost btn-sm" onclick="viewDataRequestResult('${escapeHtml(request.id)}')">查看结果</button>`}
-                    </td>
-                  </tr>
-                `;
-              }).join('')}
-            </tbody>
-          </table>
-        </div>
-      </div>
-    `;
-  }
-
-  function renderRetentionTab() {
-    return `
-      <div class="card">
-        <div style="display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px">
-          <div>
-            <div class="card-title">数据保留策略</div>
-            <div class="card-subtitle">设置不同数据类型的自动保留周期</div>
-          </div>
-          ${state.lastCleanup ? `<span class="badge badge-default">最近清理：${escapeHtml(state.lastCleanup)}</span>` : ''}
-        </div>
-        ${state.retentionPolicies.map(policy => `
-          <div style="display:flex;align-items:center;gap:16px;padding:10px 0;border-bottom:1px solid var(--border)">
-            <span style="flex:1;font-size:13px">${escapeHtml(policy.type)}</span>
-            <input type="number" min="1" max="3650" class="form-control retention-input" data-policy-id="${escapeHtml(policy.id)}" value="${policy.period}" style="width:96px">
-            <span style="font-size:13px;color:var(--text-muted)">${escapeHtml(policy.unit)}</span>
-          </div>
-        `).join('')}
-        <div style="display:flex;gap:8px;margin-top:16px">
-          <button class="btn btn-primary" id="saveRetentionBtn"><i data-lucide="save"></i> 保存策略</button>
-          <button class="btn btn-outline" id="resetRetentionBtn"><i data-lucide="rotate-ccw"></i> 恢复默认</button>
-          <button class="btn btn-outline" id="cleanupExpiredBtn"><i data-lucide="trash-2"></i> 清理过期数据</button>
-        </div>
-        <div class="api-note" style="margin-top:14px">
-          <i data-lucide="info"></i>
-          <span>后端接口预留：<code>GET /api/v1/privacy/retention-policies</code> · <code>PUT /api/v1/privacy/retention-policies/{id}</code> · <code>POST /api/v1/privacy/cleanup-expired</code></span>
-        </div>
-      </div>
-    `;
-  }
-
-  function bindEvents() {
-    container.querySelectorAll('#privacyTabs .tab-item').forEach(tab => {
-      tab.addEventListener('click', () => {
-        state.activeTab = tab.dataset.tab;
-        renderPage();
-      });
-    });
-
-    container.querySelector('#piiGlobalToggle')?.addEventListener('change', event => {
-      state.piiGlobalEnabled = event.target.checked;
-      Toast.info(state.piiGlobalEnabled ? 'PII 全局脱敏已开启' : 'PII 全局脱敏已关闭', 1000);
-    });
-
-    container.querySelectorAll('.pii-rule-toggle').forEach(input => {
-      input.addEventListener('change', event => {
-        const rule = state.piiRules.find(item => item.id === event.target.dataset.ruleId);
-        if (rule) rule.enabled = event.target.checked;
-      });
-    });
-
-    container.querySelector('#addPiiRuleBtn')?.addEventListener('click', openPiiRuleModal);
-    container.querySelector('#testPiiBtn')?.addEventListener('click', openPiiTestModal);
-    container.querySelector('#savePiiBtn')?.addEventListener('click', savePiiConfig);
-
-    container.querySelectorAll('.compliance-toggle').forEach(input => {
-      input.addEventListener('change', event => {
-        const list = event.target.dataset.group === 'coppa' ? state.coppaItems : state.gdprItems;
-        const target = list.find(item => item.id === event.target.dataset.itemId);
-        if (target) target.enabled = event.target.checked;
-      });
-    });
-
-    container.querySelector('#saveComplianceBtn')?.addEventListener('click', saveComplianceConfig);
-    container.querySelector('#runComplianceCheckBtn')?.addEventListener('click', runComplianceCheck);
-    container.querySelector('#addDataRequestBtn')?.addEventListener('click', openDataRequestModal);
-    container.querySelector('#saveRetentionBtn')?.addEventListener('click', saveRetentionPolicies);
-    container.querySelector('#resetRetentionBtn')?.addEventListener('click', resetRetentionPolicies);
-    container.querySelector('#cleanupExpiredBtn')?.addEventListener('click', cleanupExpiredData);
-  }
-
-  function openPiiRuleModal(ruleId = '') {
-    const editingRule = state.piiRules.find(rule => rule.id === ruleId);
-    const modal = createModal({
-      title: editingRule ? '编辑脱敏规则' : '新增脱敏规则',
-      content: `
-        <div class="form-row">
-          <div class="form-group">
-            <label class="form-label">规则名称<span class="required">*</span></label>
-            <input type="text" class="form-control" id="piiRuleName" value="${escapeHtml(editingRule?.name || '')}" placeholder="例如：邮箱">
-          </div>
-          <div class="form-group">
-            <label class="form-label">识别类型</label>
-            <select class="form-control" id="piiRuleType">
-              ${[
-                ['person_name', '姓名'],
-                ['phone', '手机号'],
-                ['email', '邮箱'],
-                ['ip', 'IP 地址'],
-                ['id_card', '身份证号'],
-                ['address', '地址'],
-                ['bank_card', '银行卡号'],
-                ['custom', '自定义正则'],
-              ].map(([value, label]) => `<option value="${value}" ${editingRule?.type === value ? 'selected' : ''}>${label}</option>`).join('')}
-            </select>
-          </div>
-        </div>
-        <div class="form-group" id="customPatternGroup" style="${editingRule?.type === 'custom' ? '' : 'display:none'}">
-          <label class="form-label">自定义正则</label>
-          <input type="text" class="form-control" id="piiRulePattern" value="${escapeHtml(editingRule?.pattern || '')}" placeholder="例如：[A-Z]{2}\\d{6}">
-        </div>
-        <div class="form-row">
-          <div class="form-group">
-            <label class="form-label">脱敏展示<span class="required">*</span></label>
-            <input type="text" class="form-control" id="piiRuleMask" value="${escapeHtml(editingRule?.mask || '[已脱敏]')}" placeholder="[已脱敏]">
-          </div>
-          <div class="form-group">
-            <label class="form-label">示例</label>
-            <input type="text" class="form-control" id="piiRuleExample" value="${escapeHtml(editingRule?.example || '')}" placeholder="原始文本 → 脱敏文本">
-          </div>
-        </div>
-        <label style="display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer">
-          <input type="checkbox" id="piiRuleEnabled" ${editingRule?.enabled !== false ? 'checked' : ''} style="accent-color:var(--primary)">
-          <span>启用该规则</span>
-        </label>`,
-      onConfirm: async () => {
-        const name = modal.overlay.querySelector('#piiRuleName')?.value.trim();
-        const type = modal.overlay.querySelector('#piiRuleType')?.value || 'custom';
-        const pattern = modal.overlay.querySelector('#piiRulePattern')?.value.trim();
-        const mask = modal.overlay.querySelector('#piiRuleMask')?.value.trim();
-        const example = modal.overlay.querySelector('#piiRuleExample')?.value.trim();
-        const enabled = modal.overlay.querySelector('#piiRuleEnabled')?.checked;
-        if (!name || !mask) {
-          Toast.warning('请填写规则名称和脱敏展示');
-          return false;
-        }
-        if (type === 'custom' && !pattern) {
-          Toast.warning('自定义规则需要填写正则表达式');
-          return false;
-        }
-        if (type === 'custom') {
-          try {
-            new RegExp(pattern);
-          } catch (error) {
-            Toast.warning('自定义正则格式不正确');
-            return false;
-          }
-        }
-
-        if (editingRule) {
-          Object.assign(editingRule, { name, type, pattern, mask, example: example || `${name} → ${mask}`, enabled });
-          await callPrivacyApi('updateRule', editingRule.id, editingRule);
-          Toast.success('脱敏规则已更新');
-        } else {
-          const newRule = {
-            id: `custom-${Date.now()}`,
-            name,
-            type,
-            pattern,
-            mask,
-            example: example || `${name} → ${mask}`,
-            enabled,
-            system: false,
-          };
-          state.piiRules.push(newRule);
-          await callPrivacyApi('createRule', newRule);
-          Toast.success('脱敏规则已创建');
-        }
-        renderPage();
-      },
-      confirmText: editingRule ? '保存' : '创建',
-    });
-
-    modal.overlay.querySelector('#piiRuleType')?.addEventListener('change', event => {
-      const group = modal.overlay.querySelector('#customPatternGroup');
-      if (group) group.style.display = event.target.value === 'custom' ? '' : 'none';
-    });
-  }
-
-  window.editPiiRule = function(ruleId) {
-    openPiiRuleModal(ruleId);
-  };
-
-  window.deletePiiRule = function(ruleId) {
-    const rule = state.piiRules.find(item => item.id === ruleId);
-    if (!rule) return;
-    createModal({
-      title: '删除脱敏规则',
-      content: `
-        <div style="text-align:center;padding:18px 0">
-          <i data-lucide="alert-triangle" style="width:44px;height:44px;color:var(--warning);margin-bottom:12px"></i>
-          <p style="font-size:15px;font-weight:600;margin-bottom:8px">确认删除规则「${escapeHtml(rule.name)}」？</p>
-          <p style="font-size:13px;color:var(--text-muted)">删除后该类型信息将不再被此规则脱敏。</p>
-        </div>`,
-      onConfirm: async () => {
-        state.piiRules = state.piiRules.filter(item => item.id !== rule.id);
-        await callPrivacyApi('deleteRule', rule.id);
-        Toast.success('脱敏规则已删除');
-        renderPage();
-      },
-      confirmText: '确认删除',
-    });
-    lucide.createIcons();
-  };
-
-  function openPiiTestModal() {
-    const sample = '张三说他的手机号是13812348888，家庭住址是北京市朝阳区星河小区，登录 IP 是 192.168.1.10。';
-    const modal = createModal({
-      title: '测试 PII 脱敏',
-      size: 'modal-lg',
-      content: `
-        <div class="form-group">
-          <label class="form-label">测试文本</label>
-          <textarea class="form-control" rows="5" id="piiTestInput">${escapeHtml(sample)}</textarea>
-        </div>
-        <button class="btn btn-outline btn-sm" id="runPiiMaskBtn" style="margin-bottom:12px"><i data-lucide="scan-text"></i> 生成脱敏预览</button>
-        <div>
-          <label class="form-label">脱敏结果</label>
-          <div id="piiTestOutput" style="min-height:92px;padding:12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#f7f8fc;font-size:13px;line-height:1.7"></div>
-        </div>`,
-      onConfirm: () => true,
-      confirmText: '关闭',
-      showCancel: false,
-    });
-    const run = () => {
-      const input = modal.overlay.querySelector('#piiTestInput')?.value || '';
-      const output = modal.overlay.querySelector('#piiTestOutput');
-      if (output) output.textContent = maskText(input);
-    };
-    modal.overlay.querySelector('#runPiiMaskBtn')?.addEventListener('click', run);
-    run();
-    lucide.createIcons({ elements: [modal.overlay] });
-  }
-
-  async function savePiiConfig() {
-    await callPrivacyApi('updateConfig', {
-      piiGlobalEnabled: state.piiGlobalEnabled,
-      piiRules: state.piiRules,
-    });
-    Toast.success('PII 脱敏配置已保存');
-  }
-
-  async function saveComplianceConfig() {
-    await callPrivacyApi('updateConfig', {
-      coppaItems: state.coppaItems,
-      gdprItems: state.gdprItems,
-    });
-    Toast.success('合规配置已保存');
-    renderPage();
-  }
-
-  function runComplianceCheck() {
-    const disabled = [...state.coppaItems, ...state.gdprItems].filter(item => !item.enabled);
-    createModal({
-      title: '合规检查结果',
-      content: disabled.length ? `
-        <div style="font-size:14px;margin-bottom:12px">发现 ${disabled.length} 个待关注项：</div>
-        <div style="display:grid;gap:8px">
-          ${disabled.map(item => `<div style="padding:10px 12px;background:#fffbe6;border:1px solid #ffe58f;border-radius:var(--radius-sm);font-size:13px">${escapeHtml(item.label)}</div>`).join('')}
-        </div>
-      ` : `
-        <div style="text-align:center;padding:24px 0">
-          <i data-lucide="shield-check" style="width:46px;height:46px;color:var(--success);margin-bottom:12px"></i>
-          <div style="font-weight:700;margin-bottom:6px">检查通过</div>
-          <div style="font-size:13px;color:var(--text-muted)">COPPA / GDPR 控制项均已开启。</div>
-        </div>
-      `,
-      onConfirm: () => true,
-      confirmText: '关闭',
-      showCancel: false,
-    });
-    lucide.createIcons();
-  }
-
-  function openDataRequestModal() {
-    const modal = createModal({
-      title: '新增数据主体请求',
-      content: `
-        <div class="form-row">
-          <div class="form-group">
-            <label class="form-label">请求人<span class="required">*</span></label>
-            <input type="text" class="form-control" id="dsrSubject" placeholder="邮箱 / 用户 ID">
-          </div>
-          <div class="form-group">
-            <label class="form-label">请求类型</label>
-            <select class="form-control" id="dsrType">
-              <option>访问数据</option>
-              <option>删除数据</option>
-              <option>更正数据</option>
-              <option>导出数据</option>
-            </select>
-          </div>
-        </div>
-        <div class="form-group">
-          <label class="form-label">所属公司</label>
-          <select class="form-control" id="dsrCompany">
-            ${(window.companies || []).filter(company => company.id !== 'all').map(company => `<option>${escapeHtml(company.name)}</option>`).join('')}
-          </select>
-        </div>`,
-      onConfirm: async () => {
-        const subject = modal.overlay.querySelector('#dsrSubject')?.value.trim();
-        if (!subject) {
-          Toast.warning('请填写请求人');
-          return false;
-        }
-        const request = {
-          id: `DSR-${new Date().getFullYear()}-${String(state.dataRequests.length + 1).padStart(3, '0')}`,
-          subject,
-          company: modal.overlay.querySelector('#dsrCompany')?.value || '默认公司',
-          type: modal.overlay.querySelector('#dsrType')?.value || '访问数据',
-          status: 'pending',
-          createdAt: getNowText(),
-          result: '',
-        };
-        state.dataRequests.unshift(request);
-        await callPrivacyApi('getDataRequests', { mockCreated: request.id });
-        Toast.success('数据主体请求已创建');
-        renderPage();
-      },
-      confirmText: '创建请求',
-    });
-  }
-
-  window.processDataRequest = function(requestId) {
-    const request = state.dataRequests.find(item => item.id === requestId);
-    if (!request) return;
-    const modal = createModal({
-      title: `处理数据请求 - ${escapeHtml(request.id)}`,
-      content: `
-        <div style="padding:10px 12px;background:#f7f8fc;border-radius:var(--radius-sm);font-size:13px;line-height:1.7;margin-bottom:12px">
-          <div>请求人：${escapeHtml(request.subject)}</div>
-          <div>请求类型：${escapeHtml(request.type)}</div>
-          <div>所属公司：${escapeHtml(request.company)}</div>
-        </div>
-        <div class="form-group">
-          <label class="form-label">处理结果</label>
-          <select class="form-control" id="dsrAction">
-            <option value="processed">通过并处理</option>
-            <option value="rejected">拒绝请求</option>
-          </select>
-        </div>
-        <div class="form-group">
-          <label class="form-label">处理说明<span class="required">*</span></label>
-          <textarea class="form-control" rows="3" id="dsrResult" placeholder="说明处理结果或拒绝原因"></textarea>
-        </div>`,
-      onConfirm: async () => {
-        const action = modal.overlay.querySelector('#dsrAction')?.value || 'processed';
-        const result = modal.overlay.querySelector('#dsrResult')?.value.trim();
-        if (!result) {
-          Toast.warning('请填写处理说明');
-          return false;
-        }
-        request.status = action;
-        request.result = result;
-        request.processedAt = getNowText();
-        await callPrivacyApi('processDataRequest', request.id, action);
-        Toast.success(action === 'processed' ? '数据请求已处理' : '数据请求已拒绝');
-        renderPage();
-      },
-      confirmText: '确认处理',
-    });
-  };
-
-  window.viewDataRequestResult = function(requestId) {
-    const request = state.dataRequests.find(item => item.id === requestId);
-    if (!request) return;
-    const meta = getRequestStatusMeta(request.status);
-    createModal({
-      title: `请求结果 - ${escapeHtml(request.id)}`,
-      content: `
-        <div style="display:grid;gap:10px;font-size:13px">
-          <div><strong>请求人：</strong>${escapeHtml(request.subject)}</div>
-          <div><strong>请求类型：</strong>${escapeHtml(request.type)}</div>
-          <div><strong>状态：</strong><span class="badge ${meta.badge}">${meta.label}</span></div>
-          <div><strong>处理说明：</strong>${escapeHtml(request.result || '暂无')}</div>
-          ${request.processedAt ? `<div><strong>处理时间：</strong>${escapeHtml(request.processedAt)}</div>` : ''}
-        </div>`,
-      onConfirm: () => true,
-      confirmText: '关闭',
-      showCancel: false,
-    });
-  };
-
-  async function saveRetentionPolicies() {
-    const nextPolicies = state.retentionPolicies.map(policy => {
-      const value = Number(container.querySelector(`.retention-input[data-policy-id="${policy.id}"]`)?.value);
-      return { ...policy, period: value };
-    });
-    const invalid = nextPolicies.find(policy => !Number.isFinite(policy.period) || policy.period < 1 || policy.period > 3650);
-    if (invalid) {
-      Toast.warning(`${invalid.type} 的保留周期需在 1 到 3650 天之间`);
-      return;
-    }
-    state.retentionPolicies = nextPolicies;
-    await Promise.all(nextPolicies.map(policy => callPrivacyApi('updateRetentionPolicy', policy.id, policy)));
-    Toast.success('数据保留策略已保存');
-    renderPage();
-  }
-
-  function resetRetentionPolicies() {
-    createModal({
-      title: '恢复默认保留策略',
-      content: '<p style="font-size:14px">确认将所有数据保留周期恢复为默认值？</p>',
-      onConfirm: () => {
-        state.retentionPolicies = clonePrivacyState(DEFAULT_PRIVACY_STATE.retentionPolicies);
-        Toast.success('数据保留策略已恢复默认');
-        renderPage();
-      },
-      confirmText: '确认恢复',
-    });
-  }
-
-  function cleanupExpiredData() {
-    createModal({
-      title: '清理过期数据',
-      content: `
-        <div style="text-align:center;padding:18px 0">
-          <i data-lucide="trash-2" style="width:44px;height:44px;color:var(--warning);margin-bottom:12px"></i>
-          <p style="font-size:15px;font-weight:600;margin-bottom:8px">确认执行过期数据清理？</p>
-          <p style="font-size:13px;color:var(--text-muted)">前端将模拟提交清理任务，真实删除由后端异步任务完成。</p>
-        </div>`,
-      onConfirm: async () => {
-        state.lastCleanup = getNowText();
-        await callPrivacyApi('updateConfig', { cleanupExpired: true, at: state.lastCleanup });
-        Toast.success('过期数据清理任务已提交');
-        renderPage();
-      },
-      confirmText: '提交清理',
-    });
-    lucide.createIcons();
-  }
-
-  renderPage();
-});
-
-</script>
-  <script>
-/* inline: scripts/settings.js */
-/**
- * TalkingQ Platform - Settings Page
- */
-
-const SETTINGS_API_KEY_PROVIDERS = [
-  {
-    id: 'openai',
-    name: 'OpenAI API Key',
-    provider: 'OpenAI',
-    placeholder: 'sk-...',
-    description: '用于 OpenAI 文本、多模态和实时模型调用',
-  },
-  {
-    id: 'ali',
-    name: '阿里云百炼 API Key',
-    provider: 'Alibaba Cloud Bailian',
-    placeholder: 'sk-...',
-    description: '用于通义千问、百炼应用和阿里云模型服务',
-  },
-  {
-    id: 'gemini',
-    name: 'Google Gemini API Key',
-    provider: 'Google Gemini',
-    placeholder: 'AIza...',
-    description: '用于 Gemini 文本与多模态模型调用',
-  },
-];
-
-function getNotificationCatalog() {
-  return window.TQ_NOTIFICATION_EVENT_CATALOG || [
-    {
-      type: 'device.offline_rate_exceeded',
-      category: '设备健康',
-      name: '设备离线率异常',
-      severity: 'critical',
-      trigger: '公司设备离线率连续 10 分钟超过阈值',
-      ruleSummary: '离线率 > 5%，且连续 10 分钟未恢复',
-      window: '10 分钟连续检测',
-      cooldown: '30 分钟内同公司同规则只通知 1 次',
-      contentFields: ['公司名称', '当前离线率', '影响设备数', '最近检测时间', '建议处理动作'],
-      defaultThreshold: 5,
-      thresholdUnit: '%',
-      defaultChannels: ['in_app', 'webhook'],
-    },
-  ];
-}
-
-function getNotificationInputKey(type) {
-  return String(type).replace(/[^a-zA-Z0-9]/g, '_');
-}
-
-function getNotificationSeverityLabel(severity) {
-  return {
-    critical: '高危',
-    warning: '预警',
-    info: '提醒',
-    success: '完成',
-  }[severity] || '提醒';
-}
-
-function getDefaultNotificationRules(settings = {}) {
-  const legacyBadcaseEnabled = settings.notifyBadcase !== false;
-  const legacyOfflineEnabled = settings.notifyOffline !== false;
-  const legacyOTAEnabled = settings.notifyOTA !== false;
-
-  return getNotificationCatalog().reduce((rules, item) => {
-    let enabled = item.defaultEnabled !== false;
-    if (item.type === 'device.offline_rate_exceeded') enabled = legacyOfflineEnabled;
-    if (item.type === 'ota.task_failed') enabled = legacyOTAEnabled;
-    if (item.type === 'ota.failure_rate_exceeded') enabled = legacyOTAEnabled;
-    if (item.type === 'ai.badcase_rate_exceeded') enabled = legacyBadcaseEnabled;
-
-    rules[item.type] = {
-      enabled,
-      threshold: item.type === 'ai.badcase_rate_exceeded'
-        ? (settings.badcaseThreshold || item.defaultThreshold || '')
-        : (item.defaultThreshold || ''),
-      channels: item.defaultChannels || ['in_app'],
-    };
-    return rules;
-  }, {});
-}
-
-function getNotificationRules(settings = {}) {
-  const defaults = getDefaultNotificationRules(settings);
-  const saved = settings.notificationRules || {};
-  return Object.fromEntries(Object.entries(defaults).map(([type, rule]) => [
-    type,
-    {
-      ...rule,
-      ...(saved[type] || {}),
-      channels: saved[type]?.channels || rule.channels,
-    },
-  ]));
-}
-
-function getDefaultSettings() {
-  return {
-    apiKeys: {
-      openai: '',
-      ali: 'sk-talkingq-demo-bailian-20260609',
-      gemini: '',
-    },
-    apiKeyRecords: [
-      {
-        id: 'ali',
-        name: '百炼运行密钥',
-        providerId: 'ali',
-        provider: 'Alibaba Cloud Bailian',
-        value: 'sk-talkingq-demo-bailian-20260609',
-        status: 'available',
-        createdAt: '2026-06-09',
-        lastTestedAt: '2026-06-09',
-      },
-    ],
-    platformName: 'TalkingQ',
-    refreshInterval: 300,
-    defaultModel: 'qwen-turbo',
-    enableDebug: false,
-    notificationDelivery: {
-      emails: 'admin@talkingq.com',
-      webhookUrl: 'https://hooks.talkingq.com/demo/alerts',
-    },
-    notificationRules: {},
-  };
-}
-
-function normalizeSettings(settings = {}) {
-  const defaults = getDefaultSettings();
-  const legacyKeys = {
-    ...defaults.apiKeys,
-    ...(settings.apiKeys || {}),
-  };
-  const apiKeyRecords = Array.isArray(settings.apiKeyRecords)
-    ? settings.apiKeyRecords.map(record => ({ ...record }))
-    : SETTINGS_API_KEY_PROVIDERS
-      .filter(provider => String(legacyKeys[provider.id] || '').trim())
-      .map(provider => ({
-        id: provider.id,
-        name: provider.name.replace(' API Key', ''),
-        providerId: provider.id,
-        provider: provider.provider,
-        value: legacyKeys[provider.id],
-        status: 'configured',
-        createdAt: '2026-06-09',
-        lastTestedAt: '',
-      }));
-  const apiKeys = apiKeyRecords.reduce((result, record) => {
-    if (record.providerId && record.value) result[record.providerId] = record.value;
-    return result;
-  }, { openai: '', ali: '', gemini: '' });
-  return {
-    ...defaults,
-    ...settings,
-    apiKeys,
-    apiKeyRecords,
-    notificationDelivery: {
-      ...defaults.notificationDelivery,
-      ...(settings.notificationDelivery || {}),
-    },
-    notificationRules: {
-      ...getDefaultNotificationRules(settings),
-      ...(settings.notificationRules || {}),
-    },
-  };
-}
-
-function loadSettings() {
-  if (window.__talkingqSettings) {
-    return normalizeSettings(JSON.parse(JSON.stringify(window.__talkingqSettings)));
-  }
-  try {
-    localStorage.removeItem('talkingq_settings');
-  } catch (error) {
-    console.warn('Failed to clear legacy settings cache', error);
-  }
-  return normalizeSettings();
-}
-
-function saveSettings(settings) {
-  window.__talkingqSettings = JSON.parse(JSON.stringify(normalizeSettings(settings || {})));
-}
-
-function getApiKey(provider) {
-  const settings = loadSettings();
-  return settings.apiKeyRecords?.find(record => record.providerId === provider)?.value
-    || settings.apiKeys?.[provider]
-    || '';
-}
-
-function escapeSettingsHtml(value) {
-  return String(value ?? '')
-    .replace(/&/g, '&amp;')
-    .replace(/</g, '&lt;')
-    .replace(/>/g, '&gt;')
-    .replace(/"/g, '&quot;')
-    .replace(/'/g, '&#39;');
-}
-
-function getApiKeyStatusMeta(status) {
-  if (status === 'available') return { label: '连接可用', badge: 'badge-success' };
-  if (status === 'failed') return { label: '连接失败', badge: 'badge-danger' };
-  if (status === 'testing') return { label: '测试中', badge: 'badge-warning' };
-  return { label: '已保存', badge: 'badge-info' };
-}
-
-function maskApiKey(value) {
-  const key = String(value || '');
-  if (!key) return '-';
-  if (key.length <= 8) return `${key.slice(0, 2)}****`;
-  return `${key.slice(0, 5)}****${key.slice(-4)}`;
-}
-
-function getSettingsDateText() {
-  const now = new Date();
-  const pad = value => String(value).padStart(2, '0');
-  return `${now.getFullYear()}-${pad(now.getMonth() + 1)}-${pad(now.getDate())}`;
-}
-
-function isValidEmailList(value) {
-  const emails = String(value || '')
-    .split(/[,，;\s]+/)
-    .map(item => item.trim())
-    .filter(Boolean);
-  return emails.length > 0 && emails.every(email => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email));
-}
-
-function isValidWebhookUrl(value) {
-  return /^https?:\/\/[^\s]+$/i.test(String(value || '').trim());
-}
-
-async function callSettingsApi(method, ...args) {
-  try {
-    if (typeof API !== 'undefined' && API.settings?.[method]) {
-      return await API.settings[method](...args);
-    }
-  } catch (error) {
-    console.warn(`Mock settings API ${method} failed:`, error);
-    throw error;
-  }
-  return null;
-}
-
-function renderNotificationRuleRows(rules) {
-  return getNotificationCatalog().map(item => {
-    const key = getNotificationInputKey(item.type);
-    const rule = rules[item.type] || {};
-    const channels = new Set(rule.channels || item.defaultChannels || ['in_app']);
-    const hasThreshold = item.defaultThreshold !== undefined;
-    const thresholdText = item.thresholdLabel || (hasThreshold ? `${rule.threshold || item.defaultThreshold}${item.thresholdUnit || ''}` : '发生即通知');
-    return `
-      <div class="notification-rule-row" data-rule-type="${escapeSettingsHtml(item.type)}">
-        <div class="notification-rule-main">
-          <div class="notification-rule-head">
-            <div>
-              <div class="notification-rule-title">${escapeSettingsHtml(item.name)}</div>
-              <div class="notification-rule-desc">${escapeSettingsHtml(item.trigger)}</div>
-            </div>
-            <span class="notification-rule-severity ${escapeSettingsHtml(item.severity)}">${getNotificationSeverityLabel(item.severity)}</span>
-          </div>
-          <div class="notification-rule-meta">
-            <span>规则：${escapeSettingsHtml(item.ruleSummary || thresholdText)}</span>
-            <span>窗口：${escapeSettingsHtml(item.window || '实时')}</span>
-            <span>冷却：${escapeSettingsHtml(item.cooldown || '无')}</span>
-          </div>
-          <div class="notification-rule-content">
-            通知内容：${item.contentFields.map(escapeSettingsHtml).join('、')}
-          </div>
-        </div>
-        <div class="notification-rule-controls">
-          <label class="notification-switch">
-            <input type="checkbox" class="notification-enabled-input" id="notif_${key}_enabled" ${rule.enabled !== false ? 'checked' : ''}>
-            <span>启用</span>
-          </label>
-          ${hasThreshold ? `
-            <label class="notification-threshold">
-              <span>阈值</span>
-              <input type="number" class="form-control notification-threshold-input" id="notif_${key}_threshold" value="${escapeSettingsHtml(rule.threshold || item.defaultThreshold)}" min="1" ${item.thresholdUnit === '%' ? 'max="100"' : ''} style="width:84px">
-              <em>${escapeSettingsHtml(item.thresholdUnit || '')}</em>
-            </label>
-          ` : `
-            <div class="notification-threshold readonly">
-              <span>阈值</span>
-              <strong>${escapeSettingsHtml(thresholdText)}</strong>
-            </div>
-          `}
-          <div class="notification-channels">
-            <label><input type="checkbox" id="notif_${key}_channel_in_app" checked disabled> 站内</label>
-            <label><input type="checkbox" class="notification-channel-input" id="notif_${key}_channel_email" ${channels.has('email') ? 'checked' : ''}> 邮件</label>
-            <label><input type="checkbox" class="notification-channel-input" id="notif_${key}_channel_webhook" ${channels.has('webhook') ? 'checked' : ''}> Webhook</label>
-          </div>
-        </div>
-      </div>
-    `;
-  }).join('');
-}
-
-registerPage('settings', function(container) {
-  let settings = loadSettings();
-
-  function renderPage() {
-    const notificationRules = getNotificationRules(settings);
-    const enabledRuleCount = Object.values(notificationRules).filter(rule => rule.enabled !== false).length;
-    const availableKeyCount = settings.apiKeyRecords.filter(record => record.status === 'available').length;
-    container.innerHTML = `
-      <div class="page-header settings-page-header">
-        <div>
-          <div class="page-title">系统设置</div>
-          <div class="page-desc">统一管理平台运行参数、API 密钥和消息通知规则</div>
-        </div>
-      </div>
-
-      <div class="settings-layout">
-        <aside class="settings-sidebar">
-          <div class="settings-sidebar-title">设置导航</div>
-          <nav class="settings-sidebar-nav" aria-label="系统设置导航">
-            <button class="settings-nav-item active" data-settings-target="settings-api">
-              <span class="settings-nav-icon"><i data-lucide="key-round"></i></span>
-              <span>
-                <strong>API 密钥</strong>
-                <small>${settings.apiKeyRecords.length} 个已保存</small>
-              </span>
-            </button>
-            <button class="settings-nav-item" data-settings-target="settings-platform">
-              <span class="settings-nav-icon"><i data-lucide="sliders-horizontal"></i></span>
-              <span>
-                <strong>平台配置</strong>
-                <small>基础运行参数</small>
-              </span>
-            </button>
-            <button class="settings-nav-item" data-settings-target="settings-delivery">
-              <span class="settings-nav-icon"><i data-lucide="send"></i></span>
-              <span>
-                <strong>通知渠道</strong>
-                <small>邮箱与 Webhook</small>
-              </span>
-            </button>
-            <button class="settings-nav-item" data-settings-target="settings-notifications">
-              <span class="settings-nav-icon"><i data-lucide="bell-ring"></i></span>
-              <span>
-                <strong>通知规则</strong>
-                <small>${enabledRuleCount} 项已启用</small>
-              </span>
-            </button>
-          </nav>
-          <div class="settings-sidebar-status">
-            <div class="settings-status-line">
-              <span class="settings-status-dot"></span>
-              <span>系统配置正常</span>
-            </div>
-            <small>${availableKeyCount} 个 API Key 连接可用</small>
-          </div>
-        </aside>
-
-        <main class="settings-content">
-          <section class="settings-section-card settings-section-wide" id="settings-api">
-            <div class="settings-section-header">
-              <div class="settings-section-heading">
-                <span class="settings-section-icon"><i data-lucide="key-round"></i></span>
-                <div>
-                  <h2>API 密钥配置</h2>
-                  <p>统一维护智能体运行时可选择的 API Key</p>
-                </div>
-              </div>
-              <button class="btn btn-primary" id="createApiKeyBtn"><i data-lucide="plus"></i> 创建 API Key</button>
-            </div>
-            <div class="settings-section-body">
-              ${settings.apiKeyRecords.length ? `
-                <div class="table-wrapper settings-api-table">
-                  <table>
-                    <thead>
-                      <tr>
-                        <th>密钥名称</th>
-                        <th>Provider</th>
-                        <th>API Key</th>
-                        <th>状态</th>
-                        <th>创建时间</th>
-                        <th>操作</th>
-                      </tr>
-                    </thead>
-                    <tbody>
-                      ${settings.apiKeyRecords.map(record => {
-                        const status = getApiKeyStatusMeta(record.status);
-                        return `
-                          <tr>
-                            <td>
-                              <div class="settings-key-name">
-                                <span class="settings-key-avatar"><i data-lucide="key"></i></span>
-                                <strong>${escapeSettingsHtml(record.name)}</strong>
-                              </div>
-                            </td>
-                            <td class="settings-muted-cell">${escapeSettingsHtml(record.provider)}</td>
-                            <td><code class="settings-key-code">${escapeSettingsHtml(maskApiKey(record.value))}</code></td>
-                            <td><span class="badge ${status.badge}">${status.label}</span></td>
-                            <td class="settings-muted-cell">${escapeSettingsHtml(record.createdAt || '-')}</td>
-                            <td>
-                              <div class="settings-table-actions">
-                                <button class="settings-icon-btn" data-api-key-action="copy" data-key-id="${escapeSettingsHtml(record.id)}" data-tooltip="复制密钥" aria-label="复制密钥"><i data-lucide="copy"></i></button>
-                                <button class="btn btn-outline btn-sm" data-api-key-action="test" data-key-id="${escapeSettingsHtml(record.id)}"><i data-lucide="plug-zap"></i> 测试</button>
-                                <button class="settings-icon-btn danger" data-api-key-action="delete" data-key-id="${escapeSettingsHtml(record.id)}" data-tooltip="删除密钥" aria-label="删除密钥"><i data-lucide="trash-2"></i></button>
-                              </div>
-                            </td>
-                          </tr>
-                        `;
-                      }).join('')}
-                    </tbody>
-                  </table>
-                </div>
-              ` : `
-                <div class="settings-empty-state">
-                  <span><i data-lucide="key-round"></i></span>
-                  <strong>暂无已保存的 API Key</strong>
-                  <p>创建并保存后，密钥会直接显示在这里。</p>
-                  <button class="btn btn-primary btn-sm" id="createApiKeyEmptyBtn"><i data-lucide="plus"></i> 创建 API Key</button>
-                </div>
-              `}
-              <div class="settings-security-note">
-                <i data-lucide="shield-check"></i>
-                <span>密钥列表仅展示脱敏信息。建议按环境分别创建，并定期测试和轮换。</span>
-              </div>
-            </div>
-          </section>
-
-          <div class="settings-two-column">
-            <section class="settings-section-card" id="settings-platform">
-              <div class="settings-section-header">
-                <div class="settings-section-heading">
-                  <span class="settings-section-icon"><i data-lucide="sliders-horizontal"></i></span>
-                  <div>
-                    <h2>平台配置</h2>
-                    <p>系统展示和默认运行参数</p>
-                  </div>
-                </div>
-              </div>
-              <div class="settings-section-body">
-                <div class="form-group">
-                  <label class="form-label">平台名称<span class="required">*</span></label>
-                  <input type="text" class="form-control" id="platformName" value="${escapeSettingsHtml(settings.platformName || 'TalkingQ')}" placeholder="平台名称" maxlength="40">
-                </div>
-                <div class="form-group">
-                  <label class="form-label">数据刷新间隔</label>
-                  <select class="form-control" id="refreshInterval">
-                    <option value="30" ${settings.refreshInterval == 30 ? 'selected' : ''}>30 秒</option>
-                    <option value="60" ${settings.refreshInterval == 60 ? 'selected' : ''}>1 分钟</option>
-                    <option value="300" ${settings.refreshInterval == 300 ? 'selected' : ''}>5 分钟</option>
-                    <option value="600" ${settings.refreshInterval == 600 ? 'selected' : ''}>10 分钟</option>
-                  </select>
-                </div>
-                <div class="form-group">
-                  <label class="form-label">默认 AI 模型</label>
-                  <select class="form-control" id="defaultModel">
-                    <option value="gpt-4o-mini" ${settings.defaultModel === 'gpt-4o-mini' ? 'selected' : ''}>GPT-4o mini（快速）</option>
-                    <option value="gpt-4o" ${settings.defaultModel === 'gpt-4o' ? 'selected' : ''}>GPT-4o（高能力）</option>
-                    <option value="qwen-turbo" ${settings.defaultModel === 'qwen-turbo' ? 'selected' : ''}>通义千问-Turbo</option>
-                    <option value="gemini-1.5-flash" ${settings.defaultModel === 'gemini-1.5-flash' ? 'selected' : ''}>Gemini 1.5 Flash</option>
-                    <option value="claude-3-haiku" ${settings.defaultModel === 'claude-3-haiku' ? 'selected' : ''}>Claude 3 Haiku</option>
-                  </select>
-                </div>
-                <label class="settings-checkbox-row">
-                  <span>
-                    <strong>调试模式</strong>
-                    <small>在控制台显示更详细的运行日志</small>
-                  </span>
-                  <span class="toggle-switch">
-                    <input type="checkbox" id="enableDebug" ${settings.enableDebug ? 'checked' : ''}>
-                    <span class="toggle-track"></span>
-                  </span>
-                </label>
-              </div>
-              <div class="settings-section-footer">
-                <button class="btn btn-primary" id="savePlatformBtn"><i data-lucide="save"></i> 保存配置</button>
-                <button class="btn btn-ghost" id="resetPlatformBtn"><i data-lucide="rotate-ccw"></i> 恢复默认</button>
-              </div>
-            </section>
-
-            <section class="settings-section-card" id="settings-delivery">
-              <div class="settings-section-header">
-                <div class="settings-section-heading">
-                  <span class="settings-section-icon"><i data-lucide="send"></i></span>
-                  <div>
-                    <h2>通知渠道</h2>
-                    <p>配置消息的实际接收地址</p>
-                  </div>
-                </div>
-              </div>
-              <div class="settings-section-body">
-                <div class="form-group">
-                  <label class="form-label">通知邮箱</label>
-                  <input type="text" class="form-control" id="notificationEmails" value="${escapeSettingsHtml(settings.notificationDelivery?.emails || '')}" placeholder="admin@talkingq.com">
-                  <div class="form-hint">多个邮箱使用逗号分隔</div>
-                </div>
-                <div class="form-group">
-                  <label class="form-label">Webhook URL</label>
-                  <input type="url" class="form-control" id="notificationWebhookUrl" value="${escapeSettingsHtml(settings.notificationDelivery?.webhookUrl || '')}" placeholder="https://your-webhook.com/alerts">
-                  <div class="form-hint">用于向企业内部系统推送告警消息</div>
-                </div>
-              </div>
-              <div class="settings-section-footer">
-                <button class="btn btn-outline" id="testEmailBtn"><i data-lucide="mail-check"></i> 测试邮件</button>
-                <button class="btn btn-outline" id="testWebhookBtn"><i data-lucide="send"></i> 测试 Webhook</button>
-              </div>
-            </section>
-          </div>
-
-          <section class="settings-section-card settings-section-wide" id="settings-notifications">
-            <div class="settings-section-header">
-              <div class="settings-section-heading">
-                <span class="settings-section-icon"><i data-lucide="bell-ring"></i></span>
-                <div>
-                  <h2>通知规则</h2>
-                  <p>只通知需要关注或处理的异常、异步任务和关键安全操作</p>
-                </div>
-              </div>
-              <span class="settings-section-count">${enabledRuleCount} 项已启用</span>
-            </div>
-            <div class="settings-section-body">
-              <div class="notification-principles">
-                <div><span class="settings-principle-icon"><i data-lucide="triangle-alert"></i></span><span><strong>异常告警</strong><small>设备、AI 安全、OTA 失败</small></span></div>
-                <div><span class="settings-principle-icon"><i data-lucide="timer"></i></span><span><strong>异步结果</strong><small>应用发布和知识库任务</small></span></div>
-                <div><span class="settings-principle-icon"><i data-lucide="shield-check"></i></span><span><strong>安全权限</strong><small>登录、管理员和权限变更</small></span></div>
-              </div>
-              <div class="notification-rule-list">${renderNotificationRuleRows(notificationRules)}</div>
-            </div>
-            <div class="settings-section-footer">
-              <button class="btn btn-primary" id="saveNotificationsBtn"><i data-lucide="save"></i> 保存通知设置</button>
-              <button class="btn btn-ghost" id="resetNotificationsBtn"><i data-lucide="rotate-ccw"></i> 恢复默认</button>
-            </div>
-          </section>
-        </main>
-      </div>
-    `;
-
-    bindEvents();
-    syncAllNotificationRows();
-    lucide.createIcons({ elements: [container] });
-  }
-
-  function bindEvents() {
-    container.querySelector('#createApiKeyBtn')?.addEventListener('click', openCreateApiKeyModal);
-    container.querySelector('#createApiKeyEmptyBtn')?.addEventListener('click', openCreateApiKeyModal);
-    container.querySelectorAll('[data-settings-target]').forEach(button => {
-      button.addEventListener('click', () => {
-        const section = container.querySelector(`#${button.dataset.settingsTarget}`);
-        if (!section) return;
-        container.querySelectorAll('.settings-nav-item').forEach(item => item.classList.toggle('active', item === button));
-        section.scrollIntoView({ behavior: 'smooth', block: 'start' });
-      });
-    });
-    container.querySelectorAll('[data-api-key-action]').forEach(button => {
-      button.addEventListener('click', () => {
-        const keyId = button.dataset.keyId;
-        if (button.dataset.apiKeyAction === 'copy') copySavedApiKey(keyId);
-        if (button.dataset.apiKeyAction === 'test') testSavedApiKey(keyId, button);
-        if (button.dataset.apiKeyAction === 'delete') deleteSavedApiKey(keyId);
-      });
-    });
-    container.querySelector('#savePlatformBtn')?.addEventListener('click', savePlatformSettingsFromForm);
-    container.querySelector('#resetPlatformBtn')?.addEventListener('click', resetPlatformSettings);
-    container.querySelector('#testEmailBtn')?.addEventListener('click', event => testNotificationEmail(event.currentTarget));
-    container.querySelector('#testWebhookBtn')?.addEventListener('click', event => testNotificationWebhook(event.currentTarget));
-    container.querySelector('#saveNotificationsBtn')?.addEventListener('click', saveNotificationSettingsFromForm);
-    container.querySelector('#resetNotificationsBtn')?.addEventListener('click', resetNotificationSettings);
-
-    container.querySelectorAll('.notification-enabled-input').forEach(input => {
-      input.addEventListener('change', () => syncNotificationRow(input.closest('.notification-rule-row')));
-    });
-  }
-
-  function syncNotificationRow(row) {
-    if (!row) return;
-    const enabled = row.querySelector('.notification-enabled-input')?.checked !== false;
-    row.style.opacity = enabled ? '1' : '.58';
-    row.querySelectorAll('.notification-threshold-input, .notification-channel-input').forEach(input => {
-      input.disabled = !enabled;
-    });
-  }
-
-  function syncAllNotificationRows() {
-    container.querySelectorAll('.notification-rule-row').forEach(syncNotificationRow);
-  }
-
-  function persistApiKeyRecords(records) {
-    settings = normalizeSettings({ ...settings, apiKeyRecords: records });
-    saveSettings(settings);
-    window.dispatchEvent(new CustomEvent('settingsChanged', { detail: { section: 'apiKeys' } }));
-  }
-
-  function openCreateApiKeyModal() {
-    const modal = createModal({
-      title: '创建 API Key',
-      content: `
-        <div class="form-group">
-          <label class="form-label">密钥名称<span class="required">*</span></label>
-          <input type="text" class="form-control" id="newApiKeyName" placeholder="例如：生产环境百炼密钥" maxlength="50">
-        </div>
-        <div class="form-group">
-          <label class="form-label">Provider<span class="required">*</span></label>
-          <select class="form-control" id="newApiKeyProvider">
-            ${SETTINGS_API_KEY_PROVIDERS.map(provider => `<option value="${provider.id}">${escapeSettingsHtml(provider.provider)}</option>`).join('')}
-            <option value="custom">其他 Provider</option>
-          </select>
-        </div>
-        <div class="form-group" id="customApiProviderGroup" style="display:none">
-          <label class="form-label">Provider 名称<span class="required">*</span></label>
-          <input type="text" class="form-control" id="customApiProviderName" placeholder="请输入 Provider 名称">
-        </div>
-        <div class="form-group">
-          <label class="form-label">API Key<span class="required">*</span></label>
-          <div class="input-wrapper">
-            <input type="password" class="form-control" id="newApiKeyValue" placeholder="请输入 API Key" autocomplete="new-password">
-            <button type="button" class="password-toggle" id="newApiKeyVisibility" title="显示密钥"><i data-lucide="eye-off"></i></button>
-          </div>
-        </div>
-        <div class="api-note">
-          <i data-lucide="info"></i>
-          <span>保存后该密钥会直接显示在列表中，并出现在智能体运行 API Key 下拉选择里。</span>
-        </div>`,
-      onConfirm: async () => {
-        const name = modal.overlay.querySelector('#newApiKeyName')?.value.trim();
-        const providerSelection = modal.overlay.querySelector('#newApiKeyProvider')?.value || '';
-        const customProvider = modal.overlay.querySelector('#customApiProviderName')?.value.trim();
-        const value = modal.overlay.querySelector('#newApiKeyValue')?.value.trim();
-        if (!name || !providerSelection || !value) {
-          Toast.warning('请填写密钥名称、Provider 和 API Key');
-          return false;
-        }
-        if (providerSelection === 'custom' && !customProvider) {
-          Toast.warning('请填写 Provider 名称');
-          return false;
-        }
-        if (value.length < 8) {
-          Toast.warning('API Key 长度不能少于 8 位');
-          return false;
-        }
-        if (settings.apiKeyRecords.some(record => record.name === name)) {
-          Toast.warning('密钥名称已存在');
-          return false;
-        }
-
-        const providerConfig = SETTINGS_API_KEY_PROVIDERS.find(provider => provider.id === providerSelection);
-        const record = {
-          id: `key-${Date.now()}`,
-          name,
-          providerId: providerConfig?.id || `custom-${Date.now()}`,
-          provider: providerConfig?.provider || customProvider,
-          value,
-          status: 'configured',
-          createdAt: getSettingsDateText(),
-          lastTestedAt: '',
-        };
-        persistApiKeyRecords([record, ...settings.apiKeyRecords]);
-        try {
-          await callSettingsApi('createApiKey', {
-            name: record.name,
-            provider: record.provider,
-            providerId: record.providerId,
-            apiKey: record.value,
-          });
-        } catch (error) {
-          console.warn('Mock create API key failed:', error);
-        }
-        Toast.success('API Key 已创建并保存');
-        renderPage();
-      },
-      confirmText: '创建并保存',
-    });
-
-    const providerSelect = modal.overlay.querySelector('#newApiKeyProvider');
-    const customGroup = modal.overlay.querySelector('#customApiProviderGroup');
-    providerSelect?.addEventListener('change', () => {
-      if (customGroup) customGroup.style.display = providerSelect.value === 'custom' ? '' : 'none';
-    });
-    modal.overlay.querySelector('#newApiKeyVisibility')?.addEventListener('click', event => {
-      const input = modal.overlay.querySelector('#newApiKeyValue');
-      if (!input) return;
-      const show = input.type === 'password';
-      input.type = show ? 'text' : 'password';
-      event.currentTarget.innerHTML = `<i data-lucide="${show ? 'eye' : 'eye-off'}"></i>`;
-      lucide.createIcons({ elements: [event.currentTarget] });
-    });
-  }
-
-  async function copySavedApiKey(keyId) {
-    const record = settings.apiKeyRecords.find(item => item.id === keyId);
-    if (!record) return;
-    try {
-      await navigator.clipboard.writeText(record.value);
-      Toast.success('API Key 已复制');
-    } catch (error) {
-      Toast.warning('当前浏览器不允许自动复制');
-    }
-  }
-
-  async function testSavedApiKey(keyId, button) {
-    const record = settings.apiKeyRecords.find(item => item.id === keyId);
-    if (!record) return;
-    button.disabled = true;
-    button.innerHTML = '<i data-lucide="loader-2" class="spin"></i> 测试中';
-    lucide.createIcons({ elements: [button] });
-    await new Promise(resolve => setTimeout(resolve, 650));
-    const ok = record.value.length >= 8 && !/(invalid|error|fail)/i.test(record.value);
-    const nextRecords = settings.apiKeyRecords.map(item => item.id === keyId
-      ? { ...item, status: ok ? 'available' : 'failed', lastTestedAt: getSettingsDateText() }
-      : item);
-    persistApiKeyRecords(nextRecords);
-    Toast[ok ? 'success' : 'error'](ok ? 'API Key 连接可用' : 'API Key 连接失败');
-    renderPage();
-  }
-
-  function deleteSavedApiKey(keyId) {
-    const record = settings.apiKeyRecords.find(item => item.id === keyId);
-    if (!record) return;
-    createModal({
-      title: '删除 API Key',
-      content: `
-        <div style="text-align:center;padding:18px 0">
-          <i data-lucide="alert-triangle" style="width:44px;height:44px;color:var(--warning);margin-bottom:12px"></i>
-          <p style="font-size:15px;font-weight:600;margin-bottom:8px">确认删除「${escapeSettingsHtml(record.name)}」？</p>
-          <p style="font-size:13px;color:var(--text-muted)">删除后智能体运行页将无法再选择该密钥。</p>
-        </div>`,
-      onConfirm: async () => {
-        persistApiKeyRecords(settings.apiKeyRecords.filter(item => item.id !== keyId));
-        try {
-          await callSettingsApi('revokeApiKey', keyId);
-        } catch (error) {
-          console.warn('Mock revoke API key failed:', error);
-        }
-        Toast.success('API Key 已删除');
-        renderPage();
-      },
-      confirmText: '确认删除',
-    });
-    lucide.createIcons();
-  }
-
-  function savePlatformSettingsFromForm() {
-    const platformName = container.querySelector('#platformName')?.value.trim();
-    if (!platformName) {
-      Toast.warning('请填写平台名称');
-      return;
-    }
-    settings = normalizeSettings({
-      ...settings,
-      platformName,
-      refreshInterval: Number(container.querySelector('#refreshInterval')?.value || 300),
-      defaultModel: container.querySelector('#defaultModel')?.value || 'qwen-turbo',
-      enableDebug: Boolean(container.querySelector('#enableDebug')?.checked),
-    });
-    saveSettings(settings);
-    window.dispatchEvent(new CustomEvent('settingsChanged', { detail: { section: 'platform' } }));
-    Toast.success('平台配置已保存');
-    renderPage();
-  }
-
-  function resetPlatformSettings() {
-    createModal({
-      title: '恢复平台默认配置',
-      content: '<p style="font-size:14px">确认恢复平台名称、刷新间隔、默认模型和调试模式的默认值？</p>',
-      onConfirm: () => {
-        const defaults = getDefaultSettings();
-        settings = normalizeSettings({
-          ...settings,
-          platformName: defaults.platformName,
-          refreshInterval: defaults.refreshInterval,
-          defaultModel: defaults.defaultModel,
-          enableDebug: defaults.enableDebug,
-        });
-        saveSettings(settings);
-        Toast.success('平台配置已恢复默认');
-        renderPage();
-      },
-      confirmText: '确认恢复',
-    });
-  }
-
-  async function runLoadingButton(button, loadingText, task) {
-    const original = button.innerHTML;
-    button.disabled = true;
-    button.innerHTML = `<i data-lucide="loader-2" class="spin"></i> ${loadingText}`;
-    lucide.createIcons({ elements: [button] });
-    try {
-      await task();
-    } finally {
-      if (document.body.contains(button)) {
-        button.disabled = false;
-        button.innerHTML = original;
-        lucide.createIcons({ elements: [button] });
-      }
-    }
-  }
-
-  async function testNotificationEmail(button) {
-    const emails = container.querySelector('#notificationEmails')?.value.trim() || '';
-    if (!isValidEmailList(emails)) {
-      Toast.warning('请输入有效的通知邮箱，多个邮箱可用逗号分隔');
-      return;
-    }
-    await runLoadingButton(button, '发送中...', async () => {
-      await new Promise(resolve => setTimeout(resolve, 500));
-      Toast.success('测试邮件已发送');
-    });
-  }
-
-  async function testNotificationWebhook(button) {
-    const url = container.querySelector('#notificationWebhookUrl')?.value.trim() || '';
-    if (!isValidWebhookUrl(url)) {
-      Toast.warning('请输入以 http:// 或 https:// 开头的 Webhook URL');
-      return;
-    }
-    await runLoadingButton(button, '测试中...', async () => {
-      try {
-        await callSettingsApi('testWebhook', url);
-      } catch (error) {
-        Toast.warning('后端测试接口暂不可用，已完成前端格式校验');
-        return;
-      }
-      await new Promise(resolve => setTimeout(resolve, 400));
-      Toast.success('Webhook 测试请求已发送');
-    });
-  }
-
-  function collectNotificationForm() {
-    const rules = {};
-    let error = '';
-    getNotificationCatalog().forEach(item => {
-      const key = getNotificationInputKey(item.type);
-      const enabled = Boolean(container.querySelector(`#notif_${key}_enabled`)?.checked);
-      const channels = ['in_app'];
-      if (container.querySelector(`#notif_${key}_channel_email`)?.checked) channels.push('email');
-      if (container.querySelector(`#notif_${key}_channel_webhook`)?.checked) channels.push('webhook');
-      let threshold;
-      if (item.defaultThreshold !== undefined) {
-        threshold = Number(container.querySelector(`#notif_${key}_threshold`)?.value);
-        if (enabled && (!Number.isFinite(threshold) || threshold < 1 || (item.thresholdUnit === '%' && threshold > 100))) {
-          error = `${item.name} 的阈值设置不正确`;
-        }
-      }
-      rules[item.type] = {
-        enabled,
-        threshold,
-        thresholdUnit: item.thresholdUnit || undefined,
-        thresholdLabel: item.thresholdLabel || undefined,
-        window: item.window || undefined,
-        cooldown: item.cooldown || undefined,
-        channels,
-      };
-    });
-    return { rules, error };
-  }
-
-  async function saveNotificationSettingsFromForm() {
-    const emails = container.querySelector('#notificationEmails')?.value.trim() || '';
-    const webhookUrl = container.querySelector('#notificationWebhookUrl')?.value.trim() || '';
-    const { rules, error } = collectNotificationForm();
-    if (error) {
-      Toast.warning(error);
-      return;
-    }
-    const enabledRules = Object.values(rules).filter(rule => rule.enabled);
-    const needsEmail = enabledRules.some(rule => rule.channels.includes('email'));
-    const needsWebhook = enabledRules.some(rule => rule.channels.includes('webhook'));
-    if (needsEmail && !isValidEmailList(emails)) {
-      Toast.warning('已有规则启用邮件通知，请先填写有效通知邮箱');
-      return;
-    }
-    if (needsWebhook && !isValidWebhookUrl(webhookUrl)) {
-      Toast.warning('已有规则启用 Webhook，请先填写有效 Webhook URL');
-      return;
-    }
-
-    settings.notificationRules = rules;
-    settings.notificationDelivery = { emails, webhookUrl };
-    settings.notifyBadcase = rules['ai.badcase_rate_exceeded']?.enabled !== false;
-    settings.badcaseThreshold = rules['ai.badcase_rate_exceeded']?.threshold || 5;
-    settings.notifyOffline = rules['device.offline_rate_exceeded']?.enabled !== false;
-    settings.notifyOTA = rules['ota.task_failed']?.enabled !== false;
-    saveSettings(settings);
-
-    try {
-      await callSettingsApi('updateNotifications', {
-        rules,
-        delivery: settings.notificationDelivery,
-        tenantScope: window.__getTenantScopeParams ? window.__getTenantScopeParams() : {},
-      });
-    } catch (error) {
-      Toast.warning('通知设置已保存在前端，后端接口接入后会自动同步');
-      renderPage();
-      return;
-    }
-    window.__refreshNotifications?.();
-    Toast.success('通知设置已保存');
-    renderPage();
-  }
-
-  function resetNotificationSettings() {
-    createModal({
-      title: '恢复默认通知设置',
-      content: '<p style="font-size:14px">确认恢复全部通知规则阈值和默认通知渠道？通知邮箱和 Webhook 地址会保留。</p>',
-      onConfirm: () => {
-        settings.notificationRules = getDefaultNotificationRules({});
-        saveSettings(settings);
-        Toast.success('通知规则已恢复默认');
-        renderPage();
-      },
-      confirmText: '确认恢复',
-    });
-  }
-
-  renderPage();
-});
-
-</script>
-</body>
-</html>
