dsh-remote-plugin 0.5.8 → 0.6.0

package/public/app.js

@@ -57,6 +57,8 @@ const state = {
   jobs: {},                // sessionId -> jobs
   history: emptyHistory(),
   errCount: 0,
+  streamMode: 'ws', // 'ws' | 'poll'
+  pollSeq: { mux: 0, host: 0 },
   refreshTimer: null,
   fs: { path: null, initial: null, loaded: false, upload: null },
   models: { loaded: false, loading: false, groups: [], current: null, failures: [] }
@@ -76,6 +78,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
@@ -629,12 +699,16 @@ function deleteGroup(name) {
   if (state.token) selectFastestServer({ silent: true })
 }
 
-/* ---------------- 事件流 (WebSocket) ---------------- */
+/* ---------------- 事件流 (WebSocket + 轮询降级) ---------------- */
 const streams = {}
 state.streamsOk = { mux: false, host: false }
+let pollTimer = null
+let wsRetryTimer = null
 
 function openStreams() {
   if (!state.token) return
+  if (state.streamMode === 'poll') stopPolling()
+  state.streamMode = 'ws'
   openStream('mux', onMuxFrame, true)
   openStream('host', onHostFrame, false)
 }
@@ -655,6 +729,8 @@ function openStream(kind, handler, refreshOnOpen) {
   ws.onopen = () => {
     state.streamsOk[kind] = true
     state.errCount = 0
+    // 重连成功：切回 WS 并停止轮询
+    if (state.streamMode === 'poll') { stopPolling(); state.streamMode = 'ws' }
     updateConn()
     // mux 每次(重)连接都会重放“仍待处理”的审批/提问基线:
     // 先清空旧列表, 避免“桌面已自定义回答, 手机漏收 question/resolved”后永久残留。
@@ -678,7 +754,9 @@ function openStream(kind, handler, refreshOnOpen) {
     state.streamsOk[kind] = false
     state.errCount++
     updateConn()
-    if (state.errCount === 3) toast(t('conn.reconnecting'), 'err')
+    if (state.streamMode === 'poll') return
+    // 连续失败 3 次 -> 降级为轮询
+    if (state.errCount >= 3) { enterPollMode(); return }
     // 多服务器: 连续掉线若干次就重测速, 自动换到当前可达的最快地址
     if (state.servers.length && state.errCount % 5 === 0) setTimeout(() => selectFastestServer({ silent: true }), 300)
     // 无条件重连; 页面被挂起时定时器暂停, visibilitychange 会再触发一次
@@ -687,6 +765,78 @@ function openStream(kind, handler, refreshOnOpen) {
   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
+  refreshAll()
+  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': CAP?.isNativePlatform?.() ? 'app' : '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) { authFailure(); return }
+  if (!res.ok) return
+  let data
+  try { data = await res.json() } catch { return }
+  if (!data || !Array.isArray(data.events)) return
+  // 网关重启后 seq 会重置：落后就从头拉当前缓冲
+  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)
+}
+
 /* 回前台恢复: 强制重排修复 MIUI WebView 后台切回时 sticky 顶栏不绘制的问题 */
 function onResume() {
   if (document.visibilityState !== 'visible') return
@@ -2133,13 +2283,64 @@ async function checkUpdate(silent) {
   }
 }
 
-function downloadUpdate() {
+async function sha256Hex(buffer) {
+  const digest = await crypto.subtle.digest('SHA-256', buffer)
+  return [...new Uint8Array(digest)].map(b => b.toString(16).padStart(2, '0')).join('')
+}
+
+/**
+ * 下载 APK 并用 update.json 的 sha256 校验。
+ * 返回 { ok, skipped } 或 { ok:false, status | corrupted | network }。
+ * 老产物没有 sha256 时跳过校验；crypto.subtle 不可用也跳过（不阻塞老 WebView）。
+ */
+async function verifyUpdateApk(info, url) {
+  const expected = String(info.sha256 || '').trim().toLowerCase()
+  if (!expected || !/^[0-9a-f]{64}$/.test(expected)) return { ok: true, skipped: true }
+  let res
+  try {
+    const signal = typeof AbortSignal?.timeout === 'function' ? AbortSignal.timeout(120000) : undefined
+    res = signal ? await fetch(url, { signal }) : await fetch(url)
+  } catch (err) {
+    return { ok: false, network: true, msg: err?.message || '' }
+  }
+  if (!res.ok) return { ok: false, status: res.status }
+  let buf
+  try {
+    buf = await res.arrayBuffer()
+  } catch (err) {
+    return { ok: false, network: true, msg: err?.message || '' }
+  }
+  let actual
+  try {
+    actual = await sha256Hex(buf)
+  } catch {
+    return { ok: true, skipped: true }
+  }
+  if (actual.toLowerCase() !== expected) return { ok: false, corrupted: true }
+  return { ok: true, skipped: false }
+}
+
+async function downloadUpdate() {
   const info = state.updateInfo
   if (!info) return
   const base = state.server || ''
   let url
   try { url = new URL(info.apkUrl || 'dsh-remote.apk', base + '/').href }
   catch { url = base + '/' + (info.apkUrl || 'dsh-remote.apk') }
+
+  // 先下载校验再交给原生/浏览器安装；校验失败不进入安装
+  const verify = await verifyUpdateApk(info, url)
+  if (!verify.ok) {
+    if (verify.corrupted) {
+      toast(t('update.corrupted'), 'err')
+    } else if (verify.status) {
+      toast(t('update.serverFileMissing'), 'err')
+    } else {
+      toast(t('update.downloadFailed', { msg: verify.msg || t('fs.networkError') }), 'err')
+    }
+    return
+  }
+
   if (CAP?.isNativePlatform?.()) {
     // Android WebView 原生桥(不依赖 Capacitor 插件路由)
     if (window.NativeUpdate?.downloadAndInstall) {
@@ -2248,14 +2449,20 @@ function showView(id) {
 }
 
 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')
   const cur = state.servers.find(s => s.url === state.server)
   const ms = state.serverLatency[state.server]
   const curGroup = cur ? cur.group : state.activeGroup
   const curLabel = cur ? (cur.note || cur.url) : (state.server || t('speed.origin'))
+  if (state.streamMode === 'poll') {
+    el.textContent = t('conn.poll')
+    el.className = 'topbar-btn conn-badge off'
+    el.title = t('conn.pollTitle') + ' · ' + t('conn.titleGroup', { group: curGroup, url: curLabel, ms: Number.isFinite(ms) ? ms + 'ms' : '—' })
+    return
+  }
+  const ok = !!state.streamsOk?.mux
+  el.textContent = ok ? t('conn.on') : t('conn.off')
+  el.className = 'topbar-btn conn-badge ' + (ok ? 'on' : 'off')
   el.title = t('conn.titleGroup', { group: curGroup, url: curLabel, ms: Number.isFinite(ms) ? ms + 'ms' : '—' })
 }
 
@@ -2455,8 +2662,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,8 +204,21 @@
         '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.connPollTitle': '当前网络不支持实时推送，已降级为轮询（延迟数秒）',
         'ds.currentServer': '{group} · {url}', 'ds.origin': '当前页面',
         'ds.toastSent': '已发送', 'ds.toastCopied': '令牌已复制', 'ds.toastAuth': '令牌无效',
         'ds.toastConnFailed': '连接失败', 'ds.toastOpFailed': '操作失败',
@@ -197,8 +267,21 @@
         '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.connPollTitle': 'Realtime push is unavailable on this network; degraded to polling (a few seconds delay)',
         'ds.currentServer': '{group} · {url}', 'ds.origin': 'this page',
         'ds.toastSent': 'Sent', 'ds.toastCopied': 'Token copied', 'ds.toastAuth': 'Invalid token',
         'ds.toastConnFailed': 'Connection failed', 'ds.toastOpFailed': 'Operation failed',