@morehao/dsh-github-trending 0.8.10 → 0.8.12

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # 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
+
+- **client**: 自更新恢复提示改为顶部常驻横条 (#96)
+
+**Full Changelog**: https://github.com/morehao/dsh-github-trending/compare/v0.8.10...v0.8.11
+
 ## [v0.8.10] - 2026-11-02
 
 ### Features

package/client.js

@@ -284,9 +284,10 @@ var DICT = {
     "shell.update.confirmYes": "确认更新",
     "shell.update.cancel": "取消",
     "restoreNotice.title": "已更新到 v{version}",
+    "restoreNotice.titleInstalled": "新版本已安装",
     "restoreNotice.titleBare": "更新已安装",
     "restoreNotice.body": "请彻底退出 DSH（⌘Q）再重新打开，更新才会生效。",
-    "restoreNotice.dismiss": "知道了",
+    "restoreNotice.dismiss": "关闭",
     "time.in.minutes": "{minutes} 分钟后",
     "time.in.hours": "{hours} 小时 {minutes} 分后",
     "time.in.days": "{days} 天后",
@@ -834,9 +835,10 @@ var DICT = {
     "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.",
-    "restoreNotice.dismiss": "Got it",
+    "restoreNotice.dismiss": "Close",
     "time.in.minutes": "in {minutes} min",
     "time.in.hours": "in {hours} h {minutes} min",
     "time.in.days": "in {days} d",
@@ -1176,7 +1178,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;}
@@ -1244,13 +1246,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);}
 
-/* ——— 自更新后的恢复提示（右下角，约 6 秒后自动消失） ——— */
-.dshgt-restore{position:fixed;right:20px;bottom:20px;z-index:2147483000;max-width:360px;display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:12px;border:1px solid var(--gt-border);background:var(--gt-bg);box-shadow:0 16px 40px rgba(15,23,42,.28);animation:dshgt-restore-in .18s ease-out;}
-.dshgt-restore-text{display:flex;flex-direction:column;gap:4px;}
-.dshgt-restore-title{font-size:13px;font-weight:600;color:var(--gt-fg);}
-.dshgt-restore-body{font-size:12px;line-height:1.5;color:var(--gt-muted);}
-.dshgt-restore-actions{display:flex;justify-content:flex-end;gap:8px;}
-@keyframes dshgt-restore-in{from{opacity:0;transform:translateY(8px);}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;}
@@ -1269,7 +1280,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;}
@@ -1299,18 +1314,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;}
@@ -1318,7 +1333,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;}
@@ -1337,7 +1352,7 @@ var CSS = `
 .dshgt-id-actions{display:flex;align-items:center;gap:8px;flex:none;}
 
 /* ——— 横向 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;}
@@ -1410,17 +1425,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;}
@@ -1430,7 +1445,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;}
@@ -1534,13 +1549,13 @@ var CSS = `
 .dshgt-about-close{margin-left:auto;flex:none;display:grid;place-items:center;width:28px;height:28px;padding:0;appearance:none;font:inherit;cursor:pointer;border-radius:7px;border:1px solid transparent;background:transparent;color:var(--gt-muted);}
 .dshgt-about-close:hover{color:var(--gt-fg);background:color-mix(in srgb,var(--gt-fg) 7%,var(--gt-bg));border-color:var(--gt-border);}
 .dshgt-about-close:focus-visible{outline:2px solid color-mix(in srgb,var(--gt-accent) 45%,transparent);outline-offset:1px;}
