@morehao/dsh-github-trending 0.8.11 → 0.8.13

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Changelog
 
+## [v0.8.12] - 2026-11-02
+
+### Refactors
+
+- **client**: 恢复提示改为居中弹层并统一页面内容框 (#99)
+
+**Full Changelog**: https://github.com/morehao/dsh-github-trending/compare/v0.8.11...v0.8.12
+
 ## [v0.8.11] - 2026-11-02
 
 ### Fixes

package/client.js

@@ -278,16 +278,17 @@ var DICT = {
     "shell.update.failed": "更新失败",
     "shell.update.checkFailed": "检查失败，可稍后重试",
     "shell.update.available": "有新版本 v{latest}",
+    "shell.update.badgeTitle": "最新版本 v{version}",
     "shell.update.latest": "已是最新 v{version}",
     "shell.update.apply": "更新到 v{version}",
     "shell.update.confirmHint": "更新会重装插件，需重启 DSH 生效",
     "shell.update.confirmYes": "确认更新",
     "shell.update.cancel": "取消",
     "restoreNotice.title": "已更新到 v{version}",
+    "restoreNotice.titleInstalled": "新版本已安装",
     "restoreNotice.titleBare": "更新已安装",
-    "restoreNotice.body": "请彻底退出 DSH（⌘Q）再重新打开，更新才会生效。此提示会保留到你点「知道了」。",
-    "restoreNotice.restart": "退出并重启",
-    "restoreNotice.dismiss": "知道了",
+    "restoreNotice.body": "请彻底退出 DSH（⌘Q）再重新打开，更新才会生效。",
+    "restoreNotice.dismiss": "关闭",
     "time.in.minutes": "{minutes} 分钟后",
     "time.in.hours": "{hours} 小时 {minutes} 分后",
     "time.in.days": "{days} 天后",
@@ -829,16 +830,17 @@ var DICT = {
     "shell.update.failed": "Update failed",
     "shell.update.checkFailed": "Check failed, try again later",
     "shell.update.available": "v{latest} available",
+    "shell.update.badgeTitle": "Latest version v{version}",
     "shell.update.latest": "Up to date · v{version}",
     "shell.update.apply": "Update to v{version}",
     "shell.update.confirmHint": "Reinstalls the plugin; restart DSH to apply",
     "shell.update.confirmYes": "Confirm",
     "shell.update.cancel": "Cancel",
     "restoreNotice.title": "Updated to v{version}",
+    "restoreNotice.titleInstalled": "New version installed",
     "restoreNotice.titleBare": "Update installed",
-    "restoreNotice.body": "Quit DSH completely (⌘Q) and reopen it so the update takes effect. This notice stays until you click Got it.",
-    "restoreNotice.restart": "Quit & Restart",
-    "restoreNotice.dismiss": "Got it",
+    "restoreNotice.body": "Quit DSH completely (⌘Q) and reopen it so the update takes effect.",
+    "restoreNotice.dismiss": "Close",
     "time.in.minutes": "in {minutes} min",
     "time.in.hours": "in {hours} h {minutes} min",
     "time.in.days": "in {days} d",
@@ -1178,7 +1180,7 @@ var CSS = `
 .dshgt-tab[aria-selected="true"]{color:var(--gt-fg);border-bottom-color:var(--gt-accent);font-weight:600;white-space:nowrap;}
 .dshgt-shell{height:100%;min-height:0;overflow:hidden;}
 .dshgt-content{flex:1;min-height:0;display:flex;}
-.dshgt-scroll{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding-right:4px;}
+.dshgt-scroll{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:12px;}
 .dshgt-settings{flex:1;min-height:0;display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;}
 .dshgt-vtabs{display:flex;flex-direction:column;gap:2px;border-right:1px solid var(--gt-border);padding-right:8px;overflow-y:auto;}
 .dshgt-vtab{appearance:none;border:none;background:none;text-align:left;padding:7px 10px;border-radius:7px;color:var(--gt-muted);cursor:pointer;font:inherit;font-size:12px;display:flex;align-items:center;gap:6px;}
@@ -1246,14 +1248,22 @@ var CSS = `
 .dshgt-modal-mask{position:fixed;inset:0;background:var(--dsw-alias-bg-mask-1,rgba(15,23,42,.38));display:flex;align-items:center;justify-content:center;z-index:2147483000;}
 .dshgt-modal{background:var(--gt-bg);border-radius:12px;border:1px solid var(--gt-border);max-width:640px;width:calc(100% - 32px);max-height:80vh;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:10px;box-shadow:0 20px 50px rgba(15,23,42,.25);}
 
-/* ——— 自更新后的恢复提示（正文顶部醒目横条，点「知道了」才收起） ——— */
-.dshgt-restore{flex:none;display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-radius:10px;border:1px solid color-mix(in srgb,var(--gt-accent) 45%,var(--gt-border));border-left:4px solid var(--gt-accent);background:color-mix(in srgb,var(--gt-accent) 9%,var(--gt-bg));animation:dshgt-restore-in .18s ease-out;}
-.dshgt-restore-icon{flex:none;width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:14px;line-height:1;color:var(--gt-accent);background:color-mix(in srgb,var(--gt-accent) 16%,transparent);}
-.dshgt-restore-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;}
-.dshgt-restore-title{font-size:13.5px;font-weight:600;color:var(--gt-fg);}
-.dshgt-restore-body{font-size:12.5px;line-height:1.5;color:var(--gt-muted);}
-.dshgt-restore-actions{flex:none;display:flex;align-items:center;gap:8px;align-self:center;}
-@keyframes dshgt-restore-in{from{opacity:0;transform:translateY(-6px);}to{opacity:1;transform:translateY(0);}}
+/* ——— 自更新后的恢复提示：居中弹层，唯一动作「关闭」，版本跨栏当主角 ——— */
+.dshgt-restore-mask{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--dsw-alias-bg-mask-1,rgba(15,23,42,.38));animation:dshgt-restore-mask-in .14s ease-out;}
+.dshgt-restore{width:100%;max-width:448px;padding:18px 20px 12px;border-radius:10px;border:1px solid var(--gt-border);background:var(--gt-bg);box-shadow:0 24px 60px rgba(15,23,42,.28),0 2px 8px rgba(15,23,42,.08);animation:dshgt-restore-in .16s cubic-bezier(.2,.8,.3,1);}
+.dshgt-restore-versions{display:flex;align-items:center;gap:8px;}
+.dshgt-restore-version{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:500;line-height:24px;color:var(--gt-muted);}
+.dshgt-restore-version.is-new{font-weight:650;padding:0 8px;border-radius:6px;color:var(--gt-accent);background:color-mix(in srgb,var(--gt-accent) 9%,var(--gt-bg));}
+.dshgt-restore-arrow{display:inline-flex;align-items:center;justify-content:center;color:var(--gt-muted);}
+.dshgt-restore-title{font-size:15px;font-weight:600;letter-spacing:-.008em;color:var(--gt-fg);}
+.dshgt-restore-versions + .dshgt-restore-title{margin-top:12px;}
+.dshgt-restore-body{margin:5px 0 0;font-size:13px;line-height:1.6;color:var(--gt-muted);}
+.dshgt-restore-foot{display:flex;justify-content:flex-end;margin-top:14px;}
+.dshgt-restore-close{appearance:none;font:inherit;font-size:13px;cursor:pointer;padding:5px 10px;border-radius:7px;border:1px solid transparent;background:none;color:var(--gt-accent);}
+.dshgt-restore-close:hover{background:color-mix(in srgb,var(--gt-accent) 10%,transparent);}
+@keyframes dshgt-restore-in{from{opacity:0;transform:translateY(6px) scale(.985);}to{opacity:1;transform:none;}}
+@keyframes dshgt-restore-mask-in{from{opacity:0;}to{opacity:1;}}
+@media (prefers-reduced-motion:reduce){.dshgt-restore-mask,.dshgt-restore{animation:none;}}
 
 /* ——— GitHub 设备码登录弹窗 ——— */
 .dshgt-authmodal{max-width:420px;gap:14px;}
@@ -1272,7 +1282,11 @@ var CSS = `
 
 /* ——— 01 工作台外壳 ——— */
 .dshgt-shell{gap:0;height:100%;min-height:0;overflow:hidden;}
-.dshgt-app{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--gt-bg);}
+/* 全页统一内容框：五个 tab 的身份条 / tab 条 / 页头 / 正文共用同一条
+   「内容宽度 + 左右留白」规则，宽屏居中、窄屏退化为最小 gutter。
+   页面内不要再给单个视图加 max-width / margin-inline:auto，否则又会出现
+   一半居中一半靠左。 */
+.dshgt-app{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--gt-bg);--dshgt-frame:1100px;--dshgt-gutter:30px;--dshgt-inset:max(var(--dshgt-gutter),calc((100% - var(--dshgt-frame)) / 2));}
 .dshgt-rail{background:color-mix(in srgb,var(--gt-fg) 3%,var(--gt-bg));border-right:1px solid var(--gt-border);display:flex;flex-direction:column;padding:14px 10px 12px;min-height:0;overflow:hidden;}
 .dshgt-brand{display:flex;align-items:center;gap:9px;padding:2px 6px 16px;}
 .dshgt-brand svg{flex:none;border-radius:8px;}
@@ -1302,18 +1316,18 @@ var CSS = `
 .dshgt-pkg-copy:hover{background:color-mix(in srgb,var(--gt-fg) 7%,var(--gt-bg));color:var(--gt-fg);}
 .dshgt-pkg-copy:disabled{opacity:.4;cursor:not-allowed;}
 .dshgt-main{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--gt-bg);}
