dsh-github-flow 0.1.0

package/lib/client.js

@@ -0,0 +1,615 @@
+window.__ModuleLoader__.load({
+    id: "dsh-github-flow",
+    factory: (require) => {
+        var module = { exports: {} };
+        var exports = module.exports;
+        Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+        var React = require("react");
+        var GITHUB_PANEL_CSS = `
+.dsh-github-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  cursor: pointer;
+  color: var(--dsw-alias-label-secondary, #8c8c8c);
+  transition: color 0.15s ease;
+}
+.dsh-github-icon:hover {
+  color: var(--dsw-alias-label-primary, #ffffff);
+}
+.dsh-github-icon svg {
+  width: 18px;
+  height: 18px;
+  fill: currentColor;
+}
+
+/* 右侧栏专属容器 (Right Sidebar Container) */
+.dsh-github-rightbar-container {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  overflow-y: auto;
+  padding: 16px 18px;
+  box-sizing: border-box;
+  background: var(--dsw-alias-bg-primary, #1e1e20);
+  color: var(--dsw-alias-label-primary, #ececec);
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+}
+
+/* 顶部与通用面板 */
+.dsh-github-panel {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  overflow-y: auto;
+  padding: 24px 32px;
+  box-sizing: border-box;
+  background: var(--dsw-alias-bg-primary, #1e1e20);
+  color: var(--dsw-alias-label-primary, #ececec);
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+}
+.dsh-github-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 20px;
+  padding-bottom: 12px;
+  border-bottom: 1px solid var(--dsw-alias-border-l1, #333336);
+}
+.dsh-github-title {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+.dsh-github-title h2 {
+  margin: 0;
+  font-size: 18px;
+  font-weight: 600;
+}
+.dsh-github-refresh-btn {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  padding: 5px 12px;
+  font-size: 12px;
+  border-radius: 6px;
+  border: 1px solid var(--dsw-alias-border-l1, #444);
+  background: var(--dsw-alias-bg-secondary, #2a2a2e);
+  color: var(--dsw-alias-label-primary, #fff);
+  cursor: pointer;
+  transition: all 0.15s ease;
+}
+.dsh-github-refresh-btn:hover {
+  background: var(--dsw-alias-interactive-bg-hover, #333);
+}
+
+/* 概览卡片区 */
+.dsh-github-card {
+  padding: 14px 16px;
+  border-radius: 8px;
+  border: 1px solid var(--dsw-alias-border-l1, #38383c);
+  background: var(--dsw-alias-bg-secondary, #252528);
+  margin-bottom: 14px;
+}
+.dsh-github-card-title {
+  font-size: 11px;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  color: var(--dsw-alias-label-tertiary, #888);
+  margin-bottom: 6px;
+}
+.dsh-github-card-value {
+  font-size: 15px;
+  font-weight: 600;
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 8px;
+}
+.dsh-github-badge {
+  display: inline-block;
+  font-size: 11px;
+  padding: 2px 8px;
+  border-radius: 12px;
+  font-weight: 500;
+}
+.dsh-badge-green { background: rgba(46, 160, 67, 0.2); color: #3fb950; }
+.dsh-badge-red { background: rgba(248, 81, 73, 0.2); color: #f85149; }
+.dsh-badge-yellow { background: rgba(210, 153, 34, 0.2); color: #d29922; }
+
+/* 快捷操作网格按钮 */
+.dsh-github-quick-actions {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 8px;
+  margin-bottom: 16px;
+}
+.dsh-github-action-btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  padding: 8px 10px;
+  border-radius: 6px;
+  border: 1px solid var(--dsw-alias-border-l1, #444);
+  background: var(--dsw-alias-bg-secondary, #28282b);
+  color: var(--dsw-alias-label-primary, #fff);
+  font-size: 12px;
+  cursor: pointer;
+  transition: all 0.15s ease;
+}
+.dsh-github-action-btn:hover {
+  background: var(--dsw-alias-interactive-bg-hover, #343438);
+  border-color: #58a6ff;
+}
+
+/* 列表条目 */
+.dsh-github-section {
+  margin-bottom: 18px;
+}
+.dsh-github-section-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 8px;
+}
+.dsh-github-section-header h3 {
+  margin: 0;
+  font-size: 13px;
+  font-weight: 600;
+  color: var(--dsw-alias-label-secondary, #ccc);
+}
+.dsh-github-list {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+.dsh-github-item {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  padding: 10px 12px;
+  border-radius: 6px;
+  border: 1px solid var(--dsw-alias-border-l1, #333336);
+  background: var(--dsw-alias-bg-secondary, #252528);
+}
+.dsh-github-item:hover {
+  border-color: var(--dsw-alias-border-l2, #555);
+}
+.dsh-github-item-title {
+  font-size: 13px;
+  font-weight: 500;
+  color: var(--dsw-alias-label-primary, #fff);
+  text-decoration: none;
+}
+.dsh-github-item-title:hover {
+  text-decoration: underline;
+}
+.dsh-github-item-meta {
+  font-size: 11px;
+  color: var(--dsw-alias-label-secondary, #8c8c8c);
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+}
+.dsh-github-empty {
+  padding: 18px;
+  text-align: center;
+  font-size: 12px;
+  color: var(--dsw-alias-label-tertiary, #666);
+  border: 1px dashed var(--dsw-alias-border-l1, #333);
+  border-radius: 6px;
+}
+.dsh-github-tabs {
+  display: flex;
+  gap: 8px;
+  margin-bottom: 18px;
+  border-bottom: 1px solid var(--dsw-alias-border-l1, #333);
+  padding-bottom: 8px;
+}
+.dsh-github-tab-btn {
+  padding: 6px 14px;
+  border-radius: 6px;
+  font-size: 13px;
+  font-weight: 500;
+  border: 0;
+  background: transparent;
+  color: var(--dsw-alias-label-secondary, #8c8c8c);
+  cursor: pointer;
+  transition: all 0.15s ease;
+}
+.dsh-github-tab-btn:hover {
+  color: var(--dsw-alias-label-primary, #fff);
+  background: rgba(255, 255, 255, 0.05);
+}
+.dsh-github-tab-btn.active {
+  color: #58a6ff;
+  background: rgba(88, 166, 255, 0.12);
+  font-weight: 600;
+}
+.dsh-github-search-input {
+  width: 100%;
+  max-width: 320px;
+  padding: 6px 12px;
+  font-size: 12px;
+  border-radius: 6px;
+  border: 1px solid var(--dsw-alias-border-l1, #444);
+  background: var(--dsw-alias-bg-secondary, #252528);
+  color: #fff;
+  outline: none;
+  margin-bottom: 14px;
+}
+.dsh-github-search-input:focus {
+  border-color: #58a6ff;
+}
+`;
+        function injectStyles() {
+            var styleId = "dsh-plugin-github-styles";
+            if (document.getElementById(styleId))
+                return () => { };
+            var style = document.createElement("style");
+            style.id = styleId;
+            style.textContent = GITHUB_PANEL_CSS;
+            document.head.appendChild(style);
+            return () => style.remove();
+        }
+        // 官方高清 Octocat SVG 矢量组件
+        function renderOctocat(size = 18, color = "currentColor") {
+            return React.createElement("svg", {
+                viewBox: "0 0 16 16",
+                width: size,
+                height: size,
+                fill: color,
+                style: { flexShrink: 0, display: "inline-block", verticalAlign: "middle" }
+            }, React.createElement("path", {
+                fillRule: "evenodd",
+                clipRule: "evenodd",
+                d: "M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.72 6.56 11.52C4.78 11.32 2.92 10.63 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.32 9.47 11.52C9.76 11.77 10.01 12.25 10.01 13C10.01 14.08 10 14.95 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z"
+            }));
+        }
+        // 现代暗黑科技风勋章图标（深邃蓝紫微渐变 + 白描）
+        function renderOctocatBadge(size = 32) {
+            return React.createElement("div", {
+                style: {
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    width: size + "px",
+                    height: size + "px",
+                    borderRadius: Math.round(size * 0.25) + "px",
+                    background: "linear-gradient(135deg, #2ea043 0%, #1f6feb 60%, #8957e5 100%)",
+                    boxShadow: "0 2px 8px rgba(31, 111, 235, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.25)",
+                    flexShrink: 0
+                }
+            }, renderOctocat(Math.round(size * 0.58), "#ffffff"));
+        }
+        // 渲染 GitHub 仓库信息与操作视图的核心函数
+        function renderGithubRepoView(h, data, loading, error, onRefresh, isRightbar = false) {
+            var auth = data ? data.auth : null;
+            var repo = data ? data.repo : null;
+            var prs = (data && data.pullRequests) || [];
+            var runs = (data && data.runs) || [];
+            var headerEl = h("div", { className: "dsh-github-header" }, h("div", { className: "dsh-github-title" }, renderOctocatBadge(isRightbar ? 26 : 30), h("h2", null, isRightbar ? "GitHub 仓库" : "GitHub 工作台")), h("button", {
+                className: "dsh-github-refresh-btn",
+                onClick: onRefresh,
+                disabled: loading,
+            }, loading ? "刷新中..." : "🔄 刷新"));
+            // 操作执行函数
+            const runAction = async (action, extra = {}) => {
+                try {
+                    const res = await fetch("/api/github/action", {
+                        method: "POST",
+                        headers: { "Content-Type": "application/json" },
+                        body: JSON.stringify({ action, ...extra }),
+                    });
+                    const json = await res.json();
+                    alert(json.ok ? `✅ ${json.message || "操作已完成"}` : `❌ ${json.error || "操作失败"}`);
+                    if (json.ok)
+                        onRefresh();
+                }
+                catch (err) {
+                    alert(`网络异常: ${err.message}`);
+                }
+            };
+            // 仓库基础卡片
+            var repoCardEl = h("div", { className: "dsh-github-card" }, h("div", { className: "dsh-github-card-title" }, "当前工作区 GitHub 仓库"), h("div", { className: "dsh-github-card-value" }, repo
+                ? h("a", { href: repo.url, target: "_blank", style: { color: "#58a6ff", textDecoration: "none" } }, repo.nameWithOwner)
+                : h("span", { style: { color: "#f85149" } }, "未检测到关联的 GitHub 仓库"), repo ? h("span", { className: "dsh-github-badge dsh-badge-green" }, repo.defaultBranch) : null), repo && repo.description
+                ? h("div", { style: { fontSize: "12px", color: "#bbb", marginTop: "4px" } }, repo.description)
+                : null, auth && auth.loggedIn
+                ? h("div", { style: { fontSize: "11px", color: "#888", marginTop: "6px" } }, `CLI 认证账号: ${auth.user} (${auth.scopes?.join(", ") || "已登录"})`)
+                : null, !repo
+                ? h("div", { style: { fontSize: "11px", color: "#888", marginTop: "6px" } }, "若本地已有 git 仓库，请运行 `git remote add github <url>` 或 `git remote add origin <url>` 关联远程仓库。")
+                : null);
+            // 快捷操作栏
+            var actionsBarEl = h("div", { className: "dsh-github-quick-actions" }, h("button", {
+                className: "dsh-github-action-btn",
+                onClick: () => {
+                    if (repo?.url) {
+                        window.open(repo.url, "_blank", "noopener,noreferrer");
+                    }
+                    else {
+                        alert("当前工作区尚未关联 GitHub 仓库");
+                    }
+                },
+            }, "🌐 浏览器打开"), h("button", {
+                className: "dsh-github-action-btn",
+                onClick: () => {
+                    if (repo?.url) {
+                        window.open(`${repo.url}/pulls`, "_blank", "noopener,noreferrer");
+                    }
+                    else {
+                        alert("当前工作区尚未关联 GitHub 仓库");
+                    }
+                },
+            }, "🔀 查看所有 PRs"), h("button", {
+                className: "dsh-github-action-btn",
+                onClick: () => {
+                    var title = prompt("请输入要创建的 PR 标题:");
+                    if (title)
+                        runAction("create_pr", { title });
+                },
+            }, "🚀 快速创建 PR"), h("button", {
+                className: "dsh-github-action-btn",
+                onClick: () => {
+                    var title = prompt("请输入 Issue 标题:");
+                    if (title)
+                        runAction("create_issue", { title });
+                },
+            }, "📝 新建 Issue"));
+            // PR 列表
+            var prSectionEl = h("div", { className: "dsh-github-section" }, h("div", { className: "dsh-github-section-header" }, h("h3", null, `🔀 Pull Requests (${prs.length})`)), prs.length === 0
+                ? h("div", { className: "dsh-github-empty" }, "当前无开放中的 PR")
+                : h("div", { className: "dsh-github-list" }, prs.map((pr) => h("div", { key: pr.number, className: "dsh-github-item" }, h("a", { className: "dsh-github-item-title", href: pr.url, target: "_blank" }, `#${pr.number} ${pr.title}`), h("div", { className: "dsh-github-item-meta" }, h("span", null, `${pr.headRefName} → ${pr.baseRefName}`), pr.mergeable === "CONFLICTING"
+                    ? h("span", { className: "dsh-github-badge dsh-badge-red" }, "代码冲突")
+                    : h("span", { className: "dsh-github-badge dsh-badge-green" }, "可合并"))))));
+            // Actions 流水线
+            var runSectionEl = h("div", { className: "dsh-github-section" }, h("div", { className: "dsh-github-section-header" }, h("h3", null, `⚡ 最近 Actions 流水线 (${runs.length})`)), runs.length === 0
+                ? h("div", { className: "dsh-github-empty" }, "暂无工作流记录")
+                : h("div", { className: "dsh-github-list" }, runs.map((r) => h("div", { key: r.databaseId, className: "dsh-github-item" }, h("a", { className: "dsh-github-item-title", href: r.url, target: "_blank" }, r.name), h("div", { className: "dsh-github-item-meta" }, h("span", null, `分支: ${r.headBranch}`), r.conclusion === "success"
+                    ? h("span", { className: "dsh-github-badge dsh-badge-green" }, "✓ 成功")
+                    : r.conclusion === "failure"
+                        ? h("span", { className: "dsh-github-badge dsh-badge-red" }, "✕ 失败")
+                        : h("span", { className: "dsh-github-badge dsh-badge-yellow" }, r.status))))));
+            return [headerEl, repoCardEl, actionsBarEl, prSectionEl, runSectionEl];
+        }
+        // 1. 右侧栏专属视图 (Right Sidebar Tab Body)
+        function GithubRightbarBody(props) {
+            var [loading, setLoading] = React.useState(true);
+            var [data, setData] = React.useState(null);
+            var [error, setError] = React.useState(null);
+            // 核心：直接从会话 Props 拿到真实物理工作区路径！
+            var cwd = null;
+            if (props && props.useSessions && props.sessionId) {
+                try {
+                    cwd = props.useSessions((sessions) => sessions?.byId?.[props.sessionId]?.cwd);
+                }
+                catch (e) { }
+            }
+            var loadData = React.useCallback(async (forceRefresh = false) => {
+                setLoading(true);
+                setError(null);
+                try {
+                    if (forceRefresh) {
+                        await fetch("/api/github/refresh", { method: "POST" }).catch(() => { });
+                    }
+                    var url = "/api/github/overview";
+                    var params = [];
+                    if (props && props.sessionId) {
+                        params.push("sessionId=" + encodeURIComponent(props.sessionId));
+                    }
+                    if (cwd) {
+                        params.push("cwd=" + encodeURIComponent(cwd));
+                    }
+                    if (params.length > 0) {
+                        url += "?" + params.join("&");
+                    }
+                    var res = await fetch(url);
+                    var json = await res.json();
+                    if (json.ok && json.data) {
+                        setData(json.data);
+                    }
+                    else {
+                        setError(json.error || "获取状态失败");
+                    }
+                }
+                catch (err) {
+                    setError(err.message || "网络异常");
+                }
+                finally {
+                    setLoading(false);
+                }
+            }, [cwd, props]);
+            React.useEffect(() => {
+                loadData(false);
+            }, [loadData]);
+            var h = React.createElement;
+            return h("div", { className: "dsh-github-rightbar-container" }, ...renderGithubRepoView(h, data, loading, error, () => loadData(true), true));
+        }
+        // 2. 右侧栏 Tab 标题组件
+        function GithubRightbarTitle() {
+            var h = React.createElement;
+            return h("span", { style: { display: "flex", alignItems: "center", gap: "6px" } }, renderOctocat(15, "#58a6ff"), h("span", null, "GitHub"));
+        }
+        // 3. 右侧栏“开始”引导页的大图标 (Artwork)
+        function GithubArtwork() {
+            return renderOctocatBadge(32);
+        }
+        // 4. 左侧栏全局入口与中央大面板
+        function GithubSidebarIcon(props) {
+            const active = Boolean(props && props.active);
+            return React.createElement("div", {
+                className: "dsh-github-icon" + (active ? " active" : ""),
+                title: "GitHub 全景驾驶舱",
+                style: {
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    width: "100%",
+                    height: "100%",
+                    cursor: "pointer",
+                    transition: "all 0.2s cubic-bezier(0.16, 1, 0.3, 1)"
+                }
+            }, React.createElement("div", {
+                style: {
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    width: "28px",
+                    height: "28px",
+                    borderRadius: "7px",
+                    background: active ? "linear-gradient(135deg, rgba(46,160,67,0.3) 0%, rgba(31,111,235,0.45) 100%)" : "transparent",
+                    color: active ? "#ffffff" : "var(--dsw-alias-label-secondary, #9ca3af)",
+                    boxShadow: active ? "0 0 12px rgba(31, 111, 235, 0.4)" : "none",
+                    border: active ? "1px solid rgba(88, 166, 255, 0.45)" : "1px solid transparent"
+                }
+            }, renderOctocat(18, active ? "#ffffff" : "currentColor")));
+        }
+        function GithubWorkspacePanel() {
+            var [loading, setLoading] = React.useState(true);
+            var [data, setData] = React.useState(null);
+            var [error, setError] = React.useState(null);
+            var [activeTab, setActiveTab] = React.useState("workspaces"); // 'workspaces' | 'repos' | 'mywork'
+            var [searchQuery, setSearchQuery] = React.useState("");
+            var loadData = React.useCallback(async (forceRefresh = false) => {
+                setLoading(true);
+                setError(null);
+                try {
+                    if (forceRefresh)
+                        await fetch("/api/github/refresh", { method: "POST" }).catch(() => { });
+                    var res = await fetch("/api/github/global-overview");
+                    var json = await res.json();
+                    if (json.ok && json.data)
+                        setData(json.data);
+                    else
+                        setError(json.error || "获取全局数据失败");
+                }
+                catch (err) {
+                    setError(err.message);
+                }
+                finally {
+                    setLoading(false);
+                }
+            }, []);
+            React.useEffect(() => { loadData(false); }, [loadData]);
+            var h = React.createElement;
+            var headerEl = h("div", { className: "dsh-github-header" }, h("div", { className: "dsh-github-title" }, renderOctocatBadge(32), h("h2", null, "GitHub 全景驾驶舱")), h("button", {
+                className: "dsh-github-refresh-btn",
+                onClick: () => loadData(true),
+                disabled: loading,
+            }, loading ? "刷新中..." : "🔄 刷新全局数据"));
+            if (loading && !data) {
+                return h("div", { className: "dsh-github-panel" }, headerEl, h("div", { className: "dsh-github-empty" }, "正在加载全局 GitHub 账号与工作区数据..."));
+            }
+            var auth = data ? data.auth : null;
+            var userRepos = (data && data.userRepos) || [];
+            var workspaceMatrix = (data && data.workspaceMatrix) || [];
+            var myPrs = (data && data.myPrs) || [];
+            var myIssues = (data && data.myIssues) || [];
+            // 顶部统计卡片
+            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?.loggedIn ? `👤 ${auth.user}` : "未登录", auth?.loggedIn ? h("span", { className: "dsh-github-badge dsh-badge-green" }, "Active") : null)), h("div", { className: "dsh-github-card" }, h("div", { className: "dsh-github-card-title" }, "账号云端仓库"), h("div", { className: "dsh-github-card-value" }, `${userRepos.length} 个 Repositories`)), h("div", { className: "dsh-github-card" }, h("div", { className: "dsh-github-card-title" }, "本地工作区联动"), h("div", { className: "dsh-github-card-value" }, `${workspaceMatrix.length} 个工作区 (${workspaceMatrix.filter((w) => w.repo).length} 个已关联)`)));
+            // Tab 栏
+            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 contentEl = null;
+            if (activeTab === 'workspaces') {
+                contentEl = h("div", { className: "dsh-github-list" }, workspaceMatrix.map((ws) => h("div", { key: ws.id, className: "dsh-github-card", style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: "8px" } }, h("div", { style: { display: "flex", flexDirection: "column", gap: "4px" } }, h("div", { style: { fontSize: "14px", fontWeight: "600", color: "#fff" } }, ws.title), h("div", { style: { fontSize: "12px", color: "#888", fontFamily: "monospace" } }, ws.path), h("div", { style: { fontSize: "12px", marginTop: "4px", display: "flex", gap: "8px", alignItems: "center" } }, ws.repo
+                    ? h("span", { style: { color: "#58a6ff" } }, `🐙 关联远程: ${ws.repo.nameWithOwner} (${ws.repo.defaultBranch})`)
+                    : h("span", { style: { color: "#888" } }, ws.hasGit ? "本地有 Git，未关联 GitHub 远程" : "本地无 Git 仓库"), ws.repo ? h("span", { className: "dsh-github-badge dsh-badge-green" }, "已关联") : null)), h("div", { style: { display: "flex", gap: "8px" } }, ws.repo
+                    ? h("a", { className: "dsh-github-btn-sm", href: ws.repo.url, target: "_blank", style: { textDecoration: "none" } }, "在 GitHub 打开")
+                    : null))));
+            }
+            else if (activeTab === 'repos') {
+                var filteredRepos = userRepos.filter((r) => !searchQuery || r.nameWithOwner.toLowerCase().includes(searchQuery.toLowerCase()) || r.description?.toLowerCase().includes(searchQuery.toLowerCase()));
+                contentEl = h("div", null, h("input", {
+                    className: "dsh-github-search-input",
+                    placeholder: "🔍 搜索我的 GitHub 仓库...",
+                    value: searchQuery,
+                    onChange: (e) => setSearchQuery(e.target.value)
+                }), h("div", { className: "dsh-github-list" }, filteredRepos.map((r) => h("div", { key: r.nameWithOwner, className: "dsh-github-item" }, h("a", { className: "dsh-github-item-title", href: r.url, target: "_blank" }, r.nameWithOwner), r.description ? h("div", { style: { fontSize: "12px", color: "#bbb" } }, r.description) : null, h("div", { className: "dsh-github-item-meta" }, h("span", null, `默认分支: ${r.defaultBranch}`), r.isPrivate ? h("span", { className: "dsh-github-badge dsh-badge-yellow" }, "Private") : h("span", { className: "dsh-github-badge dsh-badge-green" }, "Public"), h("span", null, `⭐ ${r.stargazerCount}`))))));
+            }
+            else {
+                contentEl = h("div", null, h("h3", { style: { fontSize: "14px", marginBottom: "8px" } }, `🔀 我发起的 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" }, h("a", { className: "dsh-github-item-title", href: pr.url, target: "_blank" }, `[${pr.repository?.nameWithOwner || 'Repo'}] #${pr.number} ${pr.title}`)))), h("h3", { style: { fontSize: "14px", marginBottom: "8px" } }, `📝 我的待办 Issues (${myIssues.length})`), myIssues.length === 0 ? h("div", { className: "dsh-github-empty" }, "暂无开放中的 Issue") : h("div", { className: "dsh-github-list" }, myIssues.map((is) => h("div", { key: is.number, className: "dsh-github-item" }, h("a", { className: "dsh-github-item-title", href: is.url, target: "_blank" }, `[${is.repository?.nameWithOwner || 'Repo'}] #${is.number} ${is.title}`)))));
+            }
+            return h("div", { className: "dsh-github-panel" }, headerEl, statsCardsEl, tabsEl, contentEl);
+        }
+        var inject = ["slots", "sidebarRightTabs", "sessions", "layout"];
+        function apply(ctx) {
+            // 彻底清理历史在界面底部错位遗留的 DOM 元素
+            if (typeof window !== "undefined" && window.document) {
+                var sweep = () => {
+                    document.querySelectorAll(".dsh-github-right-card, .dsh-github-mounted-card, #dsh-github-floating-drawer").forEach((el) => el.remove());
+                };
+                sweep();
+                setTimeout(sweep, 300);
+                setTimeout(sweep, 1500);
+            }
+            if (ctx.effect) {
+                ctx.effect(() => injectStyles(), "github: styles");
+            }
+            else {
+                injectStyles();
+            }
+            // A. 原生接入 DSH 右侧栏 Tab 体系 (sidebarRightTabs)
+            // 这会让 GitHub 仓库自动、原生出现在“开始”引导页上（排在浏览器下方，无任何错位代码！）
+            if (ctx.sidebarRightTabs && typeof ctx.sidebarRightTabs.register === "function") {
+                ctx.effect(() => {
+                    return ctx.sidebarRightTabs.register({
+                        id: "dsh-github-flow",
+                        kind: "github",
+                        priority: "plugin",
+                        title: () => "GitHub 仓库",
+                        guide: [
+                            {
+                                id: "workspace.github",
+                                commandId: "workspace.github",
+                                order: 40,
+                                title: () => "GitHub 仓库",
+                                description: () => "查看与操作当前工作区目录下的 GitHub 仓库",
+                                icon: GithubArtwork,
+                            },
+                        ],
+                    });
+                }, "github: sidebar right tab definition");
+            }
+            // B. 注册右侧栏的真实 Tab 内容与标题 (sidebar.right.pane.tab)
+            if (ctx.slots) {
+                ctx.slots.inject("sidebar.right.pane.tab", () => {
+                    return ctx.slots.register({
+                        name: "sidebar.right.pane.tab",
+                        key: "dsh-github-flow",
+                    }, GithubRightbarBody);
+                });
+                ctx.slots.inject("sidebar.right.pane.tab.title", () => {
+                    return ctx.slots.register({
+                        name: "sidebar.right.pane.tab.title",
+                        key: "dsh-github-flow",
+                    }, GithubRightbarTitle);
+                });
+                // C. 保留左侧栏导航与中央大面板（双向可达）
+                ctx.slots.inject("sidebar.panellist", () => {
+                    return ctx.slots.register({
+                        name: "sidebar.panellist",
+                        id: "github",
+                        order: 20,
+                        label: "GitHub",
+                    }, GithubSidebarIcon);
+                });
+                ctx.slots.inject("main", () => {
+                    return ctx.slots.register({
+                        name: "main",
+                        key: "github",
+                    }, GithubWorkspacePanel);
+                });
+            }
+        }
+        exports.apply = apply;
+        exports.inject = inject;
+        exports.name = "dsh-github-flow";
+        return module.exports;
+    }
+});

package/lib/commands/gh.d.ts

@@ -0,0 +1,2 @@
+import type { GhExecutor } from '../executor.js';
+export declare function registerGhCommand(ctx: any, executor: GhExecutor): void;