beauticode-dsh 1.0.2 → 1.0.4

package/README.zh-CN.md

@@ -2,7 +2,7 @@
 
 该 Cordis 插件向 DSH Web 注入 beautiCode 浏览器客户端，并提供本机鉴权接口。支持图片、MP4、播放位置、静音、摸鱼模式以及清除背景。
 
-装好插件并运行 `dsh web` 后，侧栏「设置」上方会出现「背景」：可从文件夹选图片或 MP4、清除、开关声音、切换已保存主题。网页控制台没有摸鱼；浅色/深色跟 DSH 自己的外观走。下次打开会恢复上次背景。
+装好插件并运行 `dsh web` 后，侧栏「设置」上方会出现「背景」：可从文件夹选图片或 MP4、清除、开关声音、切换已保存主题，以及打开「皮肤中心」安装已审核的社区皮肤。网页控制台没有摸鱼；浅色/深色跟 DSH 自己的外观走。下次打开会恢复上次背景。设置 `BEAUTICODE_SKIN_CENTER` 或填写 `skin-center.json` 后，皮肤中心才会显示远程目录。
 
 插件也会注册对话工具（`beauticode_*`）和斜杠命令（`/bg`、`/bg-theme`、`/bg-clear`）。不需要托盘；托盘若已在跑则复用它。
 

package/agent.mjs

@@ -240,6 +240,39 @@ export function createBeauticodeActions(dataRootOrOptions) {
       });
     },
 
+    async importTheme(input, signal) {
+      const name = String(input?.name ?? "").trim();
+      const imagePath = String(input?.imagePath ?? "").trim();
+      if (!name || !imagePath) fail("导入皮肤必须提供名称和图片。");
+      const body = {
+        name,
+        imagePath,
+      };
+      if (typeof input.videoPath === "string" && input.videoPath.trim()) {
+        body.videoPath = input.videoPath.trim();
+      }
+      if (input.effects) body.effects = input.effects;
+      if (input.source) body.source = input.source;
+      const resolved = await backend();
+      if (resolved.kind === "tray") {
+        const result = await request({
+          method: "POST",
+          path: "/theme/import",
+          body,
+          signal,
+          timeoutMs: 30 * 60 * 1000,
+        });
+        if (!result || result.ok === false) fail(result?.error || "导入皮肤失败。");
+        return {
+          ok: true,
+          theme: result.theme,
+          message: `已保存皮肤「${result.theme.name}」。`,
+        };
+      }
+      const theme = await resolved.session.importSavedTheme(body);
+      return { ok: true, theme, message: `已保存皮肤「${theme.name}」。` };
+    },
+
     async listThemes(signal) {
       const resolved = await backend();
       if (resolved.kind === "tray") {

package/bin/beauticode-dsh

@@ -1,252 +1,7 @@
-#!/usr/bin/env node
-/**
- * One-line installer: npx beauticode-dsh
- *
- * Copies this package to a stable local folder and writes the DSH patch so
- * `dsh web` loads beautiCode. Does not start DeepSeek Harness.
- */
-import fs from "node:fs";
-import fsp from "node:fs/promises";
-import os from "node:os";
-import path from "node:path";
-import { fileURLToPath, pathToFileURL } from "node:url";
-
-function findPackageRoot(startDir) {
-  let dir = startDir;
-  for (let i = 0; i < 5; i += 1) {
-    if (
-      fs.existsSync(path.join(dir, "package.json")) &&
-      fs.existsSync(path.join(dir, "index.mjs"))
-    ) {
-      return dir;
-    }
-    const parent = path.dirname(dir);
-    if (parent === dir) break;
-    dir = parent;
-  }
-  return startDir;
-}
-
-const here = findPackageRoot(path.dirname(fileURLToPath(import.meta.url)));
-const pluginName = "beauticode-dsh";
-const bridgeId = "beauticode-bridge";
-
-function argValue(argv, name) {
-  const idx = argv.indexOf(name);
-  if (idx === -1) return null;
-  const value = argv[idx + 1];
-  return value && !value.startsWith("--") ? value : null;
-}
-
-function defaultDataRoot() {
-  if (process.env.BEAUTICODE_DATA_ROOT) return process.env.BEAUTICODE_DATA_ROOT;
-  if (process.env.LOCALAPPDATA) {
-    return path.join(process.env.LOCALAPPDATA, "beautiCode");
-  }
-  return path.join(os.homedir(), ".beauticode");
-}
-
-function defaultDshHome() {
-  return process.env.DSH_HOME || path.join(os.homedir(), ".dsh");
-}
-
-function toFileUri(filePath) {
-  const full = path.resolve(filePath).replaceAll("\\", "/");
-  if (/^[A-Za-z]:/.test(full)) return `file:///${full}`;
-  return pathToFileURL(full).href;
-}
-
-function fileUriInsert(uri) {
-  return [
-    "# beauticode-bridge (installer)",
-    "- insert:",
-    "    - id: beauticode-bridge",
-    `      name: '${uri}'`,
-    "      inject: [webServer]",
-    "",
-  ].join("\n");
-}
-
-function packageInsert() {
-  return [
-    "# beauticode-bridge (installer)",
-    "- insert:",
-    "    - id: beauticode-bridge",
-    `      name: '${pluginName}'`,
-    "      inject: [webServer]",
-    "",
-  ].join("\n");
-}
-
-function hasBridge(text) {
-  return new RegExp(`^\\s*-\\s*id:\\s*${bridgeId}\\s*$`, "m").test(text);
-}
-
-function stripBridge(text) {
-  const patterns = [
-    /(?:^|\r?\n)# beauticode-bridge \(installer\)\r?\n- insert:\r?\n(?:[ \t]+.*\r?\n)*/g,
-    /(?:^|\r?\n)- insert:\r?\n(?:[ \t]+.*\r?\n)*?[ \t]+-\s*id:\s*beauticode-bridge\r?\n(?:[ \t]+.*\r?\n)*/g,
-  ];
-  let next = text;
-  for (const pattern of patterns) next = next.replace(pattern, "\n");
-  return next;
-}
-
-async function writePatch(filePath, body) {
-  await fsp.mkdir(path.dirname(filePath), { recursive: true });
-  if (!fs.existsSync(filePath)) {
-    await fsp.writeFile(filePath, body, "utf8");
-    return;
-  }
-  const raw = await fsp.readFile(filePath, "utf8");
-  if (hasBridge(raw)) {
-    const replaced = raw.replace(
-      /(?:# beauticode-bridge \(installer\)\r?\n)?- insert:\r?\n(?:[ \t]+.*\r?\n)*?[ \t]+-\s*id:\s*beauticode-bridge\r?\n(?:[ \t]+.*\r?\n)*/,
-      body,
-    );
-    await fsp.writeFile(filePath, replaced.endsWith("\n") ? replaced : `${replaced}\n`, "utf8");
-    return;
-  }
-  const stripped = raw.trim();
-  if (stripped === "" || stripped === "[]") {
-    await fsp.writeFile(filePath, body, "utf8");
-    return;
-  }
-  await fsp.writeFile(filePath, `${stripped}\n\n${body}`, "utf8");
-}
-
-async function removePatch(filePath) {
-  if (!fs.existsSync(filePath)) return false;
-  const raw = await fsp.readFile(filePath, "utf8");
-  if (!hasBridge(raw)) return false;
-  const cleaned = stripBridge(raw).trim();
-  if (cleaned === "" || cleaned === "[]") {
-    await fsp.writeFile(
-      filePath,
-      "# Your patch layer for this dsh profile.\n[]\n",
-      "utf8",
-    );
-    return true;
-  }
-  await fsp.writeFile(filePath, `${cleaned}\n`, "utf8");
-  return true;
-}
-
-function shouldCopy(source) {
-  const relative = path.relative(here, source);
-  if (relative.startsWith("test") || relative.includes(`${path.sep}test${path.sep}`)) {
-    return false;
-  }
-  if (relative.endsWith(".test.mjs")) return false;
-  return true;
-}
-
-async function sameInstalledVersion(dest) {
-  try {
-    const incoming = JSON.parse(await fsp.readFile(path.join(here, "package.json"), "utf8"));
-    const installed = JSON.parse(await fsp.readFile(path.join(dest, "package.json"), "utf8"));
-    return (
-      incoming.name === installed.name &&
-      incoming.version === installed.version &&
-      fs.existsSync(path.join(dest, "index.mjs")) &&
-      fs.existsSync(path.join(dest, "vendor", "adapter-dsh", "index.js"))
-    );
-  } catch {
-    return false;
-  }
-}
-
-async function copyPackage(dest) {
-  if (await sameInstalledVersion(dest)) return false;
-  await fsp.rm(dest, { recursive: true, force: true });
-  await fsp.cp(here, dest, {
-    recursive: true,
-    filter: (source) => shouldCopy(source),
-  });
-  return true;
-}
-
-async function ensureEngine(dest) {
-  const vendor = path.join(dest, "vendor", "adapter-dsh", "index.js");
-  if (fs.existsSync(vendor)) return;
-  const packPath = path.resolve(here, "../../scripts/pack-dsh-plugin.mjs");
-  if (!fs.existsSync(packPath)) {
-    throw new Error("插件包不完整：缺少本机导入引擎。请重新执行 npx beauticode-dsh。");
-  }
-  const { stageEngineInto } = await import(pathToFileURL(packPath).href);
-  await stageEngineInto(dest);
-}
-
-async function install(opts) {
-  const dest = path.resolve(opts.pluginHome);
-  const dshHome = path.resolve(opts.dshHome);
-  const webProfile = path.join(dshHome, "profiles", "web");
-  const webPatch = path.join(webProfile, "cordis.patch.yml");
-  const webPackage = path.join(webProfile, "package.json");
-  const homePatch = path.join(dshHome, "cordis.patch.yml");
-
-  await fsp.mkdir(dest, { recursive: true });
-  const copied = await copyPackage(dest);
-  await ensureEngine(dest);
-  const indexFile = path.join(dest, "index.mjs");
-  if (!fs.existsSync(indexFile)) {
-    throw new Error(`缺少插件入口：${indexFile}`);
-  }
-
-  if (fs.existsSync(webPackage)) {
-    await writePatch(webPatch, fileUriInsert(toFileUri(indexFile)));
-    if (fs.existsSync(homePatch)) {
-      const homeRaw = await fsp.readFile(homePatch, "utf8");
-      if (hasBridge(homeRaw)) await removePatch(homePatch);
-    }
-    console.log(`已写入 ${webPatch}`);
-    console.log(copied ? `插件已安装到 ${dest}` : `已复用已安装的插件 ${dest}`);
-    console.log("请自己运行：npx @deepseek-ai/dsh web");
-    return { dest, patch: webPatch };
-  }
-
-  await fsp.mkdir(dshHome, { recursive: true });
-  await writePatch(homePatch, fileUriInsert(toFileUri(indexFile)));
-  console.log(`DSH web profile 还不存在，已写入 ${homePatch}`);
-  console.log(copied ? `插件已安装到 ${dest}` : `已复用已安装的插件 ${dest}`);
-  console.log("请自己运行：npx @deepseek-ai/dsh web");
-  return { dest, patch: homePatch };
-}
-
-async function uninstall(opts) {
-  const dshHome = path.resolve(opts.dshHome);
-  const removed = [];
-  if (await removePatch(path.join(dshHome, "profiles", "web", "cordis.patch.yml"))) {
-    removed.push("web patch");
-  }
-  if (await removePatch(path.join(dshHome, "cordis.patch.yml"))) {
-    removed.push("home patch");
-  }
-  const dest = path.resolve(opts.pluginHome);
-  if (fs.existsSync(dest)) {
-    await fsp.rm(dest, { recursive: true, force: true });
-    removed.push(dest);
-  }
-  console.log(removed.length ? `已移除：${removed.join("、")}` : "没有可移除的 beautiCode 插件接线。");
-  return { removed };
-}
-
-export async function runCli(argv = process.argv.slice(2)) {
-  const dshHome = argValue(argv, "--dsh-home") || defaultDshHome();
-  const pluginHome =
-    argValue(argv, "--plugin-home") || path.join(defaultDataRoot(), "plugin");
-  const opts = { dshHome, pluginHome };
-  if (argv.includes("--remove")) return uninstall(opts);
-  return install(opts);
-}
-
-const launchedDirectly =
-  Boolean(process.argv[1]) &&
-  pathToFileURL(path.resolve(process.argv[1])).href.toLowerCase() ===
-    import.meta.url.toLowerCase();
-if (launchedDirectly) {
-  runCli().catch((error) => {
-    console.error(error instanceof Error ? error.message : String(error));
-    process.exit(1);
-  });
-}
+#!/usr/bin/env node
+import { runCli } from "../cli.js";
+
+runCli().catch((error) => {
+  console.error(error instanceof Error ? error.message : String(error));
+  process.exit(1);
+});

package/cli.js

@@ -78,49 +78,115 @@ function packageInsert() {
   ].join("\n");
 }
 
-function hasBridge(text) {
-  return new RegExp(`^\\s*-\\s*id:\\s*${bridgeId}\\s*$`, "m").test(text);
+function hasBridge(text) {
+  return new RegExp(`^\\s*-\\s*id:\\s*${bridgeId}\\s*$`, "m").test(text);
+}
+
+function stripBridge(text) {
+  const lines = text.split(/\r?\n/);
+  const removed = new Array(lines.length).fill(false);
+  const indentOf = (line) => line.match(/^[ \t]*/)?.[0].length ?? 0;
+
+  for (let i = 0; i < lines.length; i += 1) {
+    const insert = lines[i].match(/^([ \t]*)-\s*insert:\s*(?:#.*)?$/);
+    if (!insert) continue;
+    const insertIndent = insert[1].length;
+    let blockEnd = i + 1;
+    while (blockEnd < lines.length) {
+      const line = lines[blockEnd];
+      if (line.trim() && indentOf(line) <= insertIndent) break;
+      blockEnd += 1;
+    }
+
+    let foundBridge = false;
+    for (let j = i + 1; j < blockEnd; ) {
+      const bridge = lines[j].match(
+        /^([ \t]*)-\s*id:\s*beauticode-bridge\s*(?:#.*)?$/,
+      );
+      if (!bridge || bridge[1].length <= insertIndent) {
+        j += 1;
+        continue;
+      }
+      foundBridge = true;
+      const itemIndent = bridge[1].length;
+      let itemEnd = j + 1;
+      while (itemEnd < blockEnd) {
+        const line = lines[itemEnd];
+        if (line.trim() && indentOf(line) <= itemIndent) break;
+        itemEnd += 1;
+      }
+      for (let k = j; k < itemEnd; k += 1) removed[k] = true;
+      j = itemEnd;
+    }
+
+    if (!foundBridge) continue;
+    const marker = `${insert[1]}# beauticode-bridge (installer)`;
+    if (i > 0 && lines[i - 1].trimEnd() === marker) removed[i - 1] = true;
+    const hasSibling = lines
+      .slice(i + 1, blockEnd)
+      .some(
+        (line, offset) =>
+          !removed[i + 1 + offset] &&
+          line.trim() !== "" &&
+          !line.trimStart().startsWith("#"),
+      );
+    if (!hasSibling) {
+      for (let k = i; k < blockEnd; k += 1) removed[k] = true;
+    }
+    i = blockEnd - 1;
+  }
+
+  return lines.filter((_, index) => !removed[index]).join("\n");
+}
+
+function overlayPayload(text) {
+  return text
+    .split(/\r?\n/)
+    .map((line) => line.trim())
+    .filter((line) => line && !line.startsWith("#"))
+    .join("\n");
+}
+
+function isEmptyOverlay(text) {
+  const payload = overlayPayload(text);
+  return payload === "" || payload === "[]";
+}
+
+// DSH seeds overlays as `# comment\n[]`. `[]` is already a complete YAML
+// document, so appending `- insert:` makes js-yaml throw.
+function keptOverlay(text) {
+  const withoutFlowEmpty = text
+    .split(/\r?\n/)
+    .filter((line) => line.trim() !== "[]")
+    .join("\n");
+  if (isEmptyOverlay(withoutFlowEmpty)) return "";
+  return withoutFlowEmpty.trim();
 }
 
-function stripBridge(text) {
-  const patterns = [
-    /(?:^|\r?\n)# beauticode-bridge \(installer\)\r?\n- insert:\r?\n(?:[ \t]+.*\r?\n)*/g,
-    /(?:^|\r?\n)- insert:\r?\n(?:[ \t]+.*\r?\n)*?[ \t]+-\s*id:\s*beauticode-bridge\r?\n(?:[ \t]+.*\r?\n)*/g,
-  ];
-  let next = text;
-  for (const pattern of patterns) next = next.replace(pattern, "\n");
-  return next;
+function withTrailingNewline(text) {
+  return text.endsWith("\n") ? text : `${text}\n`;
 }
 
 async function writePatch(filePath, body) {
   await fsp.mkdir(path.dirname(filePath), { recursive: true });
+  const insert = withTrailingNewline(body);
   if (!fs.existsSync(filePath)) {
-    await fsp.writeFile(filePath, body, "utf8");
+    await fsp.writeFile(filePath, insert, "utf8");
     return;
   }
   const raw = await fsp.readFile(filePath, "utf8");
-  if (hasBridge(raw)) {
-    const replaced = raw.replace(
-      /(?:# beauticode-bridge \(installer\)\r?\n)?- insert:\r?\n(?:[ \t]+.*\r?\n)*?[ \t]+-\s*id:\s*beauticode-bridge\r?\n(?:[ \t]+.*\r?\n)*/,
-      body,
-    );
-    await fsp.writeFile(filePath, replaced.endsWith("\n") ? replaced : `${replaced}\n`, "utf8");
-    return;
-  }
-  const stripped = raw.trim();
-  if (stripped === "" || stripped === "[]") {
-    await fsp.writeFile(filePath, body, "utf8");
-    return;
-  }
-  await fsp.writeFile(filePath, `${stripped}\n\n${body}`, "utf8");
+  const remainder = hasBridge(raw) ? stripBridge(raw) : raw;
+  const kept = keptOverlay(remainder);
+  const next = kept ? `${kept}\n\n${insert}` : insert;
+  await fsp.writeFile(filePath, withTrailingNewline(next), "utf8");
 }
 
 async function removePatch(filePath) {
   if (!fs.existsSync(filePath)) return false;
   const raw = await fsp.readFile(filePath, "utf8");
   if (!hasBridge(raw)) return false;
-  const cleaned = stripBridge(raw).trim();
-  if (cleaned === "" || cleaned === "[]") {
+  const kept = keptOverlay(stripBridge(raw));
+  if (!kept) {
     await fsp.writeFile(
       filePath,
       "# Your patch layer for this dsh profile.\n[]\n",
@@ -128,7 +194,7 @@ async function removePatch(filePath) {
     );
     return true;
   }
-  await fsp.writeFile(filePath, `${cleaned}\n`, "utf8");
+  await fsp.writeFile(filePath, withTrailingNewline(kept), "utf8");
   return true;
 }
 
@@ -177,6 +243,83 @@ async function ensureEngine(dest) {
   await stageEngineInto(dest);
 }
 
+function pluginLinkPath(webProfile) {
+  return path.join(webProfile, "node_modules", pluginName);
+}
+
+function legacyPluginLinkPath(webProfile) {
+  return path.join(webProfile, "node_modules", "@beauticode", "dsh-plugin");
+}
+
+function linkSpecFor(pluginHome) {
+  return `link:${path.resolve(pluginHome).replaceAll("\\", "/")}`;
+}
+
+async function sameLinkTarget(link, dest) {
+  try {
+    const stat = await fsp.lstat(link);
+    if (stat.isSymbolicLink()) {
+      const target = await fsp.readlink(link);
+      return path.resolve(path.dirname(link), target) === path.resolve(dest);
+    }
+    if (stat.isDirectory()) {
+      return path.resolve(link) === path.resolve(dest);
+    }
+  } catch {
+    return false;
+  }
+  return false;
+}
+
+async function linkPluginIntoProfile(webProfile, dest) {
+  const link = pluginLinkPath(webProfile);
+  const legacy = legacyPluginLinkPath(webProfile);
+  if (fs.existsSync(legacy)) {
+    await fsp.rm(legacy, { recursive: true, force: true });
+  }
+  await fsp.mkdir(path.dirname(link), { recursive: true });
+  if (fs.existsSync(link)) {
+    if (await sameLinkTarget(link, dest)) return;
+    await fsp.rm(link, { recursive: true, force: true });
+  }
+  const type = process.platform === "win32" ? "junction" : "dir";
+  await fsp.symlink(path.resolve(dest), link, type);
+}
+
+async function ensureWebPackageDep(webPackage, pluginHome) {
+  const raw = await fsp.readFile(webPackage, "utf8");
+  const json = JSON.parse(raw);
+  if (!json.dependencies || typeof json.dependencies !== "object" || Array.isArray(json.dependencies)) {
+    json.dependencies = {};
+  }
+  const spec = linkSpecFor(pluginHome);
+  const hadLegacy = Object.prototype.hasOwnProperty.call(
+    json.dependencies,
+    "@beauticode/dsh-plugin",
+  );
+  delete json.dependencies["@beauticode/dsh-plugin"];
+  const current = json.dependencies[pluginName];
+  if (current === spec && !hadLegacy) return;
+  json.dependencies[pluginName] = spec;
+  await fsp.writeFile(webPackage, `${JSON.stringify(json, null, 2)}\n`, "utf8");
+}
+
+async function removeWebPackageDep(webPackage) {
+  if (!fs.existsSync(webPackage)) return false;
+  const json = JSON.parse(await fsp.readFile(webPackage, "utf8"));
+  if (!json.dependencies || typeof json.dependencies !== "object") return false;
+  let changed = false;
+  for (const name of [pluginName, "@beauticode/dsh-plugin"]) {
+    if (Object.prototype.hasOwnProperty.call(json.dependencies, name)) {
+      delete json.dependencies[name];
+      changed = true;
+    }
+  }
+  if (!changed) return false;
+  await fsp.writeFile(webPackage, `${JSON.stringify(json, null, 2)}\n`, "utf8");
+  return true;
+}
+
 async function install(opts) {
   const dest = path.resolve(opts.pluginHome);
   const dshHome = path.resolve(opts.dshHome);
@@ -194,7 +337,9 @@ async function install(opts) {
   }
 
   if (fs.existsSync(webPackage)) {
-    await writePatch(webPatch, fileUriInsert(toFileUri(indexFile)));
+    await linkPluginIntoProfile(webProfile, dest);
+    await ensureWebPackageDep(webPackage, dest);
+    await writePatch(webPatch, packageInsert());
     if (fs.existsSync(homePatch)) {
       const homeRaw = await fsp.readFile(homePatch, "utf8");
       if (hasBridge(homeRaw)) await removePatch(homePatch);
@@ -215,13 +360,23 @@ async function install(opts) {
 
 async function uninstall(opts) {
   const dshHome = path.resolve(opts.dshHome);
+  const webProfile = path.join(dshHome, "profiles", "web");
   const removed = [];
-  if (await removePatch(path.join(dshHome, "profiles", "web", "cordis.patch.yml"))) {
+  if (await removePatch(path.join(webProfile, "cordis.patch.yml"))) {
     removed.push("web patch");
   }
   if (await removePatch(path.join(dshHome, "cordis.patch.yml"))) {
     removed.push("home patch");
   }
+  if (await removeWebPackageDep(path.join(webProfile, "package.json"))) {
+    removed.push("web package.json");
+  }
+  for (const link of [pluginLinkPath(webProfile), legacyPluginLinkPath(webProfile)]) {
+    if (fs.existsSync(link)) {
+      await fsp.rm(link, { recursive: true, force: true });
+      removed.push(link);
+    }
+  }
   const dest = path.resolve(opts.pluginHome);
   if (fs.existsSync(dest)) {
     await fsp.rm(dest, { recursive: true, force: true });

package/console.js

@@ -64,6 +64,9 @@ body:not([data-ds-dark-theme]) #beauticode-console-pop .bc-theme-item:hover{back
     '<button type="button" class="bc-btn" data-act="clear">清除</button>' +
     '<button type="button" class="bc-btn" data-act="sound">声音</button>' +
     "</div>" +
+    '<div class="bc-row">' +
+    '<button type="button" class="bc-btn" data-act="gallery">皮肤中心</button>' +
+    "</div>" +
     '<div class="bc-themes" hidden>' +
     '<button type="button" class="bc-theme-toggle" aria-expanded="false">已保存主题</button>' +
     '<div class="bc-theme-list" hidden></div>' +
@@ -236,6 +239,15 @@ body:not([data-ds-dark-theme]) #beauticode-console-pop .bc-theme-item:hover{back
     fileInput.accept = VIDEO_ACCEPT;
     fileInput.click();
   });
+  pop.querySelector('[data-act="gallery"]').addEventListener("click", (event) => {
+    event.stopPropagation();
+    setOpen(false);
+    if (window.BeauticodeGallery) {
+      void window.BeauticodeGallery.open();
+      return;
+    }
+    showMessage("皮肤中心脚本尚未加载。");
+  });
   pop.querySelector('[data-act="clear"]').addEventListener("click", () => {
     currentThemeId = "";
     void run(() => request("/__beauticode/ui/clear", { method: "POST" }));
@@ -294,6 +306,9 @@ body:not([data-ds-dark-theme]) #beauticode-console-pop .bc-theme-item:hover{back
   document.addEventListener("keydown", (event) => {
     if (event.key === "Escape" && !pop.hidden) setOpen(false);
   });
+  document.addEventListener("beauticode-gallery-installed", () => {
+    void refresh();
+  });
 
   const observer = new MutationObserver(() => place());
   observer.observe(document.documentElement, { childList: true, subtree: true });