dsh-remote-plugin 0.6.6 → 0.6.8

package/public/desktop/desktop.css

@@ -1,12 +1,17 @@
 /* DSH Remote 桌面端专用样式 · 零依赖 · 只引用 --dsr-* 皮肤变量 */
-html, body { height: 100%; margin: 0; overflow: hidden; overscroll-behavior: none; background: var(--dsr-bg); color: var(--dsr-text); }
+html, body {
+  height: 100%; margin: 0; overflow: hidden; overscroll-behavior: none;
+  background: var(--dsr-bg); color: var(--dsr-text);
+  font-family: system-ui, -apple-system, "PingFang SC", "Noto Sans CJK SC", sans-serif;
+  font-size: 14px; line-height: 1.5; text-rendering: optimizeLegibility;
+}
 .hidden { display: none !important; }
 .ds-app { position: fixed; inset: 0; display: flex; overflow: hidden; }
-.ds-sidebar { width: 280px; flex: none; display: flex; flex-direction: column; border-right: 1px solid var(--dsr-line); background: var(--dsr-panel); }
-.ds-brand { display: flex; align-items: center; gap: 8px; padding: 14px 14px 10px; font-weight: 700; font-size: 15px; }
+.ds-sidebar { width: 280px; flex: none; display: flex; flex-direction: column; border-right: 1px solid var(--dsr-line); background: linear-gradient(180deg, var(--dsr-panel), var(--dsr-bg)); box-shadow: 12px 0 34px var(--dsr-shadow); overflow: hidden; }
+.ds-brand { display: flex; align-items: center; gap: 8px; padding: 17px 18px 12px; font-weight: 750; font-size: 15px; letter-spacing: .1px; }
 .ds-logo { color: var(--dsr-accent-strong); }
 .ds-brand-name { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
-.ds-gh { color: var(--dsr-muted); display: inline-flex; }
+.ds-gh { color: var(--dsr-accent-2); display: inline-flex; }
 .ds-gh svg { width: 17px; height: 17px; fill: currentColor; }
 .ds-new-session { padding: 0 12px 8px; }
 .ds-btn { display: inline-flex; align-items: center; gap: 6px; background: var(--dsr-bg-2); color: var(--dsr-text); border: 1px solid var(--dsr-line); border-radius: 9px; padding: 6px 11px; font: inherit; font-size: 12.5px; cursor: pointer; white-space: nowrap; }
@@ -14,7 +19,7 @@ html, body { height: 100%; margin: 0; overflow: hidden; overscroll-behavior: non
 .ds-btn:hover { filter: brightness(1.06); }
 .ds-btn:active { filter: brightness(.96); }
 a.ds-btn { text-decoration: none; }
-.ds-new-session .ds-btn { width: 100%; justify-content: center; }
+.ds-new-session .ds-btn { width: 100%; justify-content: center; min-height: 38px; border-radius: 12px; background: linear-gradient(135deg, var(--dsr-accent-soft), transparent); }
 .ds-section-head { display: flex; align-items: center; justify-content: space-between; gap: 6px; min-width: 0; padding-right: 10px; }
 .ds-section-label { min-width: 0; flex: 1; font-size: 11px; color: var(--dsr-muted); letter-spacing: .8px; padding: 10px 14px 6px; font-weight: 700; }
 .ds-session-sort {
@@ -23,7 +28,7 @@ a.ds-btn { text-decoration: none; }
   font: inherit; font-size: 10.5px; outline: none;
 }
 .ds-session-sort:focus { border-color: var(--dsr-accent-line); color: var(--dsr-text); }
-.ds-session-list { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 0 8px; display: flex; flex-direction: column; gap: 3px; }
+.ds-session-list { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 2px 8px 10px; display: flex; flex-direction: column; gap: 5px; }
 .ds-session-group {
   display: flex; align-items: center; gap: 6px; flex: 0 0 auto; min-width: 0; min-height: 28px;
   box-sizing: border-box; padding: 8px 10px 4px; border-bottom: 1px solid var(--dsr-line);
@@ -31,9 +36,9 @@ a.ds-btn { text-decoration: none; }
 }
 .ds-session-group-icon { flex: 0 0 auto; color: var(--dsr-accent-2); font-size: 11px; }
 .ds-session-group-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-.ds-session-item { width: 100%; flex: 0 0 auto; text-align: left; border: none; background: transparent; color: var(--dsr-text); font: inherit; font-size: 13px; padding: 8px 9px; border-radius: 9px; cursor: pointer; display: flex; flex-direction: column; gap: 3px; }
-.ds-session-item:hover { background: var(--dsr-bg-2); }
-.ds-session-item.current { background: var(--dsr-accent-soft); color: var(--dsr-accent-strong); }
+.ds-session-item { width: 100%; flex: 0 0 auto; text-align: left; border: 1px solid transparent; background: transparent; color: var(--dsr-text); font: inherit; font-size: 13px; padding: 9px 10px; border-radius: 11px; cursor: pointer; display: flex; flex-direction: column; gap: 3px; transition: transform .18s ease, background .18s ease, border-color .18s ease; }
+.ds-session-item:hover { background: linear-gradient(90deg, var(--dsr-bg-2), transparent); border-color: var(--dsr-line); transform: translateX(2px); }
+.ds-session-item.current { background: linear-gradient(90deg, var(--dsr-accent-soft), transparent); border-color: var(--dsr-accent-line); color: var(--dsr-accent-strong); }
 .ds-session-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
 .ds-session-workspace { min-width: 0; color: var(--dsr-muted); font-size: 10.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
 .ds-session-list.workspace-sorted .ds-session-workspace { display: none; }
@@ -41,11 +46,15 @@ a.ds-btn { text-decoration: none; }
 .ds-session-meta { display: flex; gap: 7px; font-size: 11px; color: var(--dsr-muted); align-items: center; }
 .ds-session-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--dsr-line); }
 .ds-session-dot.running { background: var(--dsr-warning); }
-.ds-sidebar-foot { border-top: 1px solid var(--dsr-line); padding: 8px; display: flex; flex-direction: column; gap: 3px; }
-.ds-nav-item { display: flex; align-items: center; gap: 8px; width: 100%; text-align: left; border: none; background: transparent; color: var(--dsr-text); font: inherit; font-size: 13px; padding: 9px 10px; border-radius: 9px; cursor: pointer; }
-.ds-nav-item:hover { background: var(--dsr-bg-2); }
-.ds-nav-item.active { background: var(--dsr-accent-soft); color: var(--dsr-accent-strong); }
-.ds-nav-ico { width: 18px; text-align: center; }
+.ds-sidebar-foot { border-top: 1px solid var(--dsr-line); padding: 8px; display: flex; flex-direction: column; gap: 3px; max-height: 58vh; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: var(--dsr-line) transparent; }
+.ds-sidebar-foot > * { flex-shrink: 0; }
+.ds-nav-item { position: relative; display: flex; align-items: center; gap: 8px; width: 100%; text-align: left; border: none; background: transparent; color: var(--dsr-text); font: inherit; font-size: 13px; padding: 9px 10px; border-radius: 10px; cursor: pointer; transition: background .18s ease, color .18s ease, transform .18s ease; }
+.ds-nav-item:hover { background: linear-gradient(90deg, var(--dsr-bg-2), transparent); transform: translateX(2px); }
+.ds-nav-item.active { background: linear-gradient(90deg, var(--dsr-accent-soft), transparent); color: var(--dsr-accent-strong); }
+.ds-nav-item.active::before { content: ''; width: 3px; height: 18px; position: absolute; left: 2px; border-radius: 999px; background: var(--dsr-accent); box-shadow: 0 0 12px var(--dsr-glow); }
+.ds-nav-ico { width: 18px; height: 18px; display: grid; place-items: center; text-align: center; color: var(--dsr-accent-2); }
+.ds-nav-ico svg { width: 17px; height: 17px; display: block; }
+.ds-nav-item.active .ds-nav-ico { color: var(--dsr-accent-strong); }
 
 /* 侧边栏底部常驻反馈入口 */
 .ds-feedback { position: relative; margin-top: 4px; }
@@ -55,7 +64,7 @@ a.ds-btn { text-decoration: none; }
   font: inherit; font-size: 13px; padding: 9px 10px; border-radius: 9px; cursor: pointer;
 }
 .ds-feedback-btn:hover { background: var(--dsr-bg-2); }
