dsh-remote-plugin 0.5.8 → 0.6.0

package/public/desktop/desktop.js

@@ -57,10 +57,14 @@ const state = {
   questionModal: null,
   streamsOk: { mux: false, host: false },
   errCount: 0,
+  streamMode: 'ws', // 'ws' | 'poll'
+  pollSeq: { mux: 0, host: 0 },
   fs: { path: null, initial: null, loaded: false },
   view: 'sessions'
 }
 const streams = {}
+let pollTimer = null
+let wsRetryTimer = null
 
 function esc(s) { return String(s ?? '').replace(/[&<>"]/g, c => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;' }[c])) }
 function short(id) { return '…' + String(id).slice(-8) }
@@ -92,6 +96,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 = {}) {
@@ -403,9 +487,11 @@ function deleteGroup(name) {
   if (state.token) selectFastestServer({ silent: true })
 }
 
-/* ---------------- 事件流 ---------------- */
+/* ---------------- 事件流 (WebSocket + 轮询降级) ---------------- */
 function openStreams() {
   if (!state.token) return
+  if (state.streamMode === 'poll') stopPolling()
+  state.streamMode = 'ws'
   openStream('mux', onMuxFrame, true)
   openStream('host', onHostFrame, false)
 }
@@ -420,12 +506,14 @@ function openStream(kind, handler, refreshOnOpen) {
   ws.onopen = () => {
     state.streamsOk[kind] = true
     state.errCount = 0
+    if (state.streamMode === 'poll') { stopPolling(); state.streamMode = 'ws' }
     updateConn()
     if (kind === 'mux') { state.approvals = []; state.questions = []; renderNotifStack() }
     if (refreshOnOpen) refreshSessions()
   }
   ws.onmessage = (msg) => {
     state.streamsOk[kind] = true
+    state.errCount = 0
     updateConn()
     try { handler(JSON.parse(msg.data)) } catch {}
   }
@@ -433,11 +521,84 @@ function openStream(kind, handler, refreshOnOpen) {
     state.streamsOk[kind] = false
     state.errCount++
     updateConn()
+    if (state.streamMode === 'poll') return
+    if (state.errCount >= 3) { enterPollMode(); return }
     if (state.servers.length && state.errCount % 5 === 0) setTimeout(() => selectFastestServer({ silent: true }), 300)
     if (streams[kind] === ws) setTimeout(() => openStream(kind, handler, refreshOnOpen), 1200)
   }
   ws.onerror = () => { try { ws.close() } catch {} }
 }
+
+/* ---------------- 轮询降级模式 ---------------- */
+function enterPollMode() {
+  if (state.streamMode === 'poll') return
+  state.streamMode = 'poll'
+  state.pollSeq = { mux: 0, host: 0 }
+  state.streamsOk = { mux: false, host: false }
+  try { streams.mux?.close() } catch {}
+  try { streams.host?.close() } catch {}
+  streams.mux = null
+  streams.host = null
+  refreshSessions()
+  startPolling()
+  updateConn()
+}
+
+function stopPolling() {
+  clearInterval(pollTimer)
+  pollTimer = null
+  clearTimeout(wsRetryTimer)
+  wsRetryTimer = null
+}
+
+function startPolling() {
+  stopPolling()
+  pollTimer = setInterval(pollOnce, 4000)
+  wsRetryTimer = setInterval(tryRestoreWs, 30000)
+  pollOnce()
+}
+
+let pollInFlight = false
+async function pollOnce() {
+  if (state.streamMode !== 'poll' || pollInFlight) return
+  pollInFlight = true
+  try {
+    await Promise.all([pollKind('mux'), pollKind('host')])
+  } finally {
+    pollInFlight = false
+  }
+}
+
+async function pollKind(kind) {
+  if (state.streamMode !== 'poll') return
+  const since = state.pollSeq[kind] || 0
+  let res
+  try {
+    const signal = typeof AbortSignal?.timeout === 'function' ? AbortSignal.timeout(5000) : undefined
+    const headers = { authorization: 'Bearer ' + state.token, 'x-dsh-remote-client': 'web' }
+    res = signal ? await fetch(apiUrl(`/api/events.poll?kind=${kind}&since=${since}`), { signal, headers }) : await fetch(apiUrl(`/api/events.poll?kind=${kind}&since=${since}`), { headers })
+  } catch { return }
+  if (res.status === 401) { toast(t('ds.toastAuth'), 'err'); return }
+  if (!res.ok) return
+  let data
+  try { data = await res.json() } catch { return }
+  if (!data || !Array.isArray(data.events)) return
+  if (typeof data.latestSeq === 'number' && data.latestSeq < since) state.pollSeq[kind] = 0
+  for (const item of data.events) {
+    if (item.seq > (state.pollSeq[kind] || 0)) {
+      state.pollSeq[kind] = item.seq
+      if (kind === 'mux') onMuxFrame(item.event)
+      else onHostFrame(item.event)
+    }
+  }
+}
+
+function tryRestoreWs() {
+  if (state.streamMode !== 'poll' || !state.token) return
+  // 轮询继续跑，等 WS 真正 onopen 后再切回，避免重连窗口丢事件
+  openStream('mux', onMuxFrame, true)
+  openStream('host', onHostFrame, false)
+}
 function onMuxFrame(full) {
   const f = full.payload
   if (!f) return
@@ -814,7 +975,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>
@@ -834,14 +996,21 @@ function showView(id) {
 }
 function updateConn() {
   const el = $('conn-badge')
+  const cur = state.servers.find(s => s.url === state.server)
+  const group = cur ? cur.group : state.activeGroup
+  const label = cur ? (cur.note || cur.url) : (state.server || t('ds.origin'))
+  if (state.streamMode === 'poll') {
+    el.textContent = '●'
+    el.className = 'ds-conn off'
+    el.title = t('ds.connPollTitle')
+    $('server-badge').textContent = t('ds.currentServer', { group, url: label })
+    return
+  }
   const any = Object.values(state.streamsOk).some(Boolean)
   const all = state.streamsOk.mux && state.streamsOk.host
   el.textContent = '●'
   el.className = 'ds-conn ' + (all ? 'on' : any ? 'ing' : '')
   el.title = all ? t('ds.connOn') : any ? t('ds.connIng') : t('ds.connOff')
-  const cur = state.servers.find(s => s.url === state.server)
-  const group = cur ? cur.group : state.activeGroup
-  const label = cur ? (cur.note || cur.url) : (state.server || t('ds.origin'))
   $('server-badge').textContent = t('ds.currentServer', { group, url: label })
 }
 
@@ -866,6 +1035,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">
@@ -282,6 +348,7 @@
       zh: {
         'a11y.hostAdmin': '主机管理', 'a11y.refresh': '刷新', 'a11y.more': '更多操作', 'a11y.moreTitle': '指令/权限/模型',
         'conn.on': '已连接', 'conn.off': '未连接', 'conn.reconnecting': '连接中断，正在重连…',
+        'conn.poll': '轮询', 'conn.pollTitle': '当前网络不支持实时推送，已降级为轮询（延迟数秒）',
         'conn.titleGroup': '{group} · {url}（{ms}）',
         'common.refreshing': '刷新中…',
         'nav.sessions': '会话', 'nav.files': '文件', 'nav.pending': '待办', 'nav.stats': '统计', 'nav.settings': '设置',
@@ -384,6 +451,7 @@
         'update.latestV': '已是最新 v{version}', 'update.latestRemote': '最新版本 v{version}', 'update.latestToast': '已是最新版本',
         'update.checkFailedDesc': '检查失败：{msg}', 'update.checkFailed': '检查更新失败：{msg}',
         'update.downloadStarted': '开始下载，完成后会弹出安装页', 'update.downloadFailed': '无法启动下载：{msg}',
+        'update.corrupted': '下载文件损坏，请重试', 'update.serverFileMissing': '服务器上还没有对应版本的文件，请稍后再试',
         'update.installUnsupported': '当前版本不支持 App 内安装，已转浏览器下载',
         'update.expand': '展开', 'update.collapse': '收起',
         'scan.imageLoadFailed': '图片加载失败', 'scan.decodeUnsupported': '当前设备不支持图片解码',
@@ -411,6 +479,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': '已隐藏工具调用',
@@ -424,6 +504,7 @@
       en: {
         'a11y.hostAdmin': 'Host admin', 'a11y.refresh': 'Refresh', 'a11y.more': 'More actions', 'a11y.moreTitle': 'Commands / Permissions / Models',
         'conn.on': 'Connected', 'conn.off': 'Offline', 'conn.reconnecting': 'Connection lost, reconnecting…',
+        'conn.poll': 'Polling', 'conn.pollTitle': 'Realtime push is unavailable on this network; degraded to polling (a few seconds delay)',
         'conn.titleGroup': '{group} · {url} ({ms})',
         'common.refreshing': 'Refreshing…',
         'nav.sessions': 'Sessions', 'nav.files': 'Files', 'nav.pending': 'Inbox', 'nav.stats': 'Stats', 'nav.settings': 'Settings',
@@ -526,6 +607,7 @@
         'update.latestV': 'Up to date v{version}', 'update.latestRemote': 'Latest version v{version}', 'update.latestToast': 'Already up to date',
         'update.checkFailedDesc': 'Check failed: {msg}', 'update.checkFailed': 'Update check failed: {msg}',
         'update.downloadStarted': 'Downloading, the install page will open when ready', 'update.downloadFailed': 'Could not start download: {msg}',
+        'update.corrupted': 'Downloaded file is corrupted, please retry', 'update.serverFileMissing': 'The file for this version is not on the server yet, please try again later',
         'update.installUnsupported': 'This version cannot install in-app, opening browser download',
         'update.expand': 'Expand', 'update.collapse': 'Collapse',
         'scan.imageLoadFailed': 'Image failed to load', 'scan.decodeUnsupported': 'This device cannot decode images',
@@ -553,6 +635,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,7 @@
 {
-  "version": "0.5.8",
+  "version": "0.6.0",
   "apkUrl": "dsh-remote.apk",
-  "releasedAt": "2026-08-17T14:17:29.757Z",
-  "notes": "新增：桌面端 WebUI（浏览器打开网关地址自动进入桌面布局，侧栏会话/文件/设置/统计抽屉/审批通知卡片栈）；多服务端分组管理（备注/分组/组内自动或手动选择）；峰谷计费提醒；Token 统计仅从 2026-08-17 定价生效日起算。"
+  "sha256": "ebab5d1ce9c669c50742a121f23d29ca4d8e38d60bee8fe95ba112db6761b788",
+  "releasedAt": "2026-08-18T13:08:00.384Z",
+  "notes": "新增事件轮询降级（公网隧道网络下自动切换，消息不丢、延迟数秒）；更新下载完整性校验（SHA-256）；网关稳定性加固（设备自动清理、发布流程修复）；文档重构（能力对比表 / FAQ）"
 }

package/public/version.json

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