beauticode-dsh 1.0.23 → 1.0.25

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/atmosphere.js

@@ -1,4 +1,5 @@
-(() => {
+//hello,starstreaming
+(() => {
   "use strict";
 
   const STYLE_ID = "beauticode-atmosphere-style";

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) => {
@@ -126,11 +156,30 @@ body:not([data-ds-dark-theme]) #beauticode-console-pop{background:#f3f0e9;color:
     pop.style.bottom = `${Math.round(window.innerHeight - rect.top + 8)}px`;
   }
 
+  function isContents(node) {
+    if (!node) return false;
+    if (node.style?.display === "contents") return true;
+    if (typeof getComputedStyle === "function") {
+      try {
+        return getComputedStyle(node).display === "contents";
+      } catch {
+        return false;
+      }
+    }
+    return false;
+  }
+
+  function layoutParent(node) {
+    let current = node?.parentElement ?? null;
+    while (current && isContents(current)) current = current.parentElement;
+    return current;
+  }
+
   function place() {
     const settings = findSettingsTrigger();
-    const row = settings?.parentElement;
-    const settingsArea = row?.parentElement;
-    const footArea = settingsArea?.parentElement;
+    const row = layoutParent(settings);
+    const settingsArea = layoutParent(row);
+    const footArea = layoutParent(settingsArea);
     if (!settings || !settingsArea || !footArea) {
       if (host.parentElement) host.remove();
       return;
@@ -458,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.23",
+  "version": "1.0.25",
   "description": "Cordis plugin: image/video backgrounds for DeepSeek Harness web.",
   "type": "module",
   "main": "./index.mjs",

package/vendor/core/apply-transaction.js

@@ -1,6 +1,6 @@
 import fs from "node:fs/promises";
 import path from "node:path";
-import { MAX_INLINE_DATA_URL_BYTES, MAX_VIDEO_POSTER_INLINE_BYTES, } from "./constants.js";
+import { MAX_INLINE_DATA_URL_BYTES } from "./constants.js";
 import { isLocalBackgroundSource, resolveBackgroundImagePath, resolveBackgroundVideoPath, } from "./media-source.js";
 import { detectImageMime } from "./media-validation.js";
 // Cold-first-access symptoms reported by the renderer while the OS is still
@@ -286,13 +286,7 @@ export async function buildHostApplyPayload(store, manifest, staged, cssText, vi
     const imagePath = resolveBackgroundImagePath(store.paths.activeDir, manifest.background);
     if (!imagePath)
         throw new Error("Background has no image source.");
-    const imageStat = await fs.stat(imagePath).catch(() => null);
-    const skipInlinePoster = manifest.background.type === "video" &&
-        imageStat != null &&
-        imageStat.size > MAX_VIDEO_POSTER_INLINE_BYTES;
-    const imageDataUrl = opts.includeImageDataUrl === false || skipInlinePoster
-        ? null
-        : await fileToDataUrl(imagePath);
+    const imageDataUrl = opts.includeImageDataUrl === false ? null : await fileToDataUrl(imagePath);
     const imageUrl = staged?.image?.srcUrl ?? null;
     if (manifest.background.type === "image") {
         return {

package/vendor/core/constants.js

@@ -9,11 +9,6 @@ export const MAX_VIDEO_BYTES = 800 * 1024 * 1024;
  * Keep this equal to MAX_IMAGE_BYTES so every accepted image can publish.
  */
 export const MAX_INLINE_DATA_URL_BYTES = MAX_IMAGE_BYTES;
-/**
- * Keep a large video poster out of the Codex Runtime.evaluate payload.
- * The first decoded video frame replaces the poster after the blob attaches.
- */
-export const MAX_VIDEO_POSTER_INLINE_BYTES = 1024 * 1024;
 export const COMMIT_MARKER_NAME = ".beauticode-commit-in-progress";
 export const COMMIT_MARKER_STALE_MS = 120_000;
 export const MEDIA_TOKEN_HEADER = "x-beauticode-media-token";