dsh-remote-plugin 0.5.8 → 0.5.9

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

@@ -493,6 +493,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,6 +1545,7 @@ 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.startsWith('/api/')) return proxyApi(req, res, url)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-remote-plugin",
-  "version": "0.5.8",
+  "version": "0.5.9",
   "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) {

package/public/app.js

@@ -76,6 +76,74 @@ function toast(text, kind = '') {
   toast._t = setTimeout(() => el.classList.add('hidden'), 3200)
 }
 
+/* ---------------- 反馈 ---------------- */
+const FEEDBACK_LINKS = {
+  githubIssues: 'https://github.com/Blank-not-black/dsh-Remote/issues',
+  giteeIssues: 'https://gitee.com/Blankneverfails/dsh-Remote/issues',
+  bili: 'https://space.bilibili.com/419009275/dynamic',
+  repo: 'https://github.com/Blank-not-black/dsh-Remote'
+}
+async function copyText(text) {
+  try { await navigator.clipboard.writeText(text); return true } catch {}
+  try {
+    const ta = document.createElement('textarea')
+    ta.value = text; ta.style.position = 'fixed'; ta.style.opacity = '0'
+    document.body.appendChild(ta); ta.focus(); ta.select()
+    const ok = document.execCommand('copy')
+    ta.remove(); return ok
+  } catch { return false }
+}
+function openFeedbackSheet() {
+  $('feedback-backdrop').classList.remove('hidden')
+  $('feedback-sheet').classList.remove('hidden')
+  $('btn-feedback').setAttribute('aria-expanded', 'true')
+  const first = $('feedback-sheet').querySelector('[role="menuitem"]')
+  if (first) first.focus()
+}
+function closeFeedbackSheet() {
+  $('feedback-backdrop').classList.add('hidden')
+  $('feedback-sheet').classList.add('hidden')
+  $('btn-feedback').setAttribute('aria-expanded', 'false')
+}
+function toggleFeedbackSheet() {
+  $('feedback-sheet').classList.contains('hidden') ? openFeedbackSheet() : closeFeedbackSheet()
+}
+function openFeedbackModal() {
+  state.feedbackType = 'bug'
+  document.querySelectorAll('#fb-chips .fb-chip').forEach(b => b.classList.toggle('current', b.dataset.fbType === 'bug'))
+  $('fb-msg').value = ''
+  $('fb-contact').value = ''
+  $('modal-feedback').classList.remove('hidden')
+  setTimeout(() => $('fb-msg').focus(), 50)
+}
+function closeFeedbackModal() { $('modal-feedback').classList.add('hidden') }
+async function submitFeedback() {
+  const type = state.feedbackType || 'bug'
+  const message = $('fb-msg').value.trim()
+  const contact = $('fb-contact').value.trim()
+  if (!message) { toast(t('feedback.empty'), 'err'); return }
+  if (message.length > 2000) { toast(t('feedback.tooLong'), 'err'); return }
+  const btn = $('fb-submit')
+  btn.disabled = true
+  try {
+    const base = (state.server || '').replace(/\/+$/, '')
+    const res = await fetch(base + '/feedback', {
+      method: 'POST',
+      headers: { 'content-type': 'application/json', authorization: 'Bearer ' + state.token },
+      body: JSON.stringify({ type, message, contact, appVersion: state.localVersion })
+    })
+    let json = {}
+    try { json = await res.json() } catch {}
+    if (res.ok && json.ok) { toast(t('feedback.submitted'), 'ok'); closeFeedbackModal() }
+    else if (res.status === 429) { toast(json.retryAfter ? t('feedback.rateLimitedAt', { n: json.retryAfter }) : t('feedback.rateLimited'), 'err') }
+    else { toast(t('feedback.submitFailed', { msg: json.error || res.status }), 'err') }
+  } catch {
+    toast(t('feedback.submitFailed', { msg: t('feedback.networkError') }), 'err')
+  } finally {
+    btn.disabled = false
+  }
+}
+
 function fmtTime(ts) {
   if (!ts) return ''
   const diff = Date.now() - ts
@@ -2251,7 +2319,7 @@ function updateConn() {
   const ok = !!state.streamsOk?.mux
   const el = $('conn-badge')
   el.textContent = ok ? t('conn.on') : t('conn.off')
-  el.className = 'conn-badge ' + (ok ? 'on' : 'off')
+  el.className = 'topbar-btn conn-badge ' + (ok ? 'on' : 'off')
   const cur = state.servers.find(s => s.url === state.server)
   const ms = state.serverLatency[state.server]
   const curGroup = cur ? cur.group : state.activeGroup
@@ -2455,8 +2523,30 @@ function bindUi() {
   $('btn-stats').addEventListener('click', () => { renderSessionCards(); $('modal-stats').classList.remove('hidden') })
   $('stats-close').addEventListener('click', () => $('modal-stats').classList.add('hidden'))
   $('btn-refresh').addEventListener('click', () => { toast(t('common.refreshing')); openStreams(); refreshAll() })
-  $('btn-admin').addEventListener('click', () => {
-    location.href = state.server ? state.server.replace(/\/+$/, '') + '/admin' : 'admin'
+  // 反馈
+  $('btn-feedback').addEventListener('click', (e) => { e.stopPropagation(); toggleFeedbackSheet() })
+  $('feedback-backdrop').addEventListener('click', closeFeedbackSheet)
+  $('feedback-sheet').addEventListener('click', (e) => {
+    if (e.target.closest('a[role="menuitem"]')) closeFeedbackSheet()
+  })
+  $('btn-copy-link').addEventListener('click', async () => {
+    const ok = await copyText(FEEDBACK_LINKS.repo)
+    toast(t(ok ? 'feedback.copied' : 'feedback.copyFailed'), ok ? 'ok' : 'err')
+    closeFeedbackSheet()
+  })
+  $('btn-write-feedback').addEventListener('click', () => { closeFeedbackSheet(); openFeedbackModal() })
+  $('fb-cancel').addEventListener('click', closeFeedbackModal)
+  $('fb-submit').addEventListener('click', submitFeedback)
+  document.querySelectorAll('#fb-chips .fb-chip').forEach(btn =>
+    btn.addEventListener('click', () => {
+      state.feedbackType = btn.dataset.fbType
+      document.querySelectorAll('#fb-chips .fb-chip').forEach(b => b.classList.toggle('current', b === btn))
+    }))
+  document.addEventListener('click', (e) => {
+    if (!e.target.closest('#feedback-sheet') && !e.target.closest('#btn-feedback')) closeFeedbackSheet()
+  })
+  document.addEventListener('keydown', (e) => {
+    if (e.key === 'Escape' && !$('feedback-sheet').classList.contains('hidden')) { closeFeedbackSheet(); $('btn-feedback').focus() }
   })
   $('btn-new-session').addEventListener('click', newSession)
   $('btn-cancel').addEventListener('click', cancelSession)

package/public/desktop/desktop.css

@@ -12,6 +12,7 @@ html, body { height: 100%; margin: 0; overflow: hidden; overscroll-behavior: non
 .ds-btn.primary { background: var(--dsr-accent-soft); border-color: var(--dsr-accent-line); color: var(--dsr-accent-strong); }
 .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-section-label { font-size: 11px; color: var(--dsr-muted); letter-spacing: .8px; padding: 10px 14px 6px; font-weight: 700; }
 .ds-session-list { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 0 8px; display: flex; flex-direction: column; gap: 3px; }
@@ -28,6 +29,56 @@ html, body { height: 100%; margin: 0; overflow: hidden; overscroll-behavior: non
 .ds-nav-item.active { background: var(--dsr-accent-soft); color: var(--dsr-accent-strong); }
 .ds-nav-ico { width: 18px; text-align: center; }
 
+/* 侧边栏底部常驻反馈入口 */
+.ds-feedback { position: relative; margin-top: 4px; }
+.ds-feedback-btn {
+  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-feedback-btn:hover { background: var(--dsr-bg-2); }
+.ds-feedback-btn svg { width: 16px; height: 16px; flex-shrink: 0; }
+.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;
+  box-shadow: 0 12px 34px var(--dsr-shadow); padding: 6px;
+  display: flex; flex-direction: column; gap: 2px;
+  animation: ds-feedback-in .18s ease;
+}
+.ds-feedback-menu.hidden { display: none; }
+.ds-feedback-item {
+  width: 100%; 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; 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.primary { background: var(--dsr-accent-soft); border: 1px solid var(--dsr-accent-line); }
+.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);
+}
+.ds-feedback-item.primary .ds-feedback-ico { background: var(--dsr-accent-strong); border-color: var(--dsr-accent-strong); color: var(--dsr-on-accent); }
+.ds-feedback-ico svg { width: 16px; height: 16px; fill: currentColor; }
+.ds-feedback-body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
+.ds-feedback-name { font-size: 13px; font-weight: 600; }
+.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-fb-chips { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 10px; }
+.ds-fb-chip {
+  min-height: 36px; padding: 7px 14px; border-radius: 999px; font-size: 13px;
+  background: var(--dsr-panel); border: 1px solid var(--dsr-line); color: var(--dsr-text); cursor: pointer;
+}
+.ds-fb-chip.current { background: var(--dsr-accent-soft); border-color: var(--dsr-accent-line); color: var(--dsr-accent-strong); font-weight: 600; }
+.ds-fb-textarea, .ds-fb-input {
+  width: 100%; box-sizing: border-box; margin-bottom: 10px;
+  background: var(--dsr-panel); color: var(--dsr-text); border: 1px solid var(--dsr-line); border-radius: 12px;
+  padding: 10px 12px; font: inherit; font-size: 14px; outline: none; resize: vertical;
+}
+.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; }
@@ -76,6 +127,7 @@ html, body { height: 100%; margin: 0; overflow: hidden; overscroll-behavior: non
 .ds-setting-row > div:first-child { flex: 1; min-width: 0; }
 .ds-setting-name { font-size: 13.5px; font-weight: 600; }
 .ds-setting-desc { font-size: 12px; color: var(--dsr-muted); margin-top: 2px; word-break: break-all; }
+.ds-feedback-links { display: flex; gap: 8px; flex-wrap: wrap; padding: 0 13px; }
 .ds-group-bar { display: flex; align-items: center; gap: 10px; padding: 2px 0; }
 .ds-group-bar > label { font-size: 12px; color: var(--dsr-muted); white-space: nowrap; }
 .ds-group-select { flex: 1; min-width: 0; position: relative; }
@@ -173,6 +225,17 @@ html, body { height: 100%; margin: 0; overflow: hidden; overscroll-behavior: non
 .ds-toast { position: fixed; left: 50%; bottom: 22px; transform: translateX(-50%); z-index: 150; background: var(--dsr-panel); border: 1px solid var(--dsr-line); border-radius: 10px; padding: 9px 15px; font-size: 13px; box-shadow: 0 8px 24px rgba(0,0,0,.3); }
 .ds-toast.hidden { display: none; }
 
+/* 自定义悬停提示: 定位在元素附近, 限制宽度并夹在视口内 */
+.ds-tip {
+  position: fixed; z-index: 160; pointer-events: none;
+  max-width: min(260px, calc(100vw - 16px));
+  background: var(--dsr-bg-2); border: 1px solid var(--dsr-line); border-radius: 9px;
+  padding: 7px 10px; font-size: 12px; line-height: 1.6; color: var(--dsr-text);
+  box-shadow: 0 8px 24px var(--dsr-shadow);
+  white-space: pre-line; word-break: break-word;
+}
+.ds-tip.hidden { display: none; }
+
 .mobile-only { display: none; }
 
 /* 内置滚动条(去原生, 沿用皮肤变量) */

package/public/desktop/desktop.html

@@ -25,6 +25,34 @@
       <div class="ds-sidebar-foot">
         <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>
+        <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>
+            <span data-i18n="ds.feedback">反馈</span>
+          </button>
+          <div id="feedback-menu" class="ds-feedback-menu hidden" role="menu" data-i18n-aria="ds.feedbackTitle">
+            <button class="ds-feedback-item" id="btn-write-feedback" role="menuitem">
+              <span class="ds-feedback-ico"><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="M12 20h9"/><path d="M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4Z"/></svg></span>
+              <span class="ds-feedback-body"><span class="ds-feedback-name" data-i18n="ds.feedbackWrite">写反馈</span><span class="ds-feedback-desc" data-i18n="ds.feedbackWriteDesc">App 内直接提交</span></span>
+            </button>
+            <a class="ds-feedback-item primary" href="https://github.com/Blank-not-black/dsh-Remote/issues" target="_blank" rel="noopener" role="menuitem">
+              <span class="ds-feedback-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="ds-feedback-body"><span class="ds-feedback-name">GitHub Issues</span><span class="ds-feedback-desc" data-i18n="ds.feedbackGithubDesc">反馈 bug / 提建议</span></span>
+            </a>
+            <a class="ds-feedback-item" href="https://gitee.com/Blankneverfails/dsh-Remote/issues" target="_blank" rel="noopener" role="menuitem">
+              <span class="ds-feedback-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="ds-feedback-body"><span class="ds-feedback-name">Gitee 反馈</span><span class="ds-feedback-desc" data-i18n="ds.feedbackGiteeDesc">国内镜像，无需代理</span></span>
+            </a>
+            <a class="ds-feedback-item" href="https://space.bilibili.com/419009275/dynamic" target="_blank" rel="noopener" role="menuitem">
+              <span class="ds-feedback-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="ds-feedback-body"><span class="ds-feedback-name">B站交流</span><span class="ds-feedback-desc" data-i18n="ds.feedbackBiliDesc">UP 动态页交流</span></span>
+            </a>
+            <button class="ds-feedback-item" id="btn-copy-link" role="menuitem">
+              <span class="ds-feedback-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="8" y="3" width="12" height="12" rx="2"/><path d="M16 8h3a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1v-3"/></svg></span>
+              <span class="ds-feedback-body"><span class="ds-feedback-name" data-i18n="ds.feedbackCopyLink">复制项目链接</span><span class="ds-feedback-desc" data-i18n="ds.feedbackCopyDesc">手动分享给朋友</span></span>
+            </button>
+          </div>
+        </div>
       </div>
     </aside>
 
@@ -99,6 +127,14 @@
               <div><div class="ds-setting-name" data-i18n="ds.langTitle">语言 / Language</div></div>
               <button id="btn-lang" class="ds-btn">EN</button>
             </div>
+            <div class="ds-setting-row">
+              <div><div class="ds-setting-name" data-i18n="ds.feedbackTitle">反馈渠道</div><div class="ds-setting-desc" data-i18n="ds.feedbackDesc">GitHub / Gitee / B站：反馈 bug、提建议、唠嗑</div></div>
+            </div>
+            <div class="ds-feedback-links">
+              <a class="ds-btn" href="https://github.com/Blank-not-black/dsh-Remote" target="_blank" rel="noopener">GitHub</a>
+              <a class="ds-btn" href="https://gitee.com/Blankneverfails/dsh-Remote" target="_blank" rel="noopener">Gitee</a>
+              <a class="ds-btn" href="https://space.bilibili.com/419009275/dynamic" target="_blank" rel="noopener">B站</a>
+            </div>
           </div>
         </section>
 
@@ -135,7 +171,28 @@
     </div>
   </div>
 
+  <!-- 写反馈模态 -->
+  <div id="modal-feedback" class="ds-modal hidden">
+    <div class="ds-modal-card">
+      <div class="ds-modal-title" data-i18n="ds.feedbackModalTitle">写反馈</div>
+      <div class="ds-modal-body">
+        <div class="ds-fb-chips" id="fb-chips">
+          <button class="ds-fb-chip current" data-fb-type="bug" data-i18n="ds.feedbackTypeBug">Bug</button>
+          <button class="ds-fb-chip" data-fb-type="suggestion" data-i18n="ds.feedbackTypeSuggestion">建议</button>
+          <button class="ds-fb-chip" data-fb-type="other" data-i18n="ds.feedbackTypeOther">其他</button>
+        </div>
+        <textarea id="fb-msg" class="ds-fb-textarea" rows="5" maxlength="2000" data-i18n-placeholder="ds.feedbackMessagePlaceholder" placeholder="请描述遇到的问题或建议（必填，≤2000 字）"></textarea>
+        <input id="fb-contact" class="ds-fb-input" maxlength="200" data-i18n-placeholder="ds.feedbackContactPlaceholder" placeholder="联系方式（可选）：邮箱 / 微信 / B站 ID">
+      </div>
+      <div class="ds-modal-actions">
+        <button id="fb-cancel" class="ds-btn" data-i18n="ds.feedbackCancel">取消</button>
+        <button id="fb-submit" class="ds-btn primary" data-i18n="ds.feedbackSubmit">提交</button>
+      </div>
+    </div>
+  </div>
+
   <div id="toast" class="ds-toast hidden"></div>
+  <div id="ds-tip" class="ds-tip hidden" role="tooltip" aria-hidden="true"></div>
 
   <script>
     window.DESKTOP_STR = {
@@ -147,6 +204,18 @@
         'ds.serversTitle': '服务器（分组）', 'ds.speedTest': '测速', 'ds.currentGroup': '当前组',
         'ds.addGroup': '+ 组', 'ds.addServer': '添加', 'ds.tokenTitle': '访问令牌', 'ds.copyToken': '复制',
         'ds.themeTitle': '皮肤', 'ds.themeDesc': '默认深空 / 落日 / 易北爱乐厅 / 草原孤塔', 'ds.langTitle': '语言 / Language',
+        'ds.feedbackTitle': '反馈渠道', 'ds.feedbackDesc': 'GitHub / Gitee / B站：反馈 bug、提建议、唠嗑',
+        'ds.feedback': '反馈', 'ds.feedbackGithubDesc': '反馈 bug / 提建议', 'ds.feedbackGiteeDesc': '国内镜像，无需代理',
+        'ds.feedbackBiliDesc': 'UP 动态页交流', 'ds.feedbackCopyLink': '复制项目链接', 'ds.feedbackCopyDesc': '手动分享给朋友',
+        'ds.feedbackCopied': '项目链接已复制', 'ds.feedbackCopyFailed': '复制失败，请手动复制',
+        'ds.feedbackWrite': '写反馈', 'ds.feedbackWriteDesc': 'App 内直接提交', 'ds.feedbackModalTitle': '写反馈',
+        'ds.feedbackTypeBug': 'Bug', 'ds.feedbackTypeSuggestion': '建议', 'ds.feedbackTypeOther': '其他',
+        'ds.feedbackMessagePlaceholder': '请描述遇到的问题或建议（必填，≤2000 字）',
+        'ds.feedbackContactPlaceholder': '联系方式（可选）：邮箱 / 微信 / B站 ID',
+        'ds.feedbackCancel': '取消', 'ds.feedbackSubmit': '提交',
+        'ds.feedbackEmpty': '请填写描述内容', 'ds.feedbackTooLong': '描述不能超过 2000 字',
+        'ds.feedbackSubmitted': '已提交，感谢反馈',
+        'ds.feedbackRateLimited': '提交太频繁，请 5 分钟后再试', 'ds.feedbackSubmitFailed': '提交失败：{msg}', 'ds.feedbackNetworkError': '网络错误',
         'ds.questionTitle': '回答问题', 'ds.ignore': '忽略', 'ds.submit': '提交',
         'ds.connOn': '已连接', 'ds.connOff': '未连接', 'ds.connIng': '连接中',
         'ds.currentServer': '{group} · {url}', 'ds.origin': '当前页面',
@@ -197,6 +266,18 @@
         'ds.serversTitle': 'Servers (groups)', 'ds.speedTest': 'Test', 'ds.currentGroup': 'Current group',
         'ds.addGroup': '+ Group', 'ds.addServer': 'Add', 'ds.tokenTitle': 'Access token', 'ds.copyToken': 'Copy',
         'ds.themeTitle': 'Theme', 'ds.themeDesc': 'Deep Space / Sunset / Elbphilharmonie / Prairie Tower', 'ds.langTitle': 'Language',
+        'ds.feedbackTitle': 'Feedback', 'ds.feedbackDesc': 'GitHub / Gitee / Bilibili: report bugs, suggest features, or just chat',
+        'ds.feedback': 'Feedback', 'ds.feedbackGithubDesc': 'Report bugs · suggest features', 'ds.feedbackGiteeDesc': 'Mirror in China, no proxy needed',
+        'ds.feedbackBiliDesc': 'Chat on the UP\'s Bilibili page', 'ds.feedbackCopyLink': 'Copy project link', 'ds.feedbackCopyDesc': 'Share it manually',
+        'ds.feedbackCopied': 'Project link copied', 'ds.feedbackCopyFailed': 'Copy failed, copy manually',
+        'ds.feedbackWrite': 'Write feedback', 'ds.feedbackWriteDesc': 'Submit from the app', 'ds.feedbackModalTitle': 'Write feedback',
+        'ds.feedbackTypeBug': 'Bug', 'ds.feedbackTypeSuggestion': 'Suggestion', 'ds.feedbackTypeOther': 'Other',
+        'ds.feedbackMessagePlaceholder': 'Describe the bug or suggestion (required, ≤2000 chars)',
+        'ds.feedbackContactPlaceholder': 'Contact (optional): email / WeChat / Bilibili ID',
+        'ds.feedbackCancel': 'Cancel', 'ds.feedbackSubmit': 'Submit',
+        'ds.feedbackEmpty': 'Please fill in the description', 'ds.feedbackTooLong': 'Description must be ≤2000 characters',
+        'ds.feedbackSubmitted': 'Submitted — thanks!',
+        'ds.feedbackRateLimited': 'Too frequent, try again in 5 minutes', 'ds.feedbackSubmitFailed': 'Submit failed: {msg}', 'ds.feedbackNetworkError': 'Network error',
         'ds.questionTitle': 'Answer question', 'ds.ignore': 'Ignore', 'ds.submit': 'Submit',
         'ds.connOn': 'Connected', 'ds.connOff': 'Offline', 'ds.connIng': 'Connecting',
         'ds.currentServer': '{group} · {url}', 'ds.origin': 'this page',

package/public/desktop/desktop.js

@@ -92,6 +92,86 @@ function toast(text, kind = '') {
   toast._t = setTimeout(() => el.classList.add('hidden'), 2600)
 }
 
+/* ---------------- 反馈 ---------------- */
+const FEEDBACK_LINKS = {
+  githubIssues: 'https://github.com/Blank-not-black/dsh-Remote/issues',
+  giteeIssues: 'https://gitee.com/Blankneverfails/dsh-Remote/issues',
+  bili: 'https://space.bilibili.com/419009275/dynamic',
+  repo: 'https://github.com/Blank-not-black/dsh-Remote'
+}
+async function copyText(text) {
+  try { await navigator.clipboard.writeText(text); return true } catch {}
+  try {
+    const ta = document.createElement('textarea')
+    ta.value = text; ta.style.position = 'fixed'; ta.style.opacity = '0'
+    document.body.appendChild(ta); ta.focus(); ta.select()
+    const ok = document.execCommand('copy')
+    ta.remove(); return ok
+  } catch { return false }
+}
+function openFeedbackMenu() {
+  $('feedback-menu').classList.remove('hidden')
+  $('btn-feedback').setAttribute('aria-expanded', 'true')
+  const first = $('feedback-menu').querySelector('[role="menuitem"]')
+  if (first) first.focus()
+}
+function closeFeedbackMenu() {
+  $('feedback-menu').classList.add('hidden')
+  $('btn-feedback').setAttribute('aria-expanded', 'false')
+}
+function toggleFeedbackMenu() {
+  $('feedback-menu').classList.contains('hidden') ? openFeedbackMenu() : closeFeedbackMenu()
+}
+function openFeedbackModal() {
+  document.querySelectorAll('#fb-chips .ds-fb-chip').forEach(b => b.classList.toggle('current', b.dataset.fbType === 'bug'))
+  $('fb-msg').value = ''
+  $('fb-contact').value = ''
+  $('modal-feedback').classList.remove('hidden')
+  setTimeout(() => $('fb-msg').focus(), 50)
+}
+function closeFeedbackModal() { $('modal-feedback').classList.add('hidden') }
+async function submitFeedback() {
+  const type = document.querySelector('#fb-chips .ds-fb-chip.current')?.dataset.fbType || 'bug'
+  const message = $('fb-msg').value.trim()
+  const contact = $('fb-contact').value.trim()
+  if (!message) { toast(t('ds.feedbackEmpty'), 'err'); return }
+  if (message.length > 2000) { toast(t('ds.feedbackTooLong'), 'err'); return }
+  const btn = $('fb-submit')
+  btn.disabled = true
+  try {
+    const res = await fetch(apiUrl('/feedback'), {
+      method: 'POST',
+      headers: { 'content-type': 'application/json', authorization: 'Bearer ' + state.token },
+      body: JSON.stringify({ type, message, contact, appVersion: '' })
+    })
+    let json = {}
+    try { json = await res.json() } catch {}
+    if (res.ok && json.ok) { toast(t('ds.feedbackSubmitted'), 'ok'); closeFeedbackModal() }
+    else if (res.status === 429) { toast(t('ds.feedbackRateLimited'), 'err') }
+    else { toast(t('ds.feedbackSubmitFailed', { msg: json.error || res.status }), 'err') }
+  } catch {
+    toast(t('ds.feedbackSubmitFailed', { msg: t('ds.feedbackNetworkError') }), 'err')
+  } finally {
+    btn.disabled = false
+  }
+}
+function showTip(text, anchorRect) {
+  const tip = $('ds-tip')
+  if (!tip) return
+  tip.textContent = text
+  tip.classList.remove('hidden')
+  const margin = 8
+  const tw = tip.offsetWidth
+  const th = tip.offsetHeight
+  let left = anchorRect.left + anchorRect.width / 2 - tw / 2
+  left = Math.max(margin, Math.min(left, window.innerWidth - tw - margin))
+  let top = anchorRect.top - th - 10
+  if (top < margin) top = anchorRect.bottom + 10
+  tip.style.left = left + 'px'
+  tip.style.top = top + 'px'
+}
+function hideTip() { const tip = $('ds-tip'); if (tip) tip.classList.add('hidden') }
+
 /* ---------------- API ---------------- */
 function apiUrl(path) { return (state.server || '') + path }
 async function rpc(method, payload = {}) {
@@ -814,7 +894,8 @@ function renderStats(days) {
     const peakH = cost > 0 ? Math.round((d.peak.cost || 0) / cost * 100) : 0
     const offH = cost > 0 ? Math.max(0, 100 - peakH) : 0
     const totalH = cost > 0 ? Math.max(3, Math.round(cost / maxCost * 100)) : 0
-    return `<div class="ds-stats-bar" title="${d.date} · ${t('ds.statsPeak')} ${fmtCost(d.peak.cost)} · ${t('ds.statsOff')} ${fmtCost(d.off.cost)}">
+    const tip = `${d.date}\n${t('ds.statsPeak')} ${fmtCost(d.peak.cost)}\n${t('ds.statsOff')} ${fmtCost(d.off.cost)}`
+    return `<div class="ds-stats-bar" data-tip="${esc(tip)}">
       <div class="bars" style="height:${totalH}%"><div class="seg peak" style="height:${peakH}%"></div><div class="seg off" style="height:${offH}%"></div></div>
       <div class="val">${cost > 0 ? fmtCost(cost) : ''}</div>
       <div class="lbl">${d.date.slice(5)}</div>
@@ -866,6 +947,35 @@ function bindUi() {
   })
   $('btn-stats-top').addEventListener('click', toggleStatsDrawer)
   $('stats-drawer-close').addEventListener('click', toggleStatsDrawer)
+  // 反馈
+  $('btn-feedback').addEventListener('click', (e) => { e.stopPropagation(); toggleFeedbackMenu() })
+  $('feedback-menu').addEventListener('click', (e) => {
+    if (e.target.closest('a[role="menuitem"]')) closeFeedbackMenu()
+  })
+  $('btn-copy-link').addEventListener('click', async () => {
+    const ok = await copyText(FEEDBACK_LINKS.repo)
+    toast(t(ok ? 'ds.feedbackCopied' : 'ds.feedbackCopyFailed'), ok ? 'ok' : 'err')
+    closeFeedbackMenu()
+  })
+  $('btn-write-feedback').addEventListener('click', () => { closeFeedbackMenu(); openFeedbackModal() })
+  $('fb-cancel').addEventListener('click', closeFeedbackModal)
+  $('fb-submit').addEventListener('click', submitFeedback)
+  document.querySelectorAll('#fb-chips .ds-fb-chip').forEach(btn =>
+    btn.addEventListener('click', () => {
+      document.querySelectorAll('#fb-chips .ds-fb-chip').forEach(b => b.classList.toggle('current', b === btn))
+    }))
+  document.addEventListener('click', (e) => {
+    if (!e.target.closest('.ds-feedback')) closeFeedbackMenu()
+  })
+  document.addEventListener('keydown', (e) => {
+    if (e.key === 'Escape' && !$('feedback-menu').classList.contains('hidden')) { closeFeedbackMenu(); $('btn-feedback').focus() }
+  })
+  // 统计柱状图悬停提示: 自定义 tooltip, 限制在视口内, 避免原生 title 溢出抽屉
+  $('stats-chart').addEventListener('mouseover', (e) => {
+    const bar = e.target.closest('.ds-stats-bar')
+    if (bar && bar.dataset.tip) showTip(bar.dataset.tip, bar.getBoundingClientRect())
+  })
+  $('stats-chart').addEventListener('mouseleave', hideTip)
 
   $('btn-server-speed').addEventListener('click', () => selectFastestServer({ silent: false }))
   $('btn-server-add').addEventListener('click', addServer)

package/public/index.html

@@ -20,9 +20,9 @@
       <span class="brand-name">DSH Remote</span>
     </div>
     <div class="topbar-right">
-      <button id="btn-admin" class="icon-btn" data-i18n-title="a11y.hostAdmin" data-i18n-aria="a11y.hostAdmin">🖥</button>
-      <button id="btn-refresh" class="icon-btn" data-i18n-title="a11y.refresh" data-i18n-aria="a11y.refresh">⟳</button>
-      <span id="conn-badge" class="conn-badge off" data-i18n="conn.off">未连接</span>
+      <button id="btn-feedback" class="topbar-btn icon-btn" data-i18n-title="feedback.title" data-i18n-aria="feedback.title" aria-haspopup="menu" aria-expanded="false">💬</button>
+      <button id="btn-refresh" class="topbar-btn icon-btn" data-i18n-title="a11y.refresh" data-i18n-aria="a11y.refresh">⟳</button>
+      <span id="conn-badge" class="topbar-btn conn-badge off" data-i18n="conn.off">未连接</span>
     </div>
   </header>
 
@@ -199,6 +199,25 @@
           <button id="btn-check-update" class="mini-btn" data-i18n="settings.check">检查</button>
         </div>
       </div>
+      <div class="settings-group feedback-card">
+        <div class="setting-row">
+          <div><div class="setting-name" data-i18n="settings.feedbackTitle">反馈渠道</div><div class="setting-desc" data-i18n="settings.feedbackDesc">GitHub / Gitee / B站：反馈 bug、提建议、唠嗑</div></div>
+        </div>
+        <div class="feedback-links">
+          <a class="feedback-btn primary" href="https://github.com/Blank-not-black/dsh-Remote" target="_blank" rel="noopener">
+            <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>GitHub</span>
+          </a>
+          <a class="feedback-btn" href="https://gitee.com/Blankneverfails/dsh-Remote" target="_blank" rel="noopener">
+            <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>Gitee</span>
+          </a>
+          <a class="feedback-btn" href="https://space.bilibili.com/419009275/dynamic" target="_blank" rel="noopener">
+            <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>B站</span>
+          </a>
+        </div>
+      </div>
       <div class="settings-group">
         <div class="setting-row">
           <div><div class="setting-name" data-i18n="settings.resetTitle">清空本地数据</div><div class="setting-desc" data-i18n="settings.resetDesc">令牌与缓存</div></div>
@@ -209,6 +228,33 @@
     </section>
   </main>
 
+  <!-- 反馈底部菜单（非模态） -->
+  <div id="feedback-backdrop" class="sheet-backdrop hidden"></div>
+  <div id="feedback-sheet" class="sheet hidden" role="menu" data-i18n-aria="feedback.title">
+    <div class="sheet-handle" aria-hidden="true"></div>
+    <div class="sheet-title" data-i18n="feedback.title">反馈</div>
+    <button class="sheet-item" id="btn-write-feedback" role="menuitem">
+      <span class="sheet-ico"><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="M12 20h9"/><path d="M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4Z"/></svg></span>
+      <span class="sheet-item-body"><span class="sheet-item-name" data-i18n="feedback.write">写反馈</span><span class="sheet-item-desc" data-i18n="feedback.writeDesc">App 内直接提交</span></span>
+    </button>
+    <a class="sheet-item primary" href="https://github.com/Blank-not-black/dsh-Remote/issues" target="_blank" rel="noopener" role="menuitem">
+      <span class="sheet-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="sheet-item-body"><span class="sheet-item-name">GitHub Issues</span><span class="sheet-item-desc" data-i18n="feedback.githubDesc">反馈 bug / 提建议</span></span>
+    </a>
+    <a class="sheet-item" href="https://gitee.com/Blankneverfails/dsh-Remote/issues" target="_blank" rel="noopener" role="menuitem">
+      <span class="sheet-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="sheet-item-body"><span class="sheet-item-name">Gitee 反馈</span><span class="sheet-item-desc" data-i18n="feedback.giteeDesc">国内镜像，无需代理</span></span>
+    </a>
+    <a class="sheet-item" href="https://space.bilibili.com/419009275/dynamic" target="_blank" rel="noopener" role="menuitem">
+      <span class="sheet-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="sheet-item-body"><span class="sheet-item-name">B站交流</span><span class="sheet-item-desc" data-i18n="feedback.biliDesc">UP 动态页交流</span></span>
+    </a>
+    <button class="sheet-item" id="btn-copy-link" role="menuitem">
+      <span class="sheet-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="8" y="3" width="12" height="12" rx="2"/><path d="M16 8h3a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1v-3"/></svg></span>
+      <span class="sheet-item-body"><span class="sheet-item-name" data-i18n="feedback.copyLink">复制项目链接</span><span class="sheet-item-desc" data-i18n="feedback.copyDesc">手动分享给朋友</span></span>
+    </button>
+  </div>
+
   <nav class="bottom-nav">
     <button data-view="view-home" class="nav-btn active"><span class="nav-ico">▤</span><span data-i18n="nav.sessions">会话</span></button>
     <button data-view="view-files" class="nav-btn"><span class="nav-ico">⇅</span><span data-i18n="nav.files">文件</span></button>
@@ -241,6 +287,26 @@
     </div>
   </div>
 
+  <!-- 写反馈模态 -->
+  <div id="modal-feedback" class="modal hidden">
+    <div class="modal-card">
+      <div class="modal-title" data-i18n="feedback.modalTitle">写反馈</div>
+      <div class="modal-body">
+        <div class="fb-chips" id="fb-chips">
+          <button class="fb-chip current" data-fb-type="bug" data-i18n="feedback.typeBug">Bug</button>
+          <button class="fb-chip" data-fb-type="suggestion" data-i18n="feedback.typeSuggestion">建议</button>
+          <button class="fb-chip" data-fb-type="other" data-i18n="feedback.typeOther">其他</button>
+        </div>
+        <textarea id="fb-msg" class="fb-textarea" rows="5" maxlength="2000" data-i18n-placeholder="feedback.messagePlaceholder" placeholder="请描述遇到的问题或建议（必填，≤2000 字）"></textarea>
+        <input id="fb-contact" class="fb-input" maxlength="200" data-i18n-placeholder="feedback.contactPlaceholder" placeholder="联系方式（可选）：邮箱 / 微信 / B站 ID">
+      </div>
+      <div class="modal-actions">
+        <button id="fb-cancel" class="btn subtle" data-i18n="feedback.cancel">取消</button>
+        <button id="fb-submit" class="btn primary" data-i18n="feedback.submit">提交</button>
+      </div>
+    </div>
+  </div>
+
   <!-- goal 模态 -->
   <div id="modal-goal" class="modal hidden">
     <div class="modal-card">
@@ -411,6 +477,18 @@
         'settings.hostTitle': 'DSH 状态', 'settings.hostProbing': '探测中…', 'settings.probe': '探测', 'settings.probeFailed': '探测失败',
         'settings.hostDesc': 'DSH {version} · {cwd} · 附加会话 {n}',
         'settings.updateTitle': '检查更新', 'settings.updateLoading': '加载中…', 'settings.downloadUpdate': '下载并安装更新', 'settings.check': '检查',
+        'settings.feedbackTitle': '反馈渠道', 'settings.feedbackDesc': 'GitHub / Gitee / B站：反馈 bug、提建议、唠嗑',
+        'feedback.title': '反馈', 'feedback.githubDesc': '反馈 bug / 提建议', 'feedback.giteeDesc': '国内镜像，无需代理',
+        'feedback.biliDesc': 'UP 动态页交流', 'feedback.copyLink': '复制项目链接', 'feedback.copyDesc': '手动分享给朋友',
+        'feedback.copied': '项目链接已复制', 'feedback.copyFailed': '复制失败，请手动复制',
+        'feedback.write': '写反馈', 'feedback.writeDesc': 'App 内直接提交', 'feedback.modalTitle': '写反馈',
+        'feedback.typeBug': 'Bug', 'feedback.typeSuggestion': '建议', 'feedback.typeOther': '其他',
+        'feedback.messagePlaceholder': '请描述遇到的问题或建议（必填，≤2000 字）',
+        'feedback.contactPlaceholder': '联系方式（可选）：邮箱 / 微信 / B站 ID',
+        'feedback.cancel': '取消', 'feedback.submit': '提交',
+        'feedback.empty': '请填写描述内容', 'feedback.tooLong': '描述不能超过 2000 字',
+        'feedback.submitted': '已提交，感谢反馈',
+        'feedback.rateLimited': '提交太频繁，请稍后再试', 'feedback.rateLimitedAt': '提交太频繁，请 {n} 秒后再试', 'feedback.submitFailed': '提交失败：{msg}', 'feedback.networkError': '网络错误',
         'settings.resetTitle': '清空本地数据', 'settings.resetDesc': '令牌与缓存', 'settings.reset': '重置',
         'settings.confirmReset': '清除本地令牌、服务器与缓存？', 'settings.notifyDenied': '通知权限未开启',
         'settings.toolsShown': '已显示工具调用', 'settings.toolsHidden': '已隐藏工具调用',
@@ -553,6 +631,18 @@
         'settings.hostTitle': 'DSH status', 'settings.hostProbing': 'Probing…', 'settings.probe': 'Probe', 'settings.probeFailed': 'Probe failed',
         'settings.hostDesc': 'DSH {version} · {cwd} · {n} attached sessions',
         'settings.updateTitle': 'Check for updates', 'settings.updateLoading': 'Loading…', 'settings.downloadUpdate': 'Download & install update', 'settings.check': 'Check',
+        'settings.feedbackTitle': 'Feedback', 'settings.feedbackDesc': 'GitHub / Gitee / Bilibili: report bugs, suggest features, or just chat',
+        'feedback.title': 'Feedback', 'feedback.githubDesc': 'Report bugs · suggest features', 'feedback.giteeDesc': 'Mirror in China, no proxy needed',
+        'feedback.biliDesc': 'Chat on the UP\'s Bilibili page', 'feedback.copyLink': 'Copy project link', 'feedback.copyDesc': 'Share it manually',
+        'feedback.copied': 'Project link copied', 'feedback.copyFailed': 'Copy failed, copy manually',
+        'feedback.write': 'Write feedback', 'feedback.writeDesc': 'Submit from the app', 'feedback.modalTitle': 'Write feedback',
+        'feedback.typeBug': 'Bug', 'feedback.typeSuggestion': 'Suggestion', 'feedback.typeOther': 'Other',
+        'feedback.messagePlaceholder': 'Describe the bug or suggestion (required, ≤2000 chars)',
+        'feedback.contactPlaceholder': 'Contact (optional): email / WeChat / Bilibili ID',
+        'feedback.cancel': 'Cancel', 'feedback.submit': 'Submit',
+        'feedback.empty': 'Please fill in the description', 'feedback.tooLong': 'Description must be ≤2000 characters',
+        'feedback.submitted': 'Submitted — thanks!',
+        'feedback.rateLimited': 'Too frequent, try again later', 'feedback.rateLimitedAt': 'Too frequent, try again in {n}s', 'feedback.submitFailed': 'Submit failed: {msg}', 'feedback.networkError': 'Network error',
         'settings.resetTitle': 'Clear local data', 'settings.resetDesc': 'Token and caches', 'settings.reset': 'Reset',
         'settings.confirmReset': 'Clear local token, servers and caches?', 'settings.notifyDenied': 'Notification permission not granted',
         'settings.toolsShown': 'Tool calls shown', 'settings.toolsHidden': 'Tool calls hidden',

package/public/styles.css

@@ -59,6 +59,14 @@ button {
   font-size: 17px; display: grid; place-items: center;
 }
 .icon-btn:active { background: var(--dsr-panel-2); }
+/* 顶栏按钮统一: 反馈/刷新/连接徽章同高同基线 */
+.topbar-btn {
+  height: 44px; box-sizing: border-box;
+  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
+  line-height: 1; vertical-align: middle; flex-shrink: 0;
+}
+.topbar-right .topbar-btn.icon-btn { width: 44px; padding: 0; font-size: 19px; border-radius: 12px; }
+.topbar-right .topbar-btn.conn-badge { padding: 0 14px; border-radius: 999px; font-size: 12.5px; }
 .mini-btn {
   padding: 5px 11px; border-radius: 9px; font-size: 13px;
   background: var(--dsr-panel); border: 1px solid var(--dsr-line); color: var(--dsr-accent-strong);
@@ -66,6 +74,19 @@ button {
   flex-shrink: 0;
 }
 .mini-btn:active { background: var(--dsr-panel-2); }
+a.mini-btn { text-decoration: none; display: inline-flex; align-items: center; }
+.feedback-links { display: flex; gap: 8px; flex-wrap: wrap; padding: 0 14px 14px; }
+.feedback-card { background: var(--dsr-accent-soft); border-color: var(--dsr-accent-line); }
+.feedback-btn {
+  flex: 1 1 0; min-width: 92px; min-height: 44px;
+  display: inline-flex; align-items: center; justify-content: center; gap: 7px;
+  padding: 9px 12px; border-radius: 12px; font-size: 13.5px; font-weight: 600;
+  background: var(--dsr-panel); border: 1px solid var(--dsr-line); color: var(--dsr-accent-strong);
+  text-decoration: none; cursor: pointer; white-space: nowrap;
+}
+.feedback-btn svg { width: 17px; height: 17px; fill: currentColor; flex-shrink: 0; }
+.feedback-btn.primary { background: var(--dsr-accent-strong); border-color: var(--dsr-accent-strong); color: var(--dsr-on-accent); }
+.feedback-btn:active { filter: brightness(.94); }
 .btn {
   flex: 1; padding: 11px 14px; border-radius: 12px; font-size: 15px; font-weight: 600;
   border: 1px solid var(--dsr-line);
@@ -521,6 +542,57 @@ body.in-session .main { padding-bottom: 84px; }
   font-size: 10px; font-weight: 800; padding: 0 6px; line-height: 16px;
 }
 
+/* ---------- 反馈底部菜单 ---------- */
+.sheet-backdrop {
+  position: fixed; inset: 0; z-index: 45;
+  background: var(--dsr-overlay);
+  animation: sheet-fade .18s ease;
+}
+.sheet {
+  position: fixed; left: 0; right: 0; bottom: 0; z-index: 46;
+  max-height: 72vh; overflow-y: auto; overscroll-behavior: contain;
+  background: var(--dsr-bg-2); border-top: 1px solid var(--dsr-line); border-radius: 20px 20px 0 0;
+  padding: 8px 12px calc(12px + env(safe-area-inset-bottom, 0px));
+  box-shadow: 0 -10px 34px var(--dsr-shadow);
+  animation: sheet-up .22s cubic-bezier(.2,.8,.3,1);
+}
+.sheet-handle { width: 38px; height: 4px; border-radius: 999px; background: var(--dsr-line); margin: 2px auto 10px; }
+.sheet-title { font-size: 14px; font-weight: 700; padding: 0 6px 8px; }
+.sheet-item {
+  width: 100%; min-height: 52px; display: flex; align-items: center; gap: 11px;
+  padding: 9px 10px; border-radius: 13px; border: none; background: transparent; color: var(--dsr-text);
+  font: inherit; text-align: left; cursor: pointer; text-decoration: none;
+}
+.sheet-item:hover, .sheet-item:focus-visible { background: var(--dsr-bg); outline: none; }
+.sheet-item.primary { background: var(--dsr-accent-soft); border: 1px solid var(--dsr-accent-line); }
+.sheet-item.primary:hover { background: var(--dsr-accent-soft); filter: brightness(1.03); }
+.sheet-ico {
+  width: 38px; height: 38px; border-radius: 11px; flex-shrink: 0;
+  display: grid; place-items: center; background: var(--dsr-panel); border: 1px solid var(--dsr-line); color: var(--dsr-accent-strong);
+}
+.sheet-item.primary .sheet-ico { background: var(--dsr-accent-strong); border-color: var(--dsr-accent-strong); color: var(--dsr-on-accent); }
+.sheet-ico svg { width: 18px; height: 18px; fill: currentColor; }
+.sheet-item-body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
+.sheet-item-name { font-size: 14px; font-weight: 600; }
+.sheet-item-desc { font-size: 12px; color: var(--dsr-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+@keyframes sheet-fade { from { opacity: 0 } to { opacity: 1 } }
+@keyframes sheet-up { from { transform: translateY(24px); opacity: .6 } to { transform: translateY(0); opacity: 1 } }
+
+/* 写反馈弹层 */
+.fb-chips { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 10px; }
+.fb-chip {
+  min-height: 36px; padding: 7px 14px; border-radius: 999px; font-size: 13px;
+  background: var(--dsr-panel); border: 1px solid var(--dsr-line); color: var(--dsr-text); cursor: pointer;
+}
+.fb-chip.current { background: var(--dsr-accent-soft); border-color: var(--dsr-accent-line); color: var(--dsr-accent-strong); font-weight: 600; }
+.fb-textarea, .fb-input {
+  width: 100%; box-sizing: border-box; margin-bottom: 10px;
+  background: var(--dsr-panel); color: var(--dsr-text); border: 1px solid var(--dsr-line); border-radius: 12px;
+  padding: 10px 12px; font: inherit; font-size: 14px; outline: none; resize: vertical;
+}
+.fb-textarea:focus, .fb-input:focus { border-color: var(--dsr-accent-line); }
+.fb-input { min-height: 42px; }
+
 /* ---------- 模态 ---------- */
 .modal {
   position: fixed; inset: 0; z-index: 40; display: grid; place-items: center;

package/public/update.json

@@ -1,6 +1,6 @@
 {
-  "version": "0.5.8",
+  "version": "0.5.9",
   "apkUrl": "dsh-remote.apk",
-  "releasedAt": "2026-08-17T14:17:29.757Z",
-  "notes": "新增：桌面端 WebUI（浏览器打开网关地址自动进入桌面布局，侧栏会话/文件/设置/统计抽屉/审批通知卡片栈）；多服务端分组管理（备注/分组/组内自动或手动选择）；峰谷计费提醒；Token 统计仅从 2026-08-17 定价生效日起算。"
+  "releasedAt": "2026-08-18T07:05:40.678Z",
+  "notes": "反馈渠道升级：App 顶栏 / 桌面端侧边栏 / 管理页右上角三端入口；App 与桌面端「写反馈」弹层直接提交，网关转发到反馈收集器（DSH_REMOTE_FEEDBACK_URL 可覆盖，无 token 配置，成功后 1 分钟节流）；管理页顶栏滚动置顶并适配窄屏；桌面端反馈按钮与导航项同层级。"
 }

package/public/version.json

@@ -1,3 +1,3 @@
 {
-  "version": "0.5.8"
+  "version": "0.5.9"
 }