-.dshgt-page-head{display:flex;align-items:flex-start;gap:16px;padding:20px 30px 14px;border-bottom:1px solid color-mix(in srgb,var(--gt-border) 70%,transparent);flex:none;}
+.dshgt-page-head{display:flex;align-items:flex-start;gap:16px;padding:20px var(--dshgt-inset) 14px;border-bottom:1px solid color-mix(in srgb,var(--gt-border) 70%,transparent);flex:none;}
 .dshgt-page-heading{min-width:0;}
 .dshgt-page-head h1{margin:0;font-size:21px;line-height:1.25;font-weight:650;letter-spacing:-.012em;}
 .dshgt-dek{margin:4px 0 0;font-size:13px;color:var(--gt-muted);max-width:580px;line-height:1.5;}
 .dshgt-head-actions{margin-left:auto;display:flex;align-items:center;gap:8px;padding-top:2px;flex:none;}
 .dshgt-main-body{flex:1;min-height:0;display:flex;min-width:0;}
-.dshgt-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;}
-.dshgt-main-body > .dshgt-settings{flex:1;min-height:0;padding:16px 24px 20px;width:100%;max-width:1240px;margin-inline:auto;}
-/* 视图区随可用宽度自适应：不再硬卡 1180，避免超宽屏右侧留大片空白。
-   结构化内容（卡片 / 网格 / 表格 / 列表）铺满；只有长文阅读块（日报正文、空态说明）
-   单独限制行宽并居中，保证可读性。与 .dshgt-page-head 的左/右内边距保持一致。 */
-.dshgt-view{padding:22px 30px 38px;width:100%;display:flex;flex-direction:column;gap:18px;}
+.dshgt-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable both-edges;}
+/* 设置页不在 .dshgt-scroll 里（自己管理左右分栏滚动），但内容框必须与其它四页完全一致。 */
+.dshgt-main-body > .dshgt-settings{flex:1;min-height:0;padding:22px var(--dshgt-inset) 30px;width:100%;}
+/* 五个 tab 共用同一个内容框：宽屏居中、窄屏贴最小 gutter；内容本身铺满框内宽度。
+   只有空态文案这类「短句」用 text-align / 自身 max-width 控制，不再靠外层居中。 */
+.dshgt-view{padding:22px var(--dshgt-inset) 38px;width:100%;display:flex;flex-direction:column;gap:18px;}
 .dshgt-grow{flex:1;min-width:0;}
 .dshgt-dim{font-size:12px;color:var(--gt-muted);}
 .dshgt-empty{padding:48px 0;text-align:center;color:var(--gt-muted);font-size:13px;}
