dsh-github-flow 0.2.1 → 0.4.0

package/lib/ui/branch-selector.js

@@ -0,0 +1,163 @@
+/**
+ * 分支查看与快速切换下拉选择器组件
+ */
+export function BranchSelectorDropdown(props) {
+    var currentBranch = props.currentBranch || "main";
+    var cwd = props.cwd;
+    var branchesData = props.branchesData;
+    var onBranchSwitched = props.onBranchSwitched || (() => { });
+    var showToast = props.showToast || (() => { });
+    var [isOpen, setIsOpen] = React.useState(false);
+    var [loading, setLoading] = React.useState(false);
+    var [switching, setSwitching] = React.useState(false);
+    var [branches, setBranches] = React.useState([]);
+    var [search, setSearch] = React.useState("");
+    var [fetchError, setFetchError] = React.useState(null);
+    var containerRef = React.useRef(null);
+    React.useEffect(() => {
+        if (!isOpen)
+            return;
+        var handleClickOutside = (e) => {
+            if (containerRef.current && !containerRef.current.contains(e.target)) {
+                setIsOpen(false);
+            }
+        };
+        document.addEventListener("mousedown", handleClickOutside);
+        return () => document.removeEventListener("mousedown", handleClickOutside);
+    }, [isOpen]);
+    var toggleOpen = () => {
+        if (isOpen) {
+            setIsOpen(false);
+            return;
+        }
+        setIsOpen(true);
+        setSearch("");
+        setFetchError(null);
+        if (branchesData && Array.isArray(branchesData.branches) && branchesData.branches.length > 0) {
+            setBranches(branchesData.branches);
+            setLoading(false);
+            return;
+        }
+        setLoading(true);
+        var url = "/api/github/branches" + (cwd ? "?cwd=" + encodeURIComponent(cwd) : "");
+        fetch(url)
+            .then(async (res) => {
+            if (!res.ok) {
+                var errText = await res.text().catch(() => "");
+                if (res.status === 404 || errText.includes("not found")) {
+                    throw new Error("后端分支接口未注册 (404)。请重启 DSH 桌面端以加载新后端服务。");
+                }
+                throw new Error(`服务响应异常 (${res.status}): ${errText || res.statusText}`);
+            }
+            return res.json();
+        })
+            .then((json) => {
+            setLoading(false);
+            if (json && json.ok && json.data && Array.isArray(json.data.branches)) {
+                setBranches(json.data.branches);
+            }
+            else {
+                setFetchError(json.error || "获取分支列表失败");
+            }
+        })
+            .catch((err) => {
+            setLoading(false);
+            setFetchError(err.message || "读取分支失败");
+        });
+    };
+    var handleSwitch = async (targetBranch) => {
+        if (targetBranch === currentBranch || switching)
+            return;
+        setSwitching(true);
+        try {
+            var res = await fetch("/api/github/branch-switch", {
+                method: "POST",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify({ cwd, branch: targetBranch }),
+            }).catch(() => null);
+            if (!res || !res.ok) {
+                res = await fetch("/api/github/action", {
+                    method: "POST",
+                    headers: { "Content-Type": "application/json" },
+                    body: JSON.stringify({ action: "switch_branch", cwd, branch: targetBranch }),
+                });
+            }
+            if (!res.ok) {
+                var errText = await res.text().catch(() => "");
+                showToast(`❌ 切换失败：${errText || res.statusText}`);
+                return;
+            }
+            var json = await res.json();
+            if (json && json.ok) {
+                setIsOpen(false);
+                showToast(`✅ 已切换到分支 ${json.currentBranch || targetBranch}`);
+                onBranchSwitched(json.currentBranch || targetBranch);
+            }
+            else {
+                showToast(`❌ 切换失败：${json.error || json.message || "未知错误"}`);
+            }
+        }
+        catch (e) {
+            showToast(`❌ 切换分支网络请求失败：${e.message || e}`);
+        }
+        finally {
+            setSwitching(false);
+        }
+    };
+    var filtered = branches.filter((b) => !search || b.name.toLowerCase().includes(search.toLowerCase()));
+    var localBranches = filtered.filter((b) => !b.isRemote);
+    var remoteBranches = filtered.filter((b) => b.isRemote);
+    var h = React.createElement;
+    return h("div", {
+        ref: containerRef,
+        style: { position: "relative", display: "inline-block" },
+    }, h("button", {
+        type: "button",
+        className: "dsh-github-branch-btn",
+        onClick: toggleOpen,
+        title: `当前分支: ${currentBranch}（点击可切换分支）`,
+    }, renderGitIcon(12, "currentColor"), h("span", { style: { maxWidth: "160px", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" } }, currentBranch), h("span", { style: { fontSize: "9px", opacity: 0.7, marginLeft: "1px" } }, "▾")), isOpen
+        ? h("div", { className: "dsh-github-branch-dropdown" }, h("div", { className: "dsh-github-branch-search" }, h("input", {
+            className: "dsh-github-branch-input",
+            type: "text",
+            placeholder: "搜索分支 (输入关键词)...",
+            value: search,
+            autoFocus: true,
+            onChange: (e) => setSearch(e.target.value),
+        })), h("div", { className: "dsh-github-branch-list" }, loading
+            ? h("div", { style: { padding: "12px", textAlign: "center", fontSize: "11px", color: "var(--dsw-alias-label-secondary, #656d76)" } }, "⏳ 读取分支中...")
+            : fetchError
+                ? h("div", { style: { padding: "12px", textAlign: "center", fontSize: "11px", color: "var(--dsw-alias-state-error-primary, #cf222e)" } }, `⚠️ ${fetchError}`)
+                : [
+                    localBranches.length > 0
+                        ? h("div", { key: "hdr-local", style: { padding: "4px 12px", fontSize: "10px", fontWeight: 600, color: "var(--dsw-alias-label-tertiary, #8c8c8c)", textTransform: "uppercase" } }, "本地分支")
+                        : null,
+                    ...localBranches.map((b) => h("div", {
+                        key: b.name,
+                        className: "dsh-github-branch-item" + (b.isCurrent ? " active" : ""),
+                        onClick: () => handleSwitch(b.name),
+                        title: b.subject ? `${b.name}\n${b.subject} (${b.relativeTime})` : b.name,
+                    }, h("div", { style: { display: "flex", alignItems: "center", gap: "6px", minWidth: 0 } }, b.isCurrent
+                        ? h("span", { style: { color: "var(--dsw-alias-state-success, #2ea043)", fontWeight: 700 } }, "✓")
+                        : h("span", { style: { width: "10px" } }), h("span", { style: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" } }, b.name)), b.relativeTime
+                        ? h("span", { style: { fontSize: "10px", color: "var(--dsw-alias-label-tertiary, #8c8c8c)", flexShrink: 0, marginLeft: "6px" } }, b.relativeTime)
+                        : null)),
+                    remoteBranches.length > 0
+                        ? h("div", { key: "hdr-remote", style: { padding: "6px 12px 4px", fontSize: "10px", fontWeight: 600, color: "var(--dsw-alias-label-tertiary, #8c8c8c)", textTransform: "uppercase", borderTop: "1px solid var(--dsw-alias-border-l2, rgba(0,0,0,0.06))", marginTop: "4px" } }, "远程分支 (点击检出)")
+                        : null,
+                    ...remoteBranches.map((b) => h("div", {
+                        key: b.name,
+                        className: "dsh-github-branch-item",
+                        onClick: () => handleSwitch(b.name),
+                        title: b.subject ? `${b.name}\n${b.subject} (${b.relativeTime})` : b.name,
+                    }, h("div", { style: { display: "flex", alignItems: "center", gap: "6px", minWidth: 0 } }, h("span", { style: { width: "10px" } }), h("span", { style: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", opacity: 0.85 } }, b.name)), b.relativeTime
+                        ? h("span", { style: { fontSize: "10px", color: "var(--dsw-alias-label-tertiary, #8c8c8c)", flexShrink: 0, marginLeft: "6px" } }, b.relativeTime)
+                        : null)),
+                    filtered.length === 0 && !loading
+                        ? h("div", { style: { padding: "12px", textAlign: "center", fontSize: "11px", color: "var(--dsw-alias-label-secondary, #656d76)" } }, "未匹配到任何分支")
+                        : null,
+                ].filter(Boolean)), switching
+            ? h("div", { style: { padding: "6px", textAlign: "center", fontSize: "11px", background: "rgba(9, 105, 218, 0.1)", color: "var(--dsw-alias-link, #0969da)", fontWeight: 500 } }, "正在切换分支...")
+            : null)
+        : null);
+}

package/lib/ui/commit-modal.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 提交详情模态弹窗组件（与设置弹窗同构）
+ */
+export declare function CommitDetailModal(props: {
+    commit: any;
+    onClose: () => void;
+    cwd?: string | null;
+}): any;

package/lib/ui/commit-modal.js

@@ -0,0 +1,89 @@
+/**
+ * 提交详情模态弹窗组件（与设置弹窗同构）
+ */
+export function CommitDetailModal(props) {
+    if (!props.commit)
+        return null;
+    var c = props.commit;
+    var h = React.createElement;
+    var [fetchedDetail, setFetchedDetail] = React.useState(null);
+    var [fetchingDetail, setFetchingDetail] = React.useState(false);
+    React.useEffect(function () {
+        var onKeyDown = function (e) {
+            if (e.key === "Escape" || e.keyCode === 27)
+                props.onClose();
+        };
+        window.addEventListener("keydown", onKeyDown);
+        return function () { window.removeEventListener("keydown", onKeyDown); };
+    }, [props.onClose]);
+    React.useEffect(function () {
+        setFetchedDetail(null);
+        if (c.body || c.stat)
+            return;
+        setFetchingDetail(true);
+        var url = "/api/github/commit-detail?sha=" + encodeURIComponent(c.sha) + (props.cwd ? "&cwd=" + encodeURIComponent(props.cwd) : "");
+        fetch(url)
+            .then(function (r) { return r.json(); })
+            .then(function (j) {
+            setFetchingDetail(false);
+            if (j && j.ok && j.detail)
+                setFetchedDetail(j.detail);
+        })
+            .catch(function () { setFetchingDetail(false); });
+    }, [c.sha, props.cwd]);
+    var effectiveBody = c.body;
+    var effectiveStat = c.stat;
+    if (!effectiveBody && !effectiveStat && fetchedDetail) {
+        effectiveStat = fetchedDetail;
+    }
+    return h("div", {
+        className: "dsh-github-modal-overlay",
+        onClick: props.onClose,
+        style: { zIndex: 100000 },
+    }, h("div", {
+        className: "dsh-github-modal-dialog",
+        style: { width: "94%", maxWidth: "460px", maxHeight: "84vh", display: "flex", flexDirection: "column", overflow: "hidden" },
+        onClick: function (e) { e.stopPropagation(); },
+    }, h("div", { className: "dsh-github-modal-header", style: { flexShrink: 0 } }, h("div", { style: { display: "flex", alignItems: "center", gap: "8px" } }, renderGitIcon(15, "#1296db"), h("h3", { style: { margin: 0, fontSize: "14px", fontWeight: 600 } }, "提交详情")), h("button", {
+        style: { background: "none", border: "none", cursor: "pointer", fontSize: "18px", color: "var(--dsw-alias-label-secondary, #656d76)", padding: "0 4px" },
+        onClick: props.onClose,
+        title: "关闭 (Esc)",
+    }, "✕")), h("div", {
+        className: "dsh-github-modal-body",
+        style: { padding: "16px", overflowY: "auto", flex: 1, minHeight: 0, display: "flex", flexDirection: "column", gap: "12px", boxSizing: "border-box" },
+    }, h("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", fontSize: "11px", opacity: 0.85 } }, h("span", { style: { fontFamily: "monospace", fontWeight: 600, userSelect: "all" }, title: "完整 SHA: " + (c.fullSha || c.sha) }, c.fullSha || c.sha), h("span", null, c.relative)), h("div", { style: { fontSize: "13px", fontWeight: 600, color: "var(--dsw-alias-label-primary, #1f2328)", wordBreak: "break-word", lineHeight: "1.45" } }, c.subject), h("div", { style: { fontSize: "11px", color: "var(--dsw-alias-label-secondary, #656d76)" } }, `提交者: ${c.author}${c.email ? ` <${c.email}>` : ""}${c.date ? ` · ${c.date}` : ""}`), effectiveBody
+        ? h("div", {
+            style: {
+                fontSize: "12px",
+                lineHeight: "1.6",
+                whiteSpace: "pre-wrap",
+                wordBreak: "break-word",
+                padding: "10px 12px",
+                borderRadius: "6px",
+                background: "var(--dsw-alias-bg-module-platform, #f6f8fa)",
+                border: "1px solid var(--dsw-alias-border-l2, #e1e4e8)",
+            },
+        }, effectiveBody)
+        : null, effectiveStat
+        ? h("div", null, h("div", { style: { fontSize: "11px", fontWeight: 600, marginBottom: "4px", opacity: 0.8 } }, "📁 文件变更统计:"), h("pre", {
+            className: "dsh-github-commit-pre",
+            style: {
+                fontSize: "11px",
+                lineHeight: "1.5",
+                whiteSpace: "pre-wrap",
+                wordBreak: "break-word",
+                margin: 0,
+                maxHeight: "34vh",
+                overflowY: "auto",
+                padding: "8px 10px",
+                borderRadius: "6px",
+                background: "var(--dsw-alias-bg-module-platform, #f6f8fa)",
+                border: "1px solid var(--dsw-alias-border-l2, #e1e4e8)",
+            },
+        }, effectiveStat))
+        : null, !effectiveBody && !effectiveStat
+        ? (fetchingDetail
+            ? h("div", { style: { fontSize: "12px", opacity: 0.7, padding: "8px 0" } }, "⏳ 正在获取详细变更说明…")
+            : h("div", { style: { fontSize: "11px", opacity: 0.6, fontStyle: "italic", padding: "6px 0" } }, "（该提交未包含多行正文；重启 DSH 桌面端可同步最新格式并直接呈现变更统计）"))
+        : null)));
+}

package/lib/ui/icons.d.ts

@@ -0,0 +1,7 @@
+/**
+ * 官方高清 SVG 矢量组件与图标徽章
+ */
+export declare function renderOctocat(size?: number, color?: string): any;
+export declare function renderGitIcon(size?: number, color?: string): any;
+export declare function renderOctocatBadge(size?: number): any;
+export declare function renderPluginBadge(hFactory: any): any;

package/lib/ui/icons.js

@@ -0,0 +1,53 @@
+/**
+ * 官方高清 SVG 矢量组件与图标徽章
+ */
+export 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"
+    }));
+}
+export function renderGitIcon(size = 14, color = "#1296db") {
+    return React.createElement("svg", {
+        viewBox: "0 0 1024 1024",
+        width: size,
+        height: size,
+        style: { flexShrink: 0, display: "inline-block", verticalAlign: "middle" }
+    }, React.createElement("path", {
+        fill: color,
+        d: "M943.078 472.342L551.076 80.34c-21.859-21.859-57.626-21.859-79.485 0L79.589 472.342c-21.859 21.859-21.859 57.626 0 79.485l392.002 392.002c21.859 21.859 57.626 21.859 79.485 0l392.002-392.002c21.858-21.858 21.858-57.626 0-79.485z m-249.083 113.12c-37.939 0-68.693-30.755-68.693-68.693a68.532 68.532 0 0 1 4.136-23.521l-86.88-86.88v237.369c21.391 11.639 35.908 34.313 35.908 60.378 0 37.939-30.755 68.693-68.693 68.693s-68.693-30.755-68.693-68.693c0-27.314 15.944-50.903 39.03-61.973v-250.25c-23.022-10.642-39.03-33.879-39.03-60.907 0-7.808 1.401-15.272 3.853-22.243L344.061 207.871l44.159-44.159L490.738 266.23c5.58-1.503 11.418-2.378 17.473-2.378 37.076 0 67.132 30.056 67.132 67.132 0 6.055-0.875 11.893-2.378 17.473l102.241 102.241a68.68 68.68 0 0 1 18.789-2.623c37.939 0 68.693 30.755 68.693 68.693s-30.754 68.694-68.693 68.694z"
+    }));
+}
+export function renderOctocatBadge(size = 32) {
+    return React.createElement("div", {
+        className: "dsh-octocat-badge",
+        style: {
+            width: size + "px",
+            height: size + "px",
+            borderRadius: Math.round(size * 0.25) + "px",
+        }
+    }, renderOctocat(Math.round(size * 0.58), "#ffffff"));
+}
+export function renderPluginBadge(hFactory) {
+    var h = hFactory;
+    return h("button", {
+        className: "dsh-github-plugin-badge",
+        type: "button",
+        title: "本界面由第三方插件 dsh-github-flow 提供（非 DSH / GitHub 官方）。点击查看关于。",
+        onClick: function (e) {
+            e.stopPropagation();
+            e.preventDefault();
+            try {
+                window.dispatchEvent(new CustomEvent("dsh-github-open-about"));
+            }
+            catch (err) { }
+        },
+    }, "插件");
+}

package/lib/ui/network-banner.d.ts

@@ -0,0 +1,10 @@
+/**
+ * 网络连接异常与离线状态醒目横幅组件
+ */
+export declare function NetworkAlertBanner(props: {
+    isRightbar?: boolean;
+    networkErrorReason?: string | null;
+    lastSyncedAt?: number;
+    onRefresh?: () => void;
+    onOpenProxy?: () => void;
+}): any;

package/lib/ui/network-banner.js

@@ -0,0 +1,54 @@
+/**
+ * 网络连接异常与离线状态醒目横幅组件
+ */
+export function NetworkAlertBanner(props) {
+    var isRightbar = Boolean(props.isRightbar);
+    var reason = props.networkErrorReason || "无法连接至 GitHub API 服务器（网络超时或被防火墙/代理阻断），本次未能获取最新数据。";
+    var lastSyncedAt = props.lastSyncedAt || 0;
+    var onRefresh = props.onRefresh || (() => { });
+    var onOpenProxy = props.onOpenProxy || (() => {
+        try {
+            window.dispatchEvent(new CustomEvent("dsh-github-open-proxy"));
+        }
+        catch (e) { }
+    });
+    var formatTime = function (ts) {
+        if (!ts)
+            return "未知时间";
+        var diff = Date.now() - ts;
+        var MIN = 60 * 1000, HOUR = 60 * MIN, DAY = 24 * HOUR;
+        if (diff < MIN)
+            return "刚刚";
+        if (diff < HOUR)
+            return Math.floor(diff / MIN) + " 分钟前";
+        if (diff < DAY)
+            return Math.floor(diff / HOUR) + " 小时前";
+        return new Date(ts).toLocaleDateString();
+    };
+    var h = React.createElement;
+    return h("div", {
+        className: "dsh-github-network-alert",
+        style: {
+            display: "flex",
+            flexDirection: "column",
+            gap: "6px",
+            padding: isRightbar ? "10px 12px" : "12px 16px",
+            marginBottom: "12px",
+            borderRadius: "8px",
+            background: "rgba(240, 136, 62, 0.12)",
+            border: "1px solid rgba(240, 136, 62, 0.4)",
+            fontSize: "12px",
+            color: "var(--dsw-alias-label-primary, #1f2328)",
+        },
+    }, h("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", flexWrap: "wrap", gap: "6px" } }, h("div", { style: { display: "flex", alignItems: "center", gap: "6px", fontWeight: 600, color: "var(--dsw-alias-state-attention-primary, #9a6700)" } }, h("span", null, "⚠️"), h("span", null, "网络连接失败，当前展示离线历史数据")), h("div", { style: { display: "flex", alignItems: "center", gap: "6px", flexShrink: 0 } }, h("button", {
+        className: "dsh-github-btn-sm",
+        onClick: onRefresh,
+        title: "重新发起网络连接刷新",
+        style: { padding: "3px 8px", fontSize: "11px", cursor: "pointer" },
+    }, "🔄 重试刷新"), h("button", {
+        className: "dsh-github-btn-sm",
+        onClick: onOpenProxy,
+        title: "打开网络代理设置配置 HTTP/SOCKS5 代理",
+        style: { padding: "3px 8px", fontSize: "11px", cursor: "pointer" },
+    }, "⚙️ 配置代理"))), h("div", { style: { fontSize: "11px", color: "var(--dsw-alias-label-secondary, #656d76)", lineHeight: 1.4 } }, reason + (lastSyncedAt ? `（当前数据快照同步于 ${formatTime(lastSyncedAt)}）` : "")));
+}

package/lib/ui/storage.d.ts

@@ -0,0 +1,26 @@
+/**
+ * 本地持久化缓存状态机与偏好配置存储管理
+ */
+export declare const GLOBAL_OVERVIEW_CACHE_KEY = "dsh_github_global_overview_snapshot_v1";
+export declare const SYNC_SETTINGS_STORAGE_KEY = "dsh_github_sync_settings_v1";
+export declare const DEFAULT_SYNC_SETTINGS: {
+    strategy: string;
+    cloudSyncIntervalMs: number;
+    localGitWatch: boolean;
+};
+export declare function getLocalSyncSettings(): any;
+export declare function saveLocalSyncSettings(settings: any): void;
+export declare function getStoredGlobalOverview(): any;
+export declare function saveStoredGlobalOverview(data: any): void;
+export declare function clearStoredGlobalOverview(): void;
+export declare function getCacheStorageMeta(): {
+    exists: boolean;
+    sizeKb: number;
+    savedAt: any;
+};
+export declare function getRightbarStorageKey(cwd: string | null): string;
+export declare function getStoredRightbarSnapshot(cwd: string | null): {
+    data: any;
+    savedAt: any;
+} | null;
+export declare function saveStoredRightbarData(cwd: string | null, data: any): void;

package/lib/ui/storage.js

@@ -0,0 +1,134 @@
+/**
+ * 本地持久化缓存状态机与偏好配置存储管理
+ */
+export const GLOBAL_OVERVIEW_CACHE_KEY = "dsh_github_global_overview_snapshot_v1";
+export const SYNC_SETTINGS_STORAGE_KEY = "dsh_github_sync_settings_v1";
+export const DEFAULT_SYNC_SETTINGS = {
+    strategy: "swr", // 'swr' | 'auto' | 'manual'
+    cloudSyncIntervalMs: 600000, // 云端定时周期：默认 10 分钟 (600,000ms，下限 5分钟)
+    localGitWatch: true, // 本地 .git 改动实时感知 (仅右侧栏当前工作区生效，默认开启)
+};
+export function getLocalSyncSettings() {
+    try {
+        var raw = localStorage.getItem(SYNC_SETTINGS_STORAGE_KEY);
+        if (!raw)
+            return DEFAULT_SYNC_SETTINGS;
+        var parsed = JSON.parse(raw);
+        var merged = Object.assign({}, DEFAULT_SYNC_SETTINGS, parsed);
+        if (merged.strategy === "interval" || parsed.cloudAutoSync === true) {
+            merged.strategy = "auto";
+            saveLocalSyncSettings(merged);
+        }
+        if (typeof merged.cloudSyncIntervalMs !== "number" || merged.cloudSyncIntervalMs < 300000) {
+            merged.cloudSyncIntervalMs = 600000;
+        }
+        if (typeof parsed.localGitWatch !== "boolean") {
+            merged.localGitWatch = true;
+        }
+        return merged;
+    }
+    catch (e) {
+        return DEFAULT_SYNC_SETTINGS;
+    }
+}
+export function saveLocalSyncSettings(settings) {
+    try {
+        localStorage.setItem(SYNC_SETTINGS_STORAGE_KEY, JSON.stringify(settings));
+        if (typeof window !== "undefined") {
+            window.dispatchEvent(new CustomEvent("dsh-github-sync-settings-change", { detail: settings }));
+        }
+    }
+    catch (e) { }
+}
+export function getStoredGlobalOverview() {
+    try {
+        var raw = localStorage.getItem(GLOBAL_OVERVIEW_CACHE_KEY);
+        if (!raw)
+            return null;
+        var parsed = JSON.parse(raw);
+        if (!parsed || !parsed.data) {
+            return null;
+        }
+        if (typeof parsed.savedAt === "number") {
+            return parsed;
+        }
+        return null;
+    }
+    catch (e) {
+        return null;
+    }
+}
+export function saveStoredGlobalOverview(data) {
+    if (!data || !data.auth || data.auth.networkError) {
+        return;
+    }
+    try {
+        localStorage.setItem(GLOBAL_OVERVIEW_CACHE_KEY, JSON.stringify({
+            data: data,
+            savedAt: Date.now(),
+        }));
+    }
+    catch (e) { }
+}
+export function clearStoredGlobalOverview() {
+    try {
+        localStorage.removeItem(GLOBAL_OVERVIEW_CACHE_KEY);
+        if (typeof localStorage !== "undefined") {
+            for (var i = localStorage.length - 1; i >= 0; i--) {
+                var k = localStorage.key(i);
+                if (k && k.indexOf("dsh_github_rightbar_snapshot_") === 0) {
+                    localStorage.removeItem(k);
+                }
+            }
+        }
+        if (typeof window !== "undefined") {
+            window.dispatchEvent(new CustomEvent("dsh-github-cache-cleared"));
+        }
+    }
+    catch (e) { }
+}
+export function getCacheStorageMeta() {
+    try {
+        var raw = localStorage.getItem(GLOBAL_OVERVIEW_CACHE_KEY);
+        if (!raw)
+            return { exists: false, sizeKb: 0, savedAt: 0 };
+        var parsed = JSON.parse(raw);
+        var sizeKb = Math.round((raw.length * 2) / 1024 * 10) / 10;
+        return { exists: true, sizeKb: sizeKb, savedAt: parsed?.savedAt || 0 };
+    }
+    catch (e) {
+        return { exists: false, sizeKb: 0, savedAt: 0 };
+    }
+}
+export function getRightbarStorageKey(cwd) {
+    var safe = (cwd || "default").replace(/[^a-zA-Z0-9_-]/g, "_");
+    return "dsh_github_rightbar_snapshot_" + safe;
+}
+export function getStoredRightbarSnapshot(cwd) {
+    try {
+        var key = getRightbarStorageKey(cwd);
+        var raw = localStorage.getItem(key);
+        if (!raw)
+            return null;
+        var parsed = JSON.parse(raw);
+        if (!parsed || !parsed.data) {
+            return null;
+        }
+        return { data: parsed.data, savedAt: typeof parsed.savedAt === "number" ? parsed.savedAt : 0 };
+    }
+    catch (e) {
+        return null;
+    }
+}
+export function saveStoredRightbarData(cwd, data) {
+    if (!data || !data.auth || data.auth.networkError)
+        return;
+    try {
+        var key = getRightbarStorageKey(cwd);
+        localStorage.setItem(key, JSON.stringify({
+            data: data,
+            savedAt: Date.now(),
+        }));
+    }
+    catch (e) { }
+}

package/lib/ui/styles.d.ts

@@ -0,0 +1,6 @@
+/**
+ * DSH GitHub Flow - 主题自适应样式系统 (Light / Dark 动态联动)
+ * 遵循 DSH 原生 DSW (DeepSeek Web) 设计语言规范
+ */
+export declare const GITHUB_PANEL_CSS = "\n/* 1. \u4FA7\u8FB9\u680F\u56FE\u6807\u4E0E\u5916\u58F3 */\n.dsh-github-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  cursor: pointer;\n  color: var(--dsw-alias-label-secondary, #656d76);\n  transition: color 0.15s ease;\n}\n.dsh-github-icon:hover {\n  color: var(--dsw-alias-label-primary, #1f2328);\n}\n.dsh-github-icon-inner {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  border-radius: 7px;\n  background: transparent;\n  color: inherit;\n  border: 1px solid transparent;\n  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);\n}\n.dsh-github-icon-inner.active {\n  background: var(--dsw-alias-bg-module-platform, rgba(9, 105, 218, 0.08));\n  color: var(--dsw-alias-link, #0969da);\n  border-color: var(--dsw-alias-border-l2, rgba(9, 105, 218, 0.2));\n}\n\nbody[data-ds-dark-theme] .dsh-github-icon {\n  color: var(--dsw-alias-label-secondary, #9ca3af);\n}\nbody[data-ds-dark-theme] .dsh-github-icon:hover {\n  color: var(--dsw-alias-label-primary, #ffffff);\n}\nbody[data-ds-dark-theme] .dsh-github-icon-inner.active {\n  background: linear-gradient(135deg, rgba(46, 160, 67, 0.3) 0%, rgba(31, 111, 235, 0.45) 100%);\n  color: #ffffff;\n  box-shadow: 0 0 12px rgba(31, 111, 235, 0.4);\n  border-color: rgba(88, 166, 255, 0.45);\n}\n\n/* 2. Octocat \u79D1\u6280\u52CB\u7AE0 Badge */\n.dsh-octocat-badge {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: linear-gradient(135deg, #1f6feb 0%, #0969da 60%, #8957e5 100%);\n  box-shadow: 0 2px 6px rgba(9, 105, 218, 0.25);\n  flex-shrink: 0;\n}\nbody[data-ds-dark-theme] .dsh-octocat-badge {\n  background: linear-gradient(135deg, #2ea043 0%, #1f6feb 60%, #8957e5 100%);\n  box-shadow: 0 2px 8px rgba(31, 111, 235, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.25);\n}\n\n/* 3. \u5BB9\u5668\u89C6\u56FE\uFF08\u4E3B\u9762\u677F\u4E0E\u53F3\u4FA7\u62BD\u5C49\u680F\uFF09 */\n.dsh-github-panel {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  overflow-y: auto;\n  padding: 24px 32px;\n  box-sizing: border-box;\n  background: var(--dsw-alias-bg-base, #ffffff);\n  color: var(--dsw-alias-label-primary, #1f2328);\n  font-family: var(--dsw-font-family, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif);\n}\n\n.dsh-github-rightbar-container {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  overflow-y: auto;\n  padding: 16px 18px;\n  box-sizing: border-box;\n  background: var(--dsw-alias-bg-base, #ffffff);\n  color: var(--dsw-alias-label-primary, #1f2328);\n  font-family: var(--dsw-font-family, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif);\n}\n\nbody[data-ds-dark-theme] .dsh-github-panel,\nbody[data-ds-dark-theme] .dsh-github-rightbar-container {\n  background: var(--dsw-alias-bg-base, #151517);\n  color: var(--dsw-alias-label-primary, #ececec);\n}\n\n/* 4. \u5934\u90E8\u533A\u57DF */\n.dsh-github-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 20px;\n  padding-bottom: 12px;\n  border-bottom: 1px solid var(--dsw-alias-border-l2, #e5e7eb);\n}\nbody[data-ds-dark-theme] .dsh-github-header {\n  border-bottom-color: var(--dsw-alias-border-l1, #2c2c2e);\n}\n.dsh-github-title {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n.dsh-github-title h2 {\n  margin: 0;\n  font-size: 18px;\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary, #1f2328);\n}\nbody[data-ds-dark-theme] .dsh-github-title h2 {\n  color: var(--dsw-alias-label-primary, #f0f6fc);\n}\n\n/* 5. \u5237\u65B0\u6309\u94AE */\n.dsh-github-refresh-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 5px 12px;\n  font-size: 12px;\n  font-weight: 500;\n  border-radius: 6px;\n  border: 1px solid var(--dsw-alias-border-l2, #e1e4e8);\n  background: var(--dsw-alias-bg-module-platform, #f6f8fa);\n  color: var(--dsw-alias-label-primary, #1f2328);\n  cursor: pointer;\n  transition: all 0.15s ease;\n}\n.dsh-github-refresh-btn:hover:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover, #ebeef2);\n  border-color: var(--dsw-alias-border-l3, #d0d7de);\n}\n.dsh-github-refresh-btn:disabled {\n  opacity: 0.6;\n  cursor: not-allowed;\n}\nbody[data-ds-dark-theme] .dsh-github-refresh-btn {\n  border-color: var(--dsw-alias-border-l1, #38383c);\n  background: var(--dsw-alias-bg-layer-2, #242528);\n  color: var(--dsw-alias-label-primary, #f0f6fc);\n}\nbody[data-ds-dark-theme] .dsh-github-refresh-btn:hover:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover, #2f3034);\n  border-color: rgba(255, 255, 255, 0.25);\n}\n\n/* 6. \u6982\u89C8\u5361\u7247\u4E0E\u7F51\u683C */\n.dsh-github-overview-cards {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 14px;\n  margin-bottom: 20px;\n}\n.dsh-github-card {\n  padding: 14px 16px;\n  border-radius: 8px;\n  border: 1px solid var(--dsw-alias-border-l2, #e5e7eb);\n  background: var(--dsw-alias-bg-layer-1, #fcfcfd);\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);\n  margin-bottom: 12px;\n  transition: border-color 0.15s ease, box-shadow 0.15s ease;\n}\nbody[data-ds-dark-theme] .dsh-github-card {\n  border-color: var(--dsw-alias-border-l1, #303034);\n  background: var(--dsw-alias-bg-layer-2, #212124);\n  box-shadow: none;\n}\n.dsh-github-card-title {\n  font-size: 11px;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  color: var(--dsw-alias-label-tertiary, #656d76);\n  margin-bottom: 6px;\n  font-weight: 500;\n}\nbody[data-ds-dark-theme] .dsh-github-card-title {\n  color: var(--dsw-alias-label-tertiary, #888);\n}\n.dsh-github-card-value {\n  font-size: 15px;\n  font-weight: 600;\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 8px;\n  color: var(--dsw-alias-label-primary, #1f2328);\n}\nbody[data-ds-dark-theme] .dsh-github-card-value {\n  color: var(--dsw-alias-label-primary, #f0f6fc);\n}\n.dsh-github-card-desc {\n  font-size: 12px;\n  color: var(--dsw-alias-label-secondary, #656d76);\n  margin-top: 4px;\n  line-height: 1.4;\n}\nbody[data-ds-dark-theme] .dsh-github-card-desc {\n  color: var(--dsw-alias-label-secondary, #bbb);\n}\n.dsh-github-card-subtext {\n  font-size: 11px;\n  color: var(--dsw-alias-label-tertiary, #8c959f);\n  margin-top: 6px;\n}\nbody[data-ds-dark-theme] .dsh-github-card-subtext {\n  color: var(--dsw-alias-label-tertiary, #888);\n}\n\n/* 7. \u5FBD\u7AE0\uFF08Badges\uFF09 */\n.dsh-github-badge {\n  display: inline-flex;\n  align-items: center;\n  font-size: 11px;\n  padding: 2px 8px;\n  border-radius: 12px;\n  font-weight: 500;\n  line-height: 16px;\n}\n.dsh-badge-green {\n  background: rgba(46, 160, 67, 0.12);\n  color: #1a7f37;\n  border: 1px solid rgba(46, 160, 67, 0.2);\n}\n.dsh-badge-red {\n  background: rgba(207, 34, 46, 0.12);\n  color: #cf222e;\n  border: 1px solid rgba(207, 34, 46, 0.2);\n}\n.dsh-badge-yellow {\n  background: rgba(154, 103, 0, 0.12);\n  color: #9a6700;\n  border: 1px solid rgba(154, 103, 0, 0.2);\n}\n.dsh-badge-blue {\n  background: rgba(9, 105, 218, 0.12);\n  color: #0969da;\n  border: 1px solid rgba(9, 105, 218, 0.2);\n}\n.dsh-badge-purple {\n  background: rgba(137, 87, 229, 0.12);\n  color: #8250df;\n  border: 1px solid rgba(137, 87, 229, 0.2);\n}\nbody[data-ds-dark-theme] .dsh-badge-green {\n  background: rgba(46, 160, 67, 0.22);\n  color: #3fb950;\n  border-color: rgba(46, 160, 67, 0.3);\n}\nbody[data-ds-dark-theme] .dsh-badge-red {\n  background: rgba(248, 81, 73, 0.22);\n  color: #f85149;\n  border-color: rgba(248, 81, 73, 0.3);\n}\nbody[data-ds-dark-theme] .dsh-badge-yellow {\n  background: rgba(210, 153, 34, 0.22);\n  color: #d29922;\n  border-color: rgba(210, 153, 34, 0.3);\n}\nbody[data-ds-dark-theme] .dsh-badge-blue {\n  background: rgba(56, 139, 253, 0.22);\n  color: #58a6ff;\n  border-color: rgba(56, 139, 253, 0.3);\n}\nbody[data-ds-dark-theme] .dsh-badge-purple {\n  background: rgba(163, 113, 247, 0.22);\n  color: #bc8cff;\n  border-color: rgba(163, 113, 247, 0.3);\n}\n\n/* \u63D2\u4EF6\u8EAB\u4EFD\u5FBD\u6807\uFF1A\u6807\u8BC6\u754C\u9762\u7531\u7B2C\u4E09\u65B9\u63D2\u4EF6 dsh-github-flow \u63D0\u4F9B\uFF08\u975E DSH/GitHub \u5B98\u65B9\uFF09 */\n.dsh-github-plugin-badge {\n  display: inline-flex;\n  align-items: center;\n  font-size: 10px;\n  font-weight: 500;\n  padding: 1px 7px;\n  border-radius: 10px;\n  line-height: 14px;\n  vertical-align: middle;\n  margin-left: 8px;\n  text-decoration: none !important;\n  background: rgba(125, 133, 144, 0.12);\n  color: #656d76;\n  border: 1px solid rgba(125, 133, 144, 0.25);\n  cursor: pointer;\n  transition: all 0.15s ease;\n}\n.dsh-github-plugin-badge:hover {\n  background: rgba(125, 133, 144, 0.2);\n  color: var(--dsw-alias-label-primary, #1f2328);\n}\nbody[data-ds-dark-theme] .dsh-github-plugin-badge {\n  background: rgba(139, 148, 158, 0.18);\n  color: #8b949e;\n  border-color: rgba(139, 148, 158, 0.3);\n}\nbody[data-ds-dark-theme] .dsh-github-plugin-badge:hover {\n  background: rgba(139, 148, 158, 0.28);\n  color: #f0f6fc;\n}\n\n/* 7.5. \u5206\u7C7B\u7B5B\u9009\u836F\u4E38\u680F */\n.dsh-github-pills {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  flex-wrap: wrap;\n  margin-bottom: 12px;\n}\n.dsh-github-pill-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 4px 10px;\n  border-radius: 14px;\n  font-size: 11px;\n  font-weight: 500;\n  border: 1px solid var(--dsw-alias-border-l2, #d0d7de);\n  background: var(--dsw-alias-bg-module-platform, #f6f8fa);\n  color: var(--dsw-alias-label-secondary, #656d76);\n  cursor: pointer;\n  transition: all 0.15s ease;\n}\n.dsh-github-pill-btn:hover {\n  color: var(--dsw-alias-label-primary, #1f2328);\n  border-color: var(--dsw-alias-border-l3, #b0b8c1);\n}\n.dsh-github-pill-btn.active {\n  background: var(--dsw-alias-bg-module-platform, rgba(9, 105, 218, 0.1));\n  color: var(--dsw-alias-link, #0969da);\n  border-color: var(--dsw-alias-link, #0969da);\n  font-weight: 600;\n}\nbody[data-ds-dark-theme] .dsh-github-pill-btn {\n  background: var(--dsw-alias-bg-layer-2, #21262d);\n  color: var(--dsw-alias-label-secondary, #8b949e);\n  border-color: var(--dsw-alias-border-l1, #30363d);\n}\nbody[data-ds-dark-theme] .dsh-github-pill-btn:hover {\n  color: var(--dsw-alias-label-primary, #f0f6fc);\n  border-color: #8b949e;\n}\nbody[data-ds-dark-theme] .dsh-github-pill-btn.active {\n  background: rgba(56, 139, 253, 0.18);\n  color: #58a6ff;\n  border-color: #58a6ff;\n}\n\n/* 8. \u5FEB\u6377\u64CD\u4F5C\u7F51\u683C */\n.dsh-github-quick-actions {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 8px;\n  margin-bottom: 16px;\n}\n.dsh-github-action-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n  padding: 8px 10px;\n  border-radius: 6px;\n  border: 1px solid var(--dsw-alias-border-l2, #e1e4e8);\n  background: var(--dsw-alias-bg-module-platform, #f6f8fa);\n  color: var(--dsw-alias-label-primary, #1f2328);\n  font-size: 12px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: all 0.15s ease;\n}\n.dsh-github-action-btn:hover {\n  background: var(--dsw-alias-interactive-bg-hover, #ebeef2);\n  border-color: var(--dsw-alias-link, #0969da);\n  color: var(--dsw-alias-link, #0969da);\n}\nbody[data-ds-dark-theme] .dsh-github-action-btn {\n  border-color: var(--dsw-alias-border-l1, #444);\n  background: var(--dsw-alias-bg-layer-2, #28282b);\n  color: var(--dsw-alias-label-primary, #fff);\n}\nbody[data-ds-dark-theme] .dsh-github-action-btn:hover {\n  background: var(--dsw-alias-interactive-bg-hover, #343438);\n  border-color: #58a6ff;\n  color: #58a6ff;\n}\n\n/* \u7EC4\u5408\u5F0F\u5FEB\u6377\u64CD\u4F5C\u6309\u94AE (AI \u667A\u80FD\u88C5\u586B\u4E3B\u64CD\u4F5C + \u5B98\u65B9\u5916\u94FE\u76F4\u8FBE) */\n.dsh-github-split-btn {\n  display: flex;\n  align-items: stretch;\n  border-radius: 6px;\n  border: 1px solid var(--dsw-alias-border-l2, #e1e4e8);\n  background: var(--dsw-alias-bg-module-platform, #f6f8fa);\n  overflow: hidden;\n  transition: all 0.15s ease;\n}\n.dsh-github-split-btn:hover {\n  border-color: var(--dsw-alias-link, #0969da);\n}\nbody[data-ds-dark-theme] .dsh-github-split-btn {\n  border-color: var(--dsw-alias-border-l1, #444);\n  background: var(--dsw-alias-bg-layer-2, #28282b);\n}\nbody[data-ds-dark-theme] .dsh-github-split-btn:hover {\n  border-color: #58a6ff;\n}\n.dsh-github-split-main {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 5px;\n  padding: 8px 8px;\n  border: 0;\n  background: transparent;\n  color: var(--dsw-alias-label-primary, #1f2328);\n  font-size: 12px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: all 0.15s ease;\n  white-space: nowrap;\n}\n.dsh-github-split-main:hover {\n  background: var(--dsw-alias-interactive-bg-hover, #ebeef2);\n  color: var(--dsw-alias-link, #0969da);\n}\nbody[data-ds-dark-theme] .dsh-github-split-main {\n  color: var(--dsw-alias-label-primary, #fff);\n}\nbody[data-ds-dark-theme] .dsh-github-split-main:hover {\n  background: var(--dsw-alias-interactive-bg-hover, #343438);\n  color: #58a6ff;\n}\n.dsh-github-split-link {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0 8px;\n  border-left: 1px solid var(--dsw-alias-border-l2, #e1e4e8);\n  background: transparent;\n  color: var(--dsw-alias-label-tertiary, #656d76);\n  font-size: 12px;\n  font-weight: bold;\n  text-decoration: none !important;\n  cursor: pointer;\n  transition: all 0.15s ease;\n}\n.dsh-github-split-link:hover {\n  background: var(--dsw-alias-interactive-bg-hover, #ebeef2);\n  color: var(--dsw-alias-link, #0969da);\n}\nbody[data-ds-dark-theme] .dsh-github-split-link {\n  border-left-color: var(--dsw-alias-border-l1, #444);\n  color: var(--dsw-alias-label-secondary, #9ca3af);\n}\nbody[data-ds-dark-theme] .dsh-github-split-link:hover {\n  background: var(--dsw-alias-interactive-bg-hover, #343438);\n  color: #58a6ff;\n}\n\n/* 9. \u6A21\u5757\u5206\u533A\u4E0E\u5217\u8868 */\n.dsh-github-section {\n  margin-bottom: 20px;\n}\n.dsh-github-section-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 8px;\n}\n.dsh-github-section-header h3 {\n  margin: 0;\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--dsw-alias-label-secondary, #656d76);\n}\nbody[data-ds-dark-theme] .dsh-github-section-header h3 {\n  color: var(--dsw-alias-label-secondary, #ccc);\n}\n.dsh-github-list {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.dsh-github-item {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  padding: 10px 14px;\n  border-radius: 6px;\n  border: 1px solid var(--dsw-alias-border-l2, #e5e7eb);\n  background: var(--dsw-alias-bg-layer-1, #fcfcfd);\n  transition: border-color 0.15s ease, background 0.15s ease;\n}\n.dsh-github-item:hover {\n  border-color: var(--dsw-alias-border-l3, #d0d7de);\n  background: var(--dsw-alias-interactive-bg-hover, #f6f8fa);\n}\nbody[data-ds-dark-theme] .dsh-github-item {\n  border-color: var(--dsw-alias-border-l1, #333336);\n  background: var(--dsw-alias-bg-layer-2, #252528);\n}\nbody[data-ds-dark-theme] .dsh-github-item:hover {\n  border-color: var(--dsw-alias-border-l2, #555);\n  background: var(--dsw-alias-interactive-bg-hover, #2c2c30);\n}\n.dsh-github-item-title {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--dsw-alias-label-primary, #1f2328);\n  text-decoration: none;\n  transition: color 0.15s ease;\n}\n.dsh-github-item-title:hover {\n  color: var(--dsw-alias-link, #0969da);\n  text-decoration: underline;\n}\nbody[data-ds-dark-theme] .dsh-github-item-title {\n  color: var(--dsw-alias-label-primary, #f0f6fc);\n}\nbody[data-ds-dark-theme] .dsh-github-item-title:hover {\n  color: #58a6ff;\n}\n.dsh-github-item-desc {\n  font-size: 12px;\n  color: var(--dsw-alias-label-secondary, #656d76);\n  line-height: 1.4;\n}\nbody[data-ds-dark-theme] .dsh-github-item-desc {\n  color: var(--dsw-alias-label-secondary, #bbb);\n}\n.dsh-github-item-meta {\n  font-size: 11px;\n  color: var(--dsw-alias-label-tertiary, #656d76);\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 8px;\n}\nbody[data-ds-dark-theme] .dsh-github-item-meta {\n  color: var(--dsw-alias-label-secondary, #8c8c8c);\n}\n\n/* 10. \u5C0F\u6309\u94AE\u6837\u5F0F\uFF08\u5728 GitHub \u6253\u5F00\u7B49\uFF09 */\n.dsh-github-btn-sm {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 12px;\n  font-weight: 500;\n  padding: 4px 10px;\n  border-radius: 6px;\n  border: 1px solid var(--dsw-alias-border-l2, #d0d7de);\n  background: var(--dsw-alias-bg-module-platform, #f6f8fa);\n  color: var(--dsw-alias-label-primary, #1f2328);\n  cursor: pointer;\n  text-decoration: none !important;\n  transition: all 0.15s ease;\n}\n.dsh-github-btn-sm:hover {\n  background: var(--dsw-alias-interactive-bg-hover, #ebeef2);\n  border-color: var(--dsw-alias-border-l3, #b0b8c1);\n  color: var(--dsw-alias-link, #0969da);\n}\nbody[data-ds-dark-theme] .dsh-github-btn-sm {\n  border-color: var(--dsw-alias-border-l1, #444);\n  background: var(--dsw-alias-bg-layer-2, #26272b);\n  color: var(--dsw-alias-label-primary, #f0f6fc);\n}\nbody[data-ds-dark-theme] .dsh-github-btn-sm:hover {\n  background: var(--dsw-alias-interactive-bg-hover, #33343a);\n  border-color: rgba(255, 255, 255, 0.25);\n  color: #58a6ff;\n}\n\n/* 11. \u7A7A\u72B6\u6001 */\n.dsh-github-empty {\n  padding: 24px;\n  text-align: center;\n  font-size: 12px;\n  color: var(--dsw-alias-label-tertiary, #656d76);\n  border: 1px dashed var(--dsw-alias-border-l2, #d0d7de);\n  border-radius: 8px;\n  background: rgba(0, 0, 0, 0.01);\n}\nbody[data-ds-dark-theme] .dsh-github-empty {\n  color: var(--dsw-alias-label-tertiary, #888);\n  border-color: var(--dsw-alias-border-l1, #38383c);\n  background: rgba(255, 255, 255, 0.01);\n}\n\n/* 12. Tabs \u5BFC\u822A\u680F */\n.dsh-github-tabs {\n  display: flex;\n  gap: 8px;\n  margin-bottom: 18px;\n  border-bottom: 1px solid var(--dsw-alias-border-l2, #e5e7eb);\n  padding-bottom: 8px;\n}\nbody[data-ds-dark-theme] .dsh-github-tabs {\n  border-bottom-color: var(--dsw-alias-border-l1, #303034);\n}\n.dsh-github-tab-btn {\n  padding: 6px 14px;\n  border-radius: 6px;\n  font-size: 13px;\n  font-weight: 500;\n  border: 0;\n  background: transparent;\n  color: var(--dsw-alias-label-secondary, #656d76);\n  cursor: pointer;\n  transition: all 0.15s ease;\n}\n.dsh-github-tab-btn:hover {\n  color: var(--dsw-alias-label-primary, #1f2328);\n  background: var(--dsw-alias-interactive-bg-hover, rgba(0, 0, 0, 0.05));\n}\n.dsh-github-tab-btn.active {\n  color: var(--dsw-alias-link, #0969da);\n  background: rgba(9, 105, 218, 0.1);\n  font-weight: 600;\n}\nbody[data-ds-dark-theme] .dsh-github-tab-btn {\n  color: var(--dsw-alias-label-secondary, #8c8c8c);\n}\nbody[data-ds-dark-theme] .dsh-github-tab-btn:hover {\n  color: var(--dsw-alias-label-primary, #fff);\n  background: var(--dsw-alias-interactive-bg-hover, rgba(255, 255, 255, 0.06));\n}\nbody[data-ds-dark-theme] .dsh-github-tab-btn.active {\n  color: #58a6ff;\n  background: rgba(88, 166, 255, 0.15);\n}\n\n/* 13. \u641C\u7D22\u8F93\u5165\u6846 */\n.dsh-github-search-input {\n  width: 100%;\n  max-width: 320px;\n  padding: 6px 12px;\n  font-size: 12px;\n  border-radius: 6px;\n  border: 1px solid var(--dsw-alias-border-l2, #d0d7de);\n  background: var(--dsw-alias-bg-base, #ffffff);\n  color: var(--dsw-alias-label-primary, #1f2328);\n  outline: none;\n  margin-bottom: 14px;\n  transition: border-color 0.15s ease, box-shadow 0.15s ease;\n}\n.dsh-github-search-input:focus {\n  border-color: var(--dsw-alias-link, #0969da);\n  box-shadow: 0 0 0 3px rgba(9, 105, 218, 0.15);\n}\nbody[data-ds-dark-theme] .dsh-github-search-input {\n  border-color: var(--dsw-alias-border-l1, #444);\n  background: var(--dsw-alias-bg-layer-2, #212124);\n  color: var(--dsw-alias-label-primary, #f0f6fc);\n}\nbody[data-ds-dark-theme] .dsh-github-search-input:focus {\n  border-color: #58a6ff;\n  box-shadow: 0 0 0 3px rgba(88, 166, 255, 0.2);\n}\n\n/* 14. \u5DE5\u4F5C\u533A\u77E9\u9635\u6761\u76EE\u4E13\u5C5E\u7C7B */\n.dsh-github-workspace-card {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 8px;\n}\n.dsh-github-ws-title {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary, #1f2328);\n}\nbody[data-ds-dark-theme] .dsh-github-ws-title {\n  color: var(--dsw-alias-label-primary, #f0f6fc);\n}\n.dsh-github-ws-path {\n  font-size: 12px;\n  color: var(--dsw-alias-label-tertiary, #656d76);\n  font-family: var(--ds-font-family-code, monospace);\n}\nbody[data-ds-dark-theme] .dsh-github-ws-path {\n  color: var(--dsw-alias-label-tertiary, #888);\n}\n.dsh-github-ws-repo-link {\n  color: var(--dsw-alias-link, #0969da);\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  font-weight: 500;\n}\nbody[data-ds-dark-theme] .dsh-github-ws-repo-link {\n  color: #58a6ff;\n}\n.dsh-github-repo-link {\n  color: var(--dsw-alias-link, #0969da);\n  text-decoration: none;\n  font-weight: 600;\n}\n.dsh-github-repo-link:hover {\n  text-decoration: underline;\n}\nbody[data-ds-dark-theme] .dsh-github-repo-link {\n  color: #58a6ff;\n}\n.dsh-github-subheading {\n  font-size: 14px;\n  font-weight: 600;\n  margin: 0 0 10px 0;\n  color: var(--dsw-alias-label-primary, #1f2328);\n}\nbody[data-ds-dark-theme] .dsh-github-subheading {\n  color: var(--dsw-alias-label-primary, #f0f6fc);\n}\n\n/* 15. \u5C31\u7EEA\u5F15\u5BFC\u6A2A\u5E45 (Setup Guide Banner) */\n.dsh-github-guide-card {\n  padding: 16px;\n  border-radius: 8px;\n  margin-bottom: 16px;\n  border: 1px solid var(--dsw-alias-border-l2, #d0d7de);\n  background: var(--dsw-alias-bg-layer-1, #f6f8fa);\n}\n.dsh-github-guide-card.warning {\n  border-color: rgba(210, 153, 34, 0.4);\n  background: rgba(210, 153, 34, 0.08);\n}\n.dsh-github-guide-card.danger {\n  border-color: rgba(248, 81, 73, 0.4);\n  background: rgba(248, 81, 73, 0.08);\n}\n.dsh-github-guide-header {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 15px;\n  font-weight: 600;\n  margin-bottom: 6px;\n  color: var(--dsw-alias-label-primary, #1f2328);\n}\nbody[data-ds-dark-theme] .dsh-github-guide-header {\n  color: var(--dsw-alias-label-primary, #f0f6fc);\n}\n.dsh-github-guide-desc {\n  font-size: 13px;\n  color: var(--dsw-alias-label-secondary, #656d76);\n  line-height: 1.5;\n  margin-bottom: 12px;\n}\nbody[data-ds-dark-theme] .dsh-github-guide-desc {\n  color: var(--dsw-alias-label-secondary, #8c8c8c);\n}\n.dsh-github-cmd-box {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  background: var(--dsw-alias-bg-base, #ffffff);\n  border: 1px solid var(--dsw-alias-border-l2, #d0d7de);\n  border-radius: 6px;\n  padding: 8px 12px;\n  font-family: var(--ds-font-family-code, monospace);\n  font-size: 13px;\n  color: var(--dsw-alias-label-primary, #1f2328);\n  margin-bottom: 12px;\n}\nbody[data-ds-dark-theme] .dsh-github-cmd-box {\n  background: var(--dsw-alias-bg-layer-2, #161b22);\n  border-color: var(--dsw-alias-border-l1, #30363d);\n  color: var(--dsw-alias-label-primary, #f0f6fc);\n}\n.dsh-github-copy-btn {\n  padding: 4px 10px;\n  font-size: 12px;\n  border-radius: 4px;\n  border: 1px solid var(--dsw-alias-border-l2, #d0d7de);\n  background: var(--dsw-alias-bg-layer-1, #f6f8fa);\n  color: var(--dsw-alias-label-primary, #1f2328);\n  cursor: pointer;\n  white-space: nowrap;\n  transition: all 0.15s ease;\n}\nbody[data-ds-dark-theme] .dsh-github-copy-btn {\n  background: var(--dsw-alias-bg-layer-2, #21262d);\n  border-color: var(--dsw-alias-border-l1, #30363d);\n  color: var(--dsw-alias-label-primary, #c9d1d9);\n}\n.dsh-github-copy-btn:hover {\n  background: var(--dsw-alias-interactive-bg-hover, #ebeef1);\n}\nbody[data-ds-dark-theme] .dsh-github-copy-btn:hover {\n  background: #30363d;\n}\n.dsh-github-copy-btn.copied {\n  color: #2da44e !important;\n  border-color: #2da44e !important;\n  background: rgba(45, 164, 78, 0.15) !important;\n}\n.dsh-github-steps-list {\n  font-size: 12px;\n  color: var(--dsw-alias-label-secondary, #656d76);\n  line-height: 1.6;\n  margin: 0 0 12px 18px;\n  padding: 0;\n}\nbody[data-ds-dark-theme] .dsh-github-steps-list {\n  color: var(--dsw-alias-label-secondary, #8c8c8c);\n}\n.dsh-github-guide-actions {\n  display: flex;\n  gap: 8px;\n  flex-wrap: wrap;\n}\n.dsh-github-guide-tip {\n  font-size: 11px;\n  color: var(--dsw-alias-label-tertiary, #8c8c8c);\n  margin-top: 10px;\n  line-height: 1.4;\n}\n\n/* 16. \u8BBE\u7F6E\u5F39\u7A97 (Settings Modal)\uFF1A\u5DE6\u4FA7\u5206\u533A\u5BFC\u822A + \u53F3\u4FA7\u5185\u5BB9\u533A */\n.dsh-github-modal-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(0, 0, 0, 0.45);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 99999;\n  backdrop-filter: blur(2px);\n}\n.dsh-github-modal-dialog {\n  width: 92%;\n  max-width: 640px;\n  max-height: 86vh;\n  display: flex;\n  flex-direction: column;\n  background: var(--dsw-alias-bg-base, #ffffff);\n  border: 1px solid var(--dsw-alias-border-l2, #d0d7de);\n  border-radius: 12px;\n  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.18);\n  padding: 0;\n  box-sizing: border-box;\n  overflow: hidden;\n  color: var(--dsw-alias-label-primary, #1f2328);\n  font-family: var(--dsw-font-family, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif);\n}\nbody[data-ds-dark-theme] .dsh-github-modal-dialog {\n  background: var(--dsw-alias-bg-layer-2, #1e1e22);\n  border-color: var(--dsw-alias-border-l1, #30363d);\n  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.45);\n}\n.dsh-github-modal-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 18px 22px 14px;\n  border-bottom: 1px solid var(--dsw-alias-border-l2, #d0d7de);\n  flex-shrink: 0;\n}\nbody[data-ds-dark-theme] .dsh-github-modal-header {\n  border-bottom-color: var(--dsw-alias-border-l1, #30363d);\n}\n.dsh-github-modal-body {\n  display: flex;\n  min-height: 0;\n  flex: 1;\n}\n.dsh-github-settings-nav {\n  flex-shrink: 0;\n  width: 148px;\n  padding: 14px 10px;\n  border-right: 1px solid var(--dsw-alias-border-l2, #d0d7de);\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  box-sizing: border-box;\n}\nbody[data-ds-dark-theme] .dsh-github-settings-nav {\n  border-right-color: var(--dsw-alias-border-l1, #30363d);\n}\n.dsh-github-settings-nav-item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 10px;\n  border-radius: 6px;\n  border: none;\n  background: none;\n  cursor: pointer;\n  font-size: 13px;\n  text-align: left;\n  color: var(--dsw-alias-label-secondary, #656d76);\n  transition: background 0.12s ease, color 0.12s ease;\n}\n.dsh-github-settings-nav-item:hover {\n  background: var(--dsw-alias-bg-layer-1, #f6f8fa);\n  color: var(--dsw-alias-label-primary, #1f2328);\n}\n.dsh-github-settings-nav-item.active {\n  background: rgba(9, 105, 218, 0.1);\n  color: var(--dsw-alias-link, #0969da);\n  font-weight: 600;\n}\nbody[data-ds-dark-theme] .dsh-github-settings-nav-item:hover {\n  background: rgba(240, 246, 252, 0.06);\n  color: var(--dsw-alias-label-primary, #f0f6fc);\n}\nbody[data-ds-dark-theme] .dsh-github-settings-nav-item.active {\n  background: rgba(88, 166, 255, 0.15);\n  color: #58a6ff;\n}\n.dsh-github-settings-content {\n  flex: 1;\n  min-width: 0;\n  padding: 18px 22px 20px;\n  overflow-y: auto;\n  box-sizing: border-box;\n}\n@media (max-width: 560px) {\n  .dsh-github-modal-body {\n    flex-direction: column;\n  }\n  .dsh-github-settings-nav {\n    width: 100%;\n    flex-direction: row;\n    border-right: none;\n    border-bottom: 1px solid var(--dsw-alias-border-l2, #d0d7e0);\n    overflow-x: auto;\n  }\n  body[data-ds-dark-theme] .dsh-github-settings-nav {\n    border-bottom-color: var(--dsw-alias-border-l1, #30363d);\n  }\n  .dsh-github-settings-nav-item {\n    white-space: nowrap;\n  }\n}\n.dsh-github-modal-footer {\n  display: flex;\n  justify-content: flex-end;\n  gap: 8px;\n  padding: 14px 22px;\n  border-top: 1px solid var(--dsw-alias-border-l2, #d0d7de);\n  flex-shrink: 0;\n}\nbody[data-ds-dark-theme] .dsh-github-modal-footer {\n  border-top-color: var(--dsw-alias-border-l1, #30363d);\n}\n.dsh-github-radio-card {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  padding: 10px 12px;\n  border-radius: 8px;\n  border: 1px solid var(--dsw-alias-border-l2, #d0d7de);\n  margin-bottom: 8px;\n  cursor: pointer;\n  transition: all 0.15s ease;\n  background: var(--dsw-alias-bg-layer-1, #f6f8fa);\n}\n.dsh-github-radio-card:hover {\n  border-color: var(--dsw-alias-link, #0969da);\n}\n.dsh-github-radio-card.active {\n  border-color: var(--dsw-alias-link, #0969da);\n  background: rgba(9, 105, 218, 0.08);\n}\nbody[data-ds-dark-theme] .dsh-github-radio-card {\n  background: var(--dsw-alias-bg-base, #161b22);\n  border-color: var(--dsw-alias-border-l1, #30363d);\n}\nbody[data-ds-dark-theme] .dsh-github-radio-card.active {\n  border-color: #58a6ff;\n  background: rgba(88, 166, 255, 0.12);\n}\n\n.dsh-github-select {\n  width: 100%;\n  padding: 8px 12px;\n  border-radius: 6px;\n  border: 1px solid var(--dsw-alias-border-l2, #d0d7de);\n  background: var(--dsw-alias-bg-base, #ffffff);\n  color: var(--dsw-alias-label-primary, #1f2328);\n  font-size: 13px;\n  outline: none;\n  cursor: pointer;\n  box-sizing: border-box;\n  color-scheme: light;\n  transition: border-color 0.15s ease, box-shadow 0.15s ease;\n}\n.dsh-github-select:focus {\n  border-color: var(--dsw-alias-link, #0969da);\n  box-shadow: 0 0 0 3px rgba(9, 105, 218, 0.15);\n}\n.dsh-github-select option {\n  background-color: #ffffff;\n  color: #1f2328;\n  padding: 6px 10px;\n}\nbody[data-ds-dark-theme] .dsh-github-select {\n  border-color: var(--dsw-alias-border-l1, #30363d);\n  background: var(--dsw-alias-bg-layer-2, #1e1e22);\n  color: var(--dsw-alias-label-primary, #f0f6fc);\n  color-scheme: dark;\n}\nbody[data-ds-dark-theme] .dsh-github-select:focus {\n  border-color: #58a6ff;\n  box-shadow: 0 0 0 3px rgba(88, 166, 255, 0.2);\n}\nbody[data-ds-dark-theme] .dsh-github-select option {\n  background-color: #1e1e22;\n  color: #f0f6fc;\n}\n\n.dsh-github-input {\n  padding: 7px 12px;\n  border-radius: 6px;\n  border: 1px solid var(--dsw-alias-border-l2, #d0d7de);\n  background: var(--dsw-alias-bg-base, #ffffff);\n  color: var(--dsw-alias-label-primary, #1f2328);\n  font-size: 13px;\n  outline: none;\n  box-sizing: border-box;\n  color-scheme: light;\n  transition: border-color 0.15s ease, box-shadow 0.15s ease;\n}\n.dsh-github-input:focus {\n  border-color: var(--dsw-alias-link, #0969da);\n  box-shadow: 0 0 0 3px rgba(9, 105, 218, 0.15);\n}\n.dsh-github-input::placeholder {\n  color: var(--dsw-alias-label-tertiary, #8c959f);\n}\nbody[data-ds-dark-theme] .dsh-github-input {\n  border-color: var(--dsw-alias-border-l1, #30363d);\n  background: var(--dsw-alias-bg-layer-2, #1e1e22);\n  color: var(--dsw-alias-label-primary, #f0f6fc);\n  color-scheme: dark;\n}\nbody[data-ds-dark-theme] .dsh-github-input:focus {\n  border-color: #58a6ff;\n  box-shadow: 0 0 0 3px rgba(88, 166, 255, 0.2);\n}\n\n.dsh-github-cache-info-box {\n  padding: 10px 12px;\n  border-radius: 6px;\n  background: var(--dsw-alias-bg-layer-1, #f6f8fa);\n  border: 1px solid var(--dsw-alias-border-l2, #d0d7de);\n  margin-bottom: 20px;\n  font-size: 12px;\n  color: var(--dsw-alias-label-secondary, #656d76);\n  transition: all 0.15s ease;\n}\nbody[data-ds-dark-theme] .dsh-github-cache-info-box {\n  background: var(--dsw-alias-bg-base, #161b22);\n  border-color: var(--dsw-alias-border-l1, #30363d);\n  color: var(--dsw-alias-label-secondary, #8c8c8c);\n}\n\n.dsh-github-about-star-box {\n  padding: 12px 14px;\n  border-radius: 8px;\n  background: var(--dsw-alias-bg-layer-1, #f6f8fa);\n  border: 1px solid var(--dsw-alias-border-l2, #d0d7de);\n}\nbody[data-ds-dark-theme] .dsh-github-about-star-box {\n  background: var(--dsw-alias-bg-base, #161b22);\n  border-color: var(--dsw-alias-border-l1, #30363d);\n}\n\n.dsh-github-primary-btn {\n  padding: 5px 14px;\n  font-weight: 600;\n  white-space: nowrap;\n  background: var(--dsw-alias-link, #0969da);\n  border-color: var(--dsw-alias-link, #0969da);\n  color: #ffffff;\n}\n.dsh-github-primary-btn:hover {\n  background: var(--dsw-alias-link, #0969da);\n  border-color: var(--dsw-alias-link, #0969da);\n  color: #ffffff;\n  opacity: 0.88;\n}\nbody[data-ds-dark-theme] .dsh-github-primary-btn {\n  background: #58a6ff;\n  border-color: #58a6ff;\n  color: #0d1117;\n}\nbody[data-ds-dark-theme] .dsh-github-primary-btn:hover {\n  background: #58a6ff;\n  border-color: #58a6ff;\n  color: #0d1117;\n  opacity: 0.88;\n}\n\n.dsh-github-radio {\n  accent-color: var(--dsw-alias-link, #0969da);\n  cursor: pointer;\n  margin-top: 3px;\n}\nbody[data-ds-dark-theme] .dsh-github-radio {\n  accent-color: #58a6ff;\n}\n\n#dsh-github-commit-dialog {\n  max-width: 600px;\n  width: calc(100vw - 48px);\n  border: 1px solid var(--dsw-alias-border-l2, #d0d7de);\n  border-radius: 12px;\n  padding: 0;\n  box-sizing: border-box;\n  background: var(--dsw-alias-bg-base, #ffffff);\n  color: var(--dsw-alias-label-primary, #1f2328);\n  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.22);\n  font-family: var(--dsw-font-family, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif);\n}\n#dsh-github-commit-dialog::backdrop {\n  background: rgba(0, 0, 0, 0.45);\n  backdrop-filter: blur(2px);\n}\nbody[data-ds-dark-theme] #dsh-github-commit-dialog {\n  background: var(--dsw-alias-bg-layer-2, #1e1e22);\n  border-color: var(--dsw-alias-border-l1, #30363d);\n  color: var(--dsw-alias-label-primary, #ececec);\n  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.5);\n}\n.dsh-github-commit-row {\n  transition: background 0.15s ease;\n}\n.dsh-github-commit-row:hover {\n  background: var(--dsw-alias-interactive-bg-hover, rgba(0, 0, 0, 0.05));\n}\nbody[data-ds-dark-theme] .dsh-github-commit-row:hover {\n  background: var(--dsw-alias-interactive-bg-hover, rgba(255, 255, 255, 0.08));\n}\nbody[data-ds-dark-theme] .dsh-github-commit-pre {\n  background: var(--dsw-alias-bg-base, #151517) !important;\n  color: #ececec !important;\n  border: 1px solid #30363d !important;\n}\n.dsh-github-dialog-close-btn:hover {\n  background: var(--dsw-alias-interactive-bg-hover, rgba(0, 0, 0, 0.08)) !important;\n  opacity: 1 !important;\n}\n\n.dsh-github-branch-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 2px 8px;\n  font-size: 11px;\n  font-weight: 500;\n  border-radius: 12px;\n  border: 1px solid rgba(46, 160, 67, 0.4);\n  background: rgba(46, 160, 67, 0.12);\n  color: var(--dsw-alias-state-success, #2ea043);\n  cursor: pointer;\n  transition: all 0.15s ease;\n  user-select: none;\n}\n.dsh-github-branch-btn:hover {\n  background: rgba(46, 160, 67, 0.22);\n  border-color: rgba(46, 160, 67, 0.6);\n}\nbody[data-ds-dark-theme] .dsh-github-branch-btn {\n  border-color: rgba(56, 139, 253, 0.4);\n  background: rgba(56, 139, 253, 0.15);\n  color: #58a6ff;\n}\nbody[data-ds-dark-theme] .dsh-github-branch-btn:hover {\n  background: rgba(56, 139, 253, 0.25);\n  border-color: #58a6ff;\n}\n\n.dsh-github-branch-dropdown {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  margin-top: 5px;\n  width: 290px;\n  max-height: 380px;\n  background: var(--dsw-alias-bg-base, #ffffff);\n  border: 1px solid var(--dsw-alias-border-l2, #e1e4e8);\n  border-radius: 8px;\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);\n  z-index: 1000;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n}\nbody[data-ds-dark-theme] .dsh-github-branch-dropdown {\n  background: var(--dsw-alias-bg-layer-2, #1e1e22);\n  border-color: var(--dsw-alias-border-l1, #30363d);\n  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.5);\n}\n\n.dsh-github-branch-search {\n  padding: 8px 10px;\n  border-bottom: 1px solid var(--dsw-alias-border-l2, #e1e4e8);\n}\nbody[data-ds-dark-theme] .dsh-github-branch-search {\n  border-bottom-color: var(--dsw-alias-border-l1, #30363d);\n}\n.dsh-github-branch-input {\n  width: 100%;\n  padding: 5px 8px;\n  box-sizing: border-box;\n  font-size: 11px;\n  border-radius: 5px;\n  border: 1px solid var(--dsw-alias-border-l2, #d0d7de);\n  background: var(--dsw-alias-bg-base, #ffffff);\n  color: var(--dsw-alias-label-primary, #1f2328);\n  outline: none;\n}\nbody[data-ds-dark-theme] .dsh-github-branch-input {\n  border-color: var(--dsw-alias-border-l1, #30363d);\n  background: var(--dsw-alias-bg-base, #151517);\n  color: #ececec;\n}\n.dsh-github-branch-input:focus {\n  border-color: var(--dsw-alias-link, #0969da);\n}\n\n.dsh-github-branch-list {\n  flex: 1;\n  overflow-y: auto;\n  max-height: 280px;\n  padding: 4px 0;\n}\n.dsh-github-branch-item {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 6px 12px;\n  font-size: 12px;\n  cursor: pointer;\n  transition: background 0.12s ease;\n  color: var(--dsw-alias-label-primary, #1f2328);\n}\nbody[data-ds-dark-theme] .dsh-github-branch-item {\n  color: var(--dsw-alias-label-primary, #ececec);\n}\n.dsh-github-branch-item:hover {\n  background: var(--dsw-alias-interactive-bg-hover, rgba(0, 0, 0, 0.05));\n}\nbody[data-ds-dark-theme] .dsh-github-branch-item:hover {\n  background: rgba(255, 255, 255, 0.08);\n}\n.dsh-github-branch-item.active {\n  font-weight: 600;\n  color: var(--dsw-alias-state-success, #1a7f37);\n}\nbody[data-ds-dark-theme] .dsh-github-branch-item.active {\n  color: #3fb950;\n}\n";
+export declare function injectStyles(): () => void;