dsh-github-flow 0.5.0 → 0.7.0

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/utils.js

@@ -64,6 +64,15 @@ export function eventLabel(event) {
         return "🔀 PR";
     return e || "";
 }
+/**
+ * 确定性失败的特征（客户端侧兜底判定）。
+ *
+ * 为什么这里还要再写一份：后端 GhExecutor 已统一分类并通过 errorKind 分流，
+ * 但浏览器端拿不到 errorKind，只能看到拼接后的错误文本。这类错误重试一万次
+ * 也不会变好（仓库就是关着 Issues），必须阻止阶梯退避把 7 秒白白烧掉。
+ * 与服务端共用同一组特征串，改动时两边同步。
+ */
+var DETERMINISTIC_HINT_RE = /repository has disabled|Could not resolve to a Repository|Branch not found|HTTP 403|Not Found \(HTTP 404\)|rate limit/i;
 /**
  * 带有阶梯退避重试（Backoff Retry）的通用异步拉取函数
  *
@@ -107,7 +116,10 @@ export async function fetchWithRetry(url, options = {}, config = {}) {
                     currentJson.data?.auth?.networkError));
                 if (isNetworkError) {
                     failureReason = currentJson.error || currentJson.data?.networkErrorReason || "云端接口网络抖动";
-                    shouldRetry = true;
+                    // 后端已把「确定性失败」（仓库关了 Issues / 仓库不存在 / 无权限）从
+                    // networkError 里剥离，只留真正的传输层故障。但历史版本或第三方实现
+                    // 仍可能把确定性文本塞进同一条链路，这里再兜一道：命中即放弃重试。
+                    shouldRetry = !DETERMINISTIC_HINT_RE.test(String(failureReason));
                 }
                 else {
                     // 成功获取完整且无网络错误的数据

package/lib/ui/workspace-panel.js

@@ -1,3 +1,4 @@
+import { prStateBadge, issueStateBadge } from '../shared/state-badges.js';
 /**
  * 全局工作区仪表盘主面板组件 (Dashboard View)
  */