-.ds-feedback-btn svg { width: 16px; height: 16px; flex-shrink: 0; }
+.ds-feedback-btn svg { width: 16px; height: 16px; flex-shrink: 0; color: var(--dsr-info); }
 .ds-feedback-menu {
   position: absolute; bottom: calc(100% + 8px); left: 0; right: 0; z-index: 45;
   background: var(--dsr-bg-2); border: 1px solid var(--dsr-line); border-radius: 14px;
@@ -69,7 +78,7 @@ a.ds-btn { text-decoration: none; }
   padding: 7px 8px; border-radius: 10px; border: none; background: transparent; color: var(--dsr-text);
   font: inherit; text-align: left; cursor: pointer; text-decoration: none;
 }
-.ds-feedback-item:hover, .ds-feedback-item:focus-visible { background: var(--dsr-bg); outline: none; }
+.ds-feedback-item:hover, .ds-feedback-item:focus-visible { background: var(--dsr-bg); }
 .ds-feedback-ico {
   width: 32px; height: 32px; border-radius: 9px; flex-shrink: 0;
   display: grid; place-items: center; background: var(--dsr-panel); border: 1px solid var(--dsr-line); color: var(--dsr-accent-strong);
@@ -80,6 +89,48 @@ a.ds-btn { text-decoration: none; }
 .ds-feedback-desc { font-size: 11px; color: var(--dsr-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
 @keyframes ds-feedback-in { from { opacity: 0; transform: translateY(6px) } to { opacity: 1; transform: translateY(0) } }
 
+/* ---------- 工作台 ---------- */
+.ds-workbench { border: 1px solid var(--dsr-line); border-radius: 12px; background: var(--dsr-bg-2); padding: 8px; display: flex; flex-direction: column; gap: 6px; }
+.ds-wb-badge { font-size: 11.5px; font-weight: 700; color: var(--dsr-accent-strong); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
+.ds-wb-unbound, .ds-wb-bound { display: flex; flex-direction: column; gap: 6px; }
+.ds-wb-bind-btn { justify-content: center; width: 100%; }
+.ds-wb-api-hint { font-size: 10.5px; color: var(--dsr-warning); line-height: 1.4; }
+.ds-wb-head { display: flex; align-items: center; gap: 6px; width: 100%; text-align: left; border: none; background: transparent; color: var(--dsr-text); font: inherit; font-size: 12.5px; font-weight: 700; padding: 2px; cursor: pointer; }
+.ds-wb-caret { flex: none; color: var(--dsr-muted); font-size: 10px; width: 12px; text-align: center; }
+.ds-wb-head-text { flex: 1; min-width: 0; }
+.ds-wb-actions { display: flex; gap: 6px; }
+.ds-wb-actions .ds-mini-btn { flex: 1; }
+.ds-wb-panel { border-top: 1px solid var(--dsr-divider); padding-top: 6px; display: flex; flex-direction: column; gap: 5px; max-height: 42vh; overflow-y: auto; scrollbar-width: thin; scrollbar-color: var(--dsr-line) transparent; }
+.ds-wb-panel > * { flex-shrink: 0; }
+.ds-wb-panel-title { font-size: 10.5px; font-weight: 700; color: var(--dsr-muted); letter-spacing: .6px; text-transform: uppercase; }
+.ds-wb-project { border: 1px solid var(--dsr-line); border-radius: 9px; background: var(--dsr-panel); overflow: hidden; }
+.ds-wb-project-head { width: 100%; display: flex; align-items: center; gap: 6px; border: none; background: transparent; color: var(--dsr-text); font: inherit; font-size: 12.5px; padding: 6px 8px; cursor: pointer; text-align: left; }
+.ds-wb-project-title { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.ds-wb-project-count { flex: none; font-size: 10.5px; color: var(--dsr-muted); background: var(--dsr-bg-2); border-radius: 999px; padding: 0 7px; line-height: 16px; }
+.ds-wb-project-body { display: flex; flex-direction: column; gap: 3px; padding: 2px 6px 7px; }
+.ds-wb-new-session { align-self: flex-start; margin: 2px 0 3px; }
+.ds-wb-session { display: flex; align-items: center; gap: 6px; width: 100%; text-align: left; border: none; background: transparent; color: var(--dsr-text); font: inherit; font-size: 12px; padding: 5px 7px; border-radius: 7px; cursor: pointer; }
+.ds-wb-session.current { background: var(--dsr-accent-soft); color: var(--dsr-accent-strong); }
+.ds-wb-session-dot { flex: none; width: 6px; height: 6px; border-radius: 50%; background: var(--dsr-line); }
+.ds-wb-session-dot.running { background: var(--dsr-warning); }
+.ds-wb-session-title { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.ds-wb-session-empty, .ds-wb-empty { font-size: 11px; color: var(--dsr-muted); padding: 5px 7px; line-height: 1.5; }
+.ds-wb-unbind-panel { align-self: flex-end; }
+.ds-archived-toggle { width: 100%; border: none; background: transparent; color: var(--dsr-muted); font: inherit; font-size: 11px; letter-spacing: .4px; padding: 7px 4px; cursor: pointer; text-align: center; }
+
+/* ---------- 工作台绑定弹窗 ---------- */
+.ds-wb-modal-card { width: min(620px, 100%); }
+.ds-wb-modal-desc { font-size: 12.5px; color: var(--dsr-muted); line-height: 1.5; }
+.ds-wb-fsbar, .ds-wb-manual { display: flex; align-items: center; gap: 8px; }
+.ds-wb-fs-path { flex: 1; min-width: 0; font-size: 12px; color: var(--dsr-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.ds-wb-fs-list { border: 1px solid var(--dsr-line); border-radius: 12px; background: var(--dsr-panel); max-height: 42vh; overflow-y: auto; }
+.ds-wb-fs-row { display: flex; align-items: center; gap: 9px; padding: 8px 11px; border-bottom: 1px solid var(--dsr-divider); font-size: 13px; cursor: pointer; }
+.ds-wb-fs-row:last-child { border-bottom: none; }
+.ds-wb-fs-name { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.ds-wb-select { flex: none; }
+.ds-wb-manual input { flex: 1; min-width: 0; background: var(--dsr-panel); color: var(--dsr-text); border: 1px solid var(--dsr-line); border-radius: 10px; padding: 8px 10px; font: inherit; font-size: 13px; outline: none; }
+.ds-wb-manual input:focus { border-color: var(--dsr-accent-line); }
+
 /* 写反馈弹层 */
 .ds-fb-chips { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 10px; }
 .ds-fb-chip {
@@ -95,10 +146,13 @@ a.ds-btn { text-decoration: none; }
 .ds-fb-textarea:focus, .ds-fb-input:focus { border-color: var(--dsr-accent-line); }
 .ds-fb-input { min-height: 42px; }
 
-.ds-main { flex: 1; min-width: 0; display: flex; flex-direction: column; }
-.ds-topbar { height: 52px; flex: none; display: flex; align-items: center; gap: 10px; padding: 0 14px; border-bottom: 1px solid var(--dsr-line); background: var(--dsr-panel); }
-.ds-icon-btn { width: 32px; height: 32px; border-radius: 9px; border: 1px solid var(--dsr-line); background: var(--dsr-bg-2); color: var(--dsr-text); cursor: pointer; font-size: 15px; display: inline-flex; align-items: center; justify-content: center; }
+.ds-main { flex: 1; min-width: 0; display: flex; flex-direction: column; background: radial-gradient(900px 560px at 96% -18%, var(--dsr-accent-soft), transparent 64%), linear-gradient(180deg, var(--dsr-bg), var(--dsr-bg-2)); }
+.ds-topbar { height: 58px; flex: none; display: flex; align-items: center; gap: 10px; padding: 0 20px; border-bottom: 1px solid var(--dsr-divider); background: linear-gradient(180deg, var(--dsr-head-bg), transparent); backdrop-filter: blur(16px); }
+.ds-icon-btn { width: 32px; height: 32px; border-radius: 9px; border: 1px solid var(--dsr-line); background: var(--dsr-bg-2); color: var(--dsr-accent-strong); cursor: pointer; font-size: 15px; display: inline-flex; align-items: center; justify-content: center; }
+.ds-icon-btn svg { width: 17px; height: 17px; display: block; }
 .ds-icon-btn:hover { filter: brightness(1.06); }
+#btn-donate { color: var(--dsr-accent-2); }
+#btn-stats-top { color: var(--dsr-info); }
 #btn-mobile-nav { display: none; }
 .ds-title { flex: 1; min-width: 0; font-weight: 700; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
 .ds-top-right { display: flex; align-items: center; gap: 10px; }
@@ -108,9 +162,75 @@ a.ds-btn { text-decoration: none; }
 .ds-server { font-size: 12px; color: var(--dsr-muted); max-width: 320px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
 
 .ds-content { flex: 1; min-height: 0; display: flex; }
-.ds-view { flex: 1; min-width: 0; display: flex; flex-direction: column; padding: 14px 16px; overflow: hidden; }
+.ds-view { flex: 1; min-width: 0; display: flex; flex-direction: column; padding: 20px 26px 32px; overflow: hidden; }
 .ds-view.hidden { display: none; }
 .ds-view { animation: dsFade .15s ease; }
+
+/* ---------- 系统总览 · A 方案 ---------- */
+#view-overview { overflow-y:auto; background:radial-gradient(circle at 86% 4%,var(--dsr-accent-soft),transparent 32%),var(--dsr-bg); }
+#view-overview > .ds-overview-head,
+#view-overview > .ds-overview-grid,
+#view-overview > .ds-overview-runtime-head,
+#view-overview > .ds-overview-metrics,
+#view-overview > .ds-overview-session-list { width:min(100%, 1500px); margin-left:auto; margin-right:auto; }
+.ds-overview-head { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; margin-top:4px; margin-bottom:18px; }
+.ds-overview-eyebrow { color:var(--dsr-accent-strong); font-size:10px; font-weight:800; letter-spacing:2px; line-height:1.3; }
+.ds-overview-title { margin:4px 0 3px; font-size:26px; line-height:1.2; letter-spacing:-.5px; }
+.ds-overview-subtitle { margin:0; color:var(--dsr-muted); font-size:12px; }
+.ds-overview-refresh { flex:none; }
+.ds-overview-grid { display:grid; grid-template-columns:minmax(0,1.28fr) minmax(300px,.72fr); gap:14px; align-items:start; }
+.ds-overview-pulse-card, .ds-overview-side { min-width:0; border:1px solid var(--dsr-line); border-radius:20px; background:linear-gradient(145deg, var(--dsr-panel), var(--dsr-bg-2)); box-shadow:0 18px 44px var(--dsr-shadow); backdrop-filter:blur(18px); }
+.ds-overview-pulse-card { position:relative; overflow:hidden; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:14px; padding:18px 20px; }
+.ds-overview-pulse-card::after { content:""; position:absolute; width:190px; height:190px; right:-80px; top:-95px; border-radius:50%; background:var(--dsr-accent-soft); filter:blur(5px); pointer-events:none; }
+.ds-overview-pulse-copy { min-width:0; align-self:start; }
+.ds-overview-status { margin-top:8px; font-size:24px; font-weight:780; letter-spacing:-.4px; }
+.ds-overview-status-desc { margin-top:5px; color:var(--dsr-muted); font-size:11px; }
+.ds-overview-primary-action { display:inline-flex; align-items:center; justify-content:center; min-height:36px; margin-top:15px; padding:7px 14px; border:1px solid var(--dsr-accent-strong); border-radius:10px; background:var(--dsr-accent-strong); color:var(--dsr-on-accent); font:inherit; font-size:12px; font-weight:750; cursor:pointer; transition:transform .18s ease, filter .18s ease; }
+.ds-overview-primary-action:hover, .ds-overview-primary-action:focus-visible { filter:brightness(1.08); transform:translateY(-1px); }
+.ds-overview-pulse-card.status-degraded { border-color:var(--dsr-warning-line); }
+.ds-overview-pulse-card.status-degraded .ds-overview-primary-action { border-color:var(--dsr-warning); background:var(--dsr-warning); color:var(--dsr-on-warning); }
+.ds-overview-pulse-card.status-offline { border-color:var(--dsr-error-line); }
+.ds-overview-pulse-card.status-offline .ds-overview-primary-action { border-color:var(--dsr-error); background:var(--dsr-error); color:var(--dsr-neutral-9); }
+.ds-system-pulse-ring { position:relative; z-index:1; width:116px; height:116px; padding:9px; border-radius:50%; background:conic-gradient(var(--dsr-accent) 0 var(--pulse-pct),var(--dsr-line) var(--pulse-pct) 100%); box-shadow:0 0 22px var(--dsr-glow); }
+.ds-system-pulse-ring::before { content:""; position:absolute; inset:7px; border:1px solid var(--dsr-accent-line); border-radius:50%; opacity:.75; }
+.ds-system-pulse-core { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; width:100%; height:100%; border-radius:50%; background:var(--dsr-bg-2); color:var(--dsr-muted); }
+.ds-system-pulse-core strong { max-width:100%; color:var(--dsr-text); font-size:17px; line-height:1.05; letter-spacing:.2px; text-align:center; white-space:nowrap; }
+.ds-system-pulse-core span { max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:5px; font-size:9px; text-align:center; }
+.ds-overview-links { grid-column:1 / -1; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; padding-top:10px; border-top:1px solid var(--dsr-line); }
+.ds-overview-link { min-width:0; display:grid; grid-template-columns:auto 1fr; align-items:center; gap:5px 8px; color:var(--dsr-muted); font-size:11px; }
+.ds-overview-link i { width:7px; height:7px; border-radius:50%; background:var(--dsr-muted); box-shadow:0 0 0 4px var(--dsr-line); }
+.ds-overview-link b { grid-column:2; color:var(--dsr-text); font-size:11px; font-weight:650; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
+.ds-overview-link.ok i { background:var(--dsr-success); box-shadow:0 0 0 4px var(--dsr-success-soft); }
+.ds-overview-link.off i { background:var(--dsr-error); box-shadow:0 0 0 4px var(--dsr-error-soft); }
+.ds-overview-side { align-self:start; height:fit-content; padding:16px; border-color:var(--dsr-line); box-shadow:0 12px 30px var(--dsr-shadow); }
+.ds-overview-panel-head { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:8px; font-size:12px; font-weight:750; letter-spacing:.3px; }
+.ds-overview-meta { color:var(--dsr-muted); font-size:11px; font-weight:500; }
+.ds-overview-attention-list, .ds-overview-session-list { display:flex; flex-direction:column; gap:8px; }
+.ds-overview-attention-item, .ds-overview-session-item { width:100%; min-width:0; display:flex; align-items:center; gap:10px; padding:11px 12px; border:1px solid var(--dsr-line); border-radius:12px; background:var(--dsr-bg-2); color:var(--dsr-text); text-align:left; }
+button.ds-overview-attention-item, button.ds-overview-session-item { cursor:pointer; font:inherit; }
+.ds-overview-attention-item { border-left:3px solid var(--dsr-warning); }
+.ds-overview-attention-item.question { border-left-color:var(--dsr-accent-2); }
+.ds-overview-mark { flex:0 0 auto; width:26px; height:26px; display:grid; place-items:center; border-radius:8px; background:var(--dsr-warning-soft); color:var(--dsr-warning); font-size:12px; }
+.ds-overview-attention-item.question .ds-overview-mark { background:var(--dsr-accent-2-soft); color:var(--dsr-accent-2); }
+.ds-overview-copy { flex:1; min-width:0; }
+.ds-overview-item-title, .ds-overview-item-desc { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
+.ds-overview-item-title { font-size:12px; font-weight:650; }
+.ds-overview-item-desc { margin-top:3px; color:var(--dsr-muted); font-size:11px; }
+.ds-overview-actions { flex:0 0 auto; display:flex; gap:4px; }
+.ds-overview-actions .ds-btn { min-height:27px; padding:2px 8px; font-size:11px; }
+.ds-overview-actions .allow { background:var(--dsr-success-soft); border-color:var(--dsr-success-line); color:var(--dsr-success); }
+.ds-overview-actions .reject { background:var(--dsr-warning-soft); border-color:var(--dsr-warning-line); color:var(--dsr-warning); }
+.ds-overview-arrow { color:var(--dsr-muted); font-size:19px; }
+.ds-overview-runtime-head { margin-top:14px; }
+.ds-overview-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; }
+.ds-overview-metric { min-width:0; padding:14px 16px; border:1px solid var(--dsr-line); border-radius:15px; background:linear-gradient(145deg, var(--dsr-panel), var(--dsr-bg-2)); box-shadow:inset 0 1px var(--dsr-divider); }
+.ds-overview-metric span { display:block; color:var(--dsr-muted); font-size:11px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
+.ds-overview-metric strong { display:block; margin-top:6px; color:var(--dsr-text); font-size:17px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
+.ds-overview-session-item { background:linear-gradient(90deg, var(--dsr-panel), var(--dsr-bg-2)); border-color:var(--dsr-line); transition:transform .18s ease, border-color .18s ease, background .18s ease; }
+.ds-overview-session-item:hover { transform:translateY(-1px); border-color:var(--dsr-accent-line); background:linear-gradient(90deg, var(--dsr-panel-2), var(--dsr-panel)); }
+.ds-overview-session-item .ds-overview-mark { background:var(--dsr-info-soft); color:var(--dsr-info); }
+.ds-overview-session-item.running .ds-overview-mark { background:var(--dsr-success-soft); color:var(--dsr-success); }
+.ds-overview-empty { padding:10px; border:1px dashed var(--dsr-line); border-radius:12px; color:var(--dsr-muted); font-size:12px; text-align:center; }
 @keyframes dsFade { from { opacity: .5; } to { opacity: 1; } }
 
 /* 会话视图 */
@@ -133,6 +253,9 @@ a.ds-btn { text-decoration: none; }
 .ds-tool { align-self: flex-start; max-width: min(78%, 680px); width: fit-content; box-sizing: border-box; background: var(--dsr-bg-2); border: 1px solid var(--dsr-line); border-radius: 10px; padding: 8px 11px; font-size: 12px; }
 .ds-tool summary { cursor: pointer; color: var(--dsr-muted); }
 .ds-tool pre { margin: 6px 0 0; white-space: pre-wrap; word-break: break-all; font-size: 11px; color: var(--dsr-text); }
+.ds-event-detail { width: min(96%, 780px); max-width: min(96%, 780px); }
+.ds-event-detail summary { white-space: normal; overflow-wrap: anywhere; }
+.ds-event-detail pre { max-height: 280px; overflow: auto; overflow-wrap: anywhere; }
 .ds-empty { color: var(--dsr-muted); text-align: center; padding: 30px 0; font-size: 13px; }
 .ds-presets-guide { padding: 2px 8px 10px; font-size: 11px; line-height: 1.5; }
 .ds-session-cards { flex: none; max-height: 220px; overflow-y: auto; padding: 10px 22px 0; display: flex; flex-direction: column; gap: 8px; }
@@ -173,6 +296,8 @@ a.ds-btn { text-decoration: none; }
 .ds-fs-path { flex: 1; min-width: 0; font-size: 12.5px; color: var(--dsr-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
 .ds-fs-list { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; border: 1px solid var(--dsr-line); border-radius: 12px; background: var(--dsr-panel); }
 .ds-fs-row { display: flex; align-items: center; gap: 9px; padding: 9px 12px; border-bottom: 1px solid var(--dsr-divider); font-size: 13px; }
+.ds-fs-type { width: 20px; height: 20px; display: grid; place-items: center; color: var(--dsr-info); flex: none; }
+.ds-fs-type svg { width: 18px; height: 18px; display: block; }
 .ds-fs-row:last-child { border-bottom: none; }
 .ds-fs-row:hover { background: var(--dsr-bg-2); }
 .ds-fs-name { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@@ -322,6 +447,22 @@ a.ds-btn { text-decoration: none; }
 }
 .ds-tip.hidden { display: none; }
 
+.ds-btn:focus-visible, .ds-icon-btn:focus-visible, .ds-mini:focus-visible,
+.ds-session-item:focus-visible, .ds-nav-item:focus-visible, a:focus-visible,
+input:focus-visible, select:focus-visible, textarea:focus-visible {
+  outline: 2px solid var(--dsr-accent);
+  outline-offset: 2px;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  *, *::before, *::after {
+    animation-duration: .01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: .01ms !important;
+    scroll-behavior: auto !important;
+  }
+}
+
 .mobile-only { display: none; }
 
 /* 内置滚动条(去原生, 沿用皮肤变量) */
@@ -353,6 +494,8 @@ a.ds-btn { text-decoration: none; }
   .ds-msg { max-width: 90%; }
   .ds-toast-stack { left: 10px; right: 10px; width: auto; }
   .mobile-only { display: block; }
+  .ds-overview-grid { grid-template-columns:1fr; }
+  .ds-overview-pulse-card { padding:18px; }
 }
 
 @media (max-width: 520px) {
@@ -362,4 +505,11 @@ a.ds-btn { text-decoration: none; }
   .ds-composer-left { flex: 1 1 100%; gap: 5px; }
   .ds-composer-left .ds-btn { flex: 1 1 0; min-width: 0; padding-left: 7px; padding-right: 7px; overflow: hidden; text-overflow: ellipsis; }
   .ds-composer-right { margin-left: auto; }
+  .ds-overview-head { margin-bottom:14px; }
+  .ds-overview-title { font-size:23px; }
+  .ds-overview-pulse-card { grid-template-columns:minmax(0,1fr) auto; gap:12px; padding:15px; }
+  .ds-system-pulse-ring { width:92px; height:92px; padding:7px; }
+  .ds-system-pulse-core strong { font-size:14px; }
+  .ds-overview-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
+  .ds-overview-actions .ds-btn { padding-left:5px; padding-right:5px; }
 }

package/public/desktop/desktop.html

@@ -30,8 +30,27 @@
       </div>
       <div class="ds-session-list" id="session-list"></div>
       <div class="ds-sidebar-foot">
+        <div id="workbench-box" class="ds-workbench">
+          <div id="wb-unbound" class="ds-wb-unbound">
+            <div class="ds-wb-badge" data-i18n="wb.unbound">DSH Remote（未绑定）</div>
+            <button id="btn-wb-bind" class="ds-btn ds-wb-bind-btn" data-i18n="wb.bind">绑定工作台</button>
+            <div id="wb-api-hint" class="ds-wb-api-hint hidden" data-i18n="wb.apiMissing">工作台接口不可用（需更新网关）</div>
+          </div>
+          <div id="wb-bound" class="ds-wb-bound hidden">
+            <button id="wb-head" class="ds-wb-head" type="button" aria-expanded="false">
+              <span id="wb-caret" class="ds-wb-caret" aria-hidden="true">▸</span>
+              <span id="wb-head-text" class="ds-wb-head-text"></span>
+            </button>
+            <div class="ds-wb-actions">
+              <button id="btn-wb-path" class="ds-mini-btn" data-i18n="wb.viewPath">已绑定 workspace</button>
+              <button id="btn-wb-unbind" class="ds-mini-btn" data-i18n="wb.unbind">解绑</button>
+            </div>
+            <div id="wb-panel" class="ds-wb-panel hidden"></div>
+          </div>
+        </div>
+        <button class="ds-nav-item" data-view="view-overview"><span class="ds-nav-ico">◌</span><span data-i18n="ds.overview">主页</span></button>
         <button class="ds-nav-item" data-view="view-files"><span class="ds-nav-ico">⇅</span><span data-i18n="ds.files">文件传输</span></button>
-        <button class="ds-nav-item" data-view="view-settings"><span class="ds-nav-ico">⚙</span><span data-i18n="ds.settings">设置</span></button>
+        <button class="ds-nav-item" data-view="view-settings"><span class="ds-nav-ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.7 1.7 0 0 0 .3 1.9l.1.1-1.8 1.8-.1-.1a1.7 1.7 0 0 0-1.9-.3 1.7 1.7 0 0 0-1 1.5v.2h-2.5v-.2a1.7 1.7 0 0 0-1-1.5 1.7 1.7 0 0 0-1.9.3l-.1.1-1.8-1.8.1-.1A1.7 1.7 0 0 0 8.1 15a1.7 1.7 0 0 0-1.5-1H6v-2.5h.2a1.7 1.7 0 0 0 1.5-1 1.7 1.7 0 0 0-.3-1.9l-.1-.1 1.8-1.8.1.1a1.7 1.7 0 0 0 1.9.3 1.7 1.7 0 0 0 1-1.5v-.2h2.5v.2a1.7 1.7 0 0 0 1 1.5 1.7 1.7 0 0 0 1.9-.3l.1-.1 1.8 1.8-.1.1a1.7 1.7 0 0 0-.3 1.9 1.7 1.7 0 0 0 1.5 1h.2V14h-.2a1.7 1.7 0 0 0-1.5 1Z"/></svg></span><span data-i18n="ds.settings">设置</span></button>
         <div class="ds-feedback">
           <button id="btn-feedback" class="ds-feedback-btn" aria-haspopup="menu" aria-expanded="false" data-i18n-title="ds.feedback" data-i18n-aria="ds.feedback">
             <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 12a8 8 0 0 1-8 8H5l-1.5 2L4 20a8 8 0 0 1-1-4 8 8 0 0 1 18-4Z"/></svg>
@@ -65,17 +84,59 @@
 
     <div class="ds-main">
       <header class="ds-topbar">
-        <button id="btn-mobile-nav" class="ds-icon-btn" data-i18n-aria="ds.menu" data-i18n-title="ds.menu">☰</button>
+        <button id="btn-mobile-nav" class="ds-icon-btn" data-i18n-aria="ds.menu" data-i18n-title="ds.menu"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" aria-hidden="true"><path d="M4 6h16M4 12h16M4 18h16"/></svg></button>
         <div class="ds-title" id="ds-title" data-i18n="ds.sessions">会话</div>
         <div class="ds-top-right">
           <span class="ds-conn" id="conn-badge" title="">●</span>
           <span class="ds-server" id="server-badge"></span>
-          <button id="btn-donate" class="ds-icon-btn" data-i18n-aria="ds.donate" data-i18n-title="ds.donate">🎁</button>
-          <button id="btn-stats-top" class="ds-icon-btn" data-i18n-aria="ds.stats" data-i18n-title="ds.stats">📊</button>
+          <button id="btn-donate" class="ds-icon-btn" data-i18n-aria="ds.donate" data-i18n-title="ds.donate"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6 8h11v6a4 4 0 0 1-4 4H10a4 4 0 0 1-4-4Z"/><path d="M17 10h1.5a2.5 2.5 0 0 1 0 5H17M9 4c0 1 1 1.2 1 2M13 4c0 1 1 1.2 1 2M5 20h13"/></svg></button>
+          <button id="btn-stats-top" class="ds-icon-btn" data-i18n-aria="ds.stats" data-i18n-title="ds.stats"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 19V9M12 19V5M19 19v-7M3 19h18"/></svg></button>
         </div>
       </header>
 
       <main class="ds-content">
+        <!-- 系统总览 -->
+        <section id="view-overview" class="ds-view hidden">
+          <div class="ds-overview-head">
+            <div>
+              <div class="ds-overview-eyebrow" data-i18n="ds.overviewEyebrow">SYSTEM OVERVIEW</div>
+              <h1 class="ds-overview-title" data-i18n="ds.overview">主页</h1>
+              <p class="ds-overview-subtitle" data-i18n="ds.overviewSubtitle">实时状态与需要你处理的事项</p>
+            </div>
+            <button id="ds-overview-refresh" class="ds-btn ds-overview-refresh" data-i18n="ds.refreshOverview">刷新总览</button>
+          </div>
+          <div class="ds-overview-grid">
+            <div class="ds-overview-pulse-card">
+              <div class="ds-overview-pulse-copy">
+                <div class="ds-overview-eyebrow" data-i18n="ds.systemPulse">系统链路</div>
+                <div id="ds-overview-status" class="ds-overview-status" data-i18n="ds.checking">检查中…</div>
+                <div id="ds-overview-status-desc" class="ds-overview-status-desc">—</div>
+                <button id="ds-overview-primary-action" class="ds-overview-primary-action" type="button" data-i18n="ds.action.openSession">打开最近会话</button>
+              </div>
+              <div id="ds-overview-pulse-ring" class="ds-system-pulse-ring" style="--pulse-pct:0%"><div class="ds-system-pulse-core"><strong id="ds-overview-health">—</strong><span id="ds-overview-health-caption">—</span></div></div>
+              <div class="ds-overview-links">
+                <div class="ds-overview-link" data-ds-overview-link="gateway"><i></i><span data-i18n="ds.gateway">网关</span><b>—</b></div>
+                <div class="ds-overview-link" data-ds-overview-link="dsh"><i></i><span data-i18n="ds.dshUpstream">DSH 上游</span><b>—</b></div>
+                <div class="ds-overview-link" data-ds-overview-link="mux"><i></i><span data-i18n="ds.mux">实时 mux</span><b>—</b></div>
+                <div class="ds-overview-link" data-ds-overview-link="host"><i></i><span data-i18n="ds.host">实时 host</span><b>—</b></div>
+              </div>
+            </div>
+            <div class="ds-overview-side">
+              <div class="ds-overview-panel-head"><span data-i18n="ds.attention">需要你处理</span><span id="ds-overview-attention-count" class="ds-overview-meta"></span></div>
+              <div id="ds-overview-attention-list" class="ds-overview-attention-list"></div>
+            </div>
+          </div>
+          <div class="ds-overview-panel-head ds-overview-runtime-head"><span data-i18n="ds.runtime">运行指标</span></div>
+          <div class="ds-overview-metrics">
+            <div class="ds-overview-metric"><span data-i18n="ds.dshVersion">DSH 版本</span><strong id="ds-overview-dsh-version">—</strong></div>
+            <div class="ds-overview-metric"><span data-i18n="ds.gatewayStatus">网关状态</span><strong id="ds-overview-gateway-version">—</strong></div>
+            <div class="ds-overview-metric"><span data-i18n="ds.activeSessions">活跃会话</span><strong id="ds-overview-active-sessions">0</strong></div>
+            <div class="ds-overview-metric"><span data-i18n="ds.connectionMode">连接模式</span><strong id="ds-overview-connection-mode">—</strong></div>
+          </div>
+          <div class="ds-overview-panel-head ds-overview-runtime-head"><span data-i18n="ds.recentActivity">近期活动</span><span id="ds-overview-active-count" class="ds-overview-meta"></span></div>
+          <div id="ds-overview-session-list" class="ds-overview-session-list"></div>
+        </section>
+
         <!-- 会话列表视图(窄屏回退用) -->
         <section id="view-sessions" class="ds-view">
           <div class="ds-section-label mobile-only" data-i18n="ds.sessions">会话</div>
@@ -243,7 +304,7 @@
   </div>
 
   <!-- 提问回答模态(多问题仍用模态) -->
-  <div id="modal-question" class="ds-modal hidden">
+  <div id="modal-question" class="ds-modal hidden" role="dialog" aria-modal="true">
     <div class="ds-modal-card">
       <div class="ds-modal-title" data-i18n="ds.questionTitle">回答问题</div>
       <div id="question-body" class="ds-modal-body"></div>
@@ -255,7 +316,7 @@
   </div>
 
   <!-- 写反馈模态 -->
-  <div id="modal-feedback" class="ds-modal hidden">
+  <div id="modal-feedback" class="ds-modal hidden" role="dialog" aria-modal="true">
     <div class="ds-modal-card">
       <div class="ds-modal-title" data-i18n="ds.feedbackModalTitle">写反馈</div>
       <div class="ds-modal-body">
@@ -275,7 +336,7 @@
   </div>
 
   <!-- 新建工作区模态 -->
-  <div id="modal-workspace" class="ds-modal hidden">
+  <div id="modal-workspace" class="ds-modal hidden" role="dialog" aria-modal="true">
     <div class="ds-modal-card">
       <div class="ds-modal-title" data-i18n="ds.workspaceCreateTitle">新建工作区</div>
       <div class="ds-modal-body">
@@ -291,7 +352,7 @@
   </div>
 
   <!-- 预设提示词管理模态 -->
-  <div id="modal-presets" class="ds-modal hidden">
+  <div id="modal-presets" class="ds-modal hidden" role="dialog" aria-modal="true">
     <div class="ds-modal-card">
       <div class="ds-modal-title" data-i18n="presets.title">预设提示词</div>
       <div class="ds-modal-body">
@@ -307,8 +368,30 @@
     </div>
   </div>
 
+  <div id="modal-workbench" class="ds-modal hidden" role="dialog" aria-modal="true">
+    <div class="ds-modal-card ds-wb-modal-card">
+      <div class="ds-modal-title" data-i18n="wb.modalTitle">绑定工作台</div>
+      <div class="ds-modal-body">
+        <div class="ds-wb-modal-desc" data-i18n="wb.modalDesc">选择工作台根目录，其下每个子文件夹会自动成为项目工作区。</div>
+        <div class="ds-wb-fsbar">
+          <button id="wb-fs-up" class="ds-btn" data-i18n="wb.up">上级</button>
+          <span id="wb-fs-path" class="ds-wb-fs-path">~</span>
+          <button id="wb-fs-home" class="ds-btn" data-i18n="wb.home">根目录</button>
+        </div>
+        <div id="wb-fs-list" class="ds-wb-fs-list"></div>
+        <div class="ds-wb-manual">
+          <input id="wb-path-input" type="text" autocomplete="off" data-i18n-placeholder="wb.pathPlaceholder" placeholder="或手动输入绝对路径…">
+          <button id="btn-wb-bind-manual" class="ds-btn primary" data-i18n="wb.bind">绑定</button>
+        </div>
+      </div>
+      <div class="ds-modal-actions">
+        <button id="btn-wb-modal-close" class="ds-btn" data-i18n="ds.cancel">取消</button>
+      </div>
+    </div>
+  </div>
+
   <!-- 赞赏支持模态 -->
-  <div id="modal-donate" class="ds-modal hidden">
+  <div id="modal-donate" class="ds-modal hidden" role="dialog" aria-modal="true">
     <div class="ds-modal-card">
       <div class="ds-modal-title" data-i18n="ds.donate">赞赏支持</div>
       <div class="ds-modal-body donate-body">
@@ -322,7 +405,7 @@
   </div>
 
   <!-- 更新内容模态 -->
-  <div id="modal-notes" class="ds-modal hidden">
+  <div id="modal-notes" class="ds-modal hidden" role="dialog" aria-modal="true">
     <div class="ds-modal-card">
       <div class="ds-modal-title"><span id="notes-version" style="opacity:.75"></span> <span data-i18n="ds.notesTitle">更新内容</span></div>
       <div class="ds-modal-body notes-body">
@@ -339,13 +422,16 @@
     </div>
   </div>
 
-  <div id="toast" class="ds-toast hidden"></div>
+  <div id="toast" class="ds-toast hidden" role="status" aria-live="polite"></div>
   <div id="ds-tip" class="ds-tip hidden" role="tooltip" aria-hidden="true"></div>
 
   <script>
     window.DESKTOP_STR = {
       zh: {
-        'ds.repo': 'GitHub 仓库', 'ds.newSession': '+ 新会话', 'ds.newWorkspace': '新建工作区', 'ds.sessions': '会话',
+        'ds.repo': 'GitHub 仓库', 'ds.newSession': '+ 新会话', 'ds.newWorkspace': '新建工作区', 'ds.sessions': '会话', 'ds.overview': '主页', 'ds.overviewEyebrow': 'SYSTEM OVERVIEW', 'ds.overviewSubtitle': '实时状态与需要你处理的事项',
+        'ds.systemPulse': '系统链路', 'ds.systemNominal': '系统链路正常', 'ds.systemDegraded': '部分链路需要关注', 'ds.systemOffline': '连接已断开', 'ds.checking': '检查中…', 'ds.components': '{n}/4 个模块在线', 'ds.live': 'LIVE', 'ds.allLinked': '全部链路', 'ds.offlineCore': 'OFFLINE',
+        'ds.gateway': '网关', 'ds.dshUpstream': 'DSH 上游', 'ds.mux': '实时 mux', 'ds.host': '实时 host', 'ds.online': '在线', 'ds.offlineShort': '离线',
+        'ds.attention': '需要你处理', 'ds.runtime': '运行指标', 'ds.recentActivity': '近期活动', 'ds.dshVersion': 'DSH 版本', 'ds.gatewayStatus': '网关状态', 'ds.activeSessions': '活跃会话', 'ds.connectionMode': '连接模式', 'ds.liveWs': '实时 WS', 'ds.poll': '降级轮询', 'ds.running': '运行中', 'ds.noReason': '无说明', 'ds.noActivity': '暂无后台活动', 'ds.noSessions': '暂无会话', 'ds.refreshOverview': '刷新总览', 'ds.pendingCount': '{n} 项待处理', 'ds.activeCount': '{n} 个活跃会话', 'ds.nothingPending': '暂无事项', 'ds.action.openSession': '打开最近会话', 'ds.action.newSession': '新建会话', 'ds.action.attention': '处理待办', 'ds.action.connect': '去设置连接', 'ds.action.refresh': '重新检查连接',
         'ds.sortLabel': '会话排序', 'ds.sortTime': '按时间', 'ds.sortWorkspace': '按工作区', 'ds.workspace': '工作区', 'ds.workspaceUnknown': '未指定工作区',
         'ds.files': '文件传输', 'ds.settings': '设置', 'ds.stats': '统计', 'ds.menu': '导航',
         'ds.send': '发送', 'ds.composerPlaceholder': '输入消息，Enter 发送…', 'ds.presets': '预设',
@@ -442,7 +528,10 @@
         'menu.modelTitle': '模型切换', 'menu.effortTitle': '思考深度',
       },
       en: {
-        'ds.repo': 'GitHub repo', 'ds.newSession': '+ New session', 'ds.newWorkspace': 'New workspace', 'ds.sessions': 'Sessions',
+        'ds.repo': 'GitHub repo', 'ds.newSession': '+ New session', 'ds.newWorkspace': 'New workspace', 'ds.sessions': 'Sessions', 'ds.overview': 'Home', 'ds.overviewEyebrow': 'SYSTEM OVERVIEW', 'ds.overviewSubtitle': 'Live status and items needing your attention',
+        'ds.systemPulse': 'System pulse', 'ds.systemNominal': 'System nominal', 'ds.systemDegraded': 'Some links need attention', 'ds.systemOffline': 'Connection offline', 'ds.checking': 'Checking…', 'ds.components': '{n}/4 components online', 'ds.live': 'LIVE', 'ds.allLinked': 'ALL LINKED', 'ds.offlineCore': 'OFFLINE',
+        'ds.gateway': 'Gateway', 'ds.dshUpstream': 'DSH upstream', 'ds.mux': 'Live mux', 'ds.host': 'Live host', 'ds.online': 'Online', 'ds.offlineShort': 'Offline',
+        'ds.attention': 'Needs attention', 'ds.runtime': 'Runtime metrics', 'ds.recentActivity': 'Recent activity', 'ds.dshVersion': 'DSH version', 'ds.gatewayStatus': 'Gateway status', 'ds.activeSessions': 'Active sessions', 'ds.connectionMode': 'Connection mode', 'ds.liveWs': 'Live WS', 'ds.poll': 'Degraded polling', 'ds.running': 'Running', 'ds.noReason': 'No reason given', 'ds.noActivity': 'No background activity', 'ds.noSessions': 'No sessions yet', 'ds.refreshOverview': 'Refresh overview', 'ds.pendingCount': '{n} pending', 'ds.activeCount': '{n} active sessions', 'ds.nothingPending': 'Nothing pending', 'ds.action.openSession': 'Open recent session', 'ds.action.newSession': 'New session', 'ds.action.attention': 'Review pending', 'ds.action.connect': 'Set up connection', 'ds.action.refresh': 'Check connection',
         'ds.sortLabel': 'Session sort', 'ds.sortTime': 'By time', 'ds.sortWorkspace': 'By workspace', 'ds.workspace': 'Workspace', 'ds.workspaceUnknown': 'No workspace',
         'ds.files': 'Files', 'ds.settings': 'Settings', 'ds.stats': 'Stats', 'ds.menu': 'Menu',
         'ds.send': 'Send', 'ds.composerPlaceholder': 'Type a message, Enter to send…', 'ds.presets': 'Presets',