@@ -1321,7 +1335,7 @@ var CSS = `
 .dshgt-inline-tag{margin-left:6px;vertical-align:1px;}
 
 /* ——— 顶部身份条（第一行）：名称 / 版本 / 完整包名 / GitHub / 检查更新 ——— */
-.dshgt-idbar{display:flex;align-items:center;gap:9px;height:48px;padding:0 18px;border-bottom:1px solid var(--gt-border);flex:none;background:var(--gt-bg);min-width:0;}
+.dshgt-idbar{display:flex;align-items:center;gap:9px;height:48px;padding:0 var(--dshgt-inset);border-bottom:1px solid var(--gt-border);flex:none;background:var(--gt-bg);min-width:0;}
 .dshgt-idbar .dshgt-brand{display:flex;align-items:center;gap:9px;padding:0;flex:none;min-width:0;}
 .dshgt-idbar .dshgt-brand svg{width:22px;height:22px;flex:none;border-radius:6px;}
 .dshgt-brand-name{font-size:13.5px;font-weight:650;letter-spacing:-.01em;white-space:nowrap;line-height:1.3;}
@@ -1329,18 +1343,37 @@ var CSS = `
 .dshgt-id-sep{width:1px;height:16px;background:var(--gt-border);flex:none;}
 .dshgt-id-pkg{appearance:none;border:0;background:none;padding:2px 4px;border-radius:5px;color:var(--gt-muted);cursor:pointer;font-size:12px;max-width:min(44vw,360px);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:0 1 auto;}
 .dshgt-id-pkg:hover{color:var(--gt-fg);background:color-mix(in srgb,var(--gt-fg) 5%,var(--gt-bg));}
