dsh-remote-plugin 0.5.8 → 0.6.0

package/README.en.md

@@ -29,6 +29,7 @@ dsh plugin --profile web add "github:Blank-not-black/dsh-Remote#main&path:/packa
 - Token lives in `~/.dsh-remote/token` (auto-generated on first run, reused and never overwritten), shown in the drawer and copyable; supports **QR pairing** and **one-click rotation**.
 - Env var `DSH_REMOTE_AUTOSTART=0` disables auto management.
 - File endpoints: `/fs/list` (list directory), `/fs/file` (download with Range support), `/fs/upload` (chunked resume with pause/cancel, SHA-256 verified before writing to disk); default root is `~`, and `DSH_REMOTE_FS_ROOT` opens multiple roots (`:`-separated).
+- Feedback endpoint: `POST /feedback` (the app / desktop "Write feedback" dialog), forwarded by the gateway to the feedback collector; default `http://100.84.128.29/submit` (Tailscale internal network), overridable via `DSH_REMOTE_FEEDBACK_URL` — no tokens to configure.
 
 ## Mobile App
 

package/README.md

@@ -29,6 +29,7 @@ dsh plugin --profile web add "github:Blank-not-black/dsh-Remote#main&path:/packa
 - 令牌在 `~/.dsh-remote/token`（首次自动生成，重复使用不覆盖），抽屉里显示并可复制；支持**二维码扫码配对**与**一键轮换**。
 - 环境变量 `DSH_REMOTE_AUTOSTART=0` 可关闭自动管理。
 - 文件端点：`/fs/list`（列目录）、`/fs/file`（下载，支持 Range）、`/fs/upload`（分块续传，支持暂停/取消，落盘前 SHA-256 校验）；默认根目录 `~`，`DSH_REMOTE_FS_ROOT` 可开多根（`:` 分隔）。
+- 反馈端点：`POST /feedback`（App / 桌面端「写反馈」），网关转发到反馈收集器；默认 `http://100.84.128.29/submit`（Tailscale 内网），可用 `DSH_REMOTE_FEEDBACK_URL` 覆盖，无需配置任何 token。
 
 ## 手机 App
 

package/gateway.cjs

