mingdao-harness 0.6.19 → 0.6.21

package/src/web/index.html

@@ -65,14 +65,35 @@ header{min-height:52px;display:flex;align-items:center;gap:10px;padding:8px 12px
 header .logo{font-weight:700;font-size:16px;color:var(--accent);letter-spacing:.5px;flex:none}
 header .logo span{color:var(--text)}
 header .badge{font-size:12px;color:var(--dim);background:var(--bg3);border:1px solid var(--border);padding:2px 10px;border-radius:20px;flex:none;overflow:hidden;text-overflow:ellipsis;max-width:180px}
+/* §3.83：crumb 是左半区唯一会随会话名变长的项；限到 120px，避免会话名一长就把右半区的
+   「历史会话」再次挤出 1000px 视口（完整标题仍在 title 里，内容不丢）。 */
+#crumb{max-width:120px}
 header button{white-space:nowrap;flex:none}
 header select{flex:none}
+/* §3.83 顶栏 1000px 不裁切：右半区控件（费用 / 搜索会话 / 历史会话 / 任务 / 会话管理 / 新对话）
+   收进一个可横向滚动的容器（min-width:0 才允许收缩）；宽屏由容器内的 .spacer 把控件推到最右，
+   窄屏从「费用 + 搜索会话 + 历史会话」开始露出，其余控件在同一容器里横向滚动触达——
+   不再整条顶栏溢出到屏幕外。 */
+header .hdr-right{display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:var(--border) transparent}
+header .hdr-right::-webkit-scrollbar{height:4px}
+header .hdr-right::-webkit-scrollbar-thumb{background:var(--border);border:0;border-radius:2px}
+header .hdr-right::-webkit-scrollbar-track{background:transparent}
 #sessionSearch{flex:1 1 auto;min-width:70px;max-width:220px;background:var(--bg3);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:6px 12px;font-size:13px}
 #modelSel{max-width:170px;min-width:0}
 #presetSel{max-width:140px;min-width:0}
 #permSel{max-width:150px;min-width:0}
 #sessions{max-width:150px;min-width:0}
-#wsSel{max-width:130px;min-width:64px}
+#wsSel{max-width:110px;min-width:64px}
+/* §3.83 1000px：诊断徽标（≤900 本就隐藏）让位给「费用 + 搜索 + 历史会话」；顶栏 gap 10→6，
+   右半区容器因此拿到约 322px（费用 122 + 搜索 70 + 历史会话 98），三者完整可见。 */
+@media (max-width:1100px){
+  header{gap:6px;padding:8px}
+  header .hdr-right{gap:8px}
+  #envBadge{display:none!important}
+  #wsSel{max-width:120px}
+  #sessionSearch{min-width:70px;max-width:120px}
+  #sessions{max-width:110px}
+}
 @media (max-width:860px){main{padding:14px 0 8px}#chat{padding:0 10px}#envBadge{display:none!important}#sessionSearch{max-width:110px}#modelSel{max-width:110px}#permSel{max-width:120px}#sessions{max-width:110px}#wsSel{max-width:96px}header{gap:6px;padding:8px 8px}header .logo span{display:none}}
 #sessionSearch:focus{outline:none;border-color:var(--accent2)}
 #tasksPanel{position:fixed;right:0;top:52px;bottom:0;width:280px;background:var(--bg2);border-left:1px solid var(--border);z-index:40;display:flex;flex-direction:column}
@@ -96,7 +117,7 @@ header select{flex:none}
 #trajRail{position:fixed;left:0;top:52px;bottom:0;width:42px;background:var(--bg2);border-right:1px solid var(--border);z-index:35;display:flex;flex-direction:column;align-items:center;padding-top:10px;gap:10px}
 #trajRail .rail-btn{width:34px;height:34px;border-radius:10px;border:1px solid var(--border);background:var(--bg3);cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center}
 #trajRail .rail-btn:hover{border-color:var(--accent2);color:var(--accent2)}
-#trajRail .rail-btn.on{background:linear-gradient(135deg,var(--accent),var(--accent2));color:var(--on-accent);border:none}
+#trajRail .rail-btn.on{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#06121a;border:none}
 #trajRail .rail-btn{position:relative}
 #trajRail .rail-badge{position:absolute;top:-4px;right:-4px;min-width:14px;height:14px;padding:0 3px;border-radius:8px;background:var(--err);color:#fff;font-size:9.5px;line-height:14px;text-align:center;font-weight:700}
 #subPanel{position:fixed;right:0;top:52px;bottom:0;width:320px;background:var(--bg2);border-left:1px solid var(--border);z-index:40;display:flex;flex-direction:column}
@@ -106,12 +127,12 @@ header select{flex:none}
 .sb-item{padding:8px 10px;border:1px solid var(--border);border-radius:10px;margin-bottom:8px;font-size:12.5px;background:var(--bg3);cursor:pointer}
 .sb-item:hover{border-color:var(--accent2)}
 .sb-item .sb-q{color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
-.sb-item .sb-meta{color:var(--dim);font-size:11.5px;margin-top:3px}
+.sb-item .sb-meta{color:var(--faint);font-size:11.5px;margin-top:3px}
 .sb-item .sb-body{display:none;color:var(--dim);font-size:11.5px;margin-top:6px;white-space:pre-wrap;word-break:break-word;max-height:240px;overflow-y:auto;border-top:1px dashed var(--border);padding-top:6px}
 .sb-item.open .sb-body{display:block}
 
 /* 消息顶部轨迹行（DeepSeek-Harness 式：每轮可回溯步骤与子代理） */
-.msg-meta{display:flex;gap:8px;align-items:center;font-size:11.5px;color:var(--dim);padding:0 2px 4px}
+.msg-meta{display:flex;gap:8px;align-items:center;font-size:11.5px;color:var(--faint);padding:0 2px 4px}
 .trajBtn{cursor:pointer;background:var(--bg3);border:1px solid var(--border);color:var(--dim);border-radius:20px;padding:2px 10px;font-size:11.5px}
 .trajBtn:hover{color:var(--text);border-color:var(--accent2)}
 /* 轨迹面板（与任务面板互斥展示）：置于聊天窗口左侧（DSH 式侧栏） */
@@ -124,17 +145,17 @@ header select{flex:none}
 .tj-item{padding:6px 10px;border:1px solid var(--border);border-radius:8px;margin-bottom:6px;font-size:12.5px;background:var(--bg3);cursor:pointer}
 .tj-item:hover{border-color:var(--accent2)}
 .tj-item .tj-head{all:unset;display:flex;gap:6px;align-items:center;font-size:12.5px;color:var(--text);cursor:pointer;padding:0;border:none;margin:0}
-.tj-item .tj-args{color:var(--dim);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
+.tj-item .tj-args{color:var(--faint);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
 .tj-item .tj-body{display:none;color:var(--dim);font-size:11.5px;margin-top:6px;white-space:pre-wrap;word-break:break-word;max-height:220px;overflow-y:auto;border-top:1px dashed var(--border);padding-top:6px}
 .tj-item.open .tj-body{display:block}
 .tj-item.tj-sub{border-color:var(--accent2)}
 .tj-item.tj-sub .tj-head{color:var(--accent2)}
 .tp-head{padding:12px 14px;font-size:14px;font-weight:600;border-bottom:1px solid var(--border);color:var(--accent2)}
-.tp-head span{color:var(--dim);font-weight:400;font-size:12px}
+.tp-head span{color:var(--faint);font-weight:400;font-size:12px}
 #tpList{flex:1;overflow-y:auto;padding:8px}
 .tp-item{padding:8px 10px;border:1px solid var(--border);border-radius:8px;margin-bottom:8px;font-size:12.5px;background:var(--bg3)}
 .tp-item .tp-title{color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
-.tp-item .tp-meta{color:var(--dim);font-size:11.5px;margin-top:3px;display:flex;gap:6px;align-items:center}
+.tp-item .tp-meta{color:var(--faint);font-size:11.5px;margin-top:3px;display:flex;gap:6px;align-items:center}
 .tp-dot{width:8px;height:8px;border-radius:50%;display:inline-block}
 .tp-run{background:var(--accent);animation:blink 1.2s infinite}
 .tp-done{background:var(--accent2)}
@@ -177,7 +198,7 @@ main{flex:1;overflow-y:auto;padding:18px 0 12px;min-width:0}
 .msg-ai .content a{color:var(--accent2)}
 .msg-ai .content .hl-kw{color:#7aa2f7;font-weight:600}.hl-s{color:#9ece6a}.hl-n{color:#e0af68}.hl-c{color:#565f6e;font-style:italic}.hl-f{color:#7dcfff}
 .reasoning{margin:6px 0;border:1px dashed var(--border);border-radius:10px;background:var(--bg2)}
-.reasoning summary{cursor:pointer;color:var(--dim);font-size:12.5px;padding:6px 12px;list-style:none}
+.reasoning summary{cursor:pointer;color:var(--faint);font-size:12.5px;padding:6px 12px;list-style:none}
 .reasoning summary:after{content:"（点击展开）";margin-left:6px}
 .reasoning[open] summary:after{content:""}
 .reasoning summary.live{color:var(--accent2)}
@@ -209,8 +230,8 @@ main{flex:1;overflow-y:auto;padding:18px 0 12px;min-width:0}
 .todo li{padding:4px 0;color:var(--dim);display:flex;gap:8px}
 .todo li.done{color:var(--faint);text-decoration:line-through}
 .todo li.doing{color:var(--accent2)}
-.usage{font-size:12px;color:var(--dim);border-top:1px dashed var(--border);padding-top:6px}
-.banner{text-align:center;color:var(--dim);font-size:12.5px}
+.usage{font-size:12px;color:var(--faint);border-top:1px dashed var(--border);padding-top:6px}
+.banner{text-align:center;color:var(--faint);font-size:12.5px}
 .banner-warn{background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.35);color:var(--warn);border-radius:12px;padding:8px 14px;text-align:left}
 .errline{color:var(--err);background:rgba(229,83,75,.08);border:1px solid rgba(229,83,75,.3);border-radius:10px;padding:10px 14px;font-size:13.5px}
 /* P0-3 错误折叠卡（v0.6.18 §3.68）：首行摘要 + 处置建议独立成行 + 上游原文默认折叠（<pre> 保留换行）+ 复制。
@@ -229,13 +250,13 @@ main{flex:1;overflow-y:auto;padding:18px 0 12px;min-width:0}
    输入区 / 停止按钮 / 滚动全程可用。三档动作：本次放行 / 拒绝 / 始终允许本会话。 */
 .perm-card{max-width:min(760px,94%);margin:8px auto;background:rgba(245,158,11,.07);border:1px solid rgba(245,158,11,.38);border-left:3px solid var(--warn);border-radius:10px;padding:10px 14px;display:flex;flex-direction:column;gap:8px;font-size:13px}
 .perm-card .perm-head{display:flex;align-items:center;gap:8px;color:var(--warn);font-weight:600;flex-wrap:wrap}
-.perm-card .perm-head .perm-scope{margin-left:auto;font-weight:400;font-size:11.5px;color:var(--dim);white-space:nowrap}
+.perm-card .perm-head .perm-scope{margin-left:auto;font-weight:400;font-size:11.5px;color:var(--faint);white-space:nowrap}
 .perm-card .perm-q{color:var(--text);white-space:pre-wrap;word-break:break-word;font-size:13.5px;line-height:1.65}
 .perm-card .perm-acts{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
 .perm-card .perm-acts button{font-size:12.5px;padding:4px 10px}
 .perm-card .perm-acts .perm-always{border-color:var(--warn);color:var(--warn)}
-.perm-card .perm-note{font-size:11.5px;color:var(--dim);white-space:normal;line-height:1.6}
-.perm-card .perm-count{font-size:11.5px;color:var(--dim);font-variant-numeric:tabular-nums}
+.perm-card .perm-note{font-size:11.5px;color:var(--faint);white-space:normal;line-height:1.6}
+.perm-card .perm-count{font-size:11.5px;color:var(--faint);font-variant-numeric:tabular-nums}
 .perm-card.perm-timeout{opacity:.72}
 footer{flex:none;border-top:1px solid var(--border);background:var(--bg2);padding:12px 18px}
 #composer{max-width:860px;margin:0 auto;display:flex;gap:10px;align-items:flex-end}
@@ -245,8 +266,8 @@ footer{flex:none;border-top:1px solid var(--border);background:var(--bg2);paddin
 #composer #presetSel{max-width:130px;min-width:76px;flex:none;padding:8px 8px;font-size:12px}
 #input{flex:1;background:var(--bg3);border:1px solid var(--border);border-radius:12px;color:var(--text);padding:10px 14px;font:14px/1.6 inherit;resize:none;min-height:44px;max-height:200px;min-width:0}
 #input:focus{outline:none;border-color:var(--accent2)}
-#hint{font-size:11.5px;color:var(--dim);margin-top:6px;max-width:860px;margin-left:auto;margin-right:auto}
-#statusBar{font-size:11.5px;color:var(--dim);margin-top:2px;max-width:860px;margin-left:auto;margin-right:auto;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+#hint{font-size:11.5px;color:var(--faint);margin-top:6px;max-width:860px;margin-left:auto;margin-right:auto}
+#statusBar{font-size:11.5px;color:var(--faint);margin-top:2px;max-width:860px;margin-left:auto;margin-right:auto;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 @media (max-width:560px){footer{padding:10px 8px}#composer{gap:6px}#composer #permSel{min-width:52px;padding:8px 4px}#composer #reasoningSel{min-width:44px;padding:8px 4px}#composer #modelSel{min-width:72px;padding:8px 4px}#composer #presetSel{min-width:64px;max-width:88px;padding:8px 4px}#attachBtn{padding:10px 9px}}
 .modal-mask{position:fixed;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;z-index:50}
 .modal{background:var(--panel);border:1px solid var(--border);border-radius:14px;width:min(520px,92vw);padding:18px;max-height:88vh;overflow-y:auto}
@@ -257,7 +278,7 @@ footer{flex:none;border-top:1px solid var(--border);background:var(--bg2);paddin
 .cfg-nav{width:152px;flex-shrink:0;background:var(--bg2);border-right:1px solid var(--border);padding:8px 6px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}
 .cfg-nav-btn{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:8px 10px;font-size:13px;color:var(--dim);background:transparent;border:none;border-radius:8px;cursor:pointer;white-space:nowrap}
 .cfg-nav-btn:hover{background:var(--bg3);color:var(--text)}
-.cfg-nav-btn.active{background:linear-gradient(135deg,var(--accent),var(--accent2));color:var(--on-accent);font-weight:600}
+.cfg-nav-btn.active{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#06121a;font-weight:600}
 .cfg-panels{flex:1;min-width:0;overflow-y:auto;padding:6px 16px 14px}
 .cfg-panel{display:none}
 .cfg-panel.active{display:block}
@@ -269,12 +290,12 @@ footer{flex:none;border-top:1px solid var(--border);background:var(--bg2);paddin
 .cfg-row{margin:12px 0}
 .cfg-row label{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text)}
 .cfg-row select,.cfg-row input[type=number]{background:var(--bg3);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:6px 10px;font-size:13px}
-.cfg-hint{font-size:12px;color:var(--dim);margin-top:4px}
+.cfg-hint{font-size:12px;color:var(--faint);margin-top:4px}
 .modal .row{display:flex;gap:10px;justify-content:flex-end}
 .dir-entry{padding:6px 10px;border-radius:6px;cursor:pointer;font-size:13.5px;word-break:break-all}
 .dir-entry:hover{background:var(--bg3)}
 .spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--accent);border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite;vertical-align:-2px}
-  #scrollBottomBtn{position:fixed;right:26px;bottom:118px;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));color:var(--on-accent);font-size:20px;font-weight:800;border:none;cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,.45);z-index:30;display:none;align-items:center;justify-content:center}
+  #scrollBottomBtn{position:fixed;right:26px;bottom:118px;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#06121a;font-size:20px;font-weight:800;border:none;cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,.45);z-index:30;display:none;align-items:center;justify-content:center}
 @keyframes spin{to{transform:rotate(360deg)}}
 /* ============================================================================
    P1（v0.6.19 §3.70）界面改造：工具时间线 / 命令面板 / 快捷键表 /
@@ -294,7 +315,7 @@ footer{flex:none;border-top:1px solid var(--border);background:var(--bg2);paddin
 .toolcard-head{display:flex;align-items:center;gap:8px;padding:7px 12px;background:var(--bg3);font-size:12.5px;color:var(--dim)}
 .toolcard-head b{color:var(--text);font-weight:600}
 .toolcard-head .tl-count{font-variant-numeric:tabular-nums;white-space:nowrap}
-.toolcard-head .tl-sum{margin-left:auto;color:var(--dim);font-size:11.5px;font-variant-numeric:tabular-nums;white-space:nowrap}
+.toolcard-head .tl-sum{margin-left:auto;color:var(--faint);font-size:11.5px;font-variant-numeric:tabular-nums;white-space:nowrap}
 .toolcard-head .tl-toggle{border:1px solid var(--border);background:transparent;color:var(--dim);border-radius:6px;padding:1px 7px;font-size:11px;flex:none}
 .toolcard.collapsed .tl-steps,.toolcard.collapsed .tl-more{display:none}
 .toolcard.has-fail{border-color:rgba(242,90,90,.4)}
@@ -305,19 +326,19 @@ footer{flex:none;border-top:1px solid var(--border);background:var(--bg2);paddin
 .tl-row{display:grid;grid-template-columns:20px 16px 64px minmax(0,1fr) 54px 10px;align-items:center;gap:7px;width:100%;padding:5px 12px;background:transparent;border:0;color:var(--dim);text-align:left;font-size:12.5px}
 .tl-row:hover{background:var(--bg3)}
 .tl-step.fail .tl-row .tl-tool{color:var(--err)}
-.tl-row .tl-no{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;color:var(--dim);font-variant-numeric:tabular-nums}
-.tl-row .tl-st{font-size:12px;text-align:center;color:var(--dim)}
+.tl-row .tl-no{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;color:var(--faint);font-variant-numeric:tabular-nums}
+.tl-row .tl-st{font-size:12px;text-align:center;color:var(--faint)}
 .tl-row .tl-st.ok{color:var(--accent)}
 .tl-row .tl-st.bad{color:var(--err)}
 .tl-row .tl-tool{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;color:var(--accent2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .tl-row .tl-args{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dim);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}
-.tl-row .tl-dur{text-align:right;color:var(--dim);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;font-variant-numeric:tabular-nums}
+.tl-row .tl-dur{text-align:right;color:var(--faint);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;font-variant-numeric:tabular-nums}
 .tl-row .tl-tri{width:0;height:0;border-left:4px solid currentColor;border-top:3px solid transparent;border-bottom:3px solid transparent;color:var(--faint);transition:transform .15s}
 .tl-step.open .tl-row .tl-tri{transform:rotate(90deg)}
-.tl-res{padding:0 12px 5px 138px;font-size:11.5px;line-height:1.5;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+.tl-res{padding:0 12px 5px 138px;font-size:11.5px;line-height:1.5;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .tl-step.fail .tl-res{color:var(--err)}
 .tl-out{padding:0 12px 9px 138px}
-.tl-out-meta{font-size:11px;color:var(--dim);margin:2px 0 4px;font-variant-numeric:tabular-nums}
+.tl-out-meta{font-size:11px;color:var(--faint);margin:2px 0 4px;font-variant-numeric:tabular-nums}
 .tl-args-full{margin:2px 0 5px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11.5px;line-height:1.55;color:var(--dim);white-space:pre-wrap;word-break:break-word;background:var(--code);border:1px solid var(--border);border-radius:8px;padding:6px 9px;max-height:150px;overflow:auto}
 .tl-out pre{margin:0;padding:7px 9px;background:var(--code);border:1px solid var(--border);border-radius:8px;max-height:190px;overflow:auto;font:11.5px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--dim);white-space:pre-wrap;word-break:break-word}
 .tl-out-more{margin-top:4px;padding:1px 8px;font-size:11px}
@@ -331,19 +352,19 @@ footer{flex:none;border-top:1px solid var(--border);background:var(--bg2);paddin
 .palette{width:min(600px,94vw);background:var(--panel);border:1px solid var(--border);border-radius:14px;box-shadow:0 16px 48px rgba(0,0,0,.5);overflow:hidden;display:flex;flex-direction:column;max-height:70vh}
 .palette-input{display:flex;align-items:center;gap:8px;padding:11px 13px;border-bottom:1px solid var(--border);flex:none;color:var(--faint)}
 .palette-input input{flex:1;min-width:0;background:transparent;border:0;outline:none;color:var(--text);font-size:15px}
-.palette-input input::placeholder{color:var(--dim)}
+.palette-input input::placeholder{color:var(--faint)}
 .palette-list{overflow-y:auto;padding:6px;min-height:0}
-.pgroup-label{font-size:10.5px;letter-spacing:.5px;color:var(--dim);padding:7px 9px 3px;text-transform:uppercase}
+.pgroup-label{font-size:10.5px;letter-spacing:.5px;color:var(--faint);padding:7px 9px 3px;text-transform:uppercase}
 .pitem{display:flex;align-items:center;gap:9px;width:100%;padding:7px 9px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--dim);text-align:left;font-size:13px}
 .pitem .label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .pitem .label b{color:var(--text);font-weight:600}
-.pitem .hint{font-size:11px;color:var(--dim);white-space:nowrap;max-width:190px;overflow:hidden;text-overflow:ellipsis}
-.pitem .scope{font-size:10px;color:var(--dim);border:1px solid var(--border);border-radius:999px;padding:0 5px;line-height:15px;white-space:nowrap}
+.pitem .hint{font-size:11px;color:var(--faint);white-space:nowrap;max-width:190px;overflow:hidden;text-overflow:ellipsis}
+.pitem .scope{font-size:10px;color:var(--faint);border:1px solid var(--border);border-radius:999px;padding:0 5px;line-height:15px;white-space:nowrap}
 .pitem[aria-selected="true"]{background:var(--bg3);border-color:var(--border);color:var(--text);box-shadow:inset 2px 0 0 var(--accent2)}
-.palette-foot{border-top:1px solid var(--border);padding:7px 12px;display:flex;align-items:center;gap:10px;font-size:11px;color:var(--dim);flex:none;flex-wrap:wrap}
+.palette-foot{border-top:1px solid var(--border);padding:7px 12px;display:flex;align-items:center;gap:10px;font-size:11px;color:var(--faint);flex:none;flex-wrap:wrap}
 .palette-foot .kbd{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10.5px;border:1px solid var(--border);border-radius:5px;padding:0 5px;line-height:16px;background:var(--bg2)}
 .palette-foot .grow{flex:1}
-.palette-empty{padding:26px 16px;text-align:center;color:var(--dim);font-size:13px}
+.palette-empty{padding:26px 16px;text-align:center;color:var(--faint);font-size:13px}
 
 /* —— 快捷键表 —— */
 .shortcut-sheet{width:min(560px,94vw);background:var(--panel);border:1px solid var(--border);border-radius:14px;box-shadow:0 16px 48px rgba(0,0,0,.5);overflow:hidden}
@@ -353,7 +374,7 @@ footer{flex:none;border-top:1px solid var(--border);background:var(--bg2);paddin
 .shortcut-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--dim)}
 .shortcut-row .grow{flex:1}
 .shortcut-row .kbd{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10.5px;border:1px solid var(--border);border-radius:5px;padding:0 5px;line-height:16px;background:var(--bg2);color:var(--dim);white-space:nowrap}
-.shortcut-note{grid-column:1/-1;font-size:11.5px;color:var(--dim);border-top:1px solid var(--border);padding-top:9px}
+.shortcut-note{grid-column:1/-1;font-size:11.5px;color:var(--faint);border-top:1px solid var(--border);padding-top:9px}
 
 /* —— 右侧「本轮运行」面板 —— */
 #runPanel{position:fixed;right:0;top:52px;bottom:0;width:300px;background:var(--bg2);border-left:1px solid var(--border);z-index:36;display:flex;flex-direction:column;box-shadow:-8px 0 24px rgba(0,0,0,.18)}
@@ -361,28 +382,28 @@ body.run-open{padding-right:300px}
 body.run-open #scrollBottomBtn{right:326px}
 .rp-head{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border);font-size:13px;font-weight:600;color:var(--text);flex:none}
 .rp-head .rp-live{width:7px;height:7px;border-radius:50%;background:var(--accent2)}
-.rp-head .rp-sub{font-size:11px;color:var(--dim);font-weight:400}
+.rp-head .rp-sub{font-size:11px;color:var(--faint);font-weight:400}
 .rp-head button{margin-left:auto;padding:1px 8px;font-size:11px}
 .rp-body{flex:1;overflow-y:auto;padding:10px 12px;min-height:0}
 .rp-sec{margin-bottom:12px}
 .rp-sec:last-child{margin-bottom:0}
-.rp-sec-title{font-size:10.5px;letter-spacing:.5px;color:var(--dim);text-transform:uppercase;margin-bottom:6px;display:flex;align-items:center;gap:6px}
+.rp-sec-title{font-size:10.5px;letter-spacing:.5px;color:var(--faint);text-transform:uppercase;margin-bottom:6px;display:flex;align-items:center;gap:6px}
 .rp-sec-title .line{flex:1;height:1px;background:var(--border)}
 .rp-kv{display:grid;grid-template-columns:58px minmax(0,1fr);gap:5px 8px;font-size:12.5px;align-items:baseline;margin:0}
-.rp-kv dt{color:var(--dim)}
+.rp-kv dt{color:var(--faint)}
 .rp-kv dd{margin:0;color:var(--text);min-width:0;display:flex;align-items:center;gap:5px;flex-wrap:wrap;word-break:break-word}
-.rp-kv .rp-src{font-size:10px;color:var(--dim);border:1px solid var(--border);border-radius:999px;padding:0 5px;line-height:16px;white-space:nowrap}
+.rp-kv .rp-src{font-size:10px;color:var(--faint);border:1px solid var(--border);border-radius:999px;padding:0 5px;line-height:16px;white-space:nowrap}
 .rp-kv .rp-id{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;color:var(--dim)}
 .rp-metrics{display:grid;grid-template-columns:1fr 1fr;gap:6px}
 .rp-metric{border:1px solid var(--border);border-radius:8px;background:var(--bg3);padding:6px 8px;display:flex;flex-direction:column;gap:1px;min-width:0}
-.rp-metric .l{font-size:10.5px;color:var(--dim)}
+.rp-metric .l{font-size:10.5px;color:var(--faint)}
 .rp-metric .v{font-size:14px;font-weight:650;font-variant-numeric:tabular-nums;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
-.rp-metric .v small{font-size:10px;font-weight:400;color:var(--dim);margin-left:2px}
+.rp-metric .v small{font-size:10px;font-weight:400;color:var(--faint);margin-left:2px}
 .rp-metric.wide{grid-column:1/-1}
 .rp-ctxbar{height:5px;border-radius:3px;background:var(--bg2);overflow:hidden;margin-top:5px}
 .rp-ctxbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent2),var(--accent));border-radius:3px}
 .rp-foot{border-top:1px solid var(--border);padding:8px 12px;display:flex;gap:6px;align-items:center;flex:none}
-.rp-foot .grow{flex:1;font-size:11px;color:var(--dim)}
+.rp-foot .grow{flex:1;font-size:11px;color:var(--faint)}
 #rpStop{color:var(--err);border-color:rgba(242,90,90,.45);background:transparent;padding:4px 10px;font-size:12px}
 #rpStop[disabled]{opacity:.45}
 #rpCompact{padding:4px 10px;font-size:12px}
@@ -392,9 +413,9 @@ body.run-open #scrollBottomBtn{right:326px}
 .trace-summary{border:1px solid var(--border);background:var(--bg3);color:var(--dim);border-radius:999px;padding:2px 11px;font-size:11.5px;cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .trace-summary:hover{border-color:var(--accent2);color:var(--text)}
 .trace-row.has-fail .trace-summary{border-color:rgba(242,90,90,.45);color:var(--err)}
-.rp-fold-head{width:100%;border:0;background:transparent;padding:0 0 6px;margin:0;cursor:pointer;font:inherit;font-size:10.5px;letter-spacing:.5px;color:var(--dim);text-transform:uppercase;display:flex;align-items:center;gap:6px}
+.rp-fold-head{width:100%;border:0;background:transparent;padding:0 0 6px;margin:0;cursor:pointer;font:inherit;font-size:10.5px;letter-spacing:.5px;color:var(--faint);text-transform:uppercase;display:flex;align-items:center;gap:6px}
 .rp-fold-head:hover{color:var(--text)}
-.rp-fold-head .rp-fold-meta{margin-left:auto;font-size:10px;letter-spacing:0;text-transform:none;color:var(--dim)}
+.rp-fold-head .rp-fold-meta{margin-left:auto;font-size:10px;letter-spacing:0;text-transform:none;color:var(--faint)}
 .rp-fold-tri{width:0;height:0;border-top:4px solid currentColor;border-left:3px solid transparent;border-right:3px solid transparent;transition:transform .15s}
 .rp-fold-head[aria-expanded="false"] .rp-fold-tri{transform:rotate(-90deg)}
 .tr-round{border:1px solid var(--border);border-radius:8px;background:var(--bg3);margin-bottom:6px;overflow:hidden}
@@ -402,7 +423,7 @@ body.run-open #scrollBottomBtn{right:326px}
 .tr-round.has-fail{border-color:rgba(242,90,90,.35)}
 .tr-round-head{display:flex;align-items:center;gap:6px;width:100%;padding:5px 8px;border:0;background:transparent;color:var(--dim);text-align:left;font-size:11.5px}
 .tr-round-head:hover{background:var(--bg2);color:var(--text)}
-.tr-round-no{flex:none;color:var(--dim);font-size:10.5px;font-variant-numeric:tabular-nums}
+.tr-round-no{flex:none;color:var(--faint);font-size:10.5px;font-variant-numeric:tabular-nums}
 .tr-round-sum{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .tr-round.has-fail .tr-round-sum{color:var(--err)}
 .tr-round-body{display:none;border-top:1px dashed var(--border)}
@@ -412,32 +433,32 @@ body.run-open #scrollBottomBtn{right:326px}
 .tr-round-body .tl-row .tl-args{font-size:11.5px}
 .tr-round-body .tl-res{padding:0 8px 4px 86px;font-size:11px}
 .tr-round-body .tl-out{padding:0 8px 8px 86px}
-.tr-empty{padding:7px 9px;color:var(--dim);font-size:11.5px}
+.tr-empty{padding:7px 9px;color:var(--faint);font-size:11.5px}
 .tr-sub{border:1px solid var(--border);border-radius:8px;background:var(--bg3);margin-bottom:6px;overflow:hidden}
 .tr-sub:last-child{margin-bottom:0}
 .tr-sub.failed{border-color:rgba(242,90,90,.35)}
 .tr-sub-head{display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;width:100%;padding:5px 8px;border:0;background:transparent;color:var(--dim);text-align:left;font-size:11.5px}
 .tr-sub-head:hover{background:var(--bg2);color:var(--text)}
 .tr-sub-name{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-weight:600}
-.tr-sub-meta{font-size:10.5px;color:var(--dim);white-space:nowrap}
-.tr-sub-state{margin-left:auto;font-size:10.5px;border:1px solid var(--border);border-radius:999px;padding:0 5px;line-height:15px;color:var(--dim);white-space:nowrap}
+.tr-sub-meta{font-size:10.5px;color:var(--faint);white-space:nowrap}
+.tr-sub-state{margin-left:auto;font-size:10.5px;border:1px solid var(--border);border-radius:999px;padding:0 5px;line-height:15px;color:var(--faint);white-space:nowrap}
 .tr-sub-state.run{color:var(--accent2);border-color:rgba(55,196,210,.4)}
 .tr-sub-state.ok{color:var(--accent)}
 .tr-sub-state.bad{color:var(--err);border-color:rgba(242,90,90,.4)}
 .tr-sub-body{display:none;border-top:1px dashed var(--border);padding:6px 8px;font-size:11.5px;color:var(--dim);line-height:1.6}
 .tr-sub.open .tr-sub-body{display:block}
 .tr-sub-q{color:var(--text);word-break:break-word}
-.tr-sub-stats{margin-top:3px;color:var(--dim);font-size:10.5px}
-.tr-sub-rl{margin-top:5px;color:var(--dim);font-size:10.5px}
-.tr-sub-wait{color:var(--dim);font-size:11px;padding:2px 0}
+.tr-sub-stats{margin-top:3px;color:var(--faint);font-size:10.5px}
+.tr-sub-rl{margin-top:5px;color:var(--faint);font-size:10.5px}
+.tr-sub-wait{color:var(--faint);font-size:11px;padding:2px 0}
 #traceDock{margin:10px auto 4px;max-width:760px;border:1px solid var(--border);border-radius:12px;background:var(--bg2);overflow:hidden}
 #tdToggle{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:0;background:transparent;color:var(--text);font:inherit;font-size:12.5px;font-weight:600;text-align:left;cursor:pointer}
 #tdToggle:hover{background:var(--bg3)}
-.td-meta{margin-left:auto;font-size:10.5px;font-weight:400;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.td-meta{margin-left:auto;font-size:10.5px;font-weight:400;color:var(--faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 #tdBody{border-top:1px solid var(--border);padding:8px 12px 10px}
 .td-fold{margin-bottom:10px}
 .td-fold:last-child{margin-bottom:0}
-.td-fold-head{width:100%;display:flex;align-items:center;gap:8px;border:0;background:transparent;padding:0 0 6px;color:var(--dim);font:inherit;font-size:10.5px;letter-spacing:.5px;text-transform:uppercase;cursor:pointer}
+.td-fold-head{width:100%;display:flex;align-items:center;gap:8px;border:0;background:transparent;padding:0 0 6px;color:var(--faint);font:inherit;font-size:10.5px;letter-spacing:.5px;text-transform:uppercase;cursor:pointer}
 .td-fold-head:hover{color:var(--text)}
 .td-fold-head .td-fold-meta{margin-left:auto;font-size:10px;letter-spacing:0;text-transform:none}
 .td-fold-body .tr-round-body .tl-row{grid-template-columns:20px 16px 64px minmax(0,1fr) 54px 10px;gap:7px;padding:5px 12px;font-size:12.5px}
@@ -450,29 +471,31 @@ body.run-open #scrollBottomBtn{right:326px}
   body.run-drawer #runPanel{display:flex;top:52px;width:300px;max-width:92vw;z-index:60;box-shadow:-12px 0 32px rgba(0,0,0,.4)}
 }
 
-/* —— 会话设置弹层（收编模型 / 预设 / 权限三件套）—— */
-#sessSheet{position:fixed;right:18px;bottom:110px;width:min(410px,calc(100vw - 24px));max-height:min(72vh,560px);background:var(--panel);border:1px solid var(--border);border-radius:14px;box-shadow:0 16px 48px rgba(0,0,0,.5);z-index:70;display:flex;flex-direction:column;overflow:hidden}
+/* —— 会话设置弹层（收编模型 / 预设 / 权限三件套）——
+   §3.83：间距按设计稿 .popover 对齐（head/body 11px 13px、field label 5px、
+   effective 13px/11px + 8px 10px、foot 9px 13px）；圆角保持设计稿 14px（sheet）/8px（effective）。 */
+#sessSheet{position:fixed;right:18px;bottom:110px;width:min(400px,calc(100vw - 24px));max-height:min(72vh,560px);background:var(--panel);border:1px solid var(--border);border-radius:14px;box-shadow:0 16px 48px rgba(0,0,0,.5);z-index:70;display:flex;flex-direction:column;overflow:hidden}
 body.run-open #sessSheet{right:318px}
 @media (max-width:1180px){body.run-open #sessSheet{right:18px}}
-.ss-head{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border);font-size:13px;font-weight:600;color:var(--text);flex:none}
-.ss-head .ss-sub{font-size:11px;color:var(--dim);font-weight:400}
+.ss-head{display:flex;align-items:center;gap:8px;padding:11px 13px;border-bottom:1px solid var(--border);font-size:13px;font-weight:600;color:var(--text);flex:none}
+.ss-head .ss-sub{font-size:11px;color:var(--faint);font-weight:400}
 .ss-head button{margin-left:auto;padding:1px 8px;font-size:11px}
-.ss-body{padding:10px 12px;overflow-y:auto;min-height:0}
+.ss-body{padding:11px 13px;overflow-y:auto;min-height:0}
 .ss-field{margin-bottom:12px}
 .ss-field:last-child{margin-bottom:0}
-.ss-field>label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--dim);margin-bottom:4px}
-.ss-field .ss-scope{margin-left:auto;font-size:10px;color:var(--dim);border:1px solid var(--border);border-radius:999px;padding:0 6px;line-height:16px}
+.ss-field>label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--dim);margin-bottom:5px}
+.ss-field .ss-scope{margin-left:auto;font-size:10px;color:var(--faint);border:1px solid var(--border);border-radius:999px;padding:0 6px;line-height:16px}
 .ss-field select{width:100%;background:var(--bg3);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:6px 8px;font-size:13px}
-.ss-src{font-size:11px;color:var(--dim);margin-top:4px;line-height:1.55;word-break:break-word}
+.ss-src{font-size:11px;color:var(--faint);margin-top:4px;line-height:1.55;word-break:break-word}
 .ss-src b{color:var(--dim);font-weight:600}
 .ss-src code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}
 .ss-seg{display:flex;gap:4px;background:var(--bg3);border:1px solid var(--border);border-radius:9px;padding:3px}
 .ss-seg button{flex:1;height:26px;border:0;border-radius:6px;background:transparent;color:var(--dim);font-size:12px}
 .ss-seg button.on{background:var(--panel);color:var(--text);font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.18)}
-.ss-effective{margin:0 12px 8px;padding:7px 9px;border:1px dashed var(--border);border-radius:8px;font-size:11.5px;color:var(--dim);line-height:1.65}
+.ss-effective{margin:0 13px 11px;padding:8px 10px;border:1px dashed var(--border);border-radius:8px;font-size:11.5px;color:var(--dim);line-height:1.65}
 .ss-effective b{color:var(--text)}
-.ss-foot{display:flex;align-items:center;gap:8px;padding:8px 12px;border-top:1px solid var(--border)}
-.ss-foot .grow{flex:1;font-size:11px;color:var(--dim)}
+.ss-foot{display:flex;align-items:center;gap:8px;padding:9px 13px;border-top:1px solid var(--border)}
+.ss-foot .grow{flex:1;font-size:11px;color:var(--faint)}
 #sessSettingsBtn{max-width:230px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 #sessSettingsBtn b{overflow:hidden;text-overflow:ellipsis}
 #sessSettingsBtn .sep{color:var(--faint)}
@@ -480,16 +503,16 @@ body.run-open #sessSheet{right:318px}
 /* —— 空态三步引导 —— */
 #emptyState{max-width:720px;margin:18px auto 6px;padding:0 18px;display:flex;flex-direction:column;gap:12px;color:var(--text)}
 #emptyState h2{font-size:20px;margin:0;font-weight:700}
-#emptyState .es-lead{font-size:12.5px;color:var(--dim);margin:0}
+#emptyState .es-lead{font-size:12.5px;color:var(--faint);margin:0}
 .empty-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
 .empty-step{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:10px;background:var(--bg2);padding:9px 12px}
 .empty-step .es-no{width:22px;height:22px;border-radius:50%;background:var(--bg3);color:var(--dim);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex:none}
-.empty-step.done .es-no{background:linear-gradient(135deg,var(--accent),var(--accent2));color:var(--on-accent)}
+.empty-step.done .es-no{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#06121a}
 .empty-step .es-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
 .empty-step .es-main b{font-size:13px;color:var(--text)}
-.empty-step .es-main span{font-size:11.5px;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.empty-step .es-main span{font-size:11.5px;color:var(--faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .empty-step .es-act{padding:3px 9px;font-size:11.5px;flex:none}
-.empty-step .es-state{font-size:11px;color:var(--dim);flex:none;min-width:32px;text-align:right}
+.empty-step .es-state{font-size:11px;color:var(--faint);flex:none;min-width:32px;text-align:right}
 .empty-step.done .es-state{color:var(--accent)}
 .empty-examples{display:flex;flex-wrap:wrap;gap:7px}
 .empty-examples .es-ex{border:1px solid var(--border);background:var(--bg2);color:var(--dim);border-radius:999px;padding:5px 11px;font-size:12px;text-align:left;max-width:100%}
@@ -499,7 +522,7 @@ body.run-open #sessSheet{right:318px}
 .cfg-search{display:flex;gap:8px;align-items:center;margin:0 0 8px;flex:none}
 .cfg-search input{flex:1;min-width:0;background:var(--bg3);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:7px 10px;font-size:13px}
 .cfg-search input:focus{outline:none;border-color:var(--accent2)}
-.cfg-search .cfg-search-count{font-size:11.5px;color:var(--dim);white-space:nowrap}
+.cfg-search .cfg-search-count{font-size:11.5px;color:var(--faint);white-space:nowrap}
 .cfg-nav-btn[data-group].no-hit{opacity:.45}
 .cfg-row[hidden],.cfg-searchable[hidden],.cfg-hint[hidden]{display:none!important}
 .cfg-row.search-hit,.cfg-searchable.search-hit{outline:1px solid var(--accent2);outline-offset:2px;border-radius:8px}
@@ -507,10 +530,10 @@ body.run-open #sessSheet{right:318px}
 /* —— 诊断 / 日志路径 —— */
 .diag-modal{width:min(560px,94vw)}
 .diag-row{display:flex;align-items:flex-start;gap:8px;border-bottom:1px solid var(--border);padding:7px 0;font-size:12.5px}
-.diag-row .diag-k{width:92px;flex:none;color:var(--dim)}
+.diag-row .diag-k{width:92px;flex:none;color:var(--faint)}
 .diag-row .diag-v{flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11.5px;word-break:break-all;color:var(--text)}
 .diag-row button{flex:none;padding:1px 8px;font-size:11px}
-.diag-note{font-size:11.5px;color:var(--dim);margin-top:8px;line-height:1.6}
+.diag-note{font-size:11.5px;color:var(--faint);margin-top:8px;line-height:1.6}
 
 /* —— 窄屏断点：<1180 右栏收起；<900 侧栏（图标轨/次要控件）收起 —— */
 @media (max-width:1180px){
@@ -535,18 +558,18 @@ body.run-open #sessSheet{right:318px}
 /* —— 省钱仪表盘（v0.3.1 顶部入口，真·仪表盘） —— */
 #dashPanel{position:fixed;right:0;top:52px;bottom:0;width:400px;max-width:94vw;background:var(--bg2);border-left:1px solid var(--border);z-index:45;display:flex;flex-direction:column;box-shadow:-8px 0 32px rgba(0,0,0,.4)}
 .dash-head{padding:12px 14px;font-size:14px;font-weight:700;color:var(--accent);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px}
-.dash-head .dash-sub{font-size:11.5px;color:var(--dim);font-weight:400}
+.dash-head .dash-sub{font-size:11.5px;color:var(--faint);font-weight:400}
 .dash-head button{margin-left:auto;padding:2px 8px;font-size:12px}
 .dash-body{flex:1;overflow-y:auto;padding:14px}
 .dash-kpi{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}
 .kpi{background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}
-.kpi-l{font-size:11px;color:var(--dim)}
+.kpi-l{font-size:11px;color:var(--faint)}
 .kpi-v{font-size:17px;font-weight:700;font-variant-numeric:tabular-nums}
 .dash-gauge-wrap{position:relative;width:120px;margin:4px auto 14px;text-align:center}
 .gauge-label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}
 .gauge-label b{font-size:20px;color:var(--accent2)}
-.gauge-label span{font-size:10.5px;color:var(--dim)}
-.dash-sec{font-size:11.5px;color:var(--dim);margin:12px 0 6px;border-top:1px dashed var(--border);padding-top:10px}
+.gauge-label span{font-size:10.5px;color:var(--faint)}
+.dash-sec{font-size:11.5px;color:var(--faint);margin:12px 0 6px;border-top:1px dashed var(--border);padding-top:10px}
 .dash-sec:first-of-type{border-top:none;padding-top:0}
 .dash-chart{background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:8px}
 .dash-bars{display:flex;flex-direction:column;gap:6px}
@@ -560,845 +583,85 @@ body.run-open #sessSheet{right:318px}
 .dr{display:flex;justify-content:space-between;background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:5px 10px}
 .dr .m{color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:50%}
 .dr .p{color:var(--accent2);font-variant-numeric:tabular-nums}
-.dr .c{color:var(--dim);font-variant-numeric:tabular-nums}
+.dr .c{color:var(--faint);font-variant-numeric:tabular-nums}
 .badge-btn:hover{border-color:var(--accent2);color:var(--accent2)}
-/* ============================================================================
-   P2（v0.6.19 §3.76）：设置三列 / 危险操作确认框 / 语言切换 / 无障碍辅助。
-   只复用既有 token；--faint 不用于 --bg3/--panel 上的小字（见诊断里的对比度自检）。
-   ============================================================================ */
-.cfg-cols{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr) minmax(0,1.6fr);gap:6px 10px;margin-top:6px;padding:6px 8px;border:1px dashed var(--border);border-radius:8px;background:var(--bg2);font-size:11.5px;line-height:1.55}
-.cfg-col{display:flex;flex-direction:column;gap:1px;min-width:0}
-.cfg-col-k{font-size:10.5px;letter-spacing:.4px;color:var(--dim)}
-.cfg-default{color:var(--dim);word-break:break-word}
-.cfg-current{color:var(--text);font-weight:600;word-break:break-word}
-.cfg-impact{color:var(--dim);word-break:break-word}
-.cfg-cols.changed{border-color:rgba(34,184,207,.55)}
-.cfg-cols.changed .cfg-current{color:var(--accent2)}
-@media (max-width:860px){.cfg-cols{grid-template-columns:1fr;gap:4px}}
-.danger-modal{width:min(540px,92vw)}
-.danger-body{color:var(--text);font-size:13.5px;line-height:1.7;white-space:pre-wrap;word-break:break-word;margin:6px 0 10px}
-.danger-note{font-size:11.5px;color:var(--dim);line-height:1.6;margin:0 0 12px;border-left:3px solid var(--warn);padding-left:8px}
-#dangerOk{background:var(--err);color:#fff;border:none}
-.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
-
-/* ============================================================================
-   §3.78 布局骨架：照 docs/design/ui-preview.html 逐条搬运（只做颜色变量映射）
-   · 令牌：设计稿 --surface-* / --line / --t* → 既有 --bg/--bg2/--panel/--bg3/--border/--text/--dim/--faint；
-     设计稿有、既有变量没有的（--line-strong/--ok/--tint-*/--sh-*/--scroll*）在下方 :root 照抄数值。
-   · 规则体：下面的布局/组件规则来自设计稿 <style>，数值一字未改；颜色经上面的别名变量仍落到既有变量。
-   · 适配层在块尾：只处理"旧 id 规则与新 class 规则打架"（#runPanel/#composer/#runStrip 等），
-     数值同样取自设计稿，不自己调。
-   ============================================================================ */
-:root{
-  /* 颜色别名：设计稿变量 → 既有变量（明暗两套都由既有变量自己切换） */
-  --surface-0:var(--bg); --surface-1:var(--bg2); --surface-2:var(--panel); --surface-3:var(--bg3);
-  --line:var(--border); --t1:var(--text); --t2:var(--dim); --t3:var(--faint);
-  --accent-2:var(--accent2); --user-bubble:var(--user); --code-bg:var(--code);
-  /* 设计稿规则体里的裸色值（无既有变量可映射，照抄数值）：强调渐变上的文字 / 主按钮 */
-  --on-accent:#06121a;
-  --btn-primary-bg:#F9FAFB; --btn-primary-fg:#0F1115;
-  /* 设计稿有、既有变量没有的：照抄数值（来源：ui-preview.html §0，暗色） */
-  --line-strong:rgba(255,255,255,.18);
-  --ok:#3ddc97;
-  --tint-warn:rgba(245,158,11,.08); --tint-err:rgba(242,90,90,.08); --tint-ok:rgba(61,220,151,.08);
-  --sh-panel:0 8px 24px rgba(0,0,0,.35); --sh-overlay:0 16px 48px rgba(0,0,0,.55);
-  --scroll:#3C3C3D; --scroll-hover:#545557;
-  /* 字号 / 间距 / 圆角 / 动效令牌：照抄数值（来源：ui-preview.html §0） */
-  --fs-caption:12px; --fs-meta:13px; --fs-body:14px; --fs-body-lg:16px; --fs-title:20px;
-  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px;
-  --r-chip:6px; --r-card:10px; --r-field:12px; --r-sheet:14px; --r-pill:999px;
-  --dur-fast:150ms; --dur-slow:200ms; --ease:cubic-bezier(.2,.8,.2,1);
-  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
-  --mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;
-}
-:root[data-theme="light"]{
-  /* 照抄数值（来源：ui-preview.html §0，亮色） */
-  --line-strong:#D4D4D8;
-  --ok:#0E9F6E;
-  --tint-warn:rgba(180,83,9,.07); --tint-err:rgba(220,38,38,.06); --tint-ok:rgba(14,159,110,.08);
-  --sh-panel:0 8px 24px rgba(24,24,27,.10); --sh-overlay:0 16px 48px rgba(24,24,27,.18);
-  --scroll:#D4D4D8; --scroll-hover:#A1A1AA;
-}
-
-/* ===================== 以下规则体原样来自设计稿 ===================== */
-/* ============================================================
-   0. 设计令牌：暗色沿用产品现有取值（src/web/index.html:12-21），
-      亮色为同一语言的另一套映射；不新造色相。
-   ============================================================ */
-
-
-
-*{box-sizing:border-box}
-*::-webkit-scrollbar{width:10px;height:10px}
-*::-webkit-scrollbar-thumb{background:var(--scroll);border-radius:6px;border:2px solid transparent;background-clip:content-box}
-*::-webkit-scrollbar-thumb:hover{background:var(--scroll-hover);border:2px solid transparent;background-clip:content-box}
-*::-webkit-scrollbar-track{background:transparent}
-html,body{height:100%}
-body{
-  margin:0;background:var(--surface-0);color:var(--t1);
-  font:var(--fs-body)/1.65 var(--sans);
-  overflow:hidden;-webkit-font-smoothing:antialiased;
-}
-button,input,select,textarea{font-family:inherit}
-button{cursor:pointer}
-a{color:var(--accent-2)}
-:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px;border-radius:var(--r-chip)}
-.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}
-
-/* ============================================================
-   1. 三列布局：顶栏 / 左栏会话 / 主区对话 / 右栏本轮运行
-   ============================================================ */
-.app{
-  height:100vh;display:grid;
-  grid-template-columns:264px minmax(0,1fr) 300px;
-  grid-template-rows:48px minmax(0,1fr) auto;
-  grid-template-areas:"top top top" "side main run" "side foot run";
-  transition:grid-template-columns var(--dur-slow) var(--ease);
-}
-body.run-collapsed .app{grid-template-columns:264px minmax(0,1fr) 0px}
-body.run-collapsed .runpanel{border-left:0}
+/* —— §3.82 右栏四标签（轨迹 / 子Agent / 任务 / 仪表盘）——
+   只新增标签栏/标签页容器样式；#runPanel 宽度、body.run-open 推开量、顶栏与网格均不动。
+   四个面板本体搬进标签页后不再 fixed（覆盖既有 #tasksPanel/#dashPanel 的定位，宽度跟随右栏）。 */
+.rp-top{flex:none;padding:10px 12px 0}
+.rp-top .rp-sec{margin-bottom:8px}
+/* §3.83：四个标签统一成设计稿 `.seg` 分段控件观感（外框 bg3 + padding 3 / 圆角 9，
+   内按钮 26px 高 / 圆角 6；选中态 panel 底 + text 字 + 600 字重）。只改样式，切换逻辑不动。 */
+.rp-tabs{display:flex;gap:4px;padding:3px;margin:0 12px 8px;flex:none;background:var(--bg3);border:1px solid var(--border);border-radius:9px}
+.rp-tabs .seg{flex:1;min-width:0;height:26px;padding:0 4px;border:0;border-radius:6px;background:transparent;color:var(--dim);font-size:12px;white-space:nowrap;cursor:pointer}
+.rp-tabs .seg:hover{color:var(--text)}
+.rp-tabs .seg.on{background:var(--panel);color:var(--text);font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.18)}
+.rp-tabbody{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}
+.rp-tab{flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto;padding:10px 12px}
+.rp-tab.rp-tab-flush{padding:0;overflow:hidden}
+#runPanel #tasksPanel,#runPanel #dashPanel{position:static;right:auto;top:auto;bottom:auto;width:auto;max-width:none;height:auto;border-left:0;z-index:auto;box-shadow:none;background:transparent;flex:1;min-height:0;overflow:hidden}
 
-/* ---------- 顶栏 ---------- */
-.topbar{
-  grid-area:top;display:flex;align-items:center;gap:var(--sp-3);
-  padding:0 var(--sp-4);background:var(--surface-1);
-  border-bottom:1px solid var(--line);min-width:0;
-}
-.brand{display:flex;align-items:center;gap:var(--sp-2);font-weight:700;letter-spacing:.2px;white-space:nowrap}
-.brand .mark{
-  width:22px;height:22px;border-radius:7px;display:grid;place-items:center;flex:none;
-  background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--on-accent);font-size:12px;font-weight:800;
-}
-.brand .mark svg{width:13px;height:13px}
-.brand em{font-style:normal;color:var(--t2);font-weight:600}
-.crumb{
-  display:flex;align-items:center;gap:6px;min-width:0;margin-left:var(--sp-2);
-  font-size:var(--fs-meta);color:var(--t3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
-}
-.crumb b{color:var(--t1);font-weight:600}
-.crumb .sep{opacity:.6}
-.draft-badge{
-  margin-left:var(--sp-2);flex:none;font-size:11px;line-height:18px;padding:0 8px;border-radius:var(--r-pill);
-  color:var(--warn);border:1px solid color-mix(in srgb,var(--warn) 45%,transparent);
-  background:var(--tint-warn);white-space:nowrap;
-}
-.top-actions{margin-left:auto;display:flex;align-items:center;gap:var(--sp-2);min-width:0}
-.kbtn{
-  display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 10px;
-  background:var(--surface-3);color:var(--t2);border:1px solid var(--line);
-  border-radius:var(--r-field);font-size:var(--fs-meta);white-space:nowrap;
-  transition:border-color var(--dur-fast),color var(--dur-fast),background var(--dur-fast);
-}
-.kbtn:hover{border-color:var(--accent-2);color:var(--t1)}
-.kbtn svg{width:14px;height:14px;flex:none}
-.kbtn .kbd{margin-left:2px}
-.kbtn.icon{width:30px;padding:0;justify-content:center}
-.run-chip{display:none}
-body.run-collapsed .run-chip{display:inline-flex}
-.run-chip .dot{width:7px;height:7px;border-radius:50%;background:var(--warn)}
-.kbd{
-  display:inline-block;font-family:var(--mono);font-size:10.5px;line-height:16px;
-  padding:0 5px;border-radius:5px;border:1px solid var(--line-strong);
-  background:var(--surface-2);color:var(--t2);
-}
-
-/* ---------- 左栏：会话 ---------- */
-.sidebar{
-  grid-area:side;background:var(--surface-1);border-right:1px solid var(--line);
-  display:flex;flex-direction:column;min-height:0;min-width:0;
-}
-.ws-row{
-  display:flex;align-items:center;gap:8px;margin:var(--sp-3) var(--sp-3) var(--sp-2);
-  padding:7px 9px;border:1px solid var(--line);border-radius:var(--r-field);
-  background:var(--surface-2);cursor:pointer;transition:border-color var(--dur-fast);
-}
-.ws-row:hover{border-color:var(--accent-2)}
-.ws-row .ico{width:16px;height:16px;color:var(--accent-2);flex:none}
-.ws-row .name{flex:1;min-width:0;font-size:var(--fs-meta);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
-.ws-row .chev{color:var(--t3);flex:none}
-.side-search{position:relative;margin:0 var(--sp-3) var(--sp-2)}
-.side-search svg{position:absolute;left:9px;top:8px;width:14px;height:14px;color:var(--t3)}
-.side-search input{
-  width:100%;height:32px;padding:0 10px 0 30px;background:var(--surface-2);color:var(--t1);
-  border:1px solid var(--line);border-radius:var(--r-field);font-size:var(--fs-meta);
-}
-.side-search input::placeholder{color:var(--t3)}
-.side-search input:focus{border-color:var(--accent-2);outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-2) 30%,transparent)}
-.new-chat{
-  margin:0 var(--sp-3) var(--sp-2);height:34px;display:flex;align-items:center;justify-content:center;gap:6px;
-  background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);
-  border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);
-  border-radius:var(--r-field);font-size:var(--fs-meta);font-weight:600;
-  transition:background var(--dur-fast);
-}
-.new-chat:hover{background:color-mix(in srgb,var(--accent) 22%,transparent)}
-.new-chat svg{width:14px;height:14px}
-.session-scroll{flex:1;overflow-y:auto;padding:0 var(--sp-2) var(--sp-3);min-height:0}
-.group-label{
-  font-size:11px;letter-spacing:.4px;color:var(--t3);text-transform:uppercase;
-  padding:10px 10px 4px;
-}
-.sess{
-  display:block;width:100%;text-align:left;padding:7px 10px;border-radius:9px;border:1px solid transparent;
-  background:transparent;color:var(--t2);margin-bottom:1px;
-}
-.sess:hover{background:var(--surface-2);color:var(--t1)}
-.sess.active{
-  background:var(--surface-2);color:var(--t1);border-color:var(--line);
-  box-shadow:inset 2px 0 0 var(--accent);
-}
-.sess .abbr{display:none}
-.sess .t{font-size:var(--fs-meta);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
-.sess .m{font-size:11px;color:var(--t3);margin-top:2px;display:flex;gap:6px;align-items:center}
-.sess .m .dot{width:5px;height:5px;border-radius:50%;background:var(--t3)}
-.sess.active .m .dot{background:var(--accent)}
-.side-foot{
-  border-top:1px solid var(--line);padding:8px 10px;display:flex;align-items:center;gap:8px;
-  font-size:11.5px;color:var(--t3);
-}
-.side-foot .avatar{
-  width:22px;height:22px;border-radius:50%;background:var(--surface-3);display:grid;place-items:center;
-  color:var(--t2);font-size:11px;font-weight:700;flex:none;
-}
-.side-foot .grow{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
-
-/* ---------- 主区：对话流 ---------- */
-.main{
-  grid-area:main;min-width:0;min-height:0;overflow-y:auto;scroll-behavior:smooth;
-  background:var(--surface-0);position:relative;
-}
-.stream{max-width:820px;margin:0 auto;padding:12px 20px 12px}
-.divider{
-  display:flex;align-items:center;gap:10px;margin:2px 0 12px;
-  font-size:11.5px;color:var(--t3);
-}
-.divider::before,.divider::after{content:"";height:1px;background:var(--line);flex:1}
-
-/* 消息 */
-.msg-user{display:flex;flex-direction:column;align-items:flex-end;margin:0 0 14px}
-.msg-user .who{font-size:11.5px;color:var(--t3);margin:0 4px 4px}
-.bubble{
-  background:var(--user-bubble);border:1px solid var(--line);border-radius:16px 16px 4px 16px;
-  padding:10px 15px;max-width:min(560px,88%);font-size:var(--fs-body-lg);line-height:1.6;
-  white-space:pre-wrap;word-break:break-word;
-}
-.turn{display:flex;flex-direction:column;gap:8px;margin:0 0 16px}
-.turn-head{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--t3)}
-.turn-head .ai-dot{
-  width:18px;height:18px;border-radius:50%;display:grid;place-items:center;flex:none;
-  background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--on-accent);font-size:10px;font-weight:800;
-}
-.turn-head b{color:var(--t2);font-weight:600}
-.chip{
-  display:inline-flex;align-items:center;gap:5px;height:21px;padding:0 7px;border-radius:var(--r-pill);
-  border:1px solid var(--line);background:var(--surface-2);color:var(--t2);font-size:11px;white-space:nowrap;
-}
-.chip.mono{font-family:var(--mono);font-size:10.5px}
-.chip.warn{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 40%,transparent);background:var(--tint-warn)}
-.chip.err{color:var(--err);border-color:color-mix(in srgb,var(--err) 40%,transparent);background:var(--tint-err)}
-.chip.ok{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 35%,transparent);background:var(--tint-ok)}
-
-/* 正文排版 */
-.content{font-size:var(--fs-body);line-height:1.75;color:var(--t1);max-width:100%}
-.content p{margin:0 0 10px}
-.content p:last-child{margin-bottom:0}
-.content ul{margin:0 0 10px;padding-left:20px}
-.content li{margin:3px 0}
-.content li::marker{color:var(--accent-2)}
-.content code{
-  font-family:var(--mono);font-size:12.5px;background:var(--surface-2);border:1px solid var(--line);
-  border-radius:5px;padding:1px 5px;
-}
-.content .inline-k{color:var(--accent-2)}
-.deliver{
-  display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--line);
-  border-left:3px solid var(--accent);border-radius:var(--r-card);background:var(--surface-2);
-  font-size:var(--fs-meta);color:var(--t2);
-}
-.deliver svg{width:14px;height:14px;color:var(--accent);flex:none}
-.deliver code{font-family:var(--mono);font-size:12px;color:var(--t1);margin-left:4px}
-
-/* 折叠（思考 / 原文） */
-details.fold{border:1px dashed var(--line);border-radius:var(--r-card);background:var(--surface-1)}
-details.fold>summary{
-  list-style:none;cursor:pointer;padding:6px 12px;font-size:var(--fs-meta);color:var(--t2);
-  display:flex;align-items:center;gap:8px;
-}
-details.fold>summary::-webkit-details-marker{display:none}
-details.fold>summary .tri{
-  width:0;height:0;border-left:5px solid currentColor;border-top:4px solid transparent;border-bottom:4px solid transparent;
-  transition:transform var(--dur-fast) var(--ease);color:var(--t3);flex:none;
-}
-details.fold[open]>summary .tri{transform:rotate(90deg)}
-details.fold>summary .sum-meta{margin-left:auto;color:var(--t3);font-size:11.5px}
-details.fold .fold-body{padding:8px 12px 11px;border-top:1px solid var(--line);color:var(--t2);font-size:var(--fs-meta);line-height:1.7}
-details.fold .fold-body p{margin:0 0 6px}
-details.fold .fold-body p:last-child{margin:0}
-
-/* 工具时间线卡片 */
-.toolcard{
-  border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface-1);overflow:hidden;
-}
-.toolcard-head{
-  display:flex;align-items:center;gap:9px;padding:7px 12px;background:var(--surface-2);
-  font-size:var(--fs-meta);color:var(--t2);
-}
-.toolcard-head .tl-ico{width:15px;height:15px;color:var(--accent-2);flex:none}
-.toolcard-head b{color:var(--t1);font-weight:600}
-.toolcard-head .sep{color:var(--t3)}
-.toolcard-head .sum{margin-left:auto;color:var(--t3);font-size:11.5px;font-variant-numeric:tabular-nums}
-.iconbtn{
-  width:24px;height:24px;display:grid;place-items:center;border:1px solid transparent;border-radius:var(--r-chip);
-  background:transparent;color:var(--t3);
-}
-.iconbtn:hover{background:var(--surface-3);color:var(--t1)}
-.iconbtn svg{width:13px;height:13px;transition:transform var(--dur-fast) var(--ease)}
-.toolcard.collapsed .iconbtn svg{transform:rotate(-90deg)}
-.toolcard.collapsed .steps,.toolcard.collapsed .more{display:none}
-.steps{list-style:none;margin:0;padding:0}
-.step{border-top:1px solid var(--line)}
-.step:first-child{border-top:0}
-.step-row{
-  display:grid;grid-template-columns:20px 20px 62px minmax(0,1fr) 52px 12px;align-items:center;gap:8px;
-  width:100%;padding:3px 12px;background:transparent;border:0;color:var(--t2);text-align:left;
-  font-size:var(--fs-meta);transition:background var(--dur-fast);
-}
-.step-row:hover{background:var(--surface-2)}
-.step-row .st{width:16px;height:16px;display:grid;place-items:center;flex:none}
-.step-row .st svg{width:13px;height:13px}
-.step-row .st.ok{color:var(--ok)}
-.step-row .st.bad{color:var(--err)}
-.step-row .no{font-family:var(--mono);font-size:11px;color:var(--t3);font-variant-numeric:tabular-nums}
-.step-row .tool{font-family:var(--mono);font-size:12px;color:var(--accent-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
-.step-row .args{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--t2);font-family:var(--mono);font-size:12px}
-.step-row .dur{text-align:right;color:var(--t3);font-family:var(--mono);font-size:11px;font-variant-numeric:tabular-nums}
-.step-row .tri{width:0;height:0;border-left:4px solid currentColor;border-top:3px solid transparent;border-bottom:3px solid transparent;color:var(--t3);transition:transform var(--dur-fast) var(--ease)}
-.step.open .step-row .tri{transform:rotate(90deg)}
-.step.fail{box-shadow:inset 3px 0 0 var(--err);background:var(--tint-err)}
-.step.fail .tool{color:var(--err)}
-.step-out{display:none;padding:0 12px 10px 138px}
-.step.open .step-out{display:block}
-.step-out pre{
-  margin:0;padding:8px 10px;background:var(--code-bg);border:1px solid var(--line);
-  border-radius:8px;max-height:190px;overflow:auto;
-  font-family:var(--mono);font-size:12px;line-height:1.55;color:var(--t2);white-space:pre-wrap;word-break:break-word;
-}
-.step-out .bad-line{color:var(--err)}
-.more{
-  display:block;width:100%;padding:6px 12px;border:0;border-top:1px solid var(--line);
-  background:transparent;color:var(--t3);font-size:11.5px;text-align:center;
-}
-.more:hover{background:var(--surface-2);color:var(--t1)}
-.more[hidden]{display:none}
-
-/* 内联权限确认 */
-.permcard{
-  border:1px solid color-mix(in srgb,var(--warn) 45%,var(--line));
-  border-left:3px solid var(--warn);border-radius:var(--r-card);
-  background:var(--tint-warn);padding:9px 12px;display:flex;flex-direction:column;gap:7px;
-}
-.permcard-head{display:flex;align-items:center;gap:8px;font-size:var(--fs-meta);color:var(--warn);font-weight:600}
-.permcard-head svg{width:15px;height:15px;flex:none}
-.permcard-head .scope{margin-left:auto;font-weight:400;color:var(--t3);font-size:11.5px;font-variant-numeric:tabular-nums}
-.permcard .cmd{
-  font-family:var(--mono);font-size:12.5px;color:var(--t1);background:var(--code-bg);
-  border:1px solid var(--line);border-radius:8px;padding:7px 10px;overflow-x:auto;white-space:pre;
-}
-.permcard .why{font-size:var(--fs-meta);color:var(--t2);display:flex;gap:6px;align-items:flex-start}
-.permcard .why svg{width:13px;height:13px;margin-top:3px;color:var(--t3);flex:none}
-.permcard .acts{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
-.btn{
-  height:30px;padding:0 12px;border-radius:9px;border:1px solid var(--line);
-  background:var(--surface-2);color:var(--t1);font-size:var(--fs-meta);
-  display:inline-flex;align-items:center;gap:6px;transition:background var(--dur-fast),border-color var(--dur-fast);
-}
-.btn:hover{border-color:var(--accent-2)}
-.btn svg{width:13px;height:13px}
-.btn.primary{background:var(--t1);color:var(--surface-0);border-color:transparent;font-weight:600}
-:root[data-theme="dark"] .btn.primary{background:var(--btn-primary-bg);color:var(--btn-primary-fg)}
-.btn.primary:hover{opacity:.9}
-.btn.danger{background:transparent;color:var(--err);border-color:color-mix(in srgb,var(--err) 45%,transparent)}
-.btn.danger:hover{background:var(--tint-err)}
-.btn.ghost{background:transparent}
-.btn.small{height:26px;padding:0 9px;font-size:12px}
-.btn[disabled]{opacity:.5;cursor:not-allowed}
-.perm-resolved{
-  display:none;align-items:center;gap:7px;font-size:var(--fs-meta);color:var(--t2);
-  padding:9px 12px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface-2);
-}
-.perm-resolved svg{width:14px;height:14px;flex:none}
-.perm-resolved.show{display:flex}
-.perm-resolved.deny svg{color:var(--err)}
-.perm-resolved.allow svg{color:var(--ok)}
-.perm-more{display:none;margin-top:8px;font-size:11.5px;color:var(--t3)}
-.perm-more.show{display:block}
-
-/* 错误卡 */
-.err-card{
-  border:1px solid color-mix(in srgb,var(--err) 38%,var(--line));
-  border-left:3px solid var(--err);border-radius:var(--r-card);
-  background:var(--tint-err);padding:9px 12px;display:flex;flex-direction:column;gap:7px;
-}
-.err-head{display:flex;align-items:center;gap:8px;font-size:var(--fs-meta);font-weight:600;color:var(--err);flex-wrap:wrap}
-.err-head svg{width:15px;height:15px;flex:none}
-.err-head .tag{font-weight:500;color:var(--t2);border:1px solid var(--line);background:var(--surface-2);border-radius:var(--r-pill);padding:0 7px;font-size:10.5px;line-height:18px}
-.err-head .retry-note{margin-left:auto;font-weight:400;font-size:11.5px;color:var(--t3)}
-.err-hint{font-size:var(--fs-meta);line-height:1.7;color:var(--t1);white-space:pre-line;margin:0}
-.err-hint .lead{color:var(--t2)}
-details.raw{border-top:0;padding-top:0;min-width:0;flex:1}
-.err-foot{display:flex;align-items:center;gap:10px;border-top:1px dashed var(--line);padding-top:7px;flex-wrap:wrap}
-.err-foot .err-acts{margin-left:auto;padding-top:0}
-details.raw>summary{
-  list-style:none;cursor:pointer;font-size:11.5px;color:var(--t3);display:flex;align-items:center;gap:6px;
-}
-details.raw>summary::-webkit-details-marker{display:none}
-details.raw>summary .tri{width:0;height:0;border-left:4px solid currentColor;border-top:3px solid transparent;border-bottom:3px solid transparent;transition:transform var(--dur-fast) var(--ease)}
-details.raw[open]>summary .tri{transform:rotate(90deg)}
-details.raw pre{
-  margin:7px 0 0;padding:8px 10px;max-height:170px;overflow:auto;background:var(--code-bg);
-  border:1px solid var(--line);border-radius:8px;font-family:var(--mono);font-size:11.5px;
-  line-height:1.55;color:var(--t2);white-space:pre-wrap;word-break:break-word;
-}
-.err-acts{display:flex;gap:8px;flex-wrap:wrap}
-
-/* ---------- 底部：运行状态条 + 输入区 ---------- */
-.foot{
-  grid-area:foot;background:var(--surface-1);border-top:1px solid var(--line);
-  padding:8px 20px 12px;
-}
-.foot-inner{max-width:820px;margin:0 auto}
-.runstrip{
-  display:flex;align-items:center;gap:10px;min-height:26px;margin-bottom:8px;
-  font-size:var(--fs-caption);color:var(--t2);font-variant-numeric:tabular-nums;white-space:nowrap;
-  overflow:hidden;
-}
-.runstrip .phase{display:inline-flex;align-items:center;gap:6px;color:var(--t1);font-weight:600;flex:none}
-.runstrip .pdot{width:7px;height:7px;border-radius:50%;background:var(--accent-2);flex:none}
-.runstrip .pdot.acting{background:var(--accent)}
-.runstrip .pdot.wait{background:var(--warn);animation:pulse 1.6s infinite}
-.runstrip .pdot.stop{background:var(--t3);animation:none}
-.runstrip .pdot.idle{background:var(--t3)}
-.runstrip .metric{color:var(--t2);overflow:hidden;text-overflow:ellipsis}
-.runstrip .metric b{color:var(--t1);font-weight:600}
-.runstrip .sep{color:var(--t3);opacity:.7;flex:none}
-.runstrip .ctx{display:inline-flex;align-items:center;gap:5px;flex:none}
-.runstrip .bar{width:44px;height:4px;border-radius:2px;background:var(--surface-3);overflow:hidden;display:inline-block}
-.runstrip .bar i{display:block;height:100%;width:62%;background:var(--accent-2);border-radius:2px}
-.runstrip .grow{flex:1;min-width:8px}
-.stopbtn{
-  flex:none;display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;
-  border-radius:8px;border:1px solid color-mix(in srgb,var(--err) 45%,transparent);
-  background:transparent;color:var(--err);font-size:12px;
-}
-.stopbtn:hover{background:var(--tint-err)}
-.stopbtn svg{width:11px;height:11px}
-.stopbtn[disabled]{opacity:.45;cursor:not-allowed}
-.composer{display:flex;gap:8px;align-items:flex-end}
-.attach{
-  width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:10px;
-  background:var(--surface-3);border:1px solid var(--line);color:var(--t2);
-}
-.attach:hover{border-color:var(--accent-2);color:var(--t1)}
-.attach svg{width:16px;height:16px}
-.input-wrap{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
-#input{
-  width:100%;min-height:40px;max-height:160px;resize:none;overflow-y:auto;
-  background:var(--surface-3);color:var(--t1);border:1px solid var(--line);
-  border-radius:var(--r-field);padding:9px 12px;font-size:var(--fs-body);line-height:1.55;
-}
-#input::placeholder{color:var(--t3)}
-#input:focus{outline:none;border-color:var(--accent-2);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-2) 28%,transparent)}
-.input-meta{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--t3);padding:0 2px}
-.input-meta .grow{flex:1}
-.settings-btn{
-  height:38px;flex:none;display:inline-flex;align-items:center;gap:7px;padding:0 11px;
-  background:var(--surface-2);color:var(--t2);border:1px solid var(--line);border-radius:10px;
-  font-size:12.5px;white-space:nowrap;max-width:250px;
-}
-.settings-btn:hover{border-color:var(--accent-2);color:var(--t1)}
-.settings-btn b{color:var(--t1);font-weight:600;overflow:hidden;text-overflow:ellipsis}
-.settings-btn .sep{color:var(--t3)}
-.settings-btn svg{width:14px;height:14px;flex:none}
-.send{
-  height:38px;flex:none;min-width:74px;padding:0 16px;border:0;border-radius:10px;
-  background:var(--t1);color:var(--surface-0);font-weight:600;font-size:var(--fs-meta);
-}
-:root[data-theme="dark"] .send{background:var(--btn-primary-bg);color:var(--btn-primary-fg)}
-.send:hover{opacity:.9}
-
-/* ---------- 右栏：本轮运行 ---------- */
-.runpanel{
-  grid-area:run;background:var(--surface-1);border-left:1px solid var(--line);
-  display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden;
-  transition:opacity var(--dur-slow) var(--ease);
-}
-body.run-collapsed .runpanel{opacity:0;pointer-events:none}
-.runpanel-head{
-  display:flex;align-items:center;gap:8px;padding:11px 13px;border-bottom:1px solid var(--line);
-  font-size:var(--fs-meta);font-weight:600;color:var(--t1);flex:none;
-}
-.runpanel-head .live{
-  width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent);
-}
-.runpanel-head .sub{font-size:11px;color:var(--t3);font-weight:400}
-.runpanel-head .iconbtn{margin-left:auto}
-.runpanel-body{flex:1;overflow-y:auto;padding:11px 13px 14px;min-height:0}
-.rsec{margin-bottom:var(--sp-4)}
-.rsec:last-child{margin-bottom:0}
-.rsec-title{
-  font-size:10.5px;letter-spacing:.5px;color:var(--t3);text-transform:uppercase;
-  margin-bottom:7px;display:flex;align-items:center;gap:6px;
-}
-.rsec-title .line{flex:1;height:1px;background:var(--line)}
-.kv{display:grid;grid-template-columns:56px minmax(0,1fr);gap:5px 8px;font-size:12.5px;align-items:baseline}
-.kv dt{color:var(--t3)}
-.kv dd{margin:0;color:var(--t1);min-width:0;display:flex;align-items:center;gap:5px;flex-wrap:wrap}
-.kv dd .src{
-  font-size:10px;color:var(--t3);border:1px solid var(--line);border-radius:var(--r-pill);
-  padding:0 5px;line-height:16px;white-space:nowrap;
-}
-.kv dd .edit{margin-left:auto;font-size:11px;color:var(--accent-2);background:none;border:0;padding:0}
-.kv dd .edit:hover{text-decoration:underline}
-.metrics{display:grid;grid-template-columns:1fr 1fr;gap:7px}
-.metric-box{
-  border:1px solid var(--line);border-radius:9px;background:var(--surface-2);padding:7px 9px;
-  display:flex;flex-direction:column;gap:1px;
-}
-.metric-box .l{font-size:10.5px;color:var(--t3)}
-.metric-box .v{font-size:15px;font-weight:650;font-variant-numeric:tabular-nums;color:var(--t1)}
-.metric-box .v small{font-size:10.5px;font-weight:400;color:var(--t3);margin-left:2px}
-.metric-box.wide{grid-column:1/-1}
-.ctxbar{height:5px;border-radius:3px;background:var(--surface-3);overflow:hidden;margin-top:5px}
-.ctxbar i{display:block;height:100%;width:62%;background:linear-gradient(90deg,var(--accent-2),var(--accent));border-radius:3px}
-.ctx-legend{display:flex;justify-content:space-between;font-size:10.5px;color:var(--t3);margin-top:3px;font-variant-numeric:tabular-nums}
-.run-link{
-  display:flex;align-items:center;gap:7px;width:100%;padding:7px 9px;border:1px solid var(--line);
-  border-radius:9px;background:transparent;color:var(--t2);font-size:12.5px;margin-top:6px;text-align:left;
-}
-.run-link:hover{border-color:var(--accent-2);color:var(--t1)}
-.run-link svg{width:13px;height:13px;color:var(--t3);flex:none}
-.run-link .grow{flex:1}
-.run-foot{
-  border-top:1px solid var(--line);padding:8px 13px;font-size:11px;color:var(--t3);
-  display:flex;align-items:center;gap:6px;flex:none;
-}
-.run-foot .grow{flex:1}
-
-/* ============================================================
-   2. 浮层：命令面板 / 会话设置 / 快捷键表 / toast
-   ============================================================ */
-.mask{
-  position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:80;
-  display:flex;align-items:flex-start;justify-content:center;
-}
-:root[data-theme="light"] .mask{background:rgba(24,24,27,.28)}
-.mask[hidden]{display:none}
-.mask.center{align-items:center}
-.palette{
-  width:min(600px,92vw);margin-top:12vh;background:var(--surface-2);
-  border:1px solid var(--line-strong);border-radius:var(--r-sheet);box-shadow:var(--sh-overlay);
-  overflow:hidden;display:flex;flex-direction:column;max-height:66vh;
-}
-.palette-input{
-  display:flex;align-items:center;gap:9px;padding:12px 14px;border-bottom:1px solid var(--line);flex:none;
-}
-.palette-input svg{width:17px;height:17px;color:var(--t3);flex:none}
-.palette-input input{
-  flex:1;min-width:0;background:transparent;border:0;outline:none;color:var(--t1);
-  font-size:15px;
-}
-.palette-input input::placeholder{color:var(--t3)}
-.palette-input .kbd{flex:none}
-.palette-list{overflow-y:auto;padding:6px;min-height:0}
-.pgroup{padding:4px 4px 2px}
-.pgroup-label{font-size:10.5px;letter-spacing:.5px;color:var(--t3);padding:6px 9px 3px;text-transform:uppercase}
-.pitem{
-  display:flex;align-items:center;gap:9px;width:100%;padding:7px 9px;border:1px solid transparent;
-  border-radius:8px;background:transparent;color:var(--t2);text-align:left;font-size:var(--fs-meta);
-}
-.pitem svg{width:14px;height:14px;color:var(--t3);flex:none}
-.pitem .label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
-.pitem .label b{color:var(--t1);font-weight:600}
-.pitem .hint{font-size:11px;color:var(--t3);white-space:nowrap}
-.pitem .scope{
-  font-size:10px;color:var(--t3);border:1px solid var(--line);border-radius:var(--r-pill);
-  padding:0 5px;line-height:15px;white-space:nowrap;
-}
-.pitem[aria-selected="true"]{background:var(--surface-3);border-color:var(--line);color:var(--t1);box-shadow:inset 2px 0 0 var(--accent-2)}
-.pitem[aria-selected="true"] svg{color:var(--accent-2)}
-.palette-foot{
-  border-top:1px solid var(--line);padding:7px 12px;display:flex;align-items:center;gap:12px;
-  font-size:11px;color:var(--t3);flex:none;flex-wrap:wrap;
-}
-.palette-foot .grow{flex:1}
-.palette-empty{padding:26px 16px;text-align:center;color:var(--t3);font-size:var(--fs-meta)}
-
-/* 会话设置 popover */
-.popover{
-  position:fixed;right:320px;bottom:96px;width:400px;max-width:calc(100vw - 32px);
-  background:var(--surface-2);border:1px solid var(--line-strong);border-radius:var(--r-sheet);
-  box-shadow:var(--sh-overlay);z-index:70;overflow:hidden;
-}
-body.run-collapsed .popover{right:24px}
-.popover[hidden]{display:none}
-.pop-head{display:flex;align-items:center;gap:8px;padding:11px 13px;border-bottom:1px solid var(--line);font-size:var(--fs-meta);font-weight:600}
-.pop-head .sub{margin-left:auto;font-size:11px;color:var(--t3);font-weight:400}
-.pop-body{padding:11px 13px;max-height:min(62vh,470px);overflow-y:auto}
-.field{margin-bottom:12px}
-.field:last-child{margin-bottom:0}
-.field label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--t2);margin-bottom:5px}
-.field label .scope{
-  margin-left:auto;font-size:10px;color:var(--t3);border:1px solid var(--line);
-  border-radius:var(--r-pill);padding:0 6px;line-height:16px;
-}
-.field select{
-  width:100%;height:32px;padding:0 8px;background:var(--surface-3);color:var(--t1);
-  border:1px solid var(--line);border-radius:8px;font-size:var(--fs-meta);
-}
-.field select:focus{border-color:var(--accent-2);outline:none}
-.field .src-line{font-size:11px;color:var(--t3);margin-top:4px;display:flex;gap:5px;align-items:center}
-.field .src-line svg{width:11px;height:11px;flex:none}
-.seg{display:flex;gap:4px;background:var(--surface-3);border:1px solid var(--line);border-radius:9px;padding:3px}
-.seg button{
-  flex:1;height:26px;border:0;border-radius:6px;background:transparent;color:var(--t2);font-size:12px;
-}
-.seg button.on{background:var(--surface-2);color:var(--t1);box-shadow:0 1px 3px rgba(0,0,0,.18);font-weight:600}
-.field .inline-chk{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--t3);margin-top:6px}
-.field .inline-chk input{accent-color:var(--accent-2)}
-.pop-effective{
-  margin:0 13px 11px;padding:8px 10px;border:1px dashed var(--line);border-radius:8px;
-  font-size:11.5px;color:var(--t2);line-height:1.65;
-}
-.pop-effective b{color:var(--t1)}
-.pop-foot{display:flex;align-items:center;gap:8px;padding:9px 13px;border-top:1px solid var(--line)}
-.pop-foot .grow{flex:1;font-size:11px;color:var(--t3)}
-
-/* 快捷键表 */
-.sheet{
-  width:min(560px,92vw);background:var(--surface-2);border:1px solid var(--line-strong);
-  border-radius:var(--r-sheet);box-shadow:var(--sh-overlay);overflow:hidden;margin:auto;
-}
-.sheet-head{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--line);font-weight:600}
-.sheet-head .iconbtn{margin-left:auto}
-.sheet-body{padding:12px 14px;display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}
-.sheet-row{display:flex;align-items:center;gap:8px;font-size:var(--fs-meta);color:var(--t2)}
-.sheet-row .grow{flex:1}
-.sheet-row .kbd{font-size:10.5px}
-.sheet-note{grid-column:1/-1;font-size:11.5px;color:var(--t3);border-top:1px solid var(--line);padding-top:9px;margin-top:3px}
-
-/* toast */
-#toastWrap{position:fixed;left:50%;top:60px;transform:translateX(-50%);z-index:120;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}
-.toast{
-  pointer-events:none;background:var(--surface-3);color:var(--t1);border:1px solid var(--line-strong);
-  border-radius:var(--r-pill);padding:7px 14px;font-size:12.5px;box-shadow:var(--sh-panel);
-  opacity:0;transform:translateY(-6px);transition:opacity var(--dur-slow),transform var(--dur-slow);
-  max-width:min(560px,90vw);text-align:center;
-}
-.toast.show{opacity:1;transform:translateY(0)}
-.toast.warn{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 40%,var(--line))}
-
-@keyframes pulse{50%{opacity:.4}}
-@keyframes blink{50%{opacity:.35}}
-.caret{display:inline-block;width:7px;height:15px;background:var(--accent-2);vertical-align:-2px;margin-left:2px;animation:blink 1.1s infinite;border-radius:1px}
-
-/* ============================================================
-   3. 响应式：1180 收右栏 / 900 侧栏图标化
-   ============================================================ */
-@media (max-width:1180px){
-  .app{grid-template-columns:232px minmax(0,1fr) 0px}
-  .runpanel{border-left:0;opacity:0;pointer-events:none}
-  .run-chip{display:inline-flex}
-  .popover{right:24px}
-  .stream,.foot-inner{max-width:760px}
-  /* 窄屏：右栏变成覆盖式抽屉，不挤压正文 */
-  body.run-drawer .runpanel{
-    position:fixed;right:0;top:48px;bottom:0;width:300px;opacity:1;pointer-events:auto;
-    border-left:1px solid var(--line);z-index:60;box-shadow:var(--sh-panel);
-    background:var(--surface-1);transition:none;
-  }
-  body.run-drawer .runpanel-head{background:var(--surface-1)}
-  body.run-drawer .runpanel-head .iconbtn svg{transform:rotate(180deg)}
-}
-@media (max-width:980px){
-  .app{grid-template-columns:64px minmax(0,1fr) 0px}
-  .sidebar .ws-row .name,.sidebar .ws-row .chev,.side-search,.new-chat span,.sess .m,.group-label,.side-foot .grow,.side-foot .ver{display:none}
-  .ws-row{justify-content:center;padding:7px 0;margin:10px 8px}
-  .new-chat{margin:0 8px 8px;height:34px}
-  .new-chat svg{margin:0}
-  .session-scroll{padding:0 6px 8px}
-  .sess{padding:8px 0;text-align:center}
-  .sess .t{display:none}
-  .sess .abbr{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:7px;background:var(--surface-3);font-size:11px;color:var(--t2)}
-  .side-foot{justify-content:center;padding:8px 4px}
-  .draft-badge{display:none}
-  .stream{padding:var(--sp-4) var(--sp-3) var(--sp-3)}
-  .foot{padding:8px 12px 10px}
-  .runstrip .metric.optional{display:none}
-  .settings-btn .model-label{max-width:88px}
-  .settings-btn .perm-label,.settings-btn .sep{display:none}
-}
-@media (max-width:720px){
-  .topbar{padding:0 10px;gap:6px}
-  .crumb{display:none}
-  .settings-btn{max-width:150px}
-  .bubble{max-width:100%}
-}
-@media (prefers-reduced-motion:reduce){
-  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
-}
-
-/* ===================== 适配层（旧 id 规则 → 新 class 骨架） ===================== */
-/* 页面骨架：旧 body 是 flex 列、header/main/footer 是老布局；这里让 .app 的 grid 生效。 */
-html,body{height:100%}
-body{display:block;overflow:hidden;padding:0;transition:none}
-header.topbar{min-height:0;overflow:visible;white-space:normal;flex-wrap:nowrap;padding:0 var(--sp-4);gap:var(--sp-3)}
-main.main{padding:0;overflow-y:auto;min-width:0}
-#chat{max-width:none;margin:0;padding:0}
-#composer{max-width:none;margin:0;gap:var(--sp-2)}
-#runStrip{gap:10px;min-height:26px;margin:0 0 var(--sp-2);padding:0;background:transparent;border:0;border-radius:0;font-size:var(--fs-caption);flex-wrap:nowrap;white-space:nowrap;overflow:hidden;max-width:none}
-#statusBar{margin-top:2px;max-width:none}
-#hint{max-width:none}
-/* 旧"推开内容区"的 body padding 全部作废：三栏由 grid 负责 */
-body.traj-open,body.sub-open,body.tasks-open,body.dash-open,body.run-open{padding:0}
-/* 右栏：旧 #runPanel 是 fixed 抽屉；宽屏时它必须回到 grid 的 run 区 */
-#runPanel{position:static;right:auto;top:auto;bottom:auto;width:auto;z-index:auto;box-shadow:none;grid-area:run;border-left:1px solid var(--line);background:var(--surface-1)}
-/* 四个原并列面板：搬进右栏标签页后不再 fixed，铺满标签面板 */
-#runPanel #trajPanel,#runPanel #subPanel,#runPanel #tasksPanel,#runPanel #dashPanel{position:static;left:auto;right:auto;top:auto;bottom:auto;width:auto;max-width:none;z-index:auto;border:0;box-shadow:none;background:transparent;min-height:0}
-#runPanel #dashPanel .dash-head,#runPanel #trajPanel .tj-head,#runPanel #subPanel .sb-head,#runPanel #tasksPanel .tp-head{display:none}
-#runPanel #tjClose,#runPanel #sbClose,#runPanel #tpClose,#runPanel #dashClose{display:none}
-#runPanel #dashPanel .dash-body{padding:0}
-#trajRail{display:none}
-/* 消息气泡：设计稿选择器 .bubble，但产品 DOM 是 .msg-user>.bubble；逐字复制设计稿 declare */
-.msg-user .bubble{background:var(--user-bubble);border:1px solid var(--line);border-radius:16px 16px 4px 16px;padding:10px 15px;max-width:min(560px,88%);font-size:var(--fs-body-lg);line-height:1.6;white-space:pre-wrap;word-break:break-word}
-/* 会话设置浮层：设计稿 .popover 定位（右栏 300px + 20px） */
-#sessSheet{right:320px;bottom:96px;width:400px;max-width:calc(100vw - 32px)}
-body.run-open #sessSheet{right:320px}
-body:not(.run-open) #sessSheet{right:24px}
-/* 底部状态条：设计稿 .runstrip 的六项/分隔符（id 规则会压过 class，逐字复制关键项） */
-#runStrip .metric,#runStrip .rs-field{color:var(--t2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
-#runStrip .sep{color:var(--t3);opacity:.7;flex:none}
-#runStrip .grow{flex:1;min-width:8px}
-#runStrip .bar{width:44px;height:4px;border-radius:2px;background:var(--surface-3);overflow:hidden;display:inline-block;vertical-align:1px}
-#runStrip .bar i{display:block;height:100%;width:0;background:var(--accent2);border-radius:2px;transition:width var(--dur-fast) var(--ease)}
-/* 右栏标签页：复用设计稿 .seg 的外观（segmented control），只补面板容器 */
-.run-tabs{margin:0 0 var(--sp-3)}
-.run-tabs button{font-size:var(--fs-caption)}
-.run-tabpanels{display:flex;flex-direction:column;min-height:0;flex:1}
-.run-tabpanel{flex:1;min-height:0;overflow-y:auto;padding:0 0 var(--sp-2)}
-.run-tabpanel-head{display:flex;align-items:center;gap:8px;font-size:var(--fs-meta);color:var(--t2);padding:0 0 var(--sp-2)}
-.run-tabpanel-head .grow{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
-.run-legacy{border:1px dashed var(--line);border-radius:var(--r-card);margin-top:var(--sp-3);padding:6px 10px;background:var(--surface-1)}
-.run-legacy>summary{cursor:pointer;list-style:none;font-size:var(--fs-caption);color:var(--t3)}
-.run-legacy>summary::-webkit-details-marker{display:none}
-.run-legacy[open]>summary{color:var(--t2);margin-bottom:4px}
-#tjList,#sbList{max-height:42vh;overflow-y:auto}
-/* 顶栏：设计稿没有的窄屏侧栏抽屉开关（<900 才出现） */
-.side-toggle{display:none}
-.draft-badge[hidden]{display:none}
-/* 会话列表滚动区：空态 */
-.sess-empty{padding:10px;color:var(--dim);font-size:var(--fs-meta)}
-/* 侧栏工作空间：设计稿 .ws-row 里是按钮；产品是原生 select，铺满并去掉边框 */
-.ws-row select{flex:1;min-width:0;background:transparent;border:0;color:var(--text);font-size:var(--fs-meta);font-weight:600;padding:0;height:auto;appearance:none;-webkit-appearance:none;cursor:pointer}
-.ws-row select:focus{outline:none;border-color:var(--accent2)}
-/* 侧栏底部：环境徽章/费用/管理/主题（设计稿 .side-foot 语义） */
-.side-foot{min-width:0}
-.side-foot #envBadge{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:110px;background:transparent;border:0;padding:0;color:var(--t3)}
-.side-foot #costBadge{font-size:11px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}
-.side-foot .iconbtn{width:24px;height:24px;padding:0;border:1px solid transparent;background:transparent;color:var(--t3)}
-/* 消息里的设计稿 turn-head（助手/模型 chip） */
-.msg-ai .turn-head .chip.mono{font-family:var(--mono);font-size:10.5px}
-/* 设计稿 .cmd（权限确认里的命令/问题正文） */
-.perm-card .cmd{font-family:var(--mono);font-size:12.5px;color:var(--text);background:var(--code-bg);border:1px solid var(--line);border-radius:8px;padding:7px 10px;overflow-x:auto;white-space:pre-wrap;word-break:break-word}
-/* 设计稿 .field（会话设置里的三件套） */
-.ss-field.field{margin-bottom:12px}
-/* 设计稿 .edit（右栏会话配置的「改」） */
-.rp-kv .edit{margin-left:auto;font-size:11px;color:var(--accent2);background:none;border:0;padding:0;cursor:pointer}
-.rp-kv .edit:hover{text-decoration:underline}
-/* 设计稿 .ai-dot / .avatar 已由规则体覆盖；这里只保证尺寸在既有结构里不被压扁 */
-.turn-head{flex-wrap:wrap}
-/* 断点：<1180 右栏变覆盖式抽屉；<900 侧栏变抽屉（任务要求的抽屉语义；设计稿在 980 把侧栏图标化，
-   两者都保留左侧可达性，这里按任务要求实现抽屉，差异登记在 §3.78） */
-@media (max-width:1180px){
-  #runPanel{position:fixed;top:48px;right:0;bottom:0;width:300px;max-width:92vw;z-index:60;display:none;box-shadow:var(--sh-panel)}
-  body.run-drawer #runPanel{display:flex}
-  #sessSheet,body.run-open #sessSheet{right:24px}
-}
-@media (max-width:900px){
-  #runPanel{width:300px}
-  .sidebar{position:fixed;left:0;top:48px;bottom:0;width:264px;z-index:61;transform:translateX(-100%);transition:transform var(--dur-slow) var(--ease);box-shadow:12px 0 32px rgba(0,0,0,.4)}
-  body.side-drawer .sidebar{transform:none}
-  .side-toggle{display:inline-flex}
-  body:not(.side-drawer) .sidebar{pointer-events:none}
-  body.side-drawer .sidebar{pointer-events:auto}
-}
-@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
-
-/* ===================== §3.78 适配层（续）：标签页滚动 / 运行 chip / 单列断点 ===================== */
-/* 右栏内部：指标固定、标签页内容各自滚动（设计稿 .runpanel-body 本身是滚动容器） */
-#runPanel .runpanel-body{display:flex;flex-direction:column;overflow:hidden}
-#runPanel .run-tabpanels{flex:1;min-height:0;display:flex;flex-direction:column}
-#runPanel .run-tabpanel{flex:1;min-height:0;overflow-y:auto;padding:0}
-.run-tabs{flex:none}
-/* 顶栏「运行」chip：右栏收起时出现（设计稿 body.run-collapsed .run-chip；产品判据是 body:not(.run-open)） */
-#runChip{display:none}
-body:not(.run-open) #runChip{display:inline-flex}
-/* <900：单列 + 侧栏抽屉（任务要求"侧栏变抽屉"；设计稿在 980 把侧栏图标化，差异登记 §3.78） */
-@media (max-width:900px){
-  .app{grid-template-columns:minmax(0,1fr);grid-template-areas:"top" "main" "foot"}
-}
-
-
-/* —— §3.78 无障碍覆盖：--faint 在 --bg3/--panel 上只有 3.26/3.76:1（低于 4.5:1），
-   承载信息的次要文本改用 --dim（在 --bg3 5.67:1 / --panel 6.53:1）；--faint 仅留装饰（分隔符/三角/占位）。
-   这是对设计稿 --t3 用法的**有意偏离**，逐条登记在 §3.78。 —— */
-.sess .m,.kv dt,.kv .src,.rsec-title,.metric-box .l,.metric-box .v small,.runpanel-head .sub,.run-foot,.side-foot,.side-foot .grow{color:var(--dim)}
-.sess .m .dot{background:var(--dim)}
-.palette-foot,.palette-empty,.pgroup-label,.pitem .hint,.pitem .scope{color:var(--dim)}
-/* 子Agent 计数徽章：原来绝对定位挂在左侧图标轨，现在挂在标签页按钮里 */
-#subBadge{position:static;display:inline-block;margin-left:4px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--err);color:#fff;font-size:9.5px;line-height:16px;text-align:center;font-weight:700;vertical-align:1px}
-@media (min-width:1181px){
-  body.rail-collapsed .app{grid-template-columns:264px minmax(0,1fr) 0px}
-}
+/* —— §3.83 对比度：承载信息的次要文本从 --faint 提到 --dim ——
+   只改下列选择器的 color，**不动** :root 里的 --faint/--dim 取值（避免全局漂移）；
+   WCAG 对比度（暗色 #81858C→#ADB2B8）：bg 4.92→8.54、bg2 4.64→8.06、
+   panel 3.76→6.53、bg3 3.26→5.67。覆盖：消息元信息/用量、提示条、任务与子Agent状态、
+   轨迹轮次与计数、工具耗时与输出计数、来源/作用域胶囊、rp-foot 说明、空态说明、底部累计状态。 */
+.msg-meta,
+.usage,
+.banner:not(.banner-warn),
+#hint,
+#statusBar,
+.sb-item .sb-meta,
+.tp-item .tp-meta,
+.tl-row .tl-dur,
+.tl-out-meta,
+.tl-more,
+.tr-round-no,
+.tr-sub-meta,
+.tr-sub-stats,
+.tr-sub-wait,
+.tr-sub-state,
+.rp-fold-meta,
+.td-fold-meta,
+.td-meta,
+.rp-kv .rp-src,
+.rp-foot .grow,
+.ss-src,
+.ss-field .ss-scope,
+.dash-head .dash-sub,
+.dr .c,
+.tr-empty,
+#emptyState .es-lead,
+.empty-step .es-main span,
+.empty-step .es-state{color:var(--dim)}
 </style>
 </head>
 <body>
-<div class="app">
-<header class="topbar" id="topBar">
-  <button id="sideToggle" class="kbtn icon side-toggle" type="button" aria-expanded="false" title="会话列表" aria-label="打开会话列表" data-i18n-title="header.sideToggle">☰</button>
-  <div class="brand"><span class="mark" aria-hidden="true">M</span><span>MingDao</span><em>Harness</em></div>
-  <div class="crumb" title="当前工作空间 › 当前会话"><span id="crumbWs">工作空间</span><span class="sep">›</span><b id="crumbSession">新对话</b></div>
-  <span class="draft-badge" id="draftBadge" hidden>草稿 · 未发送</span>
+<header>
+  <div class="logo">MingDao <span>Harness</span></div>
+  <!-- v0.6.21 小步重排（§3.81）：顶栏只保留「我在哪」的当前位置；模型/预设/权限只在 #sessSheet 里改。 -->
+  <span id="crumb" class="badge" title="当前工作空间 › 当前会话"><span id="crumbWs">工作空间</span><span aria-hidden="true"> › </span><b id="crumbSession">新对话</b></span>
   <span id="cfgMsg" class="badge" style="display:none"></span>
-  <div class="top-actions">
-    <button id="runChip" class="kbtn run-chip" type="button" title="本轮运行面板（窄屏以抽屉展开）" aria-expanded="false" data-i18n-title="header.run"><span class="dot" aria-hidden="true"></span><span data-i18n="header.run">运行</span></button>
-    <button id="paletteBtn" class="kbtn" type="button" title="搜索或运行命令（⌘K / Ctrl+K）" aria-haspopup="dialog" aria-label="搜索或运行命令"><span data-i18n="header.paletteLabel">搜索或运行</span><span class="kbd">⌘K</span></button>
-    <button id="cfgBtn" class="kbtn icon" type="button" title="设置" aria-label="设置" data-i18n-title="header.settingsTitle" data-i18n-aria-label="header.settingsTitle">⚙</button>
+  <button id="paletteBtn" title="搜索或运行命令（⌘K / Ctrl+K）" aria-haspopup="dialog">⌘K <span class="palette-label">搜索或运行</span></button>
+  <button id="cfgBtn" title="设置">⚙</button>
+  <button id="runChip" title="本轮运行面板（窄屏以抽屉展开）" aria-expanded="false">运行</button>
+  <button id="themeBtn" title="切换明暗主题（跟随系统时由系统偏好决定）" aria-label="切换明暗主题">🌙</button>
+  <select id="wsSel" title="工作空间（切换 / 新建，目录自动创建）"></select>
+  <span class="badge" id="envBadge"></span>
+  <div class="hdr-right">
+    <div class="spacer"></div>
+    <span class="badge badge-btn" id="costBadge" title="省钱仪表盘（点击展开）" style="cursor:pointer">📊 —</span>
+    <input id="sessionSearch" placeholder="搜索会话…" title="关键词检索历史会话">
+    <select id="sessions" title="历史会话"><option value="">历史会话</option></select>
+    <button id="tasksBtn" title="任务面板">任务</button><button id="sessMgrBtn" title="管理会话（重命名/删除）">✎</button>
+    <button id="newChat">新对话</button>
   </div>
 </header>
-<aside class="sidebar" id="sidebar" aria-label="会话与工作空间">
-  <div class="ws-row" title="工作空间（切换 / 新建，目录自动创建）">
-    <span class="ico" aria-hidden="true">📁</span>
-    <select id="wsSel" aria-label="工作空间" data-i18n-title="header.wsTitle"></select>
-    <span class="chev" aria-hidden="true">⌄</span>
-  </div>
-  <div class="side-search">
-    <span aria-hidden="true">🔎</span>
-    <input id="sessionSearch" type="search" placeholder="搜索会话…" aria-label="搜索会话" data-i18n-placeholder="header.searchPlaceholder" data-i18n-title="header.searchTitle">
-  </div>
-  <button class="new-chat" id="newChat" type="button" data-i18n="header.newChat">＋ 新对话</button>
-  <nav class="session-scroll" id="sessionNav" aria-label="会话列表"></nav>
-  <select id="sessions" title="历史会话" data-i18n-title="header.sessions" hidden aria-hidden="true"><option value="">历史会话</option></select>
-  <div class="side-foot">
-    <span class="avatar" aria-hidden="true">M</span>
-    <span class="grow" id="envBadge"></span>
-    <span class="ver" id="costBadge" title="省钱仪表盘（点击展开）" data-i18n-title="header.costTitle" style="cursor:pointer">📊 —</span>
-    <button id="sessMgrBtn" class="iconbtn" type="button" title="管理会话（重命名/删除）" aria-label="管理会话" data-i18n-title="header.sessMgrTitle" data-i18n-aria-label="header.sessMgrTitle">✎</button>
-    <button id="themeBtn" class="iconbtn" type="button" title="切换明暗主题" aria-label="切换明暗主题" data-i18n-title="header.theme" data-i18n-aria-label="header.theme">🌙</button>
-  </div>
-</aside>
-<main class="main">
-<!-- 主区（标签 <main>）：三栏的中间列；对话流与末尾轨迹区块都必须在它里面 -->
-<div class="stream">
+<div id="trajRail">
+  <button class="rail-btn" id="trajRailBtn" title="轨迹（点击查看详情）">🧭</button>
+  <button class="rail-btn" id="subRailBtn" title="子 Agent">🤖<span class="rail-badge" id="subBadge" style="display:none"></span></button>
+</div>
+<main>
   <!-- P1-6 空态三步引导（v0.6.19 §3.70）：无会话 / 无消息时显示；示例任务只填入输入框，不自动发送。 -->
   <div id="emptyState" hidden>
     <h2>开始第一轮</h2>
@@ -1422,115 +685,120 @@ body:not(.run-open) #runChip{display:inline-flex}
     <div id="tdBody">
       <section class="td-fold">
         <button class="td-fold-head" type="button" data-fold="trace" aria-controls="tdTraceFoldBody" aria-expanded="true">轨迹<span class="td-fold-meta" id="tdTraceMeta">—</span></button>
-        <div id="tdTraceFoldBody"><div id="tdTraceList" aria-live="polite"></div></div>
+        <div id="tdTraceFoldBody"><div id="tdTraceList"></div></div>
       </section>
       <section class="td-fold">
         <button class="td-fold-head" type="button" data-fold="subs" aria-controls="tdSubFoldBody" aria-expanded="true">子Agent<span class="td-fold-meta" id="tdSubMeta">—</span></button>
-        <div id="tdSubFoldBody"><div id="tdSubList" aria-live="polite"></div></div>
+        <div id="tdSubFoldBody"><div id="tdSubList"></div></div>
       </section>
     </div>
   </section>
-</div>
 </main>
-<footer class="foot">
-<div class="foot-inner">
+<footer>
   <!-- P0-1 常驻运行状态条（v0.6.18 §3.68）：唯一刷新出口 renderWorkStatus()。
        六个 data-k 字段是 smoke §148 的结构锚点：phase / ttft / tps / ctx / tools / cost。
        数据只来自既有 SSE progress·usage·done 事件与 /api/state（不新增每帧轮询）。 -->
-  <div id="runStrip" class="runstrip" role="status" aria-live="polite" aria-atomic="true">
-    <span class="rs-phase phase metric" data-k="phase"><span class="pdot rs-dot" id="rsDot" aria-hidden="true"></span><b id="rsPhase">空闲</b></span>
-    <span class="sep" aria-hidden="true">·</span>
+  <div id="runStrip" class="run-strip" role="status" aria-live="polite" aria-atomic="true">
+    <span class="rs-phase" data-k="phase"><span class="rs-dot" aria-hidden="true"></span><b id="rsPhase">空闲</b></span>
+    <span class="rs-sep" aria-hidden="true">·</span>
     <span class="rs-field" data-k="ttft">首帧 <b id="rsTtft">—</b></span>
-    <span class="sep" aria-hidden="true">·</span>
-    <span class="rs-field metric" data-k="tps">吞吐 <b id="rsTps">—</b> tok/s</span>
-    <span class="sep" aria-hidden="true">·</span>
-    <span class="rs-field metric ctx" data-k="ctx">上下文 <span class="bar" aria-hidden="true"><i id="rsCtxBar"></i></span><b id="rsCtx">—</b></span>
-    <span class="sep" aria-hidden="true">·</span>
-    <span class="rs-field metric optional" data-k="tools">工具 <b id="rsTools">0 次工具调用</b></span>
-    <span class="sep" aria-hidden="true">·</span>
-    <span class="rs-field metric" data-k="cost">本轮费用 <b id="rsCost">—</b></span>
+    <span class="rs-sep" aria-hidden="true">·</span>
+    <span class="rs-field" data-k="tps">吞吐 <b id="rsTps">—</b> tok/s</span>
+    <span class="rs-sep" aria-hidden="true">·</span>
+    <span class="rs-field" data-k="ctx">上下文 <b id="rsCtx">—</b></span>
+    <span class="rs-sep" aria-hidden="true">·</span>
+    <span class="rs-field" data-k="tools">工具 <b id="rsTools">0 次工具调用</b></span>
+    <span class="rs-sep" aria-hidden="true">·</span>
+    <span class="rs-field" data-k="cost">本轮费用 <b id="rsCost">—</b></span>
     <span class="rs-detail" id="rsDetail"></span>
     <span class="rs-bg" id="rsBg" style="display:none"></span>
-    <span class="grow"></span>
-    <button class="stopbtn" id="stripStop" type="button" disabled title="停止本轮">■ 停止</button>
   </div>
   <input type="file" id="fileInput" accept="image/png,image/jpeg,image/gif,image/webp,.txt,.md,.json,.js,.py,.log,.csv,.html,.css" multiple style="display:none">
   <div id="attachList" style="display:none"></div>
-  <div id="composer" class="composer">
-    <button id="attachBtn" class="attach" type="button" title="上传图片或文本文件（图片需支持视觉的模型）" aria-label="添加附件" data-i18n-title="footer.attachTitle">📎</button>
-    <div class="input-wrap">
-      <textarea id="input" rows="1" placeholder="输入任务…（Enter 发送，Shift+Enter 换行）" aria-label="输入任务" data-i18n-placeholder="footer.inputPlaceholder"></textarea>
-      <div class="input-meta"><span>Enter 发送 · Shift+Enter 换行</span><span class="grow"></span><span>⌘K 命令 · ⌘/ 快捷键</span></div>
-    </div>
-    <!-- P1-5 会话设置弹层：模型 / 预设 / 权限三件套收进同一个 popover；按钮上印当前生效值。 -->
-    <button id="sessSettingsBtn" class="settings-btn" type="button" title="会话设置：模型 / 预设 / 权限（含生效值与来源）" data-i18n-title="footer.sessSettingsTitle" aria-haspopup="dialog" aria-expanded="false"><b id="chipModel">模型</b><span class="sep">·</span><span id="chipPerm">权限</span></button>
-    <button id="sendBtn" class="send primary" type="button" data-i18n="footer.send">发送</button>
+  <div id="composer">
+    <button id="attachBtn" title="上传图片或文本文件（图片需支持视觉的模型）">📎</button>
+    <textarea id="input" rows="1" placeholder="输入任务…（Enter 发送，Shift+Enter 换行）"></textarea>
+    <!-- P1-5 会话设置弹层（v0.6.19 §3.70）：模型 / 预设 / 权限三件套收进同一个 popover，
+         按钮上直接印当前生效的模型与权限（用户一眼知道"东西没丢"）。原三个 select 保留在弹层内
+         （send()/init() 仍按既有 id 读取），不再占输入区。 -->
+    <button id="sessSettingsBtn" title="会话设置：模型 / 预设 / 权限（含生效值与来源）" aria-haspopup="dialog" aria-expanded="false"><b id="chipModel">模型</b><span class="sep">·</span><span id="chipPerm">权限</span></button>
+    <button id="sendBtn" class="primary">发送</button>
   </div>
-  <div id="hint"><span id="hintText">工具执行与权限确认会实时展示；生成中（含等待权限确认时）可点「■ 停止」立即中断。</span><label style="margin-left:12px;cursor:pointer;user-select:none"><input type="checkbox" id="journalChk" style="vertical-align:-2px;margin:0 4px 0 0"><span data-i18n="footer.journal">📌 带上文（最近会话日志，默认关＝新会话全新开始）</span></label></div>
+  <div id="hint"><span id="hintText">工具执行与权限确认会实时展示；生成中（含等待权限确认时）可点「■ 停止」立即中断。</span><label style="margin-left:12px;cursor:pointer;user-select:none"><input type="checkbox" id="journalChk" style="vertical-align:-2px;margin:0 4px 0 0">📌 带上文（最近会话日志，默认关＝新会话全新开始）</label></div>
   <div id="statusBar" title="累计使用统计（轮次/步数/LLM 与工具时长/首 token/吞吐/缓存命中/输入输出 tokens）"></div>
-</div>
 </footer>
 
 <!-- P1-4 右栏「本轮运行」（v0.6.19 §3.70）：与底部状态条**同源**（runPanelView → runStripView → runState），
      ≥1180 默认展开并推开正文；<1180 收起为顶栏「运行」chip，点开是覆盖式抽屉。无新增轮询。 -->
-<aside id="runPanel" class="runpanel" aria-label="本轮运行" hidden>
-  <div class="runpanel-head">
-    <span class="live" aria-hidden="true"></span>
-    <span>本轮运行</span>
-    <span class="sub">指标口径：本轮（非累计）</span>
-    <button id="rpCollapse" class="iconbtn" type="button" title="收起右栏" aria-label="收起右栏">›</button>
-  </div>
-  <div class="runpanel-body">
-    <section class="rsec">
-      <div class="rsec-title">会话配置<span class="line"></span></div>
-      <dl class="kv">
-        <dt>模型</dt><dd><span id="rpModel">—</span><span class="src" id="rpModelSrc">来源：设置</span><button class="edit" type="button" data-open-settings>改</button></dd>
-        <dt>API id</dt><dd><span class="chip mono" id="rpModelId">—</span></dd>
-        <dt>预设</dt><dd><span id="rpPreset">无预设</span><span class="src">本轮</span><button class="edit" type="button" data-open-settings>改</button></dd>
-        <dt>权限</dt><dd><span id="rpPerm">—</span><span class="src" id="rpPermSrc">—</span><button class="edit" type="button" data-open-settings>改</button></dd>
+<aside id="runPanel" aria-label="本轮运行" hidden>
+  <div class="rp-head"><span class="rp-live" aria-hidden="true"></span><span>本轮运行</span><span class="rp-sub">指标口径：本轮（非累计）</span><button id="rpCollapse" type="button" title="收起右栏">收起</button></div>
+  <!-- §3.82：状态条（阶段/首帧/吞吐/工具数/上下文/费用）留在顶部，不随标签切换。 -->
+  <div class="rp-top">
+    <section class="rp-sec">
+      <div class="rp-sec-title">会话配置<span class="line"></span></div>
+      <dl class="rp-kv">
+        <dt>模型</dt><dd><span id="rpModel">—</span><span class="rp-src" id="rpModelSrc">设置</span></dd>
+        <dt>API id</dt><dd><span class="rp-id" id="rpModelId">—</span></dd>
+        <dt>预设</dt><dd><span id="rpPreset">无预设</span><span class="rp-src">本轮</span></dd>
+        <dt>权限</dt><dd><span id="rpPerm">—</span><span class="rp-src" id="rpPermSrc">—</span></dd>
       </dl>
     </section>
-    <section class="rsec">
-      <div class="rsec-title">本轮数据<span class="line"></span></div>
-      <div class="metrics">
-        <div class="metric-box"><span class="l">阶段</span><span class="v" data-rk="phase" id="rpPhase">空闲</span></div>
-        <div class="metric-box"><span class="l">首帧 TTFT</span><span class="v" data-rk="ttft" id="rpTtft">—</span></div>
-        <div class="metric-box"><span class="l">吞吐</span><span class="v" data-rk="tps"><span id="rpTps">—</span><small>tok/s</small></span></div>
-        <div class="metric-box"><span class="l">工具步数</span><span class="v" data-rk="tools" id="rpTools">0</span></div>
-        <div class="metric-box"><span class="l">本轮用时</span><span class="v" id="rpTime">—</span></div>
-        <div class="metric-box wide"><span class="l">上下文占用 <span id="rpCtxTotal" style="float:right;color:var(--dim)"></span></span><div class="ctxbar"><i id="rpCtxBar"></i></div><div class="ctx-legend"><span>估算值 · 超 75% 提醒</span><span data-rk="ctx" id="rpCtx">—</span></div></div>
-        <div class="metric-box wide"><span class="l">本轮费用（估算）</span><span class="v" data-rk="cost" id="rpCost">—</span></div>
+    <section class="rp-sec">
+      <div class="rp-sec-title">本轮数据<span class="line"></span></div>
+      <div class="rp-metrics">
+        <div class="rp-metric"><span class="l">阶段</span><span class="v" data-rk="phase" id="rpPhase">空闲</span></div>
+        <div class="rp-metric"><span class="l">首帧 TTFT</span><span class="v" data-rk="ttft" id="rpTtft">—</span></div>
+        <div class="rp-metric"><span class="l">吞吐</span><span class="v" data-rk="tps"><span id="rpTps">—</span><small>tok/s</small></span></div>
+        <div class="rp-metric"><span class="l">工具步数</span><span class="v" data-rk="tools" id="rpTools">0</span></div>
+        <div class="rp-metric"><span class="l">本轮用时</span><span class="v" id="rpTime">—</span></div>
+        <div class="rp-metric wide"><span class="l">上下文占用</span><span class="v" data-rk="ctx" id="rpCtx">—</span><div class="rp-ctxbar"><i id="rpCtxBar"></i></div></div>
+        <div class="rp-metric wide"><span class="l">本轮费用（估算）</span><span class="v" data-rk="cost" id="rpCost">—</span></div>
       </div>
     </section>
-    <nav class="seg run-tabs" id="rpTabs" role="tablist" aria-label="本轮运行标签页">
-      <button type="button" data-tab="traj" id="trajRailBtn" role="tab" aria-selected="true" aria-controls="trajPanel" class="on">轨迹</button>
-      <button type="button" data-tab="sub" id="subRailBtn" role="tab" aria-selected="false" aria-controls="subPanel">子Agent<span class="rail-badge" id="subBadge" style="display:none"></span></button>
-      <button id="tasksBtn" type="button" data-tab="tasks" role="tab" aria-selected="false" aria-controls="tasksPanel" aria-label="任务面板" data-i18n-aria-label="header.tasks">任务</button>
-      <button type="button" data-tab="dash" id="dashTabBtn" role="tab" aria-selected="false" aria-controls="dashPanel">仪表盘</button>
-    </nav>
-    <div class="run-tabpanels">
-      <aside id="trajPanel" class="run-tabpanel" role="tabpanel" aria-labelledby="trajRailBtn" style="display:flex">
-        <div class="run-tabpanel-head"><span>🧭 任务轨迹</span><span class="grow" id="tjSummary"></span><button id="tjClose" type="button" class="iconbtn" title="关闭">✕</button></div>
-        <section class="rp-sec">
-          <button class="rp-sec-title rp-fold-head" type="button" data-fold="trace" aria-controls="rpTraceFoldBody" aria-expanded="true">轨迹<span class="rp-fold-meta" id="rpTraceMeta">—</span><span class="line"></span><span class="rp-fold-tri" aria-hidden="true"></span></button>
-          <div id="rpTraceFoldBody"><div id="rpTraceList" aria-live="polite" class="tr-list"></div></div>
-        </section>
-        <details class="run-legacy"><summary>逐条调用（含参数与结果）</summary><div id="tjList"></div></details>
+  </div>
+  <!-- §3.82 第二步：四个标签。只切 display（railTabDisplay），节点不销毁、id 不变。 -->
+  <div class="rp-tabs" role="tablist" aria-label="右栏标签">
+    <button id="rtTrace" type="button" role="tab" data-tab="trace" aria-selected="true" aria-controls="tabTrace" class="seg on">轨迹</button>
+    <button id="rtSub" type="button" role="tab" data-tab="sub" aria-selected="false" aria-controls="tabSub" class="seg">子Agent</button>
+    <button id="rtTasks" type="button" role="tab" data-tab="tasks" aria-selected="false" aria-controls="tabTasks" class="seg">任务</button>
+    <button id="rtDash" type="button" role="tab" data-tab="dash" aria-selected="false" aria-controls="tabDash" class="seg">仪表盘</button>
+  </div>
+  <div class="rp-tabbody">
+    <section id="tabTrace" class="rp-tab" role="tabpanel" aria-labelledby="rtTrace" data-tab="trace">
+      <!-- §3.73：轨迹折叠区（renderTracePanels 写入 #rpTraceList，不在这里重写）。 -->
+      <section class="rp-sec" id="rpTraceSec">
+        <button class="rp-sec-title rp-fold-head" type="button" data-fold="trace" aria-controls="rpTraceFoldBody" aria-expanded="true">轨迹<span class="rp-fold-meta" id="rpTraceMeta">—</span><span class="line"></span><span class="rp-fold-tri" aria-hidden="true"></span></button>
+        <div id="rpTraceFoldBody"><div id="rpTraceList" class="tr-list"></div></div>
+      </section>
+      <!-- 旧轨迹面板随标签搬入（id/子节点原样保留，openTraj 仍写 #tjList）；默认收起，避免与上面的轮次列表重复。 -->
+      <aside id="trajPanel" style="display:none">
+        <div class="tj-head">🧭 任务轨迹<span id="tjSummary" style="font-size:11.5px;color:var(--faint);font-weight:400"></span><button id="tjClose">关闭</button></div>
+        <div id="tjList"></div>
       </aside>
-      <aside id="subPanel" class="run-tabpanel" role="tabpanel" aria-labelledby="subRailBtn" style="display:none">
-        <div class="run-tabpanel-head"><span>🤖 子 Agent</span><span class="grow" id="sbCount"></span><button id="sbClose" type="button" class="iconbtn" title="关闭">✕</button></div>
-        <section class="rp-sec">
-          <button class="rp-sec-title rp-fold-head" type="button" data-fold="subs" aria-controls="rpSubFoldBody" aria-expanded="true">子Agent<span class="rp-fold-meta" id="rpSubMeta">—</span><span class="line"></span><span class="rp-fold-tri" aria-hidden="true"></span></button>
-          <div id="rpSubFoldBody"><div id="rpSubList" aria-live="polite" class="tr-list"></div></div>
-        </section>
-        <details class="run-legacy"><summary>子代理记录（原面板节点）</summary><div id="sbList"></div></details>
+    </section>
+    <section id="tabSub" class="rp-tab" role="tabpanel" aria-labelledby="rtSub" data-tab="sub" style="display:none">
+      <!-- §3.73：子Agent 折叠区（renderTracePanels 写入 #rpSubList）。 -->
+      <section class="rp-sec" id="rpSubSec">
+        <button class="rp-sec-title rp-fold-head" type="button" data-fold="subs" aria-controls="rpSubFoldBody" aria-expanded="true">子Agent<span class="rp-fold-meta" id="rpSubMeta">—</span><span class="line"></span><span class="rp-fold-tri" aria-hidden="true"></span></button>
+        <div id="rpSubFoldBody"><div id="rpSubList" class="tr-list"></div></div>
+      </section>
+      <!-- 旧子Agent 面板随标签搬入（id/子节点原样保留）；默认收起。 -->
+      <aside id="subPanel" style="display:none">
+        <div class="sb-head">🤖 子 Agent<span id="sbCount" style="font-size:11.5px;color:var(--faint);font-weight:400"></span><button id="sbClose">关闭</button></div>
+        <div id="sbList"></div>
       </aside>
-      <aside id="tasksPanel" class="run-tabpanel" role="tabpanel" aria-labelledby="tasksBtn" style="display:none">
-        <div class="run-tabpanel-head"><span>🗂 任务面板</span><span class="grow" id="tpCount"></span><button id="tpClose" type="button" class="iconbtn" title="关闭">✕</button></div>
+    </section>
+    <section id="tabTasks" class="rp-tab rp-tab-flush" role="tabpanel" aria-labelledby="rtTasks" data-tab="tasks" style="display:none">
+      <!-- 任务面板：原 <aside id="tasksPanel"> 整体搬入（#tpList/#tpCount 不动），宽度改为跟随右栏。 -->
+      <aside id="tasksPanel" style="display:none">
+        <div class="tp-head">任务面板 <span id="tpCount"></span><button id="tpClose" style="float:right">✕</button></div>
         <div id="tpList"></div>
       </aside>
-      <aside id="dashPanel" class="run-tabpanel" role="tabpanel" aria-labelledby="dashTabBtn" style="display:none">
-        <div class="run-tabpanel-head"><span>📊 省钱仪表盘</span><span class="grow">费用 · 命中 · 节省</span><button id="dashClose" type="button" class="iconbtn" title="关闭">✕</button></div>
+    </section>
+    <section id="tabDash" class="rp-tab rp-tab-flush" role="tabpanel" aria-labelledby="rtDash" data-tab="dash" style="display:none">
+      <!-- 省钱仪表盘：原 <aside id="dashPanel"> 整体搬入（KPI/趋势/Top 全部保留），宽度改为跟随右栏。 -->
+      <aside id="dashPanel" style="display:none">
+        <div class="dash-head">📊 省钱仪表盘 <span class="dash-sub">费用 · 命中 · 节省</span><button id="dashClose">✕</button></div>
         <div class="dash-body">
           <div class="dash-kpi">
             <div class="kpi"><span class="kpi-l">今日费用</span><span class="kpi-v" id="kpiToday">—</span></div>
@@ -1552,36 +820,34 @@ body:not(.run-open) #runChip{display:inline-flex}
           <div id="dashRecent" class="dash-recent"></div>
         </div>
       </aside>
-    </div>
+    </section>
   </div>
-  <div class="run-foot"><span class="grow" id="rpFootNote">停止与压缩：与状态条同一条停止出口</span><button id="rpCompact" type="button" hidden title="后端有 /compact 时才显示">压缩上下文</button><button id="rpStop" type="button" disabled>■ 停止</button></div>
+  <div class="rp-foot"><span class="grow" id="rpFootNote">停止与压缩：与状态条同一条停止出口</span><button id="rpCompact" type="button" hidden title="后端有 /compact 时才显示">压缩上下文</button><button id="rpStop" type="button" disabled>■ 停止</button></div>
 </aside>
-</div>
-
 
 <!-- P1-5 会话设置弹层 -->
-<div id="sessSheet" class="popover" role="dialog" aria-modal="true" aria-label="会话设置" hidden>
-  <div class="ss-head"><span data-i18n="sess.title">⚙ 会话设置</span><span class="ss-sub" data-i18n="sess.sub">模型 / 预设 / 权限</span><button id="ssClose" type="button" data-i18n="sess.close">关闭</button></div>
+<div id="sessSheet" role="dialog" aria-modal="false" aria-label="会话设置" hidden>
+  <div class="ss-head">⚙ 会话设置<span class="ss-sub">模型 / 预设 / 权限</span><button id="ssClose" type="button">关闭</button></div>
   <div class="ss-body">
-    <div class="ss-field field">
-      <label for="modelSel"><span data-i18n="sess.model">模型</span><span class="ss-scope" data-i18n="sess.scopeModel">全局 · 下一轮生效</span></label>
+    <div class="ss-field">
+      <label for="modelSel">模型<span class="ss-scope">全局 · 下一轮生效</span></label>
       <select id="modelSel" title="切换模型"></select>
       <div class="ss-src"><b id="ssModelLabel">—</b><br><span id="ssModelId">API id: —</span><br><span id="ssModelSrc">来源：设置 › 模型与密钥 · 写入 config.json，下一轮生效</span></div>
-      <div class="ss-src" id="ssModelAliasHint" hidden data-i18n="sess.aliasHint">显示名来自 config.modelLabels，请求使用 API id。</div>
+      <div class="ss-src" id="ssModelAliasHint" hidden>显示名来自 config.modelLabels，请求使用 API id。</div>
     </div>
-    <div class="ss-field field">
-      <label for="presetSel"><span data-i18n="sess.preset">预设</span><span class="ss-scope" data-i18n="sess.scopePreset">仅下一轮</span></label>
+    <div class="ss-field">
+      <label for="presetSel">预设<span class="ss-scope">仅下一轮</span></label>
       <select id="presetSel" title="智能体预设：一键切换工具白名单/权限/参数组合（选「无预设」恢复默认）"><option value="">无预设</option></select>
-      <div class="ss-src" data-i18n="sess.presetSource">来源：你的选择 · 只影响下一轮（工具白名单 / 参数）；不改变权限来源。</div>
+      <div class="ss-src" id="ssPresetSrc">当前：无预设 · 来源：你的选择 · 仅下一轮（工具白名单 / 参数）；不改变权限来源。</div>
     </div>
-    <div class="ss-field field">
-      <label><span data-i18n="sess.permission">权限</span><span class="ss-scope" data-i18n="sess.scopePerm">全局 + 本轮</span></label>
+    <div class="ss-field">
+      <label>权限<span class="ss-scope">全局 + 本轮</span></label>
       <select id="permSel" title="权限模式：询问＝写文件/执行命令前先确认（推荐） · 自动＝全部直接放行 · 只读＝禁止修改与执行。此处选择随每条消息一起发送，优先于预设声明的权限（预设只能收紧、不能提权）">
         <option value="ask">询问</option>
         <option value="auto">自动</option>
         <option value="readonly">只读</option>
       </select>
-      <div class="ss-seg seg" id="ssPermSeg" role="group" aria-label="权限模式">
+      <div class="ss-seg" id="ssPermSeg" role="group" aria-label="权限模式">
         <button type="button" data-perm="ask">询问</button>
         <button type="button" data-perm="auto">自动</button>
         <button type="button" data-perm="readonly">只读</button>
@@ -1589,7 +855,7 @@ body:not(.run-open) #runChip{display:inline-flex}
       <div class="ss-src" id="ssPermSrc">permission=ask（来源：default）</div>
     </div>
     <div class="ss-field" id="ssReasoningField" hidden>
-      <label for="reasoningSel"><span data-i18n="sess.reasoning">推理等级</span><span class="ss-scope" data-i18n="sess.scopeGlobal">全局</span></label>
+      <label for="reasoningSel">推理等级<span class="ss-scope">全局</span></label>
       <select id="reasoningSel" title="思考模式（推理等级）：关＝不推理省 token · 低 · 高（默认）· 最高＝最强推理">
         <option value="off">关</option>
         <option value="low">低</option>
@@ -1599,26 +865,26 @@ body:not(.run-open) #runChip{display:inline-flex}
     </div>
   </div>
   <div class="ss-effective" id="ssEffective">本轮实际生效：—</div>
-  <div class="ss-foot"><span class="grow" data-i18n="sess.footNote">每项右侧标了作用域；模型/预设/权限都只在这里改</span><button id="ssDone" type="button" class="primary" data-i18n="sess.done">完成</button></div>
+  <div class="ss-foot"><span class="grow">每项右侧标了作用域；模型/预设/权限都只在这里改</span><button id="ssDone" type="button" class="primary">完成</button></div>
 </div>
 
 <!-- P1-2 命令面板（⌘K / Ctrl+K） -->
-<div class="overlay mask" id="paletteMask" hidden>
-  <div class="palette" role="dialog" aria-modal="true" aria-label="命令面板" data-i18n-aria-label="palette.title">
+<div class="overlay" id="paletteMask" hidden>
+  <div class="palette" role="dialog" aria-modal="true" aria-label="命令面板">
     <div class="palette-input">
       <span aria-hidden="true">🔎</span>
-      <input id="paletteInput" type="text" placeholder="搜索会话、工作空间、模型、预设、权限、设置项…" data-i18n-placeholder="palette.placeholder" role="combobox" aria-expanded="true" aria-controls="paletteList" aria-activedescendant="" autocomplete="off">
+      <input id="paletteInput" type="text" placeholder="搜索会话、工作空间、模型、预设、权限、设置项…" role="combobox" aria-expanded="true" aria-controls="paletteList" aria-activedescendant="" autocomplete="off">
       <span class="kbd">Esc</span>
     </div>
     <div class="palette-list" id="paletteList" role="listbox" aria-label="命令"></div>
-    <div class="palette-foot"><span><span class="kbd">↑</span><span class="kbd">↓</span> <span data-i18n="palette.select">选择</span></span><span><span class="kbd">↵</span> <span data-i18n="palette.run">执行</span></span><span><span class="kbd">esc</span> <span data-i18n="palette.close">关闭</span></span><span class="grow"></span><span data-i18n="palette.scopeNote">作用域标签 = 改动影响范围</span></div>
+    <div class="palette-foot"><span><span class="kbd">↑</span><span class="kbd">↓</span> 选择</span><span><span class="kbd">↵</span> 执行</span><span><span class="kbd">esc</span> 关闭</span><span class="grow"></span><span>作用域标签 = 改动影响范围</span></div>
   </div>
 </div>
 
 <!-- P1-3 快捷键表（⌘/ / Ctrl+/）：只列**真实实现**的快捷键 -->
-<div class="overlay mask center" id="shortcutMask" hidden>
-  <div class="shortcut-sheet sheet" role="dialog" aria-modal="true" aria-label="键盘快捷键">
-    <div class="shortcut-head">⌨️ 键盘快捷键<span style="font-size:11px;color:var(--dim);font-weight:400">（只列已实现项）</span><button id="shortcutClose" type="button">关闭</button></div>
+<div class="overlay center" id="shortcutMask" hidden>
+  <div class="shortcut-sheet" role="dialog" aria-modal="true" aria-label="键盘快捷键">
+    <div class="shortcut-head">⌨️ 键盘快捷键<span style="font-size:11px;color:var(--faint);font-weight:400">（只列已实现项）</span><button id="shortcutClose" type="button">关闭</button></div>
     <div class="shortcut-rows">
       <div class="shortcut-row" data-shortcut="⌘K"><span class="kbd">⌘K / Ctrl+K</span><span class="grow">命令面板（搜索 / 切换 / 执行）</span></div>
       <div class="shortcut-row" data-shortcut="⌘/"><span class="kbd">⌘/ / Ctrl+/</span><span class="grow">打开本表</span></div>
@@ -1642,17 +908,6 @@ body:not(.run-open) #runChip{display:inline-flex}
   </div>
 </div>
 
-<!-- P2-2 危险操作二次确认（v0.6.19 §3.76）：说明后果 + 必须点「确认」；回车不确认，Esc 取消。
-     role/aria-modal 由 installDialog 补齐；初始焦点落在「取消」（避免误按回车执行）。 -->
-<div class="overlay center" id="dangerMask" hidden>
-  <div class="modal danger-modal" id="dangerDialog" role="dialog" aria-modal="true" aria-labelledby="dangerTitle" aria-describedby="dangerBody">
-    <h3 id="dangerTitle" data-i18n="danger.title">确认危险操作</h3>
-    <div class="danger-body" id="dangerBody"></div>
-    <p class="danger-note" id="dangerNote" data-i18n="danger.note">需要点击「确认」才会执行；按回车不会确认，Esc 取消。</p>
-    <div class="row"><button id="dangerCancel" type="button" data-i18n="danger.cancel">取消</button><button id="dangerOk" type="button" class="danger" data-i18n="danger.confirm">确认</button></div>
-  </div>
-</div>
-
 <div id="modalRoot"></div>
 <div id="sessModal" class="modal-mask" style="display:none">
   <div class="modal">
@@ -1663,23 +918,22 @@ body:not(.run-open) #runChip{display:inline-flex}
 </div>
 <div id="cfgModal" class="modal-mask" style="display:none">
   <div class="modal cfg-modal">
-    <h3 data-i18n="settings.title">⚙ 设置</h3>
+    <h3>⚙ 设置</h3>
     <!-- P1-7 设置分组 + 搜索（v0.6.19 §3.70）：按用户任务分组；输入关键字按标题/说明/placeholder 过滤，
          不匹配的 .cfg-row 带 hidden 属性；命中项高亮。 -->
-    <div class="cfg-search"><input id="cfgSearch" placeholder="搜索设置项（标题 / 关键字，如 沙箱、超时、Key）…" data-i18n-placeholder="settings.searchPlaceholder" aria-label="搜索设置项" autocomplete="off"><span class="cfg-search-count" id="cfgSearchCount"></span></div>
-    <div class="cfg-hint" data-i18n="settings.defaultSource">默认值来自 config.js 内置默认表（/api/state.defaults 只读透出）</div>
+    <div class="cfg-search"><input id="cfgSearch" placeholder="搜索设置项（标题 / 关键字，如 沙箱、超时、Key）…" aria-label="搜索设置项" autocomplete="off"><span class="cfg-search-count" id="cfgSearchCount"></span></div>
     <div class="cfg-body">
     <nav class="cfg-nav">
-      <button class="cfg-nav-btn active" data-panel="models" data-group="model" data-i18n="nav.models">🔌 模型与端点</button>
-      <button class="cfg-nav-btn" data-panel="runtime" data-group="runtime" data-i18n="nav.runtime">⏱️ 运行与超时</button>
-      <button class="cfg-nav-btn" data-panel="permissions" data-group="permission" data-i18n="nav.permissions">🛡️ 权限与沙箱</button>
-      <button class="cfg-nav-btn" data-panel="appearance" data-group="appearance" data-i18n="nav.appearance">🎨 外观</button>
-      <button class="cfg-nav-btn" data-panel="workspace" data-group="workspace" data-i18n="nav.workspace">📁 工作空间</button>
-      <button class="cfg-nav-btn" data-panel="schedule" data-group="automation" data-i18n="nav.schedule">⏰ 调度队列</button>
-      <button class="cfg-nav-btn" data-panel="sync" data-group="sync" data-i18n="nav.sync">☁️ 云同步与协作</button>
-      <button class="cfg-nav-btn" data-panel="memory" data-group="memory" data-i18n="nav.memory">🧠 长期记忆</button>
-      <button class="cfg-nav-btn" data-panel="mcp" data-group="ecosystem" data-i18n="nav.mcp">🔌 MCP 生态</button>
-      <button class="cfg-nav-btn" data-panel="skills" data-group="ecosystem" data-i18n="nav.skills">🧩 技能库</button>
+      <button class="cfg-nav-btn active" data-panel="models" data-group="model">🔌 模型与端点</button>
+      <button class="cfg-nav-btn" data-panel="runtime" data-group="runtime">⏱️ 运行与超时</button>
+      <button class="cfg-nav-btn" data-panel="permissions" data-group="permission">🛡️ 权限与沙箱</button>
+      <button class="cfg-nav-btn" data-panel="appearance" data-group="appearance">🎨 外观</button>
+      <button class="cfg-nav-btn" data-panel="workspace" data-group="workspace">📁 工作空间</button>
+      <button class="cfg-nav-btn" data-panel="schedule" data-group="automation">⏰ 调度队列</button>
+      <button class="cfg-nav-btn" data-panel="sync" data-group="sync">☁️ 云同步与协作</button>
+      <button class="cfg-nav-btn" data-panel="memory" data-group="memory">🧠 长期记忆</button>
+      <button class="cfg-nav-btn" data-panel="mcp" data-group="ecosystem">🔌 MCP 生态</button>
+      <button class="cfg-nav-btn" data-panel="skills" data-group="ecosystem">🧩 技能库</button>
     </nav>
     <div class="cfg-panels">
     <section class="cfg-panel active" data-panel="models">
@@ -1731,98 +985,40 @@ body:not(.run-open) #runChip{display:inline-flex}
       </section>
     <section class="cfg-panel" data-panel="permissions">
     <h4 style="margin:4px 0;color:var(--accent2)">权限与沙箱</h4>
-    <div class="cfg-row" data-setting="permission" data-kw="权限 permission ask auto readonly 沙箱 sandbox 隔离"><label>权限模式（写文件 / 执行命令前是否确认）</label>
+    <div class="cfg-row" data-kw="权限 permission ask auto readonly 沙箱 sandbox 隔离"><label>权限模式（写文件 / 执行命令前是否确认）</label>
       <div class="cfg-hint">权限模式在 <b>⚙ 会话设置</b>（输入区右侧）里切换，含生效值与来源；此处只控制沙箱。</div>
-      <div class="cfg-cols" data-cols="permission">
-        <div class="cfg-col"><span class="cfg-col-k" data-i18n="settings.colDefault">默认</span><span class="cfg-default">ask</span></div>
-        <div class="cfg-col"><span class="cfg-col-k" data-i18n="settings.colCurrent">当前</span><span class="cfg-current">—</span></div>
-        <div class="cfg-col"><span class="cfg-col-k" data-i18n="settings.colImpact">影响</span><span class="cfg-impact">—</span></div>
-      </div>
     </div>
-    <div class="cfg-row" data-setting="sandbox" data-kw="沙箱 sandbox 隔离 bash 只读 断网"><label>沙箱模式（bash 执行隔离）</label>
+    <div class="cfg-row" data-kw="沙箱 sandbox 隔离 bash 只读 断网"><label>沙箱模式（bash 执行隔离）</label>
       <select id="sbxSel">
         <option value="off">off — 直接执行</option>
         <option value="readonly">readonly — 全盘只读（/tmp 可写）</option>
         <option value="safe">safe — 只读 + 断网（最安全）</option>
       </select>
       <div class="cfg-hint" id="sbxHint"></div>
-      <div class="cfg-cols" data-cols="sandbox">
-        <div class="cfg-col"><span class="cfg-col-k" data-i18n="settings.colDefault">默认</span><span class="cfg-default">off</span></div>
-        <div class="cfg-col"><span class="cfg-col-k" data-i18n="settings.colCurrent">当前</span><span class="cfg-current">—</span></div>
-        <div class="cfg-col"><span class="cfg-col-k" data-i18n="settings.colImpact">影响</span><span class="cfg-impact">—</span></div>
-      </div>
     </div>
       </section>
     <section class="cfg-panel" data-panel="runtime">
     <h4 style="margin:4px 0;color:var(--accent2)">运行与超时</h4>
-    <div class="cfg-row" data-setting="routing" data-kw="路由 routing 模型 router planner executor"><label><input type="checkbox" id="routeChk"> 自动模型路由（规划→pro / 执行→flash）</label>
-      <div class="cfg-cols" data-cols="routing">
-        <div class="cfg-col"><span class="cfg-col-k" data-i18n="settings.colDefault">默认</span><span class="cfg-default">关</span></div>
-        <div class="cfg-col"><span class="cfg-col-k" data-i18n="settings.colCurrent">当前</span><span class="cfg-current">—</span></div>
-        <div class="cfg-col"><span class="cfg-col-k" data-i18n="settings.colImpact">影响</span><span class="cfg-impact">—</span></div>
-      </div>
-    </div>
-    <div class="cfg-row" data-setting="contextBudget" data-kw="上下文预算 context budget tokens 窗口"><label>上下文预算 tokens <input type="number" id="budgetInput" min="1000" step="1000"></label>
-      <div class="cfg-cols" data-cols="contextBudget">
-        <div class="cfg-col"><span class="cfg-col-k" data-i18n="settings.colDefault">默认</span><span class="cfg-default">128000</span></div>
-        <div class="cfg-col"><span class="cfg-col-k" data-i18n="settings.colCurrent">当前</span><span class="cfg-current">—</span></div>
-        <div class="cfg-col"><span class="cfg-col-k" data-i18n="settings.colImpact">影响</span><span class="cfg-impact">—</span></div>
-      </div>
-    </div>
-    <div class="cfg-row" data-setting="timeout" data-kw="超时 timeout 首帧 first token 流式空闲 stream idle 总量 total 秒" style="display:flex;gap:6px;flex-wrap:wrap;align-items:flex-end">
+    <div class="cfg-row" data-kw="路由 routing 模型 router planner executor"><label><input type="checkbox" id="routeChk"> 自动模型路由（规划→pro / 执行→flash）</label></div>
+    <div class="cfg-row" data-kw="上下文预算 context budget tokens 窗口"><label>上下文预算 tokens <input type="number" id="budgetInput" min="1000" step="1000"></label></div>
+    <div class="cfg-row" data-kw="超时 timeout 首帧 first token 流式空闲 stream idle 总量 total 秒" style="display:flex;gap:6px;flex-wrap:wrap;align-items:flex-end">
       <label style="font-size:12px">首 token 等待（秒）<input type="number" id="toFirstToken" min="0" step="10" placeholder="自动"></label>
       <label style="font-size:12px">流式空闲（秒）<input type="number" id="toStreamIdle" min="0" step="10" placeholder="自动"></label>
       <label style="font-size:12px">总量（秒）<input type="number" id="toTotal" min="0" step="10" placeholder="自动"></label>
-      <div class="cfg-cols" data-cols="timeout" style="flex-basis:100%">
-        <div class="cfg-col"><span class="cfg-col-k" data-i18n="settings.colDefault">默认</span><span class="cfg-default">自适应（留空）</span></div>
-        <div class="cfg-col"><span class="cfg-col-k" data-i18n="settings.colCurrent">当前</span><span class="cfg-current">—</span></div>
-        <div class="cfg-col"><span class="cfg-col-k" data-i18n="settings.colImpact">影响</span><span class="cfg-impact">—</span></div>
-      </div>
     </div>
     <div class="cfg-hint" data-kw="超时 timeout 自适应 本地模型 首 token">留空 = 自适应：本地模型自动给更长首 token 等待（慢 prefill 不被误杀）。仅在默认值仍不够/过松时手填。</div>
-    <div class="cfg-row" data-setting="autostart" data-kw="开机自启 autostart 启动"><label><input type="checkbox" id="autoStartChk"> 开机自启（登录后自动启动服务器）</label>
-      <div class="cfg-cols" data-cols="autostart">
-        <div class="cfg-col"><span class="cfg-col-k" data-i18n="settings.colDefault">默认</span><span class="cfg-default">关</span></div>
-        <div class="cfg-col"><span class="cfg-col-k" data-i18n="settings.colCurrent">当前</span><span class="cfg-current">—</span></div>
-        <div class="cfg-col"><span class="cfg-col-k" data-i18n="settings.colImpact">影响</span><span class="cfg-impact">—</span></div>
-      </div>
-    </div>
-    <div class="cfg-row" data-setting="notify" data-kw="通知 notify 桌面 完成 失败"><label><input type="checkbox" id="notifyChk"> 后台任务完成/失败时桌面通知</label>
-      <div class="cfg-cols" data-cols="notify">
-        <div class="cfg-col"><span class="cfg-col-k" data-i18n="settings.colDefault">默认</span><span class="cfg-default">开</span></div>
-        <div class="cfg-col"><span class="cfg-col-k" data-i18n="settings.colCurrent">当前</span><span class="cfg-current">—</span></div>
-        <div class="cfg-col"><span class="cfg-col-k" data-i18n="settings.colImpact">影响</span><span class="cfg-impact">—</span></div>
-      </div>
-    </div>
+    <div class="cfg-row" data-kw="开机自启 autostart 启动"><label><input type="checkbox" id="autoStartChk"> 开机自启（登录后自动启动服务器）</label></div>
+    <div class="cfg-row" data-kw="通知 notify 桌面 完成 失败"><label><input type="checkbox" id="notifyChk"> 后台任务完成/失败时桌面通知</label></div>
       </section>
     <section class="cfg-panel" data-panel="appearance">
     <h4 style="margin:4px 0;color:var(--accent2)">外观</h4>
-    <div class="cfg-row" data-setting="theme" data-kw="主题 theme 明暗 dark light 系统 prefers-color-scheme 外观"><label>明暗主题</label>
+    <div class="cfg-row" data-kw="主题 theme 明暗 dark light 系统 prefers-color-scheme 外观"><label>明暗主题</label>
       <select id="themeSel">
         <option value="system">跟随系统（prefers-color-scheme）</option>
         <option value="dark">暗色</option>
         <option value="light">亮色</option>
       </select>
       <div class="cfg-hint">偏好写入浏览器 localStorage（mingdao-theme）；选「跟随系统」时随系统明暗实时切换。</div>
-      <div class="cfg-cols" data-cols="theme">
-        <div class="cfg-col"><span class="cfg-col-k" data-i18n="settings.colDefault">默认</span><span class="cfg-default">system</span></div>
-        <div class="cfg-col"><span class="cfg-col-k" data-i18n="settings.colCurrent">当前</span><span class="cfg-current">—</span></div>
-        <div class="cfg-col"><span class="cfg-col-k" data-i18n="settings.colImpact">影响</span><span class="cfg-impact">—</span></div>
-      </div>
-    </div>
-    <!-- P2-4（v0.6.19 §3.76）：界面语言。默认跟随 navigator.language，localStorage 覆盖。 -->
-    <div class="cfg-row" data-setting="language" data-kw="语言 language i18n 中文 english 界面"><label data-i18n="settings.language">界面语言</label>
-      <select id="langSel">
-        <option value="auto" data-i18n="settings.langAuto">跟随系统</option>
-        <option value="zh" data-i18n="settings.langZh">中文</option>
-        <option value="en" data-i18n="settings.langEn">English</option>
-      </select>
-      <div class="cfg-hint" data-i18n="settings.languageHint">默认跟随系统语言（navigator.language）；选择后写入 localStorage（mingdao-lang）。只影响界面文案，不改日志与错误原文。</div>
-      <div class="cfg-cols" data-cols="language">
-        <div class="cfg-col"><span class="cfg-col-k" data-i18n="settings.colDefault">默认</span><span class="cfg-default">auto</span></div>
-        <div class="cfg-col"><span class="cfg-col-k" data-i18n="settings.colCurrent">当前</span><span class="cfg-current">—</span></div>
-        <div class="cfg-col"><span class="cfg-col-k" data-i18n="settings.colImpact">影响</span><span class="cfg-impact">—</span></div>
-      </div>
     </div>
     <div class="cfg-row" data-kw="快捷键 keyboard shortcut ⌘K 命令面板"><label>快捷键</label>
       <div class="cfg-hint">⌘K / Ctrl+K 命令面板 · ⌘/ / Ctrl+/ 快捷键表 · Esc 分层关闭 / 停止本轮。答"实际实现了哪些"以快捷键表为准。</div>
@@ -1864,7 +1060,7 @@ body:not(.run-open) #runChip{display:inline-flex}
     <hr style="border:none;border-top:1px solid var(--border);margin:14px 0 8px">
     <h4 style="margin:4px 0;color:var(--accent2)">长期记忆（注入每次会话的偏好/约定）</h4>
     <textarea id="memArea" rows="5" placeholder="例如：所有文档用中文；提交信息用约定式提交…" style="width:100%;background:var(--bg3);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:6px 10px;font-size:12.5px;resize:vertical"></textarea>
-    <div class="row" style="justify-content:flex-start"><button id="memSave">保存记忆</button><button id="memDedupe">去重合并</button><button id="memClear" class="danger" data-i18n="settings.memClear">清空记忆</button><span id="memMsg" style="font-size:12px;color:var(--dim)"></span></div>
+    <div class="row" style="justify-content:flex-start"><button id="memSave">保存记忆</button><button id="memDedupe">去重合并</button><span id="memMsg" style="font-size:12px;color:var(--faint)"></span></div>
       </section>
 
     <section class="cfg-panel" data-panel="mcp">
@@ -1885,7 +1081,7 @@ body:not(.run-open) #runChip{display:inline-flex}
       </section>
     </div>
   </div>
-    <div class="row" style="margin-top:12px"><button id="cfgReset" class="danger" style="margin-right:auto" data-i18n="settings.reset">恢复默认配置</button><button id="cfgCancel" data-i18n="settings.cancel">取消</button><button class="primary" id="cfgSave" data-i18n="settings.save">保存</button></div>
+    <div class="row" style="margin-top:12px"><button id="cfgCancel">取消</button><button class="primary" id="cfgSave">保存</button></div>
   </div>
 </div>
 <!-- 回到底部悬浮按钮（参照 DeepSeek-Harness：上滚时出现，点击回到最新消息） -->
@@ -1904,8 +1100,6 @@ body:not(.run-open) #runChip{display:inline-flex}
     </div>
   </div>
 </div>
-<!-- P2-3 读屏播报：内容只在状态变化时由 updateLiveRegion() 写入（同一状态重复渲染不更新）。 -->
-<div id="a11yLive" class="sr-only" role="status" aria-live="polite" aria-atomic="true"></div>
 <script type="module" src="/app.js"></script>
 </body>
 </html>