-.dshgt-idbar-right{margin-left:auto;display:flex;align-items:center;gap:10px;flex:none;min-width:0;}
+.dshgt-idbar-right{margin-left:auto;position:relative;display:flex;align-items:center;gap:10px;flex:none;min-width:0;}
 .dshgt-id-gh{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;color:var(--gt-muted);border:1px solid transparent;flex:none;}
 .dshgt-id-gh:hover{color:var(--gt-fg);background:color-mix(in srgb,var(--gt-fg) 6%,var(--gt-bg));border-color:var(--gt-border);}
-.dshgt-id-upd{display:flex;align-items:center;gap:10px;min-width:0;}
-.dshgt-id-status{font-size:12px;color:var(--gt-muted);white-space:nowrap;display:inline-flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;}
-.dshgt-id-status.ok{color:var(--gt-ok);}
-.dshgt-id-status.new{color:var(--gt-warn);}
-.dshgt-id-status.err{color:var(--gt-err);}
-.dshgt-id-actions{display:flex;align-items:center;gap:8px;flex:none;}
+/* 更新入口：版本徽标 + 纯图标刷新，作为一个整体；与 GitHub 图标同形制 */
+.dshgt-upd-unit{display:inline-flex;align-items:center;gap:4px;flex:none;}
+/* 版本徽标：仅「有新版本」时出现，透明底细描边，高度对齐图标按钮中线 */
+.dshgt-ver-badge{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;height:22px;padding:0 8px;border-radius:999px;
+  border:1px solid color-mix(in srgb,var(--gt-warn) 42%,transparent);background:transparent;color:var(--gt-warn);
+  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap;cursor:pointer;
+  transition:background .12s ease,border-color .12s ease;}
+.dshgt-ver-badge:hover{background:color-mix(in srgb,var(--gt-warn) 12%,transparent);border-color:color-mix(in srgb,var(--gt-warn) 60%,transparent);}
+.dshgt-ver-badge:focus-visible{outline:2px solid var(--gt-accent);outline-offset:1px;}
+/* 纯图标刷新：状态靠图标颜色 + 角标 + 旋转表达，文案走 title（tooltip） */
+.dshgt-refresh{position:relative;}
+.dshgt-refresh svg{display:block;transition:color .12s ease;}
+.dshgt-refresh[data-state="available"]{color:var(--gt-warn);}
+.dshgt-refresh[data-state="available"]::after{content:"";position:absolute;top:3px;right:3px;width:6px;height:6px;border-radius:50%;background:var(--gt-warn);box-shadow:0 0 0 1.5px var(--gt-bg);}
+.dshgt-refresh[data-state="checking"]{color:var(--gt-muted);cursor:default;}
+.dshgt-refresh[data-state="checking"] svg{animation:dshgt-refresh-spin .9s linear infinite;}
+.dshgt-refresh[data-state="error"]{color:var(--gt-err);}
+.dshgt-refresh[data-state="ok-flash"]{color:var(--gt-ok);}
+@keyframes dshgt-refresh-spin{to{transform:rotate(360deg);}}
+/* 确认气泡：贴刷新图标右下方弹出 */
+.dshgt-confirm-pop{position:absolute;top:calc(100% + 8px);right:0;z-index:30;box-sizing:border-box;min-width:210px;max-width:280px;
+  display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:12px;background:var(--gt-card);border:1px solid var(--gt-border);
+  box-shadow:0 12px 32px rgba(0,0,0,.28);}
+.dshgt-confirm-title{font-size:12.5px;color:var(--gt-fg);line-height:1.45;}
+.dshgt-confirm-actions{display:flex;gap:8px;justify-content:flex-end;}
 
 /* ——— 横向 tab（第二行）+ 右侧状态 ——— */
-.dshgt-tabsbar{display:flex;align-items:stretch;gap:12px;height:46px;padding:0 18px;border-bottom:1px solid var(--gt-border);flex:none;background:var(--gt-bg);min-width:0;}
+.dshgt-tabsbar{display:flex;align-items:stretch;gap:12px;height:46px;padding:0 var(--dshgt-inset);border-bottom:1px solid var(--gt-border);flex:none;background:var(--gt-bg);min-width:0;}
 .dshgt-tabnav{display:flex;align-items:stretch;gap:2px;height:100%;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;}
 .dshgt-tabnav::-webkit-scrollbar{display:none;}
 .dshgt-tab{display:flex;align-items:center;gap:7px;padding:0 12px;border:0;background:none;color:var(--gt-muted);cursor:pointer;font:inherit;font-size:13.5px;position:relative;border-bottom:2px solid transparent;margin-bottom:-1px;flex:none;white-space:nowrap;}
