dsh-github-flow 0.3.0 → 0.4.0

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;