aws-runtime-bridge 1.9.172 → 1.9.179

package/dist/routes/dashboard.js

@@ -1,146 +1,480 @@
-import{execFile as X}from"node:child_process";import v from"node:fs";import k from"node:os";import O from"node:path";import{Router as Q}from"express";import{getBridgeVersion as Z,getRuntimeHomeDir as ee,getUserHomeDir as te}from"../config.js";import{getAccessControlEntries as ne,isValidIpEntry as se,parseAllowIps as re,refreshAccessControlCache as ae}from"../services/access-control.js";import{getAgentProcessManager as E}from"../services/agent-process-manager.js";import{autoRegister as oe,getRegistrationState as z,getAutoRegisterConfigFilePath as T}from"../services/auto-register.js";import{createSession as ie,getPanelCredentials as L,validateSession as D,destroySession as F,validateCredentials as _,hasConfiguredCredentials as P,isDefaultCredentials as de,setPanelCredentials as le,getAllSessions as ce,getActiveSessionCount as ue,checkLoginAllowed as ge,recordLoginFailure as pe,recordLoginSuccess as fe}from"../services/panel-auth.js";import{getRuntimeBindingPublicState as V,getRuntimePairingCode as me,normalizeSchedulerBaseUrl as be}from"../services/runtime-binding.js";import{collectSystemMetrics as he}from"../services/system-metrics.js";import{loadPersistedSessions as ve}from"../services/terminal-persistence.js";import{runExclusiveConfigWrite as J}from"../utils/config-write-queue.js";import{createLogger as ye,getRecentLogs as xe}from"../utils/logger.js";import{sdkSessions as we}from"./terminal.js";const x=ye("dashboard");let A=null;const Se=1e4;let M=null,R=null;const Ie=3e4;async function j(){he().then(t=>{M={data:t,ts:Date.now()}}).catch(()=>{}),E().discoverAllProcesses().then(t=>{R={data:t,ts:Date.now()}}).catch(()=>{}),E().cleanupStaleRegistry().catch(()=>{})}const ke=12e4;let C=null,w=null;function Ce(){w&&(clearTimeout(w),w=null),w=setTimeout(Be,ke),w.unref?.(),C===null&&(C=setInterval(j,Ie),C.unref?.(),j())}function Be(){C&&(clearInterval(C),C=null),w&&(clearTimeout(w),w=null)}const W=Z();async function Ee(){const t=await import("node:fs/promises"),n=(await import("node:path")).join(ee(),".aws-bridge","lifecycle-state.json");try{const s=await t.readFile(n,"utf8"),i=JSON.parse(s),r=Array.isArray(i.operations)?i.operations:[];return r.length===0?null:(r.sort((a,o)=>new Date(o.updatedAt).getTime()-new Date(a.updatedAt).getTime()),r[0]||null)}catch{return null}}const c=Q(),Te=["/runtime/login","/runtime/logout","/runtime/credentials-status","/runtime/change-credentials","/runtime/server-config","/runtime/access-control","/runtime/node-info","/runtime/logs","/runtime/re-register","/runtime/admin","/runtime/kill-process","/runtime/dashboard","/login","/setup"];function Pe(t){return t==="/"?!0:Te.some(e=>t===e||t.startsWith(`${e}/`))}c.use((t,e,n)=>{Pe(t.path)&&Ce(),n()});const q="panel_sid";function Ae(t){const e={};if(!t)return e;for(const n of t.split(";")){const s=n.indexOf("=");if(s===-1)continue;const i=n.slice(0,s).trim(),r=n.slice(s+1).trim();i&&(e[i]=r)}return e}function N(t){return Ae(t.headers.cookie)[q]}function G(t,e,n){const s=t.secure||t.headers["x-forwarded-proto"]==="https";return`${q}=${e}; HttpOnly; SameSite=Lax; Path=/${s?"; Secure":""}; Max-Age=${n}`}function m(t,e){const n=N(t);return n&&D(n)?!0:t.xhr||t.headers.accept?.includes("application/json")?(e.status(401).json({ok:!1,error:"unauthorized",needLogin:!0}),!1):(e.redirect("/login"),!1)}c.post("/runtime/login",(t,e)=>{const n=t.socket.remoteAddress||"unknown",s=ge(n);if(!s.allowed){e.status(429).set("Retry-After",String(s.retryAfterSec)).json({ok:!1,error:"too many failed login attempts, try again later",retryAfterSec:s.retryAfterSec});return}const{username:i,password:r}=t.body||{};if(!i||!r){e.status(400).json({ok:!1,error:"username and password required"});return}if(!_(String(i),String(r))){pe(n),e.status(401).json({ok:!1,error:"invalid credentials"});return}fe(n);const a=ie(),o=!P();e.setHeader("Set-Cookie",G(t,a,86400)),e.json({ok:!0,needSetup:o})}),c.post("/runtime/logout",(t,e)=>{const n=N(t);n&&F(n),e.setHeader("Set-Cookie",G(t,"",0)),e.json({ok:!0})}),c.get("/runtime/credentials-status",(t,e)=>{if(!m(t,e))return;const n=L();e.json({ok:!0,isDefault:de(),configured:P(),username:n.username})}),c.post("/runtime/change-credentials",async(t,e)=>{if(!m(t,e))return;const{username:n,password:s,passwordConfirm:i,oldPassword:r}=t.body||{};if(s&&String(s).trim()){if(String(s)!==String(i)){e.status(400).json({ok:!1,error:"passwords do not match"});return}if(P()){if(!r){e.status(400).json({ok:!1,error:"old password required"});return}const o=L();if(!_(o.username,String(r))){e.status(403).json({ok:!1,error:"old password is incorrect"});return}}}if(!n||!String(n).trim()){e.status(400).json({ok:!1,error:"username required"});return}const a=s&&String(s).trim()?String(s).trim():L().password;try{await le(String(n).trim(),a),e.json({ok:!0})}catch(o){const l=o;x.error("Failed to change panel credentials:",l.message),e.status(500).json({ok:!1,error:l.message})}});function $(t){const e=typeof t=="string"?t.trim():"";if(e)return e.length<8?"\u2022\u2022\u2022\u2022":"\u2022\u2022\u2022\u2022"+e.slice(-4)}function Y(t){const e=Array.isArray(t.autoRegisterTargets)?t.autoRegisterTargets.filter(s=>!!(s&&typeof s=="object"&&!Array.isArray(s))):[];return e.length>0?e:["serverUrl","schedulerBaseUrl","userKey"].some(s=>!!String(t[s]??"").trim())?[t]:[]}const Re=["enabled","serverUrl","schedulerBaseUrl","tenantId","userKey","connectionKey","password","instanceName","instanceId","projectId","roleName","workspacePath","registerAddr","registerIp","virtualIp","tunnel","preferSameLanIp","maxRetries","retryInterval"];function Ne(t){const e={};for(const n of Re)t[n]!==void 0&&(e[n]=t[n]);return e}function Ue(t,e){const n=String(t.connectionKey??"").trim()||String(e??"").trim();return{serverUrl:String(t.serverUrl??t.schedulerBaseUrl??"").trim(),tenantId:String(t.tenantId??"").trim(),instanceName:String(t.instanceName??"").trim(),instanceId:String(t.instanceId??"").trim()||void 0,registerAddr:String(t.registerAddr??"").trim(),tunnel:typeof t.tunnel=="boolean"?t.tunnel:void 0,userKeyMasked:$(t.userKey),userKeySet:!!String(t.userKey??"").trim(),connectionKeyMasked:$(n),connectionKeySet:!!n}}function U(t){return be(t)??String(t||"").trim()}c.get("/runtime/server-config",(t,e)=>{if(!m(t,e))return;const n=T();let s={};if(v.existsSync(n))try{s=JSON.parse(v.readFileSync(n,"utf-8"))}catch{e.status(500).json({ok:!1,error:"config.json is not valid JSON; fix it manually first"});return}const i=String(s.connectionKey??"").trim()||void 0,r=Y(s).map(a=>Ue(a,i));e.json({ok:!0,targets:r})});function H(t,e){const n=new Error(e);return n.status=t,n}c.post("/runtime/server-config",async(t,e)=>{if(!m(t,e))return;const n=(t.body||{}).targets;if(!Array.isArray(n)){e.status(400).json({ok:!1,error:"targets array is required"});return}const s=[];for(let r=0;r<n.length;r++){const a=n[r];if(!a||typeof a!="object"||Array.isArray(a)){e.status(400).json({ok:!1,error:`targets[${r}] must be an object`});return}const o=a,l=String(o.serverUrl??o.schedulerBaseUrl??"").trim();if(!l){e.status(400).json({ok:!1,error:`targets[${r}].serverUrl is required`});return}try{const d=new URL(l);if(!["http:","https:"].includes(d.protocol))throw new Error("protocol must be http or https")}catch{e.status(400).json({ok:!1,error:`targets[${r}].serverUrl must be a valid http(s) URL`});return}const p=o.tunnel;let f;if(p==="auto"||p===""||p===null||p===void 0)f=void 0;else if(p===!0||p==="true")f=!0;else if(p===!1||p==="false")f=!1;else{e.status(400).json({ok:!1,error:`targets[${r}].tunnel must be auto, true or false`});return}const h=String(o.originalServerUrl??"").trim();s.push({serverUrl:l,originalServerUrl:h&&h!==l?h:"",userKey:String(o.userKey??"").trim(),tenantId:String(o.tenantId??"").trim(),instanceName:String(o.instanceName??"").trim(),connectionKey:String(o.connectionKey??"").trim(),registerAddr:String(o.registerAddr??"").trim(),tunnel:f})}const i=new Set;for(const r of s){const a=U(r.serverUrl);if(i.has(a)){e.status(400).json({ok:!1,error:"duplicate serverUrl in targets"});return}i.add(a)}try{const r=T();await J(r,()=>{let a={};if(v.existsSync(r))try{a=JSON.parse(v.readFileSync(r,"utf-8"))}catch{throw H(500,"config.json is not valid JSON; fix it manually first")}const o=String(a.connectionKey??"").trim(),l=Y(a),p=l.length>0&&l[0]===a,f=new Map(l.map(d=>[U(String(d.serverUrl??d.schedulerBaseUrl??"").trim()),p?Ne(d):d])),h=[];for(const d of s){let b;if(d.originalServerUrl){const S=U(d.originalServerUrl);b=f.get(S),b&&f.delete(S)}if(!b){const S=U(d.serverUrl);b=f.get(S),b&&f.delete(S)}const u=b?{...b}:{};if(u.serverUrl=d.serverUrl,u.tenantId=d.tenantId,u.instanceName=d.instanceName,u.registerAddr=d.registerAddr,d.tunnel===void 0?delete u.tunnel:u.tunnel=d.tunnel,d.userKey)u.userKey=d.userKey;else if(!String(u.userKey??"").trim())throw H(400,`userKey is required for ${d.serverUrl} (new target without inheritable userKey)`);d.connectionKey?u.connectionKey=d.connectionKey:!String(u.connectionKey??"").trim()&&o&&(u.connectionKey=o),h.push(u)}a.autoRegisterTargets=h;for(const d of["enabled","serverUrl","schedulerBaseUrl","tenantId","userKey","connectionKey","password","instanceName","instanceId","registerAddr","registerIp","virtualIp","tunnel"])delete a[d];v.mkdirSync(O.dirname(r),{recursive:!0}),v.writeFileSync(r,JSON.stringify(a,null,2),"utf-8")}),x.info("Server connection config updated via panel",{configPath:r,targetCount:s.length}),e.json({ok:!0})}catch(r){const a=r,o=Number(a.status)||500;o>=500&&x.error("Failed to save server connection config:",a.message),e.status(o).json({ok:!1,error:a.message})}}),c.get("/runtime/access-control",(t,e)=>{m(t,e)&&e.json({ok:!0,allowIps:ne(),defaultAllowIps:["0.0.0.0"]})}),c.post("/runtime/access-control",async(t,e)=>{if(!m(t,e))return;const n=(t.body||{}).allowIps;if(typeof n!="string"&&!Array.isArray(n)){e.status(400).json({ok:!1,error:"allowIps must be a string or an array"});return}const s=re(n),i=s.filter(r=>!se(r));if(i.length>0){e.status(400).json({ok:!1,error:`invalid IP/CIDR entries: ${i.join(", ")}`});return}try{const r=T();await J(r,()=>{let a={};if(v.existsSync(r))try{a=JSON.parse(v.readFileSync(r,"utf-8"))}catch{throw H(500,"config.json is not valid JSON; fix it manually first")}const o=a.accessControl&&typeof a.accessControl=="object"&&!Array.isArray(a.accessControl)?{...a.accessControl}:{};o.allowIps=s,a.accessControl=o,v.mkdirSync(O.dirname(r),{recursive:!0}),v.writeFileSync(r,JSON.stringify(a,null,2),"utf-8"),ae()}),x.info("Access control config updated via panel",{configPath:r,entryCount:s.length}),e.json({ok:!0,allowIps:s})}catch(r){const a=r,o=Number(a.status)||500;o>=500&&x.error("Failed to save access control config:",a.message),e.status(o).json({ok:!1,error:a.message})}}),c.get("/runtime/node-info",(t,e)=>{if(!m(t,e))return;const n=V(),s=z();e.json({ok:!0,hostname:k.hostname(),platform:k.platform(),arch:k.arch(),uptime:Math.floor(process.uptime()),nodeVersion:process.version,bridgeVersion:W,configPath:T(),homeDir:te(),bindingStatus:n.status,paired:n.paired,instanceId:n.instanceId||s.instanceId,schedulerBaseUrl:n.schedulerBaseUrl,registered:s.registered,pairingCode:n.pairingCode,activeSessions:ue()})}),c.get("/runtime/logs",(t,e)=>{if(!m(t,e))return;const n=t.query.level||void 0,s=Math.min(Number(t.query.count)||200,500),r=n&&["debug","info","warn","error"].includes(n)?n:void 0,a=xe(s,r);e.json({ok:!0,logs:a})}),c.post("/runtime/re-register",async(t,e)=>{if(m(t,e))try{const n=await oe();e.json({ok:n})}catch(n){const s=n;e.status(500).json({ok:!1,error:s.message})}}),c.get("/runtime/admin/sessions",(t,e)=>{if(!m(t,e))return;const n=ce().map(s=>({token:s.token.slice(0,8)+"...",createdAt:new Date(s.createdAt).toISOString(),lastUsedAt:new Date(s.lastUsedAt).toISOString(),age:Math.floor((Date.now()-s.createdAt)/1e3)}));e.json({ok:!0,sessions:n})}),c.post("/runtime/admin/sessions/:token/destroy",(t,e)=>{m(t,e)&&(F(t.params.token),e.json({ok:!0}))});function Le(t){return new Promise((e,n)=>{const s=k.platform()==="win32",i=s?"taskkill":"kill",r=s?["/PID",String(t),"/F"]:["-9",String(t)];X(i,r,{timeout:5e3},a=>a?n(a):e())})}c.post("/runtime/kill-process",async(t,e)=>{if(!m(t,e))return;const n=Number(t.body.pid);if(!n||!Number.isInteger(n)||n<=0){e.status(400).json({ok:!1,error:"Invalid PID"});return}const s=E(),i=()=>{const a=new Set,o=R?.data??[];for(const l of o)typeof l.pid=="number"&&a.add(l.pid);for(const l of s.getAllManagedProcesses())typeof l.pid=="number"&&a.add(l.pid);return a};let r=i();if(r.size===0)try{R={data:await s.discoverAllProcesses(),ts:Date.now()},r=i()}catch{}if(!r.has(n)){x.warn("Rejected kill-process for unrecognized PID",{pid:n}),e.status(404).json({ok:!1,error:"PID is not a bridge-discovered or registered agent process"});return}try{await Le(n),x.info("Killed process",{pid:n}),e.json({ok:!0})}catch(a){const o=a;x.warn("Failed to kill process",{pid:n,error:o.message}),e.status(500).json({ok:!1,error:o.message})}}),c.get("/runtime/dashboard",async(t,e)=>{if(m(t,e)){if(A&&Date.now()-A.ts<Se)return void e.json(A.data);try{const n=M?.data??null,s=R?.data??null;M||j();const[i,r,a]=await Promise.all([Promise.resolve(V()),Promise.resolve(z()),ve().catch(()=>[])]),l=E().getAllManagedProcesses(),p=Array.from(we.entries()).map(([I,y])=>({sessionId:I,agentId:y.agentId,workspacePath:y.workspacePath,runtimeStatus:y.currentRuntimeStatus||"running",runtimeActionType:y.currentRuntimeActionType,runtimeActionLabel:y.currentRuntimeActionLabel,providerId:y.providerId}));let f={managed:0,orphan:0,unknown:0},h=[];if(s){f={managed:s.filter(g=>g.managementStatus==="managed").length,orphan:s.filter(g=>g.managementStatus==="orphan").length,unknown:s.filter(g=>g.managementStatus==="unknown").length};const I=new Map(l.map(g=>[g.pid,g]));h=s.map(g=>{const B=I.get(g.pid);return{agentId:g.agentId||B?.agentId,pid:g.pid,managementStatus:g.managementStatus,sessionId:B?.sessionId,state:B?.state,command:g.command,cwd:g.cwd,startedAt:g.startedAt}});const y={managed:0,orphan:1,unknown:2};h.sort((g,B)=>(y[g.managementStatus]??9)-(y[B.managementStatus]??9))}const d=new Set(p.map(I=>I.sessionId)),b=a.filter(I=>!d.has(I.sessionId)),u=i,S=await Ee(),K={ok:!0,collectedAt:new Date().toISOString(),bridge:{version:W,hostname:k.hostname(),platform:k.platform(),arch:k.arch(),uptime:Math.floor(process.uptime()),nodeVersion:process.version},binding:{status:u.status,paired:u.paired,instanceId:u.instanceId,userId:u.userId,schedulerBaseUrl:u.schedulerBaseUrl,pairingCode:me()},registration:{registered:r.registered,instanceId:r.instanceId,lastAttempt:r.lastAttempt?.toISOString(),error:r.error},metrics:n,sessions:{active:p,activeCount:p.length,persisted:b,persistedCount:b.length,total:p.length+b.length},processes:{...f,total:f.managed+f.orphan+f.unknown,list:h,registryCount:l.length},lifecycleOperation:S};A={data:K,ts:Date.now()},e.json(K)}catch(n){const s=n;x.error("Dashboard aggregation failed:",s.message),e.status(500).json({ok:!1,error:s.message})}}}),c.get("/login",(t,e)=>{e.type("text/html; charset=utf-8"),e.send(Me)}),c.get("/",(t,e)=>{const n=N(t);if(!n||!D(n)){e.redirect("/login");return}if(!P()){e.redirect("/setup");return}const s=t.query.lang==="en"?"en":"zh";e.type("text/html; charset=utf-8"),e.send(De.replace("{{LANG}}",s))}),c.get("/setup",(t,e)=>{const n=N(t);if(!n||!D(n)){e.redirect("/login");return}e.type("text/html; charset=utf-8"),e.send(je)});const De=`<!DOCTYPE html>
+import{execFile as ne}from"node:child_process";import y from"node:fs";import B from"node:os";import V from"node:path";import{Router as ae}from"express";import{getBridgeVersion as re,getRuntimeHomeDir as se,getUserHomeDir as oe}from"../config.js";import{getAccessControlEntries as ie,isValidIpEntry as de,parseAllowIps as le,refreshAccessControlCache as ce}from"../services/access-control.js";import{getAgentProcessManager as P}from"../services/agent-process-manager.js";import{autoRegister as ue,getRegistrationState as $,getAutoRegisterConfigFilePath as A}from"../services/auto-register.js";import{createSession as ge,getPanelCredentials as D,validateSession as H,destroySession as W,validateCredentials as J,hasConfiguredCredentials as R,isDefaultCredentials as pe,setPanelCredentials as fe,getAllSessions as me,getActiveSessionCount as he,checkLoginAllowed as be,recordLoginFailure as ve,recordLoginSuccess as ye}from"../services/panel-auth.js";import{getRuntimeBindingPublicState as q,getRuntimePairingCode as xe,normalizeSchedulerBaseUrl as we}from"../services/runtime-binding.js";import{collectSystemMetrics as ke}from"../services/system-metrics.js";import{loadPersistedSessions as Se}from"../services/terminal-persistence.js";import{runExclusiveConfigWrite as G}from"../utils/config-write-queue.js";import{createLogger as Ie,getRecentLogs as Be}from"../utils/logger.js";import{buildTargetKey as T}from"../utils/target-identity.js";import{DASHBOARD_FAVICON_DATA_URI as Y,DASHBOARD_FAVICON_LINK as O}from"./dashboard-icon.js";import{THEME_CSS as j,THEME_BOOT_SCRIPT as z,THEME_FAB_SCRIPT as X}from"./dashboard-theme.js";import{sdkSessions as Ce}from"./terminal.js";const x=Ie("dashboard");let N=null;const Ee=1e4;let M=null,U=null;const Ae=3e4;async function F(){ke().then(t=>{M={data:t,ts:Date.now()}}).catch(()=>{}),P().discoverAllProcesses().then(t=>{U={data:t,ts:Date.now()}}).catch(()=>{}),P().cleanupStaleRegistry().catch(()=>{})}const Te=12e4;let C=null,k=null;function Pe(){k&&(clearTimeout(k),k=null),k=setTimeout(Re,Te),k.unref?.(),C===null&&(C=setInterval(F,Ae),C.unref?.(),F())}function Re(){C&&(clearInterval(C),C=null),k&&(clearTimeout(k),k=null)}const Q=re();async function Ne(){const t=await import("node:fs/promises"),n=(await import("node:path")).join(se(),".aws-bridge","lifecycle-state.json");try{const a=await t.readFile(n,"utf8"),o=JSON.parse(a),r=Array.isArray(o.operations)?o.operations:[];return r.length===0?null:(r.sort((s,d)=>new Date(d.updatedAt).getTime()-new Date(s.updatedAt).getTime()),r[0]||null)}catch{return null}}const f=ae(),Ue=["/runtime/login","/runtime/logout","/runtime/credentials-status","/runtime/change-credentials","/runtime/server-config","/runtime/access-control","/runtime/node-info","/runtime/logs","/runtime/re-register","/runtime/admin","/runtime/kill-process","/runtime/dashboard","/login","/setup"];function Le(t){return t==="/"?!0:Ue.some(e=>t===e||t.startsWith(`${e}/`))}f.use((t,e,n)=>{Le(t.path)&&Pe(),n()});const Z="panel_sid";function Ke(t){const e={};if(!t)return e;for(const n of t.split(";")){const a=n.indexOf("=");if(a===-1)continue;const o=n.slice(0,a).trim(),r=n.slice(a+1).trim();o&&(e[o]=r)}return e}function L(t){return Ke(t.headers.cookie)[Z]}function ee(t,e,n){const a=t.secure||t.headers["x-forwarded-proto"]==="https";return`${Z}=${e}; HttpOnly; SameSite=Lax; Path=/${a?"; Secure":""}; Max-Age=${n}`}function v(t,e){const n=L(t);return n&&H(n)?!0:t.xhr||t.headers.accept?.includes("application/json")?(e.status(401).json({ok:!1,error:"unauthorized",needLogin:!0}),!1):(e.redirect("/login"),!1)}f.post("/runtime/login",(t,e)=>{const n=t.socket.remoteAddress||"unknown",a=be(n);if(!a.allowed){e.status(429).set("Retry-After",String(a.retryAfterSec)).json({ok:!1,error:"too many failed login attempts, try again later",retryAfterSec:a.retryAfterSec});return}const{username:o,password:r}=t.body||{};if(!o||!r){e.status(400).json({ok:!1,error:"username and password required"});return}if(!J(String(o),String(r))){ve(n),e.status(401).json({ok:!1,error:"invalid credentials"});return}ye(n);const s=ge(),d=!R();e.setHeader("Set-Cookie",ee(t,s,86400)),e.json({ok:!0,needSetup:d})}),f.post("/runtime/logout",(t,e)=>{const n=L(t);n&&W(n),e.setHeader("Set-Cookie",ee(t,"",0)),e.json({ok:!0})}),f.get("/runtime/credentials-status",(t,e)=>{if(!v(t,e))return;const n=D();e.json({ok:!0,isDefault:pe(),configured:R(),username:n.username})}),f.post("/runtime/change-credentials",async(t,e)=>{if(!v(t,e))return;const{username:n,password:a,passwordConfirm:o,oldPassword:r}=t.body||{};if(a&&String(a).trim()){if(String(a)!==String(o)){e.status(400).json({ok:!1,error:"passwords do not match"});return}if(R()){if(!r){e.status(400).json({ok:!1,error:"old password required"});return}const d=D();if(!J(d.username,String(r))){e.status(403).json({ok:!1,error:"old password is incorrect"});return}}}if(!n||!String(n).trim()){e.status(400).json({ok:!1,error:"username required"});return}const s=a&&String(a).trim()?String(a).trim():D().password;try{await fe(String(n).trim(),s),e.json({ok:!0})}catch(d){const l=d;x.error("Failed to change panel credentials:",l.message),e.status(500).json({ok:!1,error:l.message})}});function te(t){const e=typeof t=="string"?t.trim():"";if(e)return e.length<8?"\u2022\u2022\u2022\u2022":"\u2022\u2022\u2022\u2022"+e.slice(-4)}function _(t){const e=Array.isArray(t.autoRegisterTargets)?t.autoRegisterTargets.filter(a=>!!(a&&typeof a=="object"&&!Array.isArray(a))):[];return e.length>0?e:["serverUrl","schedulerBaseUrl","userKey"].some(a=>!!String(t[a]??"").trim())?[t]:[]}const De=["enabled","serverUrl","schedulerBaseUrl","tenantId","userKey","connectionKey","password","instanceName","instanceId","projectId","roleName","workspacePath","registerAddr","registerIp","virtualIp","tunnel","preferSameLanIp","maxRetries","retryInterval"];function He(t){const e={};for(const n of De)t[n]!==void 0&&(e[n]=t[n]);return e}function Oe(t,e){const n=String(t.connectionKey??"").trim()||String(e??"").trim();return{serverUrl:String(t.serverUrl??t.schedulerBaseUrl??"").trim(),tenantId:String(t.tenantId??"").trim(),instanceName:String(t.instanceName??"").trim(),instanceId:String(t.instanceId??"").trim()||void 0,registerAddr:String(t.registerAddr??"").trim(),tunnel:typeof t.tunnel=="boolean"?t.tunnel:void 0,userKeyMasked:te(t.userKey),userKeySet:!!String(t.userKey??"").trim(),connectionKeyMasked:te(n),connectionKeySet:!!n,targetKey:T(String(t.serverUrl??t.schedulerBaseUrl??"").trim(),t.userKey)}}function je(t){return we(t)??String(t||"").trim()}f.get("/runtime/server-config",(t,e)=>{if(!v(t,e))return;const n=A();let a={};if(y.existsSync(n))try{a=JSON.parse(y.readFileSync(n,"utf-8"))}catch{e.status(500).json({ok:!1,error:"config.json is not valid JSON; fix it manually first"});return}const o=String(a.connectionKey??"").trim()||void 0,r=_(a).map(s=>Oe(s,o));e.json({ok:!0,targets:r})}),f.get("/runtime/server-config/connection-key",(t,e)=>{if(!v(t,e))return;const n=String((t.query||{}).targetKey??"").trim();if(!n){e.status(400).json({ok:!1,error:"targetKey is required"});return}const a=A();if(!y.existsSync(a)){e.status(404).json({ok:!1,error:"config.json not found"});return}let o;try{o=JSON.parse(y.readFileSync(a,"utf-8"))}catch{e.status(500).json({ok:!1,error:"config.json is not valid JSON"});return}const r=String(o.connectionKey??"").trim()||void 0,s=_(o).find(l=>T(String(l.serverUrl??l.schedulerBaseUrl??"").trim(),l.userKey)===n),d=String(s?.connectionKey??"").trim()||r||"";if(!d){e.status(404).json({ok:!1,error:"\u8BE5\u76EE\u6807\u5C1A\u672A\u914D\u7F6E\u8FDE\u63A5\u5BC6\u94A5\uFF1B\u542F\u52A8\u4E00\u6B21 Bridge \u4F1A\u81EA\u52A8\u751F\u6210\u5E76\u5199\u5165 config.json"});return}e.setHeader("Cache-Control","no-store"),e.json({ok:!0,connectionKey:d})});function K(t,e){const n=new Error(e);return n.status=t,n}f.post("/runtime/server-config",async(t,e)=>{if(!v(t,e))return;const n=(t.body||{}).targets;if(!Array.isArray(n)){e.status(400).json({ok:!1,error:"targets array is required"});return}const a=[];for(let o=0;o<n.length;o++){const r=n[o];if(!r||typeof r!="object"||Array.isArray(r)){e.status(400).json({ok:!1,error:`targets[${o}] must be an object`});return}const s=r,d=String(s.serverUrl??s.schedulerBaseUrl??"").trim();if(!d){e.status(400).json({ok:!1,error:`targets[${o}].serverUrl is required`});return}try{const w=new URL(d);if(!["http:","https:"].includes(w.protocol))throw new Error("protocol must be http or https")}catch{e.status(400).json({ok:!1,error:`targets[${o}].serverUrl must be a valid http(s) URL`});return}const l=s.tunnel;let m;if(l==="auto"||l===""||l===null||l===void 0)m=void 0;else if(l===!0||l==="true")m=!0;else if(l===!1||l==="false")m=!1;else{e.status(400).json({ok:!1,error:`targets[${o}].tunnel must be auto, true or false`});return}const h=String(s.originalServerUrl??"").trim();a.push({serverUrl:d,originalServerUrl:h&&h!==d?h:"",originalTargetKey:String(s.originalTargetKey??"").trim(),userKey:String(s.userKey??"").trim(),tenantId:String(s.tenantId??"").trim(),instanceName:String(s.instanceName??"").trim(),connectionKey:String(s.connectionKey??"").trim(),registerAddr:String(s.registerAddr??"").trim(),tunnel:m})}try{const o=A();await G(o,()=>{let r={};if(y.existsSync(o))try{r=JSON.parse(y.readFileSync(o,"utf-8"))}catch{throw K(500,"config.json is not valid JSON; fix it manually first")}const s=String(r.connectionKey??"").trim(),d=_(r),l=d.length>0&&d[0]===r,m=new Map;for(const i of d){const u=T(String(i.serverUrl??i.schedulerBaseUrl??"").trim(),i.userKey);m.set(u,l?He(i):i)}const h=[];for(const i of a){let u;const b=g=>{const c=m.get(g);return c&&m.delete(g),c},S=(g,c)=>T(g,c),E=g=>{const c=`${je(g)}#`;return[...m.keys()].filter(I=>I.startsWith(c))};if(i.originalTargetKey&&(u=b(i.originalTargetKey)),!u&&i.originalServerUrl&&(u=b(S(i.originalServerUrl,i.userKey)),!u)){const g=E(i.originalServerUrl);g.length===1&&(u=b(g[0]))}if(u||(u=b(S(i.serverUrl,i.userKey))),!u){const g=E(i.serverUrl);g.length>=1&&(u=b(g[0]))}const p=u?{...u}:{};if(p.serverUrl=i.serverUrl,p.tenantId=i.tenantId,p.instanceName=i.instanceName,p.registerAddr=i.registerAddr,i.tunnel===void 0?delete p.tunnel:p.tunnel=i.tunnel,i.userKey)p.userKey=i.userKey;else if(!String(p.userKey??"").trim())throw K(400,`userKey is required for ${i.serverUrl} (new target without inheritable userKey)`);i.connectionKey?p.connectionKey=i.connectionKey:!String(p.connectionKey??"").trim()&&s&&(p.connectionKey=s),h.push(p)}const w=new Map;for(let i=0;i<h.length;i++){const u=h[i],b=T(String(u.serverUrl??u.schedulerBaseUrl??"").trim(),u.userKey),S=w.get(b);if(S!==void 0)throw K(400,`duplicate target: ${String(u.serverUrl??"")} appears in both targets[${S}] and targets[${i}] with the same API key; the same scheduler address can be added multiple times only with different API keys`);w.set(b,i)}r.autoRegisterTargets=h;for(const i of["enabled","serverUrl","schedulerBaseUrl","tenantId","userKey","connectionKey","password","instanceName","instanceId","registerAddr","registerIp","virtualIp","tunnel"])delete r[i];y.mkdirSync(V.dirname(o),{recursive:!0}),y.writeFileSync(o,JSON.stringify(r,null,2),"utf-8")}),x.info("Server connection config updated via panel",{configPath:o,targetCount:a.length}),e.json({ok:!0})}catch(o){const r=o,s=Number(r.status)||500;s>=500&&x.error("Failed to save server connection config:",r.message),e.status(s).json({ok:!1,error:r.message})}}),f.get("/runtime/access-control",(t,e)=>{v(t,e)&&e.json({ok:!0,allowIps:ie(),defaultAllowIps:["0.0.0.0"]})}),f.post("/runtime/access-control",async(t,e)=>{if(!v(t,e))return;const n=(t.body||{}).allowIps;if(typeof n!="string"&&!Array.isArray(n)){e.status(400).json({ok:!1,error:"allowIps must be a string or an array"});return}const a=le(n),o=a.filter(r=>!de(r));if(o.length>0){e.status(400).json({ok:!1,error:`invalid IP/CIDR entries: ${o.join(", ")}`});return}try{const r=A();await G(r,()=>{let s={};if(y.existsSync(r))try{s=JSON.parse(y.readFileSync(r,"utf-8"))}catch{throw K(500,"config.json is not valid JSON; fix it manually first")}const d=s.accessControl&&typeof s.accessControl=="object"&&!Array.isArray(s.accessControl)?{...s.accessControl}:{};d.allowIps=a,s.accessControl=d,y.mkdirSync(V.dirname(r),{recursive:!0}),y.writeFileSync(r,JSON.stringify(s,null,2),"utf-8"),ce()}),x.info("Access control config updated via panel",{configPath:r,entryCount:a.length}),e.json({ok:!0,allowIps:a})}catch(r){const s=r,d=Number(s.status)||500;d>=500&&x.error("Failed to save access control config:",s.message),e.status(d).json({ok:!1,error:s.message})}}),f.get("/runtime/node-info",(t,e)=>{if(!v(t,e))return;const n=q(),a=$();e.json({ok:!0,hostname:B.hostname(),platform:B.platform(),arch:B.arch(),uptime:Math.floor(process.uptime()),nodeVersion:process.version,bridgeVersion:Q,configPath:A(),homeDir:oe(),bindingStatus:n.status,paired:n.paired,instanceId:n.instanceId||a.instanceId,schedulerBaseUrl:n.schedulerBaseUrl,registered:a.registered,pairingCode:n.pairingCode,activeSessions:he()})}),f.get("/runtime/logs",(t,e)=>{if(!v(t,e))return;const n=t.query.level||void 0,a=Math.min(Number(t.query.count)||200,500),r=n&&["debug","info","warn","error"].includes(n)?n:void 0,s=Be(a,r);e.json({ok:!0,logs:s})}),f.post("/runtime/re-register",async(t,e)=>{if(v(t,e))try{const n=await ue();e.json({ok:n})}catch(n){const a=n;e.status(500).json({ok:!1,error:a.message})}}),f.get("/runtime/admin/sessions",(t,e)=>{if(!v(t,e))return;const n=me().map(a=>({token:a.token.slice(0,8)+"...",createdAt:new Date(a.createdAt).toISOString(),lastUsedAt:new Date(a.lastUsedAt).toISOString(),age:Math.floor((Date.now()-a.createdAt)/1e3)}));e.json({ok:!0,sessions:n})}),f.post("/runtime/admin/sessions/:token/destroy",(t,e)=>{v(t,e)&&(W(t.params.token),e.json({ok:!0}))});function ze(t){return new Promise((e,n)=>{const a=B.platform()==="win32",o=a?"taskkill":"kill",r=a?["/PID",String(t),"/F"]:["-9",String(t)];ne(o,r,{timeout:5e3},s=>s?n(s):e())})}f.post("/runtime/kill-process",async(t,e)=>{if(!v(t,e))return;const n=Number(t.body.pid);if(!n||!Number.isInteger(n)||n<=0){e.status(400).json({ok:!1,error:"Invalid PID"});return}const a=P(),o=()=>{const s=new Set,d=U?.data??[];for(const l of d)typeof l.pid=="number"&&s.add(l.pid);for(const l of a.getAllManagedProcesses())typeof l.pid=="number"&&s.add(l.pid);return s};let r=o();if(r.size===0)try{U={data:await a.discoverAllProcesses(),ts:Date.now()},r=o()}catch{}if(!r.has(n)){x.warn("Rejected kill-process for unrecognized PID",{pid:n}),e.status(404).json({ok:!1,error:"PID is not a bridge-discovered or registered agent process"});return}try{await ze(n),x.info("Killed process",{pid:n}),e.json({ok:!0})}catch(s){const d=s;x.warn("Failed to kill process",{pid:n,error:d.message}),e.status(500).json({ok:!1,error:d.message})}}),f.get("/runtime/dashboard",async(t,e)=>{if(v(t,e)){if(N&&Date.now()-N.ts<Ee)return void e.json(N.data);try{const n=M?.data??null,a=U?.data??null;M||F();const[o,r,s]=await Promise.all([Promise.resolve(q()),Promise.resolve($()),Se().catch(()=>[])]),l=P().getAllManagedProcesses(),m=Array.from(Ce.entries()).map(([p,g])=>({sessionId:p,agentId:g.agentId,workspacePath:g.workspacePath,runtimeStatus:g.currentRuntimeStatus||"running",runtimeActionType:g.currentRuntimeActionType,runtimeActionLabel:g.currentRuntimeActionLabel,providerId:g.providerId}));let h={managed:0,orphan:0,unknown:0},w=[];if(a){h={managed:a.filter(c=>c.managementStatus==="managed").length,orphan:a.filter(c=>c.managementStatus==="orphan").length,unknown:a.filter(c=>c.managementStatus==="unknown").length};const p=new Map(l.map(c=>[c.pid,c]));w=a.map(c=>{const I=p.get(c.pid);return{agentId:c.agentId||I?.agentId,pid:c.pid,managementStatus:c.managementStatus,sessionId:I?.sessionId,state:I?.state,command:c.command,cwd:c.cwd,startedAt:c.startedAt}});const g={managed:0,orphan:1,unknown:2};w.sort((c,I)=>(g[c.managementStatus]??9)-(g[I.managementStatus]??9))}const i=new Set(m.map(p=>p.sessionId)),u=s.filter(p=>!i.has(p.sessionId)),b=o,S=await Ne(),E={ok:!0,collectedAt:new Date().toISOString(),bridge:{version:Q,hostname:B.hostname(),platform:B.platform(),arch:B.arch(),uptime:Math.floor(process.uptime()),nodeVersion:process.version},binding:{status:b.status,paired:b.paired,instanceId:b.instanceId,userId:b.userId,schedulerBaseUrl:b.schedulerBaseUrl,pairingCode:xe()},registration:{registered:r.registered,instanceId:r.instanceId,lastAttempt:r.lastAttempt?.toISOString(),error:r.error},metrics:n,sessions:{active:m,activeCount:m.length,persisted:u,persistedCount:u.length,total:m.length+u.length},processes:{...h,total:h.managed+h.orphan+h.unknown,list:w,registryCount:l.length},lifecycleOperation:S};N={data:E,ts:Date.now()},e.json(E)}catch(n){const a=n;x.error("Dashboard aggregation failed:",a.message),e.status(500).json({ok:!1,error:a.message})}}}),f.get("/login",(t,e)=>{e.type("text/html; charset=utf-8"),e.send(Fe)}),f.get("/",(t,e)=>{const n=L(t);if(!n||!H(n)){e.redirect("/login");return}if(!R()){e.redirect("/setup");return}const a=t.query.lang==="en"?"en":"zh";e.type("text/html; charset=utf-8"),e.send(Me.replace("{{LANG}}",a))}),f.get("/setup",(t,e)=>{const n=L(t);if(!n||!H(n)){e.redirect("/login");return}e.type("text/html; charset=utf-8"),e.send(_e)});const Me=`<!DOCTYPE html>
 <html lang="{{LANG}}">
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>Bridge Dashboard</title>
+${O}
+${z}
 <style>