@@ -17,9 +18,23 @@ export function GithubWorkspacePanel() {
     var [activeTab, setActiveTab] = React.useState("workspaces");
     var [searchQuery, setSearchQuery] = React.useState("");
     var [issueFilter, setIssueFilter] = React.useState("all");
+    // PR 状态筛选：默认「全部」而不是「Open」。
+    // 实测账号可能零 open PR（当前账号 7 个 PR 全为 merged/closed），
+    // 默认 Open 会让列表恒为空白，等于没修「看不到数据」这个原始问题。
+    var [prStateFilter, setPrStateFilter] = React.useState("all");
     var [toastMsg, setToastMsg] = React.useState(null);
+    // PR 在线审阅弹窗状态：{ number, repo } 二元组；为 null 时弹窗不渲染
+    var [activePrModal, setActivePrModal] = React.useState(null);
+    // Issue 在线查看弹窗状态：与 PR 完全同构的 { number, repo } 二元组
+    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);
@@ -102,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, {}, {
@@ -339,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} (离线)` : "🌐 网络连接受限")
@@ -358,7 +394,7 @@ export function GithubWorkspacePanel() {
     var authGuideEl = (!auth?.loggedIn && !auth?.networkError && syncStatus !== "failed")
         ? h(AuthGuideCard, { auth, onRefresh: () => loadData(true), isRightbar: false })
         : null;
-    var tabsEl = h("div", { className: "dsh-github-tabs" }, h("button", { className: `dsh-github-tab-btn ${activeTab === 'workspaces' ? 'active' : ''}`, onClick: () => setActiveTab('workspaces') }, `📂 本地工作区矩阵 (${workspaceMatrix.length})`), h("button", { className: `dsh-github-tab-btn ${activeTab === 'repos' ? 'active' : ''}`, onClick: () => setActiveTab('repos') }, `☁️ 我的 GitHub 仓库 (${userRepos.length})`), h("button", { className: `dsh-github-tab-btn ${activeTab === 'mywork' ? 'active' : ''}`, onClick: () => setActiveTab('mywork') }, `📋 任务与待办 (PR: ${myPrs.length} · Issue: ${myIssues.length})`));
+    var tabsEl = h("div", { className: "dsh-github-tabs" }, h("button", { className: `dsh-github-tab-btn ${activeTab === 'workspaces' ? 'active' : ''}`, onClick: () => setActiveTab('workspaces') }, `📂 本地工作区矩阵 (${workspaceMatrix.length})`), h("button", { className: `dsh-github-tab-btn ${activeTab === 'repos' ? 'active' : ''}`, onClick: () => setActiveTab('repos') }, `☁️ 我的 GitHub 仓库 (${userRepos.length})`), h("button", { className: `dsh-github-tab-btn ${activeTab === 'prs' ? 'active' : ''}`, onClick: () => setActiveTab('prs') }, `🔀 Pull Requests (${myPrs.length})`), h("button", { className: `dsh-github-tab-btn ${activeTab === 'issues' ? 'active' : ''}`, onClick: () => setActiveTab('issues') }, `📝 任务与待办 Issues (${myIssues.length})`));
     var contentEl = null;
     if (activeTab === 'workspaces') {
         contentEl = h("div", { className: "dsh-github-list" }, workspaceMatrix.map((ws) => h("div", { key: ws.id, className: "dsh-github-card dsh-github-workspace-card" }, h("div", { style: { display: "flex", flexDirection: "column", gap: "4px" } }, h("div", { className: "dsh-github-ws-title" }, ws.title), h("div", { className: "dsh-github-ws-path" }, ws.path), h("div", { style: { fontSize: "12px", marginTop: "4px", display: "flex", gap: "8px", alignItems: "center" } }, ws.repo
@@ -396,6 +432,100 @@ export function GithubWorkspacePanel() {
                 : null)))));
         }
     }
+    else if (activeTab === 'prs') {
+        // ---- PR 独立标签页：完整大屏空间，点击卡片在线唤起审阅工作台 ----
+        if (!auth?.loggedIn) {
+            contentEl = h("div", { className: "dsh-github-empty" }, "当前尚未认证登录 GitHub 账号，无法读取个人 PR 列表。请先完成上方的安装或登录指引。");
+        }
+        else {
+            // 状态分组统计（供胶囊计数与空态判断）
+            var prByState = { open: 0, merged: 0, closed: 0 };
+            myPrs.forEach(function (pr) {
+                var s = String(pr.state || '').toLowerCase();
+                if (s === 'open' || s === 'merged' || s === 'closed')
+                    prByState[s]++;
+            });
+            var filteredPrs = myPrs.filter(function (pr) {
+                if (prStateFilter === 'all')
+                    return true;
+                return String(pr.state || '').toLowerCase() === prStateFilter;
+            });
+            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} 条符合筛选 / 共 ${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: "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)",
+                    },
+                }, 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,
+                    className: "dsh-github-item",
+                    /*
+                     * 只加 cursor，绝不覆盖 display/alignItems/flexWrap。
+                     * 这里的 inline style 曾写成 display:flex + alignItems:center + flexWrap:wrap，
+                     * 直接把 .dsh-github-item 的 flex-direction:column 顶掉，
+                     * 导致标题、状态徽章、时间全部横向挤成一行并整体居中——
+                     * 卡片布局就是被这一行内联样式毁掉的。
+                     */
+                    style: { cursor: "pointer" },
+                    title: "点击在线审阅该 PR（描述 / 评论 / 文件 Diff）",
+                    onClick: () => {
+                        setActivePrModal({
+                            number: Number(pr.number),
+                            repo: pr.repository?.nameWithOwner || '',
+                        });
+                    },
+                }, 
+                // 标题行：标题 → 状态徽章 → GitHub 跳转按钮，全部同一行
+                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，必须标明才能一眼区分
+                (() => {
+                    // 状态→色调来自 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,
+                    target: "_blank",
+                    rel: "noopener noreferrer",
+                    onClick: (e) => e.stopPropagation(),
+                    title: "在浏览器打开该 PR（不进入在线审阅）",
+                }, "GitHub ↗")), 
+                // 第二行只保留时间，避免与标题行的徽章重复
+                formatRelativeTime(pr.updatedAt)
+                    ? h("div", { className: "dsh-github-item-meta" }, h("span", { style: { whiteSpace: "nowrap" } }, formatRelativeTime(pr.updatedAt)))
+                    : null);
+            })));
+        }
+    }
     else {
         if (!auth?.loggedIn) {
             contentEl = h("div", { className: "dsh-github-empty" }, "当前尚未认证登录 GitHub 账号，无法读取个人待办 PR 与 Issues。请先完成上方的安装或登录指引。");
@@ -416,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", {
@@ -426,31 +556,80 @@ 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" }, `🔀 我发起的 PR (${myPrs.length})`), myPrs.length === 0 ? h("div", { className: "dsh-github-empty", style: { marginBottom: "16px" } }, "暂无开放中的 PR") : h("div", { className: "dsh-github-list", style: { marginBottom: "16px" } }, myPrs.map((pr) => h("div", { key: pr.number, className: "dsh-github-item", style: { display: "flex", alignItems: "center", gap: "8px", flexWrap: "wrap" } }, h("a", {
-                className: "dsh-github-item-title",
-                href: pr.url,
-                target: "_blank",
-                title: pr.updatedAt ? `更新于 ${pr.updatedAt}` : undefined,
-            }, `${pr.isDraft ? "⚪ " : ""}[${pr.repository?.nameWithOwner || 'Repo'}] #${pr.number} ${pr.title}`), pr.isDraft ? h("span", { className: "dsh-github-badge dsh-badge-yellow" }, "DRAFT") : null, formatRelativeTime(pr.updatedAt)
-                ? h("span", { style: { fontSize: "11px", color: "var(--dsw-alias-label-secondary, #656d76)", whiteSpace: "nowrap" } }, formatRelativeTime(pr.updatedAt))
-                : null))), h("h3", { className: "dsh-github-subheading" }, `📝 任务与待办 Issues (${filteredIssues.length})`), issuePillsEl, filteredIssues.length === 0 ? h("div", { className: "dsh-github-empty" }, "当前分类下暂无开放中的 Issue") : h("div", { className: "dsh-github-list" }, filteredIssues.map((is) => {
-                var cats = is.categories || [];
-                var badges = [];
-                if (cats.includes("reported")) {
-                    badges.push(h("span", { key: "rep", className: "dsh-github-badge dsh-badge-purple" }, "用户提单"));
-                }
-                if (cats.includes("assigned")) {
-                    badges.push(h("span", { key: "asn", className: "dsh-github-badge dsh-badge-blue" }, "分配待办"));
-                }
-                if (cats.includes("created")) {
-                    badges.push(h("span", { key: "crt", className: "dsh-github-badge dsh-badge-green" }, "我发起的"));
-                }
-                return h("div", { key: is.url || is.number, className: "dsh-github-item" }, h("div", { style: { display: "flex", alignItems: "center", gap: "6px", flexWrap: "wrap" } }, h("a", { className: "dsh-github-item-title", href: is.url, target: "_blank" }, `[${is.repository?.nameWithOwner || 'Repo'}] #${is.number} ${is.title}`), ...badges), h("div", { className: "dsh-github-item-meta" }, is.author ? h("span", null, `由 @${is.author.login} 提出`) : null, is.assignees && is.assignees.length > 0
-                    ? h("span", null, `指派: ${is.assignees.map((a) => '@' + a.login).join(', ')}`)
-                    : null, is.labels && is.labels.length > 0
-                    ? is.labels.map((lbl) => h("span", { key: lbl.name, className: "dsh-github-badge dsh-badge-yellow" }, lbl.name))
-                    : null, is.updatedAt ? h("span", null, `更新于: ${new Date(is.updatedAt).toLocaleDateString()}`) : null));
-            })));
+            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} 条记录（切换到「全部」查看）`))
+                : h("div", { className: "dsh-github-list" }, filteredIssues.map((is) => {
+                    var cats = is.categories || [];
+                    var badges = [];
+                    if (cats.includes("reported")) {
+                        badges.push(h("span", { key: "rep", className: "dsh-github-badge dsh-badge-purple" }, "用户提单"));
+                    }
+                    if (cats.includes("assigned")) {
+                        badges.push(h("span", { key: "asn", className: "dsh-github-badge dsh-badge-blue" }, "分配待办"));
+                    }
+                    if (cats.includes("created")) {
+                        badges.push(h("span", { key: "crt", className: "dsh-github-badge dsh-badge-green" }, "我发起的"));
+                    }
+                    return h("div", {
+                        key: is.url || is.number,
+                        className: "dsh-github-item",
+                        /*
+                         * 只加 cursor，绝不覆盖 display/alignItems/flexWrap。
+                         * .dsh-github-item 是 flex-direction:column，任何内联 flex 布局
+                         * 都会把标题、徽章、元信息横向挤成一行（PR 卡片上踩过的坑）。
+                         */
+                        style: { cursor: "pointer" },
+                        title: "点击在线查看该 Issue（正文 / 评论时间线 / 标签与里程碑）",
+                        onClick: () => {
+                            setActiveIssueModal({
+                                number: Number(is.number),
+                                repo: is.repository?.nameWithOwner || '',
+                            });
+                        },
+                    }, 
+                    // 标题行：标题 → 分类徽章 → 状态徽章 → 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 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,
+                        target: "_blank",
+                        rel: "noopener noreferrer",
+                        onClick: (e) => e.stopPropagation(),
+                        title: "在浏览器打开该 Issue（不进入在线查看）",
+                    }, "GitHub ↗")), h("div", { className: "dsh-github-item-meta" }, is.author ? h("span", null, `由 @${is.author.login} 提出`) : null, is.assignees && is.assignees.length > 0
+                        ? h("span", null, `指派: ${is.assignees.map((a) => '@' + a.login).join(', ')}`)
+                        : null, is.labels && is.labels.length > 0
+                        ? is.labels.map((lbl) => h("span", { key: lbl.name, className: "dsh-github-badge dsh-badge-yellow" }, lbl.name))
+                        : null, is.updatedAt ? h("span", null, `更新于: ${new Date(is.updatedAt).toLocaleDateString()}`) : null));
+                })));
         }
     }
     var toastEl = toastMsg
@@ -485,5 +664,23 @@ export function GithubWorkspacePanel() {
     return h("div", { className: "dsh-github-panel", ref: panelRef }, toastEl, headerEl, networkAlertBannerEl, upgradeBannerEl, errorEl, statsCardsEl, authGuideEl, tabsEl, contentEl, settingsModalEl, h(GithubHelpModal, {
         isOpen: isHelpModalOpen,
         onClose: () => setIsHelpModalOpen(false),
-    }));
+    }), 
+    // PR 在线审阅工作台：仅在用户点击某个 PR 时挂载，关闭即卸载（零常驻开销）
+    activePrModal
+        ? h(PrDetailModal, {
+            prNumber: activePrModal.number,
+            repoNameWithOwner: activePrModal.repo,
+            onClose: () => setActivePrModal(null),
+            showToast: showToast,
+        })
+        : null, 
+    // Issue 在线查看弹窗：同上，点击即挂载、关闭即卸载
+    activeIssueModal
+        ? h(IssueDetailModal, {
+            issueNumber: activeIssueModal.number,
+            repoNameWithOwner: activeIssueModal.repo,
+            onClose: () => setActiveIssueModal(null),
+            showToast: showToast,
+        })
+        : null);
 }

package/lib/version.d.ts

@@ -6,7 +6,7 @@
  * 2. 避免在 ESM 运行时动态读取 package.json 引入 fs 权限和路径解析边界问题；
  * 3. 方便在 CI 发布流水线或 build 脚本中自动化校准。
  */
-export declare const CURRENT_PLUGIN_VERSION = "0.5.0";
+export declare const CURRENT_PLUGIN_VERSION = "0.7.0";
 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.5.0';
+export const CURRENT_PLUGIN_VERSION = '0.7.0';
 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';

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "dsh-github-flow",
-  "version": "0.5.0",
+  "version": "0.7.0",
   "icon": "icon.svg",
-  "description": "GitHub 工作流引擎：为 DeepSeek Harness 提供原生 GitHub CLI (gh) 集成——18 大 Agent 领域工具（PR 审查合并、Issue 任务流转、CI 失败诊断、发版交付、密钥管理、Agent Skills、标签与保护规则集、构建缓存治理、代码片段 Gist、跨仓待办大盘、Copilot 智能体调度、社区 Discussions、Projects v2 看板、云端 Codespaces、运行时遥测与自愈健康度）、/gh 人类快捷指令、Web UI 全景驾驶舱与一键跨平台自动升级；零凭证侵入复用宿主机 gh 登录态，内置 Token 防溢出截断、高危操作二次确认与密文安全输入通道。",
+  "description": "GitHub 工作流引擎：为 DeepSeek Harness 提供原生 GitHub CLI (gh) 集成——19 大 Agent 领域工具（PR 审查合并、Issue 任务流转、CI 失败诊断、发版交付、密钥管理、Agent Skills、标签与保护规则集、构建缓存治理、代码片段 Gist、跨仓待办大盘、Copilot 智能体调度、社区 Discussions、Projects v2 看板、云端 Codespaces、运行时遥测与自愈健康度）、/gh 人类快捷指令、Web UI 全景驾驶舱与一键跨平台自动升级；零凭证侵入复用宿主机 gh 登录态，内置 Token 防溢出截断、高危操作二次确认与密文安全输入通道。",
   "type": "module",
   "main": "./lib/main.js",
   "repository": {
@@ -17,6 +17,7 @@
     ".": "./lib/main.js",
     "./entry": "./lib/main.js",
     "./client": "./lib/client.js",
+    "./host": "./lib/github-service.js",
     "./package.json": "./package.json"
   },
   "files": [
@@ -55,9 +56,15 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
+  "peerDependencies": {
+    "@deepseek-ai/cordis": "^4.0.4"
+  },
   "devDependencies": {
     "@deepseek-ai/cordis": "^4.0.4",
     "@types/node": "^26.6.3",
     "typescript": "^7.0.2"
+  },
+  "dependencies": {
+    "@deepseek-ai/schemastery": "^3.18.5"
   }
 }