@@ -1413,17 +1446,17 @@ var CSS = `
 @keyframes dshgt-spin{to{transform:rotate(360deg);}}
 
 /* ——— 日报 ——— */
-/* 日报是阅读页：整列（工具栏 + 纸面）统一限宽并居中，避免超宽屏下工具栏与正文两段式错位。 */
-.dshgt-digest{padding-top:20px;gap:12px;}
-.dshgt-digest > *{width:100%;max-width:920px;margin-inline:auto;}
+/* 日报不再自己限宽 / 居中：整页与其它四个 tab 共用 .dshgt-view 的内容框，
+   工具栏和纸面左右边缘和页头、正文完全对齐。 */
+.dshgt-digest{gap:12px;}
 .dshgt-digest-subbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
 .dshgt-datenav{display:flex;align-items:center;gap:2px;border:1px solid var(--gt-border);border-radius:8px;background:var(--gt-card);padding:2px;}
 .dshgt-icon-btn{width:28px;height:28px;display:grid;place-items:center;border:1px solid transparent;background:var(--gt-bg);border-radius:6px;color:var(--gt-fg);font-family:inherit;font-size:18px;line-height:1;cursor:pointer;flex:none;}
 .dshgt-icon-btn:hover:not(:disabled){background:color-mix(in srgb,var(--gt-fg) 7%,var(--gt-bg));border-color:var(--gt-border);}
 .dshgt-icon-btn:disabled{opacity:.3;cursor:not-allowed;}
 .dshgt-dateselect{appearance:none;height:28px;border:0;background:transparent;font-family:inherit;font-size:13px;color:var(--gt-fg);padding:0 8px;min-width:210px;max-width:320px;cursor:pointer;}
-/* 日报预览纸面：阅读类长文，限制行宽。整体列宽由 .dshgt-digest 视图统一居中约束。 */
-.dshgt-digest-sheet{max-width:920px;width:100%;border:1px solid var(--gt-border);border-radius:12px;background:var(--gt-card);overflow:hidden;}
+/* 日报预览纸面：铺满统一内容框；阅读行宽由内边距与字号控制。 */
+.dshgt-digest-sheet{width:100%;border:1px solid var(--gt-border);border-radius:12px;background:var(--gt-card);overflow:hidden;}
 .dshgt-digest-body{display:flex;flex-direction:column;min-width:0;}
 .dshgt-digest-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:9px 12px;border-bottom:1px solid color-mix(in srgb,var(--gt-border) 70%,transparent);background:color-mix(in srgb,var(--gt-fg) 2.5%,var(--gt-card));}
 .dshgt-seg{display:inline-flex;border:1px solid var(--gt-border);border-radius:8px;padding:2px;background:var(--gt-bg);gap:2px;}
@@ -1433,7 +1466,7 @@ var CSS = `
 .dshgt-doc-meta{display:flex;gap:12px;flex-wrap:wrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:var(--gt-muted);padding-bottom:12px;border-bottom:1px solid color-mix(in srgb,var(--gt-border) 70%,transparent);}
 .dshgt-digest-raw{margin:0;padding:22px 28px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.75;white-space:pre-wrap;word-break:break-word;color:var(--gt-muted);background:color-mix(in srgb,var(--gt-fg) 2.5%,var(--gt-card));max-height:640px;overflow:auto;}
 .dshgt-digest-loading{padding:40px 28px;color:var(--gt-muted);font-size:13px;}
-.dshgt-digest-empty{padding:42px 36px 46px;max-width:720px;}
+.dshgt-digest-empty{padding:42px 36px 46px;}
 .dshgt-status-line{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--gt-muted);}
 .dshgt-status-line b{color:var(--gt-fg);font-weight:600;white-space:nowrap;}
 .dshgt-digest-empty h2{margin:14px 0 6px;font-size:20px;font-weight:650;letter-spacing:-.012em;}