-  :root {
-    --bg: #0f1117;
-    --surface: #1a1d2e;
-    --surface2: #232738;
-    --border: #2d3248;
-    --text: #e1e4f0;
-    --text2: #8b90a8;
-    --accent: #5b8def;
-    --accent2: #43c6a8;
-    --red: #f05454;
-    --orange: #f0a030;
-    --green: #43c6a8;
-    --green-bg: rgba(67,198,168,0.12);
-    --red-bg: rgba(240,84,84,0.12);
-    --orange-bg: rgba(240,160,48,0.12);
-    --radius: 10px;
+  /* \u8BBE\u8BA1\u4EE4\u724C\u89C1 dashboard-theme.ts\uFF1A\u9ED8\u8BA4\u6DF1\u8272\uFF0Chtml.light-theme \u5207\u6D45\u8272 */
+  ${j}
+
+  :root { --topbar-h: 56px; }
+
+  * { margin: 0; padding: 0; box-sizing: border-box; }
+
+  html {
+    scrollbar-width: thin;
+    scrollbar-color: var(--border-strong) transparent;
   }
-  * { margin:0; padding:0; box-sizing:border-box; }
+  html::-webkit-scrollbar { width: 10px; height: 10px; }
+  html::-webkit-scrollbar-track { background: transparent; }
+  html::-webkit-scrollbar-thumb {
+    background: var(--border-strong);
+    border: 2px solid var(--bg);
+    border-radius: 5px;
+    background-clip: content-box;
+  }
+  html::-webkit-scrollbar-thumb:hover { background: var(--text-3); background-clip: content-box; }
+
   body {
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", sans-serif;
+    font-family: var(--font-sans);
     background: var(--bg);
     color: var(--text);
-    padding: 24px;
     min-height: 100vh;
-  }
-  .header {
+    font-size: 14px;
+    line-height: 1.5;
+    -webkit-font-smoothing: antialiased;
+  }
+
+  /* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
+     \u9876\u680F
+     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */
+  .topbar {
+    position: sticky;
+    top: 0;
+    z-index: 50;
+    height: var(--topbar-h);
     display: flex;
     align-items: center;
-    justify-content: space-between;
-    margin-bottom: 24px;
-    flex-wrap: wrap;
-    gap: 12px;
+    gap: 16px;
+    padding: 0 24px;
+    background: color-mix(in srgb, var(--bg) 82%, transparent);
+    backdrop-filter: blur(12px);
+    border-bottom: 1px solid var(--border);
   }
-  .header h1 {
-    font-size: 22px;
-    font-weight: 600;
+
+  .brand {
     display: flex;
     align-items: center;
     gap: 10px;
+    font-size: 15px;
+    font-weight: 650;
+    letter-spacing: -0.01em;
+    white-space: nowrap;
   }
-  .header h1 .dot {
-    display: inline-block;
-    width: 10px; height: 10px;
-    border-radius: 50%;
-    background: var(--green);
-    animation: pulse 2s ease-in-out infinite;
+  .brand-mark {
+    width: 22px;
+    height: 22px;
+    border-radius: 6px;
+    object-fit: contain;
+    flex-shrink: 0;
   }
-  @keyframes pulse {
-    0%, 100% { opacity: 1; }
-    50% { opacity: 0.4; }
+
+  .topbar-meta {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    font-size: 12px;
+    color: var(--text-3);
+    min-width: 0;
+  }
+  .meta-sep { opacity: 0.4; }
+  .meta-host {
+    font-family: var(--font-mono);
+    font-size: 11.5px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    max-width: 180px;
   }
-  .header-right {
+
+  .topbar-spacer { flex: 1; }
+
+  .topbar-actions {
     display: flex;
     align-items: center;
-    gap: 12px;
+    gap: 6px;
+  }
+
+  .version-area {
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    font-size: 12px;
+    color: var(--text-2);
+    font-variant-numeric: tabular-nums;
+  }
+
+  .icon-btn {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    gap: 6px;
+    min-width: 32px;
+    height: 32px;
+    padding: 0 10px;
+    background: transparent;
+    border: 1px solid transparent;
+    border-radius: var(--radius-sm);
+    color: var(--text-2);
     font-size: 13px;
-    color: var(--text2);
+    font-family: inherit;
+    cursor: pointer;
+    transition: background .15s, color .15s, border-color .15s;
   }
-  .header-right .refresh-time { color: var(--text2); }
-  .header-right button, .header-right .lang-btn {
-    background: var(--surface2);
-    border: 1px solid var(--border);
+  .icon-btn:hover {
+    background: var(--surface-2);
+    border-color: var(--border);
     color: var(--text);
-    padding: 6px 14px;
-    border-radius: 6px;
-    cursor: pointer;
-    font-size: 13px;
-    transition: background .15s;
   }
-  .header-right button:hover, .header-right .lang-btn:hover {
-    background: var(--border);
+  .icon-btn:focus-visible {
+    outline: 2px solid var(--accent);
+    outline-offset: 1px;
   }
-  .lang-btn.active {
-    background: var(--accent);
-    border-color: var(--accent);
+  .icon-btn.solid {
+    background: var(--surface-2);
+    border-color: var(--border);
+    color: var(--text);
   }
+  .icon-btn.solid:hover { background: var(--surface-3); }
 
-  .grid {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+  /* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
+     \u4E3B\u5185\u5BB9\u533A
+     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */
+  .page {
+    max-width: 1320px;
+    margin: 0 auto;
+    padding: 28px 24px 64px;
+  }
+
+  .page-head {
+    display: flex;
+    align-items: flex-end;
+    justify-content: space-between;
     gap: 16px;
     margin-bottom: 20px;
+    flex-wrap: wrap;
   }
-  .card {
+  .page-title {
+    font-size: 24px;
+    font-weight: 680;
+    letter-spacing: -0.02em;
+    line-height: 1.2;
+  }
+  .page-sub {
+    font-size: 13px;
+    color: var(--text-2);
+    margin-top: 4px;
+  }
+
+  /* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
+     \u5065\u5EB7\u72B6\u6001\u603B\u89C8\uFF08hero\uFF09
+     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */
+  .hero {
     background: var(--surface);
     border: 1px solid var(--border);
-    border-radius: var(--radius);
-    padding: 18px;
+    border-radius: var(--radius-lg);
+    box-shadow: var(--shadow-1);
+    overflow: hidden;
+    margin-bottom: 20px;
   }
-  .card-title {
-    font-size: 12px;
+
+  .hero-body {
+    display: grid;
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+    gap: 1px;
+    background: var(--border);
+  }
+
+  .hero-cell {
+    background: var(--surface);
+    padding: 18px 20px;
+    min-width: 0;
+  }
+  .hero-cell-label {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    font-size: 11px;
     font-weight: 600;
+    letter-spacing: 0.06em;
     text-transform: uppercase;
-    letter-spacing: 0.5px;
-    color: var(--text2);
-    margin-bottom: 12px;
+    color: var(--text-3);
+    margin-bottom: 8px;
+  }
+  .hero-cell-value {
     display: flex;
     align-items: center;
     gap: 8px;
+    font-size: 17px;
+    font-weight: 620;
+    letter-spacing: -0.01em;
+    line-height: 1.3;
+    min-width: 0;
+  }
+  .hero-cell-value > span:last-child {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .hero-cell-detail {
+    margin-top: 6px;
+    font-size: 12px;
+    color: var(--text-3);
+    font-family: var(--font-mono);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
   }
 
-  .stat-row {
+  /* \u72B6\u6001\u70B9 */
+  .dot {
+    width: 8px;
+    height: 8px;
+    border-radius: 50%;
+    flex-shrink: 0;
+    background: var(--text-3);
+  }
+  .dot.ok { background: var(--ok); box-shadow: 0 0 0 3px var(--ok-soft); }
+  .dot.warn { background: var(--warn); box-shadow: 0 0 0 3px var(--warn-soft); }
+  .dot.danger { background: var(--danger); box-shadow: 0 0 0 3px var(--danger-soft); }
+  .dot.pulse { animation: pulse 2.4s ease-in-out infinite; }
+  @keyframes pulse {
+    0%, 100% { opacity: 1; }
+    50% { opacity: 0.35; }
+  }
+
+  /* \u9700\u8981\u5904\u7406\u7684\u4E8B\u9879 */
+  .attention {
     display: flex;
-    justify-content: space-between;
     align-items: center;
-    padding: 6px 0;
+    gap: 12px;
+    padding: 14px 20px;
+    background: var(--warn-soft);
+    border-top: 1px solid color-mix(in srgb, var(--warn) 30%, transparent);
     font-size: 13px;
-    border-bottom: 1px solid var(--border);
   }
-  .stat-row:last-child { border-bottom: none; }
-  .stat-label { color: var(--text2); }
-  .stat-value { font-weight: 600; font-variant-numeric: tabular-nums; }
+  .attention[hidden] { display: none; }
+  .attention-icon {
+    width: 20px;
+    height: 20px;
+    border-radius: 50%;
+    background: var(--warn);
+    color: #0b0d13;
+    display: grid;
+    place-items: center;
+    font-size: 12px;
+    font-weight: 800;
+    flex-shrink: 0;
+  }
+  .attention-text { flex: 1; min-width: 0; color: var(--text); }
+  .attention-text b { font-weight: 650; }
 
-  .status-green { color: var(--green); }
-  .status-orange { color: var(--orange); }
-  .status-red { color: var(--red); }
-  .status-muted { color: var(--text2); }
+  /* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
+     KPI \u78C1\u8D34
+     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */
+  .kpi-grid {
+    display: grid;
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+    gap: 12px;
+    margin-bottom: 28px;
+  }
+  .kpi {
+    background: var(--surface);
+    border: 1px solid var(--border);
+    border-radius: var(--radius);
+    padding: 16px 18px;
+    min-width: 0;
+    transition: border-color .15s;
+  }
+  .kpi:hover { border-color: var(--border-strong); }
+  .kpi-label {
+    font-size: 12px;
+    color: var(--text-2);
+    margin-bottom: 6px;
+    display: flex;
+    align-items: center;
+    gap: 6px;
+  }
+  .kpi-value {
+    font-size: 26px;
+    font-weight: 680;
+    letter-spacing: -0.03em;
+    font-variant-numeric: tabular-nums;
+    line-height: 1.1;
+  }
+  .kpi-value.muted { color: var(--text-3); }
+  .kpi-value.ok { color: var(--ok); }
+  .kpi-value.warn { color: var(--warn); }
+  .kpi-foot {
+    font-size: 11.5px;
+    color: var(--text-3);
+    margin-top: 4px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
 
+  /* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
+     \u533A\u5757\u6807\u9898
+     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */
+  .section {
+    margin-bottom: 28px;
+  }
+  .section-head {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    margin-bottom: 12px;
+    min-height: 24px;
+  }
   .section-title {
     font-size: 15px;
-    font-weight: 600;
-    margin: 24px 0 12px;
+    font-weight: 640;
+    letter-spacing: -0.01em;
+  }
+  .count {
+    font-size: 12px;
+    font-weight: 500;
+    color: var(--text-3);
+    font-variant-numeric: tabular-nums;
+  }
+  .section-head .spacer { flex: 1; }
+
+  .toggle-header {
+    cursor: pointer;
+    user-select: none;
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    border-radius: var(--radius-sm);
+    padding: 2px 4px;
+    margin-left: -4px;
+    transition: background .15s;
+  }
+  .toggle-header:hover { background: var(--surface-2); }
+  .toggle-icon {
+    display: inline-block;
+    font-size: 9px;
+    color: var(--text-3);
+    transition: transform .2s;
+  }
+  .toggle-icon.open { transform: rotate(90deg); }
+
+  /* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
+     \u5361\u7247
+     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */
+  .card {
+    background: var(--surface);
+    border: 1px solid var(--border);
+    border-radius: var(--radius);
+    box-shadow: var(--shadow-1);
+    overflow: hidden;
+  }
+  .card-head {
     display: flex;
     align-items: center;
     gap: 8px;
+    padding: 14px 18px;
+    border-bottom: 1px solid var(--border);
   }
-  .section-title .count {
+  .card-title {
+    font-size: 13px;
+    font-weight: 620;
+    letter-spacing: -0.01em;
+  }
+  .card-title .unit {
+    font-size: 11.5px;
+    font-weight: 500;
+    color: var(--text-3);
+    margin-left: 6px;
+    font-family: var(--font-mono);
+  }
+
+  /* \u8D44\u6E90\u4EEA\u8868 */
+  .gauges {
+    display: grid;
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+    gap: 1px;
+    background: var(--border);
+  }
+  .gauge {
+    background: var(--surface);
+    padding: 16px 18px;
+    min-width: 0;
+  }
+  .gauge-head {
+    display: flex;
+    align-items: baseline;
+    justify-content: space-between;
+    gap: 8px;
+    margin-bottom: 10px;
+  }
+  .gauge-name {
+    font-size: 11px;
+    font-weight: 620;
+    letter-spacing: 0.06em;
+    text-transform: uppercase;
+    color: var(--text-3);
+  }
+  .gauge-reading {
+    font-size: 19px;
+    font-weight: 680;
+    letter-spacing: -0.02em;
+    font-variant-numeric: tabular-nums;
+    line-height: 1;
+  }
+  .gauge-reading.muted { font-size: 15px; color: var(--text-2); font-weight: 600; }
+
+  .bar {
+    height: 5px;
+    background: var(--surface-3);
+    border-radius: 3px;
+    overflow: hidden;
+    margin-bottom: 12px;
+  }
+  .bar-placeholder { background: transparent; }
+  .bar-fill {
+    height: 100%;
+    border-radius: 3px;
+    transition: width .45s cubic-bezier(.4, 0, .2, 1);
+  }
+  .bar-fill.green { background: var(--ok); }
+  .bar-fill.orange { background: var(--warn); }
+  .bar-fill.red { background: var(--danger); }
+
+  .gauge-lines {
+    display: flex;
+    flex-direction: column;
+    gap: 5px;
+  }
+  .gauge-line {
+    display: flex;
+    justify-content: space-between;
+    gap: 10px;
     font-size: 12px;
-    color: var(--text2);
-    font-weight: 400;
+    min-width: 0;
+  }
+  .gauge-line dt { color: var(--text-3); flex-shrink: 0; }
+  .gauge-line dd {
+    color: var(--text-2);
+    font-variant-numeric: tabular-nums;
+    text-align: right;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
   }
 
+  /* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
+     \u8868\u683C
+     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */
   .table-wrap {
     background: var(--surface);
     border: 1px solid var(--border);
     border-radius: var(--radius);
+    box-shadow: var(--shadow-1);
     overflow-x: auto;
   }
   table {
@@ -148,251 +482,368 @@ import{execFile as X}from"node:child_process";import v from"node:fs";import k fr
     border-collapse: collapse;
     font-size: 13px;
   }
-  th {
+  thead th {
     text-align: left;
-    padding: 10px 14px;
+    padding: 10px 16px;
     font-size: 11px;
-    font-weight: 600;
+    font-weight: 620;
+    letter-spacing: 0.05em;
     text-transform: uppercase;
-    letter-spacing: 0.5px;
-    color: var(--text2);
-    background: var(--surface2);
+    color: var(--text-3);
+    background: var(--bg-elevated);
     border-bottom: 1px solid var(--border);
     white-space: nowrap;
+    position: sticky;
+    top: 0;
+    z-index: 1;
   }
-  td {
-    padding: 9px 14px;
+  tbody td {
+    padding: 11px 16px;
     border-bottom: 1px solid var(--border);
     white-space: nowrap;
+    color: var(--text-2);
+  }
+  tbody tr:last-child td { border-bottom: none; }
+  tbody tr { transition: background .12s; }
+  tbody tr:hover { background: var(--surface-2); }
+  tbody td.strong { color: var(--text); font-weight: 550; }
+  code, .mono {
+    font-family: var(--font-mono);
+    font-size: 12px;
+    color: var(--text);
   }
-  tr:last-child td { border-bottom: none; }
-  tr:hover { background: rgba(255,255,255,0.03); }
 
-  .bar-wrap {
+  /* \u7A7A\u72B6\u6001 */
+  .empty {
     display: flex;
+    flex-direction: column;
     align-items: center;
-    gap: 8px;
-  }
-  .bar {
-    flex: 1;
-    height: 6px;
-    background: var(--surface2);
-    border-radius: 3px;
-    overflow: hidden;
-  }
-  .bar-fill {
-    height: 100%;
-    border-radius: 3px;
-    transition: width 0.5s ease;
+    gap: 6px;
+    padding: 40px 24px;
+    text-align: center;
+    color: var(--text-3);
+    font-size: 13px;
   }
-  .bar-fill.green { background: var(--green); }
-  .bar-fill.orange { background: var(--orange); }
-  .bar-fill.red { background: var(--red); }
-  .bar-label { font-size: 12px; min-width: 48px; text-align: right; font-variant-numeric: tabular-nums; }
+  .empty-icon { font-size: 22px; opacity: 0.5; line-height: 1; }
+  .empty-hint { font-size: 12px; color: var(--text-3); opacity: 0.8; }
 
+  /* \u6807\u7B7E */
   .tag {
-    display: inline-block;
-    padding: 1px 8px;
-    border-radius: 4px;
-    font-size: 11px;
+    display: inline-flex;
+    align-items: center;
+    gap: 5px;
+    padding: 2px 8px;
+    border-radius: 20px;
+    font-size: 11.5px;
     font-weight: 600;
+    white-space: nowrap;
   }
-  .tag.managed { background: var(--green-bg); color: var(--green); }
-  .tag.orphan { background: var(--orange-bg); color: var(--orange); }
-  .tag.unknown { background: rgba(139,144,168,0.15); color: var(--text2); }
-
-  .empty { color: var(--text2); text-align: center; padding: 24px; font-size: 13px; }
-
-  .toggle-header { cursor: pointer; user-select: none; }
-  .toggle-header:hover { opacity: 0.8; }
-  .toggle-icon { display: inline-block; transition: transform .2s; font-size: 10px; margin-right: 4px; }
-  .toggle-icon.open { transform: rotate(90deg); }
-
+  .tag::before {
+    content: "";
+    width: 5px;
+    height: 5px;
+    border-radius: 50%;
+    background: currentColor;
+    flex-shrink: 0;
+  }
+  .tag.managed, .tag.green { background: var(--ok-soft); color: var(--ok); }
+  .tag.orphan, .tag.orange { background: var(--warn-soft); color: var(--warn); }
+  .tag.unknown, .tag.gray { background: var(--surface-3); color: var(--text-2); }
+  .tag.red { background: var(--danger-soft); color: var(--danger); }
+  .tag.blue { background: var(--info-soft); color: var(--info); }
+  .tag.plain::before { display: none; }
+
+  /* \u72B6\u6001\u6587\u5B57 */
+  .status-green { color: var(--ok); font-weight: 550; }
+  .status-orange { color: var(--warn); font-weight: 550; }
+  .status-red { color: var(--danger); font-weight: 550; }
+  .status-muted { color: var(--text-3); }
+
+  /* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
+     \u5B64\u513F\u8FDB\u7A0B\u544A\u8B66
+     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */
   .orphan-banner {
-    background: var(--orange-bg);
-    border: 1px solid var(--orange);
-    border-radius: var(--radius);
-    padding: 12px 16px;
-    margin-bottom: 12px;
-    font-size: 13px;
     display: flex;
     align-items: center;
     gap: 10px;
+    padding: 12px 16px;
+    margin-bottom: 10px;
+    background: var(--warn-soft);
+    border: 1px solid color-mix(in srgb, var(--warn) 32%, transparent);
+    border-radius: var(--radius);
+    font-size: 13px;
+  }
+  .orphan-banner .icon { font-size: 15px; flex-shrink: 0; }
+  .orphan-banner .text { flex: 1; min-width: 0; }
+  .orphan-banner .action-hint {
+    color: var(--warn);
+    font-weight: 620;
+    font-size: 12px;
+    white-space: nowrap;
   }
-  .orphan-banner .icon { font-size: 16px; }
-  .orphan-banner .text { flex: 1; }
-  .orphan-banner .action-hint { color: var(--orange); font-weight: 600; }
 
-  .action-btn {
-    background: var(--surface2);
+  /* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
+     \u6309\u94AE
+     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */
+  .btn {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    gap: 6px;
+    padding: 7px 14px;
+    border-radius: var(--radius-sm);
     border: 1px solid var(--border);
+    background: var(--surface-2);
     color: var(--text);
-    padding: 2px 10px;
-    border-radius: 4px;
+    font-family: inherit;
+    font-size: 12.5px;
+    font-weight: 550;
     cursor: pointer;
-    font-size: 11px;
-    transition: background .15s;
+    transition: background .15s, border-color .15s, color .15s, opacity .15s;
+    white-space: nowrap;
   }
-  .action-btn:hover { background: var(--border); }
-  .action-btn.terminate { border-color: var(--red); color: var(--red); }
-  .action-btn.terminate:hover { background: var(--red-bg); }
-
-  .summary-line {
-    display: flex;
-    gap: 16px;
-    align-items: center;
-    margin-bottom: 12px;
-    font-size: 13px;
-    flex-wrap: wrap;
+  .btn:hover { background: var(--surface-3); border-color: var(--border-strong); }
+  .btn:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
+  .btn:disabled { opacity: 0.45; cursor: not-allowed; }
+  .btn-primary {
+    background: var(--accent);
+    border-color: var(--accent);
+    color: #fff;
   }
-  .summary-line .item { display: flex; align-items: center; gap: 4px; }
-  .summary-line .dot {
-    display: inline-block;
-    width: 8px; height: 8px;
-    border-radius: 50%;
+  .btn-primary:hover { background: var(--accent-hover); border-color: var(--accent-hover); }
+  .btn-ghost { background: transparent; border-color: transparent; color: var(--text-2); }
+  .btn-ghost:hover { background: var(--surface-2); color: var(--text); border-color: transparent; }
+  .btn-danger { border-color: color-mix(in srgb, var(--danger) 45%, transparent); color: var(--danger); background: transparent; }
+  .btn-danger:hover { background: var(--danger-soft); border-color: var(--danger); }
+  .btn-sm { padding: 3px 10px; font-size: 11.5px; }
+
+  .btn-kill {
+    padding: 3px 10px;
+    border-radius: var(--radius-sm);
+    font-size: 11.5px;
+    font-weight: 600;
+    cursor: pointer;
+    border: 1px solid color-mix(in srgb, var(--danger) 45%, transparent);
+    background: transparent;
+    color: var(--danger);
+    transition: background .15s, border-color .15s;
   }
-  .summary-line .dot.green { background: var(--green); }
-  .summary-line .dot.orange { background: var(--orange); }
-  .summary-line .dot.gray { background: var(--text2); }
+  .btn-kill:hover { background: var(--danger-soft); border-color: var(--danger); }
+  .btn-kill:disabled { opacity: 0.4; cursor: not-allowed; }
 
-  .version-area {
-    display: inline-flex;
-    align-items: center;
-    gap: 6px;
-    font-size: 13px;
-    color: var(--text2);
-  }
+  /* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
+     \u66F4\u65B0\u6307\u793A\u5668
+     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */
   .update-indicator {
     font-size: 12px;
     cursor: pointer;
     white-space: nowrap;
     transition: color .15s;
-  }
-  .update-indicator:hover { opacity: 0.8; }
-  .update-indicator.available { color: var(--accent); }
-  .update-indicator.installing { color: var(--orange); cursor: default; }
-  .update-indicator.success { color: var(--green); }
-  .update-indicator.failed { color: var(--red); }
-
-  @media (max-width: 640px) {
-    body { padding: 12px; }
-    .grid { grid-template-columns: 1fr; }
-    th, td { padding: 7px 10px; }
-    .header h1 { font-size: 18px; }
-  }
-
-  /* ===== Scrollbar (\u4E3B\u9898\u9002\u914D) ===== */
-  /* \u9875\u9762\u7EA7\u6EDA\u52A8\u6761\uFF1Apill \u5F62\u6001\uFF08\u8FB9\u6846 + background-clip\uFF09\uFF0C\u4E0E\u6DF1\u8272\u80CC\u666F\u878D\u4E3A\u4E00\u4F53 */
-  html {
-    scrollbar-width: thin;
-    scrollbar-color: color-mix(in srgb, var(--accent) 30%, transparent) var(--bg);
-  }
-  html::-webkit-scrollbar {
-    width: 10px;
-    background: var(--bg);
-  }
-  html::-webkit-scrollbar-thumb {
-    background: color-mix(in srgb, var(--accent) 30%, transparent);
-    border: 2px solid var(--bg);
-    border-radius: 5px;
-    background-clip: content-box;
-  }
-  html::-webkit-scrollbar-thumb:hover {
-    background: color-mix(in srgb, var(--accent) 50%, transparent);
-    background-clip: content-box;
-  }
-  /* \u5185\u90E8\u6EDA\u52A8\u5BB9\u5668\uFF08\u8868\u683C\u3001\u8BBE\u7F6E\u9762\u677F\u3001\u65E5\u5FD7\u5217\u8868\uFF09\uFF1A6px \u900F\u660E\u8F68\u9053 + accent \u80F6\u56CA\u6ED1\u5757 */
-  .table-wrap,
-  .settings-content,
-  .s-log-list,
-  .s-table-wrap {
-    scrollbar-width: thin;
-    scrollbar-color: color-mix(in srgb, var(--accent) 30%, transparent) transparent;
-  }
-  .table-wrap::-webkit-scrollbar,
-  .settings-content::-webkit-scrollbar,
-  .s-log-list::-webkit-scrollbar,
-  .s-table-wrap::-webkit-scrollbar {
-    width: 6px;
-    height: 6px;
-  }
-  .table-wrap::-webkit-scrollbar-track,
-  .settings-content::-webkit-scrollbar-track,
-  .s-log-list::-webkit-scrollbar-track,
-  .s-table-wrap::-webkit-scrollbar-track {
-    background: transparent;
-  }
-  .table-wrap::-webkit-scrollbar-thumb,
-  .settings-content::-webkit-scrollbar-thumb,
-  .s-log-list::-webkit-scrollbar-thumb,
-  .s-table-wrap::-webkit-scrollbar-thumb {
-    background: color-mix(in srgb, var(--accent) 30%, transparent);
-    border-radius: 3px;
-  }
-  .table-wrap::-webkit-scrollbar-thumb:hover,
-  .settings-content::-webkit-scrollbar-thumb:hover,
-  .s-log-list::-webkit-scrollbar-thumb:hover,
-  .s-table-wrap::-webkit-scrollbar-thumb:hover {
-    background: color-mix(in srgb, var(--accent) 50%, transparent);
+    border-radius: var(--radius-sm);
+    padding: 2px 6px;
+  }
+  .update-indicator:hover { background: var(--surface-2); }
+  .update-indicator.available { color: var(--accent); font-weight: 600; }
+  .update-indicator.installing { color: var(--warn); cursor: default; }
+  .update-indicator.success { color: var(--ok); }
+  .update-indicator.failed { color: var(--danger); }
+
+  /* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
+     \u54CD\u5E94\u5F0F
+     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */
+  @media (max-width: 1080px) {
+    .gauges { grid-template-columns: repeat(2, minmax(0, 1fr)); }
+  }
+
+  @media (max-width: 860px) {
+    .hero-body { grid-template-columns: 1fr; }
+    .kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
+    .topbar { padding: 0 16px; gap: 10px; }
+    .topbar-meta { display: none; }
+    .page { padding: 20px 16px 48px; }
+  }
+
+  @media (max-width: 560px) {
+    :root { --topbar-h: 52px; }
+    body { font-size: 13.5px; }
+    .page { padding: 16px 12px 40px; }
+    .page-title { font-size: 19px; }
+    .kpi-grid { gap: 8px; }
+    .kpi { padding: 13px 14px; }
+    .kpi-value { font-size: 21px; }
+    .gauges { grid-template-columns: 1fr; }
+    .hero-cell { padding: 14px 16px; }
+    thead th, tbody td { padding: 9px 12px; }
+    .brand { font-size: 14px; }
+    .icon-btn { min-width: 30px; height: 30px; padding: 0 8px; }
   }
 </style>
 </head>
 <body>
 
-<div class="header">
-  <h1><span class="dot"></span>Bridge Dashboard</h1>
-  <div class="header-right">
-    <span class="refresh-time" id="refreshTime">-</span>
-    <span id="bridgeHostname">-</span>
+<!-- \u2550\u2550 \u9876\u680F\uFF1A\u54C1\u724C + \u8FD0\u884C\u5143\u4FE1\u606F + \u5168\u5C40\u64CD\u4F5C \u2550\u2550 -->
+<header class="topbar">
+  <div class="brand">
+    <img class="brand-mark" src="${Y}" alt="">
+    <span>AgentsWorkStudio</span>
+  </div>
+  <div class="topbar-meta">
+    <span class="meta-sep">/</span>
+    <span>Bridge</span>
+    <span class="meta-sep">\xB7</span>
+    <span class="meta-host" id="bridgeHostname">-</span>
+  </div>
+  <div class="topbar-spacer"></div>
+  <div class="topbar-actions">
     <span class="version-area">
       <span id="bridgeVersion">v-</span>
       <span id="updateIndicator" style="display:none"></span>
     </span>
-    <span class="lang-btn" id="langBtn" onclick="toggleLang()">\u4E2D\u6587</span>
-    <button onclick="openSettings()" id="settingsBtn" title="Settings / \u8BBE\u7F6E">&#x2699;</button>
-    <button onclick="doLogout()" id="logoutBtn" title="Logout / \u9000\u51FA\u767B\u5F55">&#x23FB;</button>
-    <button onclick="refresh()" id="refreshBtn">&#x21bb;</button>
+    <span class="icon-btn" id="themeBtn" onclick="toggleTheme()" title="\u5207\u6362\u4E3B\u9898">&#x263D;</span>
+    <span class="icon-btn" id="langBtn" onclick="toggleLang()" title="Switch language">\u4E2D\u6587</span>
+    <button class="icon-btn solid" onclick="openSettings()" id="settingsBtn" title="Settings / \u8BBE\u7F6E">&#x2699;</button>
+    <button class="icon-btn" onclick="refresh()" id="refreshBtn" title="Refresh / \u5237\u65B0">&#x21bb;</button>
+    <button class="icon-btn" onclick="doLogout()" id="logoutBtn" title="Logout / \u9000\u51FA\u767B\u5F55">&#x23FB;</button>
   </div>
-</div>
-
-<div class="grid" id="statusCards"></div>
+</header>
 
-<div class="section-title" id="sectionSysRes">System Resources <span class="count" id="sysMetricsCount"></span></div>
-<div class="grid" id="metricsGrid"></div>
+<main class="page">
 
-<!-- Summary badges for process categories -->
-<div class="summary-line" id="summaryLine">
-  <span class="item"><span class="dot green"></span> <span id="summaryManaged">0 managed</span></span>
-  <span class="item"><span class="dot orange"></span> <span id="summaryOrphan">0 orphan</span></span>
-  <span class="item"><span class="dot gray"></span> <span id="summaryUnknown">0 unknown</span></span>
-</div>
-
-<!-- Active Sessions (primary table, includes PID from process list) -->
-<div class="section-title" id="sectionSessions">Active Sessions <span class="count" id="sessionCount"></span></div>
-<div class="table-wrap" id="sessionTable"><div class="empty" id="loadingSessions">Loading...</div></div>
-
-<!-- Orphan Processes (shown only when orphans exist) -->
-<div id="orphanContainer" style="display:none">
-  <div class="section-title" id="sectionOrphans">Orphan Processes <span class="count" id="orphanCount"></span></div>
-  <div class="orphan-banner">
-    <span class="icon">&#x26A0;</span>
-    <span class="text" id="orphanBannerText">These processes are running but no longer managed by bridge</span>
-    <span class="action-hint">Terminate to clean up</span>
+  <!-- \u2550\u2550 \u9875\u9762\u6807\u9898 + \u5237\u65B0\u65F6\u95F4 \u2550\u2550 -->
+  <div class="page-head">
+    <div>
+      <div class="page-title" id="pageTitle">\u8FD0\u884C\u603B\u89C8</div>
+      <div class="page-sub" id="pageSub">\u672C\u673A Bridge \u72B6\u6001\u4E0E Agent \u4F1A\u8BDD</div>
+    </div>
+    <div class="page-sub">
+      <span id="refreshTime">-</span>
+    </div>
   </div>
-  <div class="table-wrap" id="orphanTable"><div class="empty">No orphans</div></div>
-</div>
 
-<!-- Unknown Processes (collapsible, hidden by default) -->
-<div id="unknownContainer">
-  <div class="section-title toggle-header" id="sectionUnknown" onclick="toggleUnknown()">
-    <span class="toggle-icon" id="unknownIcon">&#x25B6;</span><span id="unknownLabel"> Other processes</span> <span class="count" id="unknownCount"></span>
-  </div>
-  <div class="table-wrap" id="unknownTable" style="display:none"><div class="empty" id="loadingUnknown">Loading...</div></div>
-</div>
+  <!-- \u2550\u2550 \u5065\u5EB7\u603B\u89C8\uFF1A\u4E09\u4E2A\u6700\u5173\u952E\u7684\u300C\u662F\u5426\u53EF\u7528\u300D\u5224\u65AD \u2550\u2550 -->
+  <section class="hero" aria-label="Bridge health">
+    <div class="hero-body">
+      <div class="hero-cell">
+        <div class="hero-cell-label" id="heroServiceLabel">Bridge \u670D\u52A1</div>
+        <div class="hero-cell-value">
+          <span class="dot ok pulse" id="heroServiceDot"></span>
+          <span id="heroServiceValue">\u8FD0\u884C\u4E2D</span>
+        </div>
+        <div class="hero-cell-detail" id="heroServiceDetail">-</div>
+      </div>
+      <div class="hero-cell">
+        <div class="hero-cell-label" id="heroRegLabel">\u8C03\u5EA6\u4E2D\u5FC3\u6CE8\u518C</div>
+        <div class="hero-cell-value">
+          <span class="dot" id="heroRegDot"></span>
+          <span id="heroRegValue">-</span>
+        </div>
+        <div class="hero-cell-detail" id="heroRegDetail">-</div>
+      </div>
+      <div class="hero-cell">
+        <div class="hero-cell-label" id="heroBindLabel">\u9762\u677F\u7ED1\u5B9A</div>
+        <div class="hero-cell-value">
+          <span class="dot" id="heroBindDot"></span>
+          <span id="heroBindValue">-</span>
+        </div>
+        <div class="hero-cell-detail" id="heroBindDetail">-</div>
+      </div>
+    </div>
+    <!-- \u9700\u8981\u7528\u6237\u5904\u7406\u7684\u4E8B\u9879\uFF1A\u9ED8\u8BA4\u9690\u85CF\uFF0C\u6709\u5185\u5BB9\u65F6\u624D\u663E\u793A -->
+    <div class="attention" id="attentionBar" hidden>
+      <span class="attention-icon">!</span>
+      <span class="attention-text" id="attentionText"></span>
+      <button class="btn btn-sm" id="attentionAction" style="display:none" onclick="runAttentionAction()"></button>
+    </div>
+  </section>
+
+  <!-- \u2550\u2550 KPI \u78C1\u8D34\uFF1A\u56DB\u4E2A\u6570\u5B57\uFF0C\u4E00\u773C\u770B\u5B8C \u2550\u2550 -->
+  <section class="kpi-grid" id="kpiGrid" aria-label="Key metrics">
+    <div class="kpi">
+      <div class="kpi-label" id="kpiActiveLabel">\u6D3B\u8DC3\u4F1A\u8BDD</div>
+      <div class="kpi-value muted" id="kpiActive">0</div>
+      <div class="kpi-foot" id="kpiActiveFoot">-</div>
+    </div>
+    <div class="kpi">
+      <div class="kpi-label" id="kpiPersistedLabel">\u6301\u4E45\u5316\u4F1A\u8BDD</div>
+      <div class="kpi-value" id="kpiPersisted">0</div>
+      <div class="kpi-foot" id="kpiPersistedFoot">-</div>
+    </div>
+    <div class="kpi">
+      <div class="kpi-label" id="kpiOrphanLabel">\u5B64\u513F\u8FDB\u7A0B</div>
+      <div class="kpi-value muted" id="kpiOrphan">0</div>
+      <div class="kpi-foot" id="kpiOrphanFoot">-</div>
+    </div>
+    <div class="kpi">
+      <div class="kpi-label" id="kpiUptimeLabel">\u8FD0\u884C\u65F6\u957F</div>
+      <div class="kpi-value" id="kpiUptime">-</div>
+      <div class="kpi-foot" id="kpiUptimeFoot">-</div>
+    </div>
+  </section>
+
+  <!-- \u2550\u2550 \u7CFB\u7EDF\u8D44\u6E90\uFF1A\u56DB\u4E2A\u4EEA\u8868\uFF0C\u6A2A\u5411\u5BF9\u9F50 \u2550\u2550 -->
+  <section class="section">
+    <div class="section-head">
+      <span class="section-title" id="sectionSysRes">\u7CFB\u7EDF\u8D44\u6E90</span>
+      <span class="spacer"></span>
+      <span class="count" id="sysMetricsCount"></span>
+    </div>
+    <div class="card" id="metricsCard">
+      <div class="gauges" id="metricsGrid"></div>
+    </div>
+  </section>
+
+  <!-- \u2550\u2550 \u6D3B\u8DC3\u4F1A\u8BDD \u2550\u2550 -->
+  <section class="section">
+    <div class="section-head">
+      <span class="section-title" id="sectionSessions">\u6D3B\u8DC3\u4F1A\u8BDD</span>
+      <span class="count" id="sessionCount"></span>
+      <span class="spacer"></span>
+      <!-- \u8FDB\u7A0B\u5206\u7C7B\u5C0F\u8BA1\uFF08\u539F summary-line\uFF0C\u6536\u8FDB\u6807\u9898\u884C\u53F3\u4FA7\uFF09 -->
+      <span class="count" id="summaryLine">
+        <span id="summaryManaged">0 managed</span> \xB7
+        <span id="summaryOrphan">0 orphan</span> \xB7
+        <span id="summaryUnknown">0 unknown</span>
+      </span>
+    </div>
+    <div class="table-wrap" id="sessionTable"><div class="empty" id="loadingSessions">Loading...</div></div>
+  </section>
+
+  <!-- \u2550\u2550 \u5B64\u513F\u8FDB\u7A0B\uFF08\u6709\u624D\u663E\u793A\uFF09 \u2550\u2550 -->
+  <section class="section" id="orphanContainer" style="display:none">
+    <div class="section-head">
+      <span class="section-title" id="sectionOrphans">\u5B64\u513F\u8FDB\u7A0B</span>
+      <span class="count" id="orphanCount"></span>
+    </div>
+    <div class="orphan-banner">
+      <span class="icon">&#x26A0;</span>
+      <span class="text" id="orphanBannerText">These processes are running but no longer managed by bridge</span>
+      <span class="action-hint" id="orphanActionHint">Terminate to clean up</span>
+    </div>
+    <div class="table-wrap" id="orphanTable"><div class="empty">No orphans</div></div>
+  </section>
+
+  <!-- \u2550\u2550 \u5176\u4ED6\u8FDB\u7A0B\uFF08\u9ED8\u8BA4\u6298\u53E0\uFF09 \u2550\u2550 -->
+  <section class="section" id="unknownContainer">
+    <div class="section-head">
+      <span class="section-title toggle-header" id="sectionUnknown" onclick="toggleUnknown()">
+        <span class="toggle-icon" id="unknownIcon">&#x25B6;</span>
+        <span id="unknownLabel"> \u5176\u4ED6\u8FDB\u7A0B</span>
+        <span class="count" id="unknownCount"></span>
+      </span>
+    </div>
+    <div class="table-wrap" id="unknownTable" style="display:none"><div class="empty" id="loadingUnknown">Loading...</div></div>
+  </section>
+
+  <!-- \u2550\u2550 \u6301\u4E45\u5316\u4F1A\u8BDD \u2550\u2550 -->
+  <section class="section">
+    <div class="section-head">
+      <span class="section-title" id="sectionPersisted">\u6301\u4E45\u5316\u4F1A\u8BDD</span>
+      <span class="count" id="persistedCount"></span>
+    </div>
+    <div class="table-wrap" id="persistedTable"><div class="empty" id="loadingPersisted">Loading...</div></div>
+  </section>
 
-<!-- Persisted Sessions -->
-<div class="section-title" id="sectionPersisted">Persisted Sessions <span class="count" id="persistedCount"></span></div>
-<div class="table-wrap" id="persistedTable"><div class="empty" id="loadingPersisted">Loading...</div></div>
+</main>
 
 <!-- Settings Modal -->
 <div class="modal-overlay" id="settingsModal" style="display:none" onclick="closeSettings(event)">
@@ -454,7 +905,7 @@ import{execFile as X}from"node:child_process";import v from"node:fs";import k fr
             <div class="s-info-row"><span class="s-info-label" id="lblNodeActiveSessions"></span><span class="s-info-value" id="valNodeActiveSessions">-</span></div>
           </div>
           <div class="s-actions">
-            <button class="s-btn s-btn-secondary" onclick="refreshNodeInfo()">Refresh / \u{1F504}</button>
+            <button class="s-btn s-btn-secondary s-btn-sm" id="btnRefreshNodeInfo" onclick="refreshNodeInfo()"></button>
           </div>
         </div>
         <!-- Logs page -->
@@ -473,6 +924,8 @@ import{execFile as X}from"node:child_process";import v from"node:fs";import k fr
         </div>
         <!-- Scheduler page -->
         <div class="settings-page" id="pageScheduler">
+          <!-- \u4ECE Dashboard\u300C\u5F15\u5BFC\u914D\u7F6E\u300D\u8DF3\u8F6C\u8FC7\u6765\u65F6\u7684\u5E26\u5165\u63D0\u793A\uFF08\u53EA\u56DE\u586B\u975E\u5BC6\u94A5\u5B57\u6BB5\uFF09 -->
+          <div class="s-msg info" id="schedPrefillNotice" style="display:none"></div>
           <div class="s-field">
             <label id="lblSchedTargets"></label>
             <div class="s-target-list" id="schedTargetList"></div>
@@ -481,6 +934,13 @@ import{execFile as X}from"node:child_process";import v from"node:fs";import k fr
             <button class="s-btn s-btn-secondary" id="btnAddTarget" onclick="startAddTarget()"></button>
           </div>
           <div class="s-target-form" id="targetForm">
+            <!-- \u5B9E\u4F8B\u540D\u79F0\uFF1A\u6700\u5E38\u6539\u7684\u53EF\u9009\u9879\uFF0C\u653E\u5230\u8868\u5355\u6700\u4E0A\u9762 -->
+            <div class="s-field">
+              <label id="lblSchedInstanceName"></label>
+              <input type="text" id="cfgInstanceName" autocomplete="off">
+              <span class="s-hint" id="hintSchedInstanceName"></span>
+            </div>
+            <!-- \u5FC5\u586B\uFF1A\u666E\u901A\u7528\u6237\u53EA\u9700\u8981\u586B\u8FD9\u4E24\u9879 -->
             <div class="s-field">
               <label id="lblSchedUrl"></label>
               <input type="text" id="cfgServerUrl" placeholder="http://192.168.1.100:8080" autocomplete="off">
@@ -491,38 +951,43 @@ import{execFile as X}from"node:child_process";import v from"node:fs";import k fr
               <input type="password" id="cfgUserKey" autocomplete="new-password">
               <span class="s-hint" id="hintSchedUserKey"></span>
             </div>
-            <div class="s-field">
-              <label id="lblSchedTenantId"></label>
-              <input type="text" id="cfgTenantId" autocomplete="off">
-              <span class="s-hint" id="hintSchedTenantId"></span>
-            </div>
-            <div class="s-field">
-              <label id="lblSchedInstanceName"></label>
-              <input type="text" id="cfgInstanceName" autocomplete="off">
-              <span class="s-hint" id="hintSchedInstanceName"></span>
-            </div>
-            <div class="s-field">
-              <label id="lblSchedConnKey"></label>
-              <input type="password" id="cfgConnectionKey" autocomplete="new-password">
-              <span class="s-hint" id="hintSchedConnKey"></span>
-            </div>
-            <div class="s-field">
-              <label id="lblSchedRegisterAddr"></label>
-              <input type="text" id="cfgRegisterAddr" placeholder="192.168.1.25:18081" autocomplete="off">
-              <span class="s-hint" id="hintSchedRegisterAddr"></span>
-            </div>
-            <div class="s-field">
-              <label id="lblSchedTunnel"></label>
-              <select id="cfgTunnel">
-                <option value="auto" id="optTunnelAuto"></option>
-                <option value="true" id="optTunnelOn"></option>
-                <option value="false" id="optTunnelOff"></option>
-              </select>
-              <span class="s-hint" id="hintSchedTunnel"></span>
-            </div>
-            <div class="s-field">
-              <div class="s-info-row"><span class="s-info-label" id="lblSchedInstanceId"></span><span class="s-info-value" id="valSchedInstanceId">-</span></div>
-              <span class="s-hint" id="hintSchedInstanceId"></span>
+            <!-- \u9AD8\u7EA7\u8BBE\u7F6E\uFF1A\u5168\u90E8\u53EF\u9009\u9879\uFF0C\u9ED8\u8BA4\u6536\u7EB3 -->
+            <div class="s-advanced" id="schedAdvanced">
+              <button type="button" class="s-advanced-head" id="schedAdvancedHead" onclick="toggleSchedAdvanced()" aria-expanded="false" aria-controls="schedAdvancedBody">
+                <span class="toggle-icon" id="schedAdvancedIcon">&#x25B6;</span>
+                <span id="lblSchedAdvanced"></span>
+                <span class="s-advanced-count" id="schedAdvancedCount"></span>
+              </button>
+              <div class="s-advanced-body" id="schedAdvancedBody" hidden>
+                <div class="s-field">
+                  <label id="lblSchedTenantId"></label>
+                  <input type="text" id="cfgTenantId" autocomplete="off">
+                  <span class="s-hint" id="hintSchedTenantId"></span>
+                </div>
+                <div class="s-field">
+                  <label id="lblSchedConnKey"></label>
+                  <input type="password" id="cfgConnectionKey" autocomplete="new-password">
+                  <span class="s-hint" id="hintSchedConnKey"></span>
+                </div>
+                <div class="s-field">
+                  <label id="lblSchedRegisterAddr"></label>
+                  <input type="text" id="cfgRegisterAddr" placeholder="192.168.1.25:18081" autocomplete="off">
+                  <span class="s-hint" id="hintSchedRegisterAddr"></span>
+                </div>
+                <div class="s-field">
+                  <label id="lblSchedTunnel"></label>
+                  <select id="cfgTunnel">
+                    <option value="auto" id="optTunnelAuto"></option>
+                    <option value="true" id="optTunnelOn"></option>
+                    <option value="false" id="optTunnelOff"></option>
+                  </select>
+                  <span class="s-hint" id="hintSchedTunnel"></span>
+                </div>
+                <div class="s-field">
+                  <div class="s-info-row"><span class="s-info-label" id="lblSchedInstanceId"></span><span class="s-info-value" id="valSchedInstanceId">-</span></div>
+                  <span class="s-hint" id="hintSchedInstanceId"></span>
+                </div>
+              </div>
             </div>
             <div class="s-msg" id="schedMsg"></div>
             <div class="s-actions s-actions-row">
@@ -533,10 +998,6 @@ import{execFile as X}from"node:child_process";import v from"node:fs";import k fr
           <div class="s-field">
             <p class="s-desc" id="descSched"></p>
           </div>
-          <div class="s-actions s-actions-row">
-            <button class="s-btn s-btn-danger" id="btnSaveRestart" onclick="saveServerConfigAndRestart()"></button>
-            <button class="s-btn s-btn-secondary" id="btnReRegister" onclick="doReRegister()"></button>
-          </div>
         </div>
         <!-- Access control page -->
         <div class="settings-page" id="pageAccess">
@@ -569,107 +1030,438 @@ import{execFile as X}from"node:child_process";import v from"node:fs";import k fr
   </div>
 </div>
 
+<!-- \u4FDD\u5B58\u6210\u529F\u540E\u7684\u540E\u7EED\u64CD\u4F5C\u5F39\u6846\uFF1A\u91CD\u65B0\u6CE8\u518C\uFF08\u63A8\u8350\uFF09/ \u91CD\u542F Bridge / \u6682\u4E0D -->
+<div class="modal-overlay" id="afterSaveModal" style="display:none" onclick="closeAfterSave(event)">
+  <div class="settings-panel aftersave-panel" onclick="event.stopPropagation()" role="dialog" aria-modal="true" aria-labelledby="aftersaveTitle">
+    <div class="aftersave-icon" aria-hidden="true">
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6L9 17l-5-5"/></svg>
+    </div>
+    <div class="aftersave-title" id="aftersaveTitle"></div>
+    <p class="aftersave-desc" id="aftersaveDesc"></p>
+    <div class="aftersave-actions">
+      <button class="s-btn s-btn-primary aftersave-recommended" id="aftersaveBtnRegister" onclick="afterSaveAction('register')"></button>
+      <button class="s-btn s-btn-danger" id="aftersaveBtnRestart" onclick="afterSaveAction('restart')"></button>
+      <button type="button" class="aftersave-skip" id="aftersaveBtnSkip" onclick="afterSaveAction('skip')"></button>
+    </div>
+  </div>
+</div>
+
 <style>
+  /* \u2550\u2550 \u8BBE\u7F6E\u5F39\u7A97\uFF08\u590D\u7528\u4E3B\u6837\u5F0F\u8868\u7684\u4EE4\u724C\uFF09 \u2550\u2550 */
   .modal-overlay {
-    position: fixed; top: 0; left: 0; right: 0; bottom: 0;
-    background: rgba(0,0,0,0.55); z-index: 1000;
+    position: fixed; inset: 0;
+    background: rgba(0, 0, 0, 0.5);
+    backdrop-filter: blur(3px);
+    z-index: 1000;
     display: flex; align-items: center; justify-content: center;
     padding: 20px;
+    animation: fadeIn .12s ease;
+  }
+  @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
+
+  .settings-panel {
+    background: var(--surface);
+    border: 1px solid var(--border);
+    border-radius: var(--radius-lg);
+    box-shadow: var(--shadow-2);
+    width: 720px; max-width: 100%;
+    /* \u56FA\u5B9A\u9AD8\u5EA6\uFF1A\u5404\u8BBE\u7F6E\u9875\u5185\u5BB9\u591A\u5C11\u4E0D\u4E00\uFF0C\u82E5\u968F\u5185\u5BB9\u6491\u5F00\uFF0C\u5207\u6362\u9875\u7B7E\u65F6\u9762\u677F\u4F1A\u5FFD\u9AD8\u5FFD\u77EE\u3002
+       \u5916\u6846\u6052\u5B9A 88vh\uFF0C\u957F\u5185\u5BB9\uFF08\u65E5\u5FD7\u3001\u8C03\u5EA6\u8868\u5355\uFF09\u7531 .settings-content \u5185\u90E8\u6EDA\u52A8\u6D88\u5316\u3002 */
+    height: min(88vh, 720px);
+    display: flex; flex-direction: column;
+    overflow: hidden;
+    animation: panelIn .16s cubic-bezier(.2, 0, .2, 1);
+  }
+  @keyframes panelIn {
+    from { opacity: 0; transform: translateY(6px) scale(.99); }
+    to { opacity: 1; transform: none; }
+  }
+
+  .settings-head {
+    display: flex; align-items: center; justify-content: space-between;
+    padding: 15px 20px;
+    border-bottom: 1px solid var(--border);
+    flex-shrink: 0;
+  }
+  .settings-head span {
+    font-size: 15px; font-weight: 650; letter-spacing: -0.01em;
+  }
+  .settings-close {
+    background: none; border: none;
+    color: var(--text-3);
+    font-size: 20px; cursor: pointer;
+    width: 28px; height: 28px;
+    border-radius: var(--radius-sm);
+    display: grid; place-items: center;
+    line-height: 1;
+    transition: background .15s, color .15s;
+  }
+  .settings-close:hover { background: var(--surface-2); color: var(--text); }
+
+  .settings-body { display: flex; flex: 1; min-height: 0; }
+
+  .settings-nav {
+    width: 148px; flex-shrink: 0;
+    border-right: 1px solid var(--border);
+    padding: 10px 8px;
+    display: flex; flex-direction: column; gap: 2px;
+    overflow-y: auto;
+  }
+  .settings-nav-item {
+    padding: 8px 12px;
+    font-size: 13px;
+    border-radius: var(--radius-sm);
+    cursor: pointer;
+    color: var(--text-2);
+    transition: background .15s, color .15s;
+  }
+  .settings-nav-item:hover { color: var(--text); background: var(--surface-2); }
+  .settings-nav-item.active {
+    color: var(--accent);
+    background: var(--accent-soft);
+    font-weight: 600;
+  }
+
+  .settings-content {
+    flex: 1; padding: 22px 24px; overflow-y: auto; min-width: 0;
+  }
+  .settings-page { display: none; }
+  .settings-page.active { display: block; }
+
+  /* \u2500\u2500 \u8868\u5355 \u2500\u2500 */
+  .s-field { margin-bottom: 18px; }
+  .s-field label {
+    display: block; font-size: 12.5px; font-weight: 600;
+    margin-bottom: 7px; color: var(--text-2);
+  }
+  .s-field input,
+  .s-field select,
+  .s-field textarea {
+    width: 100%;
+    padding: 9px 12px;
+    background: var(--bg-elevated);
+    border: 1px solid var(--border);
+    border-radius: var(--radius-sm);
+    color: var(--text);
+    font-size: 13.5px;
+    font-family: inherit;
+    outline: none;
+    transition: border-color .15s, box-shadow .15s;
+  }
+  .s-field input:focus,
+  .s-field select:focus,
+  .s-field textarea:focus {
+    border-color: var(--accent);
+    box-shadow: 0 0 0 3px var(--accent-soft);
+  }
+  .s-field input::placeholder { color: var(--text-3); }
+  .s-field select { cursor: pointer; }
+  .s-field select option { background: var(--bg-elevated); color: var(--text); }
+  .s-field textarea {
+    font-family: var(--font-mono);
+    font-size: 12.5px;
+    resize: vertical;
+  }
+
+  .s-hint { display: block; font-size: 11.5px; color: var(--text-3); margin-top: 5px; line-height: 1.5; }
+  .s-desc { font-size: 12.5px; color: var(--text-2); line-height: 1.65; margin: 0; }
+
+  .s-msg {
+    padding: 9px 12px;
+    border-radius: var(--radius-sm);
+    font-size: 12.5px;
+    margin-bottom: 14px;
+    display: none;
+  }
+  .s-msg.error { display: block; background: var(--danger-soft); color: var(--danger); }
+  .s-msg.success { display: block; background: var(--ok-soft); color: var(--ok); }
+  .s-msg.info { display: block; background: var(--info-soft); color: var(--info); }
+
+  .s-actions { margin-top: 14px; }
+  .s-actions-row { display: flex; gap: 8px; flex-wrap: wrap; }
+  .s-actions-col { display: flex; flex-direction: column; gap: 8px; }
+  .s-btn-ghost { background: transparent; border-color: transparent; color: var(--text-2); }
+  .s-btn-ghost:hover { background: var(--surface-2); color: var(--text); border-color: transparent; }
+
+  /* \u2500\u2500 \u4FDD\u5B58\u6210\u529F\u540E\u7684\u540E\u7EED\u64CD\u4F5C\u5F39\u6846 \u2500\u2500 */
+  .settings-panel.aftersave-panel {
+    width: 380px;
+    /* \u8986\u76D6 .settings-panel \u7684\u56FA\u5B9A\u9AD8\u5EA6\uFF1A\u8FD9\u662F\u5185\u5BB9\u5F88\u5C11\u7684\u5C0F\u5F39\u6846\uFF0C
+       \u82E5\u6CBF\u7528 88vh \u4F1A\u88AB\u6491\u51FA\u5927\u7247\u7A7A\u767D\uFF08\u7A84\u5C4F\u5A92\u4F53\u67E5\u8BE2\u540C\u6837\u8986\u76D6\uFF09\u3002 */
+    height: auto;
+    max-height: min(88vh, 720px);
+    padding: 24px 24px 20px;
+  }
+  .aftersave-icon {
+    width: 40px; height: 40px;
+    margin: 0 auto 14px;
+    border-radius: 50%;
+    background: var(--ok-soft);
+    color: var(--ok);
+    display: grid; place-items: center;
+  }
+  .aftersave-icon svg { width: 20px; height: 20px; display: block; }
+  .aftersave-title {
+    font-size: 15px; font-weight: 650; letter-spacing: -0.01em;
+    margin-bottom: 5px;
+    text-align: center;
+  }
+  .aftersave-desc {
+    font-size: 12.5px; color: var(--text-2); line-height: 1.6;
+    margin: 0 0 18px;
+    text-align: center;
+  }
+  .aftersave-actions { display: flex; flex-direction: column; gap: 8px; }
+  .aftersave-skip {
+    margin-top: 2px;
+    background: none;
+    border: none;
+    color: var(--text-3);
+    font-family: inherit;
+    font-size: 12.5px;
+    cursor: pointer;
+    padding: 6px;
+    border-radius: var(--radius-sm);
+    transition: color .15s, background .15s;
+  }
+  .aftersave-skip:hover { color: var(--text); background: var(--surface-2); }
+  .aftersave-recommended {
+    position: relative;
+  }
+  .aftersave-recommended::after {
+    content: attr(data-recommended);
+    position: absolute;
+    top: -8px; right: 10px;
+    padding: 1px 7px;
+    border-radius: 20px;
+    background: var(--accent);
+    color: #fff;
+    font-size: 10px;
+    font-weight: 600;
+    letter-spacing: 0.02em;
+  }
+
+  .s-btn {
+    display: inline-flex; align-items: center; justify-content: center; gap: 6px;
+    padding: 8px 18px;
+    border-radius: var(--radius-sm);
+    font-size: 13px; font-weight: 600;
+    font-family: inherit;
+    cursor: pointer;
+    transition: background .15s, border-color .15s, opacity .15s;
+    border: 1px solid transparent;
+    white-space: nowrap;
+  }
+  .s-btn-sm { padding: 5px 12px; font-size: 12px; }
+  .s-btn-primary { background: var(--accent); color: #fff; }
+  .s-btn-primary:hover { background: var(--accent-hover); }
+  .s-btn-primary:disabled { opacity: 0.5; cursor: not-allowed; }
+  .s-btn-secondary {
+    background: var(--surface-2); color: var(--text); border-color: var(--border);
+  }
+  .s-btn-secondary:hover { background: var(--surface-3); border-color: var(--border-strong); }
+  .s-btn-danger {
+    background: transparent; color: var(--danger);
+    border-color: color-mix(in srgb, var(--danger) 45%, transparent);
+  }
+  .s-btn-danger:hover { background: var(--danger-soft); border-color: var(--danger); }
+  .s-btn-danger:disabled { opacity: 0.5; cursor: not-allowed; }
+
+  /* \u2500\u2500 \u8C03\u5EA6\u4E2D\u5FC3\u76EE\u6807\u5217\u8868 \u2500\u2500 */
+  .s-target-list { display: flex; flex-direction: column; gap: 8px; }
+  .s-target-item {
+    display: flex; align-items: center; justify-content: space-between; gap: 10px;
+    padding: 11px 13px;
+    background: var(--bg-elevated);
+    border: 1px solid var(--border);
+    border-radius: var(--radius-sm);
+    cursor: pointer;
+    transition: border-color .15s, background .15s;
+  }
+  .s-target-item:hover { border-color: var(--border-strong); }
+  .s-target-item.active { border-color: var(--accent); background: var(--accent-soft); }
+  .s-target-main { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
+  .s-target-url {
+    font-size: 13.5px; font-weight: 600; color: var(--text);
+    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
+  }
+  .s-target-meta {
+    font-size: 11.5px; color: var(--text-3);
+    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
+  }
+  .s-target-actions { display: flex; gap: 6px; flex-shrink: 0; }
+  .s-target-form {
+    border: 1px solid var(--border);
+    border-radius: var(--radius);
+    padding: 18px;
+    margin-bottom: 18px;
+    background: var(--bg-elevated);
+  }
+  .s-target-empty {
+    padding: 20px 14px;
+    text-align: center;
+    font-size: 12.5px;
+    color: var(--text-3);
+    border: 1px dashed var(--border-strong);
+    border-radius: var(--radius-sm);
+  }
+
+  /* \u2500\u2500 \u9AD8\u7EA7\u8BBE\u7F6E\u6298\u53E0\u533A \u2500\u2500 */
+  .s-advanced {
+    border: 1px solid var(--border);
+    border-radius: var(--radius-sm);
+    background: var(--surface-2);
+    margin: 4px 0 18px;
+    overflow: hidden;
+  }
+  .s-advanced-head {
+    display: flex;
+    align-items: center;
+    gap: 7px;
+    width: 100%;
+    padding: 10px 13px;
+    background: transparent;
+    border: none;
+    color: var(--text-2);
+    font-family: inherit;
+    font-size: 12.5px;
+    font-weight: 600;
+    cursor: pointer;
+    text-align: left;
+    transition: color .15s, background .15s;
+  }
+  .s-advanced-head:hover { color: var(--text); background: var(--surface-3); }
+  .s-advanced-head:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
+  .s-advanced-head .toggle-icon { font-size: 9px; transition: transform .2s; }
+  .s-advanced-head[aria-expanded="true"] .toggle-icon { transform: rotate(90deg); }
+  .s-advanced-count { margin-left: auto; font-weight: 500; color: var(--text-3); font-size: 11.5px; }
+  .s-advanced-body {
+    padding: 14px 13px 4px;
+    background: var(--bg-elevated);
+    border-top: 1px solid var(--border);
+  }
+  .s-advanced-body[hidden] { display: none; }
+
+  /* \u2500\u2500 \u8282\u70B9\u4FE1\u606F \u2500\u2500 */
+  .s-info-grid { display: grid; gap: 0; margin-bottom: 16px; }
+  .s-info-row {
+    display: flex; gap: 16px;
+    padding: 9px 0;
+    border-bottom: 1px solid var(--border);
+    font-size: 13px;
+    min-width: 0;
   }
-  .settings-panel {
-    background: var(--surface); border: 1px solid var(--border);
-    border-radius: var(--radius); width: 640px; max-width: 100%;
-    max-height: 90vh; display: flex; flex-direction: column;
+  .s-info-row:last-child { border-bottom: none; }
+  .s-info-label { color: var(--text-3); min-width: 118px; flex-shrink: 0; }
+  .s-info-value {
+    color: var(--text); word-break: break-all; min-width: 0;
+    font-family: var(--font-mono); font-size: 12.5px;
   }
-  .settings-head {
-    display: flex; align-items: center; justify-content: space-between;
-    padding: 16px 20px; border-bottom: 1px solid var(--border);
+
+  /* \u2500\u2500 \u65E5\u5FD7 \u2500\u2500 */
+  .s-log-toolbar {
+    display: flex; align-items: center; gap: 10px;
+    margin-bottom: 12px; flex-wrap: wrap;
+  }
+  .s-log-toolbar select {
+    background: var(--bg-elevated);
+    border: 1px solid var(--border);
+    color: var(--text);
+    padding: 5px 9px;
+    border-radius: var(--radius-sm);
+    font-size: 12px; outline: none;
   }
-  .settings-head span { font-size: 16px; font-weight: 600; }
-  .settings-close {
-    background: none; border: none; color: var(--text2);
-    font-size: 22px; cursor: pointer; padding: 0 4px; line-height: 1;
-  }
-  .settings-close:hover { color: var(--text); }
-  .settings-body { display: flex; flex: 1; min-height: 320px; }
-  .settings-nav { width: 100px; flex-shrink: 0; border-right: 1px solid var(--border); padding: 8px 0; }
-  .settings-nav-item { padding: 7px 14px; font-size: 13px; cursor: pointer; color: var(--text2); transition: all .15s; }
-  .settings-nav-item:hover { color: var(--text); background: rgba(255,255,255,0.03); }
-  .settings-nav-item.active { color: var(--accent); background: rgba(91,141,239,0.1); }
-  .settings-content { flex: 1; padding: 20px; overflow-y: auto; }
-  .settings-page { display: none; }
-  .settings-page.active { display: block; }
-  .s-field { margin-bottom: 16px; }
-  .s-field label { display: block; font-size: 13px; font-weight: 500; margin-bottom: 6px; color: var(--text2); }
-  .s-field input { width: 100%; padding: 9px 12px; background: var(--surface2); border: 1px solid var(--border); border-radius: 6px; color: var(--text); font-size: 14px; outline: none; }
-  .s-field input:focus { border-color: var(--accent); }
-  .s-field select { width: 100%; padding: 9px 12px; background: var(--surface2); border: 1px solid var(--border); border-radius: 6px; color: var(--text); font-size: 14px; outline: none; cursor: pointer; }
-  .s-field select:focus { border-color: var(--accent); }
-  .s-field select option { background: var(--surface2); color: var(--text); }
-  .s-field textarea { width: 100%; padding: 9px 12px; background: var(--surface2); border: 1px solid var(--border); border-radius: 6px; color: var(--text); font-size: 14px; font-family: "Cascadia Code", "Fira Code", Consolas, monospace; outline: none; resize: vertical; }
-  .s-field textarea:focus { border-color: var(--accent); }
-  .s-actions-row { display: flex; gap: 10px; flex-wrap: wrap; }
-  .s-target-list { display: flex; flex-direction: column; gap: 8px; }
-  .s-target-item { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 12px; background: var(--surface2); border: 1px solid var(--border); border-radius: 6px; cursor: pointer; }
-  .s-target-item.active { border-color: var(--accent); }
-  .s-target-main { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
-  .s-target-url { font-size: 14px; font-weight: 600; color: var(--text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-  .s-target-meta { font-size: 12px; opacity: 0.7; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-  .s-target-actions { display: flex; gap: 6px; flex-shrink: 0; }
-  .s-target-form { border: 1px solid var(--border); border-radius: 8px; padding: 16px; margin-bottom: 18px; background: var(--surface); }
-  .s-target-empty { padding: 14px; text-align: center; font-size: 13px; opacity: 0.6; border: 1px dashed var(--border); border-radius: 6px; }
-  .s-hint { display: block; font-size: 11px; color: var(--text2); margin-top: 4px; }
-  .s-msg { padding: 8px 12px; border-radius: 6px; font-size: 13px; margin-bottom: 14px; display: none; }
-  .s-msg.error { display: block; background: rgba(240,84,84,0.12); color: var(--red); }
-  .s-msg.success { display: block; background: rgba(67,198,168,0.12); color: var(--green); }
-  .s-msg.info { display: block; background: rgba(91,141,239,0.12); color: var(--accent); }
-  .s-actions { margin-top: 12px; }
-  .s-btn { padding: 9px 24px; border-radius: 6px; font-size: 14px; font-weight: 600; cursor: pointer; transition: all .15s; border: none; }
-  .s-btn-sm { padding: 5px 12px; font-size: 13px; }
-  .s-btn-primary { background: var(--accent); color: #fff; }
-  .s-btn-primary:hover { background: var(--accent-hover); }
-  .s-btn-primary:disabled { opacity: 0.5; cursor: not-allowed; }
-  .s-btn-secondary { background: var(--surface2); color: var(--text); border: 1px solid var(--border); }
-  .s-btn-secondary:hover { background: var(--border); }
-  .s-btn-danger { background: var(--red); color: #fff; }
-  .s-btn-danger:hover { background: #d94a4a; }
-  .s-btn-danger:disabled { opacity: 0.5; cursor: not-allowed; }
-  .s-desc { font-size: 13px; color: var(--text2); line-height: 1.6; margin: 0; }
-  .s-restart-msg { padding: 8px 12px; border-radius: 6px; font-size: 13px; margin-bottom: 14px; display: none; }
-  .s-restart-msg.info { display: block; background: rgba(91,141,239,0.12); color: var(--accent); }
-  .s-restart-msg.error { display: block; background: rgba(240,84,84,0.12); color: var(--red); }
-  /* Info grid */
-  .s-info-grid { display: grid; gap: 2px; margin-bottom: 16px; }
-  .s-info-row { display: flex; padding: 7px 0; border-bottom: 1px solid var(--border); font-size: 13px; }
-  .s-info-label { color: var(--text2); min-width: 110px; flex-shrink: 0; }
-  .s-info-value { color: var(--text); word-break: break-all; }
-  /* Log viewer */
-  .s-log-toolbar { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; flex-wrap: wrap; }
-  .s-log-toolbar select { background: var(--surface2); border: 1px solid var(--border); color: var(--text); padding: 5px 8px; border-radius: 4px; font-size: 12px; outline: none; }
   .s-log-toolbar select:focus { border-color: var(--accent); }
-  .s-log-toggle { font-size: 12px; color: var(--text2); cursor: pointer; display: flex; align-items: center; gap: 4px; }
+  .s-log-toggle {
+    font-size: 12px; color: var(--text-2);
+    cursor: pointer; display: flex; align-items: center; gap: 5px;
+  }
   .s-log-toggle input { accent-color: var(--accent); }
-  .s-log-list { max-height: 360px; overflow-y: auto; font-family: "Cascadia Code", "Fira Code", "JetBrains Mono", Consolas, monospace; font-size: 11px; line-height: 1.7; background: var(--surface2); border: 1px solid var(--border); border-radius: 6px; padding: 8px; }
+  .s-log-list {
+    max-height: 380px; overflow-y: auto;
+    font-family: var(--font-mono);
+    font-size: 11.5px; line-height: 1.75;
+    background: var(--bg-elevated);
+    border: 1px solid var(--border);
+    border-radius: var(--radius-sm);
+    padding: 10px;
+  }
   .s-log-entry { padding: 1px 4px; white-space: pre-wrap; word-break: break-all; }
-  .s-log-entry .ll { font-weight: 600; }
+  .s-log-entry .ll { font-weight: 700; }
   .s-log-entry .ll.INFO { color: var(--accent); }
-  .s-log-entry .ll.WARN { color: var(--orange); }
-  .s-log-entry .ll.ERROR { color: var(--red); }
-  .s-log-entry .ts { color: var(--text2); }
-  .s-log-empty { color: var(--text2); font-size: 13px; text-align: center; padding: 24px; }
-  /* Table */
+  .s-log-entry .ll.WARN { color: var(--warn); }
+  .s-log-entry .ll.ERROR { color: var(--danger); }
+  .s-log-entry .ts { color: var(--text-3); }
+  .s-log-empty { color: var(--text-3); font-size: 12.5px; text-align: center; padding: 28px; }
+
+  /* \u2500\u2500 \u8BBE\u7F6E\u5185\u8868\u683C \u2500\u2500 */
   .s-table-wrap { max-height: 320px; overflow-y: auto; }
   .s-table { width: 100%; border-collapse: collapse; font-size: 12px; }
-  .s-table th { text-align: left; padding: 7px 10px; font-size: 11px; font-weight: 600; color: var(--text2); background: var(--surface2); border-bottom: 1px solid var(--border); white-space: nowrap; }
-  .s-table td { padding: 6px 10px; border-bottom: 1px solid var(--border); }
+  .s-table th {
+    text-align: left; padding: 8px 10px;
+    font-size: 11px; font-weight: 620; color: var(--text-3);
+    background: var(--surface-2);
+    border-bottom: 1px solid var(--border);
+    white-space: nowrap;
+  }
+  .s-table td { padding: 7px 10px; border-bottom: 1px solid var(--border); }
   .s-table tr:last-child td { border-bottom: none; }
-  .s-tag { display: inline-block; padding: 1px 6px; border-radius: 3px; font-size: 11px; font-weight: 600; }
-  .s-tag.green { background: rgba(67,198,168,0.12); color: var(--green); }
-  .s-tag.red { background: rgba(240,84,84,0.12); color: var(--red); }
-  .s-tag.orange { background: rgba(240,160,48,0.12); color: var(--orange); }
-  .btn-kill { padding: 2px 10px; border-radius: 4px; font-size: 11px; font-weight: 600; cursor: pointer; border: 1px solid var(--red); background: transparent; color: var(--red); transition: all .15s; }
-  .btn-kill:hover { background: var(--red); color: #fff; }
-  .btn-kill:disabled { opacity: 0.4; cursor: not-allowed; }
+  .s-tag {
+    display: inline-block; padding: 1px 7px;
+    border-radius: 20px; font-size: 11px; font-weight: 600;
+  }
+  .s-tag.green { background: var(--ok-soft); color: var(--ok); }
+  .s-tag.red { background: var(--danger-soft); color: var(--danger); }
+  .s-tag.orange { background: var(--warn-soft); color: var(--warn); }
+
+  .s-restart-msg {
+    padding: 9px 12px; border-radius: var(--radius-sm);
+    font-size: 12.5px; margin-bottom: 14px; display: none;
+  }
+  .s-restart-msg.info { display: block; background: var(--info-soft); color: var(--info); }
+  .s-restart-msg.error { display: block; background: var(--danger-soft); color: var(--danger); }
+
+  /* \u8BBE\u7F6E\u5F39\u7A97\u5185\u7684\u6EDA\u52A8\u5BB9\u5668\uFF1A\u7EC6\u6EDA\u52A8\u6761 */
+  .settings-content,
+  .settings-nav,
+  .s-log-list,
+  .s-table-wrap {
+    scrollbar-width: thin;
+    scrollbar-color: var(--border-strong) transparent;
+  }
+  .settings-content::-webkit-scrollbar,
+  .settings-nav::-webkit-scrollbar,
+  .s-log-list::-webkit-scrollbar,
+  .s-table-wrap::-webkit-scrollbar { width: 6px; height: 6px; }
+  .settings-content::-webkit-scrollbar-track,
+  .settings-nav::-webkit-scrollbar-track,
+  .s-log-list::-webkit-scrollbar-track,
+  .s-table-wrap::-webkit-scrollbar-track { background: transparent; }
+  .settings-content::-webkit-scrollbar-thumb,
+  .settings-nav::-webkit-scrollbar-thumb,
+  .s-log-list::-webkit-scrollbar-thumb,
+  .s-table-wrap::-webkit-scrollbar-thumb {
+    background: var(--border-strong); border-radius: 3px;
+  }
+
+  /* \u7A84\u5C4F\uFF1A\u5BFC\u822A\u6539\u4E3A\u9876\u90E8\u6A2A\u5411\u6EDA\u52A8\uFF08\u9762\u677F\u9AD8\u5EA6\u540C\u6837\u56FA\u5B9A\uFF09 */
+  @media (max-width: 620px) {
+    .settings-panel { height: min(92vh, 640px); }
+    .settings-body { flex-direction: column; }
+    .settings-nav {
+      width: auto;
+      flex-direction: row;
+      border-right: none;
+      border-bottom: 1px solid var(--border);
+      padding: 8px;
+      gap: 4px;
+      overflow-x: auto;
+      overflow-y: hidden;
+    }
+    .settings-nav-item { white-space: nowrap; padding: 6px 12px; }
+    .settings-content { padding: 16px; }
+    .s-info-label { min-width: 92px; }
+  }
 </style>
 
 <script>
@@ -686,6 +1478,32 @@ const T = {
     managed: "\u7BA1\u7406",
     orphan: "\u5B64\u513F",
     managedLabel: "\u7BA1\u7406\u4E2D",
+    // \u9875\u9762\u9AA8\u67B6
+    pageTitle: "\u8FD0\u884C\u603B\u89C8",
+    pageSub: "\u672C\u673A Bridge \u72B6\u6001\u4E0E Agent \u4F1A\u8BDD",
+    heroServiceLabel: "Bridge \u670D\u52A1",
+    heroRegLabel: "\u8C03\u5EA6\u4E2D\u5FC3\u6CE8\u518C",
+    heroBindLabel: "\u9762\u677F\u7ED1\u5B9A",
+    heroRunning: "\u8FD0\u884C\u6B63\u5E38",
+    heroRegYes: "\u5DF2\u6CE8\u518C",
+    heroRegNo: "\u672A\u6CE8\u518C",
+    heroBindYes: "\u5DF2\u7ED1\u5B9A",
+    heroBindNo: "\u672A\u7ED1\u5B9A",
+    kpiActiveLabel: "\u6D3B\u8DC3\u4F1A\u8BDD",
+    kpiPersistedLabel: "\u6301\u4E45\u5316\u4F1A\u8BDD",
+    kpiOrphanLabel: "\u5B64\u513F\u8FDB\u7A0B",
+    kpiUptimeLabel: "\u8FD0\u884C\u65F6\u957F",
+    kpiActiveFoot: "\u6B63\u5728\u5DE5\u4F5C\u7684 Agent",
+    kpiPersistedFoot: "\u53EF\u6062\u590D\u7684\u4F1A\u8BDD",
+    kpiOrphanFoot: "\u9700\u6E05\u7406\u7684\u6B8B\u7559\u8FDB\u7A0B",
+    kpiUptimeFoot: "\u81EA\u4E0A\u6B21\u542F\u52A8",
+    // \u5F85\u5904\u7406\u4E8B\u9879
+    attnNoScheduler: "\u8FD8\u672A\u8FDE\u63A5\u8C03\u5EA6\u4E2D\u5FC3",
+    attnNoSchedulerDetail: "\u914D\u7F6E\u670D\u52A1\u5668\u5730\u5740\u540E\uFF0CAgent \u624D\u80FD\u63A5\u6536\u4EFB\u52A1\u3002",
+    attnOrphans: "\u68C0\u51FA {n} \u4E2A\u5B64\u513F\u8FDB\u7A0B",
+    attnOrphansDetail: "\u8FD9\u4E9B\u8FDB\u7A0B\u4ECD\u5728\u8FD0\u884C\uFF0C\u4F46\u5DF2\u4E0D\u53D7 Bridge \u7BA1\u7406\u3002",
+    attnActionScheduler: "\u53BB\u914D\u7F6E",
+    attnActionOrphans: "\u67E5\u770B",
     // \u72B6\u6001\u5361\u7247
     cardBridge: "Bridge",
     cardRegistration: "\u6CE8\u518C",
@@ -765,6 +1583,7 @@ const T = {
     setRestarting: "\u91CD\u542F\u4E2D...",
     // \u8282\u70B9\u4FE1\u606F
     nodeTitle: "\u8282\u70B9\u4FE1\u606F",
+    nodeRefresh: "\u21BB \u5237\u65B0",
     nodeHostname: "\u4E3B\u673A\u540D",
     nodePlatform: "\u5E73\u53F0",
     nodeUptime: "\u8FD0\u884C\u65F6\u957F",
@@ -794,12 +1613,13 @@ const T = {
     schedAddTarget: "\uFF0B \u6DFB\u52A0\u8C03\u5EA6\u4E2D\u5FC3",
     schedEditTarget: "\u7F16\u8F91",
     schedDeleteTarget: "\u5220\u9664",
+    schedCopyConnKey: "\u590D\u5236\u5BC6\u94A5",
     schedConfirmDelete: "\u5220\u9664\u8BE5\u8C03\u5EA6\u4E2D\u5FC3\u914D\u7F6E\uFF1F",
     schedFormNew: "\u65B0\u589E\u8C03\u5EA6\u4E2D\u5FC3",
     schedUrl: "\u670D\u52A1\u5730\u5740 (serverUrl)",
     schedUrlHint: "\u5FC5\u586B\uFF0C\u4EE5 http:// \u6216 https:// \u5F00\u5934\uFF1B\u5730\u5740\u53D8\u66F4\u65F6 API Key \u4F1A\u81EA\u52A8\u6CBF\u7528",
     schedUserKey: "\u7528\u6237 API Key (userKey)",
-    schedUserKeyHint: "\u5FC5\u586B\uFF1B\u5DF2\u914D\u7F6E\u65F6\u7559\u7A7A\u8868\u793A\u4FDD\u6301\u4E0D\u53D8",
+    schedUserKeyHint: "\u5FC5\u586B\uFF1B\u5DF2\u914D\u7F6E\u65F6\u7559\u7A7A\u8868\u793A\u4FDD\u6301\u4E0D\u53D8\u3002\u540C\u4E00\u5730\u5740\u53EF\u6DFB\u52A0\u591A\u884C\u2014\u2014\u4E0D\u540C API Key \u4EE3\u8868\u4E0D\u540C\u8D26\u53F7/\u79DF\u6237\uFF0C\u4F1A\u5E76\u884C\u6CE8\u518C",
     schedTenantId: "\u79DF\u6237 ID\uFF08\u53EF\u9009\uFF09",
     schedTenantIdHint: "\u7559\u7A7A\u7531 server \u6839\u636E userKey \u81EA\u52A8\u63A8\u5BFC",
     schedInstanceName: "\u5B9E\u4F8B\u540D\u79F0\uFF08\u53EF\u9009\uFF09",
@@ -815,18 +1635,37 @@ const T = {
     schedTunnelOff: "\u7981\u7528",
     schedInstanceId: "\u5B9E\u4F8B ID",
     schedInstanceIdHint: "\u7F16\u8F91\u6539\u5740\u65F6\u81EA\u52A8\u7EE7\u627F\uFF08\u540C\u4E00\u5B9E\u4F8B\u6362\u5730\u5740\uFF09\uFF0C\u65B0\u589E\u76EE\u6807\u6CE8\u518C\u6210\u529F\u540E\u81EA\u52A8\u56DE\u586B",
+    schedAdvanced: "\u9AD8\u7EA7\u8BBE\u7F6E",
+    schedAdvancedSummary: "\u9AD8\u7EA7\u8BBE\u7F6E \xB7 \u5DF2\u586B {n} \u9879\u53EF\u9009\u9879",
+    schedAdvancedEmpty: "\u9AD8\u7EA7\u8BBE\u7F6E \xB7 \u53EF\u9009\u9879\u5747\u4E3A\u7A7A\uFF0C\u4FDD\u6301\u9ED8\u8BA4\u5373\u53EF",
+    schedAdvancedN: "{n} \u9879\u5DF2\u586B",
     schedSave: "\u4FDD\u5B58\u914D\u7F6E",
     schedSaving: "\u4FDD\u5B58\u4E2D...",
     schedSaved: "\u914D\u7F6E\u5DF2\u4FDD\u5B58",
     schedSavedRegistering: "\u914D\u7F6E\u5DF2\u4FDD\u5B58\uFF0C\u6B63\u5728\u91CD\u65B0\u6CE8\u518C...",
     schedSaveFail: "\u4FDD\u5B58\u5931\u8D25",
+    schedDupNoKey: "\u8BE5\u5730\u5740\u5DF2\u6709\u914D\u7F6E\u3002\u540C\u4E00\u5730\u5740\u8981\u65B0\u589E\u4E00\u6761\uFF0C\u8BF7\u586B\u5165\u53E6\u4E00\u4E2A API Key\uFF08\u4E0D\u540C\u8D26\u53F7/\u79DF\u6237\uFF09\uFF1B\u82E5\u8981\u4FEE\u6539\u5DF2\u6709\u6761\u76EE\uFF0C\u8BF7\u70B9\u51FB\u5217\u8868\u4E2D\u8BE5\u6761\u76EE\u7684\u300C\u7F16\u8F91\u300D\u3002",
+    schedTenantShort: "\u79DF\u6237",
     schedSaveAndRestart: "\u4FDD\u5B58\u5E76\u91CD\u542F",
     schedSaveRestartConfirm: "\u4FDD\u5B58\u914D\u7F6E\u5E76\u91CD\u542F Bridge\uFF1F\u91CD\u542F\u671F\u95F4\u670D\u52A1\u4F1A\u77ED\u6682\u4E2D\u65AD\uFF0C\u8FD0\u884C\u4E2D\u7684 Agent \u4F1A\u88AB\u4FDD\u7559\u3002",
+    aftersaveTitle: "\u914D\u7F6E\u5DF2\u4FDD\u5B58",
+    aftersaveDesc: "\u65B0\u914D\u7F6E\u5DF2\u5199\u5165\u3002\u8981\u7ACB\u5373\u751F\u6548\u5417\uFF1F",
+    aftersaveRegister: "\u7ACB\u5373\u91CD\u65B0\u6CE8\u518C",
+    aftersaveRegisterRec: "\u63A8\u8350",
+    aftersaveRestart: "\u91CD\u542F Bridge \u751F\u6548",
+    aftersaveRestartHint: "\u96A7\u9053\u6A21\u5F0F\u7B49\u53D8\u66F4\u9700\u8981\u91CD\u542F\uFF1B\u91CD\u542F\u671F\u95F4\u670D\u52A1\u77ED\u6682\u4E2D\u65AD\uFF0C\u8FD0\u884C\u4E2D\u7684 Agent \u4F1A\u88AB\u4FDD\u7559",
+    aftersaveSkip: "\u6682\u4E0D\uFF0C\u7A0D\u540E\u518D\u8BF4",
+    aftersaveRegistering: "\u6B63\u5728\u91CD\u65B0\u6CE8\u518C...",
+    aftersaveRestarting: "\u6B63\u5728\u91CD\u542F...",
+    aftersaveRegisterOk: "\u91CD\u65B0\u6CE8\u518C\u6210\u529F\uFF0C\u65B0\u914D\u7F6E\u5DF2\u751F\u6548",
+    aftersaveRegisterFail: "\u91CD\u65B0\u6CE8\u518C\u5931\u8D25",
+    aftersaveSkipDone: "\u5DF2\u4FDD\u5B58\u3002\u914D\u7F6E\u4F1A\u5728\u4E0B\u6B21 Bridge \u542F\u52A8\u65F6\u751F\u6548\uFF1B\u4E5F\u53EF\u968F\u65F6\u624B\u52A8\u91CD\u542F\u3002",
     schedReRegister: "\u91CD\u65B0\u6CE8\u518C",
     schedReRegistering: "\u6CE8\u518C\u4E2D...",
     schedReRegistered: "\u91CD\u65B0\u6CE8\u518C\u6210\u529F",
     schedReRegisterFail: "\u91CD\u65B0\u6CE8\u518C\u5931\u8D25",
-    schedDesc: "\u4FDD\u5B58\u540E\u53EF\u70B9\u51FB\u201C\u91CD\u65B0\u6CE8\u518C\u201D\u7ACB\u5373\u5E94\u7528\u65B0\u914D\u7F6E\uFF1B\u96A7\u9053\u6A21\u5F0F\u7B49\u90E8\u5206\u53D8\u66F4\u9700\u91CD\u542F Bridge \u751F\u6548\u3002",
+    schedDesc: "\u4FDD\u5B58\u6210\u529F\u540E\u4F1A\u8BE2\u95EE\u5982\u4F55\u5E94\u7528\uFF1A\u63A8\u8350\u7ACB\u5373\u91CD\u65B0\u6CE8\u518C\uFF1B\u96A7\u9053\u6A21\u5F0F\u7B49\u90E8\u5206\u53D8\u66F4\u9700\u91CD\u542F Bridge \u751F\u6548\u3002",
+    schedPrefillNotice: "\u5DF2\u4ECE\u9762\u677F\u5E26\u5165\u670D\u52A1\u5668\u5730\u5740 {0}\u3002\u8BF7\u5728\u4E0B\u65B9\u7C98\u8D34\u4F60\u7684 userKey \u540E\u4FDD\u5B58\uFF08\u5BC6\u94A5\u4E0D\u4F1A\u901A\u8FC7\u94FE\u63A5\u4F20\u5165\uFF09\u3002",
     // \u8BBF\u95EE\u63A7\u5236
     accTitle: "\u8BBF\u95EE\u63A7\u5236",
     accAllowIps: "\u5141\u8BB8\u8BBF\u95EE\u7684 IP / \u7F51\u6BB5",
@@ -859,6 +1698,32 @@ const T = {
     managed: "managed",
     orphan: "orphan",
     managedLabel: "managed",
+    // \u9875\u9762\u9AA8\u67B6
+    pageTitle: "Overview",
+    pageSub: "Local bridge status and agent sessions",
+    heroServiceLabel: "Bridge service",
+    heroRegLabel: "Scheduler registration",
+    heroBindLabel: "Panel binding",
+    heroRunning: "Running",
+    heroRegYes: "Registered",
+    heroRegNo: "Not registered",
+    heroBindYes: "Paired",
+    heroBindNo: "Unpaired",
+    kpiActiveLabel: "Active sessions",
+    kpiPersistedLabel: "Persisted sessions",
+    kpiOrphanLabel: "Orphan processes",
+    kpiUptimeLabel: "Uptime",
+    kpiActiveFoot: "Agents currently working",
+    kpiPersistedFoot: "Sessions that can be resumed",
+    kpiOrphanFoot: "Leftover processes to clean up",
+    kpiUptimeFoot: "Since last start",
+    // \u5F85\u5904\u7406\u4E8B\u9879
+    attnNoScheduler: "Not connected to a scheduler",
+    attnNoSchedulerDetail: "Configure a server address so agents can receive tasks.",
+    attnOrphans: "{n} orphan process(es) detected",
+    attnOrphansDetail: "They are still running but no longer managed by Bridge.",
+    attnActionScheduler: "Configure",
+    attnActionOrphans: "Review",
     cardBridge: "Bridge",
     cardRegistration: "Registration",
     cardBinding: "Binding",
@@ -935,6 +1800,7 @@ const T = {
     setRestarting: "Restarting...",
     // Node Info
     nodeTitle: "Node Info",
+    nodeRefresh: "\u21BB Refresh",
     nodeHostname: "Hostname",
     nodePlatform: "Platform",
     nodeUptime: "Uptime",
@@ -964,12 +1830,13 @@ const T = {
     schedAddTarget: "+ Add scheduler",
     schedEditTarget: "Edit",
     schedDeleteTarget: "Delete",
+    schedCopyConnKey: "Copy key",
     schedConfirmDelete: "Delete this scheduler configuration?",
     schedFormNew: "New scheduler",
     schedUrl: "Server URL (serverUrl)",
     schedUrlHint: "Required, must start with http:// or https://; the API key is kept when the URL changes",
     schedUserKey: "User API Key (userKey)",
-    schedUserKeyHint: "Required; leave blank to keep the configured value",
+    schedUserKeyHint: "Required; leave blank to keep the configured value. The same address can be added multiple times \u2014 a different API key means a different account/tenant, registered in parallel",
     schedTenantId: "Tenant ID (optional)",
     schedTenantIdHint: "Leave blank to auto-derive from userKey on the server",
     schedInstanceName: "Instance name (optional)",
@@ -985,18 +1852,37 @@ const T = {
     schedTunnelOff: "Off",
     schedInstanceId: "Instance ID",
     schedInstanceIdHint: "Inherited automatically when editing the URL (same instance, new address); backfilled after a new target registers successfully",
+    schedAdvanced: "Advanced",
+    schedAdvancedSummary: "Advanced \xB7 {n} optional field(s) filled",
+    schedAdvancedEmpty: "Advanced \xB7 all optional, defaults are fine",
+    schedAdvancedN: "{n} filled",
     schedSave: "Save config",
     schedSaving: "Saving...",
     schedSaved: "Configuration saved",
     schedSavedRegistering: "Configuration saved, re-registering...",
     schedSaveFail: "Failed to save",
+    schedDupNoKey: "This address already has an entry. To add another one for the same address, enter a different API key (a different account/tenant); to modify the existing entry, click Edit on it in the list.",
+    schedTenantShort: "tenant",
     schedSaveAndRestart: "Save & restart",
     schedSaveRestartConfirm: "Save the configuration and restart the bridge? The service will be briefly interrupted; running agents are preserved.",
+    aftersaveTitle: "Configuration saved",
+    aftersaveDesc: "The new configuration has been written. Apply it now?",
+    aftersaveRegister: "Re-register now",
+    aftersaveRegisterRec: "Recommended",
+    aftersaveRestart: "Restart Bridge to apply",
+    aftersaveRestartHint: "Needed for tunnel-mode changes; restart briefly interrupts the service, running agents are preserved",
+    aftersaveSkip: "Not now",
+    aftersaveRegistering: "Re-registering...",
+    aftersaveRestarting: "Restarting...",
+    aftersaveRegisterOk: "Re-registered successfully, new configuration is live",
+    aftersaveRegisterFail: "Re-register failed",
+    aftersaveSkipDone: "Saved. The configuration applies on next Bridge start; you can also restart manually anytime.",
     schedReRegister: "Re-register",
     schedReRegistering: "Registering...",
     schedReRegistered: "Re-registered successfully",
     schedReRegisterFail: "Re-registration failed",
-    schedDesc: "After saving, click 'Re-register' to apply the new config immediately; some changes such as tunnel mode require a bridge restart.",
+    schedDesc: "After saving you'll be asked how to apply it: re-registering now is recommended; some changes such as tunnel mode require a bridge restart.",
+    schedPrefillNotice: "The server address {0} was pre-filled from the dashboard. Paste your userKey below and save (secrets are never passed via the link).",
     // Access control
     accTitle: "Access Control",
     accAllowIps: "Allowed IPs / networks",
@@ -1035,11 +1921,22 @@ function t(k) {
   return ((_a = T[lang]) === null || _a === void 0 ? void 0 : _a[k]) || T.zh[k] || k;
 }
 
+// \u6309\u9762\u677F\u5F53\u524D\u8BED\u8A00\u683C\u5F0F\u5316\u65F6\u95F4\u3002
+// \u4E0D\u80FD\u76F4\u63A5\u7528 toLocaleString()\uFF08\u4E0D\u4F20\u53C2\u6570\uFF09\uFF1A\u90A3\u4F1A\u53D6\u6D4F\u89C8\u5668/OS \u7684\u8BED\u8A00\uFF0C\u4E0E\u9762\u677F\u81EA\u5DF1\u7684
+// \u4E2D\u82F1\u5207\u6362\u6309\u94AE\uFF08lang\uFF09\u8131\u8282\u2014\u2014\u7528\u6237\u5207\u5230 English \u540E\uFF0C\u65E5\u671F\u4ECD\u6309\u7CFB\u7EDF\u8BED\u8A00\u6E32\u67D3\uFF0C\u4E2D\u82F1\u5939\u6742\u3002
+function fmtTime(value) {
+  var _a;
+  var date = value ? new Date(value) : null;
+  if (!date || isNaN(date.getTime())) return "-";
+  return date.toLocaleString(lang === "en" ? "en-US" : "zh-CN", { hour12: false });
+}
+
 function toggleLang() {
   lang = lang === "zh" ? "en" : "zh";
   localStorage.setItem("dashboard-lang", lang);
   document.documentElement.lang = lang === "en" ? "en" : "zh-CN";
   document.getElementById("langBtn").textContent = t("langName");
+  updateThemeBtn();
   if (document.getElementById("settingsModal").style.display === "flex") {
     renderSettingsUI();
     settingsLang = lang;
@@ -1047,6 +1944,30 @@ function toggleLang() {
   if (lastData) render(lastData);
 }
 
+// \u2500\u2500 \u4E3B\u9898\u504F\u597D\uFF08\u9ED8\u8BA4\u6DF1\u8272\uFF1B\u4E0E\u767B\u5F55/\u8BBE\u7F6E\u9875\u5171\u7528 dashboard-theme\uFF09\u2500\u2500
+function isLightTheme() {
+  return document.documentElement.classList.contains("light-theme");
+}
+
+// \u6309\u94AE\u5448\u73B0"\u5373\u5C06\u5207\u6362\u5230\u7684\u76EE\u6807"\uFF1A\u6DF1\u8272\u65F6\u663E\u592A\u9633\uFF08\u70B9\u2192\u6D45\u8272\uFF09\uFF0C\u6D45\u8272\u65F6\u663E\u6708\u4EAE\uFF08\u70B9\u2192\u6DF1\u8272\uFF09
+function updateThemeBtn() {
+  var btn = document.getElementById("themeBtn");
+  if (!btn) return;
+  var light = isLightTheme();
+  btn.textContent = light ? "\\u263D" : "\\u2600";
+  btn.title = light
+    ? (lang === "en" ? "Switch to dark" : "\u5207\u6362\u6DF1\u8272")
+    : (lang === "en" ? "Switch to light" : "\u5207\u6362\u6D45\u8272");
+}
+
+function toggleTheme() {
+  var light = document.documentElement.classList.toggle("light-theme");
+  try { localStorage.setItem("dashboard-theme", light ? "light" : "dark"); } catch (e) {}
+  updateThemeBtn();
+}
+
+updateThemeBtn();
+
 // \u2500\u2500 \u5DE5\u5177\u51FD\u6570 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
 let lastData = null;
 
@@ -1082,7 +2003,20 @@ function escHtml(s) {
 }
 function fmtShortDate(iso) {
   if (!iso) return "-";
-  return iso.slice(0, 19).replace("T", " ");
+  // \u4E0D\u80FD\u76F4\u63A5\u5207\u5B57\u7B26\u4E32\uFF1A\u90A3\u6837\u663E\u793A\u7684\u662F UTC \u6302\u949F\u503C\uFF08\u5982 2026-08-18 04:35:45\uFF09\uFF0C
+  // \u4E0E\u6D4F\u89C8\u5668\u6240\u5728\u65F6\u533A\u7684\u672C\u5730\u65F6\u95F4\u76F8\u5DEE\u4E00\u4E2A\u504F\u79FB\u3002\u8FD9\u91CC\u8F6C\u6210 Date \u518D\u6309\u672C\u5730\u65F6\u533A\u6E32\u67D3\uFF0C
+  // \u8BA9\u9762\u677F\u663E\u793A\u7684\u523B\u4E0E\u7528\u6237\u5B9E\u9645\u611F\u77E5\u7684\u4E00\u81F4\u3002
+  var date = new Date(iso);
+  if (isNaN(date.getTime())) return String(iso).slice(0, 19).replace("T", " ");
+  return date.toLocaleString(lang === "en" ? "en-US" : "zh-CN", {
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit",
+    hour: "2-digit",
+    minute: "2-digit",
+    second: "2-digit",
+    hour12: false,
+  });
 }
 function fmtShortPath(p) {
   if (!p) return "-";
@@ -1118,105 +2052,237 @@ function barColor(pct) {
 }
 
 // \u2500\u2500 \u6E32\u67D3 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+
+/** \u8BBE\u7F6E\u4E00\u4E2A\u72B6\u6001\u70B9\uFF08hero \u7528\uFF09\uFF1Aok / warn / danger / \u7A7A\u3002 */
+function setDot(id, tone, pulse) {
+  const el = document.getElementById(id);
+  if (!el) return;
+  el.className = "dot" + (tone ? " " + tone : "") + (pulse ? " pulse" : "");
+}
+
+/** \u5F85\u5904\u7406\u4E8B\u9879\u7684\u52A8\u4F5C\u76EE\u6807\uFF1A\u70B9\u51FB\u540E\u8DF3\u8F6C\u5230\u5BF9\u5E94\u8BBE\u7F6E\u9875\u3002 */
+let attentionActionKind = null;
+
+function runAttentionAction() {
+  if (attentionActionKind === "scheduler") {
+    openSettings();
+    switchSettingsPage("scheduler");
+  } else if (attentionActionKind === "orphans") {
+    const table = document.getElementById("unknownTable");
+    if (table && table.style.display === "none") toggleUnknown();
+    const el = document.getElementById("orphanContainer");
+    if (el) el.scrollIntoView({ behavior: "smooth", block: "center" });
+  }
+}
+
+/**
+ * \u5F85\u5904\u7406\u4E8B\u9879\u6761\uFF1A\u53EA\u5728\u771F\u7684\u9700\u8981\u7528\u6237\u52A8\u624B\u65F6\u51FA\u73B0\u3002
+ * \u4F18\u5148\u7EA7\uFF1A\u672A\u6CE8\u518C\u8C03\u5EA6\u4E2D\u5FC3 > \u5B64\u513F\u8FDB\u7A0B\u3002\u4E24\u8005\u4E92\u4E0D\u8986\u76D6\uFF0C\u4F46\u4E00\u6B21\u53EA\u63D0\u793A\u6700\u7D27\u8981\u7684\u4E00\u6761\uFF0C
+ * \u907F\u514D\u9762\u677F\u53D8\u6210\u4E00\u5806\u9EC4\u6761\u3002
+ */
+function renderAttention(data) {
+  const bar = document.getElementById("attentionBar");
+  const textEl = document.getElementById("attentionText");
+  const actionEl = document.getElementById("attentionAction");
+  if (!bar || !textEl || !actionEl) return;
+
+  const registered = Boolean(data.registration?.registered);
+  const orphanCount = data.processes?.orphan ?? 0;
+
+  if (!registered) {
+    textEl.innerHTML =
+      "<b>" + escHtml(t("attnNoScheduler")) + "</b> " +
+      escHtml(t("attnNoSchedulerDetail"));
+    actionEl.textContent = t("attnActionScheduler");
+    actionEl.style.display = "";
+    attentionActionKind = "scheduler";
+    bar.hidden = false;
+    return;
+  }
+
+  if (orphanCount > 0) {
+    textEl.innerHTML =
+      "<b>" + escHtml(t("attnOrphans").replace("{n}", String(orphanCount))) + "</b> " +
+      escHtml(t("attnOrphansDetail"));
+    actionEl.textContent = t("attnActionOrphans");
+    actionEl.style.display = "";
+    attentionActionKind = "orphans";
+    bar.hidden = false;
+    return;
+  }
+
+  bar.hidden = true;
+  attentionActionKind = null;
+}
+
+/** \u5065\u5EB7\u603B\u89C8\uFF1A\u4E09\u4E2A\u300C\u662F\u5426\u53EF\u7528\u300D\u7684\u5224\u65AD\uFF0C\u53D6\u4EE3\u539F\u5148 4 \u5F20\u5E73\u94FA\u72B6\u6001\u5361\u3002 */
+function renderHero(data) {
+  const b = data.binding || {};
+  const r = data.registration || {};
+
+  // Bridge \u670D\u52A1\uFF08\u9875\u9762\u80FD\u6253\u5F00\u5C31\u8BF4\u660E\u8FDB\u7A0B\u6D3B\u7740\uFF0C\u72B6\u6001\u70B9\u6052\u4E3A ok\uFF09
+  document.getElementById("heroServiceLabel").textContent = t("heroServiceLabel");
+  document.getElementById("heroServiceValue").textContent = t("heroRunning");
+  setDot("heroServiceDot", "ok", true);
+  const platform = [data.bridge?.platform, data.bridge?.arch].filter(Boolean).join(" ");
+  document.getElementById("heroServiceDetail").textContent =
+    [platform, data.bridge?.nodeVersion, fmtDuration(data.bridge?.uptime)]
+      .filter(Boolean)
+      .join(" \xB7 ");
+
+  // \u8C03\u5EA6\u4E2D\u5FC3\u6CE8\u518C
+  document.getElementById("heroRegLabel").textContent = t("heroRegLabel");
+  document.getElementById("heroRegValue").textContent =
+    r.registered ? t("heroRegYes") : t("heroRegNo");
+  setDot("heroRegDot", r.registered ? "ok" : "warn", false);
+  document.getElementById("heroRegDetail").textContent =
+    r.error || r.instanceId || r.lastAttempt
+      ? r.error || r.instanceId || fmtTime(r.lastAttempt)
+      : "-";
+
+  // \u9762\u677F\u7ED1\u5B9A
+  document.getElementById("heroBindLabel").textContent = t("heroBindLabel");
+  document.getElementById("heroBindValue").textContent =
+    b.paired ? t("heroBindYes") : t("heroBindNo");
+  setDot("heroBindDot", b.paired ? "ok" : "warn", false);
+  document.getElementById("heroBindDetail").textContent =
+    b.schedulerBaseUrl || b.instanceId || "-";
+}
+
+/** KPI \u78C1\u8D34\uFF1A\u56DB\u4E2A\u6700\u5173\u952E\u7684\u6570\u5B57\u3002 */
+function renderKpis(data) {
+  const activeCount = data.sessions?.activeCount ?? 0;
+  const persistedCount = data.sessions?.persistedCount ?? 0;
+  const orphanCount = data.processes?.orphan ?? 0;
+  const managedCount = data.processes?.managed ?? 0;
+
+  document.getElementById("kpiActiveLabel").textContent = t("kpiActiveLabel");
+  document.getElementById("kpiPersistedLabel").textContent = t("kpiPersistedLabel");
+  document.getElementById("kpiOrphanLabel").textContent = t("kpiOrphanLabel");
+  document.getElementById("kpiUptimeLabel").textContent = t("kpiUptimeLabel");
+
+  const activeEl = document.getElementById("kpiActive");
+  activeEl.textContent = String(activeCount);
+  activeEl.className = "kpi-value " + (activeCount > 0 ? "ok" : "muted");
+  document.getElementById("kpiActiveFoot").textContent = t("kpiActiveFoot");
+
+  document.getElementById("kpiPersisted").textContent = String(persistedCount);
+  document.getElementById("kpiPersistedFoot").textContent =
+    t("kpiPersistedFoot") + (managedCount > 0 ? " \xB7 " + managedCount + " " + t("managedLabel") : "");
+
+  const orphanEl = document.getElementById("kpiOrphan");
+  orphanEl.textContent = String(orphanCount);
+  orphanEl.className = "kpi-value " + (orphanCount > 0 ? "warn" : "muted");
+  document.getElementById("kpiOrphanFoot").textContent = t("kpiOrphanFoot");
+
+  document.getElementById("kpiUptime").textContent = fmtDuration(data.bridge?.uptime);
+  document.getElementById("kpiUptimeFoot").textContent = t("kpiUptimeFoot");
+}
+
 function render(data) {
   lastData = data;
-  document.getElementById("refreshTime").textContent = new Date(data.collectedAt).toLocaleString();
+  document.getElementById("refreshTime").textContent = fmtTime(data.collectedAt);
   document.getElementById("bridgeHostname").textContent = data.bridge?.hostname || "-";
   document.getElementById("bridgeVersion").textContent = "v" + (data.bridge?.version || "-");
   document.getElementById("langBtn").textContent = t("langName");
-  document.getElementById("refreshBtn").textContent = t("refreshBtn");
+  document.getElementById("pageTitle").textContent = t("pageTitle");
+  document.getElementById("pageSub").textContent = t("pageSub");
 
   // Section titles
-  document.getElementById("sectionSysRes").firstChild.textContent = t("secSysRes");
-  document.getElementById("sectionSessions").firstChild.textContent = t("secSessions");
+  document.getElementById("sectionSysRes").textContent = t("secSysRes");
+  document.getElementById("sectionSessions").textContent = t("secSessions");
   document.getElementById("unknownLabel").textContent = " " + t("secUnknown");
-  document.getElementById("sectionOrphans").firstChild.textContent = t("secOrphans");
-  document.getElementById("sectionPersisted").firstChild.textContent = t("secPersisted");
+  document.getElementById("sectionOrphans").textContent = t("secOrphans");
+  document.getElementById("sectionPersisted").textContent = t("secPersisted");
   document.getElementById("orphanBannerText").textContent = t("orphanBanner");
   if (document.getElementById("unknownTable").style.display !== "none") {
     document.getElementById("unknownIcon").classList.add("open");
   }
 
-  // Status cards
-  const b = data.binding || {};
-  const r = data.registration || {};
-  const cards = [
-    { title: t("cardBridge"), items: [
-      [t("fldVersion"), data.bridge?.version || "-"],
-      [t("fldHost"), data.bridge?.hostname || "-"],
-      [t("fldPlatform"), (data.bridge?.platform || "") + " " + (data.bridge?.arch || "")],
-      [t("fldUptime"), fmtDuration(data.bridge?.uptime)],
-      [t("fldNode"), data.bridge?.nodeVersion || "-"],
-    ]},
-    { title: t("cardRegistration"), items: [
-      [t("fldStatus"), '<span class="' + statusClass(r.registered) + '">' + (r.registered ? t("stRegistered") : t("stNotRegistered")) + "</span>"],
-      [t("fldInstanceId"), r.instanceId || "-"],
-      [t("fldLastAttempt"), r.lastAttempt ? new Date(r.lastAttempt).toLocaleString() : "-"],
-      [t("fldError"), r.error ? '<span class="status-red">' + r.error + "</span>" : t("stNone")],
-    ]},
-    { title: t("cardBinding"), items: [
-      [t("fldStatus"), '<span class="' + statusClass(b.paired) + '">' + (b.paired ? t("stPaired") : t("stUnpaired")) + "</span>"],
-      [t("fldInstanceId"), b.instanceId || "-"],
-      [t("fldScheduler"), b.schedulerBaseUrl || "-"],
-      [t("fldPairingCode"), b.pairingCode || "-"],
-    ]},
-    { title: t("cardSessions"), items: [
-      [t("fldActiveSessions"), '<span class="' + ((data.sessions?.activeCount ?? 0) > 0 ? "status-green" : "status-muted") + '">' + (data.sessions?.activeCount ?? 0) + "</span>"],
-      [t("fldPersistedSessions"), (data.sessions?.persistedCount ?? 0)],
-      [t("fldManagedProcesses"), data.processes?.managed ?? 0],
-      [t("fldOrphanProcesses"), '<span class="' + ((data.processes?.orphan ?? 0) > 0 ? "status-orange" : "status-muted") + '">' + (data.processes?.orphan ?? 0) + "</span>"],
-      [t("fldRegistryEntries"), data.processes?.registryCount ?? 0],
-    ]},
-  ];
-
-  document.getElementById("statusCards").innerHTML = cards.map(c => {
-    const rows = c.items.map(([k, v]) =>
-      '<div class="stat-row"><span class="stat-label">' + k + '</span><span class="stat-value">' + v + '</span></div>'
-    ).join("");
-    return '<div class="card"><div class="card-title">' + c.title + '</div>' + rows + '</div>';
-  }).join("");
-
-  // Metrics
+  renderHero(data);
+  renderKpis(data);
+  renderAttention(data);
+
+  // Metrics \u2014 \u56DB\u4E2A\u4EEA\u8868\u6A2A\u5411\u5BF9\u9F50\uFF0C\u8BFB\u6570\u7528\u5927\u5B57\uFF0C\u660E\u7EC6\u7528\u5C0F\u5B57
   const m = data.metrics;
   const metricsGrid = document.getElementById("metricsGrid");
+  const metricsCard = document.getElementById("metricsCard");
   if (m && m.ok) {
     const cpuPct = m.cpu?.usagePercent ?? 0;
     const memPct = m.memory?.usagePercent ?? 0;
     const storagePct = m.storage?.usagePercent ?? 0;
+    // \u5B58\u50A8\u8DEF\u5F84\u53EA\u53D6\u6700\u540E\u4E00\u6BB5\uFF08\u5982\u6839\u76D8\u53EA\u663E\u793A\u76D8\u7B26\uFF09\uFF0C\u5B8C\u6574\u8DEF\u5F84\u653E title
+    const storageLabel = m.storage?.path ? fmtShortPath(m.storage.path).split("/").pop() : "";
+    metricsCard.classList.remove("metrics-error");
     metricsGrid.innerHTML = [
-      { title: "CPU", usage: cpuPct, lines: [
-        [t("fldUsage"), fmtPercent(cpuPct)],
-        [t("fldCores"), m.cpu?.coreCount ?? "-"],
-        [t("fldModel"), (m.cpu?.model || "-").substring(0, 40)],
-      ]},
-      { title: "Memory", usage: memPct, lines: [
-        [t("fldUsage"), fmtPercent(memPct)],
-        [t("fldUsed"), fmtBytes(m.memory?.usedBytes)],
-        [t("fldFree"), fmtBytes(m.memory?.freeBytes)],
-        [t("fldTotal"), fmtBytes(m.memory?.totalBytes)],
-      ]},
-      { title: "Storage (" + (m.storage?.path || "") + ")", usage: storagePct, lines: [
-        [t("fldUsage"), fmtPercent(storagePct)],
-        [t("fldFree"), m.storage ? m.storage.freeGiB + " GiB" : "-"],
-        [t("fldTotal"), m.storage ? m.storage.totalGiB + " GiB" : "-"],
-      ]},
-      { title: "Network", usage: null, lines: [
-        [t("fldDownload"), fmtBytes(m.network?.downloadBytesPerSecond) + "/s"],
-        [t("fldUpload"), fmtBytes(m.network?.uploadBytesPerSecond) + "/s"],
-        [t("fldTotalDown"), fmtBytes(m.network?.downloadTotalBytes)],
-        [t("fldTotalUp"), fmtBytes(m.network?.uploadTotalBytes)],
-      ]},
+      {
+        name: "CPU",
+        reading: fmtPercent(cpuPct),
+        usage: cpuPct,
+        lines: [
+          [t("fldCores"), m.cpu?.coreCount ?? "-"],
+          [t("fldModel"), (m.cpu?.model || "-").substring(0, 36)],
+        ],
+      },
+      {
+        name: "Memory",
+        reading: fmtPercent(memPct),
+        usage: memPct,
+        lines: [
+          [t("fldUsed"), fmtBytes(m.memory?.usedBytes)],
+          [t("fldTotal"), fmtBytes(m.memory?.totalBytes)],
+        ],
+      },
+      {
+        name: "Storage",
+        reading: fmtPercent(storagePct),
+        usage: storagePct,
+        lines: [
+          [t("fldFree"), m.storage ? m.storage.freeGiB + " GiB" : "-"],
+          [t("fldTotal"), m.storage ? m.storage.totalGiB + " GiB" : "-"],
+        ],
+        // \u53EA\u663E\u793A\u672B\u4E24\u6BB5\u8DEF\u5F84\uFF0C\u5B8C\u6574\u8DEF\u5F84\u653E title \u5C5E\u6027\uFF08\u65E7\u7248\u628A\u6574\u6761\u7EDD\u5BF9\u8DEF\u5F84\u585E\u8FDB\u6807\u9898\u5BFC\u81F4\u6362\u884C\uFF09
+        foot: storageLabel,
+        footFull: m.storage?.path || "",
+      },
+      {
+        name: "Network",
+        // \u4E0A\u4E0B\u884C\u901F\u7387\u662F\u77AC\u65F6\u503C\uFF0C0 \u4E0E"\u65E0\u6570\u636E"\u8BED\u4E49\u4E0D\u540C\uFF1A0 \u662F\u771F\u5B9E\u8BFB\u6570\uFF0C\u4E0D\u5E94\u663E\u793A\u4E3A -
+        reading: fmtBytes(m.network?.downloadBytesPerSecond ?? 0) + "/s",
+        muted: true,
+        usage: null,
+        lines: [
+          [t("fldUpload"), fmtBytes(m.network?.uploadBytesPerSecond ?? 0) + "/s"],
+          [t("fldTotalDown"), fmtBytes(m.network?.downloadTotalBytes)],
+        ],
+      },
     ].map(c => {
+      // \u65E0\u767E\u5206\u6BD4\u8BFB\u6570\u7684\u4EEA\u8868\uFF08Network\uFF09\u4E5F\u5360\u540C\u6837\u9AD8\u5EA6\u7684\u8FDB\u5EA6\u6761\u4F4D\uFF0C
+      // \u5426\u5219\u56DB\u5217\u9AD8\u5EA6\u4E0D\u9F50\uFF0C\u5E95\u90E8\u5BF9\u9F50\u4F1A\u88AB\u7834\u574F
       const barHtml = c.usage != null
-        ? '<div class="bar-wrap"><div class="bar"><div class="bar-fill ' + barColor(c.usage) + '" style="width:' + Math.min(c.usage, 100) + '%"></div></div><span class="bar-label">' + fmtPercent(c.usage) + '</span></div>'
-        : "";
-      const rows = c.lines.map(([k, v]) =>
-        '<div class="stat-row"><span class="stat-label">' + k + '</span><span class="stat-value">' + v + '</span></div>'
+        ? '<div class="bar"><div class="bar-fill ' + barColor(c.usage) + '" style="width:' + Math.min(c.usage, 100) + '%"></div></div>'
+        : '<div class="bar bar-placeholder"></div>';
+      const lines = c.lines.map(([k, v]) =>
+        '<div class="gauge-line"><dt>' + escHtml(k) + '</dt><dd>' + escHtml(v) + '</dd></div>'
       ).join("");
-      return '<div class="card"><div class="card-title">' + c.title + '</div>' + barHtml + rows + '</div>';
+      return '<div class="gauge">' +
+        '<div class="gauge-head">' +
+        '<span class="gauge-name">' + escHtml(c.name) + '</span>' +
+        '<span class="gauge-reading' + (c.muted ? " muted" : "") + '">' + escHtml(c.reading) + '</span>' +
+        '</div>' +
+        barHtml +
+        '<dl class="gauge-lines">' + lines + '</dl>' +
+        (c.foot
+          ? '<div class="gauge-line" style="margin-top:6px"><dt style="font-size:11px" title="' + escHtml(c.footFull || c.foot) + '">' + escHtml(c.foot) + '</dt></div>'
+          : '') +
+        '</div>';
     }).join("");
   } else {
-    metricsGrid.innerHTML = '<div class="card"><div class="empty">' + t("metricsUnavailable") + '</div></div>';
+    metricsGrid.innerHTML =
+      '<div class="empty" style="grid-column:1/-1">' +
+      '<span class="empty-icon">&#x2013;</span>' +
+      escHtml(t("metricsUnavailable")) +
+      '</div>';
   }
 
   // Build process lookup maps from process list
@@ -1239,20 +2305,24 @@ function render(data) {
 
   // Active sessions (primary table, with PID from process cross-reference)
   const sessions = data.sessions?.active || [];
-  document.getElementById("sessionCount").textContent = "(" + sessions.length + ")";
+  document.getElementById("sessionCount").textContent = sessions.length ? "(" + sessions.length + ")" : "";
   if (sessions.length === 0) {
-    document.getElementById("sessionTable").innerHTML = '<div class="empty">' + t("noSessions") + '</div>';
+    document.getElementById("sessionTable").innerHTML =
+      '<div class="empty"><span class="empty-icon">&#x25CB;</span>' + escHtml(t("noSessions")) +
+      '<span class="empty-hint">' + escHtml(t("kpiActiveFoot")) + '</span></div>';
   } else {
     document.getElementById("sessionTable").innerHTML =
       '<table><thead><tr><th>' + t("thAgentId") + '</th><th>' + t("thPid") + '</th><th>' + t("thStatus") + '</th><th>' + t("thAction") + '</th><th>' + t("thWorkspace") + '</th><th>' + t("thProvider") + '</th></tr></thead><tbody>' +
       sessions.map(s => {
         const pid = pidByAgentId[s.agentId];
         const st = s.runtimeStatus || "running";
-        return '<tr><td>' + s.agentId + '</td><td>' + (pid ? '<code>' + pid + '</code>' : '<span class="status-muted">-</span>') + '</td>'
-          + '<td><span class="' + statusClass(st) + '">' + (t("st" + st.charAt(0).toUpperCase() + st.slice(1)) || st) + '</span></td>'
-          + '<td>' + (s.runtimeActionLabel || '-') + '</td>'
-+ '<td title="' + s.workspacePath + '">' + (s.workspacePath ? s.workspacePath.replace(/\\\\/g, "/").split("/").pop() : "-") + '</td>'
-          + '<td>' + (s.providerId || "-") + '</td></tr>';
+        const ws = s.workspacePath ? s.workspacePath.replace(/\\\\/g, "/").split("/").pop() : "-";
+        return '<tr><td class="strong mono">' + escHtml(s.agentId || "-") + '</td>'
+          + '<td>' + (pid ? '<code>' + escHtml(String(pid)) + '</code>' : '<span class="status-muted">-</span>') + '</td>'
+          + '<td><span class="' + statusClass(st) + '">' + escHtml(t("st" + st.charAt(0).toUpperCase() + st.slice(1)) || st) + '</span></td>'
+          + '<td>' + escHtml(s.runtimeActionLabel || "-") + '</td>'
+          + '<td title="' + escHtml(s.workspacePath || "") + '">' + escHtml(ws) + '</td>'
+          + '<td>' + escHtml(s.providerId || "-") + '</td></tr>';
       }).join("") +
       '</tbody></table>';
   }
@@ -1265,7 +2335,8 @@ function render(data) {
     document.getElementById("orphanTable").innerHTML =
       '<table><thead><tr><th>' + t("thAgentId") + '</th><th>' + t("thPid") + '</th></tr></thead><tbody>' +
       orphanProcs.map(p =>
-        '<tr><td>' + (p.agentId || '<span class="status-muted">-</span>') + '</td><td><code>' + p.pid + '</code></td></tr>'
+        '<tr><td class="mono">' + (p.agentId ? escHtml(p.agentId) : '<span class="status-muted">-</span>') + '</td>'
+        + '<td><code>' + escHtml(String(p.pid)) + '</code></td></tr>'
       ).join("") +
       '</tbody></table>';
   } else {
@@ -1273,33 +2344,42 @@ function render(data) {
   }
 
   // Unknown processes (collapsible, hidden by default)
-  document.getElementById("unknownCount").textContent = "(" + unknownProcs.length + ")";
+  document.getElementById("unknownCount").textContent = unknownProcs.length ? "(" + unknownProcs.length + ")" : "";
   const unknownTable = document.getElementById("unknownTable");
   if (unknownProcs.length === 0) {
-    unknownTable.innerHTML = '<div class="empty">' + t("noProcesses") + '</div>';
+    unknownTable.innerHTML =
+      '<div class="empty"><span class="empty-icon">&#x25CB;</span>' + escHtml(t("noProcesses")) + '</div>';
   } else {
     unknownTable.innerHTML =
       '<table><thead><tr><th>' + t("thPid") + '</th><th>' + t("thCommand") + '</th><th>' + t("thDirectory") + '</th><th>' + t("thStarted") + '</th><th>' + t("thAction") + '</th></tr></thead><tbody>' +
       unknownProcs.map(p =>
-        '<tr><td><code>' + p.pid + '</code></td><td>' + escHtml(p.command || "-") + '</td><td title="' + escHtml(p.cwd || "") + '">' + escHtml(fmtShortPath(p.cwd)) + '</td><td>' + (p.startedAt ? fmtShortDate(p.startedAt) : "-") + '</td><td><button class="btn-kill" data-pid="' + p.pid + '">' + t("btnKill") + '</button></td></tr>'
+        '<tr><td><code>' + escHtml(String(p.pid)) + '</code></td>'
+        + '<td class="mono">' + escHtml(p.command || "-") + '</td>'
+        + '<td title="' + escHtml(p.cwd || "") + '">' + escHtml(fmtShortPath(p.cwd)) + '</td>'
+        + '<td>' + (p.startedAt ? escHtml(fmtShortDate(p.startedAt)) : "-") + '</td>'
+        + '<td><button class="btn-kill" data-pid="' + escHtml(String(p.pid)) + '">' + t("btnKill") + '</button></td></tr>'
       ).join("") +
       '</tbody></table>';
   }
 
   // Persisted sessions
   const persisted = data.sessions?.persisted || [];
-  document.getElementById("persistedCount").textContent = "(" + persisted.length + ")";
+  document.getElementById("persistedCount").textContent = persisted.length ? "(" + persisted.length + ")" : "";
   if (persisted.length === 0) {
-    document.getElementById("persistedTable").innerHTML = '<div class="empty">' + t("noPersisted") + '</div>';
+    document.getElementById("persistedTable").innerHTML =
+      '<div class="empty"><span class="empty-icon">&#x25CB;</span>' + escHtml(t("noPersisted")) + '</div>';
   } else {
     document.getElementById("persistedTable").innerHTML =
       '<table><thead><tr><th>' + t("thAgentId") + '</th><th>' + t("thStatus") + '</th><th>' + t("thWorkspace") + '</th><th>' + t("thCommand") + '</th><th>' + t("thStarted") + '</th></tr></thead><tbody>' +
-      persisted.map(s =>
-        '<tr><td>' + s.agentId + '</td><td>' + (s.status || "stopped") + '</td>'
-        + '<td title="' + s.workspacePath + '">' + (s.workspacePath ? s.workspacePath.replace(/\\\\/g, "/").split("/").pop() : "-") + '</td>'
-        + '<td>' + (s.command || "-") + '</td>'
-        + '<td>' + (s.startedAt ? new Date(s.startedAt).toLocaleString() : "-") + '</td></tr>'
-      ).join("") +
+      persisted.map(s => {
+        const ws = s.workspacePath ? s.workspacePath.replace(/\\\\/g, "/").split("/").pop() : "-";
+        const status = s.status || "stopped";
+        return '<tr><td class="strong mono">' + escHtml(s.agentId || "-") + '</td>'
+          + '<td><span class="tag ' + (status === "running" ? "green" : "gray") + '">' + escHtml(status) + '</span></td>'
+          + '<td title="' + escHtml(s.workspacePath || "") + '">' + escHtml(ws) + '</td>'
+          + '<td class="mono">' + escHtml(s.command || "-") + '</td>'
+          + '<td>' + escHtml(fmtTime(s.startedAt)) + '</td></tr>';
+      }).join("") +
       '</tbody></table>';
   }
 }
@@ -1345,12 +2425,16 @@ const UPDATE_LABELS = {
     label_installing: "\u5B89\u88C5\u4E2D...",
     label_restart: "\u91CD\u542F",
     label_failed: "\u66F4\u65B0\u5931\u8D25",
+    confirm_title: "\u786E\u8BA4\u66F4\u65B0\u5E76\u91CD\u542F Bridge",
+    confirm_message: "\u66F4\u65B0\u540E\u5C06\u91CD\u65B0\u542F\u52A8\u5B9E\u4F8B Bridge\uFF0C\u6B63\u5728\u8FD0\u884C\u7684 agent \u5B9E\u4F8B\u4F1A\u505C\u6B62\uFF0C\u8FDB\u884C\u4E2D\u7684\u4EFB\u52A1\u4F1A\u4E2D\u65AD\u3002\u786E\u8BA4\u73B0\u5728\u66F4\u65B0\uFF1F",
   },
   en: {
     label_available: "\u2192 {v}",
     label_installing: "installing...",
     label_restart: "restart",
     label_failed: "failed",
+    confirm_title: "Confirm update and restart Bridge",
+    confirm_message: "The update will restart the Bridge. Running agent instances will stop and in-progress tasks will be interrupted. Update now?",
   },
 };
 
@@ -1389,6 +2473,9 @@ function showUpdateAvailable(data) {
 
 async function doInstallUpdate() {
   const indicator = document.getElementById("updateIndicator");
+  if (!confirm(ul("confirm_title") + "\\n\\n" + ul("confirm_message"))) {
+    return;
+  }
   updateState.installing = true;
   indicator.className = "update-indicator installing";
   indicator.textContent = ul("label_installing");
@@ -1473,6 +2560,7 @@ function renderSettingsUI() {
   document.getElementById("descRestart").textContent = t("setRestartDesc");
   document.getElementById("btnRestartBridge").textContent = t("setRestartBridge");
   document.getElementById("navNode").textContent = t("nodeTitle");
+  document.getElementById("btnRefreshNodeInfo").textContent = t("nodeRefresh");
   document.getElementById("navLogs").textContent = t("logTitle");
   document.getElementById("navScheduler").textContent = t("schedTitle");
   document.getElementById("lblNodeHostname").textContent = t("nodeHostname");
@@ -1511,10 +2599,10 @@ function renderSettingsUI() {
   document.getElementById("optTunnelOff").textContent = t("schedTunnelOff");
   document.getElementById("lblSchedInstanceId").textContent = t("schedInstanceId");
   document.getElementById("hintSchedInstanceId").textContent = t("schedInstanceIdHint");
+  document.getElementById("lblSchedAdvanced").textContent = t("schedAdvanced");
+  updateSchedAdvancedBadge();
   document.getElementById("btnSaveServerConfig").textContent = t("schedSave");
-  document.getElementById("btnSaveRestart").textContent = t("schedSaveAndRestart");
   document.getElementById("descSched").textContent = t("schedDesc");
-  document.getElementById("btnReRegister").textContent = t("schedReRegister");
   document.getElementById("navAccess").textContent = t("accTitle");
   document.getElementById("lblAccessIps").textContent = t("accAllowIps");
   document.getElementById("hintAccessIps").textContent = t("accAllowIpsHint");
@@ -1626,6 +2714,8 @@ function confirmRestartBridge() {
 // \u2500\u2500 Node Info \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
 let nodeInfoTimer = null;
 function refreshNodeInfo() {
+  var btn = document.getElementById("btnRefreshNodeInfo");
+  if (btn) { btn.disabled = true; btn.textContent = t("logRefreshing"); }
   fetch("/runtime/node-info").then(function(r) { return r.json(); }).then(function(d) {
     if (!d.ok) return;
     document.getElementById("valNodeHostname").textContent = d.hostname;
@@ -1640,7 +2730,12 @@ function refreshNodeInfo() {
     document.getElementById("valNodeRegistered").textContent = d.registered ? t("nodeRegYes") : t("nodeRegNo");
     document.getElementById("valNodeInstanceId").textContent = d.instanceId || "-";
     document.getElementById("valNodeActiveSessions").textContent = d.activeSessions;
-  }).catch(function() {});
+  }).catch(function() {}).then(function() {
+    // \u6210\u529F/\u5931\u8D25\u90FD\u6062\u590D\u6309\u94AE\uFF1B\u6210\u529F\u540E\u77ED\u6682\u663E\u793A\u5B8C\u6210\u6001\u518D\u8FD8\u539F\uFF0C\u7ED9\u7528\u6237"\u786E\u5B9E\u5237\u65B0\u4E86"\u7684\u53CD\u9988
+    if (!btn) return;
+    btn.disabled = false;
+    btn.textContent = t("nodeRefresh");
+  });
 }
 
 // \u2500\u2500 Logs \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
@@ -1660,7 +2755,7 @@ function refreshLogs() {
     var html = "";
     for (var i = 0; i < d.logs.length; i++) {
       var e = d.logs[i];
-      html += '<div class="s-log-entry"><span class="ts">' + escHtml(e.timestamp.slice(0, 19).replace("T", " ")) + '</span> <span class="ll ' + e.level.toUpperCase() + '">[' + e.level.toUpperCase() + ']</span>';
+      html += '<div class="s-log-entry"><span class="ts">' + escHtml(fmtShortDate(e.timestamp)) + '</span> <span class="ll ' + e.level.toUpperCase() + '">[' + e.level.toUpperCase() + ']</span>';
       if (e.prefix) html += ' [' + escHtml(e.prefix) + ']';
       html += ' ' + escHtml(e.message) + '</div>';
     }
@@ -1716,8 +2811,11 @@ function renderSchedTargetList() {
       var meta = document.createElement("div");
       meta.className = "s-target-meta";
       var parts = [];
+      // \u540C\u4E00\u5730\u5740\u53EF\u914D\u591A\u884C\uFF08\u4E0D\u540C API Key = \u4E0D\u540C\u8D26\u53F7/\u79DF\u6237\uFF09\uFF0C\u5FC5\u987B\u8BA9\u7528\u6237\u770B\u5F97\u51FA\u662F\u54EA\u4E00\u6761
+      if (item.userKeyMasked) parts.push(item.userKeyMasked);
       if (item.instanceName) parts.push(item.instanceName);
       if (item.instanceId) parts.push("ID: " + item.instanceId);
+      if (item.tenantId) parts.push(t("schedTenantShort") + ": " + item.tenantId);
       if (item.tunnel === true) parts.push("tunnel");
       else if (item.tunnel === false && item.registerAddr) parts.push("direct");
       meta.textContent = parts.join(" \xB7 ");
@@ -1725,6 +2823,18 @@ function renderSchedTargetList() {
       main.appendChild(meta);
       var actions = document.createElement("div");
       actions.className = "s-target-actions";
+      // \u590D\u5236\u8FDE\u63A5\u5BC6\u94A5\uFF1A\u7528\u6237\u8981\u5728 AwS \u9762\u677F\u767B\u8BB0\u8FD9\u53F0 bridge \u65F6\u5FC5\u987B\u586B\u5B83\uFF0C\u800C\u5217\u8868\u53EA\u663E\u793A\u63A9\u7801\uFF0C
+      // \u6CA1\u6709\u8FD9\u4E2A\u5165\u53E3\u5C31\u53EA\u80FD\u53BB\u673A\u5668\u4E0A cat config.json\u3002\u4EC5\u5728\u5DF2\u914D\u7F6E\u5BC6\u94A5\u65F6\u51FA\u73B0\u3002
+      if (item.connectionKeySet) {
+        var copyBtn = document.createElement("button");
+        copyBtn.className = "s-btn s-btn-sm s-btn-secondary";
+        copyBtn.textContent = t("schedCopyConnKey");
+        copyBtn.onclick = function(ev) {
+          ev.stopPropagation();
+          copyTargetConnectionKey(item.targetKey, copyBtn);
+        };
+        actions.appendChild(copyBtn);
+      }
       var editBtn = document.createElement("button");
       editBtn.className = "s-btn s-btn-sm s-btn-secondary";
       editBtn.textContent = t("schedEditTarget");
@@ -1738,6 +2848,60 @@ function renderSchedTargetList() {
   }
 }
 
+// \u6309 targetKey \u53D6\u8BE5\u76EE\u6807\u7684\u660E\u6587\u8FDE\u63A5\u5BC6\u94A5\u5E76\u590D\u5236\u5230\u526A\u8D34\u677F\u3002
+// \u53EA\u5728\u9762\u677F\u5DF2\u767B\u5F55\u65F6\u53EF\u7528\uFF08\u540E\u7AEF requirePanelAuth\uFF09\uFF1B\u6309\u94AE\u6587\u6848\u5728\u6210\u529F/\u5931\u8D25\u540E\u77ED\u6682\u53D8\u5316\u7ED9\u51FA\u53CD\u9988\u3002
+function copyTargetConnectionKey(targetKey, btn) {
+  var original = btn.textContent;
+  btn.disabled = true;
+  fetch("/runtime/server-config/connection-key?targetKey=" + encodeURIComponent(targetKey), {
+    credentials: "same-origin",
+  })
+    .then(function(response) {
+      if (!response.ok) {
+        return response.json().then(function(data) {
+          throw new Error((data && data.error) || ("HTTP " + response.status));
+        });
+      }
+      return response.json();
+    })
+    .then(function(data) {
+      var key = String((data && data.connectionKey) || "");
+      if (!key) throw new Error("empty key");
+      return copyTextToClipboard(key).then(function() {
+        btn.textContent = "\u2713";
+        setTimeout(function() { btn.textContent = original; btn.disabled = false; }, 1500);
+      });
+    })
+    .catch(function(error) {
+      btn.textContent = "\u590D\u5236\u5931\u8D25";
+      console.warn("[Panel] \u590D\u5236\u8FDE\u63A5\u5BC6\u94A5\u5931\u8D25:", error);
+      setTimeout(function() { btn.textContent = original; btn.disabled = false; }, 2000);
+    });
+}
+
+// \u4E0E\u6D4F\u89C8\u5668\u526A\u8D34\u677F API \u4EA4\u4E92\uFF1B\u4E0D\u53EF\u7528\u65F6\u56DE\u9000\u5230\u9690\u85CF textarea + execCommand\u3002
+function copyTextToClipboard(text) {
+  if (navigator.clipboard && navigator.clipboard.writeText) {
+    return navigator.clipboard.writeText(text);
+  }
+  return new Promise(function(resolve, reject) {
+    try {
+      var area = document.createElement("textarea");
+      area.value = text;
+      area.setAttribute("readonly", "");
+      area.style.position = "fixed";
+      area.style.opacity = "0";
+      document.body.appendChild(area);
+      area.select();
+      var ok = document.execCommand("copy");
+      document.body.removeChild(area);
+      ok ? resolve() : reject(new Error("execCommand copy failed"));
+    } catch (error) {
+      reject(error);
+    }
+  });
+}
+
 // \u5C06\u6307\u5B9A target \u8F7D\u5165\u8868\u5355\uFF08\u7F16\u8F91\u6A21\u5F0F\uFF09\uFF1A\u5BC6\u94A5\u7559\u7A7A=\u4FDD\u6301\u4E0D\u53D8\uFF08placeholder \u663E\u793A\u63A9\u7801\uFF09
 function loadTargetToForm(idx) {
   schedEditIndex = idx;
@@ -1756,9 +2920,66 @@ function loadTargetToForm(idx) {
   ck.placeholder = item.connectionKeyMasked || "";
   document.getElementById("valSchedInstanceId").textContent = item.instanceId || "-";
   document.getElementById("btnDeleteTarget").style.display = "";
+  // \u7F16\u8F91\u5DF2\u914D\u7F6E\u8FC7\u53EF\u9009\u9879\u7684\u76EE\u6807\u65F6\u81EA\u52A8\u5C55\u5F00\uFF0C\u8BA9\u7528\u6237\u770B\u5230\u73B0\u72B6\uFF1B\u5168\u65B0\u586B\u5199\u4FDD\u6301\u6536\u7EB3
+  setSchedAdvancedOpen(countFilledAdvanced(item) > 0);
+  updateSchedAdvancedBadge();
   renderSchedTargetList();
 }
 
+// \u2500\u2500 \u9AD8\u7EA7\u8BBE\u7F6E\u6298\u53E0\u533A \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+
+/** \u7EDF\u8BA1\u53EF\u9009\u9879\u91CC\u5DF2\u6709\u5185\u5BB9\u7684\u5B57\u6BB5\u6570\uFF08\u5B9E\u4F8B\u540D\u79F0\u5728\u4E3B\u8868\u5355\u3001\u5B9E\u4F8B ID \u53EA\u8BFB\u56DE\u663E\uFF0C\u5747\u4E0D\u8BA1\u5165\uFF09\u3002 */
+function countFilledAdvanced(target) {
+  var n = 0;
+  if (target && String(target.tenantId || "").trim()) n += 1;
+  if (target && String(target.connectionKeyMasked || "")) n += 1;
+  if (target && String(target.registerAddr || "").trim()) n += 1;
+  if (target && target.tunnel !== undefined && target.tunnel !== "auto" && target.tunnel !== null) n += 1;
+  return n;
+}
+
+function isSchedAdvancedOpen() {
+  var body = document.getElementById("schedAdvancedBody");
+  return Boolean(body && !body.hidden);
+}
+
+function setSchedAdvancedOpen(open) {
+  var body = document.getElementById("schedAdvancedBody");
+  var head = document.getElementById("schedAdvancedHead");
+  if (!body || !head) return;
+  body.hidden = !open;
+  head.setAttribute("aria-expanded", open ? "true" : "false");
+}
+
+function toggleSchedAdvanced() {
+  setSchedAdvancedOpen(!isSchedAdvancedOpen());
+}
+
+// \u9AD8\u7EA7\u533A\u5185\u4EFB\u4F55\u8F93\u5165/\u9009\u62E9\u53D8\u5316\u90FD\u5237\u65B0\u6298\u53E0\u5934\u5FBD\u6807\uFF08\u4E8B\u4EF6\u59D4\u6258\uFF0C\u5B57\u6BB5\u589E\u51CF\u4E0D\u7528\u91CD\u6302\uFF09
+document.addEventListener("input", function(e) {
+  if (!e.target || !e.target.closest) return;
+  if (e.target.closest("#schedAdvancedBody")) updateSchedAdvancedBadge();
+});
+document.addEventListener("change", function(e) {
+  if (!e.target || !e.target.closest) return;
+  if (e.target.closest("#schedAdvancedBody")) updateSchedAdvancedBadge();
+});
+
+/** \u6298\u53E0\u5934\u5FBD\u6807\uFF1A\u6536\u7EB3\u72B6\u6001\u4E0B\u63D0\u793A"\u91CC\u9762\u6709\u51E0\u4E2A\u53EF\u9009\u9879\u5DF2\u586B"\uFF0C\u8BA9\u7528\u6237\u4E0D\u5C55\u5F00\u4E5F\u77E5\u9053\u73B0\u72B6\u3002 */
+function updateSchedAdvancedBadge() {
+  var el = document.getElementById("schedAdvancedCount");
+  if (!el) return;
+  var filled = countFilledAdvanced({
+    tenantId: document.getElementById("cfgTenantId").value,
+    connectionKeyMasked: document.getElementById("cfgConnectionKey").placeholder,
+    registerAddr: document.getElementById("cfgRegisterAddr").value,
+    tunnel: document.getElementById("cfgTunnel").value,
+  });
+  el.textContent = filled > 0
+    ? t("schedAdvancedN").replace("{n}", String(filled))
+    : "";
+}
+
 // \u8FDB\u5165\u65B0\u589E\u6A21\u5F0F\uFF1A\u6E05\u7A7A\u8868\u5355
 function startAddTarget() {
   schedEditIndex = -1;
@@ -1770,10 +2991,76 @@ function startAddTarget() {
   document.getElementById("cfgTunnel").value = "auto";
   document.getElementById("valSchedInstanceId").textContent = "-";
   document.getElementById("btnDeleteTarget").style.display = "none";
+  // \u65B0\u589E\uFF1A\u53EF\u9009\u9879\u5168\u90E8\u4E3A\u7A7A\uFF0C\u9ED8\u8BA4\u6536\u7EB3\uFF08\u9884\u586B\u53EF\u80FD\u968F\u540E\u5C55\u5F00\uFF09
+  setSchedAdvancedOpen(false);
+  updateSchedAdvancedBadge();
   hideSchedMsg();
+  applyPrefillIfPending();
   renderSchedTargetList();
 }
 
+/**
+ * Dashboard\u300C\u5F15\u5BFC\u914D\u7F6E\u300D\u8DF3\u8F6C\u53C2\u6570\uFF08URL hash\uFF09\uFF1A
+ *   #sched=add&serverUrl=...&instanceName=...&tunnel=auto
+ *
+ * \u5B89\u5168\u7EA6\u675F\uFF1A**\u7EDD\u4E0D\u63A5\u53D7 userKey / connectionKey**\u3002\u5BC6\u94A5\u53EA\u8D70\u7528\u6237\u624B\u8F93\u6216 config.json\uFF0C
+ * \u653E\u8FDB URL \u4F1A\u7559\u5728\u6D4F\u89C8\u5668\u5386\u53F2\u3001\u4EE3\u7406\u65E5\u5FD7\u4E0E\u622A\u56FE\u91CC\u3002
+ */
+var schedPrefill = null;
+
+function readSchedPrefill() {
+  var raw = String(window.location.hash || "").replace(/^#/, "");
+  if (!raw) return null;
+  var params = {};
+  raw.split("&").forEach(function(pair) {
+    var idx = pair.indexOf("=");
+    if (idx < 0) return;
+    var key = decodeURIComponent(pair.slice(0, idx));
+    // \u6CE8\u610F\uFF1A\u672C\u6BB5\u4F4D\u4E8E\u6A21\u677F\u5B57\u7B26\u4E32\u5185\uFF0C\u6B63\u5219\u91CC\u7684\u53CD\u659C\u6760\u5FC5\u987B\u5199\u4E24\u904D\uFF08\u5426\u5219\u4F1A\u88AB\u5F53\u6210\u8F6C\u4E49\u7B26\uFF09\u3002
+    var value = decodeURIComponent(pair.slice(idx + 1).replace(/\\+/g, " "));
+    params[key] = value;
+  });
+  if (params.sched !== "add") return null;
+  var serverUrl = String(params.serverUrl || "").trim();
+  if (!serverUrl) return null;
+  var tunnel = String(params.tunnel || "auto");
+  if (tunnel !== "true" && tunnel !== "false" && tunnel !== "auto") tunnel = "auto";
+  return {
+    serverUrl: serverUrl,
+    instanceName: String(params.instanceName || "").trim(),
+    tunnel: tunnel,
+  };
+}
+
+/** \u628A\u5E26\u5165\u503C\u5199\u8FDB\u300C\u65B0\u589E\u300D\u8868\u5355\uFF08\u4EC5\u5728\u7528\u6237\u8FD8\u6CA1\u8F93\u5165\u5185\u5BB9\u65F6\u8986\u76D6\uFF0C\u907F\u514D\u6253\u65AD\u624B\u52A8\u7F16\u8F91\uFF09 */
+function applyPrefillIfPending() {
+  if (!schedPrefill || schedEditIndex >= 0) return;
+  var serverUrlInput = document.getElementById("cfgServerUrl");
+  if (!serverUrlInput) return;
+  if (!serverUrlInput.value.trim()) serverUrlInput.value = schedPrefill.serverUrl;
+  var nameInput = document.getElementById("cfgInstanceName");
+  if (nameInput && !nameInput.value.trim() && schedPrefill.instanceName) {
+    nameInput.value = schedPrefill.instanceName;
+  }
+  var tunnelSelect = document.getElementById("cfgTunnel");
+  if (tunnelSelect) tunnelSelect.value = schedPrefill.tunnel;
+  updateSchedAdvancedBadge();
+  showPrefillNotice();
+}
+
+function showPrefillNotice() {
+  var notice = document.getElementById("schedPrefillNotice");
+  if (!notice || !schedPrefill) return;
+  notice.textContent =
+    t("schedPrefillNotice").replace("{0}", schedPrefill.serverUrl);
+  notice.style.display = "block";
+}
+
+function hidePrefillNotice() {
+  var notice = document.getElementById("schedPrefillNotice");
+  if (notice) notice.style.display = "none";
+}
+
 function hideSchedMsg() {
   var msg = document.getElementById("schedMsg");
   msg.className = "s-msg";
@@ -1786,14 +3073,16 @@ function showSchedMsg(text, ok) {
   msg.className = "s-msg " + (ok ? "success" : "error");
 }
 
-// \u8868\u5355 \u2192 target \u5BF9\u8C61\uFF08\u5BC6\u94A5\u539F\u6837\u643A\u5E26\uFF0C\u7559\u7A7A\u7531\u540E\u7AEF\u6309 originalServerUrl/serverUrl \u7EE7\u627F\uFF09
+// \u8868\u5355 \u2192 target \u5BF9\u8C61\uFF08\u5BC6\u94A5\u539F\u6837\u643A\u5E26\uFF0C\u7559\u7A7A\u7531\u540E\u7AEF\u6309 originalTargetKey/\u539F\u5730\u5740\u7EE7\u627F\uFF09
 function formToTarget() {
+  var editing = schedEditIndex >= 0 ? schedTargets[schedEditIndex] : null;
   return {
     serverUrl: document.getElementById("cfgServerUrl").value.trim(),
-    // \u7F16\u8F91\u6A21\u5F0F\u643A\u5E26\u539F\u5730\u5740\uFF1A\u5730\u5740\u53D8\u66F4\u65F6\u540E\u7AEF\u6309\u539F\u5730\u5740\u7EE7\u627F instanceId/\u5BC6\u94A5\uFF08\u540C\u4E00\u5B9E\u4F8B\u6362\u5730\u5740\uFF0C\u65E0\u9700\u91CD\u65B0\u6CE8\u518C\uFF09
-    originalServerUrl: schedEditIndex >= 0 && schedTargets[schedEditIndex]
-      ? (schedTargets[schedEditIndex].serverUrl || "")
-      : "",
+    // \u7F16\u8F91\u6A21\u5F0F\u643A\u5E26\u539F\u8EAB\u4EFD\uFF1A\u540C\u5740\u53EF\u80FD\u6709\u591A\u884C\uFF08\u4E0D\u540C API Key\uFF09\uFF0C
+    // originalTargetKey \u8BA9\u540E\u7AEF\u7CBE\u786E\u77E5\u9053\u8981\u7EE7\u627F\u54EA\u4E00\u6761\u7684 instanceId / \u672A\u66B4\u9732\u5B57\u6BB5
+    originalTargetKey: editing ? (editing.targetKey || "") : "",
+    // \u517C\u5BB9\u65E7\u540E\u7AEF/\u6539\u5730\u5740\u573A\u666F\uFF1A\u5730\u5740\u53D8\u66F4\u65F6\u6309\u539F\u5730\u5740\u7EE7\u627F\uFF08\u540C\u4E00\u5B9E\u4F8B\u6362\u5730\u5740\uFF0C\u65E0\u9700\u91CD\u65B0\u6CE8\u518C\uFF09
+    originalServerUrl: editing ? (editing.serverUrl || "") : "",
     userKey: document.getElementById("cfgUserKey").value,
     tenantId: document.getElementById("cfgTenantId").value.trim(),
     instanceName: document.getElementById("cfgInstanceName").value.trim(),
@@ -1814,6 +3103,40 @@ function refreshServerConfig() {
   }).catch(function() {});
 }
 
+/**
+ * \u5F52\u4E00\u5316\u5730\u5740\u7528\u4E8E\u300C\u65B0\u589E\u65F6\u649E\u5DF2\u6709\u5730\u5740\u300D\u7684\u6BD4\u8F83\uFF08\u4E0E\u540E\u7AEF\u4E00\u81F4\uFF0C\u5FFD\u7565\u5C3E\u659C\u6760/\u534F\u8BAE\u5927\u5C0F\u5199/localhost\uFF09\u3002
+ * \u6CE8\u610F\uFF1A\u672C\u6BB5\u4F4D\u4E8E\u6A21\u677F\u5B57\u7B26\u4E32\u5185\uFF0C\u6B63\u5219\u91CC\u7684\u53CD\u659C\u6760\u5FC5\u987B\u5199\u4E24\u904D\uFF08\u5426\u5219\u4F1A\u88AB\u5F53\u6210\u8F6C\u4E49\u7B26\uFF09\u3002
+ */
+function normalizeTargetUrlForCompare(raw) {
+  var value = String(raw || "").trim();
+  if (!value) return "";
+  try {
+    var url = new URL(value);
+    url.protocol = url.protocol.toLowerCase();
+    if (url.hostname.toLowerCase() === "localhost") url.hostname = "127.0.0.1";
+    return url.origin;
+  } catch (e) {
+    return value.replace(/\\/+$/, "");
+  }
+}
+
+/**
+ * \u65B0\u589E\u65F6\u67E5\u627E\u300C\u540C\u5730\u5740 + \u540C API Key\u300D\u7684\u5DF2\u6709\u6761\u76EE\uFF08-1 = \u65E0\u51B2\u7A81\uFF09\u3002
+ * \u540C\u5730\u5740\u4E0D\u540C Key \u5C5E\u4E8E\u4E0D\u540C\u8D26\u53F7/\u79DF\u6237\uFF0C\u662F\u5408\u6CD5\u914D\u7F6E\uFF0C\u4E0D\u7B97\u91CD\u590D\uFF1B
+ * \u53EA\u6709\u5730\u5740\u4E0E Key \u90FD\u76F8\u540C\u624D\u662F\u540C\u4E00\u4E2A\u76EE\u6807\u6CE8\u518C\u4E24\u6B21\u3002
+ */
+function findDuplicateTargetIndex(serverUrl, userKey) {
+  var urlKey = normalizeTargetUrlForCompare(serverUrl);
+  var keyText = String(userKey || "").trim();
+  if (!urlKey || !keyText) return -1;
+  for (var i = 0; i < schedTargets.length; i++) {
+    if (normalizeTargetUrlForCompare(schedTargets[i].serverUrl) !== urlKey) continue;
+    // \u5DF2\u6709\u6761\u76EE\u53EA\u56DE\u4F20\u63A9\u7801\uFF0C\u65E0\u6CD5\u6BD4\u5BF9\u660E\u6587 Key\uFF1A\u5730\u5740\u76F8\u540C\u5373\u63D0\u793A\uFF08\u7531\u540E\u7AEF\u505A\u6700\u7EC8\u5224\u5B9A\uFF09
+    return i;
+  }
+  return -1;
+}
+
 // \u5168\u91CF\u63D0\u4EA4 targets\uFF1BrestartAfter \u4E3A true \u65F6\u4FDD\u5B58\u6210\u529F\u540E\u91CD\u542F Bridge
 function saveServerConfig(restartAfter) {
   var form = formToTarget();
@@ -1822,6 +3145,17 @@ function saveServerConfig(restartAfter) {
     return Promise.resolve(false);
   }
 
+  // \u65B0\u589E\u6A21\u5F0F\u4E0B\u82E5\u5730\u5740\u5DF2\u5B58\u5728\uFF1A\u540C\u5740\u5141\u8BB8\u65B0\u589E\uFF08\u4E0D\u540C API Key = \u4E0D\u540C\u8D26\u53F7/\u79DF\u6237\uFF09\uFF0C
+  // \u4F46\u540C\u4E00\u4E2A Key \u518D\u5B58\u4E00\u6B21\u6CA1\u6709\u610F\u4E49\u3002\u5DF2\u6709\u6761\u76EE\u53EA\u56DE\u4F20\u63A9\u7801\uFF0C\u65E0\u6CD5\u6BD4\u5BF9\u65B0\u586B\u7684\u660E\u6587 Key\uFF0C
+  // \u56E0\u6B64\u8FD9\u91CC\u53EA\u505A\u63D0\u793A\uFF0C\u6700\u7EC8\u4EE5\u670D\u52A1\u7AEF\u6309\u300C\u5730\u5740 + userKey\u300D\u7684\u8EAB\u4EFD\u6821\u9A8C\u4E3A\u51C6\u3002
+  if (schedEditIndex < 0) {
+    var sameUrlIndex = findDuplicateTargetIndex(form.serverUrl, form.userKey);
+    if (sameUrlIndex >= 0 && !form.userKey) {
+      showSchedMsg(t("schedDupNoKey"), false);
+      return Promise.resolve(false);
+    }
+  }
+
   // \u7EC4\u88C5\u5168\u91CF\u5217\u8868\uFF1A\u7F16\u8F91\u6A21\u5F0F\u66FF\u6362\u5BF9\u5E94\u9879\uFF0C\u65B0\u589E\u6A21\u5F0F\u8FFD\u52A0\uFF1B\u5176\u4F59\u9879\u4ECE\u7F13\u5B58\u89C6\u56FE\u539F\u6837\u5E26\u4E0A\uFF08\u5BC6\u94A5\u7559\u7A7A\u7531\u540E\u7AEF\u7EE7\u627F\uFF09
   var list = schedTargets.map(function(item) {
     return {
@@ -1853,23 +3187,15 @@ function saveServerConfig(restartAfter) {
         refreshServerConfig();
         schedEditIndex = keepIndex;
         if (restartAfter) {
+          // \u300C\u4FDD\u5B58\u5E76\u91CD\u542F\u300D\u5165\u53E3\uFF08\u7EF4\u62A4\u9875\u7B49\uFF09\uFF1A\u4FDD\u6301\u539F\u6709\u7ACB\u5373\u91CD\u542F\u8BED\u4E49
           showSchedMsg(t("schedSaved"), true);
           doRestartBridge();
           return true;
         }
-        // \u70ED\u5207\u6362\uFF1A\u4FDD\u5B58\u540E\u7ACB\u5373\u6309\u65B0\u914D\u7F6E\u91CD\u65B0\u6CE8\u518C\uFF08\u7F16\u8F91\u5730\u5740/\u65B0\u589E target \u5747\u5373\u65F6\u751F\u6548\uFF0C
-        // \u65E0\u9700\u91CD\u542F Bridge\uFF1B\u5B9E\u4F8B\u4FE1\u606F\u6309 instanceId \u5728\u670D\u52A1\u7AEF\u590D\u7528\uFF09
-        showSchedMsg(t("schedSavedRegistering"), true);
-        btn.textContent = t("schedReRegistering");
-        return runReRegister().then(function(reg) {
-          if (reg.ok) {
-            showSchedMsg(t("schedReRegistered"), true);
-            refreshNodeInfo();
-          } else {
-            showSchedMsg(t("schedReRegisterFail") + (reg.error ? ": " + reg.error : ""), false);
-          }
-          return reg.ok;
-        });
+        // \u4FDD\u5B58\u6210\u529F\uFF1A\u5F39\u6846\u8BA9\u7528\u6237\u9009\u62E9\u5982\u4F55\u5E94\u7528\uFF08\u91CD\u65B0\u6CE8\u518C\u4E3A\u63A8\u8350\u9879\uFF0C\u4E5F\u53EF\u8DF3\u8FC7\uFF09\uFF0C
+        // \u4E0D\u518D\u81EA\u52A8\u9759\u9ED8\u70ED\u5207\u6362\u2014\u2014\u907F\u514D\u7528\u6237\u8FD8\u6CA1\u770B\u6E05\u63D0\u793A\uFF0C\u6CE8\u518C\u5C31\u5DF2\u7ECF\u53D1\u751F
+        showAfterSaveModal();
+        return true;
       }
       showSchedMsg(t("schedSaveFail") + (d.error ? ": " + d.error : ""), false);
       return false;
@@ -1885,10 +3211,64 @@ function saveServerConfig(restartAfter) {
     });
 }
 
-// \u4FDD\u5B58\u5E76\u91CD\u542F\uFF1A\u5148\u786E\u8BA4\uFF0C\u4FDD\u5B58\u6210\u529F\u540E\u7531 saveServerConfig \u89E6\u53D1\u91CD\u542F
-function saveServerConfigAndRestart() {
-  if (!confirm(t("schedSaveRestartConfirm"))) return;
-  saveServerConfig(true);
+// \u2500\u2500 \u4FDD\u5B58\u6210\u529F\u540E\u7684\u300C\u5E94\u7528\u65B9\u5F0F\u300D\u5F39\u6846 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+function showAfterSaveModal() {
+  document.getElementById("aftersaveTitle").textContent = t("aftersaveTitle");
+  document.getElementById("aftersaveDesc").textContent = t("aftersaveDesc");
+  var regBtn = document.getElementById("aftersaveBtnRegister");
+  regBtn.textContent = t("aftersaveRegister");
+  regBtn.setAttribute("data-recommended", t("aftersaveRegisterRec"));
+  regBtn.disabled = false;
+  var restartBtn = document.getElementById("aftersaveBtnRestart");
+  restartBtn.textContent = t("aftersaveRestart");
+  restartBtn.title = t("aftersaveRestartHint");
+  restartBtn.disabled = false;
+  document.getElementById("aftersaveBtnSkip").textContent = t("aftersaveSkip");
+  document.getElementById("afterSaveModal").style.display = "flex";
+}
+
+function closeAfterSave(e) {
+  // \u70B9\u906E\u7F69\u7B49\u540C\u300C\u6682\u4E0D\u300D\uFF1A\u4FDD\u5B58\u5DF2\u6210\u529F\uFF0C\u6CA1\u6709\u53EF\u53D6\u6D88\u7684\u64CD\u4F5C
+  if (e && e.target !== e.currentTarget) return;
+  afterSaveAction("skip");
+}
+
+function afterSaveAction(action) {
+  var modal = document.getElementById("afterSaveModal");
+  var regBtn = document.getElementById("aftersaveBtnRegister");
+  var restartBtn = document.getElementById("aftersaveBtnRestart");
+  var msg = document.getElementById("schedMsg");
+
+  if (action === "register") {
+    regBtn.disabled = true;
+    regBtn.textContent = t("aftersaveRegistering");
+    runReRegister().then(function(reg) {
+      modal.style.display = "none";
+      regBtn.disabled = false;
+      regBtn.textContent = t("aftersaveRegister");
+      if (reg.ok) {
+        showSchedMsg(t("aftersaveRegisterOk"), true);
+        refreshNodeInfo();
+      } else {
+        showSchedMsg(t("aftersaveRegisterFail") + (reg.error ? ": " + reg.error : ""), false);
+      }
+    });
+    return;
+  }
+
+  if (action === "restart") {
+    restartBtn.disabled = true;
+    restartBtn.textContent = t("aftersaveRestarting");
+    modal.style.display = "none";
+    restartBtn.disabled = false;
+    restartBtn.textContent = t("aftersaveRestart");
+    doRestartBridge();
+    return;
+  }
+
+  // skip\uFF1A\u914D\u7F6E\u4FDD\u6301\u843D\u76D8\u72B6\u6001\uFF0C\u4E0B\u6B21 Bridge \u542F\u52A8\u65F6\u751F\u6548
+  modal.style.display = "none";
+  showSchedMsg(t("aftersaveSkipDone"), true);
 }
 
 // \u5220\u9664\u5F53\u524D\u7F16\u8F91\u7684 target\uFF1A\u4ECE\u5217\u8868\u79FB\u9664\u540E\u5168\u91CF\u63D0\u4EA4
@@ -1942,37 +3322,13 @@ function deleteTargetFromList() {
     });
 }
 
-// \u53D1\u8D77\u91CD\u65B0\u6CE8\u518C\u8BF7\u6C42\uFF08\u4E0D\u7BA1\u7406\u6309\u94AE\u72B6\u6001\uFF0C\u4F9B\u624B\u52A8\u6309\u94AE\u4E0E\u4FDD\u5B58\u540E\u7684\u70ED\u5207\u6362\u94FE\u5171\u7528\uFF09
+// \u53D1\u8D77\u91CD\u65B0\u6CE8\u518C\u8BF7\u6C42\uFF08\u4E0D\u7BA1\u7406\u6309\u94AE\u72B6\u6001\uFF0C\u4F9B\u5F39\u6846\u4E0E\u5220\u9664\u540E\u7684\u70ED\u5207\u6362\u94FE\u5171\u7528\uFF09
 function runReRegister() {
   return fetch("/runtime/re-register", { method: "POST", headers: { "Content-Type": "application/json" } })
     .then(function(r) { return r.json(); })
     .catch(function() { return { ok: false }; });
 }
 
-function doReRegister() {
-  var btn = document.getElementById("btnReRegister");
-  var msg = document.getElementById("schedMsg");
-  msg.className = "s-msg";
-  msg.style.display = "none";
-  btn.disabled = true;
-  btn.textContent = t("schedReRegistering");
-  runReRegister()
-    .then(function(d) {
-      if (d.ok) {
-        msg.textContent = t("schedReRegistered");
-        msg.className = "s-msg success";
-        refreshNodeInfo();
-      } else {
-        msg.textContent = t("schedReRegisterFail") + (d.error ? ": " + d.error : "");
-        msg.className = "s-msg error";
-      }
-    })
-    .then(function() {
-      btn.disabled = false;
-      btn.textContent = t("schedReRegister");
-    });
-}
-
 // \u2500\u2500 Access Control \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
 // \u52A0\u8F7D\u5F53\u524D IP \u767D\u540D\u5355\u5230\u8868\u5355\uFF08\u7A7A\u5217\u8868 = \u9ED8\u8BA4\u5168\u653E\u884C\uFF09
 function refreshAccessControl() {
@@ -2059,109 +3415,132 @@ switchSettingsPage = function(page) {
   else if (page === "logs") { refreshLogs(); startLogAutoRefresh(); }
   else if (page === "scheduler") { refreshNodeInfo(); refreshServerConfig(); }
 };
+
+// \u2500\u2500 Dashboard\u300C\u5F15\u5BFC\u914D\u7F6E\u300D\u5E26\u6765\u7684\u8FDE\u63A5\u4FE1\u606F\uFF08#sched=add&serverUrl=...\uFF09\u2500\u2500
+// \u6253\u5F00\u8BBE\u7F6E\u5E76\u5207\u5230\u300C\u8C03\u5EA6\u4E2D\u5FC3\u300D\u9875\uFF1BuserKey \u5FC5\u987B\u7531\u7528\u6237\u624B\u52A8\u7C98\u8D34\uFF08\u4E0D\u8FDB URL\uFF09\u3002
+schedPrefill = readSchedPrefill();
+if (schedPrefill) {
+  openSettings();
+  switchSettingsPage("scheduler");
+}
 </script>
 </body>
-</html>`,Me=`<!DOCTYPE html>
+</html>`,Fe=`<!DOCTYPE html>
 <html lang="zh-CN">
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>Bridge Dashboard - Login</title>
+${O}
+${z}
 <style>
-  :root {
-    --bg: #0f1117;
-    --surface: #1a1d2e;
-    --surface2: #232738;
-    --border: #2d3248;
-    --text: #e1e4f0;
-    --text2: #8b90a8;
-    --accent: #5b8def;
-    --accent-hover: #4a7de0;
-    --red: #f05454;
-    --radius: 10px;
-  }
-  * { margin:0; padding:0; box-sizing:border-box; }
+  /* \u4E0E\u4E3B\u9762\u677F\u5171\u7528\u540C\u4E00\u5957\u8BBE\u8BA1\u4EE4\u724C\uFF08\u9ED8\u8BA4\u6DF1\u8272\uFF0Chtml.light-theme \u5207\u6D45\u8272\uFF09 */
+  ${j}
+
+  * { margin: 0; padding: 0; box-sizing: border-box; }
+
   body {
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", sans-serif;
+    font-family: var(--font-sans);
     background: var(--bg);
     color: var(--text);
     min-height: 100vh;
     display: flex;
     align-items: center;
     justify-content: center;
+    padding: 20px;
+    -webkit-font-smoothing: antialiased;
   }
+
   .login-card {
     background: var(--surface);
     border: 1px solid var(--border);
-    border-radius: var(--radius);
-    padding: 40px 36px;
-    width: 360px;
-    max-width: 90vw;
+    border-radius: var(--radius-lg);
+    box-shadow: var(--shadow-2);
+    padding: 36px 32px 32px;
+    width: 384px;
+    max-width: 100%;
+  }
+
+  .login-brand {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    justify-content: center;
+    margin-bottom: 20px;
   }
+  .brand-mark {
+    width: 26px;
+    height: 26px;
+    border-radius: 7px;
+    object-fit: contain;
+    flex-shrink: 0;
+  }
+  .login-brand-name { font-size: 15px; font-weight: 650; letter-spacing: -0.01em; }
+
   .login-card h1 {
-    font-size: 20px;
-    font-weight: 600;
-    margin-bottom: 4px;
+    font-size: 19px;
+    font-weight: 650;
+    letter-spacing: -0.02em;
     text-align: center;
+    margin-bottom: 6px;
   }
   .login-card p.subtitle {
     font-size: 13px;
-    color: var(--text2);
+    color: var(--text-3);
     text-align: center;
-    margin-bottom: 28px;
-  }
-  .form-group {
-    margin-bottom: 18px;
+    margin-bottom: 26px;
   }
+
+  .form-group { margin-bottom: 16px; }
   .form-group label {
     display: block;
-    font-size: 13px;
-    font-weight: 500;
-    margin-bottom: 6px;
-    color: var(--text2);
+    font-size: 12.5px;
+    font-weight: 600;
+    margin-bottom: 7px;
+    color: var(--text-2);
   }
   .form-group input {
     width: 100%;
     padding: 10px 12px;
-    background: var(--surface2);
+    background: var(--bg);
     border: 1px solid var(--border);
-    border-radius: 6px;
+    border-radius: var(--radius-sm);
     color: var(--text);
-    font-size: 14px;
+    font-size: 13.5px;
+    font-family: inherit;
     outline: none;
-    transition: border-color .15s;
+    transition: border-color .15s, box-shadow .15s;
   }
   .form-group input:focus {
     border-color: var(--accent);
+    box-shadow: 0 0 0 3px var(--accent-soft);
   }
-  .form-group input::placeholder {
-    color: var(--text2);
-    opacity: 0.6;
-  }
+  .form-group input::placeholder { color: var(--text-3); }
+
   button {
     width: 100%;
     padding: 10px;
     background: var(--accent);
     border: none;
-    border-radius: 6px;
+    border-radius: var(--radius-sm);
     color: #fff;
-    font-size: 14px;
+    font-size: 13.5px;
     font-weight: 600;
+    font-family: inherit;
     cursor: pointer;
-    transition: background .15s;
-    margin-top: 4px;
+    transition: background .15s, opacity .15s;
+    margin-top: 6px;
   }
   button:hover { background: var(--accent-hover); }
-  button:disabled {
-    opacity: 0.5;
-    cursor: not-allowed;
-  }
+  button:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
+  button:disabled { opacity: 0.5; cursor: not-allowed; }
+
   .error-msg {
-    background: rgba(240,84,84,0.12);
-    color: var(--red);
-    padding: 8px 12px;
-    border-radius: 6px;
-    font-size: 13px;
+    background: var(--danger-soft);
+    color: var(--danger);
+    padding: 9px 12px;
+    border-radius: var(--radius-sm);
+    font-size: 12.5px;
     margin-bottom: 16px;
     display: none;
   }
@@ -2169,23 +3548,40 @@ switchSettingsPage = function(page) {
 </style>
 </head>
 <body>
+<button type="button" class="theme-fab" id="themeFab" onclick="toggleThemeFab()" title="\u5207\u6362\u4E3B\u9898">&#x263D;</button>
 <div class="login-card">
-  <h1>Bridge Dashboard</h1>
-  <p class="subtitle">Please log in to continue</p>
+  <div class="login-brand">
+    <img class="brand-mark" src="${Y}" alt="AgentsWorkStudio Bridge">
+    <span class="login-brand-name">AgentsWorkStudio</span>
+  </div>
+  <h1>Bridge \u63A7\u5236\u53F0</h1>
+  <p class="subtitle">\u767B\u5F55\u540E\u53EF\u7BA1\u7406\u672C\u673A Bridge</p>
   <div class="error-msg" id="errorMsg"></div>
   <form id="loginForm" onsubmit="return doLogin(event)">
     <div class="form-group">
-      <label for="username">Username</label>
-      <input type="text" id="username" name="username" placeholder="Username" autocomplete="username" autofocus>
+      <label for="username">\u7528\u6237\u540D</label>
+      <input type="text" id="username" name="username" placeholder="\u8BF7\u8F93\u5165\u7528\u6237\u540D" autocomplete="username" autofocus>
     </div>
     <div class="form-group">
-      <label for="password">Password</label>
-      <input type="password" id="password" name="password" placeholder="Password" autocomplete="current-password">
+      <label for="password">\u5BC6\u7801</label>
+      <input type="password" id="password" name="password" placeholder="\u8BF7\u8F93\u5165\u5BC6\u7801" autocomplete="current-password">
     </div>
-    <button type="submit" id="loginBtn">Log In</button>
+    <button type="submit" id="loginBtn">\u767B\u5F55</button>
   </form>
 </div>
 <script>
+/**
+ * \u767B\u5F55\u540E\u5E26\u7740\u539F hash \u56DE\u4E3B\u9875\u3002
+ *
+ * \u5F15\u5BFC\u914D\u7F6E\u8DF3\u8F6C\u5F62\u5982 /#sched=add&serverUrl=...\uFF1Ahash \u4E0D\u4F1A\u968F\u8BF7\u6C42\u53D1\u7ED9\u670D\u52A1\u7AEF\uFF0C
+ * \u4F46\u670D\u52A1\u7AEF\u628A\u9996\u9875\u91CD\u5B9A\u5411\u5230 /login \u65F6\u5B83\u4ECD\u5728\u5730\u5740\u680F\u91CC\u3002\u6B64\u5904\u82E5\u8DF3 "/" \u4F1A\u628A\u5B83\u4E22\u6389\uFF0C
+ * \u300C\u5E26\u4E86\u914D\u7F6E\u8FDB\u6765\u5374\u4EC0\u4E48\u90FD\u6CA1\u5E26\u5165\u300D\u3002setup \u9875\u540C\u7406\uFF08\u9996\u6B21\u767B\u5F55\u8981\u5148\u8BBE\u7F6E\u8D26\u53F7\u5BC6\u7801\uFF09\u3002
+ */
+function continueWithHash(path) {
+  var hash = String(window.location.hash || "");
+  window.location.href = path + hash;
+}
+
 async function doLogin(e) {
   e.preventDefault();
   const btn = document.getElementById("loginBtn");
@@ -2207,9 +3603,9 @@ async function doLogin(e) {
     if (resp.ok) {
       const data = await resp.json();
       if (data.needSetup) {
-        window.location.href = "/setup";
+        continueWithHash("/setup");
       } else {
-        window.location.href = "/";
+        continueWithHash("/");
       }
       return;
     }
@@ -2231,27 +3627,20 @@ document.getElementById("loginForm").addEventListener("keydown", function(e) {
   if (e.key === "Enter") doLogin(e);
 });
 </script>
+${X}
 </body>
-</html>`,je=`<!DOCTYPE html>
+</html>`,_e=`<!DOCTYPE html>
 <html lang="zh-CN">
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>Bridge Dashboard - Setup</title>
+${O}
+${z}
 <style>
-  :root {
-    --bg: #0f1117;
-    --surface: #1a1d2e;
-    --surface2: #232738;
-    --border: #2d3248;
-    --text: #e1e4f0;
-    --text2: #8b90a8;
-    --accent: #5b8def;
-    --accent-hover: #4a7de0;
-    --green: #43c6a8;
-    --red: #f05454;
-    --radius: 10px;
-  }
+  /* \u4E0E\u4E3B\u9762\u677F\u5171\u7528\u8BBE\u8BA1\u4EE4\u724C\uFF08--text2/--surface2/--green/--red \u4E3A\u517C\u5BB9\u522B\u540D\uFF09 */
+  ${j}
+
   * { margin:0; padding:0; box-sizing:border-box; }
   body {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", sans-serif;
@@ -2395,6 +3784,7 @@ document.getElementById("loginForm").addEventListener("keydown", function(e) {
 </style>
 </head>
 <body>
+<button type="button" class="theme-fab" id="themeFab" onclick="toggleThemeFab()" title="\u5207\u6362\u4E3B\u9898">&#x263D;</button>
 <div class="setup-card" id="setupCard">
   <h1>Bridge Dashboard</h1>
   <p class="subtitle">First-time setup \u2014 \u9996\u6B21\u767B\u5F55\u8BBE\u7F6E</p>
@@ -2468,7 +3858,8 @@ async function doSave(e) {
       document.getElementById("setupForm").style.display = "none";
       document.querySelector(".hint").style.display = "none";
       document.querySelector(".badge").style.display = "none";
-      setTimeout(() => { window.location.href = "/"; }, 1500);
+      // \u4FDD\u7559 hash\uFF1A\u5F15\u5BFC\u914D\u7F6E\u662F /#sched=add&serverUrl=... \u2192 /login \u2192 /setup \u4E00\u8DEF\u5E26\u8FC7\u6765\u7684
+      setTimeout(() => { window.location.href = "/" + String(window.location.hash || ""); }, 1500);
     } else {
       errorEl.textContent = data.error || "Save failed";
       errorEl.classList.add("visible");
@@ -2501,7 +3892,8 @@ async function doSkip() {
       document.getElementById("setupForm").style.display = "none";
       document.querySelector(".hint").style.display = "none";
       document.querySelector(".badge").style.display = "none";
-      setTimeout(() => { window.location.href = "/"; }, 1500);
+      // \u4FDD\u7559 hash\uFF1A\u5F15\u5BFC\u914D\u7F6E\u662F /#sched=add&serverUrl=... \u2192 /login \u2192 /setup \u4E00\u8DEF\u5E26\u8FC7\u6765\u7684
+      setTimeout(() => { window.location.href = "/" + String(window.location.hash || ""); }, 1500);
     } else {
       errorEl.textContent = data.error || "Skip failed";
       errorEl.classList.add("visible");
@@ -2518,6 +3910,7 @@ async function doSkip() {
 
 document.getElementById("setupForm").addEventListener("submit", doSave);
 </script>
+${X}
 </body>
-</html>`;export{c as dashboardRouter,Ce as noteDashboardActivity};
+</html>`;export{f as dashboardRouter,Pe as noteDashboardActivity};