<!--
版本号: V.0036
V.0036：三阶段模型配置每个阶段新增「检测连通」按钮——对已保存配置发一次最小请求，
        验证 API Key/接口地址/模型名是否可用，结果就地显示（成功/失败原因/耗时）。
V.0035：移除「缓存管理中心」里 analysis_use_by_default 展示项——首页「优先使用缓存」开关已下线
        （该配置在 schema 标记 hidden）。
V.0034：设置项分组打磨——新增「数据源层（直连行情）」展示分组，收纳此前掉进「其他配置」
        兜底框的 7 个 datasource 项；display_kline_days（分析+图表共用的K线保留量）移到
        「数据范围与 AI 输入量」与「K线拉取天数」相邻，便于区分拉取总量/保留量/图表缩放。
V.0033：阶段1/2/3 模型项隐藏「默认: xxx」提示（按 schema 的 hide_default_hint 标记）——
        避免重构后展示过时的固定默认模型名造成误导。
V.0032：下线全局「最大Token数」——输出 token 上限改由各供应商卡片 max_tokens 单独设置
        （留空=不发送，由接口/模型默认上限决定）；「AI 输出与稳定性」分组移除该项。
V.0031：模型配置「按接口类型归属 + 阶段精简」——供应商卡片新增最大输出Token/思考Token上限，
        且按接口类型联动显隐（思考类仅千问、推理强度/服务优先级仅 OpenAI）；三阶段每段只留
        供应商/模型/联网搜索；移除旧「AI 能力兼容默认值」分组（全局联网/思考开关已下线）。
V.0030：维护区新增「历史内容清理」卡片——勾选采集缓存/分析结果/运行记录，按机制
        （清过期+孤儿 / 清N天前 / 全清）设置保留天数后一键清理。
V.0029：缓存管理中心——「缓存与历史」「缓存策略（市场感知）」与 L0 缓存引擎项合并为
        单一「缓存管理中心」分组（组内三小节分隔：结果缓存/采集缓存/页面与基础缓存）；
        维护区新增「缓存状态总览」卡片（全部缓存点的状态/生效TTL/占用/命中率 + 分范围清理）；
        max_history_records 与 analysis_run_ttl_days 移入「系统维护」分组。
V.0028：新增「缓存策略（市场感知）」配置分组（开收盘冗余、各数据类别盘中/固定TTL）；
        数据获取链路表格每行显示该类数据的缓存复用规则徽章。
V.0027：模型供应商列表化——卡片式 UI 支持添加/删除任意数量供应商；
        三阶段供应商下拉按名称展示并随列表实时联动；删除前提示被引用的阶段。
V.0026：流式空闲超时移入「请求性能与重试」分组（与 AI 超时同组）；
        「图表与技术指标」分组新增估值分位样本年数与估值走势默认显示年数。
V.0025：新增「数据获取链路」维护区块：可视化每类数据的来源优先级与 fallback 链路、
        最近实际来源；可调链路支持箭头调序并保存到 config.yaml datasource.chains 热生效。
V.0024：AI 三阶段配置标题前置“AI”，与分析页和任务记录术语保持一致。
V.0023：右侧维护区域移除“维护工具”总标题，仅保留四个维护子项自己的分隔栏。
V.0022：左侧导航移除“维护工具”二级标题，四个维护子项直接并入分组导航列表。
V.0021：维护工具每个子项卡片标题改为统一的整条渐变分隔栏。
V.0020：维护工具标题改为与配置分组一致的整条渐变分隔栏。
V.0019：设置页搜索栏 sticky 偏移调整为视口最顶端，避免悬浮在内容中间遮挡配置项。
V.0018：维护工具左侧导航与右侧卡片顺序统一为数据维护、外部 API Key、AI 提示词维护、词条链接配置。
V.0017：数据维护、外部 API Key、AI 提示词维护、词条链接配置并入设置页左侧导航/右侧内容结构，并在导航中独立分组。
V.0016：外部 API Key 默认隐藏但可查看/复制；Key 其他字段支持行内编辑，并补充外部 API 返回模块说明。
V.0015：新增"外部 API Key 管理"卡片，可在系统配置页新增、禁用、删除外部调用密钥。
V.0014：设置页展示层按用户配置任务重组分组，底层配置结构保持兼容。
V.0013：AI 三阶段模型配置独立渲染为阶段标题与右侧选项卡，避免阶段字段混排。
V.0012：供应商 OpenAI reasoning 字段按 api_format 联动显示：仅 openai/openai_compatible 可见。
V.0011：嵌套 dict 配置项支持 options 下拉框，供应商接口类型 api_format 不再需要手写。
V.0010：新增"词条链接配置"卡片——可视化表格编辑器（新增/编辑/删除/搜索/保存/重新加载），
         对接 /api/gloss_links，供运维人员随时维护 analysis.html 名词解释跳转 URL。
-->
<!--
版本号: V.0016
V.0016：favicon 彻底去白（标签页图标连主体内部白也透明，根除小尺寸标签页白点）；
        图标引用 ?v 升至 v3 刷新浏览器对上一版（仍带白点）图标的缓存。
V.0015：favicon 改为透明背景（标签页 ico/16/32 去白底，深浅色标签栏均自然显示）；
        图标引用 ?v 升级以绕过浏览器对旧白底图标的强缓存。
V.0014：新增站点 favicon——head 注入多尺寸图标引用（favicon.ico + 16/32 PNG +
        apple-touch-icon），浏览器标签页、书签与移动端添加到主屏将显示站点图标。
V.0013：关于弹窗版本表补「多标的对比 (compare.html)」一行——该页已是导航常驻入口且
        /api/versions 已返回其版本，此前版本表遗漏。
V.0012：关于弹窗「功能概览」同步最新能力——补多标的对比、分析结果库、资金与筹码透视、
        5 年财务趋势、九转/OBV、自选股与暗色模式等，与使用帮助页保持一致。
V.0011：主导航新增“多标的对比”入口；qaInitChart 统一图表初始化（暗色模式用 ECharts dark 主题），
        切换主题时图表页自动重载换肤。
V.0010：新增暗色模式（导航栏切换按钮 + prefers-color-scheme 自动 + localStorage 记忆）；
        新增全局键盘快捷键（/ 聚焦搜索、g+数字跳卡片、? 快捷键面板）。
V.0009：导航中间槽位改为弹性流式布局：窄屏下与右侧菜单不再重叠，空间不足自动收缩省略。
V.0008：关于弹窗改为面向用户的功能概览，版本表补齐当前页面与新增后端模块；页脚不再展示底层实现说明。
V.0007：导航栏改为置顶浮动，并开放中间内容槽位供分析页嵌入股票名称与价格。
V.0006：管理员导航将“历史记录”调整为“分析结果库”，与前台“分析任务”区分。
--><!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>系统设置 - 股票分析AI助手</title>
    <!-- 站点图标 favicon（多尺寸，?v 用于规避浏览器对图标的顽固缓存） -->
    <link rel="icon" href="/static/favicon.ico?v=3" sizes="any">
    <link rel="icon" type="image/png" sizes="32x32" href="/static/img/favicon-32x32.png?v=3">
    <link rel="icon" type="image/png" sizes="16x16" href="/static/img/favicon-16x16.png?v=3">
    <link rel="apple-touch-icon" sizes="180x180" href="/static/img/apple-touch-icon.png?v=3">
    <script>
    /* 防闪白：在 CSS 加载前根据存储/系统偏好确定主题 */
    (function () {
        try {
            var t = localStorage.getItem('qa_theme');
            if (!t) t = (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) ? 'dark' : 'light';
            document.documentElement.setAttribute('data-theme', t);
        } catch (e) {}
    })();
    </script>
    
    <!-- Bootstrap 5 CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
    <!-- Bootstrap Icons -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css" rel="stylesheet">
    <!-- 自定义样式 -->
    <link rel="stylesheet" href="/static/css/style.css">
    <!-- 暗色模式覆盖（html[data-theme=dark] 时生效） -->
    <link rel="stylesheet" href="/static/css/dark.css?v=2">
    <style>
    .app-top-navbar {
        position: sticky;
        top: 0;
        z-index: 1045;
        box-shadow: 0 2px 8px rgba(0,0,0,.14);
    }
    .app-top-navbar .navbar-inner {
        position: relative;
    }
    /* 居中槽改为弹性流式布局：占据品牌与菜单之间的剩余空间并在其中居中，
       空间不足时自动收缩省略，任何宽度下都不会与右侧菜单重叠 */
    .app-top-navbar .navbar-center-slot {
        flex: 1 1 auto;
        min-width: 0;
        margin: 0 1rem;
        display: flex;
        justify-content: center;
        overflow: hidden;
    }
    @media (max-width: 991.98px) {
        .app-top-navbar .navbar-center-slot {
            max-width: 100%;
            order: 3;
            flex-basis: 100%;
            margin: 0.45rem 0 0;
            justify-content: flex-start;
        }
    }
    </style>
    
    
<!-- CodeMirror 5（单文件 CDN，轻量，支持 Markdown + Jinja2） -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/codemirror@5.65.16/lib/codemirror.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/codemirror@5.65.16/theme/idea.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/codemirror@5.65.16/addon/dialog/dialog.min.css">
<style>
    #promptEditorWrap .CodeMirror {
        height: 520px;
        font-size: 13px;
        border: 1px solid #dee2e6;
        border-radius: 8px;
    }
    #promptPreviewArea {
        max-height: 520px; overflow: auto;
        background: #fff9e6; border: 1px dashed #f0c36d;
        border-radius: 8px; padding: 12px;
        font-family: Consolas, Menlo, monospace; font-size: 13px;
        white-space: pre-wrap; word-break: break-all;
    }
    #promptHistoryList .snapshot-row {
        padding: 8px 10px; border-bottom: 1px solid #f0f0f0;
        display: flex; justify-content: space-between; align-items: center;
    }
    #promptHistoryList .snapshot-row:last-child { border-bottom: none; }
    .prompt-meta-badge { font-size: 0.78rem; }

    /* 词条链接配置表格（V.0010 新增） */
    #glossLinksTable { font-size: 0.88rem; }
    #glossLinksTable thead th {
        background: #f8f9fa;
        font-weight: 600;
        font-size: 0.82rem;
        color: #495057;
        white-space: nowrap;
    }
    #glossLinksTable td { vertical-align: middle; padding: 0.35rem 0.5rem; }
    #glossLinksTable input.form-control-sm {
        font-size: 0.85rem;
        padding: 0.25rem 0.5rem;
    }
    #glossLinksTable .gloss-term-col   { width: 30%; }
    #glossLinksTable .gloss-url-col    { width: 60%; }
    #glossLinksTable .gloss-action-col { width: 10%; text-align: center; }
    #glossLinksTable a.open-url-btn { color: #6c757d; text-decoration: none; }
    #glossLinksTable a.open-url-btn:hover { color: #f60; }
    #glossLinksTable .btn-del-row {
        padding: 2px 6px; font-size: 0.82rem; line-height: 1;
        background: transparent; border: 1px solid transparent;
        color: #adb5bd; border-radius: 6px;
    }
    #glossLinksTable .btn-del-row:hover {
        color: #dc3545; background: #fff5f5; border-color: #f5c2c7;
    }
    #glossLinksFilter { max-width: 260px; }

    /* 外部 API Key 管理 */
    .external-api-section {
        border: 1px solid #e8eef7;
        border-radius: 8px;
        background: #fbfcff;
        padding: 14px 16px;
        margin-bottom: 14px;
    }
    .external-api-section h6 {
        display: flex;
        align-items: center;
        gap: 8px;
        margin-bottom: 6px;
        color: #2c3e50;
        font-weight: 700;
    }
    .external-api-table {
        min-width: 1180px;
        font-size: 0.84rem;
    }
    .external-api-table thead th {
        background: #f8f9fa;
        color: #495057;
        font-size: 0.78rem;
        font-weight: 700;
        white-space: nowrap;
    }
    .external-api-table td { vertical-align: top; }
    .external-api-key-secret {
        font-family: Consolas, Menlo, monospace;
        font-size: 0.8rem;
    }
    .external-api-row-actions {
        display: flex;
        justify-content: flex-end;
        flex-wrap: wrap;
        gap: 6px;
    }