-/* 应用身份：顶部渐变横幅（Hero），logo / 名称 / 版本胶囊居中；用背景替代纯留白，收窄整体高度 */
-.dshgt-about-identity{position:relative;margin:-16px -16px 0;padding:16px;border-radius:12px 12px 0 0;display:flex;flex-direction:column;align-items:center;gap:7px;border-bottom:1px solid var(--gt-border);background:radial-gradient(120% 150% at 50% 0%,color-mix(in srgb,var(--gt-accent) 15%,var(--gt-bg)),var(--gt-bg));}
-.dshgt-about-logo svg{width:32px;height:32px;border-radius:12px;display:block;box-shadow:0 3px 10px rgba(0,0,0,.16);}
+/* 应用身份：logo / 名称 / 版本胶囊居中；与信息表整卡同色（不再用渐变、无分隔边、无图标阴影） */
+.dshgt-about-identity{position:relative;margin:-16px -16px 0;padding:16px;border-radius:12px 12px 0 0;display:flex;flex-direction:column;align-items:center;gap:7px;background:var(--gt-bg);}
+.dshgt-about-logo svg{width:32px;height:32px;border-radius:12px;display:block;}
 .dshgt-about-name{font-size:13.5px;font-weight:680;letter-spacing:-.01em;line-height:1.2;}
 .dshgt-about-ver{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px;color:var(--gt-fg);background:var(--gt-card);border:1px solid var(--gt-border);border-radius:999px;padding:0 8px;line-height:16px;}
-/* 信息表：上方一条分割线，左对齐 label/value */
-.dshgt-about .dshgt-kv{grid-template-columns:88px minmax(0,1fr);border-top:1px solid var(--gt-border);padding-top:2px;}
+/* 信息表：无上方分割线，左对齐 label/value */
+.dshgt-about .dshgt-kv{grid-template-columns:88px minmax(0,1fr);padding-top:2px;}
 .dshgt-about .dshgt-kv a{color:var(--gt-accent);text-decoration:none;}
 .dshgt-about .dshgt-kv a:hover{text-decoration:underline;}
 .dshgt-about .dshgt-kv dd{min-width:0;overflow-wrap:anywhere;}
@@ -1554,7 +1569,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;}
@@ -1684,8 +1699,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;}
@@ -1699,20 +1716,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;}
@@ -5936,26 +5952,71 @@ function IdentityBar(props) {
 }
 
 // client/restore-notice.ts
-var AUTO_DISMISS_MS = 6e3;
-function RestoreNotice({ t, version, onDismiss }) {
+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(() => {
-    const timer = setTimeout(() => onDismiss(), AUTO_DISMISS_MS);
-    return () => clearTimeout(timer);
+    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]);
-  const title = version !== void 0 && version !== "" ? t("restoreNotice.title", { version }) : t("restoreNotice.titleBare");
   return h(
     "div",
-    { className: "dshgt-restore", role: "status", "aria-live": "polite" },
+    { className: "dshgt-restore-mask" },
     h(
       "div",
-      { className: "dshgt-restore-text" },
-      h("div", { className: "dshgt-restore-title" }, title),
-      h("div", { className: "dshgt-restore-body" }, t("restoreNotice.body"))
-    ),
-    h(
-      "div",
-      { className: "dshgt-restore-actions" },
-      h(Btn, { small: true, variant: "primary", 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")
+        )
+      )
     )
   );
 }
@@ -6144,6 +6205,15 @@ function apply(ctx) {
       h(
         "div",
         { className: "dshgt-app" },
+        pendingUpdate === null ? null : h(RestoreNotice, {
+          t,
+          version: pendingUpdate.to,
+          from: pendingUpdate.from,
+          onDismiss: () => {
+            clearPendingUpdate();
+            setPendingUpdate(null);
+          }
+        }),
         plugin === void 0 ? null : h(IdentityBar, { t, plugin, onOpenAbout: openAbout }),
         h(
           "div",
@@ -6236,15 +6306,7 @@ function apply(ctx) {
           h("div", { className: "dshgt-main-body" }, view === "settings" ? viewNode : h("div", { className: "dshgt-scroll" }, viewNode))
         )
       ),
-      aboutOpen && state !== null ? h(AboutDialog, { t, state, onClose: () => setAboutOpen(false) }) : null,
-      pendingUpdate ? h(RestoreNotice, {
-        t,
-        version: pendingUpdate.to,
-        onDismiss: () => {
-          clearPendingUpdate();
-          setPendingUpdate(null);
-        }
-      }) : null
+      aboutOpen && state !== null ? h(AboutDialog, { t, state, onClose: () => setAboutOpen(false) }) : null
     );
   }
   disposers.push(

package/package.json

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