npm - @bolloon/bolloon-agent - Versions diffs - 0.2.8 → 0.2.10 - Mend

@bolloon/bolloon-agent 0.2.8 → 0.2.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (268) hide show

package/README.md +467 -467
package/bin/bolloon-cli.cjs +183 -183
package/bin/bolloon.cjs +0 -0
package/bin/bolloon.js +157 -0
package/dist/agents/agent-manifest-protocol.js +0 -52
package/dist/agents/constraint-layer.js +19 -19
package/dist/agents/pi-sdk.js +287 -1213
package/dist/agents/shell-guard.js +2 -2
package/dist/agents/workflow-pivot-loop.js +2 -81
package/dist/bollharness/src/scripts/deploy-guard.js +8 -8
package/dist/bollharness-integration/context-router-judgment.js +4 -4
package/dist/bollharness-integration/context-router.js +292 -292
package/dist/bollharness-integration/gate-state-machine.js +13 -26
package/dist/bollharness-integration/integration.js +0 -71
package/dist/bollharness-integration/llm-judgment-engine.js +134 -134
package/dist/bollharness-integration/skill-adapter.js +127 -52
package/dist/bootstrap/context-collector.js +3 -6
package/dist/bootstrap/lifecycle-hooks.js +1 -15
package/dist/cli-entry.js +35 -39
package/dist/constraint-runtime/src/_archive_helper.js +9 -0
package/dist/constraint-runtime/src/agent/coordinator.js +48 -0
package/dist/constraint-runtime/src/agent/index.js +1 -0
package/dist/constraint-runtime/src/assistant/index.js +12 -0
package/dist/constraint-runtime/src/bootstrap/index.js +12 -0
package/dist/constraint-runtime/src/bootstrap_graph.js +13 -0
package/dist/constraint-runtime/src/bridge/index.js +12 -0
package/dist/constraint-runtime/src/buddy/index.js +12 -0
package/dist/constraint-runtime/src/cli/index.js +12 -0
package/dist/constraint-runtime/src/command_graph.js +10 -0
package/dist/constraint-runtime/src/commands.js +60 -0
package/dist/constraint-runtime/src/components/index.js +12 -0
package/dist/constraint-runtime/src/constants/index.js +12 -0
package/dist/constraint-runtime/src/constraint/budget.js +22 -0
package/dist/constraint-runtime/src/constraint/index.js +2 -0
package/dist/constraint-runtime/src/constraint/permission.js +20 -0
package/dist/constraint-runtime/src/context.js +30 -0
package/dist/constraint-runtime/src/coordinator/index.js +12 -0
package/dist/constraint-runtime/src/cost_hook.js +4 -0
package/dist/constraint-runtime/src/cost_tracker.js +8 -0
package/dist/constraint-runtime/src/deferred_init.js +10 -0
package/dist/constraint-runtime/src/direct_modes.js +6 -0
package/dist/constraint-runtime/src/dynamic-tool-loader.js +85 -0
package/dist/constraint-runtime/src/entrypoints/index.js +12 -0
package/dist/constraint-runtime/src/execution_registry.js +44 -0
package/dist/constraint-runtime/src/history.js +9 -0
package/dist/constraint-runtime/src/hooks/index.js +12 -0
package/dist/constraint-runtime/src/index.js +26 -0
package/dist/constraint-runtime/src/ink.js +4 -0
package/dist/constraint-runtime/src/keybindings/index.js +12 -0
package/dist/constraint-runtime/src/memdir/index.js +12 -0
package/dist/constraint-runtime/src/migrations/index.js +12 -0
package/dist/constraint-runtime/src/models.js +1 -0
package/dist/constraint-runtime/src/moreright/index.js +12 -0
package/dist/constraint-runtime/src/native_ts/index.js +12 -0
package/dist/constraint-runtime/src/output_styles/index.js +12 -0
package/dist/constraint-runtime/src/parity_audit.js +12 -0
package/dist/constraint-runtime/src/plugins/index.js +12 -0
package/dist/constraint-runtime/src/port_manifest.js +11 -0
package/dist/constraint-runtime/src/prefetch.js +9 -0
package/dist/constraint-runtime/src/query.js +1 -0
package/dist/constraint-runtime/src/remote/index.js +12 -0
package/dist/constraint-runtime/src/remote_runtime.js +9 -0
package/dist/constraint-runtime/src/runtime/index.js +1 -0
package/dist/constraint-runtime/src/runtime/session.js +35 -0
package/dist/constraint-runtime/src/schemas/index.js +12 -0
package/dist/constraint-runtime/src/screens/index.js +12 -0
package/dist/constraint-runtime/src/server/index.js +12 -0
package/dist/constraint-runtime/src/services/index.js +12 -0
package/dist/constraint-runtime/src/session_store.js +22 -0
package/dist/constraint-runtime/src/setup.js +30 -0
package/dist/constraint-runtime/src/skills/index.js +1 -0
package/dist/constraint-runtime/src/skills/skill-registry.js +28 -0
package/dist/constraint-runtime/src/state/index.js +12 -0
package/dist/constraint-runtime/src/system_init.js +20 -0
package/dist/constraint-runtime/src/thinking/engine.js +42 -0
package/dist/constraint-runtime/src/thinking/index.js +1 -0
package/dist/constraint-runtime/src/tool_pool.js +8 -0
package/dist/constraint-runtime/src/tools/OpenCLI/execAdapter.js +7 -0
package/dist/constraint-runtime/src/tools/OpenCLI/listAdapters.js +7 -0
package/dist/constraint-runtime/src/tools/OpenCLI/runCommand.js +7 -0
package/dist/constraint-runtime/src/tools/SafeSDK/confirmTransaction.js +6 -0
package/dist/constraint-runtime/src/tools/SafeSDK/createTransaction.js +8 -0
package/dist/constraint-runtime/src/tools/SafeSDK/executeTransaction.js +6 -0
package/dist/constraint-runtime/src/tools/SafeSDK/getBalance.js +6 -0
package/dist/constraint-runtime/src/tools/SafeSDK/getPendingTransactions.js +6 -0
package/dist/constraint-runtime/src/tools/SafeSDK/proposeTransaction.js +6 -0
package/dist/constraint-runtime/src/tools.js +80 -0
package/dist/constraint-runtime/src/transcript.js +19 -0
package/dist/constraint-runtime/src/types/index.js +12 -0
package/dist/constraint-runtime/src/upstream_proxy/index.js +12 -0
package/dist/constraint-runtime/src/utils/index.js +12 -0
package/dist/constraint-runtime/src/vim/index.js +12 -0
package/dist/constraint-runtime/src/voice/index.js +12 -0
package/dist/constraint-runtime/tests/agent.test.js +16 -0
package/dist/constraint-runtime/tests/constraint.test.js +41 -0
package/dist/constraint-runtime/tests/skill.test.js +19 -0
package/dist/constraint-runtime/tests/thinking.test.js +22 -0
package/dist/context-compaction/auto-compact.js +7 -7
package/dist/electron-preload.js +1 -18
package/dist/electron-preload.js.map +1 -1
package/dist/electron.js +168 -3
package/dist/electron.js.map +1 -1
package/dist/index.js +116 -136
package/dist/llm/config-store.js +8 -24
package/dist/llm/llm-judgment-client.js +102 -102
package/dist/llm/pi-ai.js +85 -126
package/dist/llm/system-prompt/layers/channel/local.md +14 -14
package/dist/llm/system-prompt/layers/channel/p2p-agent.md +18 -18
package/dist/llm/system-prompt/layers/channel/p2p-visitor.md +19 -19
package/dist/llm/system-prompt/layers/core/artifacts_storage.md +89 -89
package/dist/llm/system-prompt/layers/core/evenhandedness.md +21 -21
package/dist/llm/system-prompt/layers/core/hibs_reminders.md +15 -15
package/dist/llm/system-prompt/layers/core/identity.md +37 -37
package/dist/llm/system-prompt/layers/core/knowledge.md +17 -17
package/dist/llm/system-prompt/layers/core/memory_system.md +12 -12
package/dist/llm/system-prompt/layers/core/network_filesystem.md +28 -28
package/dist/llm/system-prompt/layers/core/refusal.md +37 -37
package/dist/llm/system-prompt/layers/core/tone.md +31 -31
package/dist/llm/system-prompt/layers/core/tools.thin.md +13 -13
package/dist/llm/system-prompt/layers/core/wellbeing.md +41 -41
package/dist/llm/system-prompt/layers/role/architect.md +20 -20
package/dist/llm/system-prompt/layers/role/expert.md +19 -19
package/dist/llm/system-prompt/layers/role/implementer.md +15 -15
package/dist/llm/system-prompt/layers/role/security.md +15 -15
package/dist/llm/system-prompt/layers/tool/artifacts.md +72 -72
package/dist/llm/system-prompt/layers/tool/bash.md +25 -25
package/dist/llm/system-prompt/layers/tool/hibs_api.md +171 -171
package/dist/llm/system-prompt/layers/tool/image_search.md +70 -70
package/dist/llm/system-prompt/layers/tool/manifest.md +89 -89
package/dist/llm/system-prompt/layers/tool/mcp_apps.md +53 -53
package/dist/llm/system-prompt/layers/tool/web_search.md +83 -83
package/dist/llm/tool-manifest/ask_user_input.js +1 -1
package/dist/llm/tool-manifest/bash.js +3 -3
package/dist/llm/tool-manifest/create_file.js +4 -4
package/dist/llm/tool-manifest/fetch_sports_data.js +3 -3
package/dist/llm/tool-manifest/image_search.js +2 -2
package/dist/llm/tool-manifest/mcp.js +2 -2
package/dist/llm/tool-manifest/message_compose.js +3 -3
package/dist/llm/tool-manifest/places.js +2 -2
package/dist/llm/tool-manifest/present_files.js +1 -1
package/dist/llm/tool-manifest/recipe.js +2 -2
package/dist/llm/tool-manifest/str_replace.js +5 -5
package/dist/llm/tool-manifest/view.js +3 -3
package/dist/llm/tool-manifest/weather.js +4 -4
package/dist/llm/tool-manifest/web.js +4 -4
package/dist/pi-ecosystem-colony/index.js +365 -0
package/dist/pi-ecosystem-judgment/causal-judge.js +51 -51
package/dist/pi-ecosystem-judgment/distill-prompt.js +42 -42
package/dist/pi-ecosystem-judgment/distillation.js +14 -14
package/dist/pi-ecosystem-judgment/monitor-gate.js +28 -28
package/dist/pi-ecosystem-judgment/value-injection.js +102 -102
package/dist/security/context-router-tool.js +15 -15
package/dist/security/tool-gate.js +0 -11
package/dist/social/ant-colony/AdaptiveHeartbeat.js +101 -0
package/dist/social/ant-colony/PheromoneEngine.js +227 -0
package/dist/social/ant-colony/index.js +6 -0
package/dist/social/ant-colony/types.js +24 -0
package/dist/test/ai-judgment-test.js +80 -0
package/dist/test/bollharness-integration.test.js +318 -0
package/dist/test/channel-agent-multi-dialogue.js +205 -0
package/dist/test/channel-heartbeat-agent-test.js +201 -0
package/dist/test/constraint-layer.test.js +164 -0
package/dist/test/diap-identity-test.js +172 -0
package/dist/test/diap-quick-test.js +62 -0
package/dist/test/global-shared-context.test.js +315 -0
package/dist/test/harness-judgment-injection.test.js +246 -0
package/dist/test/harness-workflow-integrator-test.js +228 -0
package/dist/test/human-value-store.test.js +243 -0
package/dist/test/hybrid-integration-test.js +118 -0
package/dist/test/hybrid-messenger-verify.js +55 -0
package/dist/test/iroh-bistream-debug.js +38 -0
package/dist/test/iroh-communication.test.js +66 -0
package/dist/test/iroh-debug-test.js +57 -0
package/dist/test/iroh-diap-test.js +71 -0
package/dist/test/iroh-direct-connect.js +55 -0
package/dist/test/iroh-e2e-fixed.js +89 -0
package/dist/test/iroh-e2e-same-process.js +63 -0
package/dist/test/iroh-e2e.js +66 -0
package/dist/test/iroh-final-e2e.js +72 -0
package/dist/test/iroh-relay-test.js +37 -0
package/dist/test/iroh-simple-test.js +41 -0
package/dist/test/iroh-transport-verify.js +54 -0
package/dist/test/iroh-transport.test.js +37 -0
package/dist/test/iroh-two-nodes.js +70 -0
package/dist/test/iroh-verify.js +44 -0
package/dist/test/judgment-decision.test.js +219 -0
package/dist/test/llm-judgment-integration.test.js +220 -0
package/dist/test/p2p-agent-complex-dialogue.js +385 -0
package/dist/test/p2p-agent-dialogue.js +341 -0
package/dist/test/p2p-agent-full-bidirectional.js +510 -0
package/dist/test/p2p-agent-harness-flow.js +437 -0
package/dist/test/p2p-agent-harness-single.js +143 -0
package/dist/test/p2p-ai-dialogue-test.js +318 -0
package/dist/test/p2p-cid-connect-test.js +195 -0
package/dist/test/p2p-connect-receiver.js +69 -0
package/dist/test/p2p-doc-transfer.js +110 -0
package/dist/test/p2p-identity-page-test.js +77 -0
package/dist/test/p2p-iroh-test.js +171 -0
package/dist/test/p2p-minimal-test.js +241 -0
package/dist/test/p2p-node-1.js +148 -0
package/dist/test/p2p-node-2.js +148 -0
package/dist/test/p2p-server.js +281 -0
package/dist/test/p2p-two-nodes-test.js +438 -0
package/dist/test/pi-sdk.test.js +44 -0
package/dist/test/set-persona.js +40 -0
package/dist/test/simple.test.js +9 -0
package/dist/test/storage-integration.test.js +150 -0
package/dist/test/subagent-manager.test.js +276 -0
package/dist/test/test-gate-flow.test.js +81 -0
package/dist/test/workflow-engine.test.js +87 -0
package/dist/test/workflow-pivot-loop.test.js +246 -0
package/dist/web/api-config.html +520 -520
package/dist/web/client.js +2917 -3791
package/dist/web/components/p2p/index.js +234 -276
package/dist/web/components/wallet-viem.mjs +118 -118
package/dist/web/index.html +374 -373
package/dist/web/manifest.json +20 -20
package/dist/web/server.js +23 -775
package/dist/web/style.css +4737 -4737
package/dist/web/ui/message-renderer.js +373 -451
package/dist/web/ui/step-timeline.js +255 -351
package/package.json +160 -157
package/scripts/build-cli.js +216 -0
package/scripts/build-web.ts +125 -0
package/scripts/postinstall.js +153 -0
package/bin/bolloon-daemon.sh +0 -207
package/bin/ipfs +0 -0
package/dist/agents/chat-segmenter.js +0 -298
package/dist/agents/judgment-protocol.js +0 -479
package/dist/agents/parse-tool-call.js +0 -304
package/dist/agents/peer-manifest-loader.js +0 -210
package/dist/agents/react-loop.js +0 -120
package/dist/agents/session-store.js +0 -171
package/dist/agents/tool-registry.js +0 -136
package/dist/bootstrap/chat-archiver.js +0 -276
package/dist/bootstrap/memory-compressor.js +0 -170
package/dist/bootstrap/persona-loader.js +0 -94
package/dist/electron/config.js +0 -16
package/dist/electron/config.js.map +0 -1
package/dist/electron/dialogs.js +0 -71
package/dist/electron/dialogs.js.map +0 -1
package/dist/electron/first-run.js +0 -129
package/dist/electron/first-run.js.map +0 -1
package/dist/electron/ipc.js +0 -16
package/dist/electron/ipc.js.map +0 -1
package/dist/electron/logger.js +0 -77
package/dist/electron/logger.js.map +0 -1
package/dist/electron/main.js +0 -60
package/dist/electron/main.js.map +0 -1
package/dist/electron/menu.js +0 -140
package/dist/electron/menu.js.map +0 -1
package/dist/electron/paths.js +0 -33
package/dist/electron/paths.js.map +0 -1
package/dist/electron/server.js +0 -74
package/dist/electron/server.js.map +0 -1
package/dist/electron/tray.js +0 -73
package/dist/electron/tray.js.map +0 -1
package/dist/electron/window.js +0 -69
package/dist/electron/window.js.map +0 -1
package/dist/network/local-inbox-bus.js +0 -73
package/dist/network/p2p-outbox.js +0 -161
package/dist/network/peer-fs.js +0 -420
package/dist/network/peer-resource-bridge.js +0 -216
package/dist/web/components/p2p/P2PModal.js +0 -188
package/dist/web/components/p2p/p2p-modal.js +0 -664
package/dist/web/components/p2p/p2p-tools.js +0 -248
package/dist/web/input-validator.js +0 -103
package/dist/web/util/safe-name.js +0 -32

package/dist/web/api-config.html CHANGED Viewed

@@ -1,520 +1,520 @@
-<!DOCTYPE html>
-<html lang="zh-CN" data-theme="dark">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>API 配置 - Bolloon</title>
-  <!-- 2026-06-11: 移除 Google Fonts 外部 CSS — 在大陆/跨公网时经常 30s+ timeout 阻塞首屏
-       style.css 里只用字体名字符串 (JetBrains Mono / monospace), 浏览器看字面量自动落回系统字体
-       2026-06-11 提速: 不再等 Google CDN 即可渲染 -->
-  <link rel="stylesheet" href="/style.css">
-</head>
-<body>
-  <div class="api-config-page">
-    <!-- 页面标题 -->
-    <div class="page-header">
-      <div class="page-title-group">
-        <h1>API 配置</h1>
-        <span class="config-count-badge" id="configCount">加载中...</span>
-      </div>
-      <a href="/" class="back-link">← 返回主页</a>
-    </div>
-    <!-- 标签切换 -->
-    <div class="api-tabs">
-      <button class="api-tab active" data-tab="llm" onclick="switchTab('llm')">
-        <span class="api-tab-icon">💬</span>
-        <span>LLM 对话</span>
-      </button>
-      <button class="api-tab" data-tab="video" onclick="switchTab('video')">
-        <span class="api-tab-icon">🎬</span>
-        <span>视频生成</span>
-      </button>
-      <button class="api-tab" data-tab="audio" onclick="switchTab('audio')">
-        <span class="api-tab-icon">🎵</span>
-        <span>音频生成</span>
-      </button>
-    </div>
-    <!-- LLM 面板 -->
-    <div class="api-panel" id="panel-llm" data-panel="llm">
-      <div class="provider-list" id="providerList">
-        <div class="loading-state">加载中...</div>
-      </div>
-    </div>
-    <!-- 视频生成面板 -->
-    <div class="api-panel" id="panel-video" data-panel="video" style="display: none;">
-      <div class="video-intro">
-        <p>视频生成走异步任务流（提交任务 → 轮询结果），与 LLM 实时对话不同。Seedance 由字节火山方舟 (ARK) 提供，支持文生视频 (t2v) 与图生视频 (i2v)；MiniMax Video 为同 tab 下的另一选项。</p>
-      </div>
-      <div class="provider-list" id="videoProviderList">
-        <div class="loading-state">加载中...</div>
-      </div>
-    </div>
-    <!-- 音频生成面板 -->
-    <div class="api-panel" id="panel-audio" data-panel="audio" style="display: none;">
-      <div class="video-intro">
-        <p>音频生成：TTS（文生语音）/ Music（文生音乐）。MiniMax 提供 speech-01 与 music-01 模型，TTS 默认走 OpenAI 兼容 <code>/audio/speech</code> 端点，Music 走 MiniMax 自有 <code>/music_generation</code> 端点。</p>
-      </div>
-      <div class="provider-list" id="audioProviderList">
-        <div class="loading-state">加载中...</div>
-      </div>
-    </div>
-    <!-- 配置弹窗 -->
-    <div class="modal-overlay" id="configModal" style="display: none;">
-      <div class="modal-box">
-        <div class="modal-header">
-          <div class="modal-title-group">
-            <div class="modal-icon" id="modalIcon">A</div>
-            <div>
-              <h2 id="modalTitle">配置</h2>
-              <p class="modal-subtitle" id="modalSubtitle">描述</p>
-            </div>
-          </div>
-          <button class="modal-close" onclick="closeModal()">×</button>
-        </div>
-        <form class="modal-form" id="configForm">
-          <div class="form-group">
-            <label>API Key</label>
-            <input type="password" id="apiKeyInput" placeholder="输入 API Key">
-            <p class="form-hint" id="apiKeyHint">已有 Key 会保留，输入新值以更新</p>
-          </div>
-          <div class="form-group">
-            <label>Base URL</label>
-            <input type="text" id="baseUrlInput" placeholder="https://api.example.com/v1">
-            <p class="form-hint">留空使用默认地址</p>
-          </div>
-          <div class="form-group">
-            <label>模型</label>
-            <input type="text" id="modelInput" placeholder="如 gpt-4" list="modelSuggestList">
-            <datalist id="modelSuggestList"></datalist>
-            <p class="form-hint" id="modelHint"></p>
-          </div>
-          <!-- 视频模型专用字段 -->
-          <div class="video-only-fields" style="display: none;">
-            <div class="form-row">
-              <div class="form-group">
-                <label>分辨率</label>
-                <select id="resolutionInput">
-                  <option value="480p">480p</option>
-                  <option value="720p">720p</option>
-                  <option value="1080p">1080p</option>
-                </select>
-              </div>
-              <div class="form-group">
-                <label>宽高比</label>
-                <select id="ratioInput">
-                  <option value="16:9">16:9</option>
-                  <option value="9:16">9:16</option>
-                  <option value="1:1">1:1</option>
-                  <option value="4:3">4:3</option>
-                  <option value="3:4">3:4</option>
-                  <option value="21:9">21:9</option>
-                </select>
-              </div>
-            </div>
-            <div class="form-group">
-              <label>默认时长（秒）</label>
-              <input type="number" id="durationInput" min="3" max="12" step="1" value="5">
-              <p class="form-hint">Seedance 支持 3-12 秒</p>
-            </div>
-          </div>
-          <!-- 音频模型专用字段 -->
-          <div class="audio-only-fields" style="display: none;">
-            <div class="form-group">
-              <label>音色 / 风格</label>
-              <input type="text" id="voiceInput" placeholder="male-qn-jingying / female-shaonv ...">
-              <p class="form-hint" id="voiceHint"></p>
-            </div>
-            <div class="form-row">
-              <div class="form-group">
-                <label>语速</label>
-                <input type="number" id="speedInput" min="0.5" max="2.0" step="0.1" value="1.0">
-              </div>
-              <div class="form-group">
-                <label>输出格式</label>
-                <select id="formatInput">
-                  <option value="mp3">mp3</option>
-                  <option value="pcm">pcm</option>
-                  <option value="wav">wav</option>
-                </select>
-              </div>
-            </div>
-            <div class="form-group" id="audioModeGroup" style="display: none;">
-              <label>模式</label>
-              <select id="modeInput">
-                <option value="instrumental">纯音乐</option>
-                <option value="lyrics">带歌词</option>
-              </select>
-            </div>
-            <div class="form-group" id="audioDurationGroup" style="display: none;">
-              <label>默认时长（秒）</label>
-              <input type="number" id="audioDurationInput" min="5" max="120" step="1" value="30">
-              <p class="form-hint">music-01 支持 5-120 秒</p>
-            </div>
-          </div>
-          <!-- LLM 专用字段 -->
-          <div class="llm-only-fields">
-            <div class="form-group form-group-small">
-              <label>温度</label>
-              <input type="number" id="temperatureInput" value="0.7" min="0" max="2" step="0.1">
-            </div>
-          </div>
-          <div class="form-group">
-            <button type="button" class="test-btn" id="testBtn" onclick="testConnection()">
-              ⚡ 测试连接
-            </button>
-            <div class="test-result" id="testResult" style="display: none;"></div>
-          </div>
-          <div class="form-actions">
-            <button type="button" class="btn-cancel" onclick="closeModal()">取消</button>
-            <button type="submit" class="btn-save">保存</button>
-          </div>
-        </form>
-      </div>
-    </div>
-  </div>
-  <script>
-    // 当前 tab
-    let currentTab = 'llm';
-    // 缓存三份配置
-    let llmConfigData = null;
-    let videoConfigData = null;
-    let audioConfigData = null;
-    let currentProvider = null;
-    let currentProviderType = 'llm'; // 'llm' | 'video' | 'audio'
-    // ==================== Tab 切换 ====================
-    function switchTab(tab) {
-      currentTab = tab;
-      document.querySelectorAll('.api-tab').forEach(btn => {
-        btn.classList.toggle('active', btn.dataset.tab === tab);
-      });
-      document.querySelectorAll('.api-panel').forEach(panel => {
-        panel.style.display = panel.dataset.panel === tab ? 'block' : 'none';
-      });
-      // 切换 tab 时更新计数 badge
-      updateCountBadge();
-    }
-    function updateCountBadge() {
-      const data = currentTab === 'llm' ? llmConfigData :
-                   currentTab === 'video' ? videoConfigData : audioConfigData;
-      if (!data) {
-        document.getElementById('configCount').textContent = '加载中...';
-        return;
-      }
-      let configured = 0, total = 0;
-      for (const key in data.providers) {
-        total++;
-        const p = data.providers[key];
-        if (currentTab === 'llm') {
-          if (p.enabled && p.apiKey) configured++;
-        } else {
-          const info = data.providerInfo[key] || {};
-          if (p.enabled && (!info.requiresApiKey || p.apiKey)) configured++;
-        }
-      }
-      const labelMap = { llm: '', video: '视频', audio: '音频' };
-      const label = labelMap[currentTab] || '';
-      document.getElementById('configCount').textContent = configured + '/' + total + ' ' + label + '已配置';
-    }
-    // ==================== 加载 ====================
-    async function loadAll() {
-      await Promise.all([loadLLMConfig(), loadVideoConfig(), loadAudioConfig()]);
-    }
-    async function loadLLMConfig() {
-      try {
-        const resp = await fetch('/api/llm-config');
-        llmConfigData = await resp.json();
-        renderProviders('llm');
-        if (currentTab === 'llm') updateCountBadge();
-      } catch (err) {
-        document.getElementById('providerList').innerHTML =
-          '<div class="error-state">加载失败: ' + err.message + '</div>';
-      }
-    }
-    async function loadVideoConfig() {
-      try {
-        const resp = await fetch('/api/video-config');
-        videoConfigData = await resp.json();
-        renderProviders('video');
-        if (currentTab === 'video') updateCountBadge();
-      } catch (err) {
-        document.getElementById('videoProviderList').innerHTML =
-          '<div class="error-state">加载失败: ' + err.message + '</div>';
-      }
-    }
-    async function loadAudioConfig() {
-      try {
-        const resp = await fetch('/api/audio-config');
-        audioConfigData = await resp.json();
-        renderProviders('audio');
-        if (currentTab === 'audio') updateCountBadge();
-      } catch (err) {
-        document.getElementById('audioProviderList').innerHTML =
-          '<div class="error-state">加载失败: ' + err.message + '</div>';
-      }
-    }
-    // ==================== 渲染 ====================
-    function renderProviders(type) {
-      const data = type === 'llm' ? llmConfigData :
-                   type === 'video' ? videoConfigData : audioConfigData;
-      const listEl = document.getElementById(
-        type === 'llm' ? 'providerList' :
-        type === 'video' ? 'videoProviderList' : 'audioProviderList'
-      );
-      if (!data) return;
-      const providers = data.providers;
-      const info = data.providerInfo;
-      const isActive = (key) => data.activeProvider === key;
-      let html = '';
-      for (const key in providers) {
-        const p = providers[key];
-        const i = info[key] || { name: key, description: '供应商', requiresApiKey: true };
-        const active = isActive(key);
-        let statusText, statusClass;
-        if (active) {
-          statusText = '使用中';
-          statusClass = 'status-accent';
-        } else if (p.enabled && p.apiKey) {
-          statusText = '已启用';
-          statusClass = 'status-green';
-        } else if (p.enabled) {
-          statusText = '已启用';
-          statusClass = 'status-yellow';
-        } else {
-          statusText = '未启用';
-          statusClass = 'status-muted';
-        }
-        const isConfigured = p.enabled && p.apiKey;
-        html += `
-          <div class="provider-card ${active ? 'active' : ''}" onclick="openModal('${type}', '${key}')">
-            <div class="provider-header">
-              <div class="provider-icon">${i.name.charAt(0).toUpperCase()}</div>
-              <div class="provider-info">
-                <h3 class="provider-name">${i.name}</h3>
-                <p class="provider-desc">${i.description}</p>
-                ${i.docs ? '<a class="provider-docs" href="' + i.docs + '" target="_blank" onclick="event.stopPropagation()">📖 文档</a>' : ''}
-              </div>
-              <div class="status-badge ${statusClass}">
-                <span class="status-dot"></span>
-                ${statusText}
-              </div>
-            </div>
-            <div class="provider-footer">
-              <div class="config-status">
-                <span class="status-icon ${isConfigured ? 'configured' : ''}">${isConfigured ? '✓' : '○'}</span>
-                ${isConfigured ? '已配置 API Key' : '未配置 API Key'}
-              </div>
-              ${p.model ? '<div class="model-info">模型: ' + p.model + '</div>' : ''}
-              <div class="arrow-indicator">›</div>
-            </div>
-          </div>
-        `;
-      }
-      listEl.innerHTML = html;
-    }
-    // ==================== 弹窗 ====================
-    function openModal(type, providerKey) {
-      currentProviderType = type;
-      currentProvider = providerKey;
-      const data = type === 'llm' ? llmConfigData :
-                   type === 'video' ? videoConfigData : audioConfigData;
-      const p = data.providers[providerKey];
-      const i = data.providerInfo[providerKey] || { name: providerKey, description: '供应商' };
-      document.getElementById('modalIcon').textContent = i.name.charAt(0).toUpperCase();
-      document.getElementById('modalTitle').textContent = '配置 ' + i.name;
-      document.getElementById('modalSubtitle').textContent = i.description;
-      document.getElementById('apiKeyInput').value = '';
-      document.getElementById('apiKeyHint').textContent = p.apiKey
-        ? '当前已配置 (***' + (p.apiKey.slice(-4) || '') + ')，输入新值以更新'
-        : '输入 API Key';
-      document.getElementById('baseUrlInput').value = p.baseUrl || '';
-      document.getElementById('modelInput').value = p.model || '';
-      // 填充模型下拉建议（仅 LLM 类型有 providerInfo.models）
-      const datalist = document.getElementById('modelSuggestList');
-      datalist.innerHTML = '';
-      if (type === 'llm' && i.models && Array.isArray(i.models)) {
-        for (const m of i.models) {
-          const opt = document.createElement('option');
-          opt.value = m;
-          datalist.appendChild(opt);
-        }
-      }
-      // 视频/音频/LLM 专用字段显隐
-      const isVideo = type === 'video';
-      const isAudio = type === 'audio';
-      document.querySelector('.video-only-fields').style.display = isVideo ? 'block' : 'none';
-      document.querySelector('.audio-only-fields').style.display = isAudio ? 'block' : 'none';
-      document.querySelector('.llm-only-fields').style.display = (!isVideo && !isAudio) ? 'block' : 'none';
-      if (isVideo) {
-        document.getElementById('resolutionInput').value = p.resolution || '720p';
-        document.getElementById('ratioInput').value = p.ratio || '16:9';
-        document.getElementById('durationInput').value = p.duration || 5;
-        document.getElementById('modelHint').textContent = '示例: doubao-seedance-1-0-lite-t2v-250428 (文生视频) 或 ...-i2v-... (图生视频)';
-      } else if (isAudio) {
-        const isMusic = (i.kind === 'music');
-        // TTS 字段
-        document.getElementById('voiceInput').parentElement.style.display = isMusic ? 'none' : 'block';
-        document.getElementById('speedInput').parentElement.parentElement.style.display = isMusic ? 'none' : 'flex';
-        document.getElementById('modeInput').parentElement.style.display = isMusic ? 'block' : 'none';
-        document.getElementById('audioDurationInput').parentElement.style.display = isMusic ? 'block' : 'none';
-        if (!isMusic) {
-          document.getElementById('voiceInput').value = p.voice || 'male-qn-jingying';
-          document.getElementById('voiceHint').textContent = '常用音色: male-qn-jingying, female-shaonv, female-yujie, presenter_male, presenter_female';
-          document.getElementById('speedInput').value = p.speed || 1.0;
-          document.getElementById('formatInput').value = p.format || 'mp3';
-        } else {
-          document.getElementById('modeInput').value = p.mode || 'instrumental';
-          document.getElementById('audioDurationInput').value = p.duration || 30;
-        }
-        document.getElementById('modelHint').textContent = isMusic
-          ? '示例: music-01'
-          : '示例: speech-01 (TTS) / asr-01 (语音转写)';
-      } else {
-        document.getElementById('temperatureInput').value = p.temperature || 0.7;
-      }
-      document.getElementById('testResult').style.display = 'none';
-      document.getElementById('configModal').style.display = 'flex';
-    }
-    function closeModal() {
-      document.getElementById('configModal').style.display = 'none';
-      currentProvider = null;
-    }
-    // ==================== 测试连接 ====================
-    async function testConnection() {
-      const btn = document.getElementById('testBtn');
-      const result = document.getElementById('testResult');
-      btn.disabled = true;
-      btn.innerHTML = '<span class="spinner"></span> 测试中...';
-      result.style.display = 'none';
-      const endpoint = currentProviderType === 'llm' ? '/api/llm-test' :
-                       currentProviderType === 'video' ? '/api/video-test' :
-                       '/api/audio-test';
-      try {
-        const resp = await fetch(endpoint, {
-          method: 'POST',
-          headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({ provider: currentProvider })
-        });
-        const data = await resp.json();
-        result.className = 'test-result ' + (data.success ? 'test-success' : 'test-error');
-        result.innerHTML = '<span>' + (data.success ? '✓' : '✗') + '</span> ' +
-          (data.success ? '连接成功！延迟: ' + data.latency + 'ms' : (data.error || '连接失败'));
-        result.style.display = 'flex';
-      } catch (err) {
-        result.className = 'test-result test-error';
-        result.innerHTML = '<span>✗</span> ' + err.message;
-        result.style.display = 'flex';
-      }
-      btn.disabled = false;
-      btn.innerHTML = '⚡ 测试连接';
-    }
-    // ==================== 保存 ====================
-    document.getElementById('configForm').onsubmit = async function(e) {
-      e.preventDefault();
-      const data = currentProviderType === 'llm' ? llmConfigData : videoConfigData;
-      const existing = data.providers[currentProvider];
-      const apiKeyVal = document.getElementById('apiKeyInput').value;
-      const updateData = {
-        enabled: true,
-        apiKey: apiKeyVal || existing.apiKey || '',
-        baseUrl: document.getElementById('baseUrlInput').value || existing.baseUrl || '',
-        model: document.getElementById('modelInput').value || existing.model || ''
-      };
-      if (currentProviderType === 'video') {
-        updateData.resolution = document.getElementById('resolutionInput').value;
-        updateData.ratio = document.getElementById('ratioInput').value;
-        updateData.duration = parseInt(document.getElementById('durationInput').value) || 5;
-      } else if (currentProviderType === 'audio') {
-        const info = audioConfigData.providerInfo[currentProvider] || {};
-        const isMusic = info.kind === 'music';
-        if (isMusic) {
-          updateData.mode = document.getElementById('modeInput').value;
-          updateData.duration = parseInt(document.getElementById('audioDurationInput').value) || 30;
-        } else {
-          updateData.voice = document.getElementById('voiceInput').value;
-          updateData.speed = parseFloat(document.getElementById('speedInput').value) || 1.0;
-          updateData.format = document.getElementById('formatInput').value;
-        }
-      } else {
-        updateData.temperature = parseFloat(document.getElementById('temperatureInput').value) || 0.7;
-      }
-      const endpoint = currentProviderType === 'llm' ? '/api/llm-config' :
-                       currentProviderType === 'video' ? '/api/video-config' :
-                       '/api/audio-config';
-      try {
-        await fetch(endpoint, {
-          method: 'POST',
-          headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({ provider: currentProvider, config: updateData })
-        });
-        const saveBtn = this.querySelector('.btn-save');
-        saveBtn.textContent = '✓ 已保存';
-        setTimeout(() => {
-          closeModal();
-          if (currentProviderType === 'llm') loadLLMConfig();
-          else if (currentProviderType === 'video') loadVideoConfig();
-          else loadAudioConfig();
-        }, 500);
-      } catch (err) {
-        alert('保存失败: ' + err.message);
-      }
-    };
-    // ==================== 关闭弹窗 ====================
-    document.getElementById('configModal').onclick = function(e) {
-      if (e.target === this) closeModal();
-    };
-    // 启动
-    loadAll();
-  </script>
-</body>
-</html>
+<!DOCTYPE html>
+<html lang="zh-CN" data-theme="dark">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>API 配置 - Bolloon</title>
+  <!-- 2026-06-11: 移除 Google Fonts 外部 CSS — 在大陆/跨公网时经常 30s+ timeout 阻塞首屏
+       style.css 里只用字体名字符串 (JetBrains Mono / monospace), 浏览器看字面量自动落回系统字体
+       2026-06-11 提速: 不再等 Google CDN 即可渲染 -->
+  <link rel="stylesheet" href="/style.css">
+</head>
+<body>
+  <div class="api-config-page">
+    <!-- 页面标题 -->
+    <div class="page-header">
+      <div class="page-title-group">
+        <h1>API 配置</h1>
+        <span class="config-count-badge" id="configCount">加载中...</span>
+      </div>
+      <a href="/" class="back-link">← 返回主页</a>
+    </div>
+    <!-- 标签切换 -->
+    <div class="api-tabs">
+      <button class="api-tab active" data-tab="llm" onclick="switchTab('llm')">
+        <span class="api-tab-icon">💬</span>
+        <span>LLM 对话</span>
+      </button>
+      <button class="api-tab" data-tab="video" onclick="switchTab('video')">
+        <span class="api-tab-icon">🎬</span>
+        <span>视频生成</span>
+      </button>
+      <button class="api-tab" data-tab="audio" onclick="switchTab('audio')">
+        <span class="api-tab-icon">🎵</span>
+        <span>音频生成</span>
+      </button>
+    </div>
+    <!-- LLM 面板 -->
+    <div class="api-panel" id="panel-llm" data-panel="llm">
+      <div class="provider-list" id="providerList">
+        <div class="loading-state">加载中...</div>
+      </div>
+    </div>
+    <!-- 视频生成面板 -->
+    <div class="api-panel" id="panel-video" data-panel="video" style="display: none;">
+      <div class="video-intro">
+        <p>视频生成走异步任务流（提交任务 → 轮询结果），与 LLM 实时对话不同。Seedance 由字节火山方舟 (ARK) 提供，支持文生视频 (t2v) 与图生视频 (i2v)；MiniMax Video 为同 tab 下的另一选项。</p>
+      </div>
+      <div class="provider-list" id="videoProviderList">
+        <div class="loading-state">加载中...</div>
+      </div>
+    </div>
+    <!-- 音频生成面板 -->
+    <div class="api-panel" id="panel-audio" data-panel="audio" style="display: none;">
+      <div class="video-intro">
+        <p>音频生成：TTS（文生语音）/ Music（文生音乐）。MiniMax 提供 speech-01 与 music-01 模型，TTS 默认走 OpenAI 兼容 <code>/audio/speech</code> 端点，Music 走 MiniMax 自有 <code>/music_generation</code> 端点。</p>
+      </div>
+      <div class="provider-list" id="audioProviderList">
+        <div class="loading-state">加载中...</div>
+      </div>
+    </div>
+    <!-- 配置弹窗 -->
+    <div class="modal-overlay" id="configModal" style="display: none;">
+      <div class="modal-box">
+        <div class="modal-header">
+          <div class="modal-title-group">
+            <div class="modal-icon" id="modalIcon">A</div>
+            <div>
+              <h2 id="modalTitle">配置</h2>
+              <p class="modal-subtitle" id="modalSubtitle">描述</p>
+            </div>
+          </div>
+          <button class="modal-close" onclick="closeModal()">×</button>
+        </div>
+        <form class="modal-form" id="configForm">
+          <div class="form-group">
+            <label>API Key</label>
+            <input type="password" id="apiKeyInput" placeholder="输入 API Key">
+            <p class="form-hint" id="apiKeyHint">已有 Key 会保留，输入新值以更新</p>
+          </div>
+          <div class="form-group">
+            <label>Base URL</label>
+            <input type="text" id="baseUrlInput" placeholder="https://api.example.com/v1">
+            <p class="form-hint">留空使用默认地址</p>
+          </div>
+          <div class="form-group">
+            <label>模型</label>
+            <input type="text" id="modelInput" placeholder="如 gpt-4" list="modelSuggestList">
+            <datalist id="modelSuggestList"></datalist>
+            <p class="form-hint" id="modelHint"></p>
+          </div>
+          <!-- 视频模型专用字段 -->
+          <div class="video-only-fields" style="display: none;">
+            <div class="form-row">
+              <div class="form-group">
+                <label>分辨率</label>
+                <select id="resolutionInput">
+                  <option value="480p">480p</option>
+                  <option value="720p">720p</option>
+                  <option value="1080p">1080p</option>
+                </select>
+              </div>
+              <div class="form-group">
+                <label>宽高比</label>
+                <select id="ratioInput">
+                  <option value="16:9">16:9</option>
+                  <option value="9:16">9:16</option>
+                  <option value="1:1">1:1</option>
+                  <option value="4:3">4:3</option>
+                  <option value="3:4">3:4</option>
+                  <option value="21:9">21:9</option>
+                </select>
+              </div>
+            </div>
+            <div class="form-group">
+              <label>默认时长（秒）</label>
+              <input type="number" id="durationInput" min="3" max="12" step="1" value="5">
+              <p class="form-hint">Seedance 支持 3-12 秒</p>
+            </div>
+          </div>
+          <!-- 音频模型专用字段 -->
+          <div class="audio-only-fields" style="display: none;">
+            <div class="form-group">
+              <label>音色 / 风格</label>
+              <input type="text" id="voiceInput" placeholder="male-qn-jingying / female-shaonv ...">
+              <p class="form-hint" id="voiceHint"></p>
+            </div>
+            <div class="form-row">
+              <div class="form-group">
+                <label>语速</label>
+                <input type="number" id="speedInput" min="0.5" max="2.0" step="0.1" value="1.0">
+              </div>
+              <div class="form-group">
+                <label>输出格式</label>
+                <select id="formatInput">
+                  <option value="mp3">mp3</option>
+                  <option value="pcm">pcm</option>
+                  <option value="wav">wav</option>
+                </select>
+              </div>
+            </div>
+            <div class="form-group" id="audioModeGroup" style="display: none;">
+              <label>模式</label>
+              <select id="modeInput">
+                <option value="instrumental">纯音乐</option>
+                <option value="lyrics">带歌词</option>
+              </select>
+            </div>
+            <div class="form-group" id="audioDurationGroup" style="display: none;">
+              <label>默认时长（秒）</label>
+              <input type="number" id="audioDurationInput" min="5" max="120" step="1" value="30">
+              <p class="form-hint">music-01 支持 5-120 秒</p>
+            </div>
+          </div>
+          <!-- LLM 专用字段 -->
+          <div class="llm-only-fields">
+            <div class="form-group form-group-small">
+              <label>温度</label>
+              <input type="number" id="temperatureInput" value="0.7" min="0" max="2" step="0.1">
+            </div>
+          </div>
+          <div class="form-group">
+            <button type="button" class="test-btn" id="testBtn" onclick="testConnection()">
+              ⚡ 测试连接
+            </button>
+            <div class="test-result" id="testResult" style="display: none;"></div>
+          </div>
+          <div class="form-actions">
+            <button type="button" class="btn-cancel" onclick="closeModal()">取消</button>
+            <button type="submit" class="btn-save">保存</button>
+          </div>
+        </form>
+      </div>
+    </div>
+  </div>
+  <script>
+    // 当前 tab
+    let currentTab = 'llm';
+    // 缓存三份配置
+    let llmConfigData = null;
+    let videoConfigData = null;
+    let audioConfigData = null;
+    let currentProvider = null;
+    let currentProviderType = 'llm'; // 'llm' | 'video' | 'audio'
+    // ==================== Tab 切换 ====================
+    function switchTab(tab) {
+      currentTab = tab;
+      document.querySelectorAll('.api-tab').forEach(btn => {
+        btn.classList.toggle('active', btn.dataset.tab === tab);
+      });
+      document.querySelectorAll('.api-panel').forEach(panel => {
+        panel.style.display = panel.dataset.panel === tab ? 'block' : 'none';
+      });
+      // 切换 tab 时更新计数 badge
+      updateCountBadge();
+    }
+    function updateCountBadge() {
+      const data = currentTab === 'llm' ? llmConfigData :
+                   currentTab === 'video' ? videoConfigData : audioConfigData;
+      if (!data) {
+        document.getElementById('configCount').textContent = '加载中...';
+        return;
+      }
+      let configured = 0, total = 0;
+      for (const key in data.providers) {
+        total++;
+        const p = data.providers[key];
+        if (currentTab === 'llm') {
+          if (p.enabled && p.apiKey) configured++;
+        } else {
+          const info = data.providerInfo[key] || {};
+          if (p.enabled && (!info.requiresApiKey || p.apiKey)) configured++;
+        }
+      }
+      const labelMap = { llm: '', video: '视频', audio: '音频' };
+      const label = labelMap[currentTab] || '';
+      document.getElementById('configCount').textContent = configured + '/' + total + ' ' + label + '已配置';
+    }
+    // ==================== 加载 ====================
+    async function loadAll() {
+      await Promise.all([loadLLMConfig(), loadVideoConfig(), loadAudioConfig()]);
+    }
+    async function loadLLMConfig() {
+      try {
+        const resp = await fetch('/api/llm-config');
+        llmConfigData = await resp.json();
+        renderProviders('llm');
+        if (currentTab === 'llm') updateCountBadge();
+      } catch (err) {
+        document.getElementById('providerList').innerHTML =
+          '<div class="error-state">加载失败: ' + err.message + '</div>';
+      }
+    }
+    async function loadVideoConfig() {
+      try {
+        const resp = await fetch('/api/video-config');
+        videoConfigData = await resp.json();
+        renderProviders('video');
+        if (currentTab === 'video') updateCountBadge();
+      } catch (err) {
+        document.getElementById('videoProviderList').innerHTML =
+          '<div class="error-state">加载失败: ' + err.message + '</div>';
+      }
+    }
+    async function loadAudioConfig() {
+      try {
+        const resp = await fetch('/api/audio-config');
+        audioConfigData = await resp.json();
+        renderProviders('audio');
+        if (currentTab === 'audio') updateCountBadge();
+      } catch (err) {
+        document.getElementById('audioProviderList').innerHTML =
+          '<div class="error-state">加载失败: ' + err.message + '</div>';
+      }
+    }
+    // ==================== 渲染 ====================
+    function renderProviders(type) {
+      const data = type === 'llm' ? llmConfigData :
+                   type === 'video' ? videoConfigData : audioConfigData;
+      const listEl = document.getElementById(
+        type === 'llm' ? 'providerList' :
+        type === 'video' ? 'videoProviderList' : 'audioProviderList'
+      );
+      if (!data) return;
+      const providers = data.providers;
+      const info = data.providerInfo;
+      const isActive = (key) => data.activeProvider === key;
+      let html = '';
+      for (const key in providers) {
+        const p = providers[key];
+        const i = info[key] || { name: key, description: '供应商', requiresApiKey: true };
+        const active = isActive(key);
+        let statusText, statusClass;
+        if (active) {
+          statusText = '使用中';
+          statusClass = 'status-accent';
+        } else if (p.enabled && p.apiKey) {
+          statusText = '已启用';
+          statusClass = 'status-green';
+        } else if (p.enabled) {
+          statusText = '已启用';
+          statusClass = 'status-yellow';
+        } else {
+          statusText = '未启用';
+          statusClass = 'status-muted';
+        }
+        const isConfigured = p.enabled && p.apiKey;
+        html += `
+          <div class="provider-card ${active ? 'active' : ''}" onclick="openModal('${type}', '${key}')">
+            <div class="provider-header">
+              <div class="provider-icon">${i.name.charAt(0).toUpperCase()}</div>
+              <div class="provider-info">
+                <h3 class="provider-name">${i.name}</h3>
+                <p class="provider-desc">${i.description}</p>
+                ${i.docs ? '<a class="provider-docs" href="' + i.docs + '" target="_blank" onclick="event.stopPropagation()">📖 文档</a>' : ''}
+              </div>
+              <div class="status-badge ${statusClass}">
+                <span class="status-dot"></span>
+                ${statusText}
+              </div>
+            </div>
+            <div class="provider-footer">
+              <div class="config-status">
+                <span class="status-icon ${isConfigured ? 'configured' : ''}">${isConfigured ? '✓' : '○'}</span>
+                ${isConfigured ? '已配置 API Key' : '未配置 API Key'}
+              </div>
+              ${p.model ? '<div class="model-info">模型: ' + p.model + '</div>' : ''}
+              <div class="arrow-indicator">›</div>
+            </div>
+          </div>
+        `;
+      }
+      listEl.innerHTML = html;
+    }
+    // ==================== 弹窗 ====================
+    function openModal(type, providerKey) {
+      currentProviderType = type;
+      currentProvider = providerKey;
+      const data = type === 'llm' ? llmConfigData :
+                   type === 'video' ? videoConfigData : audioConfigData;
+      const p = data.providers[providerKey];
+      const i = data.providerInfo[providerKey] || { name: providerKey, description: '供应商' };
+      document.getElementById('modalIcon').textContent = i.name.charAt(0).toUpperCase();
+      document.getElementById('modalTitle').textContent = '配置 ' + i.name;
+      document.getElementById('modalSubtitle').textContent = i.description;
+      document.getElementById('apiKeyInput').value = '';
+      document.getElementById('apiKeyHint').textContent = p.apiKey
+        ? '当前已配置 (***' + (p.apiKey.slice(-4) || '') + ')，输入新值以更新'
+        : '输入 API Key';
+      document.getElementById('baseUrlInput').value = p.baseUrl || '';
+      document.getElementById('modelInput').value = p.model || '';
+      // 填充模型下拉建议（仅 LLM 类型有 providerInfo.models）
+      const datalist = document.getElementById('modelSuggestList');
+      datalist.innerHTML = '';
+      if (type === 'llm' && i.models && Array.isArray(i.models)) {
+        for (const m of i.models) {
+          const opt = document.createElement('option');
+          opt.value = m;
+          datalist.appendChild(opt);
+        }
+      }
+      // 视频/音频/LLM 专用字段显隐
+      const isVideo = type === 'video';
+      const isAudio = type === 'audio';
+      document.querySelector('.video-only-fields').style.display = isVideo ? 'block' : 'none';
+      document.querySelector('.audio-only-fields').style.display = isAudio ? 'block' : 'none';
+      document.querySelector('.llm-only-fields').style.display = (!isVideo && !isAudio) ? 'block' : 'none';
+      if (isVideo) {
+        document.getElementById('resolutionInput').value = p.resolution || '720p';
+        document.getElementById('ratioInput').value = p.ratio || '16:9';
+        document.getElementById('durationInput').value = p.duration || 5;
+        document.getElementById('modelHint').textContent = '示例: doubao-seedance-1-0-lite-t2v-250428 (文生视频) 或 ...-i2v-... (图生视频)';
+      } else if (isAudio) {
+        const isMusic = (i.kind === 'music');
+        // TTS 字段
+        document.getElementById('voiceInput').parentElement.style.display = isMusic ? 'none' : 'block';
+        document.getElementById('speedInput').parentElement.parentElement.style.display = isMusic ? 'none' : 'flex';
+        document.getElementById('modeInput').parentElement.style.display = isMusic ? 'block' : 'none';
+        document.getElementById('audioDurationInput').parentElement.style.display = isMusic ? 'block' : 'none';
+        if (!isMusic) {
+          document.getElementById('voiceInput').value = p.voice || 'male-qn-jingying';
+          document.getElementById('voiceHint').textContent = '常用音色: male-qn-jingying, female-shaonv, female-yujie, presenter_male, presenter_female';
+          document.getElementById('speedInput').value = p.speed || 1.0;
+          document.getElementById('formatInput').value = p.format || 'mp3';
+        } else {
+          document.getElementById('modeInput').value = p.mode || 'instrumental';
+          document.getElementById('audioDurationInput').value = p.duration || 30;
+        }
+        document.getElementById('modelHint').textContent = isMusic
+          ? '示例: music-01'
+          : '示例: speech-01 (TTS) / asr-01 (语音转写)';
+      } else {
+        document.getElementById('temperatureInput').value = p.temperature || 0.7;
+      }
+      document.getElementById('testResult').style.display = 'none';
+      document.getElementById('configModal').style.display = 'flex';
+    }
+    function closeModal() {
+      document.getElementById('configModal').style.display = 'none';
+      currentProvider = null;
+    }
+    // ==================== 测试连接 ====================
+    async function testConnection() {
+      const btn = document.getElementById('testBtn');
+      const result = document.getElementById('testResult');
+      btn.disabled = true;
+      btn.innerHTML = '<span class="spinner"></span> 测试中...';
+      result.style.display = 'none';
+      const endpoint = currentProviderType === 'llm' ? '/api/llm-test' :
+                       currentProviderType === 'video' ? '/api/video-test' :
+                       '/api/audio-test';
+      try {
+        const resp = await fetch(endpoint, {
+          method: 'POST',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ provider: currentProvider })
+        });
+        const data = await resp.json();
+        result.className = 'test-result ' + (data.success ? 'test-success' : 'test-error');
+        result.innerHTML = '<span>' + (data.success ? '✓' : '✗') + '</span> ' +
+          (data.success ? '连接成功！延迟: ' + data.latency + 'ms' : (data.error || '连接失败'));
+        result.style.display = 'flex';
+      } catch (err) {
+        result.className = 'test-result test-error';
+        result.innerHTML = '<span>✗</span> ' + err.message;
+        result.style.display = 'flex';
+      }
+      btn.disabled = false;
+      btn.innerHTML = '⚡ 测试连接';
+    }
+    // ==================== 保存 ====================
+    document.getElementById('configForm').onsubmit = async function(e) {
+      e.preventDefault();
+      const data = currentProviderType === 'llm' ? llmConfigData : videoConfigData;
+      const existing = data.providers[currentProvider];
+      const apiKeyVal = document.getElementById('apiKeyInput').value;
+      const updateData = {
+        enabled: true,
+        apiKey: apiKeyVal || existing.apiKey || '',
+        baseUrl: document.getElementById('baseUrlInput').value || existing.baseUrl || '',
+        model: document.getElementById('modelInput').value || existing.model || ''
+      };
+      if (currentProviderType === 'video') {
+        updateData.resolution = document.getElementById('resolutionInput').value;
+        updateData.ratio = document.getElementById('ratioInput').value;
+        updateData.duration = parseInt(document.getElementById('durationInput').value) || 5;
+      } else if (currentProviderType === 'audio') {
+        const info = audioConfigData.providerInfo[currentProvider] || {};
+        const isMusic = info.kind === 'music';
+        if (isMusic) {
+          updateData.mode = document.getElementById('modeInput').value;
+          updateData.duration = parseInt(document.getElementById('audioDurationInput').value) || 30;
+        } else {
+          updateData.voice = document.getElementById('voiceInput').value;
+          updateData.speed = parseFloat(document.getElementById('speedInput').value) || 1.0;
+          updateData.format = document.getElementById('formatInput').value;
+        }
+      } else {
+        updateData.temperature = parseFloat(document.getElementById('temperatureInput').value) || 0.7;
+      }
+      const endpoint = currentProviderType === 'llm' ? '/api/llm-config' :
+                       currentProviderType === 'video' ? '/api/video-config' :
+                       '/api/audio-config';
+      try {
+        await fetch(endpoint, {
+          method: 'POST',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ provider: currentProvider, config: updateData })
+        });
+        const saveBtn = this.querySelector('.btn-save');
+        saveBtn.textContent = '✓ 已保存';
+        setTimeout(() => {
+          closeModal();
+          if (currentProviderType === 'llm') loadLLMConfig();
+          else if (currentProviderType === 'video') loadVideoConfig();
+          else loadAudioConfig();
+        }, 500);
+      } catch (err) {
+        alert('保存失败: ' + err.message);
+      }
+    };
+    // ==================== 关闭弹窗 ====================
+    document.getElementById('configModal').onclick = function(e) {
+      if (e.target === this) closeModal();
+    };
+    // 启动
+    loadAll();
+  </script>
+</body>
+</html>