@@ -182,9 +182,18 @@ function authorized(req, url) {
 
 // ---------- 设备监控 ----------
 const devices = new Map()   // ip -> device
+// 设备 TTL 是“记录保留时间”，和下方 online 判断的 60s 活跃窗口是两回事：
+// online 只看最近 60s 是否有请求；TTL 用于防止长期运行的网关内存/响应无限膨胀。
+const DEVICE_TTL_MS = 24 * 60 * 60 * 1000
 let totalRequests = 0
 let authFailures = 0
 
+function pruneDevices(now = Date.now()) {
+  for (const [ip, d] of devices) {
+    if (now - d.lastSeen > DEVICE_TTL_MS) devices.delete(ip)
+  }
+}
+
 function loadNotes() {
   try { return JSON.parse(fs.readFileSync(NOTES_FILE, 'utf8')) } catch { return {} }
 }
@@ -211,6 +220,7 @@ function kindOf(req) {
 }
 
 function touchDevice(req, extra = {}) {
+  pruneDevices()
   const ip = ipOf(req)
   totalRequests++
   let d = devices.get(ip)
@@ -402,6 +412,120 @@ function cors(res) {
   res.setHeader('access-control-allow-methods', 'GET, POST, OPTIONS')
 }
 
+// ---------- 事件轮询缓冲 ----------
+// 网关自己维护到 DSH 的 mux/host WebSocket，把事件写入内存环形缓冲；
+// 前端在 WebSocket 被隧道/受限网络阻断时改走 GET /api/events.poll 增量拉取。
+const EVENT_BUFFER_MAX = 300
+const EVENT_MAX_STRING = 16 * 1024
+const eventBuffers = { mux: [], host: [] }
+const eventNextSeq = { mux: 1, host: 1 }
+
+/** 递归截断超大字段，避免单条超大事件撑爆环形缓冲。 */
+function truncateEventValue(v, depth = 0) {
+  if (typeof v === 'string') return v.length > EVENT_MAX_STRING ? v.slice(0, EVENT_MAX_STRING) + '…[truncated]' : v
+  if (Array.isArray(v)) {
+    if (depth > 3 || v.length > 200) return v.slice(0, 200)
+    return v.map(x => truncateEventValue(x, depth + 1))
+  }
+  if (v && typeof v === 'object' && depth <= 3) {
+    const out = {}
+    for (const k of Object.keys(v)) out[k] = truncateEventValue(v[k], depth + 1)
+    return out
+  }
+  return v
+}
+
+function pushEvent(kind, full) {
+  if (!eventBuffers[kind] || !full || typeof full !== 'object') return
+  const buf = eventBuffers[kind]
+  buf.push({ seq: eventNextSeq[kind]++, ts: Date.now(), event: truncateEventValue(full) })
+  if (buf.length > EVENT_BUFFER_MAX) buf.shift()
+}
+
+function serveEventPoll(req, res, url) {
+  if (req.method !== 'GET') {
+    res.writeHead(405, { allow: 'GET' })
+    res.end()
+    return
+  }
+  if (!authorized(req, url)) {
+    authFailures++
+    touchDevice(req, { failedAuth: true })
+    cors(res)
+    res.writeHead(401, { 'content-type': 'application/json; charset=utf-8' })
+    res.end(JSON.stringify({ error: 'unauthorized' }))
+    return
+  }
+  touchDevice(req)
+  const kind = url.searchParams.get('kind')
+  if (kind !== 'mux' && kind !== 'host') {
+    cors(res)
+    res.writeHead(400, { 'content-type': 'application/json; charset=utf-8' })
+    res.end(JSON.stringify({ error: 'bad-kind', detail: 'kind 必须是 mux 或 host' }))
+    return
+  }
+  const sinceRaw = url.searchParams.get('since')
+  const since = sinceRaw === null ? 0 : Number(sinceRaw)
+  if (!Number.isSafeInteger(since) || since < 0) {
+    cors(res)
+    res.writeHead(400, { 'content-type': 'application/json; charset=utf-8' })
+    res.end(JSON.stringify({ error: 'bad-since', detail: 'since 必须是非负整数' }))
+    return
+  }
+  const buf = eventBuffers[kind]
+  const events = buf.filter(r => r.seq > since)
+  const latestSeq = buf.length ? buf[buf.length - 1].seq : 0
+  const truncated = buf.length > 0 && since < buf[0].seq - 1
+  cors(res)
+  res.writeHead(200, {
+    'content-type': 'application/json; charset=utf-8',
+    'cache-control': 'no-store'
+  })
+  res.end(JSON.stringify({ ok: true, kind, since, latestSeq, truncated, events }))
+}
+
+/** 网关自带上游事件采集：mux/host 各一条 WS，断线自动重连。 */
+function startEventCollector(kind) {
+  if (typeof WebSocket !== 'function') return null
+  let ws = null
+  let stopped = false
+  let retryTimer = null
+  const url = `ws://${UPSTREAM.hostname}:${UPSTREAM.port}/api/events.${kind}?client=web`
+  const connect = () => {
+    if (stopped) return
+    try {
+      ws = new WebSocket(url)
+    } catch {
+      retryTimer = setTimeout(connect, 3000)
+      return
+    }
+    ws.onopen = () => {
+      if (stopped) { try { ws.close() } catch {} }
+    }
+    ws.onmessage = (ev) => {
+      if (stopped) return
+      try {
+        const data = typeof ev.data === 'string' ? ev.data : Buffer.isBuffer(ev.data) ? ev.data.toString() : String(ev.data)
+        pushEvent(kind, JSON.parse(data))
+      } catch {}
+    }
+    ws.onclose = () => {
+      ws = null
+      if (!stopped) retryTimer = setTimeout(connect, 3000)
+    }
+    ws.onerror = () => { try { ws.close() } catch {} }
+  }
+  connect()
+  return {
+    kind,
+    close() {
+      stopped = true
+      clearTimeout(retryTimer)
+      try { ws?.close() } catch {}
+    }
+  }
+}
+
 // ---------- 统计 API ----------
 let statsScanning = false
 async function scanStatsOnce(delay) {
@@ -493,6 +617,124 @@ function serveStats(req, res, url) {
   res.end(JSON.stringify({ error: 'not found' }))
 }
 
+// ---------- 反馈提交 ----------
+const feedbackThrottle = new Map()   // ip -> 上次受理时间戳
+const FEEDBACK_WINDOW_MS = 60 * 1000
+// 反馈收集器: 环境变量可覆盖, 默认 Tailscale 内网地址
+const FEEDBACK_URL = process.env.DSH_REMOTE_FEEDBACK_URL || 'http://100.84.128.29/submit'
+
+function maskIp(ip) {
+  if (!ip) return 'unknown'
+  const s = String(ip).replace(/^::ffff:/, '')
+  if (s.includes(':')) {
+    const groups = s.split(':').filter(Boolean)
+    return (groups.slice(0, 2).join(':') || '::') + '::x'
+  }
+  const parts = s.split('.')
+  if (parts.length === 4) return parts.slice(0, 3).join('.') + '.x'
+  return s
+}
+
+function serveFeedback(req, res, url) {
+  cors(res)
+  if (req.method === 'OPTIONS') {
+    res.writeHead(204)
+    res.end()
+    return
+  }
+  if (req.method !== 'POST') {
+    res.writeHead(405, { 'content-type': 'application/json; charset=utf-8' })
+    res.end(JSON.stringify({ error: 'method not allowed' }))
+    return
+  }
+  if (!authorized(req, url)) {
+    authFailures++
+    touchDevice(req, { failedAuth: true })
+    res.writeHead(401, { 'content-type': 'application/json; charset=utf-8' })
+    res.end(JSON.stringify({ error: 'unauthorized' }))
+    return
+  }
+  touchDevice(req)
+
+  let body = ''
+  req.on('data', c => { body += c; if (body.length > 16 * 1024) req.destroy() })
+  req.on('end', () => {
+    let payload
+    try {
+      payload = JSON.parse(body || '{}')
+    } catch {
+      res.writeHead(400, { 'content-type': 'application/json; charset=utf-8' })
+      res.end(JSON.stringify({ error: 'invalid json' }))
+      return
+    }
+    const type = payload.type
+    const message = String(payload.message || '').trim()
+    const contact = String(payload.contact || '').trim()
+    const appVersion = String(payload.appVersion || '').trim()
+    if (!['bug', 'suggestion', 'other'].includes(type)) {
+      res.writeHead(400, { 'content-type': 'application/json; charset=utf-8' })
+      res.end(JSON.stringify({ error: 'invalid type', expect: 'bug|suggestion|other' }))
+      return
+    }
+    if (!message) {
+      res.writeHead(400, { 'content-type': 'application/json; charset=utf-8' })
+      res.end(JSON.stringify({ error: 'message required' }))
+      return
+    }
+    if (message.length > 2000) {
+      res.writeHead(400, { 'content-type': 'application/json; charset=utf-8' })
+      res.end(JSON.stringify({ error: 'message too long', max: 2000 }))
+      return
+    }
+    if (contact.length > 200) {
+      res.writeHead(400, { 'content-type': 'application/json; charset=utf-8' })
+      res.end(JSON.stringify({ error: 'contact too long', max: 200 }))
+      return
+    }
+
+    const ip = ipOf(req)
+    const now = Date.now()
+    const last = feedbackThrottle.get(ip) || 0
+    if (now - last < FEEDBACK_WINDOW_MS) {
+      res.writeHead(429, { 'content-type': 'application/json; charset=utf-8', 'retry-after': String(Math.ceil((FEEDBACK_WINDOW_MS - (now - last)) / 1000)) })
+      res.end(JSON.stringify({ error: 'rate_limited', retryAfter: Math.ceil((FEEDBACK_WINDOW_MS - (now - last)) / 1000) }))
+      return
+    }
+
+    // 转发收集器(收集器服务端已做校验/节流/落盘)。节流只在收集器确认成功后占位,
+    // 失败(429/502/网络错误)不占位, 用户可立即重试。
+    fetch(FEEDBACK_URL, {
+      method: 'POST',
+      headers: { 'content-type': 'application/json' },
+      body: JSON.stringify({
+        type,
+        message,
+        contact: contact || undefined,
+        appVersion: appVersion || 'unknown',
+        gatewayVersion: VERSION,
+        clientIp: maskIp(ip)
+      }),
+      signal: AbortSignal.timeout(8000)
+    }).then(async (r) => {
+      const data = await r.json().catch(() => ({}))
+      if (r.status === 429) {
+        res.writeHead(429, { 'content-type': 'application/json; charset=utf-8' })
+        res.end(JSON.stringify({ error: 'rate_limited' }))
+      } else if (r.ok && data.ok) {
+        feedbackThrottle.set(ip, now)
+        res.writeHead(200, { 'content-type': 'application/json; charset=utf-8' })
+        res.end(JSON.stringify({ ok: true }))
+      } else {
+        res.writeHead(502, { 'content-type': 'application/json; charset=utf-8' })
+        res.end(JSON.stringify({ error: 'upstream_error' }))
+      }
+    }).catch(() => {
+      res.writeHead(502, { 'content-type': 'application/json; charset=utf-8' })
+      res.end(JSON.stringify({ error: 'feedback_service_unavailable' }))
+    })
+  })
+}
+
 // ---------- 静态文件 ----------
 function serveStatic(req, res, url) {
   if (req.method !== 'GET' && req.method !== 'HEAD') {
@@ -1427,8 +1669,10 @@ const server = http.createServer((req, res) => {
   try {
     const url = new URL(req.url, 'http://dsh-remote.local')
     if (url.pathname === '/fs' || url.pathname.startsWith('/fs/')) return serveFs(req, res, url)
+    if (url.pathname === '/feedback') return serveFeedback(req, res, url)
     if (url.pathname.startsWith('/admin/api')) return serveAdminApi(req, res, url)
     if (url.pathname.startsWith('/stats')) return serveStats(req, res, url)
+    if (url.pathname === '/api/events.poll') return serveEventPoll(req, res, url)
     if (url.pathname.startsWith('/api/')) return proxyApi(req, res, url)
     if (url.pathname === '/health') return serveHealth(res)
     touchDevice(req)
@@ -1550,6 +1794,9 @@ server.listen(PORT, HOST, () => {
     console.log('  提示: 监听在 127.0.0.1, 手机请改用 Tailscale serve 或设置 HOST=0.0.0.0')
   }
   console.log('  上游:  ' + UPSTREAM.origin + '  (Ctrl+C 退出)')
+  // 事件轮询缓冲：网关自身上游 WS 采集，断线自动重连
+  startEventCollector('mux')
+  startEventCollector('host')
   // 启动 8 秒后首查, 之后每 6 小时查一次 GitHub/镜像最新版
   setTimeout(() => checkForUpdates(false), 8000)
   setInterval(() => checkForUpdates(false), UPDATE_INTERVAL_MS)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-remote-plugin",
-  "version": "0.5.8",
+  "version": "0.6.0",
   "description": "DSH Remote 官方 bundle 插件：DSH 左侧原生边栏入口 + 右侧抽屉内嵌管理控制台；内置网关随 DSH 自动启停(systemd 独立单元)，抽屉直显令牌与设备监控；网关提供 /fs/* 文件传输端点(列表/断点下载/上传)，配合 Android App 远程操控会话/审批/提问/goal 与文件互传(多服务器测速切换、聊天记录离线缓存)。",
   "type": "module",
   "main": "./index.mjs",

package/public/admin.html

@@ -9,7 +9,13 @@
   <link rel="stylesheet" href="../styles.css">
   <style>
     .admin-wrap { max-width: 1180px; margin: 0 auto; padding: calc(env(safe-area-inset-top, 0px) + 14px) 14px 40px; }
-    .admin-title { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 14px; }
+    .admin-title {
+      position: sticky; top: 0; z-index: 40;
+      display: flex; align-items: center; justify-content: space-between; gap: 8px;
+      margin-bottom: 14px; padding: 10px 0;
+      background: var(--dsr-bg); /* 实色背景: 滚动时内容不穿透, 不用毛玻璃(小米/MIUI WebView 图层丢花屏) */
+      backdrop-filter: none;
+    }
     .admin-title h1 { font-size: 20px; margin: 0; white-space: nowrap; }
     .login-card { background: var(--dsr-panel); border: 1px solid var(--dsr-line); border-radius: var(--dsr-radius); padding: 16px; display: flex; gap: 8px; }
     .login-card input { flex: 1; background: var(--dsr-bg); color: var(--dsr-text); border: 1px solid var(--dsr-line); border-radius: 10px; padding: 10px 12px; font: inherit; outline: none; }
@@ -78,7 +84,6 @@
     @media (max-width: 720px) {
       .admin-title h1 { font-size: 16px; }
       .admin-title .right { gap: 6px; }
-      .gh-btn { display: none; }
       #btn-close-drawer span { display: none; }
       #btn-close-drawer { padding: 5px 9px; }
       #btn-console span { display: none; }
@@ -109,34 +114,100 @@
     a.mini-btn { text-decoration: none; display: inline-flex; align-items: center; }
     .gh-btn { display: inline-flex; align-items: center; gap: 6px; text-decoration: none; color: var(--dsr-text); }
     .gh-btn svg { width: 16px; height: 16px; fill: currentColor; }
-    .admin-title .right { display: flex; align-items: center; gap: 10px; }
-    /* 放在 .gh-btn 基础规则之后, 窄屏才能覆盖 display */
+    .admin-title .left { display: flex; align-items: center; gap: 10px; flex: 1 1 auto; min-width: 0; }
+    .admin-title .right { display: flex; align-items: center; gap: 8px; flex: 0 1 auto; min-width: 0; justify-content: flex-end; }
+    /* 顶栏按钮统一高度/基线: GitHub / 反馈 / 主题 / 语言 / 连接徽章 */
+    .tb-btn {
+      height: 36px; box-sizing: border-box; max-width: 100%;
+      display: inline-flex; align-items: center; justify-content: center;
+      padding: 0 12px; line-height: 1; vertical-align: middle;
+      flex-shrink: 0; white-space: nowrap;
+    }
+    .tb-btn svg { flex-shrink: 0; }
+    .conn-badge.tb-btn { border-radius: 999px; font-size: 12px; }
+    .fb-wrap { position: relative; flex-shrink: 0; }
+    .fb-btn { display: inline-flex; align-items: center; gap: 6px; justify-content: center; }
+    .fb-btn svg { width: 17px; height: 17px; }
+    .fb-menu {
+      position: absolute; right: 0; top: calc(100% + 8px); z-index: 50;
+      width: 248px; background: var(--dsr-bg-2); border: 1px solid var(--dsr-line); border-radius: 14px;
+      box-shadow: 0 12px 34px var(--dsr-shadow); padding: 6px;
+      display: flex; flex-direction: column; gap: 2px;
+      animation: fb-in .18s ease;
+    }
+    .fb-item {
+      min-height: 44px; display: flex; align-items: center; gap: 10px;
+      padding: 7px 8px; border-radius: 10px; border: none; background: transparent; color: var(--dsr-text);
+      font: inherit; font-size: 13px; text-align: left; cursor: pointer; text-decoration: none;
+    }
+    .fb-item:hover, .fb-item:focus-visible { background: var(--dsr-bg); outline: none; }
+    .fb-item.primary { background: var(--dsr-accent-soft); border: 1px solid var(--dsr-accent-line); }
+    .fb-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);
+    }
+    .fb-item.primary .fb-ico { background: var(--dsr-accent-strong); border-color: var(--dsr-accent-strong); color: var(--dsr-on-accent); }
+    .fb-ico svg { width: 16px; height: 16px; fill: currentColor; }
+    .fb-body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
+    .fb-name { font-weight: 600; }
+    .fb-desc { font-size: 11px; color: var(--dsr-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+    @keyframes fb-in { from { opacity: 0; transform: translateY(-6px) } to { opacity: 1; transform: translateY(0) } }
+    /* 窄屏压缩顶栏: 图标化文字按钮, 保证全部按钮完整可见 */
+    @media (max-width: 900px) {
+      .gh-label, .t-label { display: none; }
+      .tb-btn { padding: 0 10px; }
+      .admin-title .right { gap: 6px; }
+      .admin-title .left { gap: 6px; }
+    }
     @media (max-width: 720px) {
-      a.gh-btn { display: none; }
+      #btn-console span, #btn-close-drawer span { display: none; }
+      #btn-console, #btn-close-drawer { padding: 0 9px; }
+      .admin-title h1 { font-size: 17px; }
     }
-    @media (max-width: 400px) {
-      .admin-title h1 span { display: none; }
+    @media (max-width: 440px) {
+      .admin-title h1 { display: none; }
+      .admin-title .right { gap: 4px; }
+      .tb-btn { padding: 0 8px; }
     }
   </style>
 </head>
 <body>
   <div class="admin-wrap">
     <div class="admin-title">
-      <div style="display:flex;align-items:center;gap:10px">
-        <a id="btn-console" class="mini-btn" href="../" data-i18n-title="consoleTitle">‹ <span data-i18n="console">控制台</span></a>
-        <button id="btn-close-drawer" class="mini-btn hidden" data-i18n-title="collapse">‹ <span data-i18n="collapse">收起面板</span></button>
+      <div class="left">
+        <a id="btn-console" class="mini-btn tb-btn" href="../" data-i18n-title="consoleTitle">‹ <span data-i18n="console">控制台</span></a>
+        <button id="btn-close-drawer" class="mini-btn tb-btn hidden" data-i18n-title="collapse">‹ <span data-i18n="collapse">收起面板</span></button>
         <h1>DSH Remote <span data-i18n="admin">管理</span></h1>
       </div>
       <div class="right">
-        <a class="mini-btn gh-btn" href="https://github.com/Blank-not-black/dsh-Remote" target="_blank" rel="noopener" title="GitHub">
+        <a class="mini-btn gh-btn tb-btn" href="https://github.com/Blank-not-black/dsh-Remote" target="_blank" rel="noopener" title="GitHub">
           <svg viewBox="0 0 16 16" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8a8.01 8.01 0 0 0 5.47 7.59c.4.08.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8Z"/></svg>
-          <span data-i18n="repo">仓库</span>
+          <span class="gh-label" data-i18n="repo">仓库</span>
         </a>
-        <button id="btn-theme" class="mini-btn" title="">
+        <div class="fb-wrap">
+          <button id="btn-feedback" class="mini-btn fb-btn tb-btn" data-i18n-title="feedbackTitle" data-i18n-aria="feedbackTitle" aria-haspopup="menu" aria-expanded="false">
+            <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>
+          </button>
+          <div id="fb-menu" class="fb-menu hidden" role="menu" data-i18n-aria="feedbackTitle">
+            <a class="fb-item primary" href="https://github.com/Blank-not-black/dsh-Remote" target="_blank" rel="noopener" role="menuitem">
+              <span class="fb-ico"><svg viewBox="0 0 16 16" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8a8.01 8.01 0 0 0 5.47 7.59c.4.08.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8Z"/></svg></span>
+              <span class="fb-body"><span class="fb-name">GitHub</span><span class="fb-desc" data-i18n="feedback.githubDesc">反馈 bug / 提建议</span></span>
+            </a>
+            <a class="fb-item" href="https://gitee.com/Blankneverfails/dsh-Remote" target="_blank" rel="noopener" role="menuitem">
+              <span class="fb-ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="9" r="6"/><path d="M7.5 13.5 7 19a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2l-.5-5.5"/><circle cx="10" cy="8.6" r=".5" fill="currentColor" stroke="none"/><circle cx="14" cy="8.6" r=".5" fill="currentColor" stroke="none"/><path d="M11 10.8c.6.5 1.4.5 2 0"/></svg></span>
+              <span class="fb-body"><span class="fb-name">Gitee</span><span class="fb-desc" data-i18n="feedback.giteeDesc">国内镜像，无需代理</span></span>
+            </a>
+            <a class="fb-item" href="https://space.bilibili.com/419009275/dynamic" target="_blank" rel="noopener" role="menuitem">
+              <span class="fb-ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3.5" y="6" width="17" height="11" rx="2"/><path d="M8.5 3.5v3M15.5 3.5v3"/><circle cx="9.2" cy="10.6" r=".5" fill="currentColor" stroke="none"/><circle cx="14.8" cy="10.6" r=".5" fill="currentColor" stroke="none"/><path d="M9.5 14c1.4 1 3.6 1 5 0"/></svg></span>
+              <span class="fb-body"><span class="fb-name">B站</span><span class="fb-desc" data-i18n="feedback.biliDesc">UP 动态页交流</span></span>
+            </a>
+          </div>
+        </div>
+        <button id="btn-theme" class="mini-btn tb-btn" title="">
           <span id="theme-swatch" class="theme-swatch-dot"></span><span id="theme-label" class="t-label">默认深空</span>
         </button>
-        <button id="btn-lang" class="mini-btn" title="Language / 语言">EN</button>
-        <button id="conn-badge" class="conn-badge off" title="网关面板"><span data-i18n="unauth">未认证</span></button>
+        <button id="btn-lang" class="mini-btn tb-btn" title="Language / 语言">EN</button>
+        <button id="conn-badge" class="conn-badge tb-btn off" title="网关面板"><span data-i18n="unauth">未认证</span></button>
       </div>
     </div>
 
@@ -185,6 +256,7 @@
         </table>
         <div id="device-empty" class="empty hidden" data-i18n="noDevices">暂无设备记录</div>
       </div>
+
     </div>
   </div>
 
@@ -210,6 +282,8 @@
         'theme.default': '默认深空', 'theme.dark': '落日', 'theme.light': '易北爱乐厅', 'theme.neutral': '草原孤塔',
         'theme.panelTitle': '选择配色', 'theme.close': '关闭',
         'repo': '仓库',
+        'feedbackTitle': '反馈渠道',
+        'feedback.githubDesc': '反馈 bug / 提建议', 'feedback.giteeDesc': '国内镜像，无需代理', 'feedback.biliDesc': 'UP 动态页交流',
         'unauth': '未认证',
         'tokenPlaceholder': '输入网关访问令牌',
         'enter': '进入',
@@ -282,6 +356,8 @@
         'theme.default': 'Default', 'theme.dark': 'Sunset', 'theme.light': 'Elbphilharmonie', 'theme.neutral': 'Prairie Tower',
         'theme.panelTitle': 'Choose theme', 'theme.close': 'Close',
         'repo': 'Repo',
+        'feedbackTitle': 'Feedback',
+        'feedback.githubDesc': 'Report bugs · suggest features', 'feedback.giteeDesc': 'Mirror in China, no proxy needed', 'feedback.biliDesc': 'Chat on the UP\'s Bilibili page',
         'unauth': 'Not connected',
         'tokenPlaceholder': 'Gateway access token',
         'enter': 'Enter',

package/public/admin.js

@@ -120,6 +120,21 @@ function toast(text, kind = '') {
   toast._t = setTimeout(() => el.classList.add('hidden'), 2600)
 }
 
+/* ---------------- 反馈 ---------------- */
+function openFeedbackMenu() {
+  $('fb-menu').classList.remove('hidden')
+  $('btn-feedback').setAttribute('aria-expanded', 'true')
+  const first = $('fb-menu').querySelector('[role="menuitem"]')
+  if (first) first.focus()
+}
+function closeFeedbackMenu() {
+  $('fb-menu').classList.add('hidden')
+  $('btn-feedback').setAttribute('aria-expanded', 'false')
+}
+function toggleFeedbackMenu() {
+  $('fb-menu').classList.contains('hidden') ? openFeedbackMenu() : closeFeedbackMenu()
+}
+
 function fmtUptime(sec) {
   if (sec < 60) return sec + t('unit.sec')
   if (sec < 3600) return Math.floor(sec / 60) + t('unit.min')
@@ -477,6 +492,17 @@ $('btn-lang').addEventListener('click', () => {
 
 $('btn-theme').addEventListener('click', openThemePanel)
 $('theme-close').addEventListener('click', () => $('modal-theme').classList.add('hidden'))
+// 反馈
+$('btn-feedback').addEventListener('click', (e) => { e.stopPropagation(); toggleFeedbackMenu() })
+$('fb-menu').addEventListener('click', (e) => {
+  if (e.target.closest('a[role="menuitem"]')) closeFeedbackMenu()
+})
+document.addEventListener('click', (e) => {
+  if (!e.target.closest('.fb-wrap')) closeFeedbackMenu()
+})
+document.addEventListener('keydown', (e) => {
+  if (e.key === 'Escape' && !$('fb-menu').classList.contains('hidden')) { closeFeedbackMenu(); $('btn-feedback').focus() }
+})
 
 function start(showLogin) {
   if (!showLogin) {