@@ -1557,7 +1590,7 @@ var CSS = `
 .dshgt-gh{width:15px;height:15px;display:block;fill:currentColor;}
 
 /* ——— 订阅：命令栏 + 四列表格 + 选择条 + 发版记录抽屉 ——— */
-.dshgt-subs{gap:12px;padding-bottom:10px;}
+.dshgt-subs{gap:12px;}
 /* 工具条：搜索 + 添加 + 选择 + 生成变更分析；列表在上方操作区之下 */
 .dshgt-subs-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid color-mix(in srgb,var(--gt-border) 70%,transparent);}
 .dshgt-subs-search{position:relative;flex:1;min-width:180px;max-width:340px;display:flex;align-items:center;}
@@ -1687,8 +1720,10 @@ var CSS = `
 }
 
 @media (max-width:1100px){
-  .dshgt-page-head{padding:18px 22px 12px;}
-  .dshgt-view{padding:18px 22px 30px;}
+  .dshgt-app{--dshgt-gutter:22px;}
+  .dshgt-page-head{padding-block:18px 12px;}
+  .dshgt-view{padding-block:18px 30px;}
+  .dshgt-main-body > .dshgt-settings{padding-block:18px 22px;}
   .dshgt-facts{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:10px;}
   .dshgt-fact:nth-child(3){padding-left:0;border-left:0;}
   .dshgt-week{flex-wrap:wrap;}
@@ -1702,20 +1737,19 @@ var CSS = `
 @media (max-width:980px){
   .dshgt-page-head h1{font-size:19px;}
   .dshgt-dek{font-size:12.5px;}
-  .dshgt-main-body > .dshgt-settings{padding:14px 18px 18px;}
-}
-@media (max-width:900px){
-  .dshgt-main-body > .dshgt-settings{padding:14px 16px 18px;}
+  .dshgt-main-body > .dshgt-settings{padding-block:16px 18px;}
 }
 @media (max-width:760px){
-  .dshgt-idbar{padding:0 14px;gap:8px;}
+  .dshgt-app{--dshgt-gutter:18px;}
+  .dshgt-idbar{gap:8px;}
   .dshgt-id-pkg{max-width:26vw;}
   .dshgt-id-status{display:none;}
-  .dshgt-tabsbar{padding:0 14px;gap:8px;}
+  .dshgt-tabsbar{gap:8px;}
   .dshgt-tabsbar-status{display:none;}
-  .dshgt-page-head{flex-wrap:wrap;padding:16px 18px 12px;gap:10px 16px;}
+  .dshgt-page-head{flex-wrap:wrap;padding-block:16px 12px;gap:10px 16px;}
   .dshgt-head-actions{margin-left:0;width:100%;justify-content:flex-start;padding-top:0;flex-wrap:wrap;}
-  .dshgt-view{padding:16px 18px 28px;}
+  .dshgt-view{padding-block:16px 28px;}
+  .dshgt-main-body > .dshgt-settings{padding-block:14px 18px;}
   .dshgt-runs-filter{margin-left:0;width:100%;flex-wrap:wrap;}
   .dshgt-run-row{grid-template-columns:14px 92px 46px minmax(0,1fr) 20px;gap:8px;padding:0 2px;}
   .dshgt-run-item.has-tokens .dshgt-run-row{grid-template-columns:14px 92px 46px minmax(0,1fr) 64px 20px;}
@@ -5868,48 +5902,54 @@ function githubIcon() {
     d: "M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.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-.27.68 0 1.36.09 2 .27 1.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"
   }));
 }
+function refreshIcon() {
+  return h(
+    "svg",
+    { width: 15, height: 15, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true" },
+    h("path", { d: "M20 12a8 8 0 1 1-2.34-5.66" }),
+    h("path", { d: "M20 4v5h-5" })
+  );
+}
 function IdentityBar(props) {
   const { t, plugin } = props;
   const [confirming, setConfirming] = import_react.default.useState(false);
   const [updateState, controller] = usePluginUpdate();
   const view = updateState.view;
   const status = updateState.status;
-  import_react.default.useEffect(() => {
-    if (status === "applying" || status === "restart-required" || status === "applied") setConfirming(false);
-  }, [status]);
   const busy = status === "checking" || status === "applying";
   const settled = status === "restart-required" || status === "applied";
   const latestVersion = view === null ? "" : view.latestVersion ?? "";
   const updateAvailable = view !== null && view.updateAvailable;
-  const actionable = updateAvailable && view !== null && view.canApply && !settled && !busy;
+  const actionable = updateAvailable && view !== null && view.canApply && !busy && !settled;
   const currentVersion = view === null ? plugin.version : view.currentVersion ?? plugin.version;
-  function statusLine() {
-    if (status === "checking" || view === null) return { text: t("shell.update.checking"), kind: "muted" };
-    if (status === "applying") return { text: t("shell.update.applying", { version: latestVersion }), kind: "muted" };
-    if (status === "restart-required" || status === "applied") return { text: t("shell.update.done", { version: latestVersion }), kind: "ok" };
-    if (status === "failed") return { text: updateState.error?.code === "CHECK_FAILED" ? t("shell.update.checkFailed") : t("shell.update.failed"), kind: "err" };
-    if (view.checkFailed) return { text: t("shell.update.checkFailed"), kind: "err" };
-    if (view.updateAvailable) return { text: t("shell.update.available", { latest: view.latestVersion ?? "" }), kind: "new" };
-    return { text: t("shell.update.latest", { version: currentVersion }), kind: "ok" };
+  import_react.default.useEffect(() => {
+    if (!updateAvailable || busy || settled) setConfirming(false);
+  }, [updateAvailable, busy, settled]);
+  function stateAndTip() {
+    if (status === "checking" || view === null) return { state: "checking", tip: t("shell.update.checking") };
+    if (status === "applying") return { state: "checking", tip: t("shell.update.applying", { version: latestVersion }) };
+    if (status === "restart-required" || status === "applied") return { state: "ok-flash", tip: t("shell.update.done", { version: latestVersion }) };
+    if (status === "failed") return { state: "error", tip: updateState.error?.code === "CHECK_FAILED" ? t("shell.update.checkFailed") : t("shell.update.failed") };
+    if (view.checkFailed) return { state: "error", tip: t("shell.update.checkFailed") };
+    if (view.updateAvailable) return { state: "available", tip: t("shell.update.available", { latest: latestVersion }) };
+    return { state: "latest", tip: t("shell.update.latest", { version: currentVersion }) };
   }
-  function action() {
-    if (status === "applying") return h(Btn, { small: true, disabled: true }, t("shell.update.applyingShort"));
+  const st = stateAndTip();
+  function onRefreshClick() {
+    if (busy) return;
     if (actionable) {
-      if (confirming) {
-        return [
-          h(Btn, { key: "yes", small: true, variant: "danger", onClick: () => {
-            setConfirming(false);
-            writePendingUpdate(currentVersion, latestVersion);
-            void controller.apply();
-          } }, t("shell.update.confirmYes")),
-          h(Btn, { key: "no", small: true, onClick: () => setConfirming(false) }, t("shell.update.cancel"))
-        ];
-      }
-      return h(Btn, { small: true, variant: "primary", onClick: () => setConfirming(true) }, t("shell.update.apply", { version: latestVersion }));
+      setConfirming((v) => !v);
+      return;
     }
-    return h(Btn, { small: true, disabled: busy, onClick: () => void controller.check({ fresh: true }) }, t("shell.update.check"));
+    void controller.check({ fresh: true });
+  }
+  function onConfirmUpdate() {
+    setConfirming(false);
+    writePendingUpdate(currentVersion, latestVersion);
+    void controller.apply();
   }
-  const line = statusLine();
+  const showBadge = Boolean(updateAvailable && view?.canApply && !busy && !settled);
+  const confirmOpen = confirming && actionable;
   return h(
     "div",
     { className: "dshgt-idbar" },
@@ -5929,33 +5969,115 @@ function IdentityBar(props) {
       "div",
       { className: "dshgt-idbar-right" },
       h(
-        "span",
-        { className: "dshgt-id-upd" },
-        confirming ? h("span", { className: "dshgt-id-status new" }, t("shell.update.confirmHint")) : h("span", { className: `dshgt-id-status ${line.kind}` }, line.text),
-        h("span", { className: "dshgt-id-actions" }, action())
-      )
+        "div",
+        { className: "dshgt-upd-unit" },
+        showBadge ? h(
+          "button",
+          {
+            type: "button",
+            className: "dshgt-ver-badge",
+            title: t("shell.update.badgeTitle", { version: latestVersion }),
+            "aria-label": t("shell.update.badgeTitle", { version: latestVersion }),
+            onClick: () => setConfirming((v) => !v)
+          },
+          `v${latestVersion}`
+        ) : null,
+        h(
+          "button",
+          {
+            type: "button",
+            className: "dshgt-id-gh dshgt-refresh",
+            "data-state": st.state,
+            disabled: busy,
+            title: st.tip,
+            "aria-label": st.tip,
+            "aria-expanded": confirmOpen ? "true" : void 0,
+            onClick: onRefreshClick
+          },
+          refreshIcon()
+        )
+      ),
+      confirmOpen ? h(
+        "div",
+        { className: "dshgt-confirm-pop", role: "dialog", "aria-label": t("shell.update.confirmHint") },
+        h("div", { className: "dshgt-confirm-title" }, t("shell.update.confirmHint")),
+        h(
+          "div",
+          { className: "dshgt-confirm-actions" },
+          h(Btn, { small: true, onClick: () => setConfirming(false) }, t("shell.update.cancel")),
+          h(Btn, { small: true, variant: "primary", onClick: onConfirmUpdate }, t("shell.update.confirmYes"))
+        )
+      ) : null
     )
   );
 }
 
 // client/restore-notice.ts
-function RestoreNotice({ t, version, onDismiss, onRestart }) {
-  const title = version !== void 0 && version !== "" ? t("restoreNotice.title", { version }) : t("restoreNotice.titleBare");
+function vLabel(value) {
+  if (value === void 0) return void 0;
+  const text = value.trim();
+  if (text === "") return void 0;
+  return text.startsWith("v") ? text : `v${text}`;
+}
+var ARROW = h(
+  "svg",
+  {
+    width: 14,
+    height: 14,
+    viewBox: "0 0 16 16",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: 1.6,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    "aria-hidden": "true",
+    focusable: "false"
+  },
+  h("path", { d: "M3 8h9" }),
+  h("polyline", { points: "8.5 4.5 12 8 8.5 11.5" })
+);
+function RestoreNotice({ t, version, from, onDismiss }) {
+  const fromLabel = vLabel(from);
+  const toLabel = vLabel(version);
+  const pair = fromLabel !== void 0 && toLabel !== void 0 && fromLabel !== toLabel;
+  const title = pair ? t("restoreNotice.titleInstalled") : toLabel !== void 0 ? t("restoreNotice.title", { version: toLabel.replace(/^v/, "") }) : t("restoreNotice.titleBare");
+  import_react.default.useEffect(() => {
+    if (typeof document === "undefined") return void 0;
+    const onKeyDown = (event) => {
+      if (event.key === "Escape") onDismiss();
+    };
+    document.addEventListener("keydown", onKeyDown);
+    return () => document.removeEventListener("keydown", onKeyDown);
+  }, [onDismiss]);
   return h(
     "div",
-    { className: "dshgt-restore", role: "status", "aria-live": "polite" },
-    h("span", { className: "dshgt-restore-icon", "aria-hidden": "true" }, "⟳"),
-    h(
-      "div",
-      { className: "dshgt-restore-text" },
-      h("div", { className: "dshgt-restore-title" }, title),
-      h("div", { className: "dshgt-restore-body" }, t("restoreNotice.body"))
-    ),
+    { className: "dshgt-restore-mask" },
     h(
       "div",
-      { className: "dshgt-restore-actions" },
-      onRestart === void 0 ? null : h(Btn, { small: true, variant: "primary", onClick: () => onRestart() }, t("restoreNotice.restart")),
-      h(Btn, { small: true, onClick: () => onDismiss() }, t("restoreNotice.dismiss"))
+      {
+        className: "dshgt-restore",
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-labelledby": "dshgt-restore-title"
+      },
+      pair ? h(
+        "div",
+        { className: "dshgt-restore-versions" },
+        h("span", { className: "dshgt-restore-version" }, fromLabel),
+        h("span", { className: "dshgt-restore-arrow" }, ARROW),
+        h("span", { className: "dshgt-restore-version is-new" }, toLabel)
+      ) : null,
+      h("div", { className: "dshgt-restore-title", id: "dshgt-restore-title" }, title),
+      h("p", { className: "dshgt-restore-body" }, t("restoreNotice.body")),
+      h(
+        "div",
+        { className: "dshgt-restore-foot" },
+        h(
+          "button",
+          { type: "button", className: "dshgt-restore-close", autoFocus: true, onClick: () => onDismiss() },
+          t("restoreNotice.dismiss")
+        )
+      )
     )
   );
 }
@@ -6147,12 +6269,7 @@ function apply(ctx) {
         pendingUpdate === null ? null : h(RestoreNotice, {
           t,
           version: pendingUpdate.to,
-          onRestart: () => {
-            const reloader = ctx.restart;
-            if (typeof reloader === "function") reloader();
-            clearPendingUpdate();
-            setPendingUpdate(null);
-          },
+          from: pendingUpdate.from,
           onDismiss: () => {
             clearPendingUpdate();
             setPendingUpdate(null);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@morehao/dsh-github-trending",
-  "version": "0.8.11",
+  "version": "0.8.13",
   "description": "GitHub 趋势日报的 DeepSeek Harness 插件：按日 / 周 / 月周期定时 spawn 本地 trendradar 核心，抓取 Trending、生成中文简介与周期总结，并可选把订阅仓库的新 Release 合成中文摘要，一起提交到你的仓库、自动开 PR 合并；内置概览 / 榜单 / 运行记录 / 订阅 / 设置工作台。",
   "type": "module",
   "main": "lib/index.js",