dsh-github-flow 0.6.0 → 0.7.1

package/lib/ui/styles.js

@@ -3,50 +3,13 @@
  * 遵循 DSH 原生 DSW (DeepSeek Web) 设计语言规范
  */
 export const GITHUB_PANEL_CSS = `
-/* 1. 侧边栏图标与外壳 */
-.dsh-github-icon {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-  cursor: pointer;
-  color: var(--dsw-alias-label-secondary, #656d76);
-  transition: color 0.15s ease;
-}
-.dsh-github-icon:hover {
-  color: var(--dsw-alias-label-primary, #1f2328);
-}
-.dsh-github-icon-inner {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 28px;
-  height: 28px;
-  border-radius: 7px;
-  background: transparent;
-  color: inherit;
-  border: 1px solid transparent;
-  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
-}
-.dsh-github-icon-inner.active {
-  background: var(--dsw-alias-bg-module-platform, rgba(9, 105, 218, 0.08));
-  color: var(--dsw-alias-link, #0969da);
-  border-color: var(--dsw-alias-border-l2, rgba(9, 105, 218, 0.2));
-}
-
-body[data-ds-dark-theme] .dsh-github-icon {
-  color: var(--dsw-alias-label-secondary, #9ca3af);
-}
-body[data-ds-dark-theme] .dsh-github-icon:hover {
-  color: var(--dsw-alias-label-primary, #ffffff);
-}
-body[data-ds-dark-theme] .dsh-github-icon-inner.active {
-  background: linear-gradient(135deg, rgba(46, 160, 67, 0.3) 0%, rgba(31, 111, 235, 0.45) 100%);
-  color: #ffffff;
-  box-shadow: 0 0 12px rgba(31, 111, 235, 0.4);
-  border-color: rgba(88, 166, 255, 0.45);
-}
+/* 1. 侧边栏入口图标：刻意不提供任何样式
+ *
+ * 宿主的 .panelRow 负责行高亮 / hover / 颜色，图标格 .panelGlyph 是 flex:none
+ * 且不设宽高（宽度完全由内容决定）。这里任何固定尺寸都会撑开图标格、把标签推右；
+ * 任何背景/发光都会与宿主选中态叠加。历史教训见 issue #9：
+ * 28px 内层盒子让图标格比同级宽 12px，深色渐变+发光则是多余的第二层选中态。
+ */
 
 /* 2. Octocat 科技勋章 Badge */
 .dsh-octocat-badge {
@@ -1546,6 +1509,12 @@ body[data-ds-dark-theme] .dsh-github-stat-list {
 
 .dsh-github-stat-row {
   transition: background-color 0.15s ease;
+  cursor: pointer;
+}
+/* 键盘可达性：文件行是「打开 diff」的入口，纯 hover 反馈对 Tab 用户不可见 */
+.dsh-github-stat-row:focus-visible {
+  outline: 2px solid var(--dsw-alias-state-accent-primary, #1296db);
+  outline-offset: -2px;
 }
 .dsh-github-stat-row:hover {
   background: var(--dsw-alias-interactive-bg-hover, rgba(0, 0, 0, 0.04));
@@ -2488,6 +2457,369 @@ body[data-ds-dark-theme] .dsh-github-issue-timeline-title {
   opacity: 0.6;
   flex: 0 0 auto;
 }
+
+/* 23. Actions Run 详情弹窗 (RunDetailModal)
+ *
+ * 为什么是单列而不是 PR 那样的双栏：run 的信息是「一串 job + 一条日志流」，
+ * 天然按纵向顺序阅读，没有需要并排对照的第二个信息源（PR 才有 diff 双栏）；
+ * 但宽度仍给到 960px——job/step 名称与日志行都要靠横向空间减少折行。
+ *
+ * 为什么日志块用 pre 而不是 Markdown：GitHub 原始日志里的 #、|、--- 分别是
+ * shell 注释、表格与 diff 分隔符，交给 markdown-lite 会被当成标题/表格语法，
+ * 把堆栈与 diff 片段撕碎；等宽字体 + pre-wrap + 自身滚动区才是日志的呈现形态。
+ */
+.dsh-github-run-modal-dialog {
+  width: 92% !important;
+  max-width: 960px !important;
+  height: 84vh !important;
+  max-height: 84vh !important;
+  display: flex !important;
+  flex-direction: column !important;
+  overflow: hidden !important;
+  padding: 0 !important;
+}
+
+.dsh-github-run-modal-header {
+  padding: 12px 16px !important;
+  border-bottom: 1px solid var(--dsw-alias-border-l2, #e1e4e8);
+  background: var(--dsw-alias-bg-layer-1, #f6f8fa);
+  flex-shrink: 0;
+}
+body[data-ds-dark-theme] .dsh-github-run-modal-header {
+  border-bottom-color: var(--dsw-alias-border-l1, #30363d);
+  background: var(--dsw-alias-bg-layer-1, #16161a);
+}
+
+/* 滚动容器：flex:1 与 min-height:0 缺一不可，否则 column flex 的子项会按内容
+ * 撑高，overflow-y:auto 永远不触发（长 job 列表滚不动） */
+.dsh-github-run-body {
+  padding: 14px 16px 20px;
+  overflow-y: auto;
+  flex: 1;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  /* 滚到边界不把滚动传给弹窗外层，避免整页跟着滚 */
+  overscroll-behavior: contain;
+}
+
+/* 元信息行：分隔符交给 ::before，省掉一批纯装饰的空 span */
+.dsh-github-run-meta {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 6px;
+  padding: 8px 16px;
+  font-size: 11px;
+  line-height: 18px;
+  color: var(--dsw-alias-label-secondary, #57606a);
+  background: var(--dsw-alias-bg-module-platform, #f6f8fa);
+  border-bottom: 1px solid var(--dsw-alias-border-l2, #e1e4e8);
+  flex: 0 0 auto;
+}
+.dsh-github-run-meta > span:not(:first-child)::before {
+  content: "·";
+  margin-right: 6px;
+  opacity: 0.5;
+}
+body[data-ds-dark-theme] .dsh-github-run-meta {
+  color: var(--dsw-alias-label-secondary, #8b949e);
+  background: var(--dsw-alias-bg-layer-1, #16161a);
+  border-bottom-color: var(--dsw-alias-border-l1, #30363d);
+}
+
+.dsh-github-run-mono {
+  font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, monospace;
+  opacity: 0.9;
+}
+.dsh-github-run-degraded {
+  color: var(--dsw-alias-state-warning-primary, #9a6700);
+}
+body[data-ds-dark-theme] .dsh-github-run-degraded {
+  color: #d29922;
+}
+
+/* 单个 job 卡片 */
+.dsh-github-run-job {
+  border: 1px solid var(--dsw-alias-border-l2, #e1e4e8);
+  border-radius: 6px;
+  background: var(--dsw-alias-bg-base, #ffffff);
+  overflow: hidden;
+  /* 禁止收缩：父容器是 column flex，默认 flex-shrink:1 会压缩卡片而不是撑开
+   * 父容器，导致 overflow-y:auto 永不触发 */
+  flex: 0 0 auto;
+}
+body[data-ds-dark-theme] .dsh-github-run-job {
+  border-color: var(--dsw-alias-border-l1, #30363d);
+  background: var(--dsw-alias-bg-layer-2, #1e1e22);
+}
+
+/* 折叠头是 <button>：必须整条重置，否则会继承宿主的按钮边框/灰底/文字居中，
+ * 一排 job 就变成一排「大按钮」，与既有弹窗的行式排版完全冲突 */
+.dsh-github-run-job-header {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+  padding: 7px 10px;
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  text-align: left;
+  font-family: inherit;
+  font-size: 12px;
+  line-height: 18px;
+  color: var(--dsw-alias-label-primary, #1f2328);
+  border-radius: 6px;
+  transition: background 0.15s ease;
+}
+.dsh-github-run-job-header:hover {
+  background: var(--dsw-alias-interactive-bg-hover, #eaeef2);
+}
+body[data-ds-dark-theme] .dsh-github-run-job-header {
+  color: var(--dsw-alias-label-primary, #f0f6fc);
+}
+body[data-ds-dark-theme] .dsh-github-run-job-header:hover {
+  background: rgba(56, 139, 253, 0.12);
+}
+.dsh-github-run-caret {
+  flex-shrink: 0;
+  width: 10px;
+  font-size: 10px;
+  opacity: 0.65;
+}
+.dsh-github-run-job-name {
+  flex: 1 1 auto;
+  min-width: 0;
+  font-weight: 500;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.dsh-github-run-failed-count {
+  flex-shrink: 0;
+  font-size: 11px;
+  opacity: 0.6;
+  white-space: nowrap;
+}
+/* 有失败步骤时点成错误色：0/N 与 2/N 的信息量完全不同，不能同色 */
+.dsh-github-run-failed-count.is-hit {
+  opacity: 1;
+  font-weight: 600;
+  color: var(--dsw-alias-state-error-primary, #cf222e);
+}
+body[data-ds-dark-theme] .dsh-github-run-failed-count.is-hit {
+  color: #f85149;
+}
+
+/* 步骤表：四列等宽对齐（序号 / 名称 / 状态 / 耗时）；没有表头，用 grid 行式
+ * 布局比 table 更轻，且能让长步骤名省略而不是撑破布局 */
+.dsh-github-run-steps {
+  border-top: 1px solid var(--dsw-alias-border-l2, #e1e4e8);
+  display: flex;
+  flex-direction: column;
+}
+body[data-ds-dark-theme] .dsh-github-run-steps {
+  border-top-color: var(--dsw-alias-border-l1, #30363d);
+}
+.dsh-github-run-step {
+  display: grid;
+  grid-template-columns: 32px minmax(0, 1fr) auto 62px;
+  align-items: center;
+  gap: 8px;
+  padding: 5px 10px 5px 18px;
+  font-size: 11px;
+  line-height: 17px;
+  color: var(--dsw-alias-label-primary, #1f2328);
+  border-bottom: 1px solid var(--dsw-alias-border-l2, #eaeef2);
+}
+.dsh-github-run-step:last-child {
+  border-bottom: none;
+}
+.dsh-github-run-step > span:first-child {
+  font-variant-numeric: tabular-nums;
+  opacity: 0.55;
+}
+.dsh-github-run-step > span:nth-child(2) {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.dsh-github-run-step > span:nth-child(3) {
+  justify-self: start;
+}
+body[data-ds-dark-theme] .dsh-github-run-step {
+  color: var(--dsw-alias-label-primary, #f0f6fc);
+  border-bottom-color: var(--dsw-alias-border-l1, #30363d);
+}
+/* 失败步骤：浅红底 + 左侧粗线，扫一眼就能定位断点，不必逐个读状态文字 */
+.dsh-github-run-step-failed {
+  background: rgba(207, 34, 46, 0.07);
+  box-shadow: inset 3px 0 0 rgba(207, 34, 46, 0.55);
+}
+body[data-ds-dark-theme] .dsh-github-run-step-failed {
+  background: rgba(248, 81, 73, 0.12);
+  box-shadow: inset 3px 0 0 rgba(248, 81, 73, 0.7);
+}
+
+/* 耗时列：tabular-nums 让 m/s 数字上下严格对齐 */
+.dsh-github-run-duration {
+  font-size: 11px;
+  font-variant-numeric: tabular-nums;
+  white-space: nowrap;
+  text-align: right;
+  justify-self: end;
+  opacity: 0.65;
+}
+
+/* 日志提取按钮，同时也是错误块里的「重试」 */
+.dsh-github-run-log-btn {
+  align-self: flex-start;
+  flex-shrink: 0;
+  font-family: inherit;
+  font-size: 11px;
+  line-height: 18px;
+  padding: 5px 12px;
+  border-radius: 6px;
+  border: 1px solid var(--dsw-alias-border-l2, #d0d7de);
+  background: var(--dsw-alias-bg-module-platform, #f6f8fa);
+  color: var(--dsw-alias-label-primary, #1f2328);
+  cursor: pointer;
+  transition: border-color 0.15s ease, color 0.15s ease;
+}
+.dsh-github-run-log-btn:hover:not(:disabled) {
+  color: var(--dsw-alias-link, #0969da);
+  border-color: var(--dsw-alias-link, #0969da);
+}
+.dsh-github-run-log-btn:disabled {
+  cursor: progress;
+  opacity: 0.6;
+}
+body[data-ds-dark-theme] .dsh-github-run-log-btn {
+  border-color: var(--dsw-alias-border-l1, #30363d);
+  background: var(--dsw-alias-bg-layer-2, #1e1e22);
+  color: var(--dsw-alias-label-primary, #f0f6fc);
+}
+body[data-ds-dark-theme] .dsh-github-run-log-btn:hover:not(:disabled) {
+  color: #58a6ff;
+  border-color: #58a6ff;
+}
+
+.dsh-github-run-log-section {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  flex: 0 0 auto;
+}
+.dsh-github-run-log-block {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+.dsh-github-run-log-title {
+  font-size: 12px;
+  font-weight: 600;
+  color: var(--dsw-alias-label-primary, #1f2328);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+body[data-ds-dark-theme] .dsh-github-run-log-title {
+  color: var(--dsw-alias-label-primary, #f0f6fc);
+}
+/* 截断提示必须显眼：用户看到的是不完整日志，不能让他误以为日志就这么多 */
+.dsh-github-run-log-truncated {
+  font-size: 11px;
+  color: var(--dsw-alias-state-warning-primary, #9a6700);
+}
+body[data-ds-dark-theme] .dsh-github-run-log-truncated {
+  color: #d29922;
+}
+.dsh-github-run-log-hint {
+  font-size: 11px;
+  line-height: 1.6;
+  opacity: 0.7;
+}
+
+/* 日志正文：等宽 + pre-wrap（GitHub 日志几乎不折行，默认 pre 会把长行藏进横向
+ * 滚动），max-height 内独立滚动，避免几万行日志把整个弹窗顶爆 */
+.dsh-github-run-log {
+  margin: 0;
+  padding: 8px 10px;
+  max-height: 320px;
+  overflow: auto;
+  font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, monospace;
+  font-size: 11px;
+  line-height: 1.5;
+  white-space: pre-wrap;
+  word-break: break-word;
+  border: 1px solid var(--dsw-alias-border-l2, #e1e4e8);
+  border-radius: 6px;
+  background: var(--dsw-alias-bg-layer-1, #f6f8fa);
+  color: var(--dsw-alias-label-primary, #1f2328);
+  overscroll-behavior: contain;
+}
+body[data-ds-dark-theme] .dsh-github-run-log {
+  border-color: var(--dsw-alias-border-l1, #30363d);
+  background: var(--dsw-alias-bg-layer-1, #16161a);
+  color: var(--dsw-alias-label-primary, #f0f6fc);
+}
+
+/* 错误块：错误文本可能是一整段 gh 原始输出，单独限高滚动，别让它把重试按钮顶出视口 */
+.dsh-github-run-error {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  padding: 10px 12px;
+  border-radius: 6px;
+  border: 1px solid rgba(248, 81, 73, 0.35);
+  background: rgba(248, 81, 73, 0.08);
+  color: var(--dsw-alias-state-error-primary, #cf222e);
+  font-size: 12px;
+  flex: 0 0 auto;
+}
+body[data-ds-dark-theme] .dsh-github-run-error {
+  border-color: rgba(248, 81, 73, 0.45);
+  background: rgba(248, 81, 73, 0.12);
+  color: #f85149;
+}
+.dsh-github-run-error-title {
+  font-weight: 600;
+}
+.dsh-github-run-error-text {
+  max-height: 180px;
+  overflow: auto;
+  opacity: 0.9;
+  line-height: 1.6;
+  word-break: break-word;
+  white-space: pre-wrap;
+  overscroll-behavior: contain;
+}
+
+.dsh-github-run-empty {
+  padding: 18px 0;
+  text-align: center;
+  font-size: 12px;
+  opacity: 0.6;
+  flex: 0 0 auto;
+}
+body[data-ds-dark-theme] .dsh-github-run-empty {
+  color: var(--dsw-alias-label-secondary, #8b949e);
+}
+
+/* ciBadge 的 neutral 档（skipped）在全局样式里没有定义；只在本弹窗作用域内补，
+ * 免得影响其它面板已有徽章的观感 */
+.dsh-github-run-modal-dialog .dsh-badge-neutral {
+  background: rgba(110, 118, 129, 0.14);
+  border: 1px solid rgba(110, 118, 129, 0.28);
+  color: var(--dsw-alias-label-secondary, #57606a);
+}
+body[data-ds-dark-theme] .dsh-github-run-modal-dialog .dsh-badge-neutral {
+  background: rgba(139, 148, 158, 0.18);
+  border-color: rgba(139, 148, 158, 0.35);
+  color: var(--dsw-alias-label-secondary, #8b949e);
+}
 `;
 export function injectStyles() {
     var styleId = "dsh-plugin-github-styles";

package/lib/ui/sync-settings-modal.js

@@ -265,7 +265,7 @@ export function GlobalSyncSettingsModal(props) {
                     ? "var(--dsw-alias-state-error-primary, #cf222e)"
                     : "var(--dsw-alias-label-secondary, #656d76)",
         },
-    }, updateMsg.text) : null)) : activeSection === "about" ? h("div", null, h("div", { style: { display: "flex", alignItems: "center", gap: "10px", marginBottom: "14px" } }, renderOctocatBadge(40), h("div", null, h("div", { style: { fontSize: "15px", fontWeight: 600 } }, "DSH GitHub Flow"), h("div", { style: { fontSize: "12px", color: "var(--dsw-alias-label-secondary, #656d76)", marginTop: "2px" } }, "当前版本: v" + (aboutVersion || "…")))), h("div", { style: { fontSize: "12px", color: "var(--dsw-alias-label-secondary, #656d76)", marginBottom: "14px", lineHeight: "1.6" } }, "让 DeepSeek Harness Agent 拥有操作 GitHub 的原生手脚。原生复用宿主机 gh CLI 安全凭据，深度打通本地 Git 工作区与云端协作，提供 18 大领域 Agent 工具、人类 Slash 指令、Web 全景驾驶舱与一键跨平台升级。"), h("div", { style: { display: "flex", flexDirection: "column", gap: "8px", marginBottom: "14px" } }, h("div", { style: { display: "flex", alignItems: "center", gap: "8px", fontSize: "12px" } }, h("span", { style: { minWidth: "64px", color: "var(--dsw-alias-label-secondary, #656d76)" } }, "仓库地址"), h("a", { href: "https://github.com/ItQianChen/dsh-github-flow", target: "_blank", rel: "noopener noreferrer", style: { color: "var(--dsw-alias-link, #0969da)" } }, "github.com/ItQianChen/dsh-github-flow")), h("div", { style: { display: "flex", alignItems: "center", gap: "8px", fontSize: "12px" } }, h("span", { style: { minWidth: "64px", color: "var(--dsw-alias-label-secondary, #656d76)" } }, "npm 包"), h("a", { href: "https://www.npmjs.com/package/dsh-github-flow", target: "_blank", rel: "noopener noreferrer", style: { color: "var(--dsw-alias-link, #0969da)" } }, "npmjs.com/package/dsh-github-flow")), h("div", { style: { display: "flex", alignItems: "center", gap: "8px", fontSize: "12px" } }, h("span", { style: { minWidth: "64px", color: "var(--dsw-alias-label-secondary, #656d76)" } }, "开源协议"), h("a", { href: "https://github.com/ItQianChen/dsh-github-flow/blob/master/LICENSE", target: "_blank", rel: "noopener noreferrer", style: { color: "var(--dsw-alias-link, #0969da)" } }, "MIT License"))), h("div", {
+    }, updateMsg.text) : null)) : activeSection === "about" ? h("div", null, h("div", { style: { display: "flex", alignItems: "center", gap: "10px", marginBottom: "14px" } }, renderOctocatBadge(40), h("div", null, h("div", { style: { fontSize: "15px", fontWeight: 600 } }, "DSH GitHub Flow"), h("div", { style: { fontSize: "12px", color: "var(--dsw-alias-label-secondary, #656d76)", marginTop: "2px" } }, "当前版本: v" + (aboutVersion || "…")))), h("div", { style: { fontSize: "12px", color: "var(--dsw-alias-label-secondary, #656d76)", marginBottom: "14px", lineHeight: "1.6" } }, "让 DeepSeek Harness Agent 拥有操作 GitHub 的原生手脚。原生复用宿主机 gh CLI 安全凭据，深度打通本地 Git 工作区与云端协作，提供 19 大领域 Agent 工具、人类 Slash 指令、Web 全景驾驶舱与一键跨平台升级。"), h("div", { style: { display: "flex", flexDirection: "column", gap: "8px", marginBottom: "14px" } }, h("div", { style: { display: "flex", alignItems: "center", gap: "8px", fontSize: "12px" } }, h("span", { style: { minWidth: "64px", color: "var(--dsw-alias-label-secondary, #656d76)" } }, "仓库地址"), h("a", { href: "https://github.com/ItQianChen/dsh-github-flow", target: "_blank", rel: "noopener noreferrer", style: { color: "var(--dsw-alias-link, #0969da)" } }, "github.com/ItQianChen/dsh-github-flow")), h("div", { style: { display: "flex", alignItems: "center", gap: "8px", fontSize: "12px" } }, h("span", { style: { minWidth: "64px", color: "var(--dsw-alias-label-secondary, #656d76)" } }, "npm 包"), h("a", { href: "https://www.npmjs.com/package/dsh-github-flow", target: "_blank", rel: "noopener noreferrer", style: { color: "var(--dsw-alias-link, #0969da)" } }, "npmjs.com/package/dsh-github-flow")), h("div", { style: { display: "flex", alignItems: "center", gap: "8px", fontSize: "12px" } }, h("span", { style: { minWidth: "64px", color: "var(--dsw-alias-label-secondary, #656d76)" } }, "开源协议"), h("a", { href: "https://github.com/ItQianChen/dsh-github-flow/blob/master/LICENSE", target: "_blank", rel: "noopener noreferrer", style: { color: "var(--dsw-alias-link, #0969da)" } }, "MIT License"))), h("div", {
         className: "dsh-github-about-star-box",
         style: {
             display: "flex",

package/lib/ui/workspace-panel.js

@@ -1,3 +1,4 @@
+import { prStateBadge, issueStateBadge } from '../shared/state-badges.js';
 /**
  * 全局工作区仪表盘主面板组件 (Dashboard View)
  */
@@ -28,6 +29,12 @@ export function GithubWorkspacePanel() {
     var [activeIssueModal, setActiveIssueModal] = React.useState(null);
     var cloudTimerRef = React.useRef(null);
     var dataRef = React.useRef(data);
+    // 全局面板分页游标：PR 与 Issues 独立维护，防止点击加载更多相互膨胀
+    var prLimitRef = React.useRef(15);
+    var issueLimitRef = React.useRef(15);
+    // 「正在加载更多」UI 标记：请求往返期间页脚必须给反馈，否则用户会连点触发重复请求
+    var [loadingPrs, setLoadingPrs] = React.useState(false);
+    var [loadingIssues, setLoadingIssues] = React.useState(false);
     dataRef.current = data;
     var showToast = (msg) => {
         setToastMsg(msg);
@@ -110,8 +117,14 @@ export function GithubWorkspacePanel() {
             if (forceRefresh)
                 await fetch("/api/github/refresh", { method: "POST", signal: controller.signal }).catch(() => { });
             var url = "/api/github/global-overview";
+            var params = [];
             if (forceRefresh) {
-                url += "?force=true";
+                params.push("force=true");
+            }
+            params.push("prLimit=" + prLimitRef.current);
+            params.push("issueLimit=" + issueLimitRef.current);
+            if (params.length > 0) {
+                url += "?" + params.join("&");
             }
             // 接入 1s/2s/4s 阶梯退避重试，平滑吸收代理节点与网络的偶发抖动断流
             var { res, json } = await fetchWithRetry(url, {}, {
@@ -347,6 +360,21 @@ export function GithubWorkspacePanel() {
     var workspaceMatrix = (data && data.workspaceMatrix) || [];
     var myPrs = (data && data.myPrs) || [];
     var myIssues = (data && data.myIssues) || [];
+    // 主面板列表分页：PR 与 Issue 各自独立游标，每页步长 15，避免点击加载更多相互膨胀
+    var loadMorePrs = function () {
+        if (loadingPrs)
+            return;
+        prLimitRef.current = prLimitRef.current + 15;
+        setLoadingPrs(true);
+        loadData(true).finally(function () { setLoadingPrs(false); });
+    };
+    var loadMoreIssues = function () {
+        if (loadingIssues)
+            return;
+        issueLimitRef.current = issueLimitRef.current + 15;
+        setLoadingIssues(true);
+        loadData(true).finally(function () { setLoadingIssues(false); });
+    };
     var errorEl = error ? h("div", { style: { color: "#f85149", background: "rgba(248,81,73,0.1)", border: "1px solid rgba(248,81,73,0.3)", padding: "8px 12px", borderRadius: "6px", marginBottom: "16px", fontSize: "12px" } }, `⚠️ 加载失败: ${error}`) : null;
     var statsCardsEl = h("div", { className: "dsh-github-overview-cards" }, h("div", { className: "dsh-github-card" }, h("div", { className: "dsh-github-card-title" }, "CLI 认证账号"), h("div", { className: "dsh-github-card-value" }, auth?.networkError
         ? (auth.user ? `👤 ${auth.user} (离线)` : "🌐 网络连接受限")
@@ -422,27 +450,38 @@ export function GithubWorkspacePanel() {
                     return true;
                 return String(pr.state || '').toLowerCase() === prStateFilter;
             });
-            var prPillsEl = h("div", { className: "dsh-github-pills" }, h("button", { className: `dsh-github-pill-btn ${prStateFilter === 'all' ? 'active' : ''}`, onClick: () => setPrStateFilter('all') }, `全部 (${myPrs.length})`), h("button", { className: `dsh-github-pill-btn ${prStateFilter === 'open' ? 'active' : ''}`, onClick: () => setPrStateFilter('open') }, `🟢 Open (${prByState.open})`), h("button", { className: `dsh-github-pill-btn ${prStateFilter === 'merged' ? 'active' : ''}`, onClick: () => setPrStateFilter('merged') }, `🟣 Merged (${prByState.merged})`), h("button", { className: `dsh-github-pill-btn ${prStateFilter === 'closed' ? 'active' : ''}`, onClick: () => setPrStateFilter('closed') }, `⚪ Closed (${prByState.closed})`));
+            var prPillsEl = h("div", { className: "dsh-github-pills" }, 
+            // 计数优先用账号级真实总数（服务端 GraphQL search.issueCount），拿不到才回落已加载条数
+            h("button", { className: `dsh-github-pill-btn ${prStateFilter === 'all' ? 'active' : ''}`, onClick: () => setPrStateFilter('all') }, `全部 (${typeof data?.prTotal === 'number' ? data.prTotal : myPrs.length})`), h("button", { className: `dsh-github-pill-btn ${prStateFilter === 'open' ? 'active' : ''}`, onClick: () => setPrStateFilter('open') }, `🟢 Open (${typeof data?.prOpenTotal === 'number' ? data.prOpenTotal : prByState.open})`), h("button", { className: `dsh-github-pill-btn ${prStateFilter === 'merged' ? 'active' : ''}`, onClick: () => setPrStateFilter('merged') }, `🟣 Merged (${typeof data?.prMergedTotal === 'number' ? data.prMergedTotal : prByState.merged})`), h("button", { className: `dsh-github-pill-btn ${prStateFilter === 'closed' ? 'active' : ''}`, onClick: () => setPrStateFilter('closed') }, `⚪ Closed (${typeof data?.prClosedTotal === 'number' ? data.prClosedTotal : prByState.closed})`));
             // 空态必须区分「账号确实没有」与「当前筛选下没有」——否则用户会把筛空当成数据丢失
             var prEmptyEl = myPrs.length === 0
                 ? h("div", { className: "dsh-github-empty" }, "该账号下暂无任何 Pull Request 记录")
                 : h("div", { className: "dsh-github-empty" }, `当前筛选「${prStateFilter}」下无结果，共 ${myPrs.length} 条记录（切换到「全部」查看）`);
-            contentEl = h("div", null, h("h3", { className: "dsh-github-subheading" }, `🔀 我发起与参与的 Pull Requests (${filteredPrs.length} / ${myPrs.length})`), prPillsEl, 
-            // 触顶提示：让用户知道列表被截断了，而不是以为历史 PR 凭空消失
+            contentEl = h("div", null, h("h3", { className: "dsh-github-subheading" }, `🔀 我发起与参与的 Pull Requests（${filteredPrs.length} 条符合筛选 / 共 ${typeof data?.prTotal === 'number' ? data.prTotal : myPrs.length}）`), prPillsEl, 
+            // 「加载更多」页脚：服务端说还有更多（本次拉满）时渲染，点击即 +15 重取。
+            // 旧文案是「已触及检索上限，请到 GitHub 查看」——那是在没有分页能力时的兜底，
+            // 现在数据可以继续拉，改成可点击的入口。
             data && data.prsTruncated
                 ? h("div", {
+                    onClick: loadingPrs ? undefined : loadMorePrs,
+                    title: loadingPrs ? "正在加载更多 PR…" : "点击加载更多（滚动到底部也会自动加载）", "aria-busy": loadingPrs ? "true" : "false",
                     style: {
                         margin: "8px 0",
-                        padding: "6px 12px",
+                        padding: "8px 12px",
                         borderRadius: "6px",
                         fontSize: "11px",
                         lineHeight: 1.5,
+                        textAlign: "center",
+                        cursor: loadingPrs ? "default" : "pointer",
                         background: "rgba(210, 153, 34, 0.12)",
                         border: "1px solid rgba(210, 153, 34, 0.35)",
                         color: "var(--dsw-alias-state-attention-primary, #9a6700)",
                     },
-                }, `⚠️ 仅显示最近 ${myPrs.length} 条 PR（已触及检索上限）。更早的记录请到 GitHub 查看。`)
-                : null, filteredPrs.length === 0 ? prEmptyEl : h("div", { className: "dsh-github-list" }, filteredPrs.map((pr) => {
+                }, loadingPrs ? "⏳ 正在加载中…" : `⬇️ 下滑或点击加载更多 PR（已显示 ${myPrs.length} 条）`)
+                : (typeof data?.prTotal === 'number' && myPrs.length < data.prTotal
+                    // 顶到单次 100 条上限后不再有加载入口，必须说明「更早记录在哪」，否则用户以为界面坏了
+                    ? h("div", { style: { margin: "8px 0", fontSize: "11px", opacity: 0.6, textAlign: "center" } }, `已加载 ${myPrs.length} / 共 ${data.prTotal} 条，更早记录请到 GitHub 查看`)
+                    : null), filteredPrs.length === 0 ? prEmptyEl : h("div", { className: "dsh-github-list" }, filteredPrs.map((pr) => {
                 // 点击卡片主体 → 在线审阅弹窗
                 return h("div", {
                     key: pr.number,
@@ -467,14 +506,11 @@ export function GithubWorkspacePanel() {
                 h("div", { className: "dsh-github-pr-title-row" }, h("span", { className: "dsh-github-item-title", style: { cursor: "pointer" } }, `${pr.isDraft ? "⚪ " : ""}[${pr.repository?.nameWithOwner || 'Repo'}] #${pr.number} ${pr.title}`), pr.isDraft ? h("span", { className: "dsh-github-badge dsh-badge-yellow", style: { flexShrink: 0 } }, "DRAFT") : null, 
                 // 状态徽章：列表含 merged/closed，必须标明才能一眼区分
                 (() => {
-                    var s = String(pr.state || '').toUpperCase();
-                    if (s === 'MERGED')
-                        return h("span", { className: "dsh-github-badge dsh-badge-purple", style: { flexShrink: 0 } }, "MERGED");
-                    if (s === 'CLOSED')
-                        return h("span", { className: "dsh-github-badge dsh-badge-red", style: { flexShrink: 0 } }, "CLOSED");
-                    if (s === 'OPEN')
-                        return h("span", { className: "dsh-github-badge dsh-badge-green", style: { flexShrink: 0 } }, "OPEN");
-                    return null;
+                    // 状态→色调来自 shared/state-badges（与右侧栏、CLI 输出同一份）
+                    var b = prStateBadge(pr.state);
+                    if (!b || b.tone === 'neutral')
+                        return null;
+                    return h("span", { className: "dsh-github-badge dsh-badge-" + b.tone, style: { flexShrink: 0 } }, b.label);
                 })(), h("a", {
                     className: "dsh-github-pr-gh-btn",
                     href: pr.url,
@@ -510,7 +546,7 @@ export function GithubWorkspacePanel() {
             var issuePillsEl = h("div", { className: "dsh-github-pills" }, h("button", {
                 className: `dsh-github-pill-btn ${issueFilter === 'all' ? 'active' : ''}`,
                 onClick: () => setIssueFilter('all'),
-            }, `全部 (${issueStats.total || myIssues.length})`), h("button", {
+            }, `全部 (${myIssues.length})`), h("button", {
                 className: `dsh-github-pill-btn ${issueFilter === 'reported' ? 'active' : ''}`,
                 onClick: () => setIssueFilter('reported'),
             }, `📥 用户提起的 (${issueStats.reported || 0})`), h("button", {
@@ -520,7 +556,28 @@ export function GithubWorkspacePanel() {
                 className: `dsh-github-pill-btn ${issueFilter === 'created' ? 'active' : ''}`,
                 onClick: () => setIssueFilter('created'),
             }, `✍️ 我创建的 (${issueStats.created || 0})`));
-            contentEl = h("div", null, h("h3", { className: "dsh-github-subheading" }, `📝 我发起与参与的 Issues (${filteredIssues.length} / ${myIssues.length})`), issuePillsEl, filteredIssues.length === 0
+            contentEl = h("div", null, 
+            // Issue 侧没有可信总数（三路并集无法用单条查询计数），老实标「已加载」，不假装是总数
+            h("h3", { className: "dsh-github-subheading" }, `📝 我发起与参与的 Issues（${filteredIssues.length} 条符合筛选 / 已加载 ${myIssues.length}）`), issuePillsEl, 
+            // 「加载更多」页脚：与 PR 列表同一口径（服务端 issuesTruncated = 还能继续拉）
+            data && data.issuesTruncated
+                ? h("div", {
+                    onClick: loadingIssues ? undefined : loadMoreIssues,
+                    title: loadingIssues ? "正在加载更多 Issue…" : "点击加载更多（滚动到底部也会自动加载）", "aria-busy": loadingIssues ? "true" : "false",
+                    style: {
+                        margin: "8px 0",
+                        padding: "8px 12px",
+                        borderRadius: "6px",
+                        fontSize: "11px",
+                        lineHeight: 1.5,
+                        textAlign: "center",
+                        cursor: loadingIssues ? "default" : "pointer",
+                        background: "rgba(210, 153, 34, 0.12)",
+                        border: "1px solid rgba(210, 153, 34, 0.35)",
+                        color: "var(--dsw-alias-state-attention-primary, #9a6700)",
+                    },
+                }, loadingIssues ? "⏳ 正在加载中…" : `⬇️ 下滑或点击加载更多 Issue（已显示 ${myIssues.length} 条）`)
+                : null, filteredIssues.length === 0
                 ? (myIssues.length === 0
                     ? h("div", { className: "dsh-github-empty" }, "该账号下暂无任何 Issue 记录")
                     : h("div", { className: "dsh-github-empty" }, `当前分类「${issueFilter}」下无结果，共 ${myIssues.length} 条记录（切换到「全部」查看）`))
@@ -556,12 +613,10 @@ export function GithubWorkspacePanel() {
                     // 标题行：标题 → 分类徽章 → 状态徽章 → GitHub 外跳，全部同一行
                     h("div", { className: "dsh-github-pr-title-row" }, h("span", { className: "dsh-github-item-title", style: { cursor: "pointer" } }, `[${is.repository?.nameWithOwner || 'Repo'}] #${is.number} ${is.title}`), ...badges, (() => {
                         // 状态徽章：全局检索含 closed，不标注会让用户把已关闭议题当成待办
-                        var s = String(is.state || '').toUpperCase();
-                        if (s === 'CLOSED')
-                            return h("span", { className: "dsh-github-badge dsh-badge-red", style: { flexShrink: 0 } }, "CLOSED");
-                        if (s === 'OPEN')
-                            return h("span", { className: "dsh-github-badge dsh-badge-green", style: { flexShrink: 0 } }, "OPEN");
-                        return null;
+                        var b = issueStateBadge(is.state);
+                        if (!b || b.tone === 'neutral')
+                            return null;
+                        return h("span", { className: "dsh-github-badge dsh-badge-" + b.tone, style: { flexShrink: 0 } }, b.label);
                     })(), h("a", {
                         className: "dsh-github-pr-gh-btn",
                         href: is.url,

package/lib/version.d.ts

@@ -6,7 +6,7 @@
  * 2. 避免在 ESM 运行时动态读取 package.json 引入 fs 权限和路径解析边界问题；
  * 3. 方便在 CI 发布流水线或 build 脚本中自动化校准。
  */
-export declare const CURRENT_PLUGIN_VERSION = "0.6.0";
+export declare const CURRENT_PLUGIN_VERSION = "0.7.1";
 export declare const PLUGIN_PACKAGE_NAME = "dsh-github-flow";
 export declare const NPM_PACKAGE_URL = "https://www.npmjs.com/package/dsh-github-flow";
 export declare const NPM_REGISTRY_MIRROR = "https://registry.npmmirror.com";

package/lib/version.js

@@ -6,7 +6,7 @@
  * 2. 避免在 ESM 运行时动态读取 package.json 引入 fs 权限和路径解析边界问题；
  * 3. 方便在 CI 发布流水线或 build 脚本中自动化校准。
  */
-export const CURRENT_PLUGIN_VERSION = '0.6.0';
+export const CURRENT_PLUGIN_VERSION = '0.7.1';
 export const PLUGIN_PACKAGE_NAME = 'dsh-github-flow';
 export const NPM_PACKAGE_URL = 'https://www.npmjs.com/package/dsh-github-flow';
 export const NPM_REGISTRY_MIRROR = 'https://registry.npmmirror.com';