</style>
<style>
    /* 两栏布局：左侧锚点目录 + 右侧配置内容 */
    .settings-layout { display: flex; gap: 20px; align-items: flex-start; }
    .settings-nav {
        flex: 0 0 220px;
        position: sticky;
        top: 80px;
        max-height: calc(100vh - 120px);
        overflow-y: auto;
        background: #fff;
        border: 1px solid #e9ecef;
        border-radius: 10px;
        padding: 12px 8px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.04);
    }
    .settings-nav h6 {
        font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.05em;
        color: #6c757d; margin: 4px 10px 8px;
    }
    .settings-nav a {
        display: flex; align-items: center; gap: 8px;
        padding: 8px 12px; border-radius: 8px;
        color: #495057; font-size: 0.9rem; text-decoration: none;
        transition: all 0.15s;
    }
    .settings-nav a:hover { background: #f0f4ff; color: #0d6efd; }
    .settings-nav a.active { background: linear-gradient(135deg,#667eea22,#764ba222); color: #667eea; font-weight: 600; }
    .settings-nav a i { font-size: 1rem; width: 18px; text-align: center; }
    .settings-main { flex: 1; min-width: 0; }

    /* 搜索栏 */
    .settings-search {
        position: sticky;
        top: 0;
        z-index: 1030;
        background: linear-gradient(to bottom, #fff 60%, rgba(255,255,255,0.9));
        padding: 8px 0 12px; margin-bottom: 12px;
    }
    .settings-search .input-group-text { background: #fff; border-right: 0; }
    .settings-search .form-control { border-left: 0; }

    .config-group {
        margin-bottom: 1.5rem;
        scroll-margin-top: 110px;
    }
    .config-group.hide-group { display: none; }
    .config-item.hide-item { display: none; }
    .config-item.match-highlight label { background: #fff3cd; padding: 2px 6px; border-radius: 4px; }
    .config-group .card-header {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        color: #fff;
        font-weight: 600;
        padding: 0.75rem 1.25rem;
    }
    .settings-maintenance-group {
        margin-top: 1.5rem;
    }
    .maintenance-card-header {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        color: #fff;
        font-weight: 600;
        padding: 0.75rem 1.25rem;
    }
    .maintenance-card-header h5 {
        color: #fff;
    }
    .maintenance-card-header .text-muted,
    .maintenance-card-header .maintenance-card-meta {
        color: rgba(255,255,255,0.85) !important;
    }
    .maintenance-card-header code {
        color: #fff;
        background: rgba(255,255,255,0.16);
        border-radius: 4px;
        padding: 1px 4px;
    }
    .maintenance-card-header .btn-link {
        color: rgba(255,255,255,0.9);
        text-decoration: none;
    }
    .maintenance-card-header .btn-link:hover {
        color: #fff;
        text-decoration: underline;
    }
    @media (max-width: 992px) {
        .settings-layout { flex-direction: column; }
        .settings-nav { position: static; flex: 0 0 auto; width: 100%; max-height: none; }
    }
    .config-group .card-header .group-desc {
        font-weight: 400;
        font-size: 0.82rem;
        opacity: 0.85;
    }
    .config-item {
        padding: 0.75rem 0;
        border-bottom: 1px solid #f0f0f0;
    }
    .config-item:last-child {
        border-bottom: none;
    }
    .config-item label {
        font-weight: 600;
        color: #333;
        margin-bottom: 0.25rem;
    }
    .config-item .form-text {
        font-size: 0.8rem;
        color: #888;
    }
    .config-item .default-hint {
        font-size: 0.75rem;
        color: #aaa;
        margin-left: 0.5rem;
    }
    /* 单项恢复默认按钮 */
    .config-label-row { display: flex; align-items: center; gap: 6px; }
    .btn-reset-item {
        padding: 2px 6px; font-size: 0.78rem;
        background: transparent; border: 1px solid transparent;
        color: #adb5bd; border-radius: 6px;
        line-height: 1; cursor: pointer;
        transition: all 0.15s;
    }
    .btn-reset-item:hover {
        color: #fd7e14; background: #fff7e6; border-color: #ffd9a8;
    }
    .btn-reset-item:disabled {
        opacity: 0.4; cursor: not-allowed;
    }
    .btn-reset-item i { font-size: 0.92rem; }
    .dict-group {
        background: #f8f9fa;
        border-radius: 6px;
        padding: 0.75rem;
    }
    .dict-group .input-group {
        margin-bottom: 0.5rem;
    }
    .dict-group .input-group:last-child {
        margin-bottom: 0;
    }
    .dict-group .input-group-text {
        min-width: 70px;
        font-size: 0.85rem;
    }
    /* ---- 配置组内小节分隔（V.0029 缓存管理中心） ---- */
    .config-section-divider {
        margin: 18px 0 10px;
        padding: 6px 10px;
        border-left: 3px solid #0d6efd;
        background: linear-gradient(90deg, rgba(13, 110, 253, .08), transparent);
        border-radius: 4px;
    }
    .config-section-divider:first-child { margin-top: 4px; }
    .config-section-title { font-weight: 600; font-size: 0.88rem; }
    .config-section-hint {
        display: block;
        font-size: 0.74rem;
        color: var(--bs-secondary-color, #6c757d);
        margin-top: 2px;
    }
    html[data-theme=dark] .config-section-divider {
        border-left-color: #6ea8fe;
        background: linear-gradient(90deg, rgba(110, 168, 254, .12), transparent);
    }
    /* ---- 缓存状态总览（V.0029） ---- */
    .cache-center-table { font-size: 0.84rem; }
    .cache-center-table td, .cache-center-table th { vertical-align: middle; }
    .cache-layer-badge {
        font-size: 0.65rem;
        font-weight: 500;
        background: rgba(108, 117, 125, .12);
        color: #6c757d;
        border: 1px solid rgba(108, 117, 125, .25);
    }
    html[data-theme=dark] .cache-layer-badge {
        background: rgba(173, 181, 189, .15);
        color: #adb5bd;
        border-color: rgba(173, 181, 189, .3);
    }
    .cache-status-dot {
        display: inline-block;
        width: 8px; height: 8px;
        border-radius: 50%;
        margin-right: 4px;
    }
    .cache-status-dot.on { background: #198754; }
    .cache-status-dot.off { background: #dc3545; }
    /* ---- 数据链路缓存策略徽章（V.0028） ---- */
    .cache-policy-badge {
        background: rgba(13, 110, 253, .08);
        color: #0d6efd;
        border: 1px solid rgba(13, 110, 253, .25);
        font-weight: 500;
        font-size: 0.65rem;
    }
    html[data-theme=dark] .cache-policy-badge {
        background: rgba(110, 168, 254, .12);
        color: #6ea8fe;
        border-color: rgba(110, 168, 254, .3);
    }
    /* ---- 模型供应商列表（V.0027） ---- */
    .provider-list-wrap { display: flex; flex-direction: column; gap: 12px; }
    .provider-card {
        border: 1px solid #dfe7f3; border-radius: 10px; background: #fbfcff;
        padding: 0; overflow: hidden;
    }
    .provider-card-head {
        display: flex; align-items: center; justify-content: space-between; gap: 8px;
        padding: 8px 14px; background: linear-gradient(135deg, #eef3fc, #f6f9ff);
        border-bottom: 1px solid #e3ebf8;
    }
    .provider-card-head .pc-title { font-weight: 600; color: #38507a; font-size: 0.92rem; }
    .provider-card-head .pc-title .pc-id { font-weight: 400; font-size: 0.74rem; color: #93a3bd; margin-left: 6px; }
    .provider-card-head .pc-badge-used { font-size: 0.7rem; }
    .provider-card-body { padding: 12px 14px; }
    .provider-card-body .input-group { margin-bottom: 0.5rem; }
    .provider-card-body .input-group:last-child { margin-bottom: 0; }
    .provider-card-body .input-group-text { min-width: 70px; font-size: 0.85rem; }
    .btn-del-provider { font-size: 0.78rem; padding: 2px 10px; }
    .btn-add-provider { border-style: dashed; }
    html[data-theme="dark"] .provider-card { background: #20242b; border-color: #343b46; }
    html[data-theme="dark"] .provider-card-head { background: #262c36; border-color: #343b46; }
    html[data-theme="dark"] .provider-card-head .pc-title { color: #aebed8; }
    .stage-config-layout {
        margin: 0.75rem 0 1rem;
        border: 1px solid #dfe7f3;
        border-radius: 8px;
        background: #fbfcff;
        overflow: hidden;
    }
    .stage-config-heading {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 14px 16px;
        border-bottom: 1px solid #e8eef7;
        background: #fff;
    }
    .stage-config-heading h6 {
        margin: 0;
        font-size: 0.98rem;
        font-weight: 700;
        color: #2c3e50;
    }
    .stage-config-heading small {
        display: block;
        margin-top: 2px;
        color: #7b8794;
    }
    .stage-config-tabs {
        display: flex;
        justify-content: flex-end;
        flex-wrap: wrap;
        gap: 6px;
    }
    .stage-config-tab {
        border: 1px solid #d8e1ee;
        background: #fff;
        color: #495057;
        border-radius: 7px;
        padding: 6px 10px;
        font-size: 0.86rem;
        line-height: 1.2;
        transition: all 0.15s;
    }
    .stage-config-tab:hover {
        border-color: #9db4d6;
        color: #0d6efd;
        background: #f5f8ff;
    }
    .stage-config-tab.active {
        border-color: #667eea;
        color: #4b5fd5;
        background: #edf1ff;
        font-weight: 600;
    }
    .stage-config-panel {
        display: none;
        padding: 14px 18px 4px;
    }
    .stage-config-panel.active { display: block; }
    .stage-config-panel-title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
        margin-bottom: 4px;
        color: #2c3e50;
        font-weight: 700;
    }
    .stage-config-panel-title .badge {
        font-size: 0.72rem;
        font-weight: 500;
    }
    .stage-config-panel .config-item:last-child {
        border-bottom: none;
    }
    @media (max-width: 768px) {
        .stage-config-heading {
            align-items: stretch;
            flex-direction: column;
        }
        .stage-config-tabs {
            justify-content: flex-start;
        }
    }
    .btn-save-config {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        border: none;
        color: #fff;
        padding: 0.6rem 2rem;
        font-size: 1rem;
        border-radius: 8px;
        transition: all 0.3s ease;
    }
    .btn-save-config:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
        color: #fff;
    }
    .btn-save-config:disabled {
        opacity: 0.6;
        transform: none;
        box-shadow: none;
    }
    .toast-container {
        position: fixed;
        top: 80px;
        right: 20px;
        z-index: 9999;
    }
    .config-loading {
        text-align: center;
        padding: 3rem;
        color: #888;
    }
    .config-loading .spinner-border {
        width: 3rem;
        height: 3rem;
    }
    .form-switch .form-check-input {
        width: 3em;
        height: 1.5em;
        cursor: pointer;
    }
    .sticky-actions {
        position: sticky;
        bottom: 0;
        background: #fff;
        padding: 1rem 0;
        border-top: 1px solid #eee;
        z-index: 100;
    }
    .auth-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        z-index: 2000;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .auth-card {
        background: #fff;
        border-radius: 16px;
        padding: 2.5rem;
        width: 100%;
        max-width: 420px;
        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
        text-align: center;
    }
    .auth-icon {
        font-size: 3rem;
        color: #667eea;
        margin-bottom: 1rem;
    }
    .auth-card .input-group .form-control:focus {
        border-color: #667eea;
        box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25);
    }
    .auth-card .shake {
        animation: shake 0.4s ease-in-out;
    }
    @keyframes shake {
        0%, 100% { transform: translateX(0); }
        25% { transform: translateX(-8px); }
        75% { transform: translateX(8px); }
    }
</style>

</head>
<body>
    <!-- 导航栏 -->
    <nav class="navbar navbar-expand-lg navbar-dark bg-primary app-top-navbar">
        <div class="container navbar-inner">
            <a class="navbar-brand" href="/">
                <i class="bi bi-graph-up-arrow"></i>
                股票分析AI助手
            </a>
            <div class="navbar-center-slot">
                
            </div>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNav">
                <ul class="navbar-nav ms-auto">
                    <li class="nav-item">
                        <a class="nav-link" href="/">
                            <i class="bi bi-house"></i> 首页
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="/analysis-runs">
                            <i class="bi bi-list-task"></i> 分析任务
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="/compare">
                            <i class="bi bi-columns-gap"></i> 多标的对比
                        </a>
                    </li>
                    
                    <li class="nav-item">
                        <a class="nav-link" href="/settings">
                            <i class="bi bi-gear"></i> 系统设置
                        </a>
                    </li>
                    
                    <li class="nav-item">
                        <a class="nav-link" href="/help">
                            <i class="bi bi-question-circle"></i> 使用帮助
                        </a>
                    </li>
                    
                    <li class="nav-item">
                        <a class="nav-link" href="#" id="themeToggleBtn" onclick="toggleTheme(); return false;"
                           title="切换暗色/浅色模式">
                            <i class="bi bi-moon-stars" id="themeToggleIcon"></i>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>

    <!-- 主要内容 -->
    <main>
        
<!-- 口令验证遮罩层 -->
<div id="authOverlay" class="auth-overlay" >
    <div class="auth-card">
        <div class="auth-icon">
            <i class="bi bi-shield-lock"></i>
        </div>
        <h4 class="mb-3">管理员认证</h4>
        <p class="text-muted mb-4">请输入管理口令以访问系统设置</p>
        <form id="authForm">
            <div class="input-group mb-3">
                <span class="input-group-text"><i class="bi bi-key"></i></span>
                <input type="password" class="form-control form-control-lg" id="authPassword"
                       placeholder="请输入口令" autofocus>
                <button type="submit" class="btn btn-primary btn-lg" id="btnAuth">
                    <i class="bi bi-unlock"></i> 验证
                </button>
            </div>
            <div id="authError" class="text-danger small" style="display:none"></div>
        </form>
        <a href="/" class="btn btn-link text-muted mt-2">
            <i class="bi bi-arrow-left"></i> 返回首页
        </a>
    </div>
</div>

<!-- 主内容区 -->
<div id="settingsContent" class="container my-4" style="display:none">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
            <h2 class="mb-1">
                <i class="bi bi-gear-fill text-primary"></i> 系统设置
            </h2>
            <p class="text-muted mb-0">管理系统运行参数，修改后实时生效（标注需重启的除外）</p>
        </div>
        <div class="d-flex gap-2">
            <button class="btn btn-outline-danger btn-sm" id="btnLogout" title="退出认证">
                <i class="bi bi-box-arrow-right"></i> 退出
            </button>
            <a href="/" class="btn btn-outline-secondary">
                <i class="bi bi-arrow-left"></i> 返回首页
            </a>
        </div>
    </div>

    <!-- 加载中 -->
    <div id="configLoading" class="config-loading">
        <div class="spinner-border text-primary" role="status">
            <span class="visually-hidden">加载中...</span>
        </div>
        <p class="mt-3">正在加载配置...</p>
    </div>

    <!-- 配置表单（左侧锚点导航 + 右侧内容） -->
    <form id="configForm" style="display: none;">
        <div class="settings-layout">
            <aside class="settings-nav" id="settingsNav">
                <h6><i class="bi bi-list-ul"></i> 分组导航</h6>
                <div id="settingsNavList"></div>
            </aside>
            <div class="settings-main">
                <div class="settings-search">
                    <div class="input-group input-group-sm">
                        <span class="input-group-text"><i class="bi bi-search"></i></span>
                        <input type="text" class="form-control" id="configSearch"
                               placeholder="搜索配置项（按标签或说明）…">
                        <button class="btn btn-outline-secondary" type="button" id="btnClearSearch">
                            <i class="bi bi-x"></i>
                        </button>
                    </div>
                </div>
                <div id="configGroups"></div>

                <div class="settings-maintenance-group" id="settingsMaintenanceGroup">
    <!-- 数据获取链路 -->
    <div class="card shadow-sm mt-4 mb-4" id="cacheCenterCard" style="scroll-margin-top:110px;">
        <div class="card-header maintenance-card-header d-flex justify-content-between align-items-center">
            <h5 class="mb-0"><i class="bi bi-database-check me-1"></i> 缓存状态总览</h5>
            <span class="small maintenance-card-meta">策略数值在「缓存管理中心」分组调整</span>
        </div>
        <div class="card-body">
            <p class="text-muted small mb-2">
                项目全部缓存点的统一视图：每行一个缓存点，展示当前策略、实际生效 TTL 与占用情况。
                「采集缓存」按数据特征分 7 类（归属哪些数据见「数据获取链路」徽章）；
                「结果缓存」命中时可同时省去数据采集与 AI 调用。TTL 配置为 0 的缓存点显示为已停用。
            </p>
            <div class="d-flex gap-2 mb-3 flex-wrap align-items-center">
                <button type="button" class="btn btn-sm btn-outline-secondary" id="btnCacheCenterReload">
                    <i class="bi bi-arrow-clockwise"></i> 刷新
                </button>
                <button type="button" class="btn btn-sm btn-outline-warning" id="btnCacheClearExpired">
                    <i class="bi bi-eraser"></i> 清理过期项
                </button>
                <button type="button" class="btn btn-sm btn-outline-danger" id="btnCacheClearAll">
                    <i class="bi bi-trash3"></i> 全部清空
                </button>
                <span class="small text-muted" id="cacheCenterSummary"></span>
            </div>
            <div id="cacheCenterLoading" class="text-muted small"><span class="spinner-border spinner-border-sm me-1"></span>加载中...</div>
            <div id="cacheCenterContainer" style="display:none;"></div>
        </div>
    </div>

    <!-- 历史内容清理 -->
    <div class="card shadow-sm mt-4 mb-4" id="historyCleanupCard" style="scroll-margin-top:110px;">
        <div class="card-header maintenance-card-header d-flex justify-content-between align-items-center">
            <h5 class="mb-0"><i class="bi bi-trash3 me-1"></i> 历史内容清理</h5>
            <span class="small maintenance-card-meta">勾选要清理的内容，设保留天数后一键执行</span>
        </div>
        <div class="card-body">
            <p class="text-muted small mb-2">
                按内容类型批量回收磁盘占用：采集缓存可清「过期+孤儿」，分析结果与运行记录可清「N 天前」或全清。
                清理后下次访问会按需重新拉取/生成；运行中的分析任务记录始终保留。
            </p>
            <div class="d-flex gap-2 mb-3 flex-wrap align-items-center">
                <button type="button" class="btn btn-sm btn-outline-secondary" id="btnHistoryReload">
                    <i class="bi bi-arrow-clockwise"></i> 刷新
                </button>
                <button type="button" class="btn btn-sm btn-danger" id="btnHistoryClear">
                    <i class="bi bi-trash3"></i> 一键清理勾选项
                </button>
                <span class="small text-muted" id="historyCleanupSummary"></span>
            </div>
            <div id="historyCleanupLoading" class="text-muted small"><span class="spinner-border spinner-border-sm me-1"></span>加载中...</div>
            <div id="historyCleanupContainer" style="display:none;"></div>
        </div>
    </div>

    <div class="card shadow-sm mt-4 mb-4" id="datasourceChainsCard" style="scroll-margin-top:110px;">
        <div class="card-header maintenance-card-header d-flex justify-content-between align-items-center">
            <h5 class="mb-0"><i class="bi bi-diagram-3 me-1"></i> 数据获取链路</h5>
            <span class="small maintenance-card-meta">顺序保存在 <code>config.yaml</code> 的 <code>datasource.chains</code></span>
        </div>
        <div class="card-body">
            <p class="text-muted small mb-2">
                展示每类数据的获取来源链路（按优先级从左到右，失败自动切换下一来源）。
                带 <i class="bi bi-arrows-move"></i> 标记的链路可用箭头调整顺序，保存后立即生效；
                带 <i class="bi bi-lock"></i> 的链路为固定逻辑（单源或代码内特殊编排），仅作展示。
                「最近来源」记录该类数据最近一次实际使用的数据源。
            </p>
            <div class="d-flex gap-2 mb-3 flex-wrap">
                <button type="button" class="btn btn-sm btn-outline-secondary" id="btnChainsReload">
                    <i class="bi bi-arrow-clockwise"></i> 刷新
                </button>
                <button type="button" class="btn btn-sm btn-primary" id="btnChainsSave" disabled>
                    <i class="bi bi-save"></i> 保存链路顺序
                </button>
                <button type="button" class="btn btn-sm btn-outline-danger" id="btnChainsResetAll">
                    <i class="bi bi-arrow-counterclockwise"></i> 全部恢复默认
                </button>
                <span class="small text-muted align-self-center" id="chainsDirtyHint" style="display:none;">
                    <i class="bi bi-exclamation-circle text-warning"></i> 有未保存的调整
                </span>
            </div>
            <div id="chainsLoading" class="text-muted small"><span class="spinner-border spinner-border-sm me-1"></span>正在加载数据链路...</div>
            <div id="chainsContainer" style="display:none;"></div>
        </div>
    </div>

    <!-- 数据维护 -->
    <div class="card shadow-sm mt-4 mb-4" id="dataMaintenanceCard" style="scroll-margin-top:110px;">
        <div class="card-header maintenance-card-header">
            <h5 class="mb-0"><i class="bi bi-database-gear me-1"></i> 数据维护</h5>
        </div>
        <div class="card-body">
            <div class="row align-items-center">
                <div class="col-md-8">
                    <h6 class="mb-1">股票列表缓存</h6>
                    <p class="text-muted small mb-0">
                        重新从数据源下载 A 股 + 港股股票代码和名称列表。
                        港股下载可能较慢（1-2分钟），请耐心等待。
                    </p>
                    <div id="stockListInfo" class="small text-muted mt-1"></div>
                </div>
                <div class="col-md-4 text-md-end mt-2 mt-md-0">
                    <button type="button" class="btn btn-outline-primary" id="btnRefreshStockList">
                        <i class="bi bi-arrow-clockwise"></i> 重新下载股票列表
                    </button>
                </div>
            </div>
            <div id="refreshProgress" class="mt-2" style="display:none;">
                <div class="d-flex align-items-center gap-2">
                    <div class="spinner-border spinner-border-sm text-primary" role="status"></div>
                    <span class="small" id="refreshMsg">正在下载，请稍候...</span>
                </div>
            </div>
            <div id="refreshResult" class="mt-2" style="display:none;"></div>
        </div>
    </div>

    <!-- 外部 API Key 管理 -->
    <div class="card shadow-sm mt-4 mb-4" id="externalApiCard" style="scroll-margin-top:110px;">
        <div class="card-header maintenance-card-header d-flex justify-content-between align-items-center">
            <h5 class="mb-0"><i class="bi bi-key me-1"></i> 外部 API Key 管理</h5>
            <span class="small maintenance-card-meta">配置保存在 <code>config.yaml</code> 的 <code>external_api.api_keys</code></span>
        </div>
        <div class="card-body">
            <div class="external-api-section" id="externalApiRuntimeGroup">
                <h6><i class="bi bi-diagram-3"></i> 运行与返回范围</h6>
                <p class="text-muted small mb-2">
                    外部程序提交任务后会立即得到 <code>request_id</code>，随后轮询状态并在完成后读取结果。
                    API 默认返回页面分析链路的完整数据；请求体也可以用 <code>modules</code> 定义返回模块。
                </p>
                <div class="row g-2 small">
                    <div class="col-md-4">
                        <span class="text-muted">提交任务</span>
                        <div class="font-monospace">POST /api/v1/analysis/jobs</div>
                    </div>
                    <div class="col-md-4">
                        <span class="text-muted">查询状态</span>
                        <div class="font-monospace">GET /api/v1/analysis/jobs/{request_id}</div>
                    </div>
                    <div class="col-md-4">
                        <span class="text-muted">获取结果</span>
                        <div class="font-monospace">GET /api/v1/analysis/jobs/{request_id}/result</div>
                    </div>
                </div>
                <div class="mt-2 small text-muted">
                    默认返回模块：<code>basic</code>、<code>financial</code>、<code>kline</code>、<code>ai_fundamental</code>、<code>ai_technical</code>、<code>ai_strategy</code>。
                    如只要部分数据，可提交 <code>{"modules":["basic","kline"]}</code>。
                </div>
            </div>

            <div class="external-api-section">
                <h6><i class="bi bi-plus-circle"></i> 生成 Key</h6>
                <p class="text-muted small mb-3">API Key 默认隐藏，可点击查看或复制；除 Key 本身外，名称、权限、IP、并发和限速生成后都可以编辑。</p>
                <div class="alert alert-info py-2 small mb-3" id="externalApiPlainKeyAlert" style="display:none;">
                    <div class="fw-semibold mb-1">新 API Key 已生成，默认隐藏，可点击查看或复制。</div>
                    <div class="input-group input-group-sm">
                        <input type="password" class="form-control font-monospace" id="externalApiPlainKey" readonly>
                        <button type="button" class="btn btn-outline-secondary" id="btnExternalApiToggleNewKey" title="查看或隐藏新 Key">
                            <i class="bi bi-eye"></i> 查看
                        </button>
                        <button type="button" class="btn btn-outline-secondary" id="btnExternalApiCopyKey">
                            <i class="bi bi-clipboard"></i> 复制
                        </button>
                    </div>
                </div>
                <div class="row g-2 align-items-end">
                    <div class="col-md-3">
                        <label class="form-label small text-muted mb-1">调用方名称</label>
                        <input type="text" class="form-control form-control-sm" id="externalApiName"
                               placeholder="例如：本机自动化脚本">
                    </div>
                    <div class="col-md-3">
                        <label class="form-label small text-muted mb-1">权限 scopes</label>
                        <input type="text" class="form-control form-control-sm" id="externalApiScopes"
                               value="analysis:submit,analysis:read">
                    </div>
                    <div class="col-md-2">
                        <label class="form-label small text-muted mb-1">允许 IP</label>
                        <input type="text" class="form-control form-control-sm" id="externalApiAllowedIps"
                               placeholder="留空不限">
                    </div>
                    <div class="col-md-2">
                        <label class="form-label small text-muted mb-1">并发上限</label>
                        <input type="number" class="form-control form-control-sm" id="externalApiMaxJobs"
                               value="2" min="1" max="20">
                    </div>
                    <div class="col-md-2 d-grid">
                        <button type="button" class="btn btn-primary btn-sm" id="btnExternalApiCreate">
                            <i class="bi bi-plus-lg"></i> 新增 Key
                        </button>
                    </div>
                </div>
            </div>

            <div class="external-api-section mb-0">
                <div class="d-flex justify-content-between align-items-center mb-2">
                    <h6 class="mb-0"><i class="bi bi-list-check"></i> 已配置 Key</h6>
                    <span class="small text-muted">默认隐藏，可点击查看或复制</span>
                </div>
                <div class="table-responsive">
                <table class="table table-sm table-hover align-middle mb-0 external-api-table">
                    <thead>
                        <tr>
                            <th>名称</th>
                            <th>API Key</th>
                            <th>状态</th>
                            <th>权限</th>
                            <th>允许 IP</th>
                            <th>并发</th>
                            <th>限速/分钟</th>
                            <th>过期时间</th>
                            <th class="text-end">操作</th>
                        </tr>
                    </thead>
                    <tbody id="externalApiKeysBody">
                        <tr><td colspan="9" class="text-center text-muted py-3">正在加载...</td></tr>
                    </tbody>
                </table>
                </div>
            </div>
        </div>
    </div>

    <!-- AI 提示词维护 -->
    <div class="card shadow-sm mt-4 mb-4" id="promptMaintenanceCard" style="scroll-margin-top:110px;">
        <div class="card-header maintenance-card-header d-flex justify-content-between align-items-center">
            <h5 class="mb-0"><i class="bi bi-chat-square-text me-1"></i> AI 提示词维护</h5>
            <a class="btn btn-link btn-sm p-0" href="/help#ai-prompt-maintenance" target="_blank">
                <i class="bi bi-question-circle"></i> 使用说明
            </a>
        </div>
        <div class="card-body">
            <p class="text-muted small mb-3">
                三阶段 AI 分析的 system / user 提示词都已外置到 <code>prompts/</code> 目录。
                这里可以 <strong>编辑、校验、预览、回滚</strong>，保存后下一次分析自动生效；文件也可以直接在磁盘上改，应用会根据 mtime 自动重载。
            </p>

            <div class="row g-3 mb-3">
                <div class="col-md-5">
                    <label class="form-label mb-1 small text-muted">选择提示词</label>
                    <select class="form-select form-select-sm" id="promptSelect"></select>
                </div>
                <div class="col-md-7 d-flex align-items-end gap-2 flex-wrap">
                    <span class="prompt-meta-badge badge bg-secondary" id="promptKindBadge">-</span>
                    <span class="prompt-meta-badge badge bg-info text-dark" id="promptVersionBadge">版本 -</span>
                    <span class="prompt-meta-badge text-muted small" id="promptMtimeBadge">最后修改：-</span>
                    <span class="prompt-meta-badge text-muted small" id="promptSizeBadge">大小：-</span>
                </div>
            </div>

            <div class="row g-3">
                <div class="col-lg-7">
                    <label class="form-label mb-1 small text-muted">源文件内容（支持 <code>{{include _shared/xxx.md}}</code>；user_tpl 为 Jinja2）</label>
                    <div id="promptEditorWrap"><textarea id="promptEditor"></textarea></div>
                    <div class="d-flex justify-content-between mt-2 small text-muted">
                        <span id="promptEditorStatus">就绪</span>
                        <span><kbd>Ctrl</kbd>+<kbd>S</kbd> 保存 · <kbd>Ctrl</kbd>+<kbd>P</kbd> 预览</span>
                    </div>
                </div>
                <div class="col-lg-5">
                    <label class="form-label mb-1 small text-muted">预览（include 展开 / user_tpl 样例渲染）</label>
                    <div id="promptPreviewArea">点击"预览"按钮后在这里查看结果。</div>
                </div>
            </div>

            <div class="d-flex justify-content-between mt-3 flex-wrap gap-2">
                <div class="d-flex gap-2">
                    <button type="button" class="btn btn-outline-secondary btn-sm" id="btnPromptValidate">
                        <i class="bi bi-patch-check"></i> 校验
                    </button>
                    <button type="button" class="btn btn-outline-info btn-sm" id="btnPromptPreview">
                        <i class="bi bi-eye"></i> 预览
                    </button>
                    <button type="button" class="btn btn-outline-dark btn-sm" id="btnPromptHistory">
                        <i class="bi bi-clock-history"></i> 历史快照
                    </button>
                </div>
                <div class="d-flex gap-2">
                    <button type="button" class="btn btn-outline-warning btn-sm" id="btnPromptReset">
                        <i class="bi bi-arrow-counterclockwise"></i> 还原默认
                    </button>
                    <button type="button" class="btn btn-outline-secondary btn-sm" id="btnPromptReload">
                        <i class="bi bi-arrow-clockwise"></i> 放弃修改重新加载
                    </button>
                    <button type="button" class="btn btn-primary btn-sm" id="btnPromptSave">
                        <i class="bi bi-save"></i> 保存
                    </button>
                </div>
            </div>
        </div>
    </div>

    <!-- 词条链接配置（V.0010 新增） -->
    <div class="card shadow-sm mt-4 mb-4" id="glossLinksCard" style="scroll-margin-top:110px;">
        <div class="card-header maintenance-card-header d-flex justify-content-between align-items-center">
            <h5 class="mb-0"><i class="bi bi-link-45deg me-1"></i> 词条链接配置</h5>
            <span class="small maintenance-card-meta">
                分析页"名词解释"后面的跳转图标指向的 URL 都在这里维护
            </span>
        </div>
        <div class="card-body">
            <p class="text-muted small mb-3">
                左列 <strong>词条</strong>：分析页"名词解释"里的术语名（例如 <code>归母净利润</code>）；
                或技术指标图 <code>.metric-glossary[data-gloss-group=xxx]</code> 里的<strong>组名</strong>
                （例如 <code>MACD</code> / <code>RSI</code> / <code>神奇九转</code>）。
                右列 <strong>链接</strong>：点击跳转到的权威解释 URL（必须 <code>http(s)://</code> 开头），
                在<strong>新标签页</strong>打开。保存后，分析页下次打开会自动读取最新配置。
            </p>

            <div class="d-flex flex-wrap justify-content-between align-items-center mb-2 gap-2">
                <div class="d-flex gap-2 align-items-center">
                    <input type="text" class="form-control form-control-sm" id="glossLinksFilter"
                           placeholder="搜索词条或 URL…">
                    <span class="small text-muted" id="glossLinksCount">共 - 条</span>
                </div>
                <div class="d-flex gap-2">
                    <button type="button" class="btn btn-outline-secondary btn-sm" id="btnGlossReload"
                            title="放弃未保存的修改，从服务器重新加载">
                        <i class="bi bi-arrow-clockwise"></i> 重新加载
                    </button>
                    <button type="button" class="btn btn-outline-primary btn-sm" id="btnGlossAdd">
                        <i class="bi bi-plus-lg"></i> 新增一行
                    </button>
                    <button type="button" class="btn btn-primary btn-sm" id="btnGlossSave">
                        <i class="bi bi-save"></i> 保存
                    </button>
                </div>
            </div>

            <div class="table-responsive" style="max-height: 520px;">
                <table class="table table-sm table-hover align-middle mb-0" id="glossLinksTable">
                    <thead class="sticky-top">
                        <tr>
                            <th class="gloss-term-col">词条</th>
                            <th class="gloss-url-col">链接（新标签页打开）</th>
                            <th class="gloss-action-col">操作</th>
                        </tr>
                    </thead>
                    <tbody id="glossLinksBody"></tbody>
                </table>
            </div>

            <div class="small text-muted mt-2">
                <i class="bi bi-info-circle me-1"></i>
                空行、重复词条、非 <code>http(s)://</code> 开头的链接会在保存时被过滤或拒绝。
            </div>
        </div>
    </div>

                </div>
            </div>
        </div>

        <!-- 操作按钮 -->
        <div class="sticky-actions">
            <div class="d-flex justify-content-between align-items-center">
                <div>
                    <button type="button" class="btn btn-outline-warning" id="btnReset" title="把所有配置项恢复为默认值（每项也可单独点击行内的小撤销按钮恢复）">
                        <i class="bi bi-arrow-counterclockwise"></i> 全部恢复默认
                    </button>
                </div>
                <div class="d-flex gap-2">
                    <button type="button" class="btn btn-outline-secondary" id="btnCancel">
                        <i class="bi bi-x-lg"></i> 取消修改
                    </button>
                    <button type="submit" class="btn btn-save-config" id="btnSave">
                        <i class="bi bi-check-lg"></i> 保存配置
                    </button>
                </div>
            </div>
        </div>
    </form>

    <!-- 历史快照模态框 -->
    <div class="modal fade" id="promptHistoryModal" tabindex="-1">
        <div class="modal-dialog modal-xl modal-dialog-scrollable">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title"><i class="bi bi-clock-history me-1"></i> 历史快照：<span id="promptHistoryTitle"></span></h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <div class="row g-2">
                        <div class="col-md-4">
                            <div id="promptHistoryList" class="border rounded-3 overflow-auto" style="max-height:500px;">
                                <div class="text-muted small p-3">加载中...</div>
                            </div>
                        </div>
                        <div class="col-md-8">
                            <pre id="promptHistoryPreview" style="max-height:500px;overflow:auto;background:#f8f9fa;border-radius:8px;padding:10px;font-size:12.5px;">选中左侧快照查看内容</pre>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary btn-sm" data-bs-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-warning btn-sm" id="btnRestoreSnapshot" disabled>
                        <i class="bi bi-arrow-counterclockwise"></i> 恢复到当前版本
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 提示消息容器 -->
<div class="toast-container" id="toastContainer"></div>

    </main>

    <!-- 页脚 -->
    <footer class="bg-light text-center text-muted py-4 mt-5">
        <div class="container">
            <p class="mb-2">
                <strong class="text-danger">风险提示：</strong>
                本系统提供的投资建议仅供参考，不构成投资依据。股市有风险，投资需谨慎。
            </p>
            <p class="mb-0">
                <small>&copy; 2026 股票分析AI助手</small>
            </p>
        </div>
    </footer>

    <!-- 快捷键说明模态框（按 ? 打开） -->
    <div class="modal fade" id="shortcutsModal" tabindex="-1">
        <div class="modal-dialog modal-sm">
            <div class="modal-content">
                <div class="modal-header py-2">
                    <h6 class="modal-title"><i class="bi bi-keyboard me-1"></i>键盘快捷键</h6>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body py-2">
                    <table class="table table-sm mb-0" style="font-size:0.85rem;">
                        <tbody>
                            <tr><td><kbd>/</kbd></td><td>聚焦搜索框（非首页则回首页）</td></tr>
                            <tr><td><kbd>g</kbd> 再按 <kbd>1</kbd>-<kbd>9</kbd></td><td>分析页跳转到第 N 个目录卡片</td></tr>
                            <tr><td><kbd>t</kbd></td><td>切换暗色 / 浅色模式</td></tr>
                            <tr><td><kbd>?</kbd></td><td>显示本面板</td></tr>
                            <tr><td><kbd>Esc</kbd></td><td>关闭弹窗</td></tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

    <!-- 关于模态框 -->
    <div class="modal fade" id="aboutModal" tabindex="-1">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">关于本系统</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <h6>功能概览</h6>
                    <ul>
                        <li>支持 A 股、港股与 ETF 分析</li>
                        <li>多周期 K 线与技术指标（MA / MACD / RSI / KDJ / BOLL / 神奇九转 / OBV）</li>
                        <li>5 年财务趋势：营收、利润、现金流、资产负债与盈利能力</li>
                        <li>资金与筹码透视（A股）：主力资金、估值分位、筹码分布、龙虎榜</li>
                        <li>三阶段 AI 投资建议与网格交易策略</li>
                        <li>多标的对比（2-4 只并排）、分析任务记录与分析结果库</li>
                        <li>自选股、市场快照、暗色模式与键盘快捷键</li>
                    </ul>
                    <h6 class="mt-3">版本信息</h6>
                    <div id="versionTableArea">
                        <div class="text-center py-3 text-muted"><div class="spinner-border spinner-border-sm me-1"></div> 加载中...</div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">关闭</button>
                </div>
            </div>
        </div>
    </div>


    <!-- jQuery -->
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
    <!-- Bootstrap 5 JS -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
    
    <script>
    window.pageVersions = window.pageVersions || {};

    // ==================== P2-1：暗色模式切换 ====================
    function _applyThemeIcon() {
        var dark = document.documentElement.getAttribute('data-theme') === 'dark';
        var icon = document.getElementById('themeToggleIcon');
        if (icon) icon.className = dark ? 'bi bi-sun' : 'bi bi-moon-stars';
    }
    function toggleTheme() {
        var dark = document.documentElement.getAttribute('data-theme') === 'dark';
        var next = dark ? 'light' : 'dark';
        document.documentElement.setAttribute('data-theme', next);
        try { localStorage.setItem('qa_theme', next); } catch (e) {}
        _applyThemeIcon();
        /* 已渲染的 ECharts 实例无法热切换主题：图表页直接重载让全部图表换肤 */
        if (window.echarts && document.querySelector('div[_echarts_instance_]')) {
            location.reload();
        }
    }
    $(_applyThemeIcon);

    /* 全站统一的 ECharts 初始化入口：暗色模式用内置 dark 主题 + 透明背景（容器深色透出） */
    function qaInitChart(el, opts) {
        var dark = document.documentElement.getAttribute('data-theme') === 'dark';
        var inst = echarts.init(el, dark ? 'dark' : null, opts || undefined);
        if (dark) inst.setOption({ backgroundColor: 'transparent' });
        return inst;
    }
    window.qaInitChart = qaInitChart;

    // ==================== P2-3：全局键盘快捷键 ====================
    (function () {
        var gPending = false, gTimer = null;
        function inEditable(el) {
            if (!el) return false;
            var tag = (el.tagName || '').toLowerCase();
            return tag === 'input' || tag === 'textarea' || tag === 'select' || el.isContentEditable;
        }
        document.addEventListener('keydown', function (e) {
            if (e.ctrlKey || e.metaKey || e.altKey) return;
            if (inEditable(document.activeElement)) return;

            // "/"：聚焦搜索框；当前页没有则回首页
            if (e.key === '/') {
                var box = document.getElementById('searchInput');
                if (box) { e.preventDefault(); box.focus(); }
                else { e.preventDefault(); window.location.href = '/'; }
                return;
            }
            // "?"：快捷键面板
            if (e.key === '?') {
                e.preventDefault();
                var m = document.getElementById('shortcutsModal');
                if (m) bootstrap.Modal.getOrCreateInstance(m).show();
                return;
            }
            // "t"：切换主题
            if (e.key === 't' || e.key === 'T') {
                if (!gPending) { toggleTheme(); return; }
            }
            // "g" + 数字：跳转到目录第 N 项（分析页）
            if (e.key === 'g' || e.key === 'G') {
                gPending = true;
                clearTimeout(gTimer);
                gTimer = setTimeout(function () { gPending = false; }, 1200);
                return;
            }
            if (gPending && e.key >= '1' && e.key <= '9') {
                gPending = false;
                clearTimeout(gTimer);
                var items = document.querySelectorAll('.toc-item[data-target]');
                var visible = [];
                items.forEach(function (it) { if (it.offsetParent !== null) visible.push(it); });
                var idx = parseInt(e.key, 10) - 1;
                if (visible[idx]) { e.preventDefault(); visible[idx].click(); }
                return;
            }
            gPending = false;
        });
    })();

    $('#aboutModal').on('show.bs.modal', function() {
        var area = $('#versionTableArea');
        area.html('<div class="text-center py-3 text-muted"><div class="spinner-border spinner-border-sm me-1"></div> 加载中...</div>');
        $.getJSON('/api/versions', function(v) {
            var frontendRows = [
                ['首页', 'index.html', v.index],
                ['分析页', 'analysis.html', v.analysis],
                ['当前分析任务', 'analysis_runs.html', v.analysis_runs],
                ['多标的对比', 'compare.html', v.compare],
                ['分析结果库', 'history.html', v.history],
                ['系统设置', 'settings.html', v.settings],
                ['系统日志', 'logs.html', v.logs],
                ['使用帮助', 'help.html', v.help],
                ['基础模板', 'base.html', v.base]
            ];
            var backendRows = [
                ['主程序', 'app.py', v.app],
                ['数据获取', 'stock_fetcher.py', v.stock_fetcher],
                ['数据处理', 'data_processor.py', v.data_processor],
                ['AI 分析', 'ai_analyzer.py', v.ai_analyzer],
                ['分析任务存储', 'analysis_run_store.py', v.analysis_run_store],
                ['数据存储', 'storage.py', v.storage],
                ['配置管理', 'config_manager.py', v.config_manager],
                ['提示词管理', 'prompt_manager.py', v.prompt_manager],
                ['外部任务存储', 'api_job_store.py', v.api_job_store],
                ['外部认证', 'external_api_auth.py', v.external_api_auth],
                ['AI 默认提示词', 'ai_prompt_defaults.py', v.ai_prompt_defaults],
                ['威科夫分析', 'wyckoff_analyzer.py', v.wyckoff_analyzer],
                ['艾略特波浪分析', 'elliott_wave_analyzer.py', v.elliott_wave_analyzer]
            ];
            function buildRows(rows) {
                return rows.map(function(r) {
                    return '<tr><td>' + r[0] + ' <small class="text-muted">(' + r[1] + ')</small></td><td><span class="badge bg-info">' + (r[2] || '-') + '</span></td></tr>';
                }).join('');
            }
            var html = '<div class="table-responsive"><table class="table table-sm table-bordered mb-0">' +
                '<thead class="table-light"><tr><th>模块</th><th>版本</th></tr></thead><tbody>' +
                '<tr class="table-secondary"><td colspan="2"><strong>前端</strong></td></tr>' +
                buildRows(frontendRows) +
                '<tr class="table-secondary"><td colspan="2"><strong>后端</strong></td></tr>' +
                buildRows(backendRows) +
                '</tbody></table></div>';
            area.html(html);
        }).fail(function(xhr) {
            if (xhr.status === 401) {
                area.html('<div class="alert alert-warning mb-0"><i class="bi bi-lock me-1"></i>需要管理员认证，请先前往 <a href="/settings?return_to=' + encodeURIComponent(window.location.pathname + window.location.search) + '">系统设置</a> 完成认证后再查看。</div>');
            } else {
                area.html('<div class="alert alert-warning mb-0">版本信息加载失败</div>');
            }
        });
    });
    </script>
    

<!-- CodeMirror 5 主体 + 常用模式 -->
<script src="https://cdn.jsdelivr.net/npm/codemirror@5.65.16/lib/codemirror.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/codemirror@5.65.16/mode/markdown/markdown.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/codemirror@5.65.16/mode/jinja2/jinja2.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/codemirror@5.65.16/addon/search/searchcursor.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/codemirror@5.65.16/addon/dialog/dialog.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/codemirror@5.65.16/addon/search/search.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/codemirror@5.65.16/addon/edit/matchbrackets.min.js"></script>
<script>
// 版本信息
window.pageVersions = window.pageVersions || {};
window.pageVersions.settings = 'V.0028';

var originalConfig = null;
var returnTo = '';
var STAGE_CONFIG_META = [
    {
        id: 'stage1',
        title: '第一阶段：AI 基本面分析',
        icon: 'bar-chart-fill',
        desc: '用于财报、估值、行业地位与近期要闻分析。',
        keys: [
            'stage1_provider', 'stage1_model', 'stage1_web_search_mode'
        ]
    },
    {
        id: 'stage2',
        title: '第二阶段：AI 技术面+策略模式识别',
        icon: 'graph-up',
        desc: '用于趋势、关键价位、风险控制与策略模式识别。',
        keys: [
            'stage2_provider', 'stage2_model', 'stage2_web_search_mode'
        ]
    },
    {
        id: 'stage3',
        title: '第三阶段：AI 综合策略',
        icon: 'lightbulb-fill',
        desc: '用于综合前两阶段结果，输出最终短线、长线与网格策略。',
        keys: [
            'stage3_provider', 'stage3_model', 'stage3_web_search_mode'
        ]
    }
];
var CONFIG_DISPLAY_GROUPS = [
    {
        key: 'model_providers',
        label: '模型供应商',
        desc: '可添加任意数量供应商；各阶段按名称选择。',
        icon: 'cloud',
        items: [['api', 'providers']]
    },
    {
        key: 'stage_models',
        label: '三阶段模型',
        desc: '每阶段只选「供应商 + 模型」；接口模式/推理强度/思考模式/服务优先级等随所选供应商，仅联网搜索可按阶段单独覆盖。',
        icon: 'cpu',
        type: 'stage_tabs',
        items: [
            ['api', 'stage1_provider'], ['api', 'stage1_model'], ['api', 'stage1_web_search_mode'],
            ['api', 'stage2_provider'], ['api', 'stage2_model'], ['api', 'stage2_web_search_mode'],
            ['api', 'stage3_provider'], ['api', 'stage3_model'], ['api', 'stage3_web_search_mode']
        ]
    },
    {
        key: 'ai_output_stability',
        label: 'AI 输出与稳定性',
        desc: '控制随机性、技术面稳定性、固定种子与流式输出。输出 token 上限改在各供应商卡片内单独设置。',
        icon: 'sliders',
        items: [
            ['ai_analysis', 'temperature'],
            ['ai_analysis', 'temperature_technical'], ['ai_analysis', 'seed_enabled'],
            ['ai_analysis', 'stream_mode']
        ]
    },
    {
        key: 'data_scope_inputs',
        label: '数据范围与 AI 输入量',
        desc: '控制行情数据拉取范围、保留量（分析+图表共用）、复权方式与发送给 AI 的细节粒度。',
        icon: 'database',
        items: [
            ['data', 'kline_days'], ['data', 'display_kline_days'], ['data', 'kline_adjust'],
            ['ai_analysis', 'kline_detail_days'], ['ai_analysis', 'kline_segment_days']
        ]
    },
    {
        key: 'chart_indicators',
        label: '图表与技术指标',
        desc: '控制图表默认展示范围，以及 MA/MACD/RSI/KDJ/BOLL 等指标参数。',
        icon: 'graph-up',
        items: [
            ['data', 'chart_default_days'],
            ['datasource', 'valuation_years'], ['datasource', 'valuation_chart_years'],
            ['indicators', 'ma_periods'], ['indicators', 'macd'], ['indicators', 'rsi_period'],
            ['indicators', 'kdj'], ['indicators', 'boll']
        ]
    },
    {
        key: 'datasource_layer',
        label: '数据源层（直连行情）',
        desc: 'A 股直连行情数据源（通达信 mootdx / 腾讯 / 东财）的总开关、降级策略与限流·超时·重试；关闭「启用新数据源层」即一键回退 AkShare 旧路径。',
        icon: 'hdd-network',
        items: [
            ['datasource', 'enabled'], ['datasource', 'mootdx_enabled'],
            ['datasource', 'fallback_to_akshare'],
            ['datasource', 'em_min_interval'], ['datasource', 'em_jitter'],
            ['datasource', 'http_timeout'], ['datasource', 'retry_times']
        ]
    },
    {
        key: 'cache_center',
        label: '缓存管理中心',
        desc: '全部缓存策略统一管理（TTL 设 0 即停用对应缓存）；运行状态与清理操作见下方「缓存状态总览」。',
        icon: 'archive',
        items: [
            { divider: '结果缓存——分析报告与 AI 结论', hint: '命中时同时省去数据采集与 AI 调用，是节省资源的第一层' },
            ['cache_policy', 'analysis_ttl_hours'],
            ['cache_policy', 'analysis_reuse_after_close'],
            { divider: '数据采集缓存——市场感知（分7类）', hint: '行情类盘中保鲜、收盘后复用至下一开盘；新闻公告始终求新；各类型归属见「数据获取链路」' },
            ['cache_policy', 'enabled'], ['cache_policy', 'market_buffer_minutes'],
            ['cache_policy', 'realtime_trading_ttl_min'], ['cache_policy', 'intraday_trading_ttl_min'],
            ['cache_policy', 'daily_ttl_hours'], ['cache_policy', 'evening_ttl_min'],
            ['cache_policy', 'news_ttl_min'], ['cache_policy', 'financial_ttl_hours'],
            ['cache_policy', 'financial_disclosure_ttl_hours'], ['cache_policy', 'static_ttl_days'],
            { divider: '页面与基础缓存', hint: '首页快照、业绩预告、股票列表与 L0 缓存引擎' },
            ['cache_policy', 'snapshot_ttl_min'], ['cache_policy', 'forecast_ttl_hours'],
            ['cache_policy', 'stock_list_ttl_hours'],
            ['cache_store', 'enabled'], ['cache_store', 'max_total_size_mb'],
            ['cache_store', 'disclosure_months'], ['cache_store', 'base_dir']
        ]
    },
    {
        key: 'request_performance',
        label: '请求性能与重试',
        desc: '集中配置 AI 与 AkShare 的超时、重试和调用间隔，便于排查耗时问题。',
        icon: 'speedometer2',
        items: [
            ['api', 'ai_timeout'], ['ai_analysis', 'stream_idle_timeout'],
            ['api', 'ai_retry_times'],
            ['api', 'akshare_timeout'], ['api', 'akshare_retry_times'],
            ['api', 'akshare_call_interval']
        ]
    },
    {
        key: 'external_api_runtime',
        label: '外部 API',
        desc: '控制外部程序调用异步分析 API 的启用状态、鉴权和轮询参数。',
        icon: 'key',
        items: [
            ['external_api', 'enabled'], ['external_api', 'require_auth'],
            ['external_api', 'default_poll_interval_ms'], ['external_api', 'job_result_ttl_hours'],
            ['external_api', 'default_analysis_type'], ['external_api', 'default_response_modules']
        ]
    },
    {
        key: 'system_maintenance',
        label: '系统维护',
        desc: 'Web 服务监听、调试模式、日志轮转与历史记录上限；部分修改后需要重启服务。',
        icon: 'hdd-rack',
        items: [
            ['flask', 'debug'], ['flask', 'host'], ['flask', 'port'],
            ['logging', 'level'], ['logging', 'max_size_mb'], ['logging', 'backup_count'],
            ['data', 'max_history_records'], ['data', 'analysis_run_ttl_days']
        ]
    }
];

$(document).ready(function() {
    // 认证表单
    $('#authForm').on('submit', function(e) {
        e.preventDefault();
        doAuth();
    });

    // 退出认证
    $('#btnLogout').on('click', function() {
        $.post('/api/settings/logout', function() {
            $('#settingsContent').hide();
            $('#configForm').hide();
            $('#authOverlay').fadeIn(300);
            $('#authPassword').val('').focus();
        });
    });

    // 如果不需要认证，直接加载
    if ($('#authOverlay').is(':hidden')) {
        loadConfig();
    }

    $('#configForm').on('submit', function(e) {
        e.preventDefault();
        saveConfig();
    });

    $('#settingsMaintenanceGroup').on('keydown', 'input', function(e) {
        if (e.key === 'Enter') {
            e.preventDefault();
        }
    });

    $('#btnReset').on('click', function() {
        if (confirm('确定要恢复所有配置为默认值吗？此操作不可撤销。')) {
            resetConfig();
        }
    });

    $('#btnCancel').on('click', function() {
        if (confirm('确定要放弃当前修改吗？')) {
            loadConfig();
        }
    });

    // 刷新股票列表
    $('#btnRefreshStockList').on('click', function() {
        var $btn = $(this);
        $btn.prop('disabled', true).html('<span class="spinner-border spinner-border-sm me-1"></span>下载中...');
        $('#refreshProgress').show();
        $('#refreshResult').hide();
        $('#refreshMsg').text('正在下载 A 股 + 港股列表，港股可能较慢，请耐心等待...');

        $.ajax({
            url: '/api/stock_list/refresh',
            method: 'POST',
            timeout: 300000,
            success: function(r) {
                if (r.success) {
                    $('#refreshResult').html('<div class="alert alert-success alert-sm mb-0 py-1 px-2 small"><i class="bi bi-check-circle me-1"></i>' + r.message + '</div>').show();
                } else {
                    $('#refreshResult').html('<div class="alert alert-warning alert-sm mb-0 py-1 px-2 small"><i class="bi bi-exclamation-triangle me-1"></i>' + r.message + '</div>').show();
                }
            },
            error: function(xhr, status) {
                var msg = status === 'timeout' ? '下载超时，请重试' : '请求失败';
                $('#refreshResult').html('<div class="alert alert-danger alert-sm mb-0 py-1 px-2 small"><i class="bi bi-x-circle me-1"></i>' + msg + '</div>').show();
            },
            complete: function() {
                $btn.prop('disabled', false).html('<i class="bi bi-arrow-clockwise"></i> 重新下载股票列表');
                $('#refreshProgress').hide();
                loadStockListInfo();
            }
        });
    });

    // 页面加载时显示股票列表信息
    if ($('#authOverlay').is(':hidden')) {
        loadStockListInfo();
    }

    // 数据获取链路
    $('#btnChainsReload').on('click', function() { loadDatasourceChains(); });
    $('#btnChainsSave').on('click', function() { saveDatasourceChains(); });
    $('#btnChainsResetAll').on('click', function() { resetAllDatasourceChains(); });
    if ($('#authOverlay').is(':hidden')) {
        loadDatasourceChains();
    }

    // 缓存状态总览
    $('#btnCacheCenterReload').on('click', function() { loadCacheCenter(); });
    $('#btnCacheClearExpired').on('click', function() { cacheCenterClear('kv_expired', '', '清理所有已过期的采集缓存项？'); });
    $('#btnCacheClearAll').on('click', function() {
        cacheCenterClear('all', '', '确定清空全部缓存（采集缓存 + 分析结果 + 快照 + 业绩预告）？\n下次访问将全量实时拉取，耗时会明显变长。');
    });
    $('#cacheCenterContainer').on('click', '.btn-cache-clear-row', function() {
        var scope = $(this).data('scope');
        var target = $(this).data('target') || '';
        var label = $(this).data('label') || '';
        cacheCenterClear(scope, target, '清空「' + label + '」的缓存？');
    });
    $('#btnHistoryReload').on('click', function() { loadHistoryCleanup(); });
    $('#btnHistoryClear').on('click', function() { historyCleanupRun(); });
    $('#historyCleanupContainer').on('change', '.history-action', function() {
        var older = $(this).val() === 'older';
        $(this).closest('tr').find('.history-days').prop('disabled', !older);
    });
    if ($('#authOverlay').is(':hidden')) {
        loadCacheCenter();
        loadHistoryCleanup();
    }
});

// ==================== 缓存状态总览（缓存管理中心） ====================

function _fmtBytes(b) {
    if (!b) return '0';
    if (b >= 1024 * 1024) return (b / 1024 / 1024).toFixed(1) + ' MB';
    if (b >= 1024) return (b / 1024).toFixed(0) + ' KB';
    return b + ' B';
}

function loadCacheCenter() {
    $('#cacheCenterLoading').show();
    $('#cacheCenterContainer').hide();
    $.getJSON('/api/cache/center', function(resp) {
        if (!resp || !resp.success) {
            $('#cacheCenterLoading').html('<span class="text-danger">加载失败：' + ((resp && resp.message) || '未知错误') + '</span>');
            return;
        }
        renderCacheCenter(resp);
        $('#cacheCenterLoading').hide();
        $('#cacheCenterContainer').show();
    }).fail(function(xhr) {
        var msg = (xhr.responseJSON && xhr.responseJSON.message) || ('HTTP ' + xhr.status);
        $('#cacheCenterLoading').html('<span class="text-danger">加载失败：' + msg + '</span>');
    });
}

function renderCacheCenter(data) {
    var marketText = { trading: '交易中', closed: '已收盘', pre_open: '盘前', unknown: '未知' };
    var mkA = marketText[(data.market || {}).A] || '未知';
    var mkHK = marketText[(data.market || {}).HK] || '未知';
    var kv = data.kv || {};
    var hitRate = (kv.hits + kv.misses) > 0 ? Math.round(kv.hit_rate * 100) + '%' : '—';
    $('#cacheCenterSummary').html(
        'A股 <strong>' + mkA + '</strong> / 港股 <strong>' + mkHK + '</strong>（判定冗余 ' + (data.buffer_minutes || 0) + ' 分钟）'
        + ' · 采集缓存命中率 <strong>' + hitRate + '</strong>'
        + ' · 共 ' + (kv.total_items || 0) + ' 项 / ' + _fmtBytes(kv.total_size_bytes || 0)
    );

    var html = '';

    // ---- 结果层缓存点 ----
    html += '<h6 class="mt-1 mb-2"><span class="badge bg-dark">结果与页面缓存</span></h6>';
    html += '<div class="table-responsive"><table class="table table-sm table-hover align-middle mb-3 cache-center-table">';
    html += '<thead><tr><th style="width:220px;">缓存点</th><th style="width:80px;">状态</th><th style="width:130px;">当前TTL</th>'
        + '<th style="width:140px;">介质</th><th style="width:130px;">占用</th><th>说明</th><th style="width:70px;"></th></tr></thead><tbody>';
    (data.results || []).forEach(function(r) {
        var rt = r.runtime || {};
        var statusHtml = r.adjustable
            ? (r.enabled ? '<span class="cache-status-dot on"></span>启用' : '<span class="cache-status-dot off"></span>已停用')
            : '<span class="badge cache-layer-badge">内置</span>';
        var occHtml = '—';
        if (rt.items !== undefined) {
            occHtml = rt.items + ' 项' + (rt.size_bytes ? ' / ' + _fmtBytes(rt.size_bytes) : '');
            if (rt.hits !== undefined) occHtml += '<div class="text-muted" style="font-size:0.72rem;">命中 ' + rt.hits + ' 次</div>';
        } else if (rt.updated_at) {
            occHtml = '<span class="text-muted" style="font-size:0.76rem;">更新于 ' + rt.updated_at + '</span>';
        }
        var clearScope = { analysis_page: 'analysis', market_snapshot: 'snapshot', forecast: 'forecast' }[r.id];
        var opHtml = clearScope
            ? '<button type="button" class="btn btn-sm btn-outline-danger py-0 px-1 btn-cache-clear-row" style="font-size:0.72rem;"'
              + ' data-scope="' + clearScope + '" data-label="' + r.label + '">清空</button>'
            : '';
        html += '<tr>'
            + '<td><strong>' + r.label + '</strong></td>'
            + '<td>' + statusHtml + '</td>'
            + '<td>' + (r.enabled ? r.ttl_text : '<span class="text-danger">已停用</span>') + '</td>'
            + '<td class="text-muted">' + (r.medium || '') + '</td>'
            + '<td>' + occHtml + '</td>'
            + '<td class="text-muted" style="font-size:0.76rem;">' + (r.desc || '') + '</td>'
            + '<td>' + opHtml + '</td>'
            + '</tr>';
    });
    html += '</tbody></table></div>';

    // ---- 采集层 7 类 ----
    html += '<h6 class="mt-2 mb-2"><span class="badge bg-dark">数据采集缓存（市场感知' + (data.policy_enabled ? '' : '：总开关已关闭') + '）</span></h6>';
    html += '<div class="table-responsive"><table class="table table-sm table-hover align-middle mb-1 cache-center-table">';
    html += '<thead><tr><th style="width:220px;">类别</th><th style="width:80px;">状态</th><th style="width:170px;">当前生效TTL</th>'
        + '<th style="width:130px;">占用</th><th>覆盖的数据(namespace)</th><th style="width:70px;"></th></tr></thead><tbody>';
    (data.categories || []).forEach(function(c) {
        var statusHtml = c.enabled
            ? '<span class="cache-status-dot on"></span>启用'
            : '<span class="cache-status-dot off"></span>已停用';
        var ttlHtml = c.enabled
            ? c.ttl_now_text + (c.mode === 'market' && data.policy_enabled ? '<div class="text-muted" style="font-size:0.72rem;">市场感知</div>' : '')
            : '<span class="text-danger">已停用</span>';
        var occ = c.kv_items + ' 项 / ' + _fmtBytes(c.kv_size_bytes)
            + (c.kv_expired ? '<div class="text-muted" style="font-size:0.72rem;">含过期 ' + c.kv_expired + '</div>' : '');
        var nsHtml = (c.namespaces || []).map(function(ns) {
            return '<span class="badge cache-policy-badge me-1">' + ns + '</span>';
        }).join('');
        var opHtml = c.kv_items > 0
            ? '<button type="button" class="btn btn-sm btn-outline-danger py-0 px-1 btn-cache-clear-row" style="font-size:0.72rem;"'
              + ' data-scope="kv_category" data-target="' + c.key + '" data-label="' + c.label + '">清空</button>'
            : '';
        html += '<tr>'
            + '<td><strong>' + c.label + '</strong><div class="text-muted" style="font-size:0.72rem;">' + (c.desc || '') + '</div></td>'
            + '<td>' + statusHtml + '</td>'
            + '<td>' + ttlHtml + '</td>'
            + '<td>' + occ + '</td>'
            + '<td>' + nsHtml + '</td>'
            + '<td>' + opHtml + '</td>'
            + '</tr>';
    });
    html += '</tbody></table></div>';

    $('#cacheCenterContainer').html(html);
}

function cacheCenterClear(scope, target, confirmMsg) {
    if (confirmMsg && !confirm(confirmMsg)) return;
    $.ajax({
        url: '/api/cache/center/clear',
        method: 'POST',
        contentType: 'application/json',
        data: JSON.stringify({ scope: scope, target: target }),
        success: function(resp) {
            if (resp && resp.success) {
                showToast(resp.message || '清理完成', 'success');
                loadCacheCenter();
            } else {
                showToast((resp && resp.message) || '清理失败', 'danger');
            }
        },
        error: function(xhr) {
            var msg = (xhr.responseJSON && xhr.responseJSON.message) || ('HTTP ' + xhr.status);
            showToast('清理失败：' + msg, 'danger');
        }
    });
}

// ==================== 历史内容清理 ====================
var _historyActionLabels = { expired: '清过期+孤儿', older: '清 N 天前', all: '全部清空' };

function loadHistoryCleanup() {
    $('#historyCleanupLoading').show();
    $('#historyCleanupContainer').hide();
    $.getJSON('/api/cache/history', function(resp) {
        if (!resp || !resp.success) {
            $('#historyCleanupLoading').html('<span class="text-danger">加载失败：' + ((resp && resp.message) || '未知错误') + '</span>');
            return;
        }
        renderHistoryCleanup(resp.items || []);
        $('#historyCleanupLoading').hide();
        $('#historyCleanupContainer').show();
    }).fail(function(xhr) {
        var msg = (xhr.responseJSON && xhr.responseJSON.message) || ('HTTP ' + xhr.status);
        $('#historyCleanupLoading').html('<span class="text-danger">加载失败：' + msg + '</span>');
    });
}

function renderHistoryCleanup(items) {
    var totalCount = items.reduce(function(s, it) { return s + (it.count || 0); }, 0);
    var totalSize = items.reduce(function(s, it) { return s + (it.size_bytes || 0); }, 0);
    $('#historyCleanupSummary').html('共 ' + totalCount + ' 项 / ' + _fmtBytes(totalSize));

    var html = '<div class="table-responsive"><table class="table table-sm table-hover align-middle mb-1 cache-center-table">';
    html += '<thead><tr><th style="width:42px;"></th><th style="width:240px;">内容类型</th><th style="width:140px;">当前占用</th>'
        + '<th style="width:150px;">清理机制</th><th style="width:150px;">保留天数</th><th>位置</th></tr></thead><tbody>';
    items.forEach(function(it) {
        var occ = (it.count || 0) + ' 项 / ' + _fmtBytes(it.size_bytes || 0);
        var extra = '';
        if (it.expired) extra = '<div class="text-muted" style="font-size:0.72rem;">含过期 ' + it.expired + '</div>';
        else if (it.oldest_days !== null && it.oldest_days !== undefined) extra = '<div class="text-muted" style="font-size:0.72rem;">最旧 ' + it.oldest_days + ' 天</div>';

        var actOpts = (it.actions || []).map(function(a) {
            var sel = (a === it.default_action) ? ' selected' : '';
            return '<option value="' + a + '"' + sel + '>' + (_historyActionLabels[a] || a) + '</option>';
        }).join('');
        var daysDisabled = (it.default_action === 'older') ? '' : 'disabled';

        html += '<tr data-type="' + it.type + '">'
            + '<td><input type="checkbox" class="form-check-input history-chk"></td>'
            + '<td><strong>' + it.label + '</strong></td>'
            + '<td>' + occ + extra + '</td>'
            + '<td><select class="form-select form-select-sm history-action">' + actOpts + '</select></td>'
            + '<td><div class="input-group input-group-sm"><input type="number" min="0" class="form-control history-days" value="' + (it.default_days || 7) + '" ' + daysDisabled + '><span class="input-group-text">天</span></div></td>'
            + '<td class="text-muted" style="font-size:0.76rem;"><code>' + it.location + '</code></td>'
            + '</tr>';
    });
    html += '</tbody></table></div>';
    html += '<div class="small text-muted mt-1">「清 N 天前」按写入/修改时间回收，能清掉改过参数后不再访问的旧缓存；采集缓存的「清过期+孤儿」只清已到期项。</div>';
    $('#historyCleanupContainer').html(html);
}

function historyCleanupRun() {
    var targets = [];
    var labels = [];
    $('#historyCleanupContainer tbody tr').each(function() {
        var $tr = $(this);
        if (!$tr.find('.history-chk').is(':checked')) return;
        var action = $tr.find('.history-action').val();
        var days = parseInt($tr.find('.history-days').val(), 10);
        if (isNaN(days) || days < 0) days = 0;
        targets.push({ type: $tr.data('type'), action: action, days: days });
        var actLabel = _historyActionLabels[action] || action;
        labels.push('· ' + $tr.find('strong').text() + ' → ' + actLabel + (action === 'older' ? ('（' + days + ' 天前）') : ''));
    });
    if (targets.length === 0) {
        showToast('请先勾选要清理的内容', 'warning');
        return;
    }
    if (!confirm('确定执行以下清理？此操作不可恢复：\n' + labels.join('\n'))) return;

    $.ajax({
        url: '/api/cache/history/clear',
        method: 'POST',
        contentType: 'application/json',
        data: JSON.stringify({ targets: targets }),
        success: function(resp) {
            if (resp && resp.success) {
                showToast(resp.message || '清理完成', 'success');
                loadHistoryCleanup();
            } else {
                showToast((resp && resp.message) || '清理失败', 'danger');
            }
        },
        error: function(xhr) {
            var msg = (xhr.responseJSON && xhr.responseJSON.message) || ('HTTP ' + xhr.status);
            showToast('清理失败：' + msg, 'danger');
        }
    });
}

// ==================== 数据获取链路管理 ====================
var _chainsData = null;      // 服务端返回的 items
var _chainsState = {};       // key -> 当前编辑中的顺序数组
var _chainsDirty = false;

function loadDatasourceChains() {
    $('#chainsLoading').show();
    $('#chainsContainer').hide();
    $.getJSON('/api/datasource/chains', function(resp) {
        if (!resp || !resp.success) {
            $('#chainsLoading').html('<span class="text-danger">加载失败：' + ((resp && resp.message) || '未知错误') + '</span>');
            return;
        }
        _chainsData = resp.items || [];
        _chainsState = {};
        _chainsData.forEach(function(it) { _chainsState[it.key] = it.current_order.slice(); });
        _setChainsDirty(false);
        renderDatasourceChains();
        $('#chainsLoading').hide();
        $('#chainsContainer').show();
    }).fail(function(xhr) {
        var msg = (xhr.responseJSON && xhr.responseJSON.message) || ('HTTP ' + xhr.status);
        $('#chainsLoading').html('<span class="text-danger">加载失败：' + msg + '</span>');
    });
}

function _setChainsDirty(dirty) {
    _chainsDirty = dirty;
    $('#btnChainsSave').prop('disabled', !dirty);
    $('#chainsDirtyHint').toggle(dirty);
}

function _chainSourceBadge(item, sourceKey, idx, total) {
    var src = null;
    (item.sources || []).forEach(function(s) { if (s.key === sourceKey) src = s; });
    var label = src ? src.label : sourceKey;
    var tip = src ? ((src.vendor || '') + (src.note ? ' — ' + src.note : '')) : '';
    var html = '<span class="badge rounded-pill ' + (idx === 0 ? 'bg-primary' : 'bg-secondary') + ' chain-src-badge" '
        + 'style="font-weight:normal;" title="' + $('<i>').text(tip).html() + '">';
    html += '<span class="me-1">' + (idx + 1) + '.</span>' + $('<i>').text(label).html();
    if (item.adjustable) {
        html += ' <a href="javascript:void(0)" class="text-white chain-move" data-chain="' + item.key + '" data-idx="' + idx + '" data-dir="-1"'
            + (idx === 0 ? ' style="visibility:hidden;"' : '') + '><i class="bi bi-caret-left-fill"></i></a>';
        html += '<a href="javascript:void(0)" class="text-white chain-move" data-chain="' + item.key + '" data-idx="' + idx + '" data-dir="1"'
            + (idx === total - 1 ? ' style="visibility:hidden;"' : '') + '><i class="bi bi-caret-right-fill"></i></a>';
    }
    html += '</span>';
    return html;
}

function renderDatasourceChains() {
    if (!_chainsData) return;
    var marketNames = { 'A': 'A股', 'HK': '港股', 'ETF': 'ETF' };
    var byMarket = {};
    _chainsData.forEach(function(it) {
        (byMarket[it.market] = byMarket[it.market] || []).push(it);
    });
    var html = '';
    ['A', 'HK', 'ETF'].forEach(function(mkt) {
        var items = byMarket[mkt];
        if (!items || !items.length) return;
        html += '<h6 class="mt-3 mb-2"><span class="badge bg-dark">' + marketNames[mkt] + '</span></h6>';
        html += '<div class="table-responsive"><table class="table table-sm table-hover align-middle mb-2" style="font-size:0.85rem;">';
        html += '<thead><tr><th style="width:90px;">分类</th><th style="width:170px;">数据类型</th>'
            + '<th>获取链路（优先级从左到右）</th><th style="width:160px;">最近来源</th><th style="width:60px;"></th></tr></thead><tbody>';
        items.forEach(function(it) {
            var order = _chainsState[it.key] || it.current_order;
            var badges = order.map(function(s, i) { return _chainSourceBadge(it, s, i, order.length); }).join(' <i class="bi bi-arrow-right text-muted small"></i> ');
            var rt = it.runtime;
            var rtHtml = '<span class="text-muted">—</span>';
            if (rt && rt.source) {
                var srcLabel = rt.source;
                (it.sources || []).forEach(function(s) { if (s.key === rt.source) srcLabel = s.label; });
                if (rt.source === 'none') srcLabel = '全部失败';
                rtHtml = '<span class="' + (rt.ok ? 'text-success' : 'text-danger') + '">' + $('<i>').text(srcLabel).html() + '</span>'
                    + '<div class="text-muted" style="font-size:0.72rem;">' + $('<i>').text(rt.at || '').html() + '</div>';
            }
            var isCustom = JSON.stringify(order) !== JSON.stringify(it.default_order);
            html += '<tr data-chain-row="' + it.key + '">';
            html += '<td class="text-muted">' + $('<i>').text(it.group).html() + '</td>';
            var cacheHtml = '';
            if (it.cache && it.cache.summary) {
                cacheHtml = '<div style="font-size:0.72rem;"><span class="badge cache-policy-badge" '
                    + 'title="缓存类别：' + $('<i>').text(it.cache.category_label || '').html() + '">'
                    + '<i class="bi bi-clock-history me-1"></i>' + $('<i>').text(it.cache.summary).html() + '</span></div>';
            }
            html += '<td>' + $('<i>').text(it.label).html()
                + (it.adjustable ? ' <i class="bi bi-arrows-move text-primary small" title="可调整顺序"></i>' : ' <i class="bi bi-lock text-muted small" title="固定链路"></i>')
                + (isCustom ? ' <span class="badge bg-warning text-dark" style="font-size:0.65rem;">已自定义</span>' : '')
                + (it.extra ? '<div class="text-muted" style="font-size:0.72rem;">' + $('<i>').text(it.extra).html() + '</div>' : '')
                + cacheHtml
                + '</td>';
            html += '<td>' + badges + '</td>';
            html += '<td>' + rtHtml + '</td>';
            html += '<td>' + (it.adjustable && isCustom
                ? '<a href="javascript:void(0)" class="chain-reset small" data-chain="' + it.key + '" title="恢复默认顺序"><i class="bi bi-arrow-counterclockwise"></i></a>'
                : '') + '</td>';
            html += '</tr>';
        });
        html += '</tbody></table></div>';
    });
    $('#chainsContainer').html(html);

    $('#chainsContainer .chain-move').on('click', function() {
        var key = $(this).data('chain');
        var idx = parseInt($(this).data('idx'), 10);
        var dir = parseInt($(this).data('dir'), 10);
        var order = _chainsState[key];
        if (!order) return;
        var j = idx + dir;
        if (j < 0 || j >= order.length) return;
        var tmp = order[idx]; order[idx] = order[j]; order[j] = tmp;
        _setChainsDirty(true);
        renderDatasourceChains();
    });
    $('#chainsContainer .chain-reset').on('click', function() {
        var key = $(this).data('chain');
        var item = null;
        _chainsData.forEach(function(it) { if (it.key === key) item = it; });
        if (!item) return;
        _chainsState[key] = item.default_order.slice();
        _setChainsDirty(true);
        renderDatasourceChains();
    });
}

function saveDatasourceChains() {
    if (!_chainsData) return;
    var chains = {};
    _chainsData.forEach(function(it) {
        if (!it.adjustable) return;
        var order = _chainsState[it.key];
        if (order && JSON.stringify(order) !== JSON.stringify(it.default_order)) {
            chains[it.key] = order;
        }
    });
    var $btn = $('#btnChainsSave');
    $btn.prop('disabled', true).html('<span class="spinner-border spinner-border-sm me-1"></span>保存中...');
    $.ajax({
        url: '/api/datasource/chains',
        method: 'POST',
        contentType: 'application/json',
        data: JSON.stringify({ chains: chains }),
        timeout: 20000
    }).done(function(resp) {
        if (resp && resp.success) {
            showToast(resp.message || '数据获取链路已保存并生效', 'success');
            _chainsData = resp.items || _chainsData;
            _chainsState = {};
            _chainsData.forEach(function(it) { _chainsState[it.key] = it.current_order.slice(); });
            _setChainsDirty(false);
            renderDatasourceChains();
        } else {
            var errs = (resp && resp.errors) ? '：' + resp.errors.join('；') : '';
            showToast(((resp && resp.message) || '保存失败') + errs, 'danger');
        }
    }).fail(function(xhr) {
        var r = xhr.responseJSON || {};
        var errs = r.errors ? '：' + r.errors.join('；') : '';
        showToast((r.message || ('保存失败 HTTP ' + xhr.status)) + errs, 'danger');
    }).always(function() {
        $btn.html('<i class="bi bi-save"></i> 保存链路顺序');
        _setChainsDirty(_chainsDirty);
    });
}

function resetAllDatasourceChains() {
    if (!_chainsData) return;
    _chainsData.forEach(function(it) {
        if (it.adjustable) _chainsState[it.key] = it.default_order.slice();
    });
    _setChainsDirty(true);
    renderDatasourceChains();
    showToast('已在页面上恢复全部默认顺序，点击「保存链路顺序」后生效', 'info');
}

function loadStockListInfo() {
    $.getJSON('/api/stock_list/info', function(r) {
        if (r.success) {
            var parts = [];
            if (r.a_count > 0) parts.push('A股 ' + r.a_count + ' 只');
            if (r.hk_count > 0) parts.push('港股 ' + r.hk_count + ' 只');
            if (r.etf_count > 0) parts.push('ETF ' + r.etf_count + ' 只');
            var info = parts.length > 0 ? '当前: ' + parts.join('，') : '暂无缓存';
            if (r.a_date) info += ' | A股缓存: ' + r.a_date;
            if (r.hk_date) info += ' | 港股缓存: ' + r.hk_date;
            if (r.etf_date) info += ' | ETF缓存: ' + r.etf_date;
            $('#stockListInfo').text(info);
        }
    });
}

function sha256(str) {
    var bytes = [];
    for (var i = 0; i < str.length; i++) {
        var c = str.charCodeAt(i);
        if (c < 0x80) {
            bytes.push(c);
        } else if (c < 0x800) {
            bytes.push(0xC0 | (c >> 6), 0x80 | (c & 0x3F));
        } else if (c < 0xD800 || c >= 0xE000) {
            bytes.push(0xE0 | (c >> 12), 0x80 | ((c >> 6) & 0x3F), 0x80 | (c & 0x3F));
        } else {
            i++;
            c = 0x10000 + (((c & 0x3FF) << 10) | (str.charCodeAt(i) & 0x3FF));
            bytes.push(0xF0 | (c >> 18), 0x80 | ((c >> 12) & 0x3F), 0x80 | ((c >> 6) & 0x3F), 0x80 | (c & 0x3F));
        }
    }
    var K = [
        0x428a2f98,0x71374491,0xb5c0fbcf,0xe9b5dba5,0x3956c25b,0x59f111f1,0x923f82a4,0xab1c5ed5,
        0xd807aa98,0x12835b01,0x243185be,0x550c7dc3,0x72be5d74,0x80deb1fe,0x9bdc06a7,0xc19bf174,
        0xe49b69c1,0xefbe4786,0x0fc19dc6,0x240ca1cc,0x2de92c6f,0x4a7484aa,0x5cb0a9dc,0x76f988da,
        0x983e5152,0xa831c66d,0xb00327c8,0xbf597fc7,0xc6e00bf3,0xd5a79147,0x06ca6351,0x14292967,
        0x27b70a85,0x2e1b2138,0x4d2c6dfc,0x53380d13,0x650a7354,0x766a0abb,0x81c2c92e,0x92722c85,
        0xa2bfe8a1,0xa81a664b,0xc24b8b70,0xc76c51a3,0xd192e819,0xd6990624,0xf40e3585,0x106aa070,
        0x19a4c116,0x1e376c08,0x2748774c,0x34b0bcb5,0x391c0cb3,0x4ed8aa4a,0x5b9cca4f,0x682e6ff3,
        0x748f82ee,0x78a5636f,0x84c87814,0x8cc70208,0x90befffa,0xa4506ceb,0xbef9a3f7,0xc67178f2
    ];
    var H = [0x6a09e667,0xbb67ae85,0x3c6ef372,0xa54ff53a,0x510e527f,0x9b05688c,0x1f83d9ab,0x5be0cd19];
    var bitLen = bytes.length * 8;
    bytes.push(0x80);
    while (bytes.length % 64 !== 56) bytes.push(0);
    bytes.push(0, 0, 0, 0);
    bytes.push((bitLen >>> 24) & 0xff, (bitLen >>> 16) & 0xff, (bitLen >>> 8) & 0xff, bitLen & 0xff);
    function ROTR(n, x) { return (x >>> n) | (x << (32 - n)); }
    for (var off = 0; off < bytes.length; off += 64) {
        var W = [];
        for (var t = 0; t < 16; t++)
            W[t] = (bytes[off+t*4]<<24) | (bytes[off+t*4+1]<<16) | (bytes[off+t*4+2]<<8) | bytes[off+t*4+3];
        for (var t = 16; t < 64; t++) {
            var s0 = ROTR(7,W[t-15]) ^ ROTR(18,W[t-15]) ^ (W[t-15]>>>3);
            var s1 = ROTR(17,W[t-2]) ^ ROTR(19,W[t-2]) ^ (W[t-2]>>>10);
            W[t] = (W[t-16] + s0 + W[t-7] + s1) | 0;
        }
        var a=H[0],b=H[1],c=H[2],d=H[3],e=H[4],f=H[5],g=H[6],h=H[7];
        for (var t = 0; t < 64; t++) {
            var t1 = (h + (ROTR(6,e)^ROTR(11,e)^ROTR(25,e)) + ((e&f)^(~e&g)) + K[t] + W[t]) | 0;
            var t2 = ((ROTR(2,a)^ROTR(13,a)^ROTR(22,a)) + ((a&b)^(a&c)^(b&c))) | 0;
            h=g; g=f; f=e; e=(d+t1)|0; d=c; c=b; b=a; a=(t1+t2)|0;
        }
        H[0]=(H[0]+a)|0; H[1]=(H[1]+b)|0; H[2]=(H[2]+c)|0; H[3]=(H[3]+d)|0;
        H[4]=(H[4]+e)|0; H[5]=(H[5]+f)|0; H[6]=(H[6]+g)|0; H[7]=(H[7]+h)|0;
    }
    var hex = '';
    for (var i = 0; i < 8; i++) hex += ('00000000' + (H[i]>>>0).toString(16)).slice(-8);
    return hex;
}

function doAuth() {
    var password = $('#authPassword').val();
    if (!password) {
        $('#authError').text('请输入口令').show();
        return;
    }

    $('#btnAuth').prop('disabled', true).html(
        '<span class="spinner-border spinner-border-sm"></span>'
    );
    $('#authError').hide();

    var passwordHash = sha256(password);

    $.ajax({
        url: '/api/settings/auth',
        method: 'POST',
        contentType: 'application/json',
        data: JSON.stringify({ password_hash: passwordHash }),
        success: function(resp) {
            if (resp.success) {
                if (returnTo) {
                    window.location.href = returnTo;
                    return;
                }
                // 认证成功后重载页面，让顶部菜单栏的管理员专属项（历史记录/系统日志/关于）随之显示
                window.location.reload();
            } else {
                $('#authError').text(resp.message || '口令错误').show();
                $('#authPassword').val('').focus();
                $('.auth-card').addClass('shake');
                setTimeout(function() { $('.auth-card').removeClass('shake'); }, 400);
            }
        },
        error: function(xhr) {
            var msg = '验证失败';
            try { msg = JSON.parse(xhr.responseText).message || msg; } catch(e) {}
            $('#authError').text(msg).show();
            $('#authPassword').val('').focus();
            $('.auth-card').addClass('shake');
            setTimeout(function() { $('.auth-card').removeClass('shake'); }, 400);
        },
        complete: function() {
            $('#btnAuth').prop('disabled', false).html(
                '<i class="bi bi-unlock"></i> 验证'
            );
        }
    });
}

function loadConfig() {
    $('#configLoading').show();
    $('#configForm').hide();

    $.ajax({
        url: '/api/config',
        method: 'GET',
        success: function(resp) {
            if (resp.success) {
                renderConfigForm(resp.groups);
                originalConfig = JSON.stringify(collectFormData());
                $('#configLoading').hide();
                $('#configForm').show();
                if (window.loadExternalApiKeys) window.loadExternalApiKeys();
            } else {
                showToast('加载配置失败: ' + resp.message, 'danger');
                $('#configLoading').html('<p class="text-danger">加载失败，请刷新页面重试</p>');
            }
        },
        error: function(xhr) {
            if (xhr.status === 401) {
                $('#settingsContent').hide();
                $('#authOverlay').fadeIn(300);
                $('#authPassword').focus();
                return;
            }
            showToast('网络错误，请检查服务是否运行', 'danger');
            $('#configLoading').html('<p class="text-danger">网络错误，请刷新页面重试</p>');
        }
    });
}

// 全局缓存：fieldId -> item 元数据，供单项"恢复默认"按钮使用
window.__configDefaults = {};

function renderConfigForm(groups) {
    var html = '';
    var navHtml = '';
    var displayGroups = buildSettingsDisplayGroups(groups);
    window.__configDefaults = {};
    for (var i = 0; i < displayGroups.length; i++) {
        var g = displayGroups[i];
        var gid = 'cfggroup_' + g.key;
        var groupIcon = g.icon || getGroupIcon(g.key);
        navHtml += '<a href="#' + gid + '" data-target="' + gid + '">';
        navHtml += '<i class="bi bi-' + groupIcon + '"></i> ' + g.label + '</a>';

        html += '<div class="config-group" id="' + gid + '" data-group-key="' + g.key + '">';
        html += '<div class="card">';
        html += '<div class="card-header d-flex justify-content-between align-items-center">';
        html += '<span><i class="bi bi-' + groupIcon + '"></i> ' + g.label + '</span>';
        if (g.desc) {
            html += '<span class="group-desc">' + g.desc + '</span>';
        }
        html += '</div>';
        html += '<div class="card-body">';

        for (var j = 0; j < g.items.length; j++) {
            cacheConfigItemDefault(g.items[j]);
        }

        if (g.type === 'stage_tabs') {
            html += renderStageConfigTabs('api', collectStageConfigItems(g.items));
        } else {
            for (var k = 0; k < g.items.length; k++) {
                if (g.items[k].__divider) {
                    html += '<div class="config-section-divider">'
                        + '<span class="config-section-title">' + g.items[k].__divider + '</span>'
                        + (g.items[k].__hint ? '<span class="config-section-hint">' + g.items[k].__hint + '</span>' : '')
                        + '</div>';
                    continue;
                }
                html += renderConfigItem(g.items[k].__sourceGroup || g.key, g.items[k]);
            }
        }

        html += '</div></div></div>';
    }
    navHtml += '<a href="#cacheCenterCard" data-target="cacheCenterCard">';
    navHtml += '<i class="bi bi-database-check"></i> 缓存状态总览</a>';
    navHtml += '<a href="#historyCleanupCard" data-target="historyCleanupCard">';
    navHtml += '<i class="bi bi-trash3"></i> 历史内容清理</a>';
    navHtml += '<a href="#datasourceChainsCard" data-target="datasourceChainsCard">';
    navHtml += '<i class="bi bi-diagram-3"></i> 数据获取链路</a>';
    navHtml += '<a href="#dataMaintenanceCard" data-target="dataMaintenanceCard">';
    navHtml += '<i class="bi bi-database-gear"></i> 数据维护</a>';
    navHtml += '<a href="#externalApiCard" data-target="externalApiCard">';
    navHtml += '<i class="bi bi-key"></i> 外部 API Key</a>';
    navHtml += '<a href="#promptMaintenanceCard" data-target="promptMaintenanceCard">';
    navHtml += '<i class="bi bi-chat-square-text"></i> AI 提示词维护</a>';
    navHtml += '<a href="#glossLinksCard" data-target="glossLinksCard">';
    navHtml += '<i class="bi bi-link-45deg"></i> 词条链接配置</a>';
    $('#configGroups').html(html);
    $('#settingsNavList').html(navHtml);
    initSettingsNav();
    initConfigSearch();
    initItemResetButtons();
    initStageConfigTabs();
    initStageTestButtons();
    initDictConditionalFields();
    initProviderListEvents();
}

function buildConfigIndex(groups) {
    var index = {};
    for (var i = 0; i < groups.length; i++) {
        var group = groups[i];
        index[group.key] = { group: group, items: {} };
        for (var j = 0; j < group.items.length; j++) {
            index[group.key].items[group.items[j].key] = group.items[j];
        }
    }
    return index;
}

function cloneConfigItem(item, sourceGroup) {
    var cloned = $.extend(true, {}, item);
    cloned.__sourceGroup = sourceGroup;
    return cloned;
}

function findConfigItem(configIndex, groupKey, itemKey) {
    if (!configIndex[groupKey] || !configIndex[groupKey].items[itemKey]) return null;
    return cloneConfigItem(configIndex[groupKey].items[itemKey], groupKey);
}

function buildSettingsDisplayGroups(groups) {
    var configIndex = buildConfigIndex(groups);
    var used = {};
    var displayGroups = [];

    for (var i = 0; i < CONFIG_DISPLAY_GROUPS.length; i++) {
        var spec = CONFIG_DISPLAY_GROUPS[i];
        var displayItems = [];
        var realCount = 0;
        for (var j = 0; j < spec.items.length; j++) {
            var ref = spec.items[j];
            if (ref && ref.divider) {
                displayItems.push({ __divider: ref.divider, __hint: ref.hint || '' });
                continue;
            }
            var item = findConfigItem(configIndex, ref[0], ref[1]);
            if (!item) continue;
            used[ref[0] + '.' + ref[1]] = true;
            displayItems.push(item);
            realCount++;
        }
        if (realCount) {
            displayGroups.push({
                key: spec.key,
                label: spec.label,
                desc: spec.desc,
                icon: spec.icon,
                type: spec.type || 'items',
                items: displayItems
            });
        }
    }

    var fallbackItems = [];
    for (var gi = 0; gi < groups.length; gi++) {
        var group = groups[gi];
        for (var ii = 0; ii < group.items.length; ii++) {
            var rawItem = group.items[ii];
            var usedKey = group.key + '.' + rawItem.key;
            if (!used[usedKey]) fallbackItems.push(cloneConfigItem(rawItem, group.key));
        }
    }
    if (fallbackItems.length) {
        displayGroups.push({
            key: 'other_config',
            label: '其他配置',
            desc: '暂未归入新版展示分组的配置项，避免遗漏。',
            icon: 'gear',
            type: 'items',
            items: fallbackItems
        });
    }
    return displayGroups;
}

function cacheConfigItemDefault(item) {
    var sourceGroup = item.__sourceGroup || '';
    if (!sourceGroup) return;
    var fid = 'cfg_' + sourceGroup + '_' + item.key;
    window.__configDefaults[fid] = item;
}

function getStageConfigMetaByKey(key) {
    for (var i = 0; i < STAGE_CONFIG_META.length; i++) {
        if (STAGE_CONFIG_META[i].keys.indexOf(key) >= 0) return STAGE_CONFIG_META[i];
    }
    return null;
}

function isStageConfigKey(key) {
    return !!getStageConfigMetaByKey(key);
}

function collectStageConfigItems(items) {
    var stageItems = {};
    for (var mi = 0; mi < STAGE_CONFIG_META.length; mi++) {
        stageItems[STAGE_CONFIG_META[mi].id] = [];
    }
    for (var i = 0; i < items.length; i++) {
        var meta = getStageConfigMetaByKey(items[i].key);
        if (meta) stageItems[meta.id].push(items[i]);
    }
    return stageItems;
}

function renderStageConfigTabs(groupKey, stageItems) {
    var html = '<div class="stage-config-layout">';
    html += '<div class="stage-config-heading">';
    html += '<div><h6><i class="bi bi-cpu me-1"></i>三阶段模型配置</h6>';
    html += '<small>每个阶段可覆盖供应商默认的接口模式、推理强度、优先级和能力开关</small></div>';
    html += '<div class="stage-config-tabs" role="tablist" aria-label="三阶段模型配置">';
    for (var i = 0; i < STAGE_CONFIG_META.length; i++) {
        var meta = STAGE_CONFIG_META[i];
        var targetId = 'stagecfg_' + groupKey + '_' + meta.id;
        var active = i === 0 ? ' active' : '';
        var selected = i === 0 ? 'true' : 'false';
        html += '<button type="button" class="stage-config-tab' + active + '" role="tab"';
        html += ' aria-selected="' + selected + '" data-stage-target="' + targetId + '">';
        html += '<i class="bi bi-' + meta.icon + ' me-1"></i>' + meta.title + '</button>';
    }
    html += '</div></div>';

    for (var pi = 0; pi < STAGE_CONFIG_META.length; pi++) {
        var panelMeta = STAGE_CONFIG_META[pi];
        var panelId = 'stagecfg_' + groupKey + '_' + panelMeta.id;
        html += '<div class="stage-config-panel' + (pi === 0 ? ' active' : '') + '" id="' + panelId + '" role="tabpanel">';
        html += '<div class="stage-config-panel-title">';
        html += '<span><i class="bi bi-' + panelMeta.icon + ' me-1"></i>' + panelMeta.title + '</span>';
        html += '<span class="badge bg-light text-secondary">模型与能力覆盖</span>';
        html += '</div>';
        html += '<div class="text-muted small mb-2">' + panelMeta.desc + '</div>';
        var items = stageItems[panelMeta.id] || [];
        for (var j = 0; j < items.length; j++) {
            html += renderConfigItem(items[j].__sourceGroup || groupKey, items[j]);
        }
        html += '<div class="stage-test-row mt-3 pt-3 border-top">';
        html += '<button type="button" class="btn btn-sm btn-outline-primary stage-test-btn" data-stage="' + panelMeta.id + '">';
        html += '<i class="bi bi-plug me-1"></i>检测连通</button>';
        html += '<span class="text-muted small ms-2">对该阶段已保存配置发一次最小请求，验证 Key/接口/模型是否可用；修改后请先「保存配置」</span>';
        html += '<div class="stage-test-result small mt-2" data-stage-result="' + panelMeta.id + '"></div>';
        html += '</div>';
        html += '</div>';
    }
    html += '</div>';
    return html;
}

function initStageConfigTabs() {
    $('#configGroups').off('click.stageConfig', '.stage-config-tab')
        .on('click.stageConfig', '.stage-config-tab', function() {
            setActiveStageConfigPanel($(this).closest('.stage-config-layout'), $(this).data('stage-target'));
        });
}

// 三阶段「检测连通」：对该阶段已保存配置发一次最小请求，验证 Key/接口/模型是否可用
function initStageTestButtons() {
    $('#configGroups').off('click.stageTest', '.stage-test-btn')
        .on('click.stageTest', '.stage-test-btn', function() {
            var $btn = $(this);
            var stage = $btn.data('stage');
            var $result = $('[data-stage-result="' + stage + '"]');
            $btn.prop('disabled', true).html('<span class="spinner-border spinner-border-sm me-1"></span>检测中...');
            $result.removeClass('text-success text-danger').html('');
            $.ajax({
                url: '/api/ai/test_stage',
                method: 'POST',
                contentType: 'application/json',
                data: JSON.stringify({ stage: stage }),
                success: function(resp) {
                    if (resp.success && resp.result) {
                        renderStageTestResult($result, resp.result);
                    } else {
                        $result.removeClass('text-success').addClass('text-danger')
                            .html('<i class="bi bi-x-circle-fill me-1"></i>' + escapeHtml(resp.message || '检测失败'));
                    }
                },
                error: function(xhr) {
                    if (xhr.status === 401) {
                        $('#settingsContent').hide();
                        $('#authOverlay').fadeIn(300);
                        return;
                    }
                    $result.removeClass('text-success').addClass('text-danger')
                        .html('<i class="bi bi-x-circle-fill me-1"></i>网络错误，请检查服务是否运行');
                },
                complete: function() {
                    $btn.prop('disabled', false).html('<i class="bi bi-plug me-1"></i>检测连通');
                }
            });
        });
}

function renderStageTestResult($result, r) {
    var meta = '';
    if (r.provider || r.model) {
        meta = '（' + escapeHtml(r.provider || '') + ' · ' + escapeHtml(r.model || '');
        if (r.latency_ms) meta += ' · ' + r.latency_ms + 'ms';
        meta += '）';
    }
    if (r.ok) {
        $result.removeClass('text-danger').addClass('text-success')
            .html('<i class="bi bi-check-circle-fill me-1"></i>' + escapeHtml(r.message || '连接成功') + meta);
    } else {
        $result.removeClass('text-success').addClass('text-danger')
            .html('<i class="bi bi-x-circle-fill me-1"></i>' + escapeHtml(r.message || '检测失败') + meta);
    }
}

function setActiveStageConfigPanel($layout, targetId) {
    if (!$layout || !$layout.length || !targetId) return;
    $layout.find('.stage-config-tab').removeClass('active').attr('aria-selected', 'false');
    $layout.find('.stage-config-tab[data-stage-target="' + targetId + '"]').addClass('active').attr('aria-selected', 'true');
    $layout.find('.stage-config-panel').removeClass('active');
    $('#' + targetId).addClass('active');
}

// 单项"恢复默认"按钮事件
function initItemResetButtons() {
    $('#configGroups').off('click', '.btn-reset-item').on('click', '.btn-reset-item', function() {
        var fieldId = $(this).data('field-id');
        var item = window.__configDefaults[fieldId];
        if (!item) return;
        restoreItemDefault(fieldId, item);
        // 反馈一下
        var $btn = $(this);
        $btn.addClass('text-success');
        setTimeout(function() { $btn.removeClass('text-success'); }, 600);
    });
}

function initDictConditionalFields() {
    updateDictConditionalFields();
    $('#configGroups')
        .off('change.dictConditional', '[data-subkey]')
        .on('change.dictConditional', '[data-subkey]', function() {
            updateDictConditionalFields();
        });
    // 供应商卡片内字段（data-pl-field）变化时同样需要刷新条件可见性
    $('#configGroups')
        .off('change.plConditional', '[data-pl-field]')
        .on('change.plConditional', '[data-pl-field]', function() {
            updateDictConditionalFields();
        });
}

function updateDictConditionalFields() {
    $('#configGroups [data-visible-source-id]').each(function() {
        var $row = $(this);
        var sourceId = $row.data('visible-source-id');
        var allowed = String($row.data('visible-values') || '').split(',');
        var current = String($('#' + sourceId).val() || '');
        var visible = allowed.indexOf(current) >= 0;
        $row.toggle(visible);
    });
}

// 把单项恢复为默认值（不立即提交，用户需手动点"保存配置"）
function restoreItemDefault(fieldId, item) {
    var def = item['default'];
    if (item.type === 'bool') {
        $('#' + fieldId).prop('checked', !!def);
    } else if (item.type === 'select') {
        $('#' + fieldId).val(def);
    } else if (item.type === 'dict') {
        var fields = item.fields || {};
        var defObj = def || {};
        for (var fk in fields) {
            if (!fields.hasOwnProperty(fk)) continue;
            var subId = fieldId + '_' + fk;
            var v = (defObj[fk] !== undefined) ? defObj[fk] : '';
            $('#' + subId).val(v);
        }
    } else if (item.type === 'list_int') {
        var listVal = Array.isArray(def) ? def.join(', ') : (def || '');
        $('#' + fieldId).val(listVal);
    } else {
        $('#' + fieldId).val(def);
    }
    // 触发 change 让任何监听器知道
    $('#' + fieldId).trigger('change');
    updateDictConditionalFields();
}

// 锚点导航滚动联动
function initSettingsNav() {
    var links = document.querySelectorAll('.settings-nav a[data-target]');
    links.forEach(function(a) {
        a.addEventListener('click', function(e) {
            e.preventDefault();
            var id = this.getAttribute('data-target');
            var el = document.getElementById(id);
            if (el) {
                var top = el.getBoundingClientRect().top + window.pageYOffset - 95;
                window.scrollTo({ top: top, behavior: 'smooth' });
            }
        });
    });
    // 滚动高亮
    function updateActive() {
        var anchor = 140;
        var best = null;
        links.forEach(function(a) {
            var id = a.getAttribute('data-target');
            var el = document.getElementById(id);
            if (!el) return;
            var r = el.getBoundingClientRect();
            if (r.top <= anchor) best = a;
        });
        if (!best && links.length) best = links[0];
        links.forEach(function(a) { a.classList.remove('active'); });
        if (best) best.classList.add('active');
    }
    window.addEventListener('scroll', updateActive, { passive: true });
    setTimeout(updateActive, 100);
}

// 搜索过滤
function initConfigSearch() {
    var $input = $('#configSearch');
    $input.off('input').on('input', doConfigSearch);
    $('#btnClearSearch').off('click').on('click', function() {
        $input.val('');
        doConfigSearch();
        $input.focus();
    });
}

function doConfigSearch() {
    var kw = ($('#configSearch').val() || '').trim().toLowerCase();
    $('.config-item').removeClass('hide-item match-highlight');
    $('.config-group').removeClass('hide-group');
    if (!kw) return;
    $('.config-group').each(function() {
        var $group = $(this);
        var groupHasMatch = false;
        $group.find('.config-item').each(function() {
            var $item = $(this);
            var txt = ($item.find('label').text() + ' ' + $item.find('.form-text').text()).toLowerCase();
            if (txt.indexOf(kw) >= 0) {
                $item.addClass('match-highlight');
                groupHasMatch = true;
            } else {
                $item.addClass('hide-item');
            }
        });
        if (!groupHasMatch) $group.addClass('hide-group');
    });
    $('.stage-config-layout').each(function() {
        var $layout = $(this);
        var $activePanel = $layout.find('.stage-config-panel.active');
        if ($activePanel.find('.config-item.match-highlight').length) return;
        var $matchedPanel = $layout.find('.stage-config-panel').filter(function() {
            return $(this).find('.config-item.match-highlight').length > 0;
        }).first();
        if ($matchedPanel.length) {
            setActiveStageConfigPanel($layout, $matchedPanel.attr('id'));
        }
    });
}

function getGroupIcon(key) {
    var icons = {
        'api': 'cloud',
        'flask': 'hdd-rack',
        'data': 'database',
        'logging': 'journal-text',
        'indicators': 'graph-up',
        'ai_analysis': 'robot',
        'model_providers': 'cloud',
        'stage_models': 'cpu',
        'ai_output_stability': 'sliders',
        'ai_compat_defaults': 'toggles',
        'data_scope_inputs': 'database',
        'chart_indicators': 'graph-up',
        'cache_history': 'archive',
        'cache_policy': 'clock-history',
        'request_performance': 'speedometer2',
        'external_api_runtime': 'key',
        'system_maintenance': 'hdd-rack',
        'other_config': 'gear'
    };
    return icons[key] || 'gear';
}

function renderConfigItem(groupKey, item) {
    var fieldId = 'cfg_' + groupKey + '_' + item.key;

    // 供应商列表独占整行（卡片式 UI，不适合两列布局）
    if (item.type === 'provider_list') {
        var plHtml = '<div class="config-item">';
        if (item.desc) plHtml += '<div class="form-text mb-2">' + item.desc + '</div>';
        plHtml += renderProviderList(groupKey, item, fieldId);
        plHtml += '</div>';
        return plHtml;
    }

    var html = '<div class="config-item">';
    html += '<div class="row align-items-center">';

    // 标签列：标签 + 单项恢复默认按钮
    html += '<div class="col-md-4">';
    html += '<div class="config-label-row">';
    html += '<label class="mb-0" for="' + fieldId + '">' + item.label + '</label>';
    html += '<button type="button" class="btn-reset-item" data-field-id="' + fieldId + '"';
    html += ' title="恢复此项默认值"><i class="bi bi-arrow-counterclockwise"></i></button>';
    html += '</div>';
    if (item.desc) {
        html += '<div class="form-text mt-1">' + item.desc + '</div>';
    }
    html += '</div>';

    // 输入列
    html += '<div class="col-md-8">';

    if (item.type === 'bool') {
        html += '<div class="form-check form-switch">';
        html += '<input class="form-check-input" type="checkbox" role="switch"';
        html += ' id="' + fieldId + '"';
        html += ' data-group="' + groupKey + '" data-key="' + item.key + '"';
        if (item.value) html += ' checked';
        html += '>';
        html += '<span class="default-hint">默认: ' + (item['default'] ? '开' : '关') + '</span>';
        html += '</div>';

    } else if (item.type === 'select') {
        html += '<select class="form-select" id="' + fieldId + '"';
        html += ' data-group="' + groupKey + '" data-key="' + item.key + '">';
        for (var k = 0; k < item.options.length; k++) {
            var opt = item.options[k];
            html += '<option value="' + opt + '"';
            if (opt === item.value) html += ' selected';
            html += '>' + opt + '</option>';
        }
        html += '</select>';
        html += '<span class="default-hint">默认: ' + item['default'] + '</span>';

    } else if (item.type === 'provider_select') {
        // 供应商下拉：value=供应商id，展示=供应商名称；选项随供应商列表实时联动
        var pOpts = item.provider_options || [];
        html += '<select class="form-select provider-select-dynamic" id="' + fieldId + '"';
        html += ' data-group="' + groupKey + '" data-key="' + item.key + '"';
        html += ' data-allow-empty="' + (item.allow_empty ? '1' : '0') + '">';
        for (var pk = 0; pk < pOpts.length; pk++) {
            var pOpt = pOpts[pk];
            html += '<option value="' + escapeHtml(String(pOpt.value)) + '"';
            if (String(pOpt.value) === String(item.value)) html += ' selected';
            html += '>' + escapeHtml(String(pOpt.label)) + '</option>';
        }
        html += '</select>';
        html += '<span class="default-hint">在「模型供应商」分组中维护可选项</span>';

    } else if (item.type === 'dict') {
        html += '<div class="dict-group">';
        var fields = item.fields || {};
        var value = item.value || {};
        for (var fk in fields) {
            if (!fields.hasOwnProperty(fk)) continue;
            var fmeta = fields[fk];
            var subId = fieldId + '_' + fk;
            var inputType = (fmeta.type === 'int' || fmeta.type === 'float') ? 'number' : 'text';
            var currentVal = value[fk] !== undefined ? value[fk] : '';
            var visibleWhen = fmeta.visible_when || null;
            html += '<div class="input-group"';
            if (visibleWhen && visibleWhen.api_format) {
                html += ' data-visible-source-id="' + fieldId + '_api_format' + '"';
                html += ' data-visible-values="' + visibleWhen.api_format.join(',') + '"';
            }
            html += '>';
            html += '<span class="input-group-text">' + fmeta.label + '</span>';
            if (Array.isArray(fmeta.options) && fmeta.options.length) {
                html += '<select class="form-select"';
                html += ' id="' + subId + '"';
                html += ' data-group="' + groupKey + '" data-key="' + item.key + '" data-subkey="' + fk + '">';
                for (var oi = 0; oi < fmeta.options.length; oi++) {
                    var optVal = fmeta.options[oi];
                    html += '<option value="' + escapeHtml(String(optVal)) + '"';
                    if (String(optVal) === String(currentVal)) html += ' selected';
                    html += '>' + escapeHtml(String(optVal)) + '</option>';
                }
                html += '</select>';
            } else {
                html += '<input type="' + inputType + '" class="form-control"';
                html += ' id="' + subId + '"';
                html += ' data-group="' + groupKey + '" data-key="' + item.key + '" data-subkey="' + fk + '"';
                html += ' value="' + escapeHtml(String(currentVal)) + '"';
                if (fmeta.min !== undefined) html += ' min="' + fmeta.min + '"';
                if (fmeta.max !== undefined) html += ' max="' + fmeta.max + '"';
                html += '>';
            }
            html += '</div>';
        }
        html += '</div>';

    } else if (item.type === 'list_int') {
        var listVal = Array.isArray(item.value) ? item.value.join(', ') : item.value;
        html += '<input type="text" class="form-control" id="' + fieldId + '"';
        html += ' data-group="' + groupKey + '" data-key="' + item.key + '" data-type="list_int"';
        html += ' value="' + listVal + '"';
        html += ' placeholder="用逗号分隔，如: 5, 10, 20, 60">';
        html += '<span class="default-hint">默认: ' + (Array.isArray(item['default']) ? item['default'].join(', ') : item['default']) + '</span>';

    } else if (item.type === 'int') {
        html += '<input type="number" class="form-control" id="' + fieldId + '"';
        html += ' data-group="' + groupKey + '" data-key="' + item.key + '"';
        html += ' value="' + item.value + '"';
        if (item.min !== undefined) html += ' min="' + item.min + '"';
        if (item.max !== undefined) html += ' max="' + item.max + '"';
        html += ' step="1">';
        html += '<span class="default-hint">默认: ' + item['default'];
        if (item.min !== undefined || item.max !== undefined) {
            html += ' (范围: ';
            if (item.min !== undefined) html += item.min;
            html += ' ~ ';
            if (item.max !== undefined) html += item.max;
            html += ')';
        }
        html += '</span>';

    } else if (item.type === 'float') {
        html += '<input type="number" class="form-control" id="' + fieldId + '"';
        html += ' data-group="' + groupKey + '" data-key="' + item.key + '"';
        html += ' value="' + item.value + '"';
        if (item.min !== undefined) html += ' min="' + item.min + '"';
        if (item.max !== undefined) html += ' max="' + item.max + '"';
        html += ' step="' + (item.step || 0.1) + '">';
        html += '<span class="default-hint">默认: ' + item['default'];
        if (item.min !== undefined || item.max !== undefined) {
            html += ' (范围: ';
            if (item.min !== undefined) html += item.min;
            html += ' ~ ';
            if (item.max !== undefined) html += item.max;
            html += ')';
        }
        html += '</span>';

    } else {
        html += '<input type="text" class="form-control" id="' + fieldId + '"';
        html += ' data-group="' + groupKey + '" data-key="' + item.key + '"';
        html += ' value="' + escapeHtml(String(item.value)) + '">';
        if (!item.hide_default_hint) {
            html += '<span class="default-hint">默认: ' + escapeHtml(String(item['default'])) + '</span>';
        }
    }

    html += '</div>';
    html += '</div></div>';
    return html;
}

// ==================== 模型供应商列表渲染与交互（V.0027） ====================

var _plSeq = 0;          // 供应商卡片字段 id 递增序号（保证删除/新增后 id 不冲突）
var _plFieldsMeta = null; // providers 的字段元数据（渲染新卡片时复用）

function renderProviderList(groupKey, item, fieldId) {
    _plFieldsMeta = item.fields || {};
    var providers = Array.isArray(item.value) ? item.value : [];
    var html = '<div class="provider-list-wrap" id="' + fieldId + '"';
    html += ' data-pl-group="' + groupKey + '" data-pl-key="' + item.key + '">';
    for (var i = 0; i < providers.length; i++) {
        html += renderProviderCard(providers[i]);
    }
    html += '</div>';
    html += '<div class="mt-2">';
    html += '<button type="button" class="btn btn-outline-primary btn-sm btn-add-provider" onclick="addProviderCard()">';
    html += '<i class="bi bi-plus-lg me-1"></i>添加供应商</button>';
    html += '</div>';
    return html;
}

function renderProviderCard(p) {
    p = p || {};
    var seq = ++_plSeq;
    var cardId = 'plcard_' + seq;
    var html = '<div class="provider-card" id="' + cardId + '" data-provider-card data-pl-id="' + escapeHtml(String(p.id || '')) + '">';
    html += '<div class="provider-card-head">';
    html += '<span class="pc-title"><i class="bi bi-cloud me-1"></i>';
    html += '<span class="pc-name-label">' + escapeHtml(String(p.name || '新供应商')) + '</span>';
    html += '<span class="pc-id">' + escapeHtml(String(p.id || '')) + '</span>';
    html += '<span class="badge bg-primary pc-badge-used ms-1" style="display:none;"></span>';
    html += '</span>';
    html += '<button type="button" class="btn btn-outline-danger btn-del-provider" onclick="removeProviderCard(\'' + cardId + '\')">';
    html += '<i class="bi bi-trash me-1"></i>删除</button>';
    html += '</div>';
    html += '<div class="provider-card-body">';

    var fields = _plFieldsMeta || {};
    var formatFieldId = cardId + '_api_format';
    for (var fk in fields) {
        if (!fields.hasOwnProperty(fk)) continue;
        var fmeta = fields[fk];
        var subId = cardId + '_' + fk;
        var currentVal = p[fk] !== undefined ? p[fk] : '';
        var visibleWhen = fmeta.visible_when || null;
        html += '<div class="input-group"';
        if (visibleWhen && visibleWhen.api_format) {
            html += ' data-visible-source-id="' + formatFieldId + '"';
            html += ' data-visible-values="' + visibleWhen.api_format.join(',') + '"';
        }
        html += '>';
        html += '<span class="input-group-text" title="' + escapeHtml(String(fmeta.desc || '')) + '">' + fmeta.label + '</span>';
        if (Array.isArray(fmeta.options) && fmeta.options.length) {
            html += '<select class="form-select" id="' + subId + '" data-pl-field="' + fk + '">';
            for (var oi = 0; oi < fmeta.options.length; oi++) {
                var optVal = fmeta.options[oi];
                html += '<option value="' + escapeHtml(String(optVal)) + '"';
                if (String(optVal) === String(currentVal)) html += ' selected';
                html += '>' + escapeHtml(String(optVal)) + '</option>';
            }
            html += '</select>';
        } else {
            html += '<input type="text" class="form-control" id="' + subId + '"';
            html += ' data-pl-field="' + fk + '" value="' + escapeHtml(String(currentVal)) + '">';
        }
        html += '</div>';
    }
    html += '</div></div>';
    return html;
}

function _genProviderId() {
    // 生成不与现有卡片冲突的正式 id（provider_N 递增），与后端规则一致
    var used = {};
    $('.provider-card').each(function() { used[$(this).attr('data-pl-id')] = 1; });
    var n = 1;
    while (used['provider_' + n]) n++;
    return 'provider_' + n;
}

function addProviderCard() {
    var $wrap = $('.provider-list-wrap');
    if (!$wrap.length) return;
    var defaults = {
        id: _genProviderId(),
        name: '', api_base: '', api_key_env: '', api_format: 'openai_compatible',
        api_mode: 'chat', max_tokens: '', openai_reasoning_effort: 'high', openai_service_tier: '',
        thinking_mode: 'inherit', thinking_budget: '', web_search_mode: 'off'
    };
    $wrap.append(renderProviderCard(defaults));
    updateDictConditionalFields();
    syncProviderSelects();
    var $newCard = $wrap.children().last();
    $newCard.find('[data-pl-field="name"]').trigger('focus');
}

function removeProviderCard(cardId) {
    var $card = $('#' + cardId);
    if (!$card.length) return;
    if ($('.provider-card').length <= 1) {
        showToast('至少保留一个供应商', 'warning');
        return;
    }
    var name = $card.find('[data-pl-field="name"]').val() || '(未命名)';
    var pid = $card.attr('data-pl-id');
    var usedStages = [];
    $('.provider-select-dynamic').each(function() {
        if (pid && $(this).val() === pid) {
            var key = $(this).data('key') || '';
            var m = String(key).match(/stage(\d)/);
            if (m) usedStages.push('阶段' + m[1]);
        }
    });
    var msg = '确定删除供应商「' + name + '」？';
    if (usedStages.length) {
        msg += '\n注意：' + usedStages.join('、') + ' 正在使用该供应商，删除后将自动改为第一个供应商。';
    }
    if (!confirm(msg)) return;
    $card.remove();
    syncProviderSelects();
}

// 收集当前 DOM 中的供应商列表（保存时调用）
function collectProviderList() {
    var list = [];
    $('.provider-card').each(function() {
        var $card = $(this);
        var p = {};
        var pid = $card.attr('data-pl-id');
        if (pid) p.id = pid;
        $card.find('[data-pl-field]').each(function() {
            p[$(this).data('pl-field')] = $(this).val();
        });
        list.push(p);
    });
    return list;
}

// 供应商列表（名称/增删）变化时，实时同步所有阶段下拉的选项
function syncProviderSelects() {
    var options = [];
    $('.provider-card').each(function() {
        var $card = $(this);
        var pid = $card.attr('data-pl-id');
        var name = $card.find('[data-pl-field="name"]').val() || '';
        if (!pid) {
            pid = _genProviderId();
            $card.attr('data-pl-id', pid);
        }
        options.push({ value: pid, label: name || '(未命名供应商)' });
    });

    $('.provider-select-dynamic').each(function() {
        var $sel = $(this);
        var current = $sel.val();
        var allowEmpty = String($sel.data('allow-empty')) === '1';
        $sel.empty();
        if (allowEmpty) {
            $sel.append($('<option>').attr('value', '').text('（继承阶段1）'));
        }
        for (var i = 0; i < options.length; i++) {
            $sel.append($('<option>').attr('value', options[i].value).text(options[i].label));
        }
        // 尽量保留原选择；失效则回退（允许空回退空，否则回退第一个供应商）
        var exists = $sel.find('option[value="' + String(current).replace(/"/g, '\\"') + '"]').length > 0;
        if (exists) {
            $sel.val(current);
        } else {
            $sel.val(allowEmpty ? '' : (options.length ? options[0].value : ''));
        }
    });

    updateProviderUsedBadges();
}

// 卡片头部的「使用中」徽章 + 名称标签实时同步
function updateProviderUsedBadges() {
    var usedBy = {};
    $('.provider-select-dynamic').each(function() {
        var v = $(this).val();
        if (!v) return;
        var m = String($(this).data('key') || '').match(/stage(\d)/);
        if (!m) return;
        if (!usedBy[v]) usedBy[v] = [];
        usedBy[v].push('阶段' + m[1]);
    });
    $('.provider-card').each(function() {
        var $card = $(this);
        var pid = $card.attr('data-pl-id');
        var stages = usedBy[pid] || [];
        var $badge = $card.find('.pc-badge-used');
        if (stages.length) {
            $badge.text('使用中: ' + stages.join('/')).show();
        } else {
            $badge.hide();
        }
        var name = $card.find('[data-pl-field="name"]').val();
        $card.find('.pc-name-label').text(name || '新供应商');
    });
}

function initProviderListEvents() {
    $('#configGroups')
        .off('input.providerName', '[data-pl-field="name"]')
        .on('input.providerName', '[data-pl-field="name"]', function() {
            syncProviderSelects();
        });
    $('#configGroups')
        .off('change.providerSelect', '.provider-select-dynamic')
        .on('change.providerSelect', '.provider-select-dynamic', function() {
            updateProviderUsedBadges();
        });
    syncProviderSelects();
}

function collectFormData() {
    var result = {};

    $('#configForm [data-group][data-key]').each(function() {
        var $el = $(this);
        var group = $el.data('group');
        var key = $el.data('key');
        var subkey = $el.data('subkey');

        if (!result[group]) result[group] = {};

        if (subkey) {
            // dict类型的子字段
            if (!result[group][key]) result[group][key] = {};
            result[group][key][subkey] = $el.val();
        } else if ($el.is(':checkbox')) {
            result[group][key] = $el.is(':checked');
        } else {
            result[group][key] = $el.val();
        }
    });

    // 供应商列表（卡片式 DOM，独立收集）
    $('.provider-list-wrap').each(function() {
        var group = $(this).data('pl-group');
        var key = $(this).data('pl-key');
        if (!group || !key) return;
        if (!result[group]) result[group] = {};
        result[group][key] = collectProviderList();
    });

    return result;
}

function saveConfig() {
    var configData = collectFormData();

    $('#btnSave').prop('disabled', true).html(
        '<span class="spinner-border spinner-border-sm me-1"></span>保存中...'
    );

    $.ajax({
        url: '/api/config',
        method: 'POST',
        contentType: 'application/json',
        data: JSON.stringify({ config: configData }),
        success: function(resp) {
            if (resp.success) {
                showToast(resp.message, 'success');
                originalConfig = JSON.stringify(collectFormData());
            } else {
                var msg = resp.message;
                if (resp.errors && resp.errors.length > 0) {
                    msg += '：<br>' + resp.errors.join('<br>');
                }
                showToast(msg, 'danger');
            }
        },
        error: function(xhr) {
            if (xhr.status === 401) {
                $('#settingsContent').hide();
                $('#authOverlay').fadeIn(300);
                return;
            }
            showToast('网络错误，请检查服务是否运行', 'danger');
        },
        complete: function() {
            $('#btnSave').prop('disabled', false).html(
                '<i class="bi bi-check-lg"></i> 保存配置'
            );
        }
    });
}

function resetConfig() {
    $('#btnReset').prop('disabled', true);

    $.ajax({
        url: '/api/config/reset',
        method: 'POST',
        success: function(resp) {
            if (resp.success) {
                showToast(resp.message, 'success');
                loadConfig();
            } else {
                showToast(resp.message, 'danger');
            }
        },
        error: function(xhr) {
            if (xhr.status === 401) {
                $('#settingsContent').hide();
                $('#authOverlay').fadeIn(300);
                return;
            }
            showToast('网络错误', 'danger');
        },
        complete: function() {
            $('#btnReset').prop('disabled', false);
        }
    });
}

function showToast(message, type) {
    type = type || 'info';
    var icons = {
        'success': 'check-circle-fill',
        'danger': 'exclamation-triangle-fill',
        'warning': 'exclamation-circle-fill',
        'info': 'info-circle-fill'
    };
    var toastId = 'toast_' + Date.now();
    var html = '<div id="' + toastId + '" class="toast align-items-center text-bg-' + type + ' border-0 show" role="alert">';
    html += '<div class="d-flex">';
    html += '<div class="toast-body">';
    html += '<i class="bi bi-' + (icons[type] || 'info-circle') + ' me-1"></i> ' + message;
    html += '</div>';
    html += '<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"></button>';
    html += '</div></div>';

    $('#toastContainer').append(html);
    setTimeout(function() { $('#' + toastId).fadeOut(500, function() { $(this).remove(); }); }, 4000);
}

function escapeHtml(str) {
    var div = document.createElement('div');
    div.appendChild(document.createTextNode(str));
    return div.innerHTML;
}

/* ============================================================
   外部 API Key 管理
   ============================================================ */
(function initExternalApiKeys() {
    var revealedSecrets = {};

    function copyText(text) {
        if (!text) {
            showToast('没有可复制的 API Key', 'warning');
            return;
        }
        if (navigator.clipboard && window.isSecureContext) {
            navigator.clipboard.writeText(text).then(function() {
                showToast('已复制 API Key', 'success');
            }).catch(function() {
                fallbackCopyText(text);
            });
            return;
        }
        fallbackCopyText(text);
    }

    function fallbackCopyText(text) {
        var ta = document.createElement('textarea');
        ta.value = text;
        ta.setAttribute('readonly', 'readonly');
        ta.style.position = 'fixed';
        ta.style.left = '-9999px';
        document.body.appendChild(ta);
        ta.select();
        document.execCommand('copy');
        document.body.removeChild(ta);
        showToast('已复制 API Key', 'success');
    }

    function normalizeListValue(value) {
        return Array.isArray(value) ? value.join(',') : (value || '');
    }

    function renderExternalApiKeys(keys) {
        keys = keys || [];
        if (!keys.length) {
            $('#externalApiKeysBody').html(
                '<tr><td colspan="9" class="text-center text-muted py-3">暂无 API Key，先在上方新增</td></tr>'
            );
            return;
        }
        var html = keys.map(function(k) {
            var safeKeyId = escapeHtml(k.key_id || '');
            var safePrefix = escapeHtml(k.prefix || '-');
            var hiddenLabel = '已隐藏 - ' + (k.prefix || '-');
            return '<tr data-key-id="' + escapeHtml(k.key_id || '') + '">'
                + '<td style="min-width:150px;">'
                    + '<input type="text" class="form-control form-control-sm externalApiNameInput" value="' + escapeHtml(k.name || '') + '">'
                    + '<div class="small text-muted mt-1 text-truncate" title="' + safeKeyId + '">' + safeKeyId + '</div>'
                + '</td>'
                + '<td style="min-width:260px;">'
                    + '<div class="input-group input-group-sm">'
                    + '<input type="password" class="form-control external-api-key-secret externalApiSecretInput" readonly'
                    + ' value="' + escapeHtml(hiddenLabel) + '" data-prefix="' + safePrefix + '">'
                    + '<button type="button" class="btn btn-outline-secondary externalApiSecretToggle" title="查看或隐藏 API Key">'
                        + '<i class="bi bi-eye"></i></button>'
                    + '<button type="button" class="btn btn-outline-secondary externalApiSecretCopy" title="复制 API Key">'
                        + '<i class="bi bi-clipboard"></i></button>'
                    + '</div>'
                + '</td>'
                + '<td style="min-width:92px;">'
                    + '<select class="form-select form-select-sm externalApiEnabledInput">'
                    + '<option value="true"' + (k.enabled ? ' selected' : '') + '>启用</option>'
                    + '<option value="false"' + (!k.enabled ? ' selected' : '') + '>禁用</option>'
                    + '</select>'
                + '</td>'
                + '<td style="min-width:190px;">'
                    + '<input type="text" class="form-control form-control-sm externalApiScopesInput"'
                    + ' value="' + escapeHtml(normalizeListValue(k.scopes)) + '" placeholder="analysis:submit,analysis:read">'
                + '</td>'
                + '<td style="min-width:150px;">'
                    + '<input type="text" class="form-control form-control-sm externalApiAllowedIpsInput"'
                    + ' value="' + escapeHtml(normalizeListValue(k.allowed_ips)) + '" placeholder="留空不限">'
                + '</td>'
                + '<td style="min-width:86px;">'
                    + '<input type="number" class="form-control form-control-sm externalApiMaxJobsInput"'
                    + ' value="' + escapeHtml(String(k.max_concurrent_jobs || 1)) + '" min="1" max="20">'
                + '</td>'
                + '<td style="min-width:96px;">'
                    + '<input type="number" class="form-control form-control-sm externalApiRateLimitInput"'
                    + ' value="' + escapeHtml(String(k.rate_limit_per_minute || 30)) + '" min="1" max="10000">'
                + '</td>'
                + '<td style="min-width:165px;">'
                    + '<input type="text" class="form-control form-control-sm externalApiExpiresAtInput"'
                    + ' value="' + escapeHtml(k.expires_at || '') + '" placeholder="留空不过期">'
                + '</td>'
                + '<td class="text-end">'
                    + '<div class="external-api-row-actions">'
                    + '<button type="button" class="btn btn-sm btn-outline-primary btnExternalApiSave">'
                        + '<i class="bi bi-save"></i> 保存</button>'
                    + '<button type="button" class="btn btn-sm btn-outline-danger btnExternalApiDelete">'
                        + '<i class="bi bi-trash"></i> 删除</button>'
                    + '</div>'
                + '</td>'
                + '</tr>';
        }).join('');
        $('#externalApiKeysBody').html(html);
    }

    window.loadExternalApiKeys = function() {
        $.ajax({
            url: '/api/settings/api_keys',
            method: 'GET',
            success: function(resp) {
                if (resp.success) {
                    renderExternalApiKeys(resp.api_keys || []);
                } else {
                    $('#externalApiKeysBody').html(
                        '<tr><td colspan="9" class="text-center text-danger py-3">'
                        + escapeHtml(resp.message || '加载失败') + '</td></tr>'
                    );
                }
            },
            error: function(xhr) {
                var msg = xhr.status === 401 ? '需要管理员认证' : '加载失败';
                $('#externalApiKeysBody').html(
                    '<tr><td colspan="9" class="text-center text-danger py-3">' + msg + '</td></tr>'
                );
            }
        });
    };

    function createExternalApiKey() {
        var payload = {
            name: $('#externalApiName').val() || '未命名调用方',
            scopes: $('#externalApiScopes').val() || 'analysis:submit,analysis:read',
            allowed_ips: $('#externalApiAllowedIps').val() || '',
            max_concurrent_jobs: parseInt($('#externalApiMaxJobs').val() || '2', 10),
            rate_limit_per_minute: 30
        };
        $('#btnExternalApiCreate').prop('disabled', true).html(
            '<span class="spinner-border spinner-border-sm me-1"></span>生成中...'
        );
        $.ajax({
            url: '/api/settings/api_keys',
            method: 'POST',
            contentType: 'application/json',
            data: JSON.stringify(payload),
            success: function(resp) {
                if (resp.success) {
                    $('#externalApiPlainKey').val(resp.api_key || '');
                    $('#externalApiPlainKey').attr('type', 'password');
                    $('#btnExternalApiToggleNewKey').html('<i class="bi bi-eye"></i> 查看');
                    $('#externalApiPlainKeyAlert').show();
                    $('#externalApiName').val('');
                    showToast(resp.message || 'API Key 已创建', 'success');
                    window.loadExternalApiKeys();
                } else {
                    showToast(resp.message || '创建失败', 'danger');
                }
            },
            error: function(xhr) {
                var msg = (xhr.responseJSON && xhr.responseJSON.message) || '创建失败';
                showToast(msg, 'danger');
            },
            complete: function() {
                $('#btnExternalApiCreate').prop('disabled', false).html(
                    '<i class="bi bi-plus-lg"></i> 新增 Key'
                );
            }
        });
    }

    function revealExternalApiSecret($row, callback) {
        var keyId = $row.data('key-id');
        if (revealedSecrets[keyId]) {
            callback(revealedSecrets[keyId]);
            return;
        }
        $.ajax({
            url: '/api/settings/api_keys/' + encodeURIComponent(keyId) + '/secret',
            method: 'GET',
            success: function(resp) {
                if (!resp.success || !resp.api_key) {
                    showToast(resp.message || '无法查看 API Key', 'danger');
                    return;
                }
                revealedSecrets[keyId] = resp.api_key;
                callback(resp.api_key);
            },
            error: function(xhr) {
                showToast((xhr.responseJSON && xhr.responseJSON.message) || '无法查看 API Key', 'danger');
            }
        });
    }

    function collectExternalApiKeyRow($row) {
        return {
            name: $row.find('.externalApiNameInput').val() || '未命名调用方',
            enabled: $row.find('.externalApiEnabledInput').val() === 'true',
            scopes: $row.find('.externalApiScopesInput').val() || '',
            allowed_ips: $row.find('.externalApiAllowedIpsInput').val() || '',
            max_concurrent_jobs: parseInt($row.find('.externalApiMaxJobsInput').val() || '2', 10),
            rate_limit_per_minute: parseInt($row.find('.externalApiRateLimitInput').val() || '30', 10),
            expires_at: $row.find('.externalApiExpiresAtInput').val() || null
        };
    }

    function patchExternalApiKey(keyId, payload) {
        $.ajax({
            url: '/api/settings/api_keys/' + encodeURIComponent(keyId),
            method: 'PATCH',
            contentType: 'application/json',
            data: JSON.stringify(payload),
            success: function(resp) {
                showToast(resp.message || '已更新', resp.success ? 'success' : 'danger');
                window.loadExternalApiKeys();
            },
            error: function(xhr) {
                showToast((xhr.responseJSON && xhr.responseJSON.message) || '更新失败', 'danger');
            }
        });
    }

    function deleteExternalApiKey(keyId) {
        if (!confirm('确定删除这个 API Key 吗？删除后外部程序将无法继续使用它。')) return;
        $.ajax({
            url: '/api/settings/api_keys/' + encodeURIComponent(keyId),
            method: 'DELETE',
            success: function(resp) {
                showToast(resp.message || '已删除', resp.success ? 'success' : 'danger');
                window.loadExternalApiKeys();
            },
            error: function(xhr) {
                showToast((xhr.responseJSON && xhr.responseJSON.message) || '删除失败', 'danger');
            }
        });
    }

    $('#btnExternalApiCreate').on('click', createExternalApiKey);
    $('#btnExternalApiToggleNewKey').on('click', function() {
        var $input = $('#externalApiPlainKey');
        var show = $input.attr('type') === 'password';
        $input.attr('type', show ? 'text' : 'password');
        $(this).html(show ? '<i class="bi bi-eye-slash"></i> 隐藏' : '<i class="bi bi-eye"></i> 查看');
    });
    $('#btnExternalApiCopyKey').on('click', function() {
        copyText($('#externalApiPlainKey').val() || '');
    });
    $('#externalApiKeysBody')
        .on('click', '.externalApiSecretToggle', function() {
            var $row = $(this).closest('tr');
            var $input = $row.find('.externalApiSecretInput');
            var $button = $(this);
            if ($input.attr('type') === 'text') {
                $input.attr('type', 'password');
                $button.html('<i class="bi bi-eye"></i>');
                return;
            }
            revealExternalApiSecret($row, function(apiKey) {
                $input.val(apiKey).attr('type', 'text');
                $button.html('<i class="bi bi-eye-slash"></i>');
            });
        })
        .on('click', '.externalApiSecretCopy', function() {
            var $row = $(this).closest('tr');
            revealExternalApiSecret($row, function(apiKey) {
                $row.find('.externalApiSecretInput').val(apiKey).attr('type', 'password');
                copyText(apiKey);
            });
        })
        .on('click', '.btnExternalApiSave', function() {
            var $row = $(this).closest('tr');
            patchExternalApiKey($row.data('key-id'), collectExternalApiKeyRow($row));
        })
        .on('click', '.btnExternalApiDelete', function() {
            deleteExternalApiKey($(this).closest('tr').data('key-id'));
        });
})();

/* ============================================================
   AI 提示词维护 —— 完全独立的一小段逻辑，避免干扰原有配置逻辑
   ============================================================ */
(function initPromptMaintenance() {
    var cm = null;
    var currentPromptId = null;
    var originalContent = '';
    var selectedSnapshot = null;

    function initCodeMirrorIfNeeded() {
        if (cm) return cm;
        var ta = document.getElementById('promptEditor');
        if (!ta || typeof CodeMirror === 'undefined') return null;
        cm = CodeMirror.fromTextArea(ta, {
            mode: 'markdown',
            lineNumbers: true,
            lineWrapping: true,
            matchBrackets: true,
            theme: 'idea',
            indentUnit: 2,
            tabSize: 2,
            extraKeys: {
                'Ctrl-S': function() { doSavePrompt(); },
                'Cmd-S':  function() { doSavePrompt(); },
                'Ctrl-P': function() { doPreviewPrompt(); },
                'Cmd-P':  function() { doPreviewPrompt(); }
            }
        });
        cm.on('change', function() {
            var dirty = (cm.getValue() !== originalContent);
            $('#promptEditorStatus').text(dirty ? '已修改（未保存）' : '就绪');
            $('#promptEditorStatus').css('color', dirty ? '#d63384' : '');
        });
        return cm;
    }

    function loadPromptList() {
        $.get('/api/prompts/list', function(resp) {
            if (!resp.success) {
                showToast('加载提示词列表失败：' + (resp.message || ''), 'danger');
                return;
            }
            var sel = $('#promptSelect').empty();
            var groups = {
                'stage1':      '── Stage 1 基本面（个股） ──',
                'stage1_etf':  '── Stage 1 基本面（ETF） ──',
                'stage2':      '── Stage 2 技术面 ──',
                'stage3':      '── Stage 3 综合策略 ──',
                'shared':      '── 公共片段 ──'
            };
            Object.keys(groups).forEach(function(g) {
                var items = resp.prompts.filter(function(p){ return p.group === g; });
                if (!items.length) return;
                var og = $('<optgroup>').attr('label', groups[g]);
                items.forEach(function(p) {
                    og.append($('<option>').val(p.id).text(p.name));
                });
                sel.append(og);
            });
            if (resp.prompts.length) {
                loadPromptById(resp.prompts[0].id);
            }
        }).fail(function() { showToast('加载提示词列表失败', 'danger'); });
    }

    function loadPromptById(id) {
        if (!id) return;
        currentPromptId = id;
        $.get('/api/prompts/get', { id: id }, function(resp) {
            if (!resp.success) {
                showToast('读取失败：' + (resp.message || ''), 'danger');
                return;
            }
            initCodeMirrorIfNeeded();
            // 根据 id 决定编辑器语言模式
            var mode = id.indexOf('user_tpl/') === 0 ? 'jinja2' : 'markdown';
            cm.setOption('mode', mode);
            cm.setValue(resp.raw || '');
            cm.clearHistory();
            originalContent = resp.raw || '';
            $('#promptEditorStatus').text('就绪').css('color', '');

            var meta = resp.meta || {};
            // 更新元数据徽章
            var kindLabel = id.indexOf('user_tpl/') === 0 ? '用户提示词模板'
                         : (id.indexOf('shared/') === 0 ? '公共片段' : 'System Prompt');
            $('#promptKindBadge').text(kindLabel);
            $('#promptVersionBadge').text('版本 ' + (meta.version || '-'));
            // 从列表中取 size/mtime
            $.get('/api/prompts/list', function(listResp) {
                if (!listResp.success) return;
                var entry = listResp.prompts.find(function(p){ return p.id === id; });
                if (entry) {
                    $('#promptMtimeBadge').text('最后修改：' + (entry.last_modified || '-'));
                    $('#promptSizeBadge').text('大小：' + entry.size + ' B');
                }
            });
            $('#promptPreviewArea').text('点击"预览"按钮后在这里查看结果。');
        }).fail(function() { showToast('读取失败', 'danger'); });
    }

    function doSavePrompt() {
        if (!cm || !currentPromptId) return;
        var content = cm.getValue();
        if (content === originalContent) {
            showToast('没有需要保存的修改', 'info');
            return;
        }
        var commitMsg = prompt('为本次修改填写一句备注（可留空）：', '') || '';
        $.ajax({
            url: '/api/prompts/save',
            method: 'POST',
            contentType: 'application/json',
            data: JSON.stringify({ id: currentPromptId, content: content, commit_msg: commitMsg })
        }).done(function(resp) {
            if (resp.success) {
                originalContent = content;
                $('#promptEditorStatus').text('已保存 ' + new Date().toLocaleTimeString()).css('color', '#198754');
                if (resp.meta) {
                    $('#promptVersionBadge').text('版本 ' + (resp.meta.version || '-'));
                }
                showToast('保存成功，下一次分析自动生效', 'success');
            } else {
                showToast('保存失败：' + (resp.message || ''), 'danger');
            }
        }).fail(function(xhr) {
            var msg = (xhr.responseJSON && xhr.responseJSON.message) || '保存失败';
            showToast(msg, 'danger');
        });
    }

    function doValidatePrompt() {
        if (!cm || !currentPromptId) return;
        $.ajax({
            url: '/api/prompts/validate',
            method: 'POST',
            contentType: 'application/json',
            data: JSON.stringify({ id: currentPromptId, content: cm.getValue() })
        }).done(function(resp) {
            showToast(resp.message || (resp.success ? '校验通过' : '校验失败'),
                      resp.success ? 'success' : 'danger');
        }).fail(function(xhr) {
            showToast((xhr.responseJSON && xhr.responseJSON.message) || '校验失败', 'danger');
        });
    }

    function doPreviewPrompt() {
        if (!currentPromptId) return;
        $('#promptPreviewArea').text('正在渲染预览…');
        $.get('/api/prompts/preview', { id: currentPromptId }, function(resp) {
            if (resp.success) {
                $('#promptPreviewArea').text(resp.rendered || '(空)');
            } else {
                $('#promptPreviewArea').text('预览失败：' + (resp.message || ''));
            }
        }).fail(function() {
            $('#promptPreviewArea').text('预览请求失败');
        });
    }

    function doResetPrompt() {
        if (!currentPromptId) return;
        if (!confirm('确定要把该提示词还原为出厂默认吗？当前未保存的修改会丢失。')) return;
        $.ajax({
            url: '/api/prompts/reset',
            method: 'POST',
            contentType: 'application/json',
            data: JSON.stringify({ id: currentPromptId })
        }).done(function(resp) {
            if (resp.success) {
                showToast('已还原为出厂默认', 'success');
                loadPromptById(currentPromptId);
            } else {
                showToast('还原失败：' + (resp.message || ''), 'danger');
            }
        });
    }

    function doLoadHistory() {
        if (!currentPromptId) return;
        $('#promptHistoryTitle').text($('#promptSelect option:selected').text());
        $('#promptHistoryList').html('<div class="text-muted small p-3">加载中...</div>');
        $('#promptHistoryPreview').text('选中左侧快照查看内容');
        $('#btnRestoreSnapshot').prop('disabled', true);
        selectedSnapshot = null;
        var modal = new bootstrap.Modal(document.getElementById('promptHistoryModal'));
        modal.show();

        $.get('/api/prompts/history', { id: currentPromptId }, function(resp) {
            if (!resp.success) {
                $('#promptHistoryList').html('<div class="text-danger small p-3">加载失败：' + escapeHtml(resp.message || '') + '</div>');
                return;
            }
            if (!resp.history.length) {
                $('#promptHistoryList').html('<div class="text-muted small p-3">暂无历史快照</div>');
                return;
            }
            var html = '';
            resp.history.forEach(function(h, idx) {
                var ts = h.timestamp.replace(/_/g, ' ').replace(/(\d{4})(\d{2})(\d{2}) (\d{2})(\d{2})(\d{2})/, '$1-$2-$3 $4:$5:$6');
                html += '<div class="snapshot-row" data-sid="' + encodeURIComponent(h.snapshot_id) + '">';
                html += '<div style="min-width:0;flex:1;"><div class="small fw-bold text-truncate">' + escapeHtml(ts) + '</div>';
                html += '<div class="small text-muted text-truncate">' + escapeHtml(h.commit_msg || '(无备注)') + '</div></div>';
                html += '<span class="badge bg-light text-dark ms-2">' + h.size + ' B</span></div>';
            });
            $('#promptHistoryList').html(html);
            $('#promptHistoryList .snapshot-row').on('click', function() {
                var sid = decodeURIComponent($(this).data('sid'));
                $('#promptHistoryList .snapshot-row').css('background', '');
                $(this).css('background', '#e7f1ff');
                selectedSnapshot = sid;
                $('#btnRestoreSnapshot').prop('disabled', false);
                $.get('/api/prompts/history/view', { snapshot_id: sid }, function(r) {
                    $('#promptHistoryPreview').text(r.success ? r.content : ('读取失败：' + r.message));
                });
            });
        });
    }

    function doRestoreSnapshot() {
        if (!selectedSnapshot || !currentPromptId) return;
        if (!confirm('确定要把该快照恢复为当前版本吗？当前未保存的修改会丢失。')) return;
        $.ajax({
            url: '/api/prompts/history/restore',
            method: 'POST',
            contentType: 'application/json',
            data: JSON.stringify({ id: currentPromptId, snapshot_id: selectedSnapshot })
        }).done(function(resp) {
            if (resp.success) {
                showToast('已从快照恢复', 'success');
                bootstrap.Modal.getInstance(document.getElementById('promptHistoryModal')).hide();
                loadPromptById(currentPromptId);
            } else {
                showToast('恢复失败：' + (resp.message || ''), 'danger');
            }
        });
    }

    // 绑定 UI 事件
    $(document).on('change', '#promptSelect', function() {
        var v = $(this).val();
        if (cm && cm.getValue() !== originalContent) {
            if (!confirm('当前修改尚未保存，切换将丢失。是否继续？')) {
                $(this).val(currentPromptId);
                return;
            }
        }
        loadPromptById(v);
    });
    $(document).on('click', '#btnPromptSave',     doSavePrompt);
    $(document).on('click', '#btnPromptValidate', doValidatePrompt);
    $(document).on('click', '#btnPromptPreview',  doPreviewPrompt);
    $(document).on('click', '#btnPromptReset',    doResetPrompt);
    $(document).on('click', '#btnPromptReload',   function() { if (currentPromptId) loadPromptById(currentPromptId); });
    $(document).on('click', '#btnPromptHistory',  doLoadHistory);
    $(document).on('click', '#btnRestoreSnapshot', doRestoreSnapshot);

    // 认证完成后再拉取提示词列表
    var tries = 0;
    var timer = setInterval(function() {
        if ($('#settingsContent').is(':visible')) {
            clearInterval(timer);
            loadPromptList();
        } else if (++tries > 60) {
            clearInterval(timer);
        }
    }, 500);
})();

/* ============================================================
   词条链接配置 —— V.0010 新增，独立 IIFE 避免污染其他作用域
   ============================================================ */
(function initGlossLinksEditor() {
    var loaded = false;

    function rowHtml(term, url) {
        var safeTerm = escapeHtml(term || '');
        var safeUrl  = escapeHtml(url || '');
        return '' +
            '<tr>' +
              '<td class="gloss-term-col"><input type="text" class="form-control form-control-sm gl-term" ' +
                'value="' + safeTerm + '" placeholder="词条，如：归母净利润 / MACD"></td>' +
              '<td class="gloss-url-col">' +
                '<div class="input-group input-group-sm">' +
                  '<input type="url" class="form-control form-control-sm gl-url" value="' + safeUrl + '" ' +
                    'placeholder="https://…">' +
                  (url ? '<a class="input-group-text open-url-btn" href="' + safeUrl + '" ' +
                    'target="_blank" rel="noopener noreferrer" title="在新标签页打开">' +
                    '<i class="bi bi-box-arrow-up-right"></i></a>' : '') +
                '</div>' +
              '</td>' +
              '<td class="gloss-action-col">' +
                '<button type="button" class="btn-del-row" title="删除本行">' +
                  '<i class="bi bi-trash"></i></button>' +
              '</td>' +
            '</tr>';
    }

    function renderRows(links) {
        var entries = Object.keys(links || {}).map(function(k) { return [k, links[k]]; });
        // 稳定排序：按词条名 Locale 排序，中文友好
        entries.sort(function(a, b) { return String(a[0]).localeCompare(String(b[0]), 'zh-CN'); });
        var html = entries.map(function(p) { return rowHtml(p[0], p[1]); }).join('');
        $('#glossLinksBody').html(html || '<tr><td colspan="3" class="text-center text-muted small py-3">暂无配置，点击上方"新增一行"开始添加</td></tr>');
        $('#glossLinksCount').text('共 ' + entries.length + ' 条');
    }

    function collectRows() {
        var seen = {};
        var links = {};
        var errors = [];
        $('#glossLinksBody tr').each(function() {
            var $row = $(this);
            var term = ($row.find('.gl-term').val() || '').trim();
            var url  = ($row.find('.gl-url').val()  || '').trim();
            if (!term && !url) return;  // 空行忽略
            if (!term) { errors.push('有一行缺少词条名'); return; }
            if (!/^https?:\/\//i.test(url)) { errors.push('词条 "' + term + '" 的链接必须以 http:// 或 https:// 开头'); return; }
            if (seen[term]) { errors.push('词条 "' + term + '" 重复'); return; }
            seen[term] = true;
            links[term] = url;
        });
        return { links: links, errors: errors };
    }

    function loadGlossLinks() {
        $.getJSON('/api/gloss_links')
            .done(function(resp) {
                if (resp && resp.success) {
                    renderRows(resp.links || {});
                    loaded = true;
                } else {
                    showToast('加载词条链接失败：' + (resp && resp.message || ''), 'danger');
                }
            })
            .fail(function() { showToast('加载词条链接失败', 'danger'); });
    }

    function saveGlossLinks() {
        var r = collectRows();
        if (r.errors.length) {
            showToast('保存失败：<br>' + r.errors.join('<br>'), 'danger');
            return;
        }
        $('#btnGlossSave').prop('disabled', true).html('<span class="spinner-border spinner-border-sm me-1"></span>保存中...');
        $.ajax({
            url: '/api/gloss_links',
            method: 'POST',
            contentType: 'application/json',
            data: JSON.stringify({ links: r.links })
        }).done(function(resp) {
            if (resp.success) {
                showToast(resp.message || '保存成功', 'success');
                renderRows(r.links);
            } else {
                var msg = resp.message || '保存失败';
                if (resp.errors && resp.errors.length) msg += '<br>' + resp.errors.join('<br>');
                showToast(msg, 'danger');
            }
        }).fail(function(xhr) {
            var msg = (xhr.responseJSON && xhr.responseJSON.message) || '保存失败';
            showToast(msg, 'danger');
        }).always(function() {
            $('#btnGlossSave').prop('disabled', false).html('<i class="bi bi-save"></i> 保存');
        });
    }

    function filterRows() {
        var kw = ($('#glossLinksFilter').val() || '').trim().toLowerCase();
        $('#glossLinksBody tr').each(function() {
            var $row = $(this);
            if (!$row.find('input').length) return;  // 空提示行
            var term = ($row.find('.gl-term').val() || '').toLowerCase();
            var url  = ($row.find('.gl-url').val()  || '').toLowerCase();
            $row.toggle(!kw || term.indexOf(kw) >= 0 || url.indexOf(kw) >= 0);
        });
    }

    // 事件绑定
    $(document).on('click', '#btnGlossAdd', function() {
        // 如果是空提示行，先清掉
        var $body = $('#glossLinksBody');
        if ($body.find('tr td[colspan]').length) $body.empty();
        $body.prepend(rowHtml('', ''));
        $body.find('tr:first input.gl-term').focus();
    });
    $(document).on('click', '#btnGlossSave',   saveGlossLinks);
    $(document).on('click', '#btnGlossReload', function() {
        if (confirm('放弃当前未保存的修改并重新加载？')) loadGlossLinks();
    });
    $(document).on('click', '#glossLinksTable .btn-del-row', function() {
        $(this).closest('tr').remove();
        var remain = $('#glossLinksBody tr').filter(function(){ return $(this).find('input').length; }).length;
        $('#glossLinksCount').text('共 ' + remain + ' 条');
    });
    $(document).on('input', '#glossLinksFilter', filterRows);

    // 认证完成后加载一次
    var tries = 0;
    var timer = setInterval(function() {
        if ($('#settingsContent').is(':visible')) {
            clearInterval(timer);
            if (!loaded) loadGlossLinks();
        } else if (++tries > 60) {
            clearInterval(timer);
        }
    }, 500);
})();
</script>

</body>
</html>