dsh-remote-panel 0.3.9 → 0.4.1

package/lib/client.js

@@ -1178,15 +1178,17 @@ window.__ModuleLoader__.load({
      由 installStatsTray() 读它的文本、精简后放到顶部右上角 */
   .uV2eYG_dock { display: none !important; }
 
+  /* 顶部状态条：左边分支、右边统计，两端对齐（像手机状态栏的左右两组） */
   .dsh-stats-tray {
     position: fixed;
     top: max(2px, calc(var(--dsh-safe-top, 0px) - 24px));
+    left: 14px;
     right: 14px;
     z-index: 57;
-    max-width: 62vw;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 16px;
     font-size: 10px;
     line-height: 16px;
     font-variant-numeric: tabular-nums;
@@ -1194,6 +1196,13 @@ window.__ModuleLoader__.load({
     pointer-events: none;
     letter-spacing: .01em;
   }
+  .dsh-stats-tray > span {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    min-width: 0;
+  }
+  .dsh-stats-tray > span:last-child { text-align: right; flex: 0 0 auto; }
 
   /* 输入条座位顶部有一段渐隐（DSH 原本渐到 #151517），在纯黑底上会显出一条灰带，
      这里把终点色换成纯黑，观感才对得上；底部那行状态（轮次/token/缓存）同理 */
@@ -1692,8 +1701,13 @@ window.__ModuleLoader__.load({
 			const tray = document.createElement('div')
 			tray.className = 'dsh-stats-tray'
 			tray.setAttribute('aria-hidden', 'true')
+			const left = document.createElement('span')
+			const right = document.createElement('span')
+			tray.append(left, right)
 			document.body.appendChild(tray)
 
+			// 只在手机宽度下出现：桌面端这套样式本来就没注入，元素留着会变成一个裸 div 掉到页面底部
+			const narrow = window.matchMedia?.('(max-width: 1023px)')
 			let frame = 0
 			let shown = ''
 			const format = (text) => {
@@ -1708,13 +1722,21 @@ window.__ModuleLoader__.load({
 			}
 			const sync = () => {
 				frame = 0
+				if (narrow !== undefined && !narrow.matches) {
+					tray.style.display = 'none'
+					shown = ''
+					return
+				}
 				const dock = document.querySelector('.uV2eYG_dock')
 				const raw = dock?.textContent ?? ''
-				const next = raw.trim() === '' ? '' : format(raw)
+				const branch = dock?.querySelector('[data-composer-stat="git-branch"]')?.textContent?.trim() ?? ''
+				const stats = raw.trim() === '' ? '' : format(raw)
+				const next = `${branch}|${stats}`
 				if (next === shown) return
 				shown = next
-				tray.textContent = next
-				tray.style.display = next === '' ? 'none' : 'block'
+				left.textContent = branch
+				right.textContent = stats
+				tray.style.display = branch === '' && stats === '' ? 'none' : 'flex'
 			}
 			const schedule = () => {
 				if (frame !== 0) return
@@ -1722,9 +1744,12 @@ window.__ModuleLoader__.load({
 			}
 			const observer = new MutationObserver(schedule)
 			observer.observe(document.body, { subtree: true, childList: true, characterData: true })
+			const onViewport = () => schedule()
+			narrow?.addEventListener?.('change', onViewport)
 			sync()
 			return () => {
 				observer.disconnect()
+				narrow?.removeEventListener?.('change', onViewport)
 				if (frame !== 0) cancelAnimationFrame(frame)
 				tray.remove()
 			}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-remote-panel",
-  "version": "0.3.9",
+  "version": "0.4.1",
   "description": "DSH 远程访问控制面：部署向导、状态面板与一键配对（EasyTier + Caddy），数据面保持进程外。",
   "type": "module",
   "main": "./lib/index.js",