dsh-skill-browser 1.8.6 → 1.9.9

package/lib/client.js

@@ -169,7 +169,35 @@ window.__ModuleLoader__.load({
       sortMode: "name-asc",   // v1.7.1 四态："name-asc" | "name-desc" | "mtime-desc" | "mtime-asc"
       toggling: false,        // v1.7.0: toggle 请求进行中（防重复点击）
       toastTimer: null,       // v1.7.1: toast 自动消失定时器句柄
-      batchMenuScope: null    // v1.7.2: 批量确认菜单当前作用域（"global" 或分类 id）
+      batchMenuScope: null,   // v1.7.2: 批量确认菜单当前作用域（"global" 或分类 id）
+      hotBusy: false,          // v1.9.4: 热重载进行中，防重复点击
+      // ── v1.9.0 视图分组（纯视图层，不移动任何技能文件）──
+      groups: [],             // [{id,name,emoji,color,cover,ai,createdAt,members:[dir]}]
+      gassign: {},            // { skillDir: groupId }
+      group: "all",           // "all" | "ungrouped" | <groupId>
+      groupsLoaded: false,
+      groupBusy: "",          // "" | "ai-classify" | "ai-cover:<gid>"
+      moveMenuDir: null,      // 当前打开"移动到分组"菜单的技能目录
+      // ── v1.9.3 两级分组（大类 → 子类）──
+      gplan: null,
+      gplanMode: "",            // AI 产出的待确认方案 {domains:[{name,emoji,subs:[{name,emoji,skills:[]}]}]}
+      gplanBusy: false,       // 方案确认弹层是否已打开
+      gsub: "",               // 当前选中大类下再选中的子类 id（""=看整个大类）
+      gmode: "tree",          // v1.9.8 分组栏显示模式："tree" 树状（大类一行+常驻子类）| "flat" 平铺（原样）
+      modelInfo: null,        // v1.9.9 AI 模型探针结果 {ok,provider,model,source,error}；null=还没探
+      newParent: "",          // "新建分组"时选定的上级大类 id（""=建大类）
+      // ── v1.9.1 调用台账看板（起止日期 + 粒度 + 排行）──
+      lstat: null,            // GET /ledger/stats 聚合结果
+      lfrom: "",              // 起始日期 YYYY-MM-DD（空 = 不限）
+      lto: "",                // 结束日期 YYYY-MM-DD（空 = 不限）
+      lgran: "day",           // day | week | month | year
+      lsort: "calls",         // calls | fails | rate | last | name
+      lstatLoading: false,
+      lstatErr: "",
+      lstatShowFlow: false,   // 原始流水是否展开
+      // ── v1.9.6 渲染分片（避免一次性渲染上千节点卡顿）──
+      cardLimit: 60,          // 技能卡片已渲染条数（滚动到底自动追加）
+      lflowLimit: 120         // 原始流水已渲染条数
     };
 
     // v1.7.1 排序四态循环的唯一权威定义（点击按钮沿数组循环）。
@@ -237,7 +265,125 @@ window.__ModuleLoader__.load({
       aggMenuTitleCat: "分类批量启停 — 仅作用于当前分类",
       aggMenuStat: "{scope} · 共 {n} 项 · 已停用 {x} 项",
       aggCatStat: "停用 {x}/{y}",
-      aggCancelText: "取消"
+      aggCancelText: "取消",
+      // ── v1.9.0 新增：版本号 / 视图分组 / AI 分组与封面 ──
+      versionLabel: "版本",
+      versionNone: "暂未编版本号",
+      versionTip: "该技能 SKILL.md frontmatter 与 package.json 都没有声明 version",
+      groupsTitle: "我的分组",
+      groupsHint: "分组只是视图归档，不会移动任何技能文件",
+      groupNew: "＋ 新建分组",
+      groupAi: "🤖 AI 自动分组",
+      groupAll: "全部",
+      groupUngrouped: "未分组",
+      groupEmpty: "还没有分组，点「＋ 新建分组」或「🤖 AI 自动分组」",
+      groupNamePrompt: "分组名称",
+      groupNamePlaceholder: "例如：Fluent 仿真、逆向工具、文档处理",
+      groupDeleteConfirm: "删除分组「{name}」？技能文件不会受影响，只是取消归档。",
+      groupCreated: "已创建分组：{name}",
+      groupRenamed: "已重命名：{name}",
+      groupDeleted: "已删除分组：{name}",
+      groupAssignTip: "放进这个分组（只改视图，不动文件）",
+      groupMove: "移动",
+      groupMoveTitle: "移动到分组",
+      groupMoveNone: "移出分组",
+      groupAssigned: "已把 {name} 移入「{group}」",
+      groupUnassigned: "已把 {name} 移出分组",
+      groupAiRunning: "AI 正在分析技能库并分组，请稍候…",
+      groupAiDone: "AI 已建 {n} 个分组",
+      groupAiFail: "AI 分组失败：{err}",
+      groupCover: "AI 生成封面",
+      groupCoverRunning: "正在生成封面…",
+      groupCoverDone: "封面已生成",
+      groupCoverFail: "封面生成失败：{err}",
+      groupRename: "重命名",
+      groupDelete: "删除分组",
+      groupManageTitle: "分组管理",
+      aiNoLlm: "AI 不可用：宿主未提供 llm 服务",
+    hotReload: "热重载",
+    hotReloadTip: "热重载：重新加载插件代码，不重启桌面端",
+    hotReloadRunning: "正在热重载…",
+    hotReloadDone: "热重载完成（v{v} · 第 {n} 代）",
+    hotReloadFail: "热重载失败：{e}",
+    hotReloadRefresh: "代码已换新，正在刷新界面…",
+    cardMore: "加载更多（还有 {n} 条）",
+    detailHint: "点开才动态加载全文，列表只做静态摘要",
+      // ── v1.9.1 调用台账看板 ──
+      lstatTitle: "调用台账",
+      lstatQuickToday: "今天",
+      lstatQuick7: "近7天",
+      lstatQuick30: "近30天",
+      lstatQuickMonth: "本月",
+      lstatQuickPrevMonth: "上月",
+      lstatQuickYear: "今年",
+      lstatQuickAll: "全部",
+      lstatFrom: "起",
+      lstatTo: "止",
+      lstatGran: "粒度",
+      lstatGranDay: "日",
+      lstatGranWeek: "周",
+      lstatGranMonth: "月",
+      lstatGranYear: "年",
+      lstatCalls: "调用",
+      lstatSkills: "活跃技能",
+      lstatDays: "活跃天数",
+      lstatRate: "成功率",
+      lstatAvg: "日均",
+      lstatTrend: "调用趋势",
+      lstatRank: "技能调用排行",
+      lstatColRank: "#",
+      lstatColSkill: "技能",
+      lstatColVer: "版本",
+      lstatColCalls: "调用",
+      lstatColOk: "成功",
+      lstatColFail: "失败",
+      lstatColRate: "成功率",
+      lstatColLast: "最后调用",
+      lstatSortTip: "点表头切换排序",
+      lstatEmptyRange: "该区间没有调用记录",
+      lstatEmptyAll: "还没有任何调用记录 —— 用一次技能后这里就会出现数据",
+      lstatLoading: "台账统计加载中…",
+      lstatFail: "台账统计加载失败：{err}",
+      lstatDataRange: "数据区间 {from} ~ {to}",
+      lstatNoData: "无数据",
+      lstatManual: "人工台账",
+      lstatAuto: "自动登记流水",
+      lstatAutoTip: "插件监听 skill 工具调用结果自动记录 · 最近 30 条",
+      lstatCollapse: "展开原始流水",
+      lstatExpand: "收起原始流水",
+      lstatTopN: "仅显示前 {n}",
+      // ── v1.9.3：两级分组（总-分）与 AI 方案确认 ──
+      groupSubsOf: "子类",
+      groupWhole: "整个大类",
+      groupNewSub: "在此大类下新建子类",
+      groupCurTag: "当前",
+      groupKidsN: "{n} 子类",
+      groupKw: "⚡ 关键词分组",
+      groupKwTip: "本地关键词规则直接分组：零 token、毫秒级、结果固定",
+      groupAiTip: "调用模型重新归纳分组：慢，但更懂语义",
+      modelUsing: "AI 分组将使用：{model}",
+      modelSourceDefault: "DSH 默认模型",
+      modelSourceAgent: "当前对话模型",
+      modelSourceConfig: "插件配置",
+      modelSourceCatalog: "宿主可用模型",
+      modelNone: "AI 不可用：没找到任何可用模型，请到 DSH 设置 → 模型 选一个默认模型",
+      modelProbeTip: "点一下检测 AI 分组会用哪个模型（不会真的调模型）",
+      groupPlanTitleKw: "⚡ 关键词分组方案（确认后才会写入）",
+      groupPlanTitle: "🤖 AI 分组方案（确认后才会写入）",
+      groupPlanStat: "共 {d} 个大类 · {s} 个子类 · 覆盖 {n} 个技能",
+      groupPlanReplace: "替换：清掉旧的 AI 分组，按此方案重建",
+      groupPlanMerge: "追加：保留现有分组，只补未归类的技能",
+      groupApplyRunning: "正在写入分组…",
+      groupApplyDone: "已应用：{d} 个大类 / {s} 个子类",
+      groupApplyFail: "应用分组失败：{err}",
+      groupSubCreated: "子类已创建：{name}",
+      groupSubPrompt: "在「{p}」下新建子类，输入名称：",
+      groupSubFail: "新建子类失败",
+      // ── v1.9.8：分组栏双显示模式（树状 / 平铺）──
+      groupModeTree: "🌳 树状",
+      groupModeFlat: "▦ 平铺",
+      groupModeTreeTip: "树状：每个大类一行，子类常驻缩进挂在下层，层层展开一眼看全",
+      groupModeFlatTip: "平铺：大类排成卡片，点开才显示子类（v1.9.3 原样）"
     };
     function T(key) {
       var ui = (S.data && S.data.ui) || null;
@@ -299,6 +445,15 @@ window.__ModuleLoader__.load({
         var s = sk[i];
         if (S.cat !== "all" && s.cat !== S.cat) continue;
         if (S.sub && s.sub !== S.sub) continue;
+        // v1.9.0 分组过滤（纯视图层）：只决定"这张卡现在显不显示"，
+        // 与技能目录在磁盘上的位置毫无关系。
+        // v1.9.3 两级：选中大类时显示该大类 + 它全部子类的技能；再选子类则只显示子类。
+        if (S.group !== "all") {
+          var gid = S.gassign[s.dir] || "";
+          if (S.group === "ungrouped") { if (gid) continue; }
+          else if (S.gsub) { if (gid !== S.gsub) continue; }
+          else if (!inDomain(S.group, gid)) continue;
+        }
         if (q) {
           var hay = (s.dir + " " + s.name + " " + (s.zh || "") + " " + (s.desc || "")).toLowerCase();
           if (hay.indexOf(q) < 0) continue;
@@ -327,8 +482,13 @@ window.__ModuleLoader__.load({
           if (!d || !d.ok) throw new Error((d && d.error) || "bad response");
           S.data = d;
           closeBatchMenu();   // v1.7.2: 数据重扫后确认菜单里的 N 已过期，直接关闭
+          closeMoveMenu();
           if (S.cat !== "all" && !catMeta(S.cat)) { S.cat = "all"; S.sub = ""; }
           S.loading = false; paint();
+          // v1.9.0 分组与技能清单一起首载（并行失败不影响技能列表显示）
+          if (!S.groupsLoaded) loadGroups(function () { paint(); });
+          // v1.9.9 首载时顺便探一次模型路由（不调模型，只读配置，失败静默）
+          if (!S.modelInfo) loadModelInfo(false);
         })
         .catch(function (e) {
           S.loading = false;
@@ -337,6 +497,383 @@ window.__ModuleLoader__.load({
         });
     }
 
+    // ---- v1.9.0 视图分组：加载 + 操作（全部走 host /groups，只动 groups.json）----
+    function loadGroups(cb) {
+      fetch(apiBase() + "/groups")
+        .then(function (r) { return r.json(); })
+        .then(function (d) {
+          if (d && d.ok) {
+            S.groups = d.groups || [];
+            S.gassign = d.assign || {};
+            S.groupsLoaded = true;
+            // 分组被删/换根后，当前选中的分组可能已不存在 → 回落到"全部"
+            if (S.group !== "all" && S.group !== "ungrouped") {
+              var still = false;
+              for (var i = 0; i < S.groups.length; i++) if (S.groups[i].id === S.group) { still = true; break; }
+              if (!still) { S.group = "all"; S.gsub = ""; }
+            }
+            // 子类被删/被合并后清掉二级选中，否则列表会空掉
+            if (S.gsub) {
+              var subStill = false;
+              for (var j2 = 0; j2 < S.groups.length; j2++) if (S.groups[j2].id === S.gsub) { subStill = true; break; }
+              if (!subStill) S.gsub = "";
+            }
+          }
+          if (cb) cb(d);
+        })
+        .catch(function (e) {
+          try { console.warn("[dsh-skill-browser] groups load failed: " + (e && e.message)); } catch (e2) {}
+          if (cb) cb(null);
+        });
+    }
+
+    function groupById(id) {
+      for (var i = 0; i < S.groups.length; i++) if (S.groups[i].id === id) return S.groups[i];
+      return null;
+    }
+    function groupOfDir(dir) { return S.gassign[dir] || ""; }
+    // ── v1.9.3 两级分组工具 ──
+    // A domain is any group whose parent is empty; a sub-group points at one.
+    function isDomain(g) { return !!g && !g.parent; }
+    function topGroups() {
+      var out = [];
+      for (var i = 0; i < S.groups.length; i++) if (isDomain(S.groups[i])) out.push(S.groups[i]);
+      return out;
+    }
+    function subsOf(id) {
+      var out = [];
+      for (var i = 0; i < S.groups.length; i++) if (S.groups[i].parent === id) out.push(S.groups[i]);
+      return out;
+    }
+    // Which domain owns this group id (the id itself when it is already a domain).
+    function domainOf(id) {
+      var g = groupById(id);
+      if (!g) return "";
+      return g.parent || g.id;
+    }
+    // "Does skill assigned to skillGid belong under the selected domain?"
+    // Skills may sit directly on the domain (no finer sub) - that counts too.
+    function inDomain(domainId, skillGid) {
+      if (!skillGid) return false;
+      if (skillGid === domainId) return true;
+      var g = groupById(skillGid);
+      return !!(g && g.parent === domainId);
+    }
+    // Total skill count under a domain = its own members + every sub-group's.
+    function domainCount(g) {
+      if (!g) return 0;
+      var n = (g.members || []).length;
+      var kids = subsOf(g.id);
+      for (var i = 0; i < kids.length; i++) n += (kids[i].members || []).length;
+      return n;
+    }
+    function groupCoverStyle(g) {
+      if (!g || !g.cover) return "";
+      try {
+        // encodeURIComponent leaves ' alone, which would break out of url('...').
+        var uri = "data:image/svg+xml;charset=utf-8," + encodeURIComponent(g.cover).replace(/'/g, "%27");
+        return ' style="background-image:url(&quot;' + uri + '&quot;)"';
+      } catch (e) { return ""; }
+    }
+
+    // v1.9.9 AI 模型探针：把后端解析出的路由来源翻译成文案键。
+    function modelSourceKey(src) {
+      if (src === "config") return "modelSourceConfig";
+      if (src === "agent-session") return "modelSourceAgent";
+      if (src === "llm-catalog") return "modelSourceCatalog";
+      return "modelSourceDefault";
+    }
+    // 探针只在用户主动点、或第一次打开面板时跑一次（不调模型，只读配置）。
+    function loadModelInfo(force) {
+      if (S.modelInfo && !force) return;
+      postGroups({ action: "model-info" }, function (d) {
+        S.modelInfo = d && typeof d === "object"
+          ? { ok: !!d.ok, provider: d.provider || "", model: d.model || "", source: d.source || "", error: d.error || "" }
+          : { ok: false, provider: "", model: "", source: "", error: "" };
+        paintGroups();
+      });
+    }
+
+    function postGroups(body, cb) {
+      fetch(apiBase() + "/groups", {
+        method: "POST",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify(body || {})
+      })
+        .then(function (r) { return r.json().catch(function () { throw new Error("HTTP " + r.status); }); })
+        .then(function (d) { if (cb) cb(d); })
+        .catch(function (e) { if (cb) cb({ ok: false, error: String((e && e.message) || e) }); });
+    }
+
+    function createGroupFlow() {
+      var name = "";
+      try { name = window.prompt(T("groupNamePrompt"), ""); } catch (e) { name = ""; }
+      if (name == null) return;
+      name = String(name).trim();
+      if (!name) return;
+      postGroups({ action: "create", name: name }, function (d) {
+        if (d && d.ok) {
+          showToast("ok", TF("groupCreated", { name: name }));
+          loadGroups(function () { S.group = (d.group && d.group.id) || S.group; paint(); });
+        } else {
+          showToast("err", (d && d.error) || "创建失败");
+        }
+      });
+    }
+
+    // v1.9.3 在大类下新建子类
+    function createSubGroupFlow(parentId) {
+      var par = groupById(parentId);
+      if (!par) return;
+      var name = "";
+      try { name = window.prompt(TF("groupSubPrompt", { p: par.name }), ""); } catch (e) { return; }
+      if (name == null) return;
+      name = String(name).trim();
+      if (!name) return;
+      postGroups({ action: "create", name: name, parent: parentId }, function (d) {
+        if (d && d.ok) {
+          showToast("ok", TF("groupSubCreated", { name: name }));
+          loadGroups(function () { S.group = parentId; S.gsub = (d.group && d.group.id) || ""; paint(); });
+        } else {
+          showToast("err", (d && d.error) || T("groupSubFail"));
+        }
+      });
+    }
+
+    function renameGroupFlow(id) {
+      var g = groupById(id);
+      if (!g) return;
+      var name = "";
+      try { name = window.prompt(T("groupNamePrompt"), g.name); } catch (e) { return; }
+      if (name == null) return;
+      name = String(name).trim();
+      if (!name || name === g.name) return;
+      postGroups({ action: "rename", id: id, name: name }, function (d) {
+        if (d && d.ok) {
+          showToast("ok", TF("groupRenamed", { name: name }));
+          loadGroups(function () { paint(); });
+        } else {
+          showToast("err", (d && d.error) || "重命名失败");
+        }
+      });
+    }
+
+    function deleteGroupFlow(id) {
+      var g = groupById(id);
+      if (!g) return;
+      var ok = false;
+      try { ok = window.confirm(TF("groupDeleteConfirm", { name: g.name })); } catch (e) { ok = false; }
+      if (!ok) return;
+      postGroups({ action: "delete", id: id }, function (d) {
+        if (d && d.ok) {
+          showToast("ok", TF("groupDeleted", { name: g.name }));
+          if (S.group === id) S.group = "all";
+          loadGroups(function () { paint(); });
+        } else {
+          showToast("err", (d && d.error) || "删除失败");
+        }
+      });
+    }
+
+    // v1.9.7: 关键词快速分组 —— 纯本地正则，零 token、毫秒级、结果确定。
+    // 与 AI 分组共用同一个方案弹层与 applyPlan 落盘路径。
+    function kwClassifyFlow() {
+      if (S.groupBusy) return;
+      S.groupBusy = "kw-classify";
+      paintGroups();
+      postGroups({ action: "kw-classify" }, function (d) {
+        S.groupBusy = "";
+        if (d && d.ok) {
+          S.gplan = d.plan || null;
+          S.gplanMode = "keyword";
+          paintGroups();
+          openPlanMenu();
+        } else {
+          showToast("err", TF("groupAiFail", { err: String((d && d.error) || "unknown") }));
+          paintGroups();
+        }
+      });
+    }
+    // v1.9.3: AI 只产出「大类→子类」两级方案，**不落盘**。
+    // 用户在弹层里看清楚、选好 replace/merge，才真正调用 ai-apply。
+    function aiClassifyFlow() {
+      if (S.groupBusy) return;
+      S.groupBusy = "ai-classify";
+      paintGroups();
+      showToast("ok", T("groupAiRunning"));
+      postGroups({ action: "ai-classify" }, function (d) {
+        S.groupBusy = "";
+        if (d && d.ok) {
+          S.gplan = d.plan || null;
+          S.gplanMode = "ai";
+          paintGroups();
+          openPlanMenu();
+        } else {
+          var aiErr = String((d && d.error) || "unknown");
+          if (/llm|dsh-llm|服务/i.test(aiErr)) aiErr = T("aiNoLlm");
+          showToast("err", TF("groupAiFail", { err: aiErr }));
+          paintGroups();
+        }
+      });
+    }
+
+    // 方案确认弹层：展示「大类 → 子类（N 项）」树，并让用户选替换还是追加。
+    function openPlanMenu() {
+      var menu = $("dsb-move"), mask = $("dsb-move-mask"), panel = $(PANEL_ID);
+      if (!menu || !mask || !panel) return;
+      var plan = S.gplan;
+      if (!plan || !plan.domains || !plan.domains.length) { showToast("err", T("groupAiFail").replace("{err}", "方案为空")); return; }
+      var total = 0, domN = 0, subN = 0;
+      var rows = "";
+      for (var i = 0; i < plan.domains.length; i++) {
+        var dm = plan.domains[i] || {};
+        var subs = dm.subs || [];
+        var dn = 0;
+        for (var k = 0; k < subs.length; k++) dn += (subs[k].skills || []).length;
+        total += dn; domN++; subN += subs.length;
+        var subTxt = [];
+        for (var m = 0; m < subs.length; m++) {
+          subTxt.push(esc((subs[m].emoji || "📁") + " " + subs[m].name) + '<span class="dsb-gn">' + (subs[m].skills || []).length + "</span>");
+        }
+        rows += '<div class="dsb-plan-dom">' +
+          '<div class="dsb-plan-dname">' + esc((dm.emoji || "📂") + " " + dm.name) + '<span class="dsb-gn">' + dn + " 项</span></div>" +
+          '<div class="dsb-plan-subs">' + subTxt.join("") + "</div>" +
+        "</div>";
+      }
+      var planTitle = S.gplanMode === "keyword" ? T("groupPlanTitleKw") : T("groupPlanTitle");
+      var html = '<div class="dsb-bmenu-title">' + esc(planTitle) + "</div>" +
+        '<div class="dsb-plan-stat">' + esc(TF("groupPlanStat", { d: domN, s: subN, n: total })) + "</div>" +
+        '<div class="dsb-plan-list">' + rows + "</div>" +
+        '<button class="dsb-bmenu-item dsb-bmenu-danger" data-plan-act="replace"><span>' + esc(T("groupPlanReplace")) + "</span></button>" +
+        '<button class="dsb-bmenu-item" data-plan-act="merge"><span>' + esc(T("groupPlanMerge")) + "</span></button>" +
+        '<button class="dsb-bmenu-cancel" data-plan-act="__cancel">' + esc(T("aggCancelText")) + "</button>";
+      menu.className = "dsb-bmenu dsb-plan-menu";
+      menu.innerHTML = html;
+      mask.style.display = "block";
+      menu.style.display = "flex";
+      S.gplanBusy = true;
+      var pr = panel.getBoundingClientRect();
+      menu.style.left = "12px";
+      menu.style.top = "40px";
+      menu.style.maxHeight = Math.max(200, pr.height - 80) + "px";
+    }
+    function closePlanMenu() {
+      S.gplanBusy = false;
+      var menu = $("dsb-move"), mask = $("dsb-move-mask");
+      if (menu) { menu.style.display = "none"; menu.className = "dsb-bmenu"; menu.style.maxHeight = ""; }
+      if (mask) mask.style.display = "none";
+    }
+    // 用户点了「替换」或「追加」→ 才真正落盘
+    function applyPlanFlow(mode) {
+      var plan = S.gplan;
+      if (!plan) { closePlanMenu(); return; }
+      S.groupBusy = "ai-apply";
+      paintGroups();
+      showToast("ok", T("groupApplyRunning"));
+      postGroups({ action: "ai-apply", plan: plan, mode: mode }, function (d) {
+        S.groupBusy = "";
+        closePlanMenu();
+        if (d && d.ok) {
+          S.gplan = null;
+          S.group = "all"; S.gsub = "";
+          showToast("ok", TF("groupApplyDone", { d: d.domains || 0, s: d.subs || 0 }));
+          loadGroups(function () { paint(); });
+        } else {
+          var apErr = String((d && d.error) || "unknown");
+          if (/llm|dsh-llm|服务/i.test(apErr)) apErr = T("aiNoLlm");
+          showToast("err", TF("groupApplyFail", { err: apErr }));
+          paintGroups();
+        }
+      });
+    }
+
+    function aiCoverFlow(id) {
+      if (S.groupBusy) return;
+      S.groupBusy = "ai-cover:" + id;
+      paintGroups();
+      showToast("ok", T("groupCoverRunning"));
+      postGroups({ action: "ai-cover", id: id }, function (d) {
+        S.groupBusy = "";
+        if (d && d.ok) {
+          showToast("ok", T("groupCoverDone"));
+          loadGroups(function () { paint(); });
+        } else {
+          var cvErr = String((d && d.error) || "unknown");
+          if (/llm|dsh-llm|服务/i.test(cvErr)) cvErr = T("aiNoLlm");
+          showToast("err", TF("groupCoverFail", { err: cvErr }));
+          paintGroups();
+        }
+      });
+    }
+
+    // 移动技能到分组（只改 groups.json 的 assign 映射，不碰技能目录）
+    function assignFlow(dir, gid) {
+      closeMoveMenu();
+      postGroups({ action: "assign", dir: dir, gid: gid || "" }, function (d) {
+        if (d && d.ok) {
+          if (gid) {
+            var g = groupById(gid);
+            showToast("ok", TF("groupAssigned", { name: dir, group: g ? g.name : gid }));
+          } else {
+            showToast("ok", TF("groupUnassigned", { name: dir }));
+          }
+          loadGroups(function () { paint(); });
+        } else {
+          showToast("err", (d && d.error) || "移动失败");
+        }
+      });
+    }
+
+    // "移动到分组"浮层：复用 #dsb-bmenu 那套遮罩/锚定逻辑，独立菜单体
+    // v1.9.3 两级：先列大类（可整体选），下面缩进列它的子类。
+    function openMoveMenu(anchor, dir) {
+      var menu = $("dsb-move"), mask = $("dsb-move-mask"), panel = $(PANEL_ID);
+      if (!menu || !mask || !panel || !anchor) return;
+      var cur = groupOfDir(dir);
+      var html = '<div class="dsb-bmenu-title">' + esc(T("groupMoveTitle")) + '<br/>' + esc(dir) + "</div>";
+      html += '<button class="dsb-bmenu-item' + (cur ? "" : " dsb-bmenu-danger") + '" data-move-gid=""><span>' +
+        esc(T("groupMoveNone")) + "</span></button>";
+      var doms = topGroups();
+      for (var i = 0; i < doms.length; i++) {
+        var g = doms[i];
+        html += '<button class="dsb-bmenu-item dsb-move-dom' + (g.id === cur ? " dsb-bmenu-danger" : "") +
+          '" data-move-gid="' + esc(g.id) + '"><span>' + esc((g.emoji || "📂") + " " + g.name) +
+          (g.id === cur ? ' <span class="dsb-bmenu-sub">' + esc(T("groupCurTag")) + "</span>" : "") + "</span></button>";
+        var kids = subsOf(g.id);
+        for (var k = 0; k < kids.length; k++) {
+          var sg = kids[k];
+          html += '<button class="dsb-bmenu-item dsb-move-sub' + (sg.id === cur ? " dsb-bmenu-danger" : "") +
+            '" data-move-gid="' + esc(sg.id) + '"><span>└ ' + esc((sg.emoji || "📁") + " " + sg.name) +
+            (sg.id === cur ? ' <span class="dsb-bmenu-sub">' + esc(T("groupCurTag")) + "</span>" : "") + "</span></button>";
+        }
+      }
+      if (!doms.length) {
+        html += '<div class="dsb-bmenu-sub" style="padding:4px 6px">' + esc(T("groupEmpty")) + "</div>";
+      }
+      html += '<button class="dsb-bmenu-cancel" data-move-gid="__cancel">' + esc(T("aggCancelText")) + "</button>";
+      menu.className = "dsb-bmenu";
+      menu.innerHTML = html;
+      mask.style.display = "block";
+      menu.style.display = "flex";
+      S.moveMenuDir = dir;
+      var ar = anchor.getBoundingClientRect();
+      var pr = panel.getBoundingClientRect();
+      var left = ar.left - pr.left;
+      var top = ar.bottom - pr.top + 6;
+      var mw = menu.offsetWidth, mh = menu.offsetHeight;
+      var pw = panel.clientWidth, ph = panel.clientHeight;
+      if (left + mw > pw - 8) left = Math.max(8, pw - mw - 8);
+      if (top + mh > ph - 8) top = Math.max(8, ar.top - pr.top - mh - 6);
+      menu.style.left = left + "px";
+      menu.style.top = top + "px";
+    }
+    function closeMoveMenu() {
+      S.moveMenuDir = null;
+      var menu = $("dsb-move"), mask = $("dsb-move-mask");
+      if (menu) menu.style.display = "none";
+      if (mask) mask.style.display = "none";
+    }
+
     function loadLedger() {
       if (S.ledger) return;
       S.loading = true; S.error = ""; paint();
@@ -356,9 +893,66 @@ window.__ModuleLoader__.load({
 
     function loadLedgerRefresh() {
       S.ledger = null;
+      S.lstat = null;
       loadLedger();
     }
 
+    // ── v1.9.1 调用台账统计（服务端聚合，前端只画）──
+    function loadStats() {
+      var qs = [];
+      if (S.lfrom) qs.push("from=" + encodeURIComponent(S.lfrom));
+      if (S.lto) qs.push("to=" + encodeURIComponent(S.lto));
+      qs.push("gran=" + encodeURIComponent(S.lgran || "day"));
+      qs.push("sort=" + encodeURIComponent(S.lsort || "calls"));
+      qs.push("top=200");
+      S.lstatLoading = true;
+      paintLedger();
+      fetch(apiBase() + "/ledger/stats?" + qs.join("&"))
+        .then(function (r) { return r.json(); })
+        .then(function (d) {
+          S.lstatLoading = false;
+          if (!d || !d.ok) throw new Error((d && d.error) || "bad response");
+          S.lstat = d;
+          paintLedger();
+        })
+        .catch(function (e) {
+          S.lstatLoading = false;
+          S.lstatErr = String((e && e.message) || e);
+          paintLedger();
+        });
+    }
+
+    // 本地日期工具（避免时区漂移：全部用本地 Date 取 Y-M-D）
+    function ymd(d) {
+      var p = function (n) { return n < 10 ? "0" + n : String(n); };
+      return d.getFullYear() + "-" + p(d.getMonth() + 1) + "-" + p(d.getDate());
+    }
+    function todayYmd() { return ymd(new Date()); }
+    function shiftYmd(base, days) {
+      var m = /^(\d{4})-(\d{2})-(\d{2})$/.exec(String(base || ""));
+      if (!m) return "";
+      var d = new Date(Number(m[1]), Number(m[2]) - 1, Number(m[3]));
+      d.setDate(d.getDate() + days);
+      return ymd(d);
+    }
+    // 快捷区间：返回 {from,to,gran}
+    function quickRange(key) {
+      var now = new Date();
+      var y = now.getFullYear(), mo = now.getMonth();
+      var first = ymd(new Date(y, mo, 1));
+      if (key === "today") return { from: todayYmd(), to: todayYmd(), gran: "day" };
+      if (key === "7") return { from: shiftYmd(todayYmd(), -6), to: todayYmd(), gran: "day" };
+      if (key === "30") return { from: shiftYmd(todayYmd(), -29), to: todayYmd(), gran: "day" };
+      if (key === "month") return { from: first, to: todayYmd(), gran: "day" };
+      if (key === "prev") {
+        var pf = ymd(new Date(y, mo - 1, 1));
+        var pt = ymd(new Date(y, mo, 0));
+        return { from: pf, to: pt, gran: "day" };
+      }
+      if (key === "year") return { from: y + "-01-01", to: todayYmd(), gran: "month" };
+      return { from: "", to: "", gran: "day" };
+    }
+
     // ---- 运行时配置（技能库位置 / 自动台账开关）----
     // 目录选择：POST /pick-dir，由宿主端 spawn powershell -STA 弹 Windows
     // FolderBrowserDialog（系统原生对话框）。不依赖 Electron renderer 的
@@ -451,7 +1045,11 @@ window.__ModuleLoader__.load({
           if (d && d.ok) {
             if (d.detail) parts.push("【人工台账失败明细】\n" + d.detail);
             if (d.autoEntries && d.autoEntries.length) {
-              var lines = ["【自动登记记录】共 " + d.autoEntries.length + " 条（最新在前）"];
+              var tot = (d.autoTotal == null ? d.autoEntries.length : d.autoTotal);
+              var shownN = d.autoEntries.length;
+              var head = "【自动登记记录】共 " + tot + " 条";
+              if (tot > shownN) head += "（仅显示最近 " + shownN + " 条）";
+              var lines = [head + "（最新在前）"];
               var list = d.autoEntries.slice().reverse();
               for (var i = 0; i < list.length; i++) {
                 var x = list[i];
@@ -499,8 +1097,19 @@ window.__ModuleLoader__.load({
       '#dsh-skill-browser-panel{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);' +
       'width:min(940px,94vw);height:min(660px,88vh);display:flex;flex-direction:column;' +
       'background:rgba(24,26,34,.97);color:#e8eaf2;border:1px solid rgba(255,255,255,.1);border-radius:14px;' +
-      'box-shadow:0 12px 48px rgba(0,0,0,.5);z-index:2147481100;overflow:hidden;font-family:inherit}' +
+      'box-shadow:0 12px 48px rgba(0,0,0,.5);z-index:2147483000;overflow:hidden;font-family:inherit}' +
       '#dsb-built{display:flex;flex-direction:column;min-height:0;flex:1}' +
+      // v1.9.4 滚动条必须看得见：默认 overlay 滚动条在深色面板上几乎隐形，
+      // 用户滚了也不知道滚到哪。这里给面板内所有滚动容器统一加常驻滚动条。
+      '#dsh-skill-browser-panel *::-webkit-scrollbar{width:11px;height:11px}' +
+      '#dsh-skill-browser-panel *::-webkit-scrollbar-track{background:var(--dsb-soft,rgba(255,255,255,.06));border-radius:6px;margin:2px}' +
+      '#dsh-skill-browser-panel *::-webkit-scrollbar-thumb{background:var(--dsb-brand,rgba(143,199,255,.75));' +
+      'border-radius:6px;border:2px solid transparent;background-clip:padding-box;min-height:40px}' +
+      '#dsh-skill-browser-panel *::-webkit-scrollbar-thumb:hover{background:var(--dsb-brand,#8fc7ff);background-clip:padding-box}' +
+      '#dsh-skill-browser-panel *::-webkit-scrollbar-corner{background:transparent}' +
+      '#dsh-skill-browser-panel .dsb-cards,#dsh-skill-browser-panel .dsb-ledger-table,' +
+      '#dsh-skill-browser-panel .dsb-detail-body,#dsh-skill-browser-panel .dsb-groups{scrollbar-width:thin;' +
+      'scrollbar-color:var(--dsb-brand,rgba(143,199,255,.75)) transparent;overscroll-behavior:contain}' +
       '.dsb-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 6px}' +
       '.dsb-title{font-size:16px;font-weight:600}' +
       '.dsb-headbtns{display:flex;gap:6px}' +
@@ -541,7 +1150,7 @@ window.__ModuleLoader__.load({
       'display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}' +
       '.dsb-card-tag{font-size:10.5px;color:#8b93a8;margin-top:6px}' +
       '.dsb-empty{grid-column:1/-1;text-align:center;color:#9aa1b5;padding:40px 0;font-size:13px;line-height:1.7}' +
-      '.dsb-detail{position:absolute;inset:0;background:rgba(24,26,34,.99);flex-direction:column;z-index:2}' +
+      '.dsb-detail{position:absolute;inset:0;background:rgba(24,26,34,.99);flex-direction:column;z-index:20}' +
       '.dsb-detail-body{flex:1;min-height:0;overflow:auto;margin:0;padding:6px 16px 16px;' +
       'font-family:ui-monospace,Consolas,monospace;font-size:12px;line-height:1.65;color:#cfd6e8;white-space:pre-wrap;word-break:break-word}' +
       '.dsb-tabs{display:flex;gap:4px;margin:0 8px}' +
@@ -646,7 +1255,209 @@ window.__ModuleLoader__.load({
       '#dsh-skill-browser-panel .dsb-bmenu-danger:hover{background:rgba(255,120,120,.16)}' +
       '#dsh-skill-browser-panel .dsb-bmenu-danger .dsb-bmenu-sub{color:#ff9d9d}' +
       '#dsh-skill-browser-panel .dsb-bmenu-cancel{background:transparent;border:none;color:#9aa1b5;font-size:12px;cursor:pointer;padding:4px 6px;text-align:center}' +
-      '#dsh-skill-browser-panel .dsb-bmenu-cancel:hover{color:#dfe3ee}';
+      '#dsh-skill-browser-panel .dsb-bmenu-cancel:hover{color:#dfe3ee}' +
+      '#dsh-skill-browser-panel .dsb-lc-date{font-size:10.5px;color:#8b93a8;white-space:nowrap}' +
+      '#dsh-skill-browser-panel .dsb-lc-rank{font-size:10.5px;color:#8b93a8;text-align:right;white-space:nowrap}' +
+      '#dsh-skill-browser-panel .dsb-lc-status{font-size:10.5px;color:#ffb3b3;white-space:nowrap}' +
+      /* ── v1.9.2：版本号徽章（语义色，全部皮肤可读）── */
+      '#dsh-skill-browser-panel .dsb-ver{display:inline-block;margin-left:6px;font-size:10px;font-family:ui-monospace,Consolas,monospace;' +
+      'color:var(--dsb-ok,#9ff5c8);background:var(--dsb-okbg,rgba(80,220,150,.12));border:1px solid var(--dsb-okline,rgba(80,220,150,.3));border-radius:999px;padding:0 6px;vertical-align:middle}' +
+      '#dsh-skill-browser-panel .dsb-ver-none{color:var(--dsb-dim,#8b93a8);background:var(--chipBg,rgba(255,255,255,.05));border-color:var(--pbd,rgba(255,255,255,.12))}' +
+      /* ── v1.9.8：分组栏改为「树形统一管理」──
+         原来大类是一排小卡片 flex-wrap 挨着、子类只在选中后才另起一行，视觉上零零散散。
+         现在：顶部一条工具条 + 下面每个大类一整行，子类**常驻**缩进挂在大类下方（带竖引导线），
+         一眼就能看出「哪个大类下面有哪几个子类」。 */
+      '#dsh-skill-browser-panel .dsb-groups{display:flex;flex-direction:column;gap:6px;padding:0 16px 8px;' +
+        'max-height:220px;overflow-y:auto;overflow-x:hidden}' +
+      '#dsh-skill-browser-panel .dsb-gbar{display:flex;align-items:center;gap:5px;flex-wrap:wrap}' +
+      '#dsh-skill-browser-panel .dsb-gsp{flex:1 1 auto;min-width:0}' +
+      /* v1.9.9 模型探针徽标：文字色一律继承父级（工具条=--itm），不写死，
+         否则浅色皮肤下白字白底。 */
+      '#dsh-skill-browser-panel .dsb-gmodel{font-size:10.5px;line-height:1;padding:3px 7px;' +
+        'border-radius:6px;border:1px dashed var(--dsb-line,rgba(255,255,255,.16));' +
+        'color:inherit;cursor:pointer;max-width:260px;white-space:nowrap;overflow:hidden;' +
+        'text-overflow:ellipsis;background:var(--dsb-soft,rgba(255,255,255,.04))}' +
+      '#dsh-skill-browser-panel .dsb-gmodel-idle{opacity:.72}' +
+      '#dsh-skill-browser-panel .dsb-gmodel-ok{border-color:var(--dsb-okline,rgba(80,220,150,.30));' +
+        'color:var(--dsb-ok,#9ff5c8);background:var(--dsb-okbg,rgba(80,220,150,.12))}' +
+      '#dsh-skill-browser-panel .dsb-gmodel-bad{border-color:var(--dsb-fail,rgba(255,120,120,.55));' +
+        'color:var(--dsb-fail,#ff9d9d);background:transparent}' +
+      '#dsh-skill-browser-panel .dsb-gtree{display:flex;flex-direction:column;gap:5px}' +
+      '#dsh-skill-browser-panel .dsb-gitem{display:flex;flex-direction:column;gap:3px}' +
+      /* 大类行：整宽一行 */
+      '#dsh-skill-browser-panel .dsb-grow{position:relative;display:flex;align-items:center;gap:7px;height:32px;' +
+        'padding:0 8px;border-radius:8px;cursor:pointer;overflow:hidden;' +
+        'background:linear-gradient(135deg,var(--dsb-tile1,#39406b),var(--dsb-tile2,#232a45));' +
+        'border:1px solid var(--pbd,rgba(255,255,255,.16));background-size:cover;background-position:center}' +
+      '#dsh-skill-browser-panel .dsb-grow::after{content:"";position:absolute;inset:0;' +
+        'background:var(--dsb-shade,rgba(8,10,18,.42));pointer-events:none}' +
+      '#dsh-skill-browser-panel .dsb-grow>*{position:relative;z-index:1}' +
+      '#dsh-skill-browser-panel .dsb-grow:hover{border-color:var(--stA,#7c8dff)}' +
+      '#dsh-skill-browser-panel .dsb-grow-on{border-color:var(--stA,#7c8dff)!important;' +
+        'box-shadow:0 0 0 2px var(--stA,#7c8dff) inset}' +
+      '#dsh-skill-browser-panel .dsb-gico{font-size:13px;line-height:1;flex:0 0 auto}' +
+      '#dsh-skill-browser-panel .dsb-grname{font-size:12px;font-weight:600;color:var(--dsb-oncard,#fff);' +
+        'white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.55)}' +
+      '#dsh-skill-browser-panel .dsb-grmeta{font-size:10px;color:var(--dsb-oncard-dim,#d6def2);' +
+        'white-space:nowrap;flex:0 0 auto;text-shadow:0 1px 2px rgba(0,0,0,.5)}' +
+      '#dsh-skill-browser-panel .dsb-grsp{flex:1 1 auto;min-width:0}' +
+      '#dsh-skill-browser-panel .dsb-grops{display:flex;gap:2px;opacity:0;transition:opacity .12s;flex:0 0 auto}' +
+      '#dsh-skill-browser-panel .dsb-grow:hover .dsb-grops{opacity:1}' +
+      '#dsh-skill-browser-panel .dsb-gop{font-size:9px;line-height:1;background:rgba(0,0,0,.62);' +
+        'border:1px solid rgba(255,255,255,.26);color:#fff;border-radius:4px;padding:1px 3px;cursor:pointer}' +
+      '#dsh-skill-browser-panel .dsb-gop:hover{background:var(--stA,#5b6cff);border-color:transparent}' +
+      /* 子类行：常驻、竖排、每行一个，带 ├─ / └─ 树枝连接符 */
+      '#dsh-skill-browser-panel .dsb-gsubrow{display:flex;flex-direction:column;gap:1px;' +
+        'padding:1px 0 3px 14px;position:relative}' +
+      '#dsh-skill-browser-panel .dsb-gline{display:flex;align-items:center;gap:0;position:relative;' +
+        'padding-left:14px;min-height:21px}' +
+      '#dsh-skill-browser-panel .dsb-gconn{position:absolute;left:0;top:0;bottom:0;width:14px;' +
+        'color:var(--dsb-line,rgba(255,255,255,.30));font-family:monospace;font-size:11px;line-height:21px;' +
+        'white-space:pre;user-select:none;pointer-events:none}' +
+      '#dsh-skill-browser-panel .dsb-gline::before{content:"";position:absolute;left:5px;top:0;' +
+        'bottom:0;width:1px;background:var(--dsb-line,rgba(255,255,255,.18))}' +
+      '#dsh-skill-browser-panel .dsb-gline-last::before{bottom:50%}' +
+      '#dsh-skill-browser-panel .dsb-gsub{display:inline-flex;align-items:center;gap:4px;height:21px;padding:0 8px;' +
+        'border-radius:6px;border:1px solid transparent;text-align:left;' +
+        'background:transparent;color:var(--dsb-dim,#9aa1b5);font-size:11px;cursor:pointer;' +
+        'white-space:nowrap;max-width:260px;overflow:hidden;text-overflow:ellipsis}' +
+      '#dsh-skill-browser-panel .dsb-gsub:hover{color:var(--ptx,#dfe3ee);' +
+        'background:var(--dsb-hover,rgba(120,140,255,.16));border-color:var(--dsb-line,rgba(255,255,255,.16))}' +
+      '#dsh-skill-browser-panel .dsb-gsub-on{background:linear-gradient(135deg,var(--dsb-onbrand-bg1,#5b6cff),var(--dsb-onbrand-bg2,#2fa8ff))!important;' +
+        'color:var(--dsb-onbrand,#fff)!important;border-color:transparent!important;font-weight:600}' +
+      '#dsh-skill-browser-panel .dsb-gsub .dsb-gn{font-size:9.5px;opacity:.8;text-shadow:none}' +
+      '#dsh-skill-browser-panel .dsb-gnone{font-size:10px;color:var(--dsb-dim,#8b93a8);font-style:italic}' +
+      // v1.9.9：大类行内部的「N 项 · N 子类」用 oncard-dim（亮字），但 --dsb-dim
+      // 是按卡片底算的深/浅色，落到 tile 深底上会看不清 → 大类行内单独覆盖成
+      // oncard-dim，并保证 tile 底足够暗（semanticVarsCss 里 tile 固定深色）。
+      '#dsh-skill-browser-panel .dsb-grow .dsb-grmeta,' +
+      '#dsh-skill-browser-panel .dsb-grow .dsb-gn,' +
+      '#dsh-skill-browser-panel .dsb-grow .dsb-gnone{color:var(--dsb-oncard-dim,#d6def2)}' +
+      // v1.9.9：工具条/子类按钮的文字色一律走 --dsb-dim（该变量在 semanticVarsCss
+      // 里按「卡片真实底色」算到 ≥4.8:1），不再用 --itm —— 实测 --itm 在 6 款皮肤上
+      // 只有 4.40~4.50:1，10~11px 小字刚好卡在 WCAG AA 线下方。
+      '#dsh-skill-browser-panel .dsb-gadd{height:26px;min-width:0;border-radius:7px;border:1px dashed var(--pbd,rgba(255,255,255,.22));' +
+        'background:var(--chipBg,rgba(255,255,255,.04));color:var(--dsb-dim,#b9c2d8);font-size:11px;cursor:pointer;padding:0 8px;' +
+        'display:inline-flex;align-items:center;gap:4px;white-space:nowrap}' +
+      '#dsh-skill-browser-panel .dsb-gadd:hover{color:var(--ptx,#dfe3ee);border-color:var(--stA,#7c8dff)}' +
+      '#dsh-skill-browser-panel .dsb-gadd-on{background:linear-gradient(135deg,var(--dsb-onbrand-bg1,#5b6cff),var(--dsb-onbrand-bg2,#2fa8ff))!important;' +
+        'color:var(--dsb-onbrand,#fff)!important;border-style:solid!important;border-color:transparent!important}' +
+      '#dsh-skill-browser-panel .dsb-gadd-kw{border-color:var(--dsb-okline,rgba(80,220,150,.34));color:var(--dsb-ok,#9ff5c8)}' +
+      '#dsh-skill-browser-panel .dsb-gbusy{opacity:.55;pointer-events:none}' +
+      '#dsh-skill-browser-panel .dsb-gtitle{font-size:11px;color:var(--dsb-dim,#8b93a8);white-space:nowrap}' +
+      '#dsh-skill-browser-panel .dsb-ghint{font-size:10.5px;color:var(--dsb-dim,#6f778c);white-space:nowrap;' +
+        'overflow:hidden;text-overflow:ellipsis;max-width:44%}' +
+      // v1.9.9 对比度修正：数字徽标一律「继承父级文字色」，不再写死
+      // oncard-dim（近白色）。原因：同一个 .dsb-gn 同时出现在工具条（面板底）、
+      // 激活渐变按钮（品牌渐变底）、大类行（tile 深底）三种背景上，写死一个颜色
+      // 必有一处看不清 —— 截图里「全部 111」的白字就是这么来的。
+      // 继承父色后：工具条→--itm、激活按钮→--dsb-onbrand、大类行→--dsb-oncard，
+      // 三处都天然达标。
+      '#dsh-skill-browser-panel .dsb-gn{font-size:10px;color:inherit;opacity:.82;' +
+        'flex:0 0 auto;font-weight:500}' +
+      '#dsh-skill-browser-panel .dsb-gadd-on .dsb-gn{opacity:.9}' +
+      '#dsh-skill-browser-panel .dsb-gcard .dsb-gn,' +
+      '#dsh-skill-browser-panel .dsb-gcard-dom .dsb-gn,' +
+      '#dsh-skill-browser-panel .dsb-grow .dsb-gn{opacity:.88}' +
+      /* ── v1.9.8 平铺模式（原样保留，用户可一键切回）── */
+      '#dsh-skill-browser-panel .dsb-gflat{display:flex;flex-wrap:wrap;gap:5px;align-items:center}' +
+      '#dsh-skill-browser-panel .dsb-gcard,#dsh-skill-browser-panel .dsb-gcard-dom{position:relative;display:flex;align-items:center;gap:5px;' +
+        'min-width:0;max-width:190px;height:30px;padding:0 9px;border-radius:8px;cursor:pointer;overflow:hidden;' +
+        'background:linear-gradient(135deg,var(--dsb-tile1,#39406b),var(--dsb-tile2,#232a45));' +
+        'border:1px solid var(--pbd,rgba(255,255,255,.18));background-size:cover;background-position:center}' +
+      '#dsh-skill-browser-panel .dsb-gcard::after{content:"";position:absolute;inset:0;' +
+        'background:var(--dsb-shade,rgba(8,10,18,.42));pointer-events:none}' +
+      '#dsh-skill-browser-panel .dsb-gcard>*{position:relative;z-index:1}' +
+      '#dsh-skill-browser-panel .dsb-gcard:hover{border-color:var(--stA,#7c8dff)}' +
+      '#dsh-skill-browser-panel .dsb-gcard-on{border-color:var(--stA,#7c8dff)!important;' +
+        'box-shadow:0 0 0 2px var(--stA,#7c8dff) inset}' +
+      '#dsh-skill-browser-panel .dsb-gname{font-size:11.5px;color:var(--dsb-oncard,#fff);font-weight:600;' +
+        'line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:132px;' +
+        'text-shadow:0 1px 2px rgba(0,0,0,.55)}' +
+      '#dsh-skill-browser-panel .dsb-gkids{font-size:9.5px;color:var(--dsb-oncard-dim,#cfd8ea);' +
+        'margin-left:5px;opacity:.9;font-weight:400}' +
+      '#dsh-skill-browser-panel .dsb-gops{position:absolute;top:1px;right:1px;display:flex;gap:1px;' +
+        'opacity:0;transition:opacity .12s}' +
+      '#dsh-skill-browser-panel .dsb-gcard:hover .dsb-gops{opacity:1}' +
+      '#dsh-skill-browser-panel .dsb-gsubs{display:flex;flex-wrap:wrap;gap:5px;width:100%;align-items:center;' +
+        'padding:4px 0 0;margin-top:2px;border-top:1px dashed var(--dsb-line,rgba(255,255,255,.1))}' +
+      /* ── v1.9.3：AI 分组方案确认弹层 ── */
+      '#dsh-skill-browser-panel .dsb-plan-menu{min-width:0;width:calc(100% - 24px);left:12px;overflow-y:auto}' +
+      '#dsh-skill-browser-panel .dsb-plan-stat{font-size:10.5px;color:var(--dsb-dim,#8b93a8);padding:2px 8px 6px}' +
+      '#dsh-skill-browser-panel .dsb-plan-list{max-height:52vh;overflow-y:auto;padding:2px 4px 6px;display:flex;' +
+        'flex-direction:column;gap:5px}' +
+      '#dsh-skill-browser-panel .dsb-plan-dom{background:var(--dsb-soft,rgba(255,255,255,.04));' +
+        'border:1px solid var(--dsb-line,rgba(255,255,255,.08));border-radius:8px;padding:5px 7px}' +
+      '#dsh-skill-browser-panel .dsb-plan-dname{font-size:11.5px;font-weight:600;color:var(--dsb-brand,#8fc7ff);' +
+        'display:flex;align-items:center;gap:6px}' +
+      '#dsh-skill-browser-panel .dsb-plan-subs{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}' +
+      '#dsh-skill-browser-panel .dsb-plan-subs>span,#dsh-skill-browser-panel .dsb-plan-subs{font-size:10.5px}' +
+      '#dsh-skill-browser-panel .dsb-plan-subs>span{color:var(--dsb-dim,#b9c2d8);background:var(--chipBg,rgba(255,255,255,.06));' +
+        'border-radius:6px;padding:1px 6px;display:inline-flex;align-items:center;gap:4px}' +
+      /* 移动菜单里的层级缩进 */
+      '#dsh-skill-browser-panel .dsb-move-dom{font-weight:600}' +
+      '#dsh-skill-browser-panel .dsb-move-sub{padding-left:18px;font-size:11px;opacity:.92}' +
+      /* 卡片上的"移动"按钮 */
+      '#dsh-skill-browser-panel .dsb-movebtn{background:var(--chipBg,rgba(255,255,255,.06));border:1px solid var(--pbd,rgba(255,255,255,.14));color:var(--dsb-dim,#b9c2d8);' +
+      'border-radius:6px;font-size:10.5px;padding:2px 7px;cursor:pointer;white-space:nowrap}' +
+      '#dsh-skill-browser-panel .dsb-movebtn:hover{background:var(--dsb-hover,rgba(120,140,255,.24));color:var(--ptx,#fff);border-color:var(--stA,#7c8dff)}' +
+      '#dsh-skill-browser-panel .dsb-card-foot{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:6px}' +
+      '#dsh-skill-browser-panel .dsb-card-gtag{font-size:10px;color:var(--dsb-brand,#8fc7ff);opacity:.95;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}' +
+      /* ── v1.9.1：调用台账看板（全部改用语义变量，浅色皮肤同样可读）── */
+      '#dsh-skill-browser-panel .dsb-lbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:0 0 8px}' +
+      '#dsh-skill-browser-panel .dsb-lq{background:var(--chipBg,rgba(255,255,255,.06));border:1px solid var(--pbd,rgba(255,255,255,.12));color:var(--dsb-dim,#cdd3e3);' +
+      'border-radius:999px;padding:3px 10px;font-size:11.5px;cursor:pointer;white-space:nowrap}' +
+      '#dsh-skill-browser-panel .dsb-lq:hover{background:var(--dsb-hover,rgba(255,255,255,.14));color:var(--ptx,#fff)}' +
+      '#dsh-skill-browser-panel .dsb-lq-on{background:linear-gradient(135deg,var(--dsb-onbrand-bg1,#5b6cff),var(--dsb-onbrand-bg2,#2fa8ff));color:var(--dsb-onbrand,#fff);border-color:transparent}' +
+      '#dsh-skill-browser-panel .dsb-ldate{background:var(--chipBg,rgba(255,255,255,.06));border:1px solid var(--pbd,rgba(255,255,255,.12));color:var(--ptx,#dfe3ee);' +
+      'border-radius:6px;padding:2px 6px;font-size:11.5px;font-family:ui-monospace,Consolas,monospace;color-scheme:var(--dsb-scheme,dark)}' +
+      '#dsh-skill-browser-panel .dsb-lsep{width:1px;height:16px;background:var(--pbd,rgba(255,255,255,.14));margin:0 3px}' +
+      '#dsh-skill-browser-panel .dsb-lhint{font-size:10.5px;color:var(--dsb-dim,#6f778c);margin-left:auto;white-space:nowrap}' +
+      '#dsh-skill-browser-panel .dsb-lcards{display:flex;gap:8px;padding:0 0 10px;flex-wrap:wrap}' +
+      '#dsh-skill-browser-panel .dsb-lcard{flex:1;min-width:88px;background:var(--chipBg,rgba(255,255,255,.05));border:1px solid var(--pbd,rgba(255,255,255,.09));' +
+      'border-radius:10px;padding:8px 10px;text-align:center}' +
+      '#dsh-skill-browser-panel .dsb-lcard b{display:block;font-size:20px;line-height:1.2;color:var(--dsb-brand-strong,#8fc7ff)}' +
+      '#dsh-skill-browser-panel .dsb-lcard span{font-size:10.5px;color:var(--dsb-dim,#9aa1b5)}' +
+      '#dsh-skill-browser-panel .dsb-lcard-fail b{color:var(--dsb-fail,#ff9d9d)}' +
+      '#dsh-skill-browser-panel .dsb-lcard-rate b{color:var(--dsb-ok,#9ff5c8)}' +
+      '#dsh-skill-browser-panel .dsb-ltrend{display:flex;align-items:flex-end;gap:2px;height:76px;padding:6px 8px;margin-bottom:10px;' +
+      'background:var(--dsb-soft,rgba(255,255,255,.03));border:1px solid var(--dsb-line,rgba(255,255,255,.07));border-radius:10px;overflow-x:auto}' +
+      '#dsh-skill-browser-panel .dsb-lbarcol{flex:1;min-width:5px;display:flex;flex-direction:column;justify-content:flex-end;' +
+      'height:100%;position:relative;cursor:default}' +
+      '#dsh-skill-browser-panel .dsb-lbarfill{background:linear-gradient(180deg,var(--dsb-bar1,#5b8cff),var(--dsb-bar2,#2fa8ff));border-radius:2px 2px 0 0;min-height:1px}' +
+      '#dsh-skill-browser-panel .dsb-lbarfill-zero{background:var(--dsb-line,rgba(255,255,255,.08))}' +
+      '#dsh-skill-browser-panel .dsb-lbarfill-fail{background:linear-gradient(180deg,var(--dsb-fail,#ff7d7d),var(--dsb-fail,#ff5c5c))}' +
+      '#dsh-skill-browser-panel .dsb-lbarcol:hover .dsb-lbarfill{filter:brightness(1.25)}' +
+      '#dsh-skill-browser-panel .dsb-lrank{display:flex;flex-direction:column;gap:3px}' +
+      '#dsh-skill-browser-panel .dsb-lrrow{display:grid;grid-template-columns:30px minmax(0,1fr) 54px 46px 38px 38px 56px 58px;gap:6px;' +
+      'align-items:center;background:var(--dsb-soft,rgba(255,255,255,.04));border:1px solid var(--dsb-line,rgba(255,255,255,.07));border-radius:8px;' +
+      'padding:6px 9px;font-size:11.5px;transition:background .12s}' +
+      '#dsh-skill-browser-panel .dsb-lrrow:hover{background:var(--dsb-hover,rgba(120,140,255,.14))}' +
+      '#dsh-skill-browser-panel .dsb-lrhead{background:var(--dsb-surface,#1a1d26);' +
+      'border-color:transparent transparent var(--dsb-line,rgba(255,255,255,.12));' +
+      'font-size:10.5px;color:var(--dsb-dim,#8b93a8);' +
+      'padding:3px 9px;position:sticky;top:0;z-index:3;box-shadow:0 2px 6px rgba(0,0,0,.10)}' +
+      '#dsh-skill-browser-panel .dsb-lrhead span{cursor:pointer;user-select:none;white-space:nowrap}' +
+      '#dsh-skill-browser-panel .dsb-lrhead span:hover{color:var(--ptx,#dfe3ee)}' +
+      '#dsh-skill-browser-panel .dsb-lr-sorton{color:var(--dsb-brand,#8fc7ff)!important;font-weight:700}' +
+      '#dsh-skill-browser-panel .dsb-lrk{color:var(--dsb-dim,#8b93a8);text-align:right;font-family:ui-monospace,Consolas,monospace}' +
+      '#dsh-skill-browser-panel .dsb-lrname{font-family:ui-monospace,Consolas,monospace;color:var(--dsb-brand,#8fc7ff);overflow:hidden;' +
+      'text-overflow:ellipsis;white-space:nowrap}' +
+      '#dsh-skill-browser-panel .dsb-lrver{font-size:10px;color:var(--dsb-ok,#9ff5c8);font-family:ui-monospace,Consolas,monospace;' +
+      'text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}' +
+      '#dsh-skill-browser-panel .dsb-lrver-none{color:var(--dsb-dim,#6f778c)}' +
+      '#dsh-skill-browser-panel .dsb-lrn{text-align:right;font-family:ui-monospace,Consolas,monospace;color:var(--ptx,#dfe3ee)}' +
+      '#dsh-skill-browser-panel .dsb-lrf{text-align:right;font-family:ui-monospace,Consolas,monospace;color:var(--dsb-fail,#ff9d9d)}' +
+      '#dsh-skill-browser-panel .dsb-lrr{text-align:right;font-family:ui-monospace,Consolas,monospace;color:var(--ptx,#dfe3ee)}' +
+      '#dsh-skill-browser-panel .dsb-lrdate{text-align:right;font-size:10.5px;color:var(--dsb-dim,#8b93a8);font-family:ui-monospace,Consolas,monospace}' +
+      '#dsh-skill-browser-panel .dsb-lrbar{grid-column:1/-1;height:3px;border-radius:2px;background:var(--dsb-line,rgba(255,255,255,.07));overflow:hidden}' +
+      '#dsh-skill-browser-panel .dsb-lrbar i{display:block;height:100%;border-radius:2px;background:linear-gradient(90deg,var(--dsb-bar1,#5b8cff),var(--dsb-bar2,#2fa8ff))}' +
+      '#dsh-skill-browser-panel .dsb-lsec{display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:600;color:var(--ptx,#dfe3ee);' +
+      'margin:12px 0 6px;padding-top:9px;border-top:1px solid var(--dsb-line,rgba(255,255,255,.08))}' +
+      '#dsh-skill-browser-panel .dsb-lsec span.sub{font-weight:400;font-size:10.5px;color:var(--dsb-dim,#8b93a8)}' +
+      '#dsh-skill-browser-panel .dsb-ldetail-toggle{background:var(--chipBg,rgba(255,255,255,.06));border:1px solid var(--pbd,rgba(255,255,255,.12));' +
+      'color:var(--dsb-dim,#b9c2d8);border-radius:6px;padding:2px 8px;font-size:10.5px;cursor:pointer}' +
+      '#dsh-skill-browser-panel .dsb-ldetail-toggle:hover{background:var(--dsb-hover,rgba(120,140,255,.24));color:var(--ptx,#fff)}';
 
     function buildPanel() {
       if (S.panelBuilt) return;
@@ -663,11 +1474,12 @@ window.__ModuleLoader__.load({
           '<div class="dsb-title">🧩 技能浏览器</div>' +
           '<div class="dsb-tabs">' +
             '<button id="dsb-tab-skills" class="dsb-tab" data-view="skills">技能浏览</button>' +
-            '<button id="dsb-tab-ledger" class="dsb-tab" data-view="ledger">📋 失效台账</button>' +
+            '<button id="dsb-tab-ledger" class="dsb-tab" data-view="ledger">📊 调用台账</button>' +
           '</div>' +
           '<div class="dsb-headbtns">' +
             '<button id="dsb-skin-btn" class="dsb-btn" title="切换皮肤（三球同步 · 128款）">🎨</button>' +
             '<button id="dsb-setting" class="dsb-btn" title="开关设置">⚙</button>' +
+            '<button id="dsb-hot" class="dsb-btn" title="' + esc(T("hotReloadTip")) + '">⚡</button>' +
             '<button id="dsb-refresh" class="dsb-btn" title="重新扫描技能目录">↻ 刷新</button>' +
             '<button id="dsb-close" class="dsb-btn" title="关闭">×</button>' +
           '</div>' +
@@ -713,13 +1525,19 @@ window.__ModuleLoader__.load({
           '</div>' +
         '</div>' +
         '<input id="dsb-q" class="dsb-q" type="text" placeholder="🔍 搜索技能名 / 中文简介 / 描述…" />' +
+        '<div id="dsb-groups" class="dsb-groups"></div>' +
         '<div id="dsb-sortbar" class="dsb-sortbar" style="display:none"></div>' +
         '<div id="dsb-chips" class="dsb-chips"></div>' +
         '<div id="dsb-subs" class="dsb-subs"></div>' +
         '<div id="dsb-cards" class="dsb-cards"></div>' +
         '<div id="dsb-ledger" class="dsb-ledger" style="display:none">' +
-          '<div id="dsb-ledger-sum" class="dsb-ledger-sum"></div>' +
-          '<div id="dsb-ledger-table" class="dsb-ledger-table"></div>' +
+          '<div id="dsb-lbar" class="dsb-lbar"></div>' +
+          '<div id="dsb-lcards" class="dsb-lcards"></div>' +
+          '<div id="dsb-ltrend" class="dsb-ltrend"></div>' +
+          '<div id="dsb-ledger-table" class="dsb-ledger-table">' +
+            '<div id="dsb-lrank" class="dsb-lrank"></div>' +
+            '<div id="dsb-ledger-sum" class="dsb-ledger-sum"></div>' +
+          '</div>' +
         '</div>' +
         '<div id="dsb-detail" class="dsb-detail" style="display:none">' +
           '<div class="dsb-head">' +
@@ -763,8 +1581,92 @@ window.__ModuleLoader__.load({
       });
       bmenuMask.addEventListener("click", function () { closeBatchMenu(); });
 
+      // v1.9.0 "移动到分组"浮层（与批量确认菜单同款遮罩/锚定，独立菜单体）
+      var moveMask = document.createElement("div");
+      moveMask.id = "dsb-move-mask";
+      moveMask.className = "dsb-bmenu-mask";
+      moveMask.style.display = "none";
+      panel.appendChild(moveMask);
+      var moveMenu = document.createElement("div");
+      moveMenu.id = "dsb-move";
+      moveMenu.className = "dsb-bmenu";
+      moveMenu.style.display = "none";
+      panel.appendChild(moveMenu);
+      moveMenu.addEventListener("click", function (ev) {
+        var pa = ev.target.closest("[data-plan-act]");
+        if (pa) {
+          var pact = pa.getAttribute("data-plan-act");
+          if (pact === "replace") applyPlanFlow("replace");
+          else if (pact === "merge") applyPlanFlow("merge");
+          else closePlanMenu();
+          return;
+        }
+        var it = ev.target.closest("[data-move-gid]");
+        if (!it) return;
+        var gid = it.getAttribute("data-move-gid");
+        var dir = S.moveMenuDir;
+        if (gid === "__cancel" || !dir) { closeMoveMenu(); return; }
+        assignFlow(dir, gid);
+      });
+      moveMask.addEventListener("click", function () {
+        if (S.gplanBusy) closePlanMenu(); else closeMoveMenu();
+      });
+
+      // v1.9.0 分组栏交互：选分组 / 新建 / AI 自动分组 / 重命名 / 删分组 / 生成封面
+      $("dsb-groups").addEventListener("click", function (ev) {
+        var op = ev.target.closest("[data-gop]");
+        if (op) {
+          var act = op.getAttribute("data-gop");
+          var gid = op.getAttribute("data-gid") || "";
+          ev.stopPropagation();
+          if (act === "cover") aiCoverFlow(gid);
+          else if (act === "rename") renameGroupFlow(gid);
+          else if (act === "del") deleteGroupFlow(gid);
+          else if (act === "sub") createSubGroupFlow(gid);
+          return;
+        }
+        // v1.9.9 模型探针徽标：点一下重新探测（不调模型，只读配置）
+        var mo = ev.target.closest("[data-gmodel]");
+        if (mo) {
+          loadModelInfo(true);
+          return;
+        }
+        // v1.9.8 显示模式切换：树状 / 平铺
+        var gm = ev.target.closest("[data-gmode]");
+        if (gm) {
+          S.gmode = gm.getAttribute("data-gmode") === "flat" ? "flat" : "tree";
+          try { localStorage.setItem("dsh-skill-browser-gmode", S.gmode); } catch (e) {}
+          paintGroups();
+          return;
+        }
+        var add = ev.target.closest("[data-gadd]");
+        if (add) {
+          var how = add.getAttribute("data-gadd");
+          if (how === "kw") kwClassifyFlow();
+          else if (how === "ai") aiClassifyFlow();
+          else createGroupFlow();
+          return;
+        }
+        // 二级：子类筛选
+        var gs = ev.target.closest("[data-gsub]");
+        if (gs) {
+          S.gsub = gs.getAttribute("data-gsub") || "";
+          paintGroups(); paintCards();
+          return;
+        }
+        var card = ev.target.closest("[data-gsel]");
+        if (card) {
+          S.group = card.getAttribute("data-gsel") || "all";
+          S.gsub = "";
+          paintGroups(); paintCards();
+        }
+      });
+
       $("dsb-close").addEventListener("click", function () { closePanel(); });
       $("dsb-refresh").addEventListener("click", function () { if (S.view === "ledger") loadLedgerRefresh(); else load(true); });
+
+      // ── v1.9.4 热加载：重新加载插件代码，不重启桌面端 ──────────────
+      $("dsb-hot").addEventListener("click", function () { hotReloadFlow(); });
       $("dsb-setting").addEventListener("click", function () {
         var box = $("dsb-settings");
         if (!box) return;
@@ -794,14 +1696,56 @@ window.__ModuleLoader__.load({
       var rootBrowse = $("dsb-set-root-browse");
       if (rootBrowse) rootBrowse.addEventListener("click", function () { browseForDirectory(); });
       $("dsb-q").addEventListener("input", function () { S.q = this.value; S.sub = ""; paintChips(); paintSubs(); paintCards(); });
+      // v1.9.6 技能列表滚到底自动追加一批（无感分页，避免一次性渲染上千节点）
+      $("dsb-cards").addEventListener("scroll", function () {
+        var b = this;
+        if (!S.data || S.detail) return;
+        if (b.scrollTop + b.clientHeight < b.scrollHeight - 120) return;
+        var total = sortList(filtered()).length;
+        if (S.cardLimit >= total) return;
+        S.cardLimit += 60;
+        paintCards();
+      }, { passive: true });
       $("dsb-back").addEventListener("click", function () { S.detail = null; S.ledgerDetail = null; paint(); });
       $("dsb-tab-skills").addEventListener("click", function () { S.view = "skills"; S.detail = null; S.ledgerDetail = null; paint(); });
-      $("dsb-tab-ledger").addEventListener("click", function () { S.view = "ledger"; S.detail = null; if (!S.ledger) loadLedger(); else paint(); });
+      $("dsb-tab-ledger").addEventListener("click", function () {
+        S.view = "ledger"; S.detail = null;
+        if (!S.ledger) loadLedger(); else paint();
+        if (!S.lstat) loadStats();
+      });
       $("dsb-ledger-table").addEventListener("click", function (ev) {
+        // 排行表头排序
+        var sEl = ev.target.closest("[data-lsort]");
+        if (sEl) { S.lsort = sEl.getAttribute("data-lsort"); loadStats(); return; }
+        // 展开/收起原始流水
+        var fEl = ev.target.closest("[data-lflow]");
+        if (fEl) { S.lstatShowFlow = !S.lstatShowFlow; paintLedger(); return; }
+        // v1.9.6 原始流水分片"加载更多"
+        var mo2 = ev.target.closest("[data-more]");
+        if (mo2 && mo2.getAttribute("data-more") === "flow") {
+          S.lflowLimit += 120; paintLedger(); return;
+        }
         var el = ev.target.closest("[data-lskill]");
         if (!el) return;
         openLedgerDetail(el.getAttribute("data-lskill"));
       });
+      // v1.9.1 台账工具栏：快捷区间 / 起止日期 / 粒度
+      $("dsb-lbar").addEventListener("click", function (ev) {
+        var q1 = ev.target.closest("[data-lq]");
+        if (q1) {
+          var rr = quickRange(q1.getAttribute("data-lq"));
+          S.lfrom = rr.from; S.lto = rr.to; S.lgran = rr.gran;
+          loadStats();
+          return;
+        }
+        var g1 = ev.target.closest("[data-lgran]");
+        if (g1) { S.lgran = g1.getAttribute("data-lgran"); loadStats(); return; }
+      });
+      $("dsb-lbar").addEventListener("change", function (ev) {
+        var id = ev.target && ev.target.id;
+        if (id === "dsb-lfrom") { S.lfrom = ev.target.value || ""; loadStats(); }
+        else if (id === "dsb-lto") { S.lto = ev.target.value || ""; loadStats(); }
+      });
       $("dsb-chips").addEventListener("click", function (ev) {
         var el = ev.target.closest("[data-cat]");
         if (!el) return;
@@ -846,6 +1790,13 @@ window.__ModuleLoader__.load({
           try { window.open(ext.getAttribute("data-ext-url"), "_blank", "noopener"); } catch (e2) {}
           return;
         }
+        // v1.9.0 "移动到分组"按钮：点它开浮层，不打开详情
+        var mv = ev.target.closest("[data-move]");
+        if (mv) {
+          ev.stopPropagation();
+          openMoveMenu(mv, mv.getAttribute("data-move"));
+          return;
+        }
         // v1.7.0 单技能启用/停用开关：点开关不打开详情（closest 先命中 tgl 按钮）
         var tgl = ev.target.closest("[data-tgl]");
         if (tgl) {
@@ -855,6 +1806,14 @@ window.__ModuleLoader__.load({
           toggleSkill(d1, toDisabled);
           return;
         }
+        // v1.9.6 分片"加载更多"
+        var mo = ev.target.closest("[data-more]");
+        if (mo) {
+          var mk = mo.getAttribute("data-more");
+          if (mk === "cards") { S.cardLimit += 60; paintCards(); }
+          else if (mk === "flow") { S.lflowLimit += 120; paintLedger(); }
+          return;
+        }
         var el = ev.target.closest("[data-dir]");
         if (!el) return;
         openDetail(el.getAttribute("data-dir"));
@@ -867,6 +1826,7 @@ window.__ModuleLoader__.load({
       S.open = false;
       S.detail = null;
       S.batchMenuScope = null;   // v1.7.2: 面板随 DOM 一起销毁，同步清确认菜单状态
+      S.moveMenuDir = null;      // v1.9.0: 同上，清"移动到分组"浮层状态
       var p = $(PANEL_ID);
       if (p && p.parentNode) p.parentNode.removeChild(p);
       var st = $("dsb-panel-style");
@@ -887,27 +1847,197 @@ window.__ModuleLoader__.load({
       panel.style.display = S.open ? "flex" : "none";
       if (!S.open) return;
       var isLedger = S.view === "ledger";
-      var q = $("dsb-q"), chips = $("dsb-chips"), subs = $("dsb-subs"), cards = $("dsb-cards"), lg = $("dsb-ledger"), sortbar = $("dsb-sortbar");
+      var q = $("dsb-q"), chips = $("dsb-chips"), subs = $("dsb-subs"), cards = $("dsb-cards"), lg = $("dsb-ledger"), sortbar = $("dsb-sortbar"), groups = $("dsb-groups");
       if (q) q.style.display = isLedger ? "none" : "";
+      if (groups) groups.style.display = isLedger ? "none" : "";
       if (chips) chips.style.display = isLedger ? "none" : "";
       if (subs) subs.style.display = isLedger ? "none" : "";
       if (cards) cards.style.display = isLedger ? "none" : "";
       if (sortbar) sortbar.style.display = isLedger ? "none" : "";
-      if (lg) lg.style.display = isLedger ? "block" : "none";
+      if (lg) lg.style.display = isLedger ? "flex" : "none";
       var t1 = $("dsb-tab-skills"), t2 = $("dsb-tab-ledger");
       if (t1) t1.classList.toggle("dsb-tab-on", !isLedger);
       if (t2) t2.classList.toggle("dsb-tab-on", isLedger);
       paintHeader();
       if (isLedger) paintLedger();
-      else { paintSortbar(); paintChips(); paintSubs(); paintCards(); }
+      else { paintGroups(); paintSortbar(); paintChips(); paintSubs(); paintCards(); }
       paintDetail();
     }
 
+    // v1.9.0 分组栏 / v1.9.3 两级：全部 / 未分组 / 大类（含子类计数）
+    // 选中大类后，下方再出一条子类栏（点"整个大类"看全部，点某个子类只看它）
+    // ── v1.9.8 分组栏：两种显示模式 ──
+    // tree（默认）：每个大类独占一行，子类**常驻**缩进挂在该行下方（竖引导线），
+    //              一眼看出「哪个大类下有哪些子类」，像文件树。
+    // flat（原样）：大类一排小卡片 flex-wrap，选中大类后才另起一行显示子类。
+    // 工具条两种模式共用：全部 / 未分组 / ⚡关键词分组 / 🤖AI自动分组 / ＋新建 / 切换模式。
+    function paintGroups() {
+      var box = $("dsb-groups"); if (!box) return;
+      if (!S.data) { box.innerHTML = ""; return; }
+      var sk = S.data.skills || [];
+      var total = sk.length;
+      var ungrouped = 0;
+      for (var i = 0; i < sk.length; i++) { if (!S.gassign[sk[i].dir]) ungrouped++; }
+      var doms = topGroups();
+      var treeMode = S.gmode !== "flat";
+
+      // ① 工具条
+      var bar = '<div class="dsb-gbar">';
+      bar += '<span class="dsb-gtitle" title="' + esc(T("groupsHint")) + '">' + esc(T("groupsTitle")) + "</span>";
+      bar += '<button class="dsb-gadd' + (S.group === "all" ? " dsb-gadd-on" : "") + '" data-gsel="all">' +
+        esc(T("groupAll")) + ' <span class="dsb-gn">' + total + "</span></button>";
+      bar += '<button class="dsb-gadd' + (S.group === "ungrouped" ? " dsb-gadd-on" : "") + '" data-gsel="ungrouped">' +
+        esc(T("groupUngrouped")) + ' <span class="dsb-gn">' + ungrouped + "</span></button>";
+      bar += '<span class="dsb-gsp"></span>';
+      bar += '<button class="dsb-gadd' + (treeMode ? " dsb-gadd-on" : "") + '" data-gmode="tree" title="' +
+        esc(T("groupModeTreeTip")) + '">' + esc(T("groupModeTree")) + "</button>";
+      bar += '<button class="dsb-gadd' + (treeMode ? "" : " dsb-gadd-on") + '" data-gmode="flat" title="' +
+        esc(T("groupModeFlatTip")) + '">' + esc(T("groupModeFlat")) + "</button>";
+      bar += '<button class="dsb-gadd dsb-gadd-kw' + (S.groupBusy === "kw-classify" ? " dsb-gbusy" : "") +
+        '" data-gadd="kw" title="' + esc(T("groupKwTip")) + '">' +
+        esc(S.groupBusy === "kw-classify" ? T("processingText") : T("groupKw")) + "</button>";
+      bar += '<button class="dsb-gadd' + (S.groupBusy === "ai-classify" ? " dsb-gbusy" : "") +
+        '" data-gadd="ai" title="' + esc(T("groupAiTip")) + '">' +
+        esc(S.groupBusy === "ai-classify" ? T("processingText") : T("groupAi")) + "</button>";
+      bar += '<button class="dsb-gadd" data-gadd="new">' + esc(T("groupNew")) + "</button>";
+      // v1.9.9 模型探针：一眼看出 AI 分组会调哪个模型（零配置可用性自检）
+      var mi = S.modelInfo;
+      var miText, miCls, miTip;
+      if (!mi) {
+        miText = "🔍 " + esc(T("modelProbeTip"));
+        miCls = " dsb-gmodel-idle";
+        miTip = T("modelProbeTip");
+      } else if (mi.ok) {
+        miText = "🤖 " + esc(TF("modelUsing", { model: mi.model })) +
+          (mi.source && mi.source !== "config" ? ' <span class="dsb-gn">' + esc(T(modelSourceKey(mi.source))) + "</span>" : "");
+        miCls = " dsb-gmodel-ok";
+        miTip = (mi.provider || "") + " / " + (mi.model || "") + "（" + (mi.source || "") + "）";
+      } else {
+        miText = "⚠ " + esc(T("modelNone"));
+        miCls = " dsb-gmodel-bad";
+        miTip = mi.error || T("modelNone");
+      }
+      bar += '<span class="dsb-gsp"></span>';
+      bar += '<span class="dsb-gmodel' + miCls + '" data-gmodel="1" title="' + esc(miTip) + '">' + miText + "</span>";
+      bar += "</div>";
+
+      var body = "";
+      if (treeMode) {
+        // ② 树状：每个大类一行 + 常驻子类行
+        body = '<div class="dsb-gtree">';
+        for (var j = 0; j < doms.length; j++) {
+          var g = doms[j];
+          var kids = subsOf(g.id);
+          var n = domainCount(g);
+          var on = S.group === g.id;
+          var busy = S.groupBusy === "ai-cover:" + g.id;
+          body += '<div class="dsb-gitem">';
+          body += '<div class="dsb-grow' + (on ? " dsb-grow-on" : "") + (busy ? " dsb-gbusy" : "") +
+            '" data-gsel="' + esc(g.id) + '"' + groupCoverStyle(g) + ' title="' +
+            esc(g.name + " · " + n + " 项" + (kids.length ? " · " + kids.length + " 个子类" : "")) + '">' +
+            '<span class="dsb-gico">' + esc(g.emoji || "📂") + "</span>" +
+            '<span class="dsb-grname">' + esc(g.name) + "</span>" +
+            '<span class="dsb-grmeta">' + n + " 项" + (kids.length ? " · " + kids.length + " 子类" : "") + "</span>" +
+            '<span class="dsb-grsp"></span>' +
+            '<span class="dsb-grops">' +
+              '<button class="dsb-gop" data-gop="cover" data-gid="' + esc(g.id) + '" title="' + esc(T("groupCover")) + '">🎨</button>' +
+              '<button class="dsb-gop" data-gop="sub" data-gid="' + esc(g.id) + '" title="' + esc(T("groupNewSub")) + '">＋</button>' +
+              '<button class="dsb-gop" data-gop="rename" data-gid="' + esc(g.id) + '" title="' + esc(T("groupRename")) + '">✏️</button>' +
+              '<button class="dsb-gop" data-gop="del" data-gid="' + esc(g.id) + '" title="' + esc(T("groupDelete")) + '">🗑</button>' +
+            "</span>" +
+          "</div>";
+          // 子类行常驻：选中该大类时把「整个大类」作为第一个可选项。
+          // 用 ├─ / └─ 连接符做成真正的树枝，每行一个子类，层层展开。
+          if (kids.length || on) {
+            var rows = [];
+            if (on) rows.push({ id: "", label: T("groupWhole"), emoji: "", n: n, tip: T("groupWhole") });
+            for (var k = 0; k < kids.length; k++) {
+              var sg = kids[k];
+              rows.push({
+                id: sg.id,
+                label: sg.name,
+                emoji: sg.emoji || "📁",
+                n: (sg.members || []).length,
+                tip: sg.name + " · " + (sg.members || []).length + " 项"
+              });
+            }
+            body += '<div class="dsb-gsubrow">';
+            for (var r = 0; r < rows.length; r++) {
+              var it = rows[r];
+              var last = r === rows.length - 1;
+              var sOn = it.id ? S.gsub === it.id : (!S.gsub && on);
+              body += '<div class="dsb-gline' + (last ? " dsb-gline-last" : "") + '">' +
+                '<span class="dsb-gconn">' + (last ? "└─" : "├─") + "</span>" +
+                '<button class="dsb-gsub' + (sOn ? " dsb-gsub-on" : "") +
+                  '" data-gsub="' + esc(it.id) + '" title="' + esc(it.tip) + '">' +
+                  (it.emoji ? esc(it.emoji) + " " : "") + esc(it.label) +
+                  ' <span class="dsb-gn">' + it.n + "</span>" +
+                "</button>" +
+              "</div>";
+            }
+            body += "</div>";
+          }
+          body += "</div>";
+        }
+        body += "</div>";
+        if (!doms.length) {
+          body = '<div class="dsb-gtree"><span class="dsb-gtitle">' + esc(T("groupEmpty")) + "</span></div>";
+        }
+      } else {
+        // ③ 平铺（原样）
+        body = '<div class="dsb-gflat">';
+        for (var m = 0; m < doms.length; m++) {
+          var gf = doms[m];
+          var kidsF = subsOf(gf.id);
+          var nF = domainCount(gf);
+          var onF = S.group === gf.id;
+          var busyF = S.groupBusy === "ai-cover:" + gf.id;
+          body += '<div class="dsb-gcard dsb-gcard-dom' + (onF ? " dsb-gcard-on" : "") + (busyF ? " dsb-gbusy" : "") +
+            '" data-gsel="' + esc(gf.id) + '"' + groupCoverStyle(gf) + ' title="' +
+            esc(gf.name + " · " + nF + " 项" + (kidsF.length ? " · " + kidsF.length + " 个子类" : "")) + '">' +
+            '<div class="dsb-gname">' + esc((gf.emoji || "📂") + " " + gf.name) +
+              (kidsF.length ? '<span class="dsb-gkids">' + kidsF.length + " 子类</span>" : "") + "</div>" +
+            '<div class="dsb-gn">' + nF + " 项</div>" +
+            '<div class="dsb-gops">' +
+              '<button class="dsb-gop" data-gop="cover" data-gid="' + esc(gf.id) + '" title="' + esc(T("groupCover")) + '">🎨</button>' +
+              '<button class="dsb-gop" data-gop="sub" data-gid="' + esc(gf.id) + '" title="' + esc(T("groupNewSub")) + '">＋</button>' +
+              '<button class="dsb-gop" data-gop="rename" data-gid="' + esc(gf.id) + '" title="' + esc(T("groupRename")) + '">✏️</button>' +
+              '<button class="dsb-gop" data-gop="del" data-gid="' + esc(gf.id) + '" title="' + esc(T("groupDelete")) + '">🗑</button>' +
+            "</div>" +
+          "</div>";
+        }
+        body += "</div>";
+        if (!doms.length) body += '<span class="dsb-gtitle">' + esc(T("groupEmpty")) + "</span>";
+        // 平铺模式：选中大类后才显示子类栏
+        if (S.group !== "all" && S.group !== "ungrouped") {
+          var cur = groupById(S.group);
+          if (cur && isDomain(cur)) {
+            var kids2 = subsOf(cur.id);
+            if (kids2.length) {
+              body += '<div class="dsb-gsubs"><span class="dsb-gtitle">└ ' + esc(T("groupSubsOf")) + "</span>";
+              body += '<button class="dsb-gadd' + (S.gsub ? "" : " dsb-gadd-on") + '" data-gsub="">' +
+                esc(T("groupWhole")) + ' <span class="dsb-gn">' + domainCount(cur) + "</span></button>";
+              for (var q = 0; q < kids2.length; q++) {
+                var sg2 = kids2[q];
+                var sn2 = (sg2.members || []).length;
+                body += '<button class="dsb-gadd' + (S.gsub === sg2.id ? " dsb-gadd-on" : "") +
+                  '" data-gsub="' + esc(sg2.id) + '" title="' + esc(sg2.name + " · " + sn2 + " 项") + '">' +
+                  esc((sg2.emoji || "📁") + " " + sg2.name) + ' <span class="dsb-gn">' + sn2 + "</span></button>";
+              }
+              body += "</div>";
+            }
+          }
+        }
+      }
+
+      box.innerHTML = bar + body;
+    }
+
     function paintHeader() {
       var sub = $("dsb-subtitle");
       if (!sub) return;
       if (S.loading && !S.data) { sub.textContent = "扫描技能目录中…"; return; }
-      if (S.error) { sub.innerHTML = '<span style="color:#ff8f8f">' + esc(S.error) + '</span>'; return; }
+      if (S.error) { sub.innerHTML = '<span style="color:var(--dsb-fail,#ff8f8f)">' + esc(S.error) + '</span>'; return; }
       if (!S.data) return;
       var offCount = 0;
       var sk = S.data.skills || [];
@@ -1071,6 +2201,48 @@ window.__ModuleLoader__.load({
     // v1.7.1：面板内 toast 轻提示（右上角浮层，2 秒自动消失）。
     // kind="ok" 绿 / "err" 红；新提示覆盖旧提示并重置 2 秒计时；
     // 面板未构建/已关闭时元素不存在，静默跳过。
+    // ── v1.9.4 热加载 ────────────────────────────────────────────
+    // host 半：POST /reload → 宿主用 ?v=<ts> 重新 import 自己的模块，
+    //          换掉正在服务的 handler（gen 自增），并让 client-modules 重读
+    //          client.js；随后本函数刷新页面，界面即是最新代码。
+    // 不重启桌面端、不中断会话。
+    function hotReloadFlow() {
+      if (S.hotBusy) return;
+      S.hotBusy = true;
+      showToast("ok", T("hotReloadRunning"));
+      var done = false;
+      function finish(kind, text, refresh) {
+        if (done) return;
+        done = true;
+        S.hotBusy = false;
+        showToast(kind, text);
+        if (refresh) setTimeout(function () { try { location.reload(); } catch (e) {} }, 700);
+      }
+      fetch(apiBase() + "/reload", { method: "POST" })
+        .then(function (r) { return r.json(); })
+        .then(function (d) {
+          if (!d || d.ok !== true) throw new Error((d && d.error) || "reload rejected");
+          // 轮询 /rev 等宿主半真的换新（gen 变了），再刷新界面
+          var tries = 0;
+          (function poll() {
+            tries += 1;
+            fetch(apiBase() + "/rev")
+              .then(function (r) { return r.json(); })
+              .then(function (v) {
+                if (v && v.gen > d.gen) {
+                  finish("ok", TF("hotReloadDone", { v: v.version || "?", n: v.gen }), true);
+                } else if (tries < 25) {
+                  setTimeout(poll, 200);
+                } else {
+                  finish("err", TF("hotReloadFail", { e: "超时：宿主半未换新（可点 ↻ 刷新数据）" }), false);
+                }
+              })
+              .catch(function () { if (tries < 25) setTimeout(poll, 200); else finish("err", TF("hotReloadFail", { e: "轮询失败" }), false); });
+          })();
+        })
+        .catch(function (e) { finish("err", TF("hotReloadFail", { e: (e && e.message) || String(e) }), false); });
+    }
+
     function showToast(kind, text) {
       var el = $("dsb-toast");
       if (!el) return;
@@ -1287,23 +2459,43 @@ window.__ModuleLoader__.load({
       }
       if (!S.data) { box.innerHTML = '<div class="dsb-empty">加载中…</div>'; return; }
       var list = filtered();
+      // v1.9.6 过滤条件变化时重置分片游标（否则切换分类后只看到旧的 60 条）
+      var sig = S.cat + "|" + S.sub + "|" + S.q + "|" + S.sortMode + "|" + S.group + "|" + S.gsub + "|" + list.length;
+      if (S.cardSig !== sig) { S.cardSig = sig; S.cardLimit = 60; }
       // v1.7.1 四态排序：名称↑（默认）/名称↓/时间↓（最新在前）/时间↑（最旧在前）
       list = sortList(list);
       if (!list.length) { box.innerHTML = '<div class="dsb-empty">没有匹配的技能</div>'; return; }
+      // v1.9.6 分片：只渲染前 cardLimit 张，滚动到底再追加，避免一次性生成上千节点
+      var shown = list.slice(0, S.cardLimit);
+      var restN = list.length - shown.length;
       var html = "";
-      for (var i = 0; i < list.length; i++) {
-        var s = list[i];
+      for (var i = 0; i < shown.length; i++) {
+        var s = shown[i];
         var tag = s.sub ? esc(subLabel(s.cat, s.sub)) : esc(catLabel(s.cat));
         var brief = s.zh || (s.desc ? String(s.desc).slice(0, 90) + (s.desc.length > 90 ? "…" : "") : "（无描述）");
         var off = !!s.disabled;
         var mt = fmtTime(s.mtime);
+        // v1.9.0 版本号：有 version 显示绿色徽章，没有显示灰色「暂未编版本号」
+        var ver = String(s.version == null ? "" : s.version).trim();
+        var verHtml = ver
+          ? '<span class="dsb-ver" title="' + esc(T("versionLabel")) + " " + esc(ver) + '">v' + esc(ver) + "</span>"
+          : '<span class="dsb-ver dsb-ver-none" title="' + esc(T("versionTip")) + '">' + esc(T("versionNone")) + "</span>";
+        // v1.9.0 当前所属分组（视图层标签，与磁盘位置无关）
+        var gid = groupOfDir(s.dir);
+        var g = gid ? groupById(gid) : null;
+        var gTag = g ? '<div class="dsb-card-gtag">📁 ' + esc(g.name) + "</div>" : "";
         // v1.7.1 滑动开关：.dsb-sw-on=开启（绿轨+滑块右），无=停用（灰轨+滑块左）。
         // 状态唯一来源是 s.disabled；title 提示点击后的动作方向（off→点击启用）。
         html += '<div class="dsb-card' + (off ? " dsb-card-off" : "") + '" data-dir="' + esc(s.dir) + '" title="' + esc(off ? T("cardDisabledTitle") : "点击查看 SKILL.md 全文") + '">' +
-          '<div class="dsb-card-name">' + esc(s.dir) + (off ? '<span class="dsb-badge-off">' + esc(T("disabledBadge")) + '</span>' : "") + "</div>" +
+          '<div class="dsb-card-name">' + esc(s.dir) + verHtml + (off ? '<span class="dsb-badge-off">' + esc(T("disabledBadge")) + '</span>' : "") + "</div>" +
           '<div class="dsb-card-zh">' + esc(brief) + "</div>" +
           '<div class="dsb-card-tag">' + tag + "</div>" +
           (mt ? '<div class="dsb-card-mtime">' + esc(T("mtimeLabel")) + " " + esc(mt) + "</div>" : "") +
+          '<div class="dsb-card-foot">' +
+            gTag +
+            '<button class="dsb-movebtn" data-move="' + esc(s.dir) + '" title="' + esc(T("groupAssignTip")) + '">' +
+              "📁 " + esc(T("groupMove")) + "</button>" +
+          "</div>" +
           '<div style="margin-top:6px">' +
             '<label class="dsb-switch' + (off ? "" : " dsb-sw-on") + '" data-tgl="' + esc(s.dir) + '" data-to="' + (off ? "0" : "1") +
               '" title="' + esc(off ? T("toggleEnableTip") : T("toggleDisableTip")) + '"' + (S.toggling ? ' aria-disabled="true"' : "") + '>' +
@@ -1317,7 +2509,13 @@ window.__ModuleLoader__.load({
       // 技能列表/分类末尾恢复为纯技能卡列表（原 v1.7.2 追加在列表尾部的
       // 3 张推荐卡——🖼️照片显示器/🔤字体插件/💡悬浮球说明——已整体迁往
       // 设置面板 #dsb-settings 广告区，见 buildPanel 内注释）。
+      if (restN > 0) {
+        html += '<div class="dsb-empty" style="grid-column:1/-1;padding:10px 0">' +
+          '<button class="dsb-btn" data-more="cards">' + esc(TF("cardMore", { n: restN })) + "</button></div>";
+      }
+      var keepTop = box.scrollTop;
       box.innerHTML = html;
+      if (keepTop) box.scrollTop = keepTop;
     }
 
     function ledgerLevel(fails) {
@@ -1326,75 +2524,215 @@ window.__ModuleLoader__.load({
       return { cls: "dsb-lv-low", label: "低" };
     }
 
+    // ── v1.9.1 调用台账看板：工具栏 → 指标卡 → 趋势柱 → 排行榜 → 原始流水 ──
     function paintLedger() {
-      var sum = $("dsb-ledger-sum"), tbl = $("dsb-ledger-table");
-      if (!sum || !tbl) return;
-      if (S.loading && !S.ledger) { sum.innerHTML = '<div class="dsb-empty">台账加载中…</div>'; tbl.innerHTML = ""; return; }
-      if (S.error && !S.ledger) { sum.innerHTML = '<div class="dsb-empty">' + esc(S.error) + '</div>'; tbl.innerHTML = ""; return; }
-      if (!S.ledger) return;
-      var l = S.ledger;
-      var totalSkills = (S.data && S.data.total) || 0;
-      var autoRecent = l.autoRecent || [];
-      var autoFails = autoRecent.filter(function (x) { return !x.ok; }).length;
-      var autoTotal = l.autoTotal || 0;
-      var autoFailTotal = l.autoFailTotal || 0;
-      sum.innerHTML =
-        '<div class="dsb-lsum-card"><b>' + totalSkills + '</b><span>技能总数</span></div>' +
-        '<div class="dsb-lsum-card dsb-lsum-fail"><b>' + l.totalFailSkills + '</b><span>人工·失败技能</span></div>' +
-        '<div class="dsb-lsum-card dsb-lsum-fail"><b>' + l.totalFails + '</b><span>人工·累计失败</span></div>' +
-        '<div class="dsb-lsum-card"><b>' + autoTotal + '</b><span>自动·调用总数</span></div>' +
-        (autoFailTotal ? '<div class="dsb-lsum-card dsb-lsum-fail"><b>' + autoFailTotal + '</b><span>自动·失败</span></div>' : '');
-      var rows = (l.entries || []).filter(function (e) { return e.fails > 0; });
-      var html = '<div style="display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;margin:2px 0 6px">' +
-        '<span>👤 人工台账</span>' +
-        '<span style="font-weight:400;font-size:11px;color:#9aa1b5">技能生效-失效台账.md 统计表（人工维护 + 历史登记）</span>' +
-        '</div>' +
-        '<div class="dsb-ltable">' +
-        '<div class="dsb-lrow dsb-lhead"><span class="dsb-lc-rank">#</span><span class="dsb-lc-skill">技能名</span><span class="dsb-lc-fail">失败</span><span class="dsb-lc-rate">等级</span><span class="dsb-lc-date">最近失败</span><span class="dsb-lc-status">强化状态</span></div>';
-      if (!rows.length) {
-        html += '<div class="dsb-lrow"><span class="dsb-lc-skill" style="opacity:.7;line-height:1.8">暂无人工登记。<br/>💡 技能触发失败时，在对话里说「<b>触发失败，登记</b>」或「<b>登记失败：技能名 原因</b>」，AI 会自动写入台账；<br/>插件也会自动记录每次技能调用（见下方 🤖 自动登记）。</span></div>';
+      var bar = $("dsb-lbar"), cards = $("dsb-lcards"), trend = $("dsb-ltrend"),
+          rank = $("dsb-lrank"), sum = $("dsb-ledger-sum");
+      if (!bar || !cards || !trend || !rank || !sum) return;
+
+      // ---- 1) 工具栏：快捷区间 + 起止日期 + 粒度 ----
+      var QUICK = [
+        { k: "today", t: T("lstatQuickToday") },
+        { k: "7", t: T("lstatQuick7") },
+        { k: "30", t: T("lstatQuick30") },
+        { k: "month", t: T("lstatQuickMonth") },
+        { k: "prev", t: T("lstatQuickPrevMonth") },
+        { k: "year", t: T("lstatQuickYear") },
+        { k: "all", t: T("lstatQuickAll") }
+      ];
+      var gh = "";
+      for (var qi = 0; qi < QUICK.length; qi++) {
+        gh += '<button class="dsb-lq" data-lq="' + QUICK[qi].k + '">' + esc(QUICK[qi].t) + "</button>";
+      }
+      var dFirst = (S.lstat && S.lstat.dataFirst) || "";
+      var dLast = (S.lstat && S.lstat.dataLast) || "";
+      var rangeHint = dFirst ? TF("lstatDataRange", { from: dFirst, to: dLast }) : T("lstatNoData");
+      bar.innerHTML = gh +
+        '<span class="dsb-lsep"></span>' +
+        '<span style="font-size:10.5px;color:var(--dsb-dim,#8b93a8)">' + esc(T("lstatFrom")) + "</span>" +
+        '<input id="dsb-lfrom" class="dsb-ldate" type="date" value="' + esc(S.lfrom) + '" />' +
+        '<span style="font-size:10.5px;color:var(--dsb-dim,#8b93a8)">' + esc(T("lstatTo")) + "</span>" +
+        '<input id="dsb-lto" class="dsb-ldate" type="date" value="' + esc(S.lto) + '" />' +
+        '<span class="dsb-lsep"></span>' +
+        '<span style="font-size:10.5px;color:var(--dsb-dim,#8b93a8)">' + esc(T("lstatGran")) + "</span>" +
+        '<button class="dsb-lq' + (S.lgran === "day" ? " dsb-lq-on" : "") + '" data-lgran="day">' + esc(T("lstatGranDay")) + "</button>" +
+        '<button class="dsb-lq' + (S.lgran === "week" ? " dsb-lq-on" : "") + '" data-lgran="week">' + esc(T("lstatGranWeek")) + "</button>" +
+        '<button class="dsb-lq' + (S.lgran === "month" ? " dsb-lq-on" : "") + '" data-lgran="month">' + esc(T("lstatGranMonth")) + "</button>" +
+        '<button class="dsb-lq' + (S.lgran === "year" ? " dsb-lq-on" : "") + '" data-lgran="year">' + esc(T("lstatGranYear")) + "</button>" +
+        '<span class="dsb-lhint">' + esc(rangeHint) + "</span>";
+
+      // ---- 加载/错误态 ----
+      if (S.lstatLoading && !S.lstat) {
+        cards.innerHTML = "";
+        trend.innerHTML = '<div class="dsb-empty" style="width:100%">' + esc(T("lstatLoading")) + "</div>";
+        rank.innerHTML = "";
+        sum.innerHTML = "";
+        return;
       }
-      for (var i = 0; i < rows.length; i++) {
-        var e = rows[i];
-        var lv = ledgerLevel(e.fails);
-        var status = e.status || "";
-        var statusCls = /待强化|⚠/.test(status) ? "dsb-lst-warn" : /已强化/.test(status) ? "dsb-lst-done" : "dsb-lst-ok";
-        html += '<div class="dsb-lrow" data-lskill="' + esc(e.skill) + '" title="点击查看失败明细">' +
-          '<span class="dsb-lc-rank">' + esc(e.rank || "—") + '</span>' +
-          '<span class="dsb-lc-skill">' + esc(e.skill) + '</span>' +
-          '<span class="dsb-lc-fail">' + e.fails + '</span>' +
-          '<span class="dsb-lc-rate"><span class="' + lv.cls + '">' + lv.label + '</span></span>' +
-          '<span class="dsb-lc-date">' + esc(e.lastDate || "—") + '</span>' +
-          '<span class="dsb-lc-status ' + statusCls + '">' + esc(status) + '</span>' +
-          '</div>';
+      if (S.lstatErr && !S.lstat) {
+        cards.innerHTML = "";
+        trend.innerHTML = "";
+        rank.innerHTML = '<div class="dsb-empty">' + esc(TF("lstatFail", { err: S.lstatErr })) + "</div>";
+        sum.innerHTML = "";
+        return;
       }
-      html += '</div>';
-      // 自动登记流水（与人工台账分开的独立区块，最新在上）
-      var auto = l.autoRecent || [];
-      html += '<div style="display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;margin:14px 0 6px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)">' +
-        '<span>🤖 自动登记</span>' +
-        '<span style="font-weight:400;font-size:11px;color:#9aa1b5">dsh-skill-browser 插件监听 skill 工具调用结果自动记录 · 近 ' + auto.length + ' 条，最新在前</span>' +
-        '</div>';
-      if (!auto.length) {
-        html += '<div class="dsb-empty" style="padding:14px 0">暂无自动记录 — 插件会记录每次技能工具调用结果（成功✅ / 失败❌）</div>';
+      if (!S.lstat) { loadStats(); return; }
+
+      var st = S.lstat;
+      var tt = st.totals || {};
+
+      // ---- 2) 指标卡 ----
+      cards.innerHTML =
+        '<div class="dsb-lcard"><b>' + (tt.calls || 0) + "</b><span>" + esc(T("lstatCalls")) + "</span></div>" +
+        '<div class="dsb-lcard"><b>' + (tt.skills || 0) + "</b><span>" + esc(T("lstatSkills")) + "</span></div>" +
+        '<div class="dsb-lcard"><b>' + (tt.days || 0) + "</b><span>" + esc(T("lstatDays")) + "</span></div>" +
+        '<div class="dsb-lcard dsb-lcard-rate"><b>' + (tt.rate || 0) + "%</b><span>" + esc(T("lstatRate")) + "</span></div>" +
+        '<div class="dsb-lcard' + (tt.fail ? " dsb-lcard-fail" : "") + '"><b>' + (tt.fail || 0) + "</b><span>" + esc(T("lstatColFail")) + "</span></div>" +
+        '<div class="dsb-lcard"><b>' + (tt.avgPerDay || 0) + "</b><span>" + esc(T("lstatAvg")) + "</span></div>";
+
+      // ---- 3) 趋势柱（纯 CSS，无外部图表库）----
+      var bk = st.buckets || [];
+      if (!bk.length) {
+        trend.innerHTML = '<div class="dsb-empty" style="width:100%">' +
+          esc(tt.calls ? T("lstatEmptyRange") : (st.dataLast ? T("lstatEmptyRange") : T("lstatEmptyAll"))) + "</div>";
       } else {
-        html += '<div class="dsb-ltable">';
-        for (var a = 0; a < auto.length; a++) {
-          var x = auto[a];
-          var mark = x.ok ? "✅" : "❌";
-          var cls = x.ok ? "dsb-lst-done" : "dsb-lst-warn";
-          var note = x.note || x.error || "";
-          html += '<div class="dsb-lrow" style="font-size:11.5px' + (x.ok ? ';opacity:.62' : '') + '"' + (x.ok ? '' : ' data-lskill="' + esc(x.skill) + '" title="点击查看失败详情"') + '>' +
-            '<span class="dsb-lc-date" style="width:110px;flex:none">' + esc(String(x.ts || "").replace("T", " ").slice(5, 16)) + '</span>' +
-            '<span class="' + cls + '" style="width:22px;flex:none;text-align:center">' + mark + '</span>' +
-            '<span class="dsb-lc-skill" style="flex:1">' + esc(x.skill) + '</span>' +
-            '<span style="width:64px;flex:none;color:#8b93a8;font-size:10.5px">' + esc(x.kind === "manual-report" ? "人工上报" : "工具结果") + '</span>' +
-            '<span style="flex:2;color:#9aa1b5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">' + esc(x.kind || "") + (note ? " — " + esc(note.slice(0, 80)) : "") + '</span>' +
-            '</div>';
+        var maxC = 0;
+        for (var bi = 0; bi < bk.length; bi++) if (bk[bi].calls > maxC) maxC = bk[bi].calls;
+        if (maxC <= 0) maxC = 1;
+        var th = "";
+        for (var bj = 0; bj < bk.length; bj++) {
+          var b = bk[bj];
+          var pct = Math.round((b.calls / maxC) * 100);
+          var cls = b.calls === 0 ? " dsb-lbarfill-zero" : (b.fail > 0 && b.fail === b.calls ? " dsb-lbarfill-fail" : "");
+          var tip = b.label + " · " + b.calls + " " + T("lstatCalls") + (b.fail ? " · " + b.fail + " " + T("lstatColFail") : "");
+          th += '<div class="dsb-lbarcol" title="' + esc(tip) + '">' +
+            '<div class="dsb-lbarfill' + cls + '" style="height:' + pct + '%"></div></div>';
+        }
+        trend.innerHTML = th;
+      }
+
+      // ---- 4) 排行榜 ----
+      var ranks = st.ranks || [];
+      var SORTS = [
+        { k: "calls", t: T("lstatColCalls") },
+        { k: "fails", t: T("lstatColFail") },
+        { k: "rate", t: T("lstatColRate") },
+        { k: "last", t: T("lstatColLast") },
+        { k: "name", t: T("lstatColSkill") }
+      ];
+      var rh = '<div class="dsb-lsec"><span>📈 ' + esc(T("lstatRank")) + "</span>" +
+        '<span class="sub">' + esc(T("lstatSortTip")) + "</span></div>" +
+        '<div class="dsb-lrrow dsb-lrhead">' +
+        '<span class="dsb-lrk">' + esc(T("lstatColRank")) + "</span>" +
+        '<span data-lsort="name" class="' + (S.lsort === "name" ? "dsb-lr-sorton" : "") + '">' + esc(T("lstatColSkill")) + "</span>" +
+        '<span style="text-align:center">' + esc(T("lstatColVer")) + "</span>" +
+        '<span data-lsort="calls" style="text-align:right" class="' + (S.lsort === "calls" ? "dsb-lr-sorton" : "") + '">' + esc(T("lstatColCalls")) + "</span>" +
+        '<span style="text-align:right">' + esc(T("lstatColOk")) + "</span>" +
+        '<span data-lsort="fails" style="text-align:right" class="' + (S.lsort === "fails" ? "dsb-lr-sorton" : "") + '">' + esc(T("lstatColFail")) + "</span>" +
+        '<span data-lsort="rate" style="text-align:right" class="' + (S.lsort === "rate" ? "dsb-lr-sorton" : "") + '">' + esc(T("lstatColRate")) + "</span>" +
+        '<span data-lsort="last" style="text-align:right" class="' + (S.lsort === "last" ? "dsb-lr-sorton" : "") + '">' + esc(T("lstatColLast")) + "</span>" +
+        "</div>";
+
+      if (!ranks.length) {
+        rh += '<div class="dsb-empty" style="padding:16px 0">' +
+          esc(st.dataLast ? T("lstatEmptyRange") : T("lstatEmptyAll")) + "</div>";
+      } else {
+        var maxR = ranks[0] && ranks[0].calls ? ranks[0].calls : 1;
+        // 版本号来自 /skills 的 skills[].version
+        var vmap = {};
+        var sks = (S.data && S.data.skills) || [];
+        for (var vi = 0; vi < sks.length; vi++) vmap[sks[vi].dir] = sks[vi].version || "";
+
+        for (var ri = 0; ri < ranks.length; ri++) {
+          var x = ranks[ri];
+          var ver = String(vmap[x.skill] == null ? "" : vmap[x.skill]).trim();
+          var verHtml = ver
+            ? '<span class="dsb-lrver" title="' + esc(T("versionLabel")) + " " + esc(ver) + '">v' + esc(ver) + "</span>"
+            : '<span class="dsb-lrver dsb-lrver-none" title="' + esc(T("versionTip")) + '">' + esc(T("versionNone")) + "</span>";
+          var lastTxt = String(x.last || "").replace("T", " ").slice(5, 16);
+          var w = Math.max(2, Math.round((x.calls / maxR) * 100));
+          rh += '<div class="dsb-lrrow"' + (x.fail ? ' data-lskill="' + esc(x.skill) + '" title="点击查看失败明细"' : "") + ">" +
+            '<span class="dsb-lrk">' + x.rank + "</span>" +
+            '<span class="dsb-lrname" title="' + esc(x.skill) + '">' + esc(x.skill) + "</span>" +
+            verHtml +
+            '<span class="dsb-lrn">' + x.calls + "</span>" +
+            '<span class="dsb-lrn">' + x.ok + "</span>" +
+            '<span class="dsb-lrf">' + (x.fail || 0) + "</span>" +
+            '<span class="dsb-lrr" style="color:' + (x.rate >= 95 ? "var(--dsb-ok,#9ff5c8)" : x.rate >= 80 ? "var(--dsb-warn,#ffd27a)" : "var(--dsb-fail,#ff9d9d)") + '">' + x.rate + "%</span>" +
+            '<span class="dsb-lrdate">' + esc(lastTxt || "—") + "</span>" +
+            '<div class="dsb-lrbar"><i style="width:' + w + '%"></i></div>' +
+            "</div>";
+        }
+      }
+      rank.innerHTML = rh;
+
+      // ---- 5) 原始流水（人工台账 + 自动登记，折叠）----
+      var l = S.ledger || {};
+      var rows = (l.entries || []).filter(function (e) { return e.fails > 0; });
+      var auto = l.autoRecent || [];
+      var flowOpen = !!S.lstatShowFlow;
+      var fh = '<div class="dsb-lsec"><span>🗂 ' + esc(T("lstatManual")) + "</span>" +
+        '<span class="sub">技能生效-失效台账.md（人工维护 + 历史登记）</span>' +
+        '<button class="dsb-ldetail-toggle" data-lflow="1" style="margin-left:auto">' +
+        esc(flowOpen ? T("lstatExpand") : T("lstatCollapse")) + "</button></div>";
+
+      if (flowOpen) {
+        fh += '<div class="dsb-ltable">' +
+          '<div class="dsb-lrow dsb-lhead"><span class="dsb-lc-rank">#</span><span class="dsb-lc-skill">技能名</span>' +
+          '<span class="dsb-lc-fail">失败</span><span class="dsb-lc-rate">等级</span>' +
+          '<span class="dsb-lc-date">最近失败</span><span class="dsb-lc-status">强化状态</span></div>';
+        if (!rows.length) {
+          fh += '<div class="dsb-lrow"><span class="dsb-lc-skill" style="opacity:.7;line-height:1.8">' +
+            "暂无人工登记。<br/>💡 技能触发失败时，在对话里说「<b>触发失败，登记</b>」或「<b>登记失败：技能名 原因</b>」，AI 会自动写入台账。</span></div>";
+        }
+        for (var i = 0; i < rows.length; i++) {
+          var e = rows[i];
+          var lv = ledgerLevel(e.fails);
+          var status = e.status || "";
+          var statusCls = /待强化|⚠/.test(status) ? "dsb-lst-warn" : /已强化/.test(status) ? "dsb-lst-done" : "dsb-lst-ok";
+          fh += '<div class="dsb-lrow" data-lskill="' + esc(e.skill) + '" title="点击查看失败明细">' +
+            '<span class="dsb-lc-rank">' + esc(e.rank || "—") + "</span>" +
+            '<span class="dsb-lc-skill">' + esc(e.skill) + "</span>" +
+            '<span class="dsb-lc-fail">' + e.fails + "</span>" +
+            '<span class="dsb-lc-rate"><span class="' + lv.cls + '">' + lv.label + "</span></span>" +
+            '<span class="dsb-lc-date">' + esc(e.lastDate || "—") + "</span>" +
+            '<span class="dsb-lc-status ' + statusCls + '">' + esc(status) + "</span>" +
+            "</div>";
+        }
+        fh += "</div>";
+
+        fh += '<div class="dsb-lsec"><span>🤖 ' + esc(T("lstatAuto")) + '</span><span class="sub">' +
+          esc(T("lstatAutoTip")) + " · " + auto.length + " 条</span></div>";
+        if (!auto.length) {
+          fh += '<div class="dsb-empty" style="padding:12px 0">暂无自动记录 — 插件会记录每次技能工具调用结果（成功✅ / 失败❌）</div>';
+        } else {
+          fh += '<div class="dsb-ltable">';
+          var autoShown = auto.slice(0, S.lflowLimit);
+          var autoRest = auto.length - autoShown.length;
+          for (var a = 0; a < autoShown.length; a++) {
+            var y = autoShown[a];
+            var mark = y.ok ? "✅" : "❌";
+            var cls2 = y.ok ? "dsb-lst-done" : "dsb-lst-warn";
+            var note = y.note || y.error || "";
+            fh += '<div class="dsb-lrow" style="font-size:11.5px' + (y.ok ? ";opacity:.62" : "") + '"' +
+              (y.ok ? "" : ' data-lskill="' + esc(y.skill) + '" title="点击查看失败详情"') + ">" +
+              '<span class="dsb-lc-date" style="width:110px;flex:none">' + esc(String(y.ts || "").replace("T", " ").slice(5, 16)) + "</span>" +
+              '<span class="' + cls2 + '" style="width:22px;flex:none;text-align:center">' + mark + "</span>" +
+              '<span class="dsb-lc-skill" style="flex:1">' + esc(y.skill) + "</span>" +
+              '<span style="width:64px;flex:none;color:var(--dsb-dim,#8b93a8);font-size:10.5px">' +
+              esc(y.kind === "manual-report" ? "人工上报" : "工具结果") + "</span>" +
+              '<span style="flex:2;color:var(--dsb-dim,#9aa1b5);overflow:hidden;text-overflow:ellipsis;white-space:nowrap">' +
+              esc(y.kind || "") + (note ? " — " + esc(String(note).slice(0, 80)) : "") + "</span>" +
+              "</div>";
+          }
+          if (autoRest > 0) {
+            fh += '<div class="dsb-empty" style="padding:10px 0">' +
+              '<button class="dsb-btn" data-more="flow">' + esc(TF("cardMore", { n: autoRest })) + "</button></div>";
+          }
+          fh += "</div>";
         }
-        html += '</div>';
       }
-      tbl.innerHTML = html;
+      sum.innerHTML = fh;
     }
 
     function paintDetail() {
@@ -1424,7 +2762,7 @@ window.__ModuleLoader__.load({
     // ---- 球体样式 + 字体球统一样式 + 显隐规则（纯 CSS，永久生效）----
     var CSS = [
       /* 技能球 */
-      '#' + BALL_ID + '{position:fixed;right:74px;bottom:18px;width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 50% 60%, rgba(255,255,255,.98) 0%, rgba(214,232,247,.9) 9%, rgba(111,158,232,.7) 18%, rgba(165,46,255,.5) 32%, rgba(206,44,203,.35) 46%, rgba(10,14,30,.9) 66%, rgba(4,6,14,.99) 100%);box-shadow:0 0 22px rgba(111,158,232,.45),0 0 4px rgba(206,44,203,.3),0 4px 18px rgba(0,0,0,.55),inset 0 1px 3px rgba(255,255,255,.4),inset 0 -8px 16px rgba(206,44,203,.14),inset 0 0 14px rgba(80,120,255,.2);color:#ffffff;font-size:15px;font-weight:800;display:flex;align-items:center;justify-content:center;text-shadow:0 0 4px rgba(255,255,255,.95),0 0 10px rgba(160,200,255,.9),0 0 20px rgba(120,90,255,.7),0 2px 4px rgba(10,20,60,.8);filter:drop-shadow(0 0 6px rgba(180,210,255,.8));animation:dsbGlow 2.4s ease-in-out infinite;cursor:grab;z-index:2147481000;user-select:none;touch-action:none;animation:orbBreathe 3.2s ease-in-out infinite;}',
+      '#' + BALL_ID + '{position:fixed;right:74px;bottom:18px;width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 50% 60%, rgba(255,255,255,.98) 0%, rgba(214,232,247,.9) 9%, rgba(111,158,232,.7) 18%, rgba(165,46,255,.5) 32%, rgba(206,44,203,.35) 46%, rgba(10,14,30,.9) 66%, rgba(4,6,14,.99) 100%);box-shadow:0 0 22px rgba(111,158,232,.45),0 0 4px rgba(206,44,203,.3),0 4px 18px rgba(0,0,0,.55),inset 0 1px 3px rgba(255,255,255,.4),inset 0 -8px 16px rgba(206,44,203,.14),inset 0 0 14px rgba(80,120,255,.2);color:#ffffff;font-size:15px;font-weight:800;display:flex;align-items:center;justify-content:center;text-shadow:0 0 4px rgba(255,255,255,.95),0 0 10px rgba(160,200,255,.9),0 0 20px rgba(120,90,255,.7),0 2px 4px rgba(10,20,60,.8);filter:drop-shadow(0 0 6px rgba(180,210,255,.8));animation:dsbGlow 2.4s ease-in-out infinite;cursor:grab;z-index:2147483600;user-select:none;touch-action:none;animation:orbBreathe 3.2s ease-in-out infinite;}',
       '#' + BALL_ID + ':hover{transform:scale(1.08)}',
       '#' + BALL_ID + '::before{content:"";position:absolute;inset:1px;border-radius:50%;z-index:1;background:radial-gradient(ellipse 85% 26% at 50% 60%, rgba(255,255,255,1) 0%, rgba(235,245,255,.85) 18%, rgba(160,200,255,.5) 38%, rgba(190,120,255,.35) 55%, transparent 75%),radial-gradient(ellipse 70% 18% at 45% 42%, rgba(111,158,232,.55) 0%, transparent 70%),radial-gradient(ellipse 70% 18% at 55% 74%, rgba(206,44,203,.4) 0%, transparent 70%);filter:blur(1px);animation:bandFlow 4.5s ease-in-out infinite;}',
       '#' + BALL_ID + '::after{content:"";position:absolute;inset:-1px;border-radius:50%;z-index:1;background:conic-gradient(from 200deg, rgba(255,255,255,.55), rgba(140,180,255,.35), rgba(206,44,203,.4), rgba(255,255,255,.15), rgba(111,158,232,.4), rgba(255,255,255,.55));-webkit-mask:radial-gradient(circle, transparent 63%, #000 66%, #000 72%, transparent 76%);mask:radial-gradient(circle, transparent 63%, #000 66%, #000 72%, transparent 76%);animation:rimSpin 7s linear infinite;filter:blur(.5px);}',
@@ -1633,31 +2971,248 @@ window.__ModuleLoader__.load({
       if (s.rim) css += "\n" + RIM + "{content:\"\"}";
       return css;
     }
+    // ---- v1.9.2: semantic colour vars so every new UI follows the active skin ----
+    // A skin only exposes brand hues (--stA/--ptx/...). Success/failure/warning and
+    // soft-surface colours need their own palette, and that palette must flip on
+    // light skins (04 全息幻彩 / 08 极地冰川 / 28 月白纸墨 ...) — otherwise the
+    // success green and the muted greys wash out to near-white on a near-white panel.
+    function skinColorLum(c) {
+      var s = String(c == null ? "" : c).trim(), r = 0, g = 0, b = 0, m;
+      if ((m = /^#([0-9a-f]{3})$/i.exec(s))) {
+        r = parseInt(m[1].charAt(0) + m[1].charAt(0), 16);
+        g = parseInt(m[1].charAt(1) + m[1].charAt(1), 16);
+        b = parseInt(m[1].charAt(2) + m[1].charAt(2), 16);
+      } else if ((m = /^#([0-9a-f]{6})$/i.exec(s))) {
+        r = parseInt(m[1].slice(0, 2), 16);
+        g = parseInt(m[1].slice(2, 4), 16);
+        b = parseInt(m[1].slice(4, 6), 16);
+      } else if ((m = /^hsla?\(\s*(-?[\d.]+)(?:deg)?[,\s]+([\d.]+)%[,\s]+([\d.]+)%/i.exec(s))) {
+        // the 100 hue-derived skins emit hsl()/hsla() strings, so parse those too —
+        // otherwise every derived skin falls through to the hard-coded default.
+        var hh = ((parseFloat(m[1]) % 360) + 360) % 360;
+        var ss = parseFloat(m[2]) / 100, ll = parseFloat(m[3]) / 100;
+        var cc = (1 - Math.abs(2 * ll - 1)) * ss;
+        var xx = cc * (1 - Math.abs(((hh / 60) % 2) - 1));
+        var mm = ll - cc / 2;
+        var rr = 0, gg = 0, bb = 0;
+        if (hh < 60) { rr = cc; gg = xx; }
+        else if (hh < 120) { rr = xx; gg = cc; }
+        else if (hh < 180) { gg = cc; bb = xx; }
+        else if (hh < 240) { gg = xx; bb = cc; }
+        else if (hh < 300) { rr = xx; bb = cc; }
+        else { rr = cc; bb = xx; }
+        r = (rr + mm) * 255; g = (gg + mm) * 255; b = (bb + mm) * 255;
+      } else if ((m = /^rgba?\(\s*([\d.]+)[,\s]+([\d.]+)[,\s]+([\d.]+)/i.exec(s))) {
+        r = parseFloat(m[1]); g = parseFloat(m[2]); b = parseFloat(m[3]);
+      } else {
+        return null;
+      }
+      function lin(v) { v = v / 255; return v <= 0.03928 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4); }
+      return 0.2126 * lin(r) + 0.7152 * lin(g) + 0.0722 * lin(b);
+    }
+    function skinIsLight(id) {
+      var s = SKIN && SKIN.BY_ID ? SKIN.BY_ID[id] : null;
+      var v = (s && s.vars) || {};
+      var lum = skinColorLum(v.pbgA);
+      if (lum == null) lum = skinColorLum(v.bgA);
+      return lum != null && lum > 0.45;
+    }
+    // ---- v1.9.2 对比度工具：解析成 rgb / 混合 / 对比度 / 前景色挑选 ----
+    // skinColorLum 只给亮度，算对比度需要两个颜色的 rgb，所以这里补一套。
+    function skinRgb(c) {
+      var s = String(c == null ? "" : c).trim(), m;
+      if ((m = /^#([0-9a-f]{3})$/i.exec(s))) {
+        return [parseInt(m[1].charAt(0) + m[1].charAt(0), 16), parseInt(m[1].charAt(1) + m[1].charAt(1), 16), parseInt(m[1].charAt(2) + m[1].charAt(2), 16), 1];
+      }
+      if ((m = /^#([0-9a-f]{6})$/i.exec(s))) {
+        return [parseInt(m[1].slice(0, 2), 16), parseInt(m[1].slice(2, 4), 16), parseInt(m[1].slice(4, 6), 16), 1];
+      }
+      if ((m = /^hsla?\(\s*(-?[\d.]+)(?:deg)?[,\s]+([\d.]+)%[,\s]+([\d.]+)%(?:[,\s/]+([\d.]+))?/i.exec(s))) {
+        var hh = ((parseFloat(m[1]) % 360) + 360) % 360, ss = parseFloat(m[2]) / 100, ll = parseFloat(m[3]) / 100;
+        var aa = m[4] == null ? 1 : parseFloat(m[4]);
+        var cc = (1 - Math.abs(2 * ll - 1)) * ss, xx = cc * (1 - Math.abs(((hh / 60) % 2) - 1)), mm = ll - cc / 2;
+        var rr = 0, gg = 0, bb = 0;
+        if (hh < 60) { rr = cc; gg = xx; } else if (hh < 120) { rr = xx; gg = cc; }
+        else if (hh < 180) { gg = cc; bb = xx; } else if (hh < 240) { gg = xx; bb = cc; }
+        else if (hh < 300) { rr = xx; bb = cc; } else { rr = cc; bb = xx; }
+        return [Math.round((rr + mm) * 255), Math.round((gg + mm) * 255), Math.round((bb + mm) * 255), aa];
+      }
+      if ((m = /^rgba?\(\s*([\d.]+)[,\s]+([\d.]+)[,\s]+([\d.]+)(?:[,\s/]+([\d.]+))?/i.exec(s))) {
+        return [parseFloat(m[1]), parseFloat(m[2]), parseFloat(m[3]), m[4] == null ? 1 : parseFloat(m[4])];
+      }
+      return null;
+    }
+    function skinLumRgb(rgb) {
+      function lin(v) { v = v / 255; return v <= 0.03928 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4); }
+      return 0.2126 * lin(rgb[0]) + 0.7152 * lin(rgb[1]) + 0.0722 * lin(rgb[2]);
+    }
+    function skinCr(a, b) {
+      var l1 = skinLumRgb(a), l2 = skinLumRgb(b);
+      var hi = Math.max(l1, l2), lo = Math.min(l1, l2);
+      return (hi + 0.05) / (lo + 0.05);
+    }
+    function skinHex(rgb) {
+      function h(v) { v = Math.round(Math.max(0, Math.min(255, v))); return (v < 16 ? "0" : "") + v.toString(16); }
+      return "#" + h(rgb[0]) + h(rgb[1]) + h(rgb[2]);
+    }
+    function skinMix(a, b, t) {
+      return [a[0] + (b[0] - a[0]) * t, a[1] + (b[1] - a[1]) * t, a[2] + (b[2] - a[2]) * t, 1];
+    }
+    // 挑一个「在给定底色上一定读得清」的前景色：
+    //   候选按顺序试，第一个对比度达标的直接用（保住皮肤原味）；
+    //   全都不达标，就把第一候选往最后一个候选（通常是正文色）方向混，
+    //   逐档加深/提亮直到达标 —— 这样浅色皮肤的品牌亮色会变成同色相的深色版，
+    //   而不是直接丢掉颜色变成灰字。
+    function skinFg(cands, bgStr, min) {
+      var bg = skinRgb(bgStr), i, rgb;
+      if (!bg) return (cands && cands[0]) || "#e8eaf2";
+      for (i = 0; i < cands.length; i++) {
+        if (!cands[i]) continue;
+        rgb = skinRgb(cands[i]);
+        if (rgb && skinCr(rgb, bg) >= min) return cands[i];
+      }
+      var base = skinRgb(cands[0] || "");
+      var target = skinRgb(cands[cands.length - 1] || "");
+      if (!base || !target) return (cands && cands[0]) || "#e8eaf2";
+      for (var t = 0.1; t <= 1.0001; t += 0.1) {
+        var mixed = skinMix(base, target, t);
+        if (skinCr(mixed, bg) >= min) return skinHex(mixed);
+      }
+      return skinHex(target);
+    }
+    function semanticVarsCss(P, id) {
+      var s = SKIN && SKIN.BY_ID ? SKIN.BY_ID[id] : null;
+      var v = (s && s.vars) || {};
+      var light = skinIsLight(id);
+      var d;
+      if (light) {
+        d = {
+          "--dsb-ok": "#0f7a45", "--dsb-okbg": "rgba(15,122,69,.10)", "--dsb-okline": "rgba(15,122,69,.34)",
+          "--dsb-fail": "#b3261e", "--dsb-warn": "#8a5a00",
+          "--dsb-soft": "rgba(0,0,0,.035)", "--dsb-line": "rgba(0,0,0,.11)",
+          "--dsb-hover": "rgba(60,80,190,.13)", "--dsb-shade": "rgba(8,10,18,.46)",
+          "--dsb-tile1": "#3a4370", "--dsb-tile2": "#232a45",
+          "--dsb-oncard": "#ffffff", "--dsb-oncard-dim": "rgba(255,255,255,.86)"
+        };
+      } else {
+        d = {
+          "--dsb-ok": "#9ff5c8", "--dsb-okbg": "rgba(80,220,150,.12)", "--dsb-okline": "rgba(80,220,150,.30)",
+          "--dsb-fail": "#ff9d9d", "--dsb-warn": "#ffd27a",
+          "--dsb-soft": "rgba(255,255,255,.04)", "--dsb-line": "rgba(255,255,255,.08)",
+          "--dsb-hover": "rgba(120,140,255,.16)", "--dsb-shade": "rgba(8,10,18,.42)",
+          "--dsb-tile1": "#3a4370", "--dsb-tile2": "#232a45",
+          "--dsb-oncard": "#ffffff", "--dsb-oncard-dim": "rgba(255,255,255,.86)"
+        };
+      }
+      // native <input type="date"> picks its picker chrome from color-scheme;
+      // without this a light skin still renders a dark calendar popup.
+      d["--dsb-scheme"] = light ? "light" : "dark";
+      // The trend bars are non-text graphics, so 3:1 is the bar — but the raw accent
+      // pair still fails on light skins (08 极地冰川: 2.80 / 2.79 on #eef7fd). Walk
+      // the same-hue-darken ladder so the chart stays visible in every skin.
+      d["--dsb-bar1"] = skinFg([v.stA || (light ? "#4a4f8a" : "#5b8cff"), light ? "#3a3a3a" : "#eaf0ff"], v.pbgA || v.bgA || "#181a22", 3.2);
+      d["--dsb-bar2"] = skinFg([v.stP || v.stD || (light ? "#2f6fa8" : "#2fa8ff"), light ? "#3a3a3a" : "#eaf0ff"], v.pbgA || v.bgA || "#181a22", 3.2);
+      // --dsb-dim: the muted small-print colour. Skins ship --hintC for this role,
+      // but on several of them it only reaches 3.0–4.0:1 against the panel — below
+      // WCAG AA for 10–11px text. Walk hintC -> itm -> ptx and keep the first that
+      // clears the bar, so the muted tone stays muted without becoming unreadable.
+      var bg = v.pbgA || v.bgA;
+      // Small print also sits on cards/rows, which overlay --chipBg on the panel and
+      // are therefore a slightly different colour. Measure against THAT (the harder
+      // background) with a 4.8 margin, otherwise 8 skins landed at 4.17–4.49:1.
+      var cardRgb = skinRgb(bg) || [24, 26, 34, 1];
+      var chipRgb = skinRgb(v.chipBg);
+      if (chipRgb) cardRgb = skinMix(cardRgb, chipRgb, chipRgb[3]);
+      var cardHex = skinHex(cardRgb);
+      // --dsb-surface: the OPAQUE colour rows/cards actually render as (panel bg
+      // with --chipBg composited on top). Sticky table headers must paint this
+      // instead of "transparent", otherwise scrolled rows show through the header
+      // text — the "冻结栏透明、字重叠" the user reported.
+      d["--dsb-surface"] = cardHex;
+      var cands = [v.hintC, v.itm, v.ptx, light ? "#3a3a3a" : "#d8dde8"];
+      d["--dsb-dim"] = skinFg(cands, cardHex, 4.8);
+      // --dsb-brand: the brand accent used as TEXT (skill name, rank name, sort-on
+      // label). On 08 极地冰川 (stA=#f06a5d on #eef7fd) and 04 全息幻彩
+      // (stA=#e0559f on #f2f0ff) the raw accent lands at 2.6–2.9:1 — the exact
+      // "字看不见" the user hit. Fall back to itm/ptx, then to a same-hue dark mix.
+      d["--dsb-brand"] = skinFg([v.stA, v.itm, v.ptx, light ? "#1b2230" : "#eaf0ff"], cardHex, 4.8);
+      // --dsb-brand-strong: same idea for the 20px metric numbers (large text, 3:1).
+      d["--dsb-brand-strong"] = skinFg([v.stA, v.ptx, light ? "#1b2230" : "#eaf0ff"], cardHex, 3.2);
+      // v1.9.9: ok/fail/warn are also used as 10–11px TEXT (model probe badge,
+      // 「N 子类」 counters, ledger status labels), not just as 3:1 graphics.
+      // The fixed palettes above clear 4.5:1 on the panel but 6 light skins
+      // landed at 4.35–4.50 on the card surface, so re-walk them against the
+      // card with a 4.8 margin. Keeps the hue, only deepens it as needed.
+      d["--dsb-ok"] = skinFg([d["--dsb-ok"], light ? "#0b5c33" : "#c8ffe4"], cardHex, 4.8);
+      d["--dsb-fail"] = skinFg([d["--dsb-fail"], light ? "#8c1d16" : "#ffd0d0"], cardHex, 4.8);
+      d["--dsb-warn"] = skinFg([d["--dsb-warn"], light ? "#6b4400" : "#ffe6b0"], cardHex, 4.8);
+      // --dsb-onbrand: label colour ON the accent gradient (active chip/tab/sort
+      // button). White is only right when the gradient is dark; on light skins
+      // (pale gradient) it has to flip to near-black or the label vanishes.
+      //
+      // v1.9.9: also expose a SAFE gradient pair. 8 skins (062 十样锦 3.03:1,
+      // 029 朱砂 3.05, 063 海棠 3.08 …) had a mid-tone gradient where neither
+      // white nor near-black reached 4.5:1 — 11px bold labels are NOT "large
+      // text", so 3:1 is not enough. We darken the gradient itself (mix toward
+      // #12151c) until white text clears 4.6:1, then emit --dsb-onbrand-bg1/2.
+      // Every active-state background uses those instead of the raw stA/stD.
+      var g1 = skinRgb(v.stA) || [91, 108, 255, 1], g2 = skinRgb(v.stP || v.stD) || g1;
+      var gmid = skinMix(g1, g2, 0.5);
+      var whiteOnMid = skinCr([255, 255, 255], gmid);
+      var darkOnMid = skinCr([18, 21, 28], gmid);
+      if (whiteOnMid >= 4.6) {
+        d["--dsb-onbrand"] = "#ffffff";
+        d["--dsb-onbrand-bg1"] = skinHex(g1);
+        d["--dsb-onbrand-bg2"] = skinHex(g2);
+      } else if (darkOnMid >= 4.6) {
+        d["--dsb-onbrand"] = "#12151c";
+        d["--dsb-onbrand-bg1"] = skinHex(g1);
+        d["--dsb-onbrand-bg2"] = skinHex(g2);
+      } else {
+        // Neither extreme works → darken the gradient step by step.
+        var ink = [18, 21, 28, 1], a1 = g1, a2 = g2, t = 0;
+        for (t = 0.1; t <= 0.95; t += 0.05) {
+          a1 = skinMix(g1, ink, t); a2 = skinMix(g2, ink, t);
+          if (skinCr([255, 255, 255], skinMix(a1, a2, 0.5)) >= 4.6) break;
+        }
+        d["--dsb-onbrand"] = "#ffffff";
+        d["--dsb-onbrand-bg1"] = skinHex(a1);
+        d["--dsb-onbrand-bg2"] = skinHex(a2);
+      }
+      var out = P + "{";
+      for (var k in d) { if (Object.prototype.hasOwnProperty.call(d, k)) out += k + ":" + d[k] + ";"; }
+      return out + "}";
+    }
     function skinPanelCss() {
       if (!SKIN) return "";
       var P = "#dsh-skill-browser-panel";
       var id = SKIN.getId();
       var css = SKIN.varsCss(P, id);
+      css += "\n" + semanticVarsCss(P, id);
+      if (skinIsLight(id)) {
+        // native date pickers and the group tiles need the matching scheme
+        css += "\n" + P + " .dsb-ldate{color-scheme:light!important}";
+      }
       css += "\n" + P + "{background:linear-gradient(180deg,var(--pbgA,rgba(24,26,34,.97)),var(--pbgB,rgba(13,15,21,.98)))!important;color:var(--ptx,#e8eaf2)!important;border:1px solid var(--pbd,rgba(255,255,255,.1))!important}";
       css += "\n" + P + " .dsb-btn{background:var(--chipBg,rgba(255,255,255,.08))!important;color:var(--ptx,#dfe3ee)!important;border:1px solid var(--pbd,rgba(255,255,255,.12))!important}";
-      css += "\n" + P + " .dsb-subtitle{color:var(--itm,#9aa1b5)!important}";
+      css += "\n" + P + " .dsb-subtitle{color:var(--dsb-dim,#9aa1b5)!important}";
       css += "\n" + P + " .dsb-q{background:var(--chipBg,rgba(255,255,255,.06))!important;border:1px solid var(--pbd,rgba(255,255,255,.14))!important;color:var(--ptx,#eef)!important}";
       css += "\n" + P + " .dsb-q:focus{border-color:var(--stA,#5b8cff)!important}";
       css += "\n" + P + " .dsb-chip{background:var(--chipBg,rgba(255,255,255,.06))!important;border:1px solid var(--pbd,rgba(255,255,255,.1))!important;color:var(--ptx,#cdd3e3)!important}";
       css += "\n" + P + " .dsb-schip{background:var(--chipBg,rgba(255,255,255,.06))!important;border:1px solid var(--pbd,rgba(255,255,255,.1))!important;color:var(--ptx,#cdd3e3)!important}";
-      css += "\n" + P + " .dsb-chip-on{background:linear-gradient(135deg,var(--stA,#5b6cff),var(--stD,#2fa8ff))!important;color:#fff!important;border-color:transparent!important}";
-      css += "\n" + P + " .dsb-tab-on{background:linear-gradient(135deg,var(--stA,#5b6cff),var(--stD,#2fa8ff))!important;color:#fff!important;border-color:transparent!important}";
-      css += "\n" + P + " .dsb-sortbtn-on{background:linear-gradient(135deg,var(--stA,#5b6cff),var(--stD,#2fa8ff))!important;color:#fff!important;border-color:transparent!important}";
+      css += "\n" + P + " .dsb-chip-on{background:linear-gradient(135deg,var(--dsb-onbrand-bg1,#5b6cff),var(--dsb-onbrand-bg2,#2fa8ff))!important;color:var(--dsb-onbrand,#fff)!important;border-color:transparent!important}";
+      css += "\n" + P + " .dsb-tab-on{background:linear-gradient(135deg,var(--dsb-onbrand-bg1,#5b6cff),var(--dsb-onbrand-bg2,#2fa8ff))!important;color:var(--dsb-onbrand,#fff)!important;border-color:transparent!important}";
+      css += "\n" + P + " .dsb-sortbtn-on{background:linear-gradient(135deg,var(--dsb-onbrand-bg1,#5b6cff),var(--dsb-onbrand-bg2,#2fa8ff))!important;color:var(--dsb-onbrand,#fff)!important;border-color:transparent!important}";
       css += "\n" + P + " .dsb-card{background:var(--chipBg,rgba(255,255,255,.05))!important;border:1px solid var(--pbd,rgba(255,255,255,.08))!important}";
-      css += "\n" + P + " .dsb-card-name{color:var(--stA,#8fc7ff)!important}";
-      css += "\n" + P + " .dsb-lc-skill{color:var(--stA,#8fc7ff)!important}";
+      css += "\n" + P + " .dsb-card-name{color:var(--dsb-brand,#8fc7ff)!important}";
+      css += "\n" + P + " .dsb-lc-skill{color:var(--dsb-brand,#8fc7ff)!important}";
       css += "\n" + P + " .dsb-card-zh{color:var(--ptx,#dfe3ee)!important}";
-      css += "\n" + P + " .dsb-card-tag{color:var(--hintC,#8b93a8)!important}";
-      css += "\n" + P + " .dsb-card-mtime{color:var(--hintC,#8b93a8)!important}";
-      css += "\n" + P + " .dsb-lsum-card span{color:var(--hintC,#8b93a8)!important}";
-      css += "\n" + P + " .dsb-lhead{color:var(--hintC,#8b93a8)!important}";
-      css += "\n" + P + " .dsb-batch-status{color:var(--hintC,#8b93a8)!important}";
-      css += "\n" + P + " .dsb-lsum-card b{color:var(--stA,#8fc7ff)!important}";
+      css += "\n" + P + " .dsb-card-tag{color:var(--dsb-dim,#8b93a8)!important}";
+      css += "\n" + P + " .dsb-card-mtime{color:var(--dsb-dim,#8b93a8)!important}";
+      css += "\n" + P + " .dsb-lsum-card span{color:var(--dsb-dim,#8b93a8)!important}";
+      css += "\n" + P + " .dsb-lhead{color:var(--dsb-dim,#8b93a8)!important}";
+      css += "\n" + P + " .dsb-batch-status{color:var(--dsb-dim,#8b93a8)!important}";
+      css += "\n" + P + " .dsb-lsum-card b{color:var(--dsb-brand,#8fc7ff)!important}";
       css += "\n" + P + " .dsb-lsum-card{background:var(--chipBg,rgba(255,255,255,.05))!important;border:1px solid var(--pbd,rgba(255,255,255,.09))!important}";
       css += "\n" + P + " .dsb-lrow{background:var(--chipBg,rgba(255,255,255,.05))!important;border:1px solid var(--pbd,rgba(255,255,255,.09))!important}";
       css += "\n" + P + " .dsb-detail{background:linear-gradient(180deg,var(--pbgA,rgba(24,26,34,.99)),var(--pbgB,rgba(13,15,21,.99)))!important}";
@@ -1679,32 +3234,89 @@ window.__ModuleLoader__.load({
       // ---- uncovered classes: make every remaining .dsb-* follow the skin vars ----
       // 修复：详情正文/tab/排序按钮/开关/空态/提示/批量菜单在浅色主题（04/08/28）下不可读。
       css += "\n" + P + " .dsb-detail-body{color:var(--ptx,#cfd6e8)!important;background:transparent!important}";
-      css += "\n" + P + " .dsb-tab{background:var(--chipBg,rgba(255,255,255,.06))!important;border:1px solid var(--pbd,rgba(255,255,255,.1))!important;color:var(--itm,#cdd3e3)!important}";
+      css += "\n" + P + " .dsb-tab{background:var(--chipBg,rgba(255,255,255,.06))!important;border:1px solid var(--pbd,rgba(255,255,255,.1))!important;color:var(--dsb-dim,#cdd3e3)!important}";
       css += "\n" + P + " .dsb-tab:hover{background:var(--pbgB,rgba(255,255,255,.14))!important;color:var(--ptx,#e6e6e6)!important}";
-      css += "\n" + P + " .dsb-sortbtn{background:var(--chipBg,rgba(255,255,255,.06))!important;border:1px solid var(--pbd,rgba(255,255,255,.12))!important;color:var(--itm,#cdd3e3)!important}";
+      css += "\n" + P + " .dsb-sortbtn{background:var(--chipBg,rgba(255,255,255,.06))!important;border:1px solid var(--pbd,rgba(255,255,255,.12))!important;color:var(--dsb-dim,#cdd3e3)!important}";
       css += "\n" + P + " .dsb-sortbtn:hover{background:var(--pbgB,rgba(255,255,255,.14))!important;color:var(--ptx,#e6e6e6)!important}";
-      css += "\n" + P + " .dsb-tgl{background:var(--chipBg,rgba(255,255,255,.06))!important;border:1px solid var(--pbd,rgba(255,255,255,.12))!important;color:var(--itm,#cdd3e3)!important}";
+      css += "\n" + P + " .dsb-tgl{background:var(--chipBg,rgba(255,255,255,.06))!important;border:1px solid var(--pbd,rgba(255,255,255,.12))!important;color:var(--dsb-dim,#cdd3e3)!important}";
       css += "\n" + P + " .dsb-tgl:hover{background:var(--pbgB,rgba(255,255,255,.16))!important;color:var(--ptx,#e6e6e6)!important}";
-      css += "\n" + P + " .dsb-tgl-on{color:var(--itD,#9fe0b5)!important;border-color:var(--itD,#9fe0b5)!important}";
-      css += "\n" + P + " .dsb-batchbtn{background:var(--chipBg,rgba(255,255,255,.06))!important;border:1px solid var(--pbd,rgba(255,255,255,.12))!important;color:var(--itm,#cdd3e3)!important}";
+      css += "\n" + P + " .dsb-tgl-on{color:var(--dsb-ok,#9fe0b5)!important;border-color:var(--dsb-ok,#9fe0b5)!important}";
+      css += "\n" + P + " .dsb-batchbtn{background:var(--chipBg,rgba(255,255,255,.06))!important;border:1px solid var(--pbd,rgba(255,255,255,.12))!important;color:var(--dsb-dim,#cdd3e3)!important}";
       css += "\n" + P + " .dsb-batchbtn:hover{background:var(--pbgB,rgba(255,255,255,.14))!important;color:var(--ptx,#e6e6e6)!important}";
-      css += "\n" + P + " .dsb-empty{color:var(--hintC,#9aa1b5)!important}";
-      css += "\n" + P + " .dsb-set-hint{color:var(--hintC,#9aa1b5)!important}";
-      css += "\n" + P + " .dsb-sw-label{color:var(--hintC,#9aa1b5)!important}";
-      css += "\n" + P + " .dsb-switch.dsb-sw-on .dsb-sw-label{color:var(--itD,#9fe0b5)!important}";
+      css += "\n" + P + " .dsb-empty{color:var(--dsb-dim,#9aa1b5)!important}";
+      css += "\n" + P + " .dsb-set-hint{color:var(--dsb-dim,#9aa1b5)!important}";
+      css += "\n" + P + " .dsb-sw-label{color:var(--dsb-dim,#9aa1b5)!important}";
+      css += "\n" + P + " .dsb-switch.dsb-sw-on .dsb-sw-label{color:var(--dsb-ok,#9fe0b5)!important}";
       css += "\n" + P + " .dsb-sw-thumb{background:var(--ptx,#fff)!important;box-shadow:0 1px 3px rgba(0,0,0,.35)!important}";
       css += "\n" + P + " .dsb-sw-sep{background:var(--pbd,rgba(255,255,255,.14))!important}";
       css += "\n" + P + " .dsb-head .dsb-title{color:var(--ptx,#e8eaf2)!important}";
       css += "\n" + P + " .dsb-card-off{opacity:.5!important}";
-      css += "\n" + P + " .dsb-badge-off{color:var(--stA,#ffd27a)!important;background:var(--chipBg,rgba(255,210,122,.12))!important;border:1px solid var(--pbd,rgba(255,210,122,.35))!important}";
+      css += "\n" + P + " .dsb-badge-off{color:var(--dsb-warn,#ffd27a)!important;background:var(--chipBg,rgba(255,210,122,.12))!important;border:1px solid var(--pbd,rgba(255,210,122,.35))!important}";
       css += "\n" + P + " .dsb-bmenu{background:linear-gradient(180deg,var(--pbgA,#232633),var(--pbgB,#1b1d22))!important;border:1px solid var(--pbd,rgba(255,255,255,.16))!important;box-shadow:0 10px 32px rgba(0,0,0,.35)!important}";
-      css += "\n" + P + " .dsb-bmenu-title{color:var(--hintC,#9aa1b5)!important}";
-      css += "\n" + P + " .dsb-bmenu-sub{color:var(--hintC,#9aa1b5)!important}";
+      css += "\n" + P + " .dsb-bmenu-title{color:var(--dsb-dim,#9aa1b5)!important}";
+      css += "\n" + P + " .dsb-bmenu-sub{color:var(--dsb-dim,#9aa1b5)!important}";
       css += "\n" + P + " .dsb-bmenu-item{background:var(--chipBg,rgba(255,255,255,.06))!important;border:1px solid var(--pbd,rgba(255,255,255,.12))!important;color:var(--ptx,#dfe3ee)!important}";
       css += "\n" + P + " .dsb-bmenu-item:hover{background:var(--pbgB,rgba(120,140,255,.18))!important;border-color:var(--stA,#5b8cff)!important}";
-      css += "\n" + P + " .dsb-bmenu-cancel{color:var(--hintC,#9aa1b5)!important}";
+      css += "\n" + P + " .dsb-bmenu-cancel{color:var(--dsb-dim,#9aa1b5)!important}";
       css += "\n" + P + " .dsb-bmenu-cancel:hover{color:var(--ptx,#dfe3ee)!important}";
       css += "\n" + P + " .dsb-toast{box-shadow:0 6px 22px var(--pbd,rgba(0,0,0,.45))!important}";
+      // ---- v1.9.2: 剩余裸硬编码色 + 台账/分组新类统一走语义变量 ----
+      // 语义变量由 semanticVarsCss() 按皮肤明暗给值，浅色皮肤自动切深色系，
+      // 所以这里只需把每一处颜色指向变量，不再关心具体皮肤。
+      css += "\n" + P + " .dsb-set-rec a{background:var(--chipBg,rgba(255,255,255,.06))!important;border:1px solid var(--pbd,rgba(255,255,255,.12))!important;color:var(--dsb-warn,#ffd27a)!important}";
+      css += "\n" + P + " .dsb-set-promo .p-name{color:var(--dsb-warn,#ffd27a)!important}";
+      css += "\n" + P + " .dsb-set-promo .p-tag{color:var(--dsb-dim,#9aa1b5)!important}";
+      css += "\n" + P + " .dsb-lsum-fail b{color:var(--dsb-fail,#ff9d9d)!important}";
+      css += "\n" + P + " .dsb-lc-fail{color:var(--dsb-fail,#ff9d9d)!important}";
+      css += "\n" + P + " .dsb-lv-low{color:var(--dsb-warn,#ffd27a)!important}";
+      css += "\n" + P + " .dsb-lst-ok{color:var(--dsb-dim,#9aa1b5)!important}";
+      css += "\n" + P + " .dsb-batch-fail{color:var(--dsb-fail,#ff9d9d)!important}";
+      css += "\n" + P + " .dsb-sw-half .dsb-sw-label{color:var(--dsb-warn,#ffd27a)!important}";
+      css += "\n" + P + " .dsb-bmenu-danger .dsb-bmenu-sub{color:var(--dsb-fail,#ff9d9d)!important}";
+      css += "\n" + P + " .dsb-lc-date{color:var(--dsb-dim,#8b93a8)!important}";
+      css += "\n" + P + " .dsb-lc-rank{color:var(--dsb-dim,#8b93a8)!important}";
+      // 台账看板
+      css += "\n" + P + " .dsb-lq{background:var(--chipBg,rgba(255,255,255,.06))!important;border:1px solid var(--pbd,rgba(255,255,255,.12))!important;color:var(--dsb-dim,#9aa1b5)!important}";
+      css += "\n" + P + " .dsb-lq:hover{color:var(--ptx,#dfe3ee)!important;border-color:var(--stA,#7c8dff)!important}";
+      css += "\n" + P + " .dsb-lq-on{background:linear-gradient(135deg,var(--dsb-onbrand-bg1,#5b6cff),var(--dsb-onbrand-bg2,#2fa8ff))!important;color:var(--dsb-onbrand,#fff)!important;border-color:transparent!important}";
+      css += "\n" + P + " .dsb-ldate{background:var(--chipBg,rgba(255,255,255,.06))!important;border:1px solid var(--pbd,rgba(255,255,255,.12))!important;color:var(--ptx,#dfe3ee)!important}";
+      css += "\n" + P + " .dsb-lhint{color:var(--dsb-dim,#8b93a8)!important}";
+      css += "\n" + P + " .dsb-lcard{background:var(--chipBg,rgba(255,255,255,.05))!important;border:1px solid var(--pbd,rgba(255,255,255,.09))!important}";
+      css += "\n" + P + " .dsb-lcard b{color:var(--ptx,#eef1f8)!important}";
+      css += "\n" + P + " .dsb-lcard span{color:var(--dsb-dim,#9aa1b5)!important}";
+      css += "\n" + P + " .dsb-lcard-rate b{color:var(--dsb-ok,#9ff5c8)!important}";
+      css += "\n" + P + " .dsb-lcard-fail b{color:var(--dsb-fail,#ff9d9d)!important}";
+      css += "\n" + P + " .dsb-ltrend{background:var(--dsb-soft,rgba(255,255,255,.03))!important;border:1px solid var(--dsb-line,rgba(255,255,255,.07))!important}";
+      css += "\n" + P + " .dsb-lbarcol{background:transparent!important}";
+      css += "\n" + P + " .dsb-lrrow{background:var(--chipBg,rgba(255,255,255,.04))!important;border:1px solid var(--dsb-line,rgba(255,255,255,.07))!important;color:var(--ptx,#dfe3ee)!important}";
+      css += "\n" + P + " .dsb-lrhead{background:var(--dsb-surface,#1a1d26)!important;border-color:transparent transparent var(--dsb-line,rgba(255,255,255,.12))!important;color:var(--dsb-dim,#8b93a8)!important;box-shadow:0 2px 6px rgba(0,0,0,.10)!important}";
+      css += "\n" + P + " .dsb-lrname{color:var(--ptx,#eef1f8)!important}";
+      css += "\n" + P + " .dsb-lrn{color:var(--dsb-dim,#c6cee2)!important}";
+      css += "\n" + P + " .dsb-lrf{color:var(--dsb-fail,#ff9d9d)!important}";
+      css += "\n" + P + " .dsb-lrr{color:var(--dsb-ok,#9ff5c8)!important}";
+      css += "\n" + P + " .dsb-lrdate{color:var(--dsb-dim,#8b93a8)!important}";
+      css += "\n" + P + " .dsb-lsec{color:var(--dsb-dim,#b9c2d8)!important}";
+      css += "\n" + P + " .dsb-ldetail-toggle{background:var(--chipBg,rgba(255,255,255,.06))!important;border:1px solid var(--pbd,rgba(255,255,255,.12))!important;color:var(--dsb-dim,#b9c2d8)!important}";
+      // 分组栏
+      css += "\n" + P + " .dsb-gadd{background:var(--chipBg,rgba(255,255,255,.04))!important;border:1px dashed var(--pbd,rgba(255,255,255,.22))!important;color:var(--dsb-dim,#9aa1b5)!important}";
+      css += "\n" + P + " .dsb-gadd:hover{color:var(--ptx,#dfe3ee)!important;border-color:var(--stA,#7c8dff)!important}";
+      css += "\n" + P + " .dsb-gadd-on{background:linear-gradient(135deg,var(--dsb-onbrand-bg1,#5b6cff),var(--dsb-onbrand-bg2,#2fa8ff))!important;color:var(--dsb-onbrand,#fff)!important;border-style:solid!important;border-color:transparent!important}";
+      css += "\n" + P + " .dsb-movebtn{background:var(--chipBg,rgba(255,255,255,.06))!important;border:1px solid var(--pbd,rgba(255,255,255,.14))!important;color:var(--dsb-dim,#b9c2d8)!important}";
+      css += "\n" + P + " .dsb-movebtn:hover{color:var(--ptx,#eef1f8)!important;border-color:var(--stA,#7c8dff)!important}";
+      css += "\n" + P + " .dsb-card-gtag{color:var(--dsb-brand,#8fc7ff)!important}";
+      css += "\n" + P + " .dsb-ver{color:var(--dsb-ok,#9ff5c8)!important;background:var(--dsb-okbg,rgba(80,220,150,.12))!important;border:1px solid var(--dsb-okline,rgba(80,220,150,.3))!important}";
+      css += "\n" + P + " .dsb-ver-none{color:var(--dsb-dim,#8b93a8)!important;background:var(--chipBg,rgba(255,255,255,.05))!important;border-color:var(--pbd,rgba(255,255,255,.12))!important}";
+      css += "\n" + P + " .dsb-gtitle{color:var(--dsb-dim,#8b93a8)!important}";
+      css += "\n" + P + " .dsb-ghint{color:var(--dsb-dim,#6f778c)!important}";
+      // 台账旧表的状态色 + 设置区底色：这些是 1.8.x 就有的类，同样不能留裸色
+      css += "\n" + P + " .dsb-lv-high{color:var(--dsb-fail,#ff7d7d)!important}";
+      css += "\n" + P + " .dsb-lv-mid{color:var(--dsb-warn,#ffb35c)!important}";
+      css += "\n" + P + " .dsb-lst-done{color:var(--dsb-ok,#6fd48a)!important}";
+      css += "\n" + P + " .dsb-lst-warn{color:var(--dsb-warn,#ffb35c)!important}";
+      css += "\n" + P + " .dsb-lc-status{color:var(--dsb-fail,#ffb3b3)!important}";
+      css += "\n" + P + " .dsb-batchbtn-warn{color:var(--dsb-fail,#ffb3b3)!important;border-color:var(--dsb-fail,#ff7878)!important;background:var(--dsb-soft,rgba(255,120,120,.15))!important}";
+      css += "\n" + P + " .dsb-settings{background:var(--dsb-soft,rgba(255,255,255,.04))!important;border-color:var(--dsb-line,rgba(255,255,255,.08))!important}";
+      css += "\n" + P + " .dsb-subs{border-color:var(--dsb-line,rgba(255,255,255,.08))!important}";
       return css;
     }
     // 原版皮肤（仅本球）：flag 置位时清空皮肤覆盖样式，技能球回到原始星云紫。
@@ -1806,7 +3418,7 @@ window.__ModuleLoader__.load({
       var id = row.getAttribute("data-skin-id");
       if (id) { setSkinClassic(false); SKIN.setSkin(id); }
     }, true);
-    var SKINMENU_CSS = ".dsb-skinmenu,.fe-skinmenu{display:none;max-height:46vh;overflow-y:auto;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(10,13,20,.98);padding:6px;z-index:5;box-shadow:0 14px 40px rgba(0,0,0,.5)}\n.dsb-skinmenu.open,.fe-skinmenu.open{display:block}\n.dsb-skinmenu .cap,.fe-skinmenu .cap{font-size:10.5px;font-weight:700;color:#8b93a8;padding:6px 8px 2px;letter-spacing:1px}\n.dsb-skinmenu .row,.fe-skinmenu .row{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:8px;cursor:pointer;font-size:12px;color:#dfe4ec;font-family:'Segoe UI','Microsoft YaHei','PingFang SC',system-ui,sans-serif}\n.dsb-skinmenu .row:hover,.fe-skinmenu .row:hover{background:rgba(255,255,255,.08)}\n.dsb-skinmenu .row.cur,.fe-skinmenu .row.cur{color:var(--stA,#ffd27a);font-weight:600}\n.dsb-skinmenu .dot,.fe-skinmenu .dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;border:1px solid rgba(255,255,255,.2)}\n.dsb-skinmenu .chk,.fe-skinmenu .chk{width:14px;text-align:center;flex-shrink:0}";
+    var SKINMENU_CSS = ".dsb-skinmenu,.fe-skinmenu{display:none;max-height:46vh;overflow-y:auto;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(10,13,20,.98);padding:6px;z-index:5;box-shadow:0 14px 40px rgba(0,0,0,.5)}\n.dsb-skinmenu.open,.fe-skinmenu.open{display:block}\n.dsb-skinmenu .cap,.fe-skinmenu .cap{font-size:10.5px;font-weight:700;color:#8b93a8;padding:6px 8px 2px;letter-spacing:1px}\n.dsb-skinmenu .row,.fe-skinmenu .row{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:8px;cursor:pointer;font-size:12px;color:#dfe4ec;font-family:'Segoe UI','Microsoft YaHei','PingFang SC',system-ui,sans-serif}\n.dsb-skinmenu .row:hover,.fe-skinmenu .row:hover{background:rgba(255,255,255,.08)}\n.dsb-skinmenu .row.cur,.fe-skinmenu .row.cur{color:var(--dsb-warn,#ffd27a);font-weight:600}\n.dsb-skinmenu .dot,.fe-skinmenu .dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;border:1px solid rgba(255,255,255,.2)}\n.dsb-skinmenu .chk,.fe-skinmenu .chk{width:14px;text-align:center;flex-shrink:0}";
     function ensureSkinMenuMargin() { var m = skinMenuEl(); if (m) m.style.margin = SKINMENU_MARGIN; }
 
     if (SKIN) {
@@ -1991,6 +3603,9 @@ window.__ModuleLoader__.load({
           localStorage.removeItem(BALL_POS_KEY);
           localStorage.setItem("dsh-skill-browser-cfg-ver", "4");
         }
+        // v1.9.8 分组栏显示模式：恢复上次选择（tree / flat）
+        var gm = localStorage.getItem("dsh-skill-browser-gmode");
+        S.gmode = gm === "flat" ? "flat" : "tree";
       } catch (e) {}
     }
 
@@ -2022,4 +3637,4 @@ window.__ModuleLoader__.load({
 
     return module.exports;
   }
-});
+});