beauticode-dsh 1.0.24 → 1.0.25

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2026 beautiCode contributors
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2026 beautiCode contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.zh-CN.md

@@ -2,7 +2,7 @@
 
 该 Cordis 插件向 DSH Web 注入 beautiCode 浏览器客户端，并提供本机鉴权接口。支持图片、MP4、播放位置、静音、摸鱼模式以及清除背景。
 
-装好插件并运行 `dsh web` 后，侧栏「设置」上方会出现「背景」：在 Windows 上点击图片或视频会打开系统文件选择器，选好后在页面内命名，背景立即应用并进入已保存主题；也可以清除、开关声音、切换或删除主题，以及打开「皮肤中心」安装已审核的社区皮肤。本地导入只在 Node 端保存绝对路径，并通过带 Range 支持的回环媒体服务读取原文件，不复制用户选择的图片或整段视频主文件。Windows 强制使用本地引用；原生选择器不可用时会明确报错，不会静默上传或复制媒体。非 Windows 环境保留兼容上传，并明确提示该模式会保存托管副本。网页控制台没有摸鱼；浅色/深色跟 DSH 自己的外观走。下次打开会恢复上次背景。设置 `BEAUTICODE_SKIN_CENTER` 或填写 `skin-center.json` 后，皮肤中心才会显示远程目录。
+装好插件并运行 `dsh web` 后，侧栏「设置」上方会出现「背景」：在 Windows 上点击图片或视频会打开系统文件选择器，选好后在页面内命名，背景立即应用并进入已保存主题；也可以清除、开关声音、用阴影滑条调节背景明暗（恢复默认则回到对话自动纱）、切换或删除主题，以及打开「皮肤中心」安装已审核的社区皮肤。本地导入只在 Node 端保存绝对路径，并通过带 Range 支持的回环媒体服务读取原文件，不复制用户选择的图片或整段视频主文件。Windows 强制使用本地引用；原生选择器不可用时会明确报错，不会静默上传或复制媒体。非 Windows 环境保留兼容上传，并明确提示该模式会保存托管副本。网页控制台没有摸鱼；浅色/深色跟 DSH 自己的外观走。下次打开会恢复上次背景。设置 `BEAUTICODE_SKIN_CENTER` 或填写 `skin-center.json` 后，皮肤中心才会显示远程目录。
 
 插件也会注册对话工具（`beauticode_*`）和斜杠命令（`/bg`、`/bg-theme`、`/bg-clear`）。不需要托盘；托盘若已在跑则复用它。
 

package/client.js

@@ -86,6 +86,24 @@ html[data-bc-active="true"]:has(#root [data-phase="active"]) #beauticode-bg-stag
 html[data-bc-active="true"]:has(#root [data-phase="settling"]) #beauticode-bg-stage::after{background:rgba(0,0,0,.42)}
 html[data-bc-resolved-tone="light"][data-bc-active="true"]:has(#root [data-phase="active"]) #beauticode-bg-stage::after,
 html[data-bc-resolved-tone="light"][data-bc-active="true"]:has(#root [data-phase="settling"]) #beauticode-bg-stage::after{background:rgba(255,255,255,.22)}
+html[data-bc-dim-user="true"][data-bc-active="true"]:has(#root [data-phase="active"]) body,
+html[data-bc-dim-user="true"][data-bc-active="true"]:has(#root [data-phase="settling"]) body{
+  --dsw-alias-bg-base:rgba(17,20,27,.10);
+  --dsw-alias-bg-layer-1:rgba(26,30,39,.28);
+  --dsw-alias-bg-layer-2:rgba(35,40,51,.32);
+  --dsw-alias-bg-overlay:rgba(17,20,27,.12);
+  --dsw-specific-sidebar-fill:rgba(23,27,35,.28);
+}
+html[data-bc-resolved-tone="light"][data-bc-dim-user="true"][data-bc-active="true"]:has(#root [data-phase="active"]) body,
+html[data-bc-resolved-tone="light"][data-bc-dim-user="true"][data-bc-active="true"]:has(#root [data-phase="settling"]) body{
+  --dsw-alias-bg-base:rgba(248,250,252,.12);
+  --dsw-alias-bg-layer-1:rgba(255,255,255,.28);
+  --dsw-alias-bg-layer-2:rgba(248,250,252,.32);
+  --dsw-alias-bg-overlay:rgba(255,255,255,.14);
+  --dsw-specific-sidebar-fill:rgba(255,255,255,.28);
+}
+html[data-bc-dim-user="true"][data-bc-active="true"] #beauticode-bg-stage::after{background:rgba(0,0,0,var(--bc-dim))!important}
+html[data-bc-resolved-tone="light"][data-bc-dim-user="true"][data-bc-active="true"] #beauticode-bg-stage::after{background:rgba(255,255,255,var(--bc-dim))!important}
 html[data-bc-fish="true"] #beauticode-bg-stage::after{background:transparent!important}
 #beauticode-bg-stage .beauticode-media-slot{position:absolute;inset:0;z-index:0;opacity:1;overflow:hidden;pointer-events:none;transition:opacity ${CROSSFADE_MS}ms ease;will-change:opacity}
 #beauticode-bg-stage .beauticode-media-slot[data-bc-role="current"]{z-index:1;opacity:1}
@@ -108,6 +126,75 @@ html[data-bc-fish="true"] #root{opacity:0!important;visibility:hidden!important;
 `;
   document.head.append(style);
 
+  const DIM_STORAGE_KEY = "beauticode-dim";
+  let userDim = null;
+
+  function clampDim(value) {
+    const n = Number(value);
+    if (!Number.isFinite(n) || n < 0 || n > 1) return null;
+    return n;
+  }
+
+  function readStoredDim() {
+    try {
+      const raw = globalThis.localStorage?.getItem(DIM_STORAGE_KEY);
+      if (raw == null || raw === "") return null;
+      return clampDim(raw);
+    } catch {
+      return null;
+    }
+  }
+
+  function writeStoredDim(value) {
+    try {
+      if (value == null) globalThis.localStorage?.removeItem(DIM_STORAGE_KEY);
+      else globalThis.localStorage?.setItem(DIM_STORAGE_KEY, String(value));
+    } catch {
+      /* private mode / quota */
+    }
+  }
+
+  function applyUserDim(value) {
+    const root = document.documentElement;
+    if (value == null) {
+      delete root.dataset.bcDimUser;
+      root.removeAttribute("data-bc-dim-user");
+      root.style.removeProperty?.("--bc-dim");
+      return null;
+    }
+    root.dataset.bcDimUser = "true";
+    root.style.setProperty?.("--bc-dim", String(value));
+    return value;
+  }
+
+  function getUserDim() {
+    return userDim;
+  }
+
+  function setUserDim(value) {
+    const next = clampDim(value);
+    if (next == null) return userDim;
+    userDim = next;
+    writeStoredDim(next);
+    applyUserDim(next);
+    return next;
+  }
+
+  function clearUserDim() {
+    userDim = null;
+    writeStoredDim(null);
+    applyUserDim(null);
+    return null;
+  }
+
+  userDim = readStoredDim();
+  if (userDim != null) applyUserDim(userDim);
+  globalThis.BeauticodeBackgroundDim = {
+    get: getUserDim,
+    set: setUserDim,
+    clear: clearUserDim,
+  };
+
   // Chromium builds its media stack lazily; the first <video> of a fresh
   // profile pays decoder/GPU/audio init inside the first import's verify
   // deadline. One muted playback of the bundled frame pays that cost early.

package/console.js

@@ -30,6 +30,12 @@ body:not([data-ds-dark-theme]) #beauticode-console-pop{background:#f3f0e9;color:
 #beauticode-console-pop .bc-import small{display:block;color:#717579;font-size:10px;line-height:14px}
 #beauticode-console-pop .bc-arrow{font-size:16px;text-align:right}
 #beauticode-console-pop .bc-controls{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid #c8c5be}
+#beauticode-console-pop .bc-dim{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px 0;border-bottom:1px solid #c8c5be}
+#beauticode-console-pop .bc-dim-label{color:#686d71;font:10px ui-monospace,"Cascadia Mono",monospace}
+#beauticode-console-pop .bc-dim-slider{-webkit-appearance:none;appearance:none;flex:1;min-width:72px;height:4px;margin:0;padding:0;background:#c8c5be;border-radius:0}
+#beauticode-console-pop .bc-dim-slider::-webkit-slider-runnable-track{height:4px;background:#c8c5be;border-radius:0}
+#beauticode-console-pop .bc-dim-slider::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;margin-top:-3px;background:#252a30;border:0;border-radius:0;cursor:pointer}
+#beauticode-console-pop .bc-dim-value{min-width:2.6em;color:#686d71;font:10px/15px ui-monospace,"Cascadia Mono",monospace;text-align:right}
 #beauticode-console-pop .bc-link{cursor:pointer;height:auto;padding:0;border:0;background:transparent;color:#595e62;font-size:11px;line-height:18px;text-decoration:underline;text-underline-offset:3px}
 #beauticode-console-pop .bc-link:hover{color:#171a1d}
 #beauticode-console-pop .bc-theme-toggle{cursor:pointer;display:flex;align-items:center;justify-content:space-between;width:100%;height:31px;padding:8px 0 4px;border:0;background:transparent;color:#686d71;font:10px ui-monospace,"Cascadia Mono",monospace;letter-spacing:.08em;text-align:left}
@@ -84,6 +90,12 @@ body:not([data-ds-dark-theme]) #beauticode-console-pop{background:#f3f0e9;color:
     '<button type="button" class="bc-btn bc-link" data-act="clear">清除背景</button>' +
     '<button type="button" class="bc-btn bc-link" data-act="gallery">打开皮肤中心</button>' +
     "</div>" +
+    '<div class="bc-dim">' +
+    '<span class="bc-dim-label">阴影</span>' +
+    '<input type="range" class="bc-dim-slider" min="0" max="100" step="1" value="42" aria-label="背景阴影"/>' +
+    '<span class="bc-dim-value">自动</span>' +
+    '<button type="button" class="bc-btn bc-link" data-act="dim-reset" hidden>恢复默认</button>' +
+    "</div>" +
     '<div class="bc-themes" hidden>' +
     '<button type="button" class="bc-theme-toggle" aria-expanded="true"><span>SAVED / 00</span><span>−</span></button>' +
     '<div class="bc-theme-list" hidden></div>' +
@@ -99,15 +111,33 @@ body:not([data-ds-dark-theme]) #beauticode-console-pop{background:#f3f0e9;color:
   const trigger = host.querySelector(".bc-trigger");
   const statusEl = pop.querySelector(".bc-status");
   const soundBtn = pop.querySelector('[data-act="sound"]');
+  const dimSlider = pop.querySelector(".bc-dim-slider");
+  const dimValue = pop.querySelector(".bc-dim-value");
+  const dimReset = pop.querySelector('[data-act="dim-reset"]');
   const themesBox = pop.querySelector(".bc-themes");
   const themeToggle = pop.querySelector(".bc-theme-toggle");
   const themeList = pop.querySelector(".bc-theme-list");
   const msgEl = pop.querySelector(".bc-msg");
+  const AUTO_DIM_PERCENT = 42;
   let busy = false;
   let muted = true;
   let currentThemeId = "";
   let themesExpanded = true;
 
+  function renderDim() {
+    const current = globalThis.BeauticodeBackgroundDim?.get?.() ?? null;
+    if (current == null) {
+      dimSlider.value = String(AUTO_DIM_PERCENT);
+      dimValue.textContent = "自动";
+      dimReset.hidden = true;
+      return;
+    }
+    const percent = Math.round(current * 100);
+    dimSlider.value = String(percent);
+    dimValue.textContent = `${percent}%`;
+    dimReset.hidden = false;
+  }
+
   function findSettingsTrigger() {
     const buttons = [...document.querySelectorAll('button[aria-haspopup="dialog"]')];
     const candidates = buttons.filter((button) => {
@@ -477,6 +507,18 @@ body:not([data-ds-dark-theme]) #beauticode-console-pop{background:#f3f0e9;color:
       }),
     );
   });
+  dimSlider.addEventListener("input", () => {
+    const n = Number(dimSlider.value);
+    if (!Number.isFinite(n)) return;
+    globalThis.BeauticodeBackgroundDim?.set?.(n / 100);
+    renderDim();
+  });
+  dimReset.addEventListener("click", (event) => {
+    event.stopPropagation();
+    globalThis.BeauticodeBackgroundDim?.clear?.();
+    renderDim();
+  });
+  renderDim();
   themeToggle.addEventListener("click", (event) => {
     event.stopPropagation();
     themesExpanded = !themesExpanded;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "beauticode-dsh",
-  "version": "1.0.24",
+  "version": "1.0.25",
   "description": "Cordis plugin: image/video backgrounds for DeepSeek Harness web.",
   "type": "module",
   "main": "./index.mjs",