diff --git a/docs/09-product-requirements-overview.md b/docs/09-product-requirements-overview.md
index d877451..8eb10d0 100644
--- a/docs/09-product-requirements-overview.md
+++ b/docs/09-product-requirements-overview.md
@@ -2,8 +2,8 @@
 generated: true (请先修改 Gitea Wiki，禁止直接编辑本文件)
 wiki_page: Product-Requirements-Overview
 wiki_url: https://git.ilapage.cn/OPC/chorus/wiki/Product-Requirements-Overview.-
-wiki_revision: e832dfa2552c6cf97eda1927588bc85392f5fe8e
-synchronized_at: 2026-08-21T06:59:52Z
+wiki_revision: 31e7771f466dac3175c6d032ab598264eab04a73
+synchronized_at: 2026-08-21T07:19:14Z
 <!-- gitea-wiki-mirror:end -->
 
 # 产品需求总览
@@ -29,7 +29,7 @@ synchronized_at: 2026-08-21T06:59:52Z
 
 ## 当前需求索引
 
-工单 [#1](https://git.ilapage.cn/OPC/chorus/issues/1) 已完成长期技术基线整理和验收。项目由 [Epic #3](https://git.ilapage.cn/OPC/chorus/issues/3) 统一跟踪；[MVP-0 #4](https://git.ilapage.cn/OPC/chorus/issues/4) 已于 2026-08-21 验收完成。当前进入 [MVP-1 #19](https://git.ilapage.cn/OPC/chorus/issues/19) 的设计门禁：技术设计 [#16](https://git.ilapage.cn/OPC/chorus/issues/16) 已于 2026-08-21 验收通过，管理端原型 [#17](https://git.ilapage.cn/OPC/chorus/issues/17) 和用户端原型 [#18](https://git.ilapage.cn/OPC/chorus/issues/18) 的前置门禁已满足，仍需分别制作和确认。生产实现工单尚未建立或放行。当前已交付边界仍是 mock 验证的唯一 ProviderModel `chat`/`images_edits` 闭环。
+工单 [#1](https://git.ilapage.cn/OPC/chorus/issues/1) 已完成长期技术基线整理和验收。项目由 [Epic #3](https://git.ilapage.cn/OPC/chorus/issues/3) 统一跟踪；[MVP-0 #4](https://git.ilapage.cn/OPC/chorus/issues/4) 已于 2026-08-21 验收完成。当前进入 [MVP-1 #19](https://git.ilapage.cn/OPC/chorus/issues/19) 的设计门禁：技术设计 [#16](https://git.ilapage.cn/OPC/chorus/issues/16) 已于 2026-08-21 验收通过；管理端原型 [#17](https://git.ilapage.cn/OPC/chorus/issues/17) 已形成 `prototypes/17/v1/index.html` 草稿并等待用户验收，用户端原型 [#18](https://git.ilapage.cn/OPC/chorus/issues/18) 仍待制作和确认。生产实现工单尚未建立或放行。当前已交付边界仍是 mock 验证的唯一 ProviderModel `chat`/`images_edits` 闭环。
 
 | 需求领域 | 用户与场景 | 需求状态 | MVP | 详细说明 | 实施工单 | 设计证据 |
 |---|---|---|---|---|---|---|
@@ -37,7 +37,7 @@ synchronized_at: 2026-08-21T06:59:52Z
 | 用户端生成页 | 种子用户登录并完成一次异步生成 | 已交付（#11～#13 已验收） | [MVP-0 #4](https://git.ilapage.cn/OPC/chorus/issues/4) | 本页“用户端布局与状态” | [#11 portal 后端](https://git.ilapage.cn/OPC/chorus/issues/11)、[#12 用户界面](https://git.ilapage.cn/OPC/chorus/issues/12) | [原型设计 #2](https://git.ilapage.cn/OPC/chorus/issues/2)；`prototypes/2/v1/index.html`，2026-08-20 用户已确认 |
 | 默认 prompt template | 系统以数据配置而非硬编码合成提示词 | 已交付（#7/#13 已验收） | [MVP-0 #4](https://git.ilapage.cn/OPC/chorus/issues/4) | [业务规则](Business-Rules-and-Glossary.-) | [#7](https://git.ilapage.cn/OPC/chorus/issues/7) | 2026-08-20 已确认中性模板与 `{{.UserPrompt}}` |
 | 多 Provider 路由与故障转移 | 单上游故障时继续服务 | 已确认（#16 已验收，待实现） | [MVP-1 #19](https://git.ilapage.cn/OPC/chorus/issues/19) | [架构](Architecture-and-Code-Map.-)、[业务规则](Business-Rules-and-Glossary.-) | [#16 技术设计](https://git.ilapage.cn/OPC/chorus/issues/16) | #16 架构/API/数据/状态设计于 2026-08-21 已确认 |
-| 管理端配置与记录 | 运营配置模型、路由池并排障 | 已确认（#16 已验收，待原型） | [MVP-1 #19](https://git.ilapage.cn/OPC/chorus/issues/19) | 本页“管理端页面” | [#17 管理端原型](https://git.ilapage.cn/OPC/chorus/issues/17) | 复用型/定制页原型待制作和确认 |
+| 管理端配置与记录 | 运营配置模型、路由池并排障 | 原型草稿待验收（#17） | [MVP-1 #19](https://git.ilapage.cn/OPC/chorus/issues/19) | 本页“管理端页面” | [#17 管理端原型](https://git.ilapage.cn/OPC/chorus/issues/17) | `prototypes/17/v1/index.html`，v1 草稿，2026-08-21，待用户确认 |
 | 图片角色编辑 | 用户编辑 role_rule、角色、备注与顺序 | 已确认（#16 已验收，待原型） | [MVP-1 #19](https://git.ilapage.cn/OPC/chorus/issues/19) | 业务规则“提示词与上传” | [#18 用户端原型](https://git.ilapage.cn/OPC/chorus/issues/18) | 组件状态、键盘排序和无限滚动原型待制作和确认 |
 | 点数只读与发放 | 用户看余额、管理员发放留痕 | 已确认 | MVP-2 | 业务规则“点数与范围” | 待建 | 原型待确认 |
 | API Key 与程序调用 | 外部程序提交与查询任务 | 已确认 | MVP-2 | 本页“程序化调用” | 待建 | API/权限设计 |
@@ -85,7 +85,7 @@ MVP-0 非目标：
 汇总工单为 [#19](https://git.ilapage.cn/OPC/chorus/issues/19)，当前处于设计门禁：
 
 - [x] [#16](https://git.ilapage.cn/OPC/chorus/issues/16) 路由、Provider、迁移、API、状态和测试设计（2026-08-21 验收通过）；
-- [ ] [#17](https://git.ilapage.cn/OPC/chorus/issues/17) 固定 go-admin/go-admin-ui 的 CRUD 与三个定制页原型；
+- [ ] [#17](https://git.ilapage.cn/OPC/chorus/issues/17) 固定 go-admin/go-admin-ui 的 CRUD 与三个定制页原型（v1 草稿待验收：`prototypes/17/v1/index.html`）；
 - [ ] [#18](https://git.ilapage.cn/OPC/chorus/issues/18) 文生图、图片 role_rule/role/note/排序与历史无限滚动原型。
 
 稳定范围仍包括加权路由、gobreaker、最多 N 家故障转移、`images`/`gemini`、受审计有冷却的单次真实连通性测试和完整 retryable 测试。技术设计已确认；两个原型经用户确认后，才拆分数据库、路由/worker、协议、安全管理端、portal 和集成验收生产工单。
@@ -218,6 +218,7 @@ MVP-2 的 API Key 存哈希、身份仍属于 `users`。提交、查询、幂等
 原型或替代设计证据至少记录链接/路径、版本/revision或确认日期、状态、确认人、确认时间和覆盖范围。外部原型需要保留可追溯版本；重要已确认版本按需保存快照。没有 UI 原型时，记录采用的技术设计或无需原型的原因。
 
 - 与代码版本绑定的图片、HTML 交互稿和设计源文件放入 Git 的 `design/` 或 `prototypes/`，不要手工放入 Wiki 镜像目录 `docs/`。
+- #17 管理端运营原型：`prototypes/17/v1/index.html`，v1，2026-08-21，状态“草稿”；覆盖四类标准 CRUD、路由池编排、Provider 健康/主动探测、生成记录详情，以及加载、空、错误、无权限和边界状态；待用户确认。
 - 外部 Figma 等原型记录可访问链接、版本或确认日期、负责人和适用需求；重要的已确认版本保留可追溯快照。
 - 原型必须标记“草稿、已确认、已废弃”之一。草稿不能作为正式实现依据；已废弃原型保留状态和替代入口，不让 Agent 误用。
 - 原型只表达界面和交互意图，不能代替文字业务规则、安全边界、异常处理和验收标准。
diff --git a/prototypes/17/v1/icons.css b/prototypes/17/v1/icons.css
new file mode 100644
index 0000000..47fd1be
--- /dev/null
+++ b/prototypes/17/v1/icons.css
@@ -0,0 +1,51 @@
+@font-face {
+  font-family: "remixicon";
+  src: url("./remixicon.woff2") format("woff2");
+  font-display: block;
+}
+
+[class^="ri-"]::before,
+[class*=" ri-"]::before {
+  font-family: "remixicon" !important;
+  font-style: normal;
+  font-weight: normal !important;
+  speak: never;
+  line-height: 1;
+}
+
+.ri-add-line::before { content: "\ea13"; }
+.ri-arrow-down-s-line::before { content: "\ea4e"; }
+.ri-arrow-left-s-line::before { content: "\ea64"; }
+.ri-arrow-right-s-line::before { content: "\ea6e"; }
+.ri-check-line::before { content: "\eb7b"; }
+.ri-close-line::before { content: "\eb99"; }
+.ri-database-2-line::before { content: "\ec16"; }
+.ri-drag-move-2-line::before { content: "\ec60"; }
+.ri-edit-line::before { content: "\ec86"; }
+.ri-error-warning-line::before { content: "\eca1"; }
+.ri-eye-line::before { content: "\ecb5"; }
+.ri-eye-off-line::before { content: "\ecb7"; }
+.ri-file-text-line::before { content: "\ed0f"; }
+.ri-fullscreen-line::before { content: "\ed9c"; }
+.ri-history-line::before { content: "\ee17"; }
+.ri-home-3-line::before { content: "\ee1b"; }
+.ri-image-line::before { content: "\ee4b"; }
+.ri-information-line::before { content: "\ee59"; }
+.ri-key-line::before { content: "\ee71"; }
+.ri-list-settings-line::before { content: "\eebd"; }
+.ri-loader-4-line::before { content: "\eec6"; }
+.ri-lock-line::before { content: "\eece"; }
+.ri-menu-fold-line::before { content: "\ef3d"; }
+.ri-more-2-line::before { content: "\ef77"; }
+.ri-pulse-line::before { content: "\f035"; }
+.ri-refresh-line::before { content: "\f064"; }
+.ri-route-line::before { content: "\f09b"; }
+.ri-save-line::before { content: "\f0b3"; }
+.ri-search-line::before { content: "\f0d1"; }
+.ri-send-plane-line::before { content: "\f0da"; }
+.ri-server-line::before { content: "\f0e0"; }
+.ri-settings-3-line::before { content: "\f0e6"; }
+.ri-shield-keyhole-line::before { content: "\f107"; }
+.ri-stop-circle-line::before { content: "\f19f"; }
+.ri-time-line::before { content: "\f20f"; }
+.ri-user-line::before { content: "\f264"; }
diff --git a/prototypes/17/v1/index.html b/prototypes/17/v1/index.html
new file mode 100644
index 0000000..41d94bf
--- /dev/null
+++ b/prototypes/17/v1/index.html
@@ -0,0 +1,122 @@
+<!doctype html>
+<html lang="zh-CN">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <title>Chorus 运营后台 - MVP-1 原型 v1</title>
+  <link rel="stylesheet" href="./icons.css">
+  <style>
+    :root{--primary:#1677ff;--primary-hover:#4096ff;--nav:#001529;--subnav:#000c17;--page:#f0f2f5;--line:#e5e7eb;--text:#1f2937;--muted:#667085;--green:#16a34a;--orange:#d97706;--red:#dc2626;--sidebar:210px;--top:50px;--tabs:40px;font-family:Inter,"Segoe UI","Microsoft YaHei",Arial,sans-serif;color:var(--text);background:var(--page)}
+    *{box-sizing:border-box;letter-spacing:0}body{margin:0;font-size:14px;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}.skip{position:fixed;left:12px;top:-60px;background:#fff;padding:10px;z-index:100}.skip:focus{top:8px}.icon{font-size:17px;vertical-align:-2px}.app{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:var(--nav);color:#a6adb4;z-index:30;overflow:auto}.brand{height:50px;display:flex;align-items:center;gap:10px;padding:0 16px;color:#fff;font-weight:700;font-size:17px;border-bottom:1px solid #ffffff14}.brand-mark{width:27px;height:27px;border-radius:6px;background:#1677ff;display:grid;place-items:center;font-size:15px}.version{margin-left:auto;font-size:11px;font-weight:500;color:#91caff;border:1px solid #1677ff70;padding:2px 5px;border-radius:4px}.nav-section{padding:16px 14px 6px;font-size:11px;color:#64748b}.nav-btn{border:0;width:100%;height:46px;background:transparent;color:inherit;text-align:left;padding:0 15px;display:flex;align-items:center;gap:11px}.nav-btn:hover{color:#fff;background:#ffffff0a}.nav-btn.active{background:var(--primary);color:#fff}.main{margin-left:var(--sidebar);min-height:100vh}.topbar{height:var(--top);background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 18px;gap:14px;position:sticky;top:0;z-index:20}.icon-btn{border:0;background:transparent;width:34px;height:34px;display:grid;place-items:center;color:#475467;border-radius:6px}.icon-btn:hover{background:#f2f4f7}.crumb{color:#667085}.crumb strong{color:#1f2937;font-weight:600}.top-spacer{flex:1}.operator{display:flex;align-items:center;gap:8px}.avatar{width:28px;height:28px;border-radius:50%;background:#e6f4ff;color:#0958d9;display:grid;place-items:center;font-weight:700}.tags{height:var(--tabs);background:#fff;display:flex;align-items:end;padding:0 14px;gap:5px;border-bottom:1px solid var(--line);overflow:hidden}.tag{height:31px;border:1px solid var(--line);border-bottom:0;background:#fafafa;padding:0 12px;color:#475467;border-radius:4px 4px 0 0}.tag.active{color:var(--primary);background:#fff;border-top:2px solid var(--primary)}main{padding:14px 16px 26px;max-width:1800px;margin:auto}.page-head{display:flex;align-items:flex-start;justify-content:space-between;margin:2px 0 12px;gap:12px}.page-head h1{font-size:20px;margin:0 0 5px;line-height:1.3}.page-head p{margin:0;color:var(--muted);font-size:13px}.panel{background:#fff;border:1px solid var(--line);border-radius:6px;margin-bottom:12px}.toolbar{padding:12px;display:flex;gap:10px;align-items:end;flex-wrap:wrap}.field{display:grid;gap:5px;min-width:150px}.field label{font-size:12px;color:#475467}.input,.select,textarea{height:34px;border:1px solid #d0d5dd;border-radius:4px;background:#fff;padding:0 10px;color:#1f2937;outline:none}.input:focus,.select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px #1677ff1f}textarea{height:82px;padding:8px;resize:vertical}.btn{height:34px;border:1px solid #d0d5dd;background:#fff;color:#344054;border-radius:4px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn:hover{border-color:var(--primary);color:var(--primary)}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-hover)}.btn.danger{color:var(--red);border-color:#fecaca}.btn:disabled{cursor:not-allowed;opacity:.55}.table-actions{padding:10px 12px;border-bottom:1px solid var(--line);display:flex;gap:8px;align-items:center}.table-actions .meta{margin-left:auto;color:#667085;font-size:12px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;white-space:nowrap;min-width:900px}.table th,.table td{height:43px;padding:8px 12px;text-align:left;border-bottom:1px solid #eef0f3;font-size:13px}.table th{background:#fafafa;color:#344054;font-weight:600}.table tr:hover td{background:#f8fbff}.link{color:var(--primary);background:transparent;border:0;padding:3px 5px}.link:hover{text-decoration:underline}.status{display:inline-flex;align-items:center;gap:5px;padding:2px 7px;border-radius:4px;font-size:12px;border:1px solid}.status::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status.ok{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.status.warn{color:#b45309;background:#fffbeb;border-color:#fde68a}.status.bad{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.status.neutral{color:#475467;background:#f8fafc;border-color:#d0d5dd}.switch{width:34px;height:19px;border:0;border-radius:10px;background:#b8c0cc;padding:2px;vertical-align:middle}.switch::after{content:"";display:block;width:15px;height:15px;border-radius:50%;background:#fff;transition:.15s}.switch.on{background:var(--primary)}.switch.on::after{transform:translateX(15px)}.pager{padding:11px 12px;display:flex;justify-content:flex-end;align-items:center;gap:6px;color:#667085}.pager button{width:30px;height:30px;border:1px solid var(--line);background:#fff;border-radius:4px}.pager .current{color:#fff;background:var(--primary)}.drawer-mask,.modal-mask{position:fixed;inset:0;background:#10182870;z-index:60;display:none}.drawer-mask.open,.modal-mask.open{display:block}.drawer{position:absolute;inset:0 0 0 auto;width:min(520px,100%);background:#fff;display:flex;flex-direction:column;box-shadow:-8px 0 24px #10182830}.drawer-head,.modal-head{height:56px;flex:none;padding:0 18px;display:flex;align-items:center;border-bottom:1px solid var(--line)}.drawer-head h2,.modal-head h2{font-size:17px;margin:0}.drawer-body{padding:18px;overflow:auto;display:grid;gap:15px;align-content:start}.drawer-foot,.modal-foot{padding:12px 18px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px}.drawer-foot{margin-top:auto}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-field{display:grid;gap:6px}.form-field label{font-weight:600;font-size:13px}.required{color:var(--red)}.help{font-size:12px;color:#667085;line-height:1.55}.secret-wrap{position:relative}.secret-wrap .input{width:100%;padding-right:38px}.secret-wrap .icon-btn{position:absolute;right:0;top:0}.security-note{border:1px solid #bae0ff;background:#e6f4ff;padding:10px 12px;border-radius:5px;color:#0958d9;font-size:12px;line-height:1.55}.modal{width:min(480px,calc(100% - 28px));background:#fff;border-radius:7px;box-shadow:0 16px 48px #1018284d;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.modal-body{padding:18px;line-height:1.65}.state-control{display:flex;gap:4px;flex-wrap:wrap}.state-control .btn{height:30px;padding:0 9px;font-size:12px}.state-control .btn.active{border-color:var(--primary);color:var(--primary);background:#e6f4ff}.state-box{min-height:330px;background:#fff;border:1px solid var(--line);border-radius:6px;display:grid;place-items:center;padding:24px}.state-content{text-align:center;max-width:480px}.state-content .large-icon{font-size:44px;color:#98a2b3}.state-content h2{font-size:17px;margin:12px 0 6px}.state-content p{color:#667085;margin:0 0 16px;line-height:1.6}.skeleton{width:min(740px,100%);display:grid;gap:13px}.skeleton i{display:block;height:16px;background:#eef1f5;border-radius:4px;animation:pulse 1.2s infinite}.skeleton i:nth-child(1){width:34%;height:26px}.skeleton i:nth-child(3){width:86%}.skeleton i:nth-child(4){width:72%}@keyframes pulse{50%{opacity:.45}}.metrics{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));border-bottom:1px solid var(--line)}.metric{padding:15px 17px;border-right:1px solid var(--line)}.metric:last-child{border:0}.metric span{display:block;color:#667085;font-size:12px}.metric strong{font-size:23px;display:block;margin-top:5px}.route-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:12px}.section-head{display:flex;align-items:center;padding:12px;border-bottom:1px solid var(--line);gap:9px}.section-head h2{font-size:15px;margin:0}.section-head .spacer{flex:1}.flat-list{padding:0 12px}.route-row{display:grid;grid-template-columns:28px minmax(150px,1fr) 95px 95px 100px;gap:10px;align-items:center;min-height:55px;border-bottom:1px solid #eef0f3}.route-row:last-child{border:0}.route-row .input{width:74px}.policy{padding:14px;display:grid;gap:13px}.policy dl{margin:0;display:grid;grid-template-columns:1fr auto;gap:10px}.policy dt{color:#667085}.policy dd{margin:0;font-weight:600}.detail-grid{display:grid;grid-template-columns:minmax(350px,.78fr) minmax(420px,1.22fr);gap:12px}.details{padding:15px}.details dl{display:grid;grid-template-columns:120px 1fr;margin:0}.details dt,.details dd{padding:9px 0;border-bottom:1px solid #eef0f3}.details dt{color:#667085}.details dd{margin:0;overflow-wrap:anywhere}.timeline{padding:16px}.attempt{position:relative;padding:0 0 18px 25px;border-left:2px solid #d0d5dd;margin-left:7px}.attempt:last-child{padding-bottom:0}.attempt::before{content:"";position:absolute;left:-7px;top:2px;width:10px;height:10px;border-radius:50%;background:#fff;border:2px solid var(--primary)}.attempt.failed::before{border-color:var(--red)}.attempt h3{font-size:13px;margin:0 0 5px}.attempt p{font-size:12px;color:#667085;margin:3px 0;line-height:1.55}.notice{border:1px solid #fde68a;background:#fffbeb;color:#92400e;padding:10px 12px;border-radius:5px;font-size:12px;line-height:1.5}.toast{position:fixed;right:20px;top:64px;z-index:100;background:#fff;border:1px solid var(--line);border-left:4px solid var(--green);box-shadow:0 8px 26px #10182826;padding:11px 14px;border-radius:5px;display:none;max-width:360px}.toast.show{display:block}.mobile-mask{display:none}.empty-cell{text-align:center!important;padding:40px!important;color:#667085}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
+    @media(max-width:1100px){.metrics{grid-template-columns:repeat(2,1fr)}.metric:nth-child(2){border-right:0}.route-grid,.detail-grid{grid-template-columns:1fr}.route-row{grid-template-columns:28px minmax(140px,1fr) 86px 86px}.route-row>*:last-child{display:none}}
+    @media(max-width:760px){:root{--sidebar:0px}.sidebar{width:210px;transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.mobile-mask.open{display:block;position:fixed;inset:0;background:#10182870;z-index:25}.main{margin-left:0}.topbar{padding:0 10px}.operator span:last-child,.crumb{display:none}main{padding:10px}.toolbar{align-items:stretch}.field{min-width:calc(50% - 5px);flex:1}.page-head{align-items:flex-start}.page-head h1{font-size:18px}.form-row{grid-template-columns:1fr}.metrics{grid-template-columns:1fr}.metric{border-right:0;border-bottom:1px solid var(--line)}.route-row{grid-template-columns:25px 1fr 75px}.route-row>*:nth-child(4),.route-row>*:nth-child(5){display:none}}
+  </style>
+</head>
+<body>
+  <a class="skip" href="#content">跳到主要内容</a>
+  <div class="app">
+    <div class="mobile-mask" id="mobileMask"></div>
+    <aside class="sidebar" id="sidebar" aria-label="主导航">
+      <div class="brand"><span class="brand-mark"><i class="ri-image-line"></i></span>Chorus 运营后台 <span class="version">原型 v1</span></div>
+      <div class="nav-section">基础配置</div>
+      <button class="nav-btn active" data-view="providers"><i class="icon ri-server-line"></i>Provider 配置</button>
+      <button class="nav-btn" data-view="models"><i class="icon ri-database-2-line"></i>模型配置</button>
+      <button class="nav-btn" data-view="prompts"><i class="icon ri-file-text-line"></i>Prompt 模板</button>
+      <button class="nav-btn" data-view="users"><i class="icon ri-user-line"></i>用户管理</button>
+      <div class="nav-section">生成运营</div>
+      <button class="nav-btn" data-view="routes"><i class="icon ri-route-line"></i>路由池编排</button>
+      <button class="nav-btn" data-view="health"><i class="icon ri-pulse-line"></i>Provider 健康</button>
+      <button class="nav-btn" data-view="generations"><i class="icon ri-history-line"></i>生成记录</button>
+    </aside>
+    <div class="main">
+      <header class="topbar">
+        <button class="icon-btn" id="menuBtn" title="展开或收起菜单" aria-label="展开或收起菜单"><i class="icon ri-menu-fold-line"></i></button>
+        <div class="crumb">运营后台 / <strong id="crumb">Provider 配置</strong></div>
+        <div class="top-spacer"></div>
+        <button class="icon-btn" title="刷新当前页" aria-label="刷新当前页" id="refreshBtn"><i class="icon ri-refresh-line"></i></button>
+        <button class="icon-btn" title="全屏" aria-label="全屏"><i class="icon ri-fullscreen-line"></i></button>
+        <div class="operator"><span class="avatar">运</span><span>运营管理员</span><i class="ri-arrow-down-s-line"></i></div>
+      </header>
+      <div class="tags"><button class="tag active" id="activeTag">Provider 配置</button></div>
+      <main id="content" tabindex="-1"></main>
+    </div>
+  </div>
+
+  <div class="drawer-mask" id="drawerMask" aria-hidden="true">
+    <section class="drawer" role="dialog" aria-modal="true" aria-labelledby="drawerTitle">
+      <div class="drawer-head"><h2 id="drawerTitle">新增 Provider</h2><span class="top-spacer"></span><button class="icon-btn close-layer" aria-label="关闭"><i class="ri-close-line"></i></button></div>
+      <div class="drawer-body" id="drawerBody"></div>
+      <div class="drawer-foot"><button class="btn close-layer">取消</button><button class="btn primary" id="saveDrawer"><i class="ri-save-line"></i>保存</button></div>
+    </section>
+  </div>
+  <div class="modal-mask" id="modalMask" aria-hidden="true">
+    <section class="modal" role="alertdialog" aria-modal="true" aria-labelledby="modalTitle">
+      <div class="modal-head"><h2 id="modalTitle">确认操作</h2><span class="top-spacer"></span><button class="icon-btn close-layer" aria-label="关闭"><i class="ri-close-line"></i></button></div>
+      <div class="modal-body" id="modalBody"></div>
+      <div class="modal-foot"><button class="btn close-layer">取消</button><button class="btn primary" id="confirmModal">确认</button></div>
+    </section>
+  </div>
+  <div class="toast" id="toast" role="status" aria-live="polite"></div>
+
+  <script>
+    const $ = (s, root=document) => root.querySelector(s);
+    const $$ = (s, root=document) => [...root.querySelectorAll(s)];
+    const content = $('#content');
+    const names = {providers:'Provider 配置',models:'模型配置',prompts:'Prompt 模板',users:'用户管理',routes:'路由池编排',health:'Provider 健康',generations:'生成记录'};
+    let current='providers', returnFocus=null, modalAction=null, cooldown=false;
+    const fakeProviders=[['星图绘画','OpenAI 兼容','https://api.example.invalid/v1','已配置','正常'],['云帆图像','自定义适配器','https://image.example.invalid/api','已配置','降级'],['备用节点','OpenAI 兼容','https://backup.example.invalid/v1','未配置','停用']];
+    const header=(title,desc,extra='')=>`<div class="page-head"><div><h1>${title}</h1><p>${desc}</p></div>${extra}</div>`;
+    const status=s=>s==='正常'?'<span class="status ok">正常</span>':s==='降级'?'<span class="status warn">降级</span>':'<span class="status neutral">停用</span>';
+    const pager=()=>'<div class="pager"><span>共 3 条</span><button aria-label="上一页"><i class="ri-arrow-left-s-line"></i></button><button class="current">1</button><button aria-label="下一页"><i class="ri-arrow-right-s-line"></i></button></div>';
+    const filters=(placeholder='名称 / 标识')=>`<div class="panel toolbar"><div class="field"><label>关键词</label><input class="input" placeholder="${placeholder}"></div><div class="field"><label>状态</label><select class="select"><option>全部</option><option>启用</option><option>停用</option></select></div><button class="btn primary"><i class="ri-search-line"></i>查询</button><button class="btn"><i class="ri-refresh-line"></i>重置</button></div>`;
+    function crudActions(kind){return `<div class="table-actions"><button class="btn primary add-record" data-kind="${kind}"><i class="ri-add-line"></i>新增</button><button class="btn" disabled><i class="ri-edit-line"></i>编辑</button><span class="meta">已选择 0 项</span></div>`}
+    function providers(){return header('Provider 配置','管理上游连接与密钥版本。已保存的 API Key 永不回显。','<button class="btn" id="credentialHistory"><i class="ri-key-line"></i>凭据变更记录</button>')+filters('Provider 名称 / 类型')+`<section class="panel">${crudActions('provider')}<div class="table-wrap"><table class="table"><thead><tr><th><input type="checkbox" aria-label="全选"></th><th>名称</th><th>适配器</th><th>Base URL</th><th>API Key</th><th>健康状态</th><th>启用</th><th>操作</th></tr></thead><tbody>${fakeProviders.map((p,i)=>`<tr><td><input type="checkbox" aria-label="选择 ${p[0]}"></td><td><strong>${p[0]}</strong></td><td>${p[1]}</td><td>${p[2]}</td><td>${p[3]==='已配置'?'<span class="status ok">已配置</span>':'<span class="status warn">未配置</span>'}</td><td>${status(p[4])}</td><td><button class="switch ${i<2?'on':''}" aria-label="${i<2?'停用':'启用'} ${p[0]}"></button></td><td><button class="link edit-provider" data-name="${p[0]}">编辑</button><button class="link open-health">连通性</button></td></tr>`).join('')}</tbody></table></div>${pager()}</section>`}
+    function models(){return header('模型配置','维护 Provider 下可供路由选择的图像模型与能力。')+filters('模型名称 / 模型标识')+`<section class="panel">${crudActions('model')}<div class="table-wrap"><table class="table"><thead><tr><th><input type="checkbox" aria-label="全选"></th><th>显示名称</th><th>模型标识</th><th>Provider</th><th>能力</th><th>默认尺寸</th><th>状态</th><th>操作</th></tr></thead><tbody><tr><td><input type="checkbox"></td><td>Illustrator Pro</td><td>image-pro-v2</td><td>星图绘画</td><td>文生图、参考图</td><td>1024 × 1024</td><td><span class="status ok">启用</span></td><td><button class="link generic-edit" data-kind="model">编辑</button></td></tr><tr><td><input type="checkbox"></td><td>Rapid Image</td><td>rapid-image-1</td><td>云帆图像</td><td>文生图</td><td>1024 × 1024</td><td><span class="status ok">启用</span></td><td><button class="link generic-edit" data-kind="model">编辑</button></td></tr></tbody></table></div>${pager()}</section>`}
+    function prompts(){return header('Prompt 模板','管理用户提交时采用的版本化提示词模板。')+filters('模板名称 / 适用场景')+`<section class="panel">${crudActions('prompt')}<div class="table-wrap"><table class="table"><thead><tr><th><input type="checkbox" aria-label="全选"></th><th>模板名称</th><th>适用场景</th><th>当前版本</th><th>变量</th><th>更新时间</th><th>状态</th><th>操作</th></tr></thead><tbody><tr><td><input type="checkbox"></td><td>商品主图增强</td><td>电商主图</td><td>v3</td><td>商品、风格、背景</td><td>2026-08-20 15:30</td><td><span class="status ok">启用</span></td><td><button class="link generic-edit" data-kind="prompt">编辑</button><button class="link">版本</button></td></tr><tr><td><input type="checkbox"></td><td>场景氛围替换</td><td>营销场景图</td><td>v2</td><td>商品、场景</td><td>2026-08-18 09:15</td><td><span class="status neutral">草稿</span></td><td><button class="link generic-edit" data-kind="prompt">编辑</button><button class="link">版本</button></td></tr></tbody></table></div>${pager()}</section>`}
+    function users(){return header('用户管理','查看终端用户状态与只读点数；管理员账号不在此处管理。')+filters('用户编号 / 昵称')+`<section class="panel">${crudActions('user')}<div class="notice" style="margin:12px">点数仅展示，不在生成链路扣减、退款或校验。</div><div class="table-wrap"><table class="table"><thead><tr><th><input type="checkbox" aria-label="全选"></th><th>用户编号</th><th>昵称</th><th>状态</th><th>点数（只读）</th><th>注册时间</th><th>最后活跃</th><th>操作</th></tr></thead><tbody><tr><td><input type="checkbox"></td><td>U-10031</td><td>示例用户甲</td><td><span class="status ok">正常</span></td><td>1,280</td><td>2026-08-01 10:20</td><td>3 分钟前</td><td><button class="link generic-edit" data-kind="user">编辑状态</button><button class="link">生成记录</button></td></tr><tr><td><input type="checkbox"></td><td>U-10032</td><td>示例用户乙</td><td><span class="status warn">已暂停</span></td><td>320</td><td>2026-08-03 14:08</td><td>2 天前</td><td><button class="link generic-edit" data-kind="user">编辑状态</button><button class="link">生成记录</button></td></tr></tbody></table></div>${pager()}</section>`}
+    function stateButtons(){return `<div class="state-control" aria-label="页面状态"><button class="btn active" data-state="normal">正常</button><button class="btn" data-state="loading">加载</button><button class="btn" data-state="empty">空数据</button><button class="btn" data-state="error">错误</button><button class="btn" data-state="forbidden">无权限</button><button class="btn" data-state="boundary">边界</button></div>`}
+    function stateView(type,normal,boundary){if(type==='normal')return normal;if(type==='loading')return `<div class="state-box" aria-busy="true"><div class="skeleton" aria-label="正在加载"><i></i><i></i><i></i><i></i><i></i></div></div>`;if(type==='empty')return `<div class="state-box"><div class="state-content"><i class="large-icon ri-database-2-line"></i><h2>暂无数据</h2><p>当前筛选条件下没有记录，可以清空条件或新建第一条配置。</p><button class="btn primary state-action"><i class="ri-add-line"></i>新建配置</button></div></div>`;if(type==='error')return `<div class="state-box"><div class="state-content"><i class="large-icon ri-error-warning-line" style="color:#dc2626"></i><h2>数据加载失败</h2><p>请求编号 DEMO-REQ-001。请重试；若仍失败，可凭请求编号排查，页面不会展示上游敏感响应。</p><button class="btn primary retry-state"><i class="ri-refresh-line"></i>重新加载</button></div></div>`;if(type==='forbidden')return `<div class="state-box"><div class="state-content"><i class="large-icon ri-lock-line"></i><h2>没有访问权限</h2><p>当前角色无权查看或修改此模块。请联系系统管理员调整角色权限。</p><button class="btn" data-nav="providers"><i class="ri-arrow-left-s-line"></i>返回 Provider 配置</button></div></div>`;return boundary}
+    function routes(state='normal'){const normal=`<div class="route-grid"><section class="panel"><div class="section-head"><h2>图像生成 · 默认路由池</h2><span class="status ok">生效中</span><span class="spacer"></span><span class="help">版本 12</span></div><div class="flat-list"><div class="route-row"><span></span><strong>Provider / 模型</strong><span class="help">权重</span><span class="help">超时</span><span class="help">熔断阈值</span></div><div class="route-row"><i class="ri-drag-move-2-line" aria-label="拖动排序"></i><span><strong>星图绘画</strong><br><small>image-pro-v2 · 正常</small></span><input class="input" value="70" aria-label="权重"><input class="input" value="45s" aria-label="超时"><input class="input" value="5 次" aria-label="熔断阈值"></div><div class="route-row"><i class="ri-drag-move-2-line"></i><span><strong>云帆图像</strong><br><small>rapid-image-1 · 降级</small></span><input class="input" value="30"><input class="input" value="30s"><input class="input" value="5 次"></div></div></section><aside class="panel"><div class="section-head"><h2>故障转移策略</h2></div><div class="policy"><dl><dt>429 / 5xx</dt><dd>切换下一家</dd><dt>超时 / 连接错误</dt><dd>切换下一家</dd><dt>400 / 401</dt><dd>立即返回</dd><dt>内容策略拒绝</dt><dd>立即返回</dd></dl><div class="notice">发布采用版本校验；若配置已被其他管理员更新，将要求刷新后重新确认。</div><button class="btn primary" id="publishRoute"><i class="ri-send-plane-line"></i>发布路由版本</button></div></aside></div>`;const boundary=`<div class="state-box"><div class="state-content"><i class="large-icon ri-error-warning-line" style="color:#d97706"></i><h2>配置版本已变化</h2><p>你编辑的是版本 11，当前已发布版本为 12。为避免覆盖他人修改，请刷新后重新调整。</p><button class="btn primary retry-state"><i class="ri-refresh-line"></i>载入最新版本</button></div></div>`;return header('路由池编排','配置模型优先级、权重和故障转移规则。同步保存不会调用上游。',stateButtons())+`<div id="stateArea">${stateView(state,normal,boundary)}</div>`}
+    function health(state='normal'){const rows=fakeProviders.map((p,i)=>`<tr><td><strong>${p[0]}</strong></td><td>${status(p[4])}</td><td>${i===2?'从未探测':i===1?'2026-08-21 10:01':'2026-08-21 10:08'}</td><td>${i===0?'342 ms':i===1?'1,820 ms':'-'}</td><td>${i===1?'上游返回 503（已脱敏）':'-'}</td><td><button class="btn probe" data-provider="${p[0]}" ${cooldown?'disabled':''}><i class="ri-pulse-line"></i>${cooldown?'59 秒后可用':'主动探测'}</button></td></tr>`).join('');const normal=`<section class="panel"><div class="metrics"><div class="metric"><span>正常</span><strong style="color:#15803d">1</strong></div><div class="metric"><span>降级</span><strong style="color:#b45309">1</strong></div><div class="metric"><span>停用</span><strong>1</strong></div><div class="metric"><span>探测冷却</span><strong>60 秒</strong></div></div><div class="table-wrap"><table class="table"><thead><tr><th>Provider</th><th>状态</th><th>最近探测</th><th>耗时</th><th>结果摘要</th><th>操作</th></tr></thead><tbody>${rows}</tbody></table></div></section>`;const boundary=`<div class="state-box"><div class="state-content"><i class="large-icon ri-time-line" style="color:#d97706"></i><h2>探测正在冷却</h2><p>同一 Provider 60 秒内只允许一次主动探测。最近操作已记入审计日志，请稍后再试。</p><button class="btn" disabled><i class="ri-pulse-line"></i>59 秒后可用</button></div></div>`;return header('Provider 健康','查看脱敏健康结果；主动探测使用服务端固定最小请求并记录审计。',stateButtons())+`<div id="stateArea">${stateView(state,normal,boundary)}</div>`}
+    function generations(state='normal'){const normal=`<div class="detail-grid"><section class="panel"><div class="section-head"><h2>生成任务</h2><span class="spacer"></span><button class="btn"><i class="ri-search-line"></i>筛选</button></div><div class="table-wrap"><table class="table" style="min-width:650px"><thead><tr><th>任务编号</th><th>用户</th><th>状态</th><th>耗时</th></tr></thead><tbody><tr class="selected"><td><button class="link"><strong>GEN-20260821-0188</strong></button></td><td>U-10031</td><td><span class="status ok">成功</span></td><td>12.4s</td></tr><tr><td><button class="link">GEN-20260821-0187</button></td><td>U-10032</td><td><span class="status bad">失败</span></td><td>31.0s</td></tr><tr><td><button class="link">GEN-20260821-0186</button></td><td>U-10031</td><td><span class="status warn">处理中</span></td><td>8.2s</td></tr></tbody></table></div></section><section class="panel"><div class="section-head"><h2>任务详情</h2><span class="status ok">成功</span><span class="spacer"></span><button class="btn"><i class="ri-file-text-line"></i>复制任务编号</button></div><div class="details"><dl><dt>任务编号</dt><dd>GEN-20260821-0188</dd><dt>用户</dt><dd>U-10031（示例用户甲）</dd><dt>渲染 Prompt</dt><dd>商品主体保持清晰，背景替换为明亮的室内场景……（已截断）</dd><dt>输出</dt><dd>2 张 · 1024 × 1024</dd><dt>创建时间</dt><dd>2026-08-21 10:07:32</dd></dl></div><div class="section-head"><h2>尝试记录</h2></div><div class="timeline"><div class="attempt failed"><h3>尝试 1 · 云帆图像 / rapid-image-1</h3><p>结果：失败 · retryable · 连接超时</p><p>错误码：UPSTREAM_TIMEOUT；消息已脱敏，未记录 API Key 或完整上游响应。</p></div><div class="attempt"><h3>尝试 2 · 星图绘画 / image-pro-v2</h3><p>结果：成功 · 8.3 秒</p><p>路由快照：默认路由池 v12</p></div></div></section></div>`;const boundary=`<div class="state-box"><div class="state-content"><i class="large-icon ri-stop-circle-line" style="color:#d97706"></i><h2>任务仍在处理中</h2><p>当前已完成 1 次可重试尝试，Worker 正按路由快照切换下一家。页面每 5 秒更新一次。</p><button class="btn"><i class="ri-refresh-line"></i>立即刷新</button></div></div>`;return header('生成记录','按任务查看渲染 Prompt、路由快照和每次上游尝试。敏感错误只展示脱敏摘要。',stateButtons())+`<div id="stateArea">${stateView(state,normal,boundary)}</div>`}
+    const viewFns={providers,models,prompts,users,routes,health,generations};
+    function render(view=current,state='normal'){current=view;content.innerHTML=viewFns[view](state);$('#crumb').textContent=names[view];$('#activeTag').textContent=names[view];$$('.nav-btn').forEach(b=>b.classList.toggle('active',b.dataset.view===view));bindContent();content.focus({preventScroll:true})}
+    function bindContent(){
+      $$('.state-control .btn').forEach(b=>b.onclick=()=>{render(current,b.dataset.state);const active=$(`.state-control [data-state="${b.dataset.state}"]`);if(active){active.classList.add('active');active.focus()}});
+      $$('.add-record').forEach(b=>b.onclick=()=>openDrawer(b.dataset.kind,false,b));
+      $$('.edit-provider').forEach(b=>b.onclick=()=>openDrawer('provider',true,b,b.dataset.name));
+      $$('.generic-edit').forEach(b=>b.onclick=()=>openDrawer(b.dataset.kind,true,b));
+      $$('.open-health').forEach(b=>b.onclick=()=>{render('health');});
+      $$('.probe').forEach(b=>b.onclick=()=>openProbe(b.dataset.provider,b));
+      $$('[data-nav]').forEach(b=>b.onclick=()=>render(b.dataset.nav));
+      $$('.retry-state').forEach(b=>b.onclick=()=>{showToast('已重新载入最新数据');render(current)});
+      $$('.state-action').forEach(b=>b.onclick=()=>openDrawer(current==='health'?'provider':'model',false,b));
+      const publish=$('#publishRoute');if(publish)publish.onclick=()=>openConfirm('发布路由版本','将发布新的路由版本。同步操作仅保存配置，不会调用任何上游服务。','发布',()=>showToast('路由版本 13 已发布'),publish);
+      const history=$('#credentialHistory');if(history)history.onclick=()=>openConfirm('凭据变更记录','最近一次轮换：2026-08-18 14:30 · 操作人：运营管理员 · key_id：key_demo_02。凭据正文永不显示。','关闭',()=>{},history,true);
+      $$('.toolbar .primary').forEach(b=>b.onclick=()=>showToast('已按当前条件查询（原型演示）'));
+      $$('.toolbar .btn:not(.primary)').forEach(b=>b.onclick=()=>{const bar=b.closest('.toolbar');$$('input',bar).forEach(i=>i.value='');$$('select',bar).forEach(s=>s.selectedIndex=0);showToast('筛选条件已重置')});
+      $$('.switch').forEach(b=>b.onclick=()=>openConfirm(b.classList.contains('on')?'确认停用':'确认启用',`状态变化会影响新任务的路由选择；进行中的任务仍按其路由快照执行。`,b.classList.contains('on')?'停用':'启用',()=>{b.classList.toggle('on');b.setAttribute('aria-label',b.classList.contains('on')?'停用当前 Provider':'启用当前 Provider');showToast('Provider 状态已更新（原型演示）')},b));
+      $$('tbody input[type="checkbox"]').forEach(c=>c.onchange=updateSelection);
+      const all=$('thead input[type="checkbox"]');if(all)all.onchange=()=>{$$('tbody input[type="checkbox"]').forEach(c=>c.checked=all.checked);updateSelection()};
+    }
+    function updateSelection(){const n=$$('tbody input[type="checkbox"]:checked').length;const meta=$('.table-actions .meta');if(meta)meta.textContent=`已选择 ${n} 项`}
+    function drawerFields(kind,edit,name=''){
+      if(kind==='provider')return `<div class="security-note"><i class="ri-shield-keyhole-line"></i> 已保存密钥只以 key_id 和版本状态展示。编辑时留空代表保留原密钥。</div><div class="form-row"><div class="form-field"><label>Provider 名称 <span class="required">*</span></label><input class="input" value="${edit?(name||'星图绘画'):''}" placeholder="例如：图像主节点"></div><div class="form-field"><label>适配器 <span class="required">*</span></label><select class="select"><option>OpenAI 兼容</option><option>自定义适配器</option></select></div></div><div class="form-field"><label>Base URL <span class="required">*</span></label><input class="input" value="${edit?'https://api.example.invalid/v1':''}" placeholder="https://api.example.invalid/v1"><span class="help">保存前后端将校验协议、主机和 DNS；连接前仍执行 SSRF 拦截。</span></div><div class="form-field"><label>API Key ${edit?'（可选轮换）':'<span class="required">*</span>'}</label><div class="secret-wrap"><input id="secretInput" class="input" type="password" autocomplete="new-password" placeholder="${edit?'留空则保留当前密钥':'输入新的 API Key'}"><button class="icon-btn" id="toggleSecret" type="button" aria-label="显示当前输入" title="仅显示本次输入"><i class="ri-eye-line"></i></button></div><span class="help">${edit?'当前：已配置 · key_id key_demo_02 · 版本 2。页面不会读取或回显已保存密钥。':'密钥提交后加密保存，后续无法从页面取回。'}</span></div><div class="form-row"><div class="form-field"><label>请求超时</label><input class="input" value="45" inputmode="numeric"></div><div class="form-field"><label>状态</label><select class="select"><option>启用</option><option>停用</option></select></div></div>`;
+      if(kind==='model')return `<div class="form-field"><label>显示名称 <span class="required">*</span></label><input class="input" value="${edit?'Illustrator Pro':''}"></div><div class="form-field"><label>模型标识 <span class="required">*</span></label><input class="input" value="${edit?'image-pro-v2':''}"></div><div class="form-field"><label>Provider</label><select class="select"><option>星图绘画</option><option>云帆图像</option></select></div><div class="form-field"><label>能力</label><label><input type="checkbox" checked> 文生图</label><label><input type="checkbox" checked> 参考图</label></div>`;
+      if(kind==='prompt')return `<div class="form-field"><label>模板名称 <span class="required">*</span></label><input class="input" value="${edit?'商品主图增强':''}"></div><div class="form-field"><label>适用场景</label><input class="input" value="${edit?'电商主图':''}"></div><div class="form-field"><label>模板正文 <span class="required">*</span></label><textarea>突出 {{product}} 的主体细节，使用 {{style}} 风格并替换为 {{background}}。</textarea><span class="help">保存将创建新版本，历史任务仍保留原 rendered_prompt。</span></div>`;
+      return `<div class="notice">管理员（sys_user）与终端用户（users）分开管理，本页只修改终端用户状态。</div><div class="form-field"><label>用户编号</label><input class="input" value="U-10031" disabled></div><div class="form-field"><label>状态</label><select class="select"><option>正常</option><option>暂停</option></select></div><div class="form-field"><label>备注</label><textarea placeholder="填写状态调整原因"></textarea></div>`;
+    }
+    function openDrawer(kind,edit,trigger,name=''){returnFocus=trigger;$('#drawerTitle').textContent=(edit?'编辑':'新增')+({provider:' Provider',model:'模型',prompt:' Prompt 模板',user:'用户状态'}[kind]||'配置');$('#drawerBody').innerHTML=drawerFields(kind,edit,name);const mask=$('#drawerMask');mask.classList.add('open');mask.setAttribute('aria-hidden','false');const toggle=$('#toggleSecret');if(toggle)toggle.onclick=()=>{const input=$('#secretInput');input.type=input.type==='password'?'text':'password';toggle.innerHTML=`<i class="${input.type==='password'?'ri-eye-line':'ri-eye-off-line'}"></i>`};setTimeout(()=>$('.drawer .input')?.focus(),0)}
+    function openConfirm(title,body,confirmText,action,trigger,hideCancel=false){returnFocus=trigger;modalAction=action;$('#modalTitle').textContent=title;$('#modalBody').innerHTML=`<p>${body}</p>`;$('#confirmModal').textContent=confirmText;$('.modal-foot .close-layer').style.display=hideCancel?'none':'';const mask=$('#modalMask');mask.classList.add('open');mask.setAttribute('aria-hidden','false');setTimeout(()=>$('#confirmModal').focus(),0)}
+    function openProbe(provider,trigger){openConfirm('确认主动探测',`将对「${provider}」发起一次服务端固定的最小请求。操作会记录管理员、Provider、时间和脱敏结果，并受 60 秒冷却限制；不会展示或传输 API Key 到浏览器。`,'开始探测',()=>{cooldown=true;showToast('探测完成：连接正常，耗时 318 ms；结果已记录审计日志');render('health')},trigger)}
+    function closeLayers(){for(const id of ['drawerMask','modalMask']){const el=$('#'+id);el.classList.remove('open');el.setAttribute('aria-hidden','true')}$('.modal-foot .close-layer').style.display='';returnFocus?.focus();returnFocus=null}
+    function showToast(message){const t=$('#toast');t.textContent=message;t.classList.add('show');clearTimeout(t.timer);t.timer=setTimeout(()=>t.classList.remove('show'),3200)}
+    $$('.nav-btn').forEach(b=>b.onclick=()=>{render(b.dataset.view);$('#sidebar').classList.remove('open');$('#mobileMask').classList.remove('open')});
+    $('#menuBtn').onclick=()=>{$('#sidebar').classList.toggle('open');$('#mobileMask').classList.toggle('open')};$('#mobileMask').onclick=()=>{$('#sidebar').classList.remove('open');$('#mobileMask').classList.remove('open')};
+    $('[title="全屏"]').onclick=()=>{if(!document.fullscreenElement)document.documentElement.requestFullscreen?.();else document.exitFullscreen?.()};
+    $$('.close-layer').forEach(b=>b.onclick=closeLayers);$('#saveDrawer').onclick=()=>{closeLayers();showToast('配置已保存（原型演示）')};$('#confirmModal').onclick=()=>{const action=modalAction;closeLayers();action?.()};$('#refreshBtn').onclick=()=>{render(current);showToast('当前页面已刷新')};
+    document.addEventListener('keydown',e=>{if(e.key==='Escape')closeLayers()});
+    render();
+  </script>
+</body>
+</html>
diff --git a/prototypes/17/v1/remixicon.woff2 b/prototypes/17/v1/remixicon.woff2
new file mode 100644
index 0000000..89a0b99
Binary files /dev/null and b/prototypes/17/v1/remixicon.woff2 differ