dsh-any-background 0.2.1 → 0.2.3

package/README.md

@@ -75,22 +75,20 @@ A **DeepSeek Harness** appearance plugin that lets you fully customize the Web U
 
 ## Recent Optimizations
 
-- **Video wallpaper end-to-end** — Videos are stored under MIME-derived names (`wallpaper.mp4/webm/...`) and streamed over the plugin's own HTTP route; they restore automatically after refresh or restart and travel inside exported configs.
-- **Binary upload for large videos** — Uploads stream raw bytes over an HTTP POST straight to disk instead of a base64 detour through RPC (no channel body limit, any size works); aborted transfers clean up after themselves.
-- **Video position editing** — The placement editor works on a captured frame reference with zoom/pan, adapted to all five layout modes; image and video framings persist independently.
-- **Conversation view cards** — The message column gains an automatic card (border/radius/padding) and the trajectory page gets whole-page opacity & blur; switching views restores the previous host.
-- **Boot flicker eliminated** — Theme tokens are injected through a dedicated `!important` stylesheet instead of inline `body` styles, surviving host theme service resets.
-- **Color wheel overlap fixed** — The hue ring is drawn on top of the saturation/lightness square so the square corners no longer cover the ring.
-- **Inspiration palette selection cleared** — Picking a theme color from the wheel deselects any previously selected inspiration swatch.
-- **Debug telemetry removed** — Temporary boot-time logging and `MutationObserver` instrumentation have been cleaned out.
-- **Per-part blur isolated** — Blur is applied on `::before` underlays so it never traps the host's fixed-position settings dialog.
-- **New "Input & controls" part** — The composer box, slash menu, and Cordis plugin panel own a dedicated opacity slider; their translucent surfaces get real frosted-glass backdrop blur attached through stable host data attributes (`[data-composer-card]`, `[data-cordis-panel]`).
-- **Native control contrast fixed** — Solid surface tokens (composer, menus, Cordis panel) now carry per-part alpha, and a forced `color-scheme` keeps native `<select>` popups legible — no more white-on-white when the wallpaper brightness verdict flips labels to white.
-- **Translucency without self-damage** — The "Input & controls" opacity slider is deliberately decoupled from the settings panel's own controls (which share the same button tokens), so adjusting it can never bleach the plugin's own sliders and buttons.
-- **Drag-time performance** — Opacity tokens are written as CSS variables on `<html>` instead of rebuilding the whole token stylesheet per tick; slider updates are coalesced to one rAF per frame; the main-background columns are only retinted when their own slider changes.
-- **Drag-time wallpaper downscaling** — While any slider is being dragged the wallpaper swaps to a (~720px) low-res copy for cheap rasterization over large images, then restores full resolution on release.
-- **Instant video playback on import** — A picked video starts playing immediately from a local object URL while its raw bytes stream to disk in the background; the persisted serve URL takes over on the next reload — no more upload + first-buffer wait after import.
-- **Option boxes follow the card slider** — The dropdowns, slash-trigger menu, model selector, and popovers around the dialog now follow the "Cards & panels" opacity slider instead of "Input & controls"; the Cordis panel keeps its own input-slider binding.
+### v0.2.3
+
+- **Wide tables stay in the column** — When the chat region opacity/blur is raised (which makes the chat border visible), wide markdown tables are pulled back inside the text column and scroll horizontally at the border instead of bleeding past it. Left untouched while the border is invisible, preserving DSH's default behavior.
+- **Network URL wallpaper** — Paste an image URL and the plugin downloads it and writes it to the local wallpaper file (replacing the previous image). Because the remote source lands as a local persisted file, theme export/import keep working with no extra steps: an exported theme embeds the image data, and the receiving side never needs access to the original URL.
+- **Editor confirm button visible in dark mode** — The background-editor "Confirm" button now matches the Cancel/Reset buttons (solid surface with a clear frame and legible label) instead of a translucent primary tint, so it no longer disappears in dark themes.
+- **Maintenance cleanup** — Removed an unused `@deepseek-ai/dsh-client-ui-renderer` entry from the client inject list and aligned self-owned RPC error codes with the new harness convention.
+
+### v0.2.2
+
+- **Dark host surfaces fully themed** — Message bubbles, setting-box inputs/cards, selectors, ghost/toolbar buttons, and module-platform surfaces now carry explicit dark tokens, eliminating white-on-white and white-icon-on-bright bugs across the conversation view, settings page, and interactive controls.
+- **Refresh white-flash eliminated** — A theme-reset watcher re-asserts the plugin's forced scheme within the same frame the host re-applies its light `:root/body` rules; the `!important` token stylesheet survives host theme resets, so entering, refreshing, and set-changes no longer paint a white frame.
+- **Brand badge & code banner contrast** — The sidebar brand badge and the code-block info banner now use dark surfaces with legible labels and icons.
+- **Placeholder reads as a hint** — The composer placeholder is rendered with the weak caption token and italic styling, clearly distinct from real input text.
+- **Dual harness compatibility** — `defineStore` is resolved through a runtime adapter that prefers the new `@deepseek-ai/dsh-client-store` and falls back to the legacy `@deepseek-ai/dsh-client-runtime/client`. A single bundle loads on both the npm release and the new deepseek-harness source, with no "missed the module table" boot failure.
 
 ## Installation
 
@@ -132,7 +130,7 @@ pnpm dsh web
 
 ## Compatibility
 
-- **[`dsh web`](https://github.com/deepseek-ai/deepseek-harness)** — Full support.
+- **[`dsh web`](https://github.com/deepseek-ai/deepseek-harness)** — Full support on both the npm release and the new source build. The plugin auto-detects which client-module table the host ships (the new `@deepseek-ai/dsh-client-store` or the legacy `@deepseek-ai/dsh-client-runtime`) and resolves `defineStore` accordingly at runtime.
 - **[deepseek-harness-desktop](https://github.com/anywhere-labs/deepseek-harness-desktop)** — Supported; a known Electron packaging issue makes the left sidebar and center area opacity appear inverted — awaiting a desktop-client update to fix it.
 
 ## Star History

package/README.zh.md

@@ -75,22 +75,20 @@
 
 ## 近期优化
 
-- **视频壁纸全链路** — 视频按 MIME 改名落盘（`wallpaper.mp4/webm/...`），经插件自建 HTTP 路由流式播放；刷新、重启后自动恢复，导出配置时视频一并内嵌分享。
-- **大视频二进制直传** — 上传改走 HTTP 二进制 POST 流式落盘，不再 base64 绕行 RPC（突破通道 body 上限，任意大小可传），中断自动清理临时文件。
-- **视频位置编辑** — 以截帧为参考图的位置编辑器，支持缩放/移动，与五种布局模式适配；图片与视频构图各自独立持久化。
-- **对话视图卡片化** — 消息列自动上卡片（边框/圆角/内边距），轨迹页整页透明度与模糊可控，视图切换时旧宿主自动还原。
-- **消除启动闪屏** — 主题令牌改为通过独立的 `!important` 样式表注入，可抵御宿主主题服务的重置。
-- **修复色轮覆盖** — 色相环绘制在饱和度/明度方形之上，方形四角不再遮挡色环。
-- **灵感色板选中重置** — 在色轮中选取主题色后，灵感色板中的之前选中状态自动清除。
-- **移除调试埋点** — 清理了临时的启动日志与 `MutationObserver` 探针代码。
-- **分部位模糊隔离** — 模糊效果施加在 `::before` 伪元素上，避免影响宿主固定定位的设置弹窗。
-- **新增「输入框与控件」部件** — 发送框、斜杠菜单、Cordis 插件面板拥有独立的透明度滑块；半透明表面通过宿主的稳定 data 属性（`[data-composer-card]`、`[data-cordis-panel]`）获得真正的毛玻璃背景模糊。
-- **修复原生控件明暗对比** — 实心表面令牌（发送框、菜单、Cordis 面板）现在参与分部位 alpha，并强制 `color-scheme` 让原生 `<select>` 弹层保持可读——消除壁纸判暗把标签转白后出现的白底白字。
-- **透明化不反噬自身** — 「输入框与控件」透明度滑块刻意与该面板自己的控件（共享同一批按钮令牌）解绑，调节它不会把插件自身的滑块和按钮也变透明。
-- **拖动性能优化** — 透明度令牌改为写 `<html>` 上的 CSS 变量（拖动时不再整表重建），滑块更新按 rAF 合帧为每帧一次；「主背景」列仅在自身滑块变化时才重染。
-- **拖动时壁纸降采样** — 拖动任意滑块期间，壁纸临时切换到（~720px）低清副本以降低大图上的合成成本，松手后恢复全分辨率。
-- **导入即播视频壁纸** — 选中的视频立即通过本地对象 URL 开始播放，原始字节在后台流式落盘，下次刷新自动切回持久化服务地址——不再有「上传 + 首帧缓冲」的等待。
-- **选项框跟随卡片滑块** — 对话框周围的下拉菜单、斜杠命令菜单、模型选择器与弹层现在跟随「对话框中选项面板」透明度滑块，而非「输入框与控件」；Cordis 插件面板保持自己的输入滑块绑定。
+### v0.2.3
+
+- **宽表格收进文本栏** — 当对话区透明度/模糊度被调大（边框因此可见）时，宽 Markdown 表格被收回文本栏宽度内、在边框处横向滚动，不再向右溢出裁切；边框不可见时不干预，保留 DSH 官方默认外扩行为。
+- **网络 URL 壁纸** — 填入图片网址即可直接作为壁纸：插件下载图片并写入本地壁纸文件（替换原有持久化图片）。由于远程来源最终落到本地持久化文件，主题导出/导入无需任何额外适配：导出主题时内嵌图片数据，接收方无需访问原始网址也能还原。
+- **深色主题下编辑器确认按钮清晰可见** — 背景编辑器「确认」按钮改为与「取消/重置」一致的实色表面 + 清晰边框 + 可读文字，不再使用半透明的主题色淡染，深色主题下不再看不清。
+- **维护性清理** — 移除 `dsh.client.inject` 中未使用的 `@deepseek-ai/dsh-client-ui-renderer` 条目，并将插件自有 RPC 错误码对齐新版 harness 的命名规范。
+
+### v0.2.2
+
+- **深色宿主表面全面主题化** — 消息气泡、设置框输入框/卡片、选择器、ghost/工具条按钮、module-platform 表面均补全了显式深色令牌，消除对话区、设置页与交互控件中的白底白字、白底白图标问题。
+- **消除刷新白闪** — 新增主题重置监听：宿主重新施加浅色 `:root/body` 规则后，插件在同帧内重新断言强制主题；`!important` 令牌样式表可抵御宿主主题服务的重置，进入、刷新、修改设置不再闪现一帧白底。
+- **品牌徽章与代码信息条对比提升** — 侧边栏品牌徽章与代码块上方信息条改为深色表面，文字与图标保持清晰可辨。
+- **占位符与正式输入区分** — 发送框占位符改用较弱的 caption 令牌并加斜体，空态不会被误认为已输入内容。
+- **双版本兼容** — `defineStore` 通过运行时适配器解析：优先使用新版 `@deepseek-ai/dsh-client-store`，缺失时回退到旧版 `@deepseek-ai/dsh-client-runtime/client`；同一份 bundle 同时兼容 npm 老版本与新版 deepseek-harness 源码，不再出现 "missed the module table" 启动失败。
 
 ## 安装
 
@@ -132,7 +130,7 @@ pnpm dsh web
 
 ## 兼容性
 
-- **[`dsh web`](https://github.com/deepseek-ai/deepseek-harness)** — 完全支持。
+- **[`dsh web`](https://github.com/deepseek-ai/deepseek-harness)** — 同时兼容 npm 发布版与新版源码构建。插件会自动检测宿主携带的客户端模块表（新版 `@deepseek-ai/dsh-client-store` 或旧版 `@deepseek-ai/dsh-client-runtime`），并在运行时据此解析 `defineStore`。
 - **[deepseek-harness-desktop](https://github.com/anywhere-labs/deepseek-harness-desktop)** — 支持；已知 Electron 打包问题导致左侧边栏与中心区域透明度显示相反，需等待桌面端更新修复。
 
 ## Star History

package/lib/client.js

@@ -4,10 +4,18 @@ window.__ModuleLoader__.load({
 		var module = { exports: {} };
 		var exports = module.exports;
 		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-		let _deepseek_ai_dsh_client_runtime_client = require("@deepseek-ai/dsh-client-runtime/client");
 		let react = require("react");
 		let react_jsx_runtime = require("react/jsx-runtime");
 		let react_dom = require("react-dom");
+		//#region src/client/runtime.ts
+		function resolveStore() {
+			try {
+				return require("@deepseek-ai/dsh-client-store");
+			} catch {}
+			return require("@deepseek-ai/dsh-client-runtime/client");
+		}
+		const defineStore = resolveStore().defineStore;
+		//#endregion
 		//#region src/client/i18n.ts
 		const NS = "settings.anyBg";
 		const zh = {
@@ -39,6 +47,13 @@ window.__ModuleLoader__.load({
 			bgTitle: "背景",
 			bgChoose: "选择图片或视频",
 			bgRemove: "移除背景",
+			bgFromUrl: "从网址",
+			bgUrlPlaceholder: "粘贴图片网址 https://…",
+			bgUrlApply: "应用",
+			bgUrlCancel: "取消",
+			bgUrlApplying: "加载中…",
+			bgUrlBadHttp: "仅支持 http/https 图片网址",
+			bgUrlFail: "获取图片失败",
 			bgEdit: "编辑位置",
 			bgEditLocked: "仅「适应」模式可编辑位置",
 			wpOpacity: "背景透明度",
@@ -137,6 +152,13 @@ window.__ModuleLoader__.load({
 			bgTitle: "Background",
 			bgChoose: "Choose image or video",
 			bgRemove: "Remove background",
+			bgFromUrl: "From URL",
+			bgUrlPlaceholder: "Paste an image URL https://…",
+			bgUrlApply: "Apply",
+			bgUrlCancel: "Cancel",
+			bgUrlApplying: "Loading…",
+			bgUrlBadHttp: "Only http/https image URLs are supported",
+			bgUrlFail: "Could not fetch the image",
 			bgEdit: "Edit position",
 			bgEditLocked: "Position editing is only available in Fit mode",
 			wpOpacity: "Background opacity",
@@ -548,6 +570,40 @@ window.__ModuleLoader__.load({
 		async function persistVideo(dataUrl) {
 			return await rpcCall("setVideo", { dataUrl }) === true;
 		}
+		/** Download a wallpaper from a network URL and persist it into the local slot
+		*  (the host replaces wallpaper.jpg). Returns the freshly stored data-URL on
+		*  success, or the host's failure message. */
+		async function setWallpaperFromUrl(url) {
+			if (!rpcCallFn) return {
+				ok: false,
+				error: "rpc not ready"
+			};
+			let res;
+			try {
+				res = await rpcCallFn(rpcEndpoint("setWallpaperUrl"), { url });
+			} catch (e) {
+				return {
+					ok: false,
+					error: e instanceof Error ? e.message : String(e)
+				};
+			}
+			if (!res) return {
+				ok: false,
+				error: "no response"
+			};
+			if (res.ok !== true) return {
+				ok: false,
+				error: res.error?.message ?? "request failed"
+			};
+			const v = res.value;
+			return v?.ok === true ? {
+				ok: true,
+				dataUrl: v.dataUrl ?? null
+			} : {
+				ok: false,
+				error: v?.error ?? "failed"
+			};
+		}
 		/** Upload a video's raw bytes over HTTP (MIME in Content-Type, body untouched
 		*  — no base64 inflation that would blow the RPC body limit on large clips). */
 		async function uploadVideo(blob, mime) {
@@ -610,32 +666,76 @@ window.__ModuleLoader__.load({
 					"--dsw-alias-bg-layer-2": hsl(h(0), s(0), l(.07)),
 					"--dsw-alias-bg-layer-3": hsl(h(0), s(-.05), l(.12)),
 					"--dsw-alias-bg-overlay": hsl(h(0), s(-.05), l(.12)),
+					"--dsw-alias-bg-module-platform": hsl(h(0), s(0), l(.05)),
+					"--dsw-alias-bg-multi-select": hsl(h(0), s(0), l(.1)),
+					"--dsw-alias-bg-skeleton": "rgba(255,255,255,0.08)",
 					"--dsw-alias-border-l1": rgba(h(0), s(-.1), l(.18), .12),
 					"--dsw-alias-border-l2": rgba(h(0), s(-.1), l(.22), .22),
+					"--dsw-alias-border-l3": "rgba(255,255,255,0.16)",
+					"--dsw-alias-border-l4": "rgba(255,255,255,0.2)",
+					"--dsw-alias-border-inverted": "rgba(255,255,255,0.06)",
 					"--dsw-alias-label-primary": hsl(0, 0, 1),
-					"--dsw-alias-label-secondary": hsl(0, 0, 1),
-					"--dsw-alias-label-tertiary": hsl(0, 0, 1),
-					"--dsw-alias-label-caption": hsl(0, 0, 1),
-					"--dsw-alias-label-dimmed": hsl(0, 0, 1),
-					"--dsw-alias-label-quaternary": hsl(0, 0, 1),
+					"--dsw-alias-label-secondary": "rgba(255,255,255,0.85)",
+					"--dsw-alias-label-tertiary": "rgba(255,255,255,0.7)",
+					"--dsw-alias-label-caption": "rgba(255,255,255,0.5)",
+					"--dsw-alias-label-dimmed": "rgba(255,255,255,0.35)",
+					"--dsw-alias-label-quaternary": "rgba(255,255,255,0.25)",
+					"--dsw-alias-label-primary-dimmed": "rgba(255,255,255,0.92)",
+					"--dsw-alias-label-primary-foreground": hsl(0, 0, 1),
+					"--dsw-alias-label-primary-inverted": hsl(h(0), s(.08), Math.min(l(.06), .16)),
+					"--dsw-alias-label-primary-bluish": hsl(0, 0, 1),
 					"--dsw-alias-brand-primary": hsl(h(0), s(.1), Math.max(l(.2), .5)),
 					"--dsw-alias-brand-text": l(.2) > .6 ? "#000" : "#fff",
+					"--dsw-alias-button-primary-fill": hsl(h(0), s(.1), Math.max(l(.2), .5)),
 					"--dsw-alias-button-primary-hover": hsl(h(0), s(.1), Math.max(l(.28), .58)),
 					"--dsw-alias-button-primary-dimmed": hsl(h(0), s(0), l(.07)),
 					"--dsw-alias-button-elevated-fill": hsl(h(0), s(0), l(.04)),
+					"--dsw-alias-button-floating-fill": hsl(h(0), s(0), l(.02)),
 					"--dsw-alias-button-floating-hover": hsl(h(0), s(0), l(.1)),
+					"--dsw-alias-button-tool-bar-fill": "rgba(255,255,255,0.08)",
+					"--dsw-alias-button-tool-bar-hover": "rgba(255,255,255,0.12)",
+					"--dsw-alias-button-ghost-active-fill": hsl(h(0), s(0), l(.06)),
+					"--dsw-alias-button-ghost-active-border": "rgba(255,255,255,0.16)",
+					"--dsw-alias-button-ghost-active-hover": hsl(h(0), s(0), l(.09)),
+					"--dsw-alias-button-info-fill": "#679efe",
+					"--dsw-alias-button-info-hover": "#4176e6",
+					"--dsw-alias-button-contrast-fill": hsl(0, 0, 1),
 					"--dsw-alias-interactive-bg-hover": rgba(h(0), s(0), Math.max(l(.15), .4), .12),
+					"--dsw-alias-interactive-bg-hover-solid": rgba(h(0), s(0), Math.max(l(.15), .4), .16),
+					"--dsw-alias-interactive-bg-hover-accent": "rgba(255,255,255,0.24)",
+					"--dsw-alias-interactive-bg-hover-danger": "rgba(242,90,90,0.15)",
 					"--dsw-alias-interactive-bg-active": rgba(h(0), s(0), Math.max(l(.15), .4), .2),
 					"--dsw-alias-markdown-code-block": hsl(h(0), s(0), l(-.06)),
+					"--dsw-alias-markdown-code-block-banner": hsl(h(0), s(0), l(-.02)),
 					"--dsw-alias-markdown-inline-code": hsl(h(0), s(0), l(.04)),
+					"--dsw-alias-markdown-placeholder": hsl(h(0), s(0), l(-.02)),
+					"--dsw-alias-markdown-tag": hsl(h(0), s(0), l(.05)),
+					"--dsw-alias-markdown-citation": hsl(h(0), s(0), l(.06)),
+					"--dsw-alias-markdown-code-segment-selected": hsl(h(0), s(0), l(.05)),
+					"--dsw-alias-markdown-code-segment-unselected": hsl(h(0), s(0), l(-.05)),
 					"--dsw-alias-state-error-primary": "#ff5c72",
+					"--dsw-alias-state-error-secondary": "#ff8aa0",
 					"--dsw-alias-state-success-primary": "#3ddc84",
+					"--dsw-alias-state-success-secondary": "#69eea4",
+					"--dsw-alias-state-success-tertiary": "hsl(152,70%,62%)",
 					"--dsw-alias-state-warn-primary": "#ffb347",
+					"--dsw-alias-state-warn-secondary": "#ffc980",
+					"--dsw-alias-state-warn-tertiary": "#dd8629",
+					"--dsw-alias-state-warn-label": "#dd8629",
+					"--dsw-alias-state-business-primary": "#679efe",
+					"--dsw-alias-state-business-tertiary": "#6f7fa8",
 					"--dsw-specific-sidebar-fill": hsl(h(0), s(0), l(-.06)),
 					"--dsw-specific-sidebar-nav-item-active": hsl(h(0), s(0), l(.04)),
 					"--dsw-specific-sidebar-nav-item-hover": hsl(h(0), s(0), l(0)),
 					"--dsw-specific-input-major": hsl(h(0), s(0), l(.02)),
 					"--dsw-specific-menu": hsl(h(0), s(0), l(.08)),
+					"--dsw-specific-bubble": hsl(h(0), s(0), l(.03)),
+					"--dsw-specific-bubble-highlight": hsl(h(0), s(0), l(.08)),
+					"--dsw-specific-selector": hsl(h(0), s(0), l(.05)),
+					"--dsw-specific-login-input": hsl(h(0), s(0), l(.03)),
+					"--dsw-specific-tip": hsl(h(0), s(0), l(.05)),
+					"--dsw-alias-toast-bg": hsl(h(0), s(0), l(.08)),
+					"--dsw-alias-tooltip-bg": hsl(h(0), s(0), l(.08)),
 					"--dsw-alias-scrollbar-bg-l1": hsl(h(0), s(-.05), l(.12)),
 					"--dsw-alias-scrollbar-bg-l2": hsl(h(0), s(-.05), l(.16)),
 					"--dsw-alias-scrollbar-hover-l1": hsl(h(0), s(-.05), l(.22)),
@@ -653,11 +753,11 @@ window.__ModuleLoader__.load({
 					"--dsw-alias-border-l1": rgba(h(0), s(-.15), l(-.35), .18),
 					"--dsw-alias-border-l2": rgba(h(0), s(-.15), l(-.35), .3),
 					"--dsw-alias-label-primary": hsl(0, 0, 0),
-					"--dsw-alias-label-secondary": hsl(0, 0, 0),
-					"--dsw-alias-label-tertiary": hsl(0, 0, 0),
-					"--dsw-alias-label-caption": hsl(0, 0, 0),
-					"--dsw-alias-label-dimmed": hsl(0, 0, 0),
-					"--dsw-alias-label-quaternary": hsl(0, 0, 0),
+					"--dsw-alias-label-secondary": "rgba(0,0,0,0.85)",
+					"--dsw-alias-label-tertiary": "rgba(0,0,0,0.7)",
+					"--dsw-alias-label-caption": "rgba(0,0,0,0.5)",
+					"--dsw-alias-label-dimmed": "rgba(0,0,0,0.35)",
+					"--dsw-alias-label-quaternary": "rgba(0,0,0,0.25)",
 					"--dsw-alias-brand-primary": hsl(h(0), s(.05), Math.min(l(-.18), .45)),
 					"--dsw-alias-brand-text": "#fff",
 					"--dsw-alias-button-primary-hover": hsl(h(0), s(.05), Math.min(l(-.12), .5)),
@@ -1489,14 +1589,14 @@ window.__ModuleLoader__.load({
 			for (const name of appliedTokenNames) document.body.style.removeProperty(name);
 			appliedTokenNames = [];
 		}
-		/** Label tokens flipped by the generated-background brightness verdict. */
+		/** Label tokens flipped by the generated-background brightness verdict. The
+		*  faint tiers (caption/dimmed) are deliberately NOT flipped: they back
+		*  placeholder/hint text, which must stay visibly weaker than real input even
+		*  when the wallpaper brightness flips the main label direction. */
 		const LABEL_TOKENS = [
 			"--dsw-alias-label-primary",
 			"--dsw-alias-label-secondary",
-			"--dsw-alias-label-tertiary",
-			"--dsw-alias-label-caption",
-			"--dsw-alias-label-dimmed",
-			"--dsw-alias-label-quaternary"
+			"--dsw-alias-label-tertiary"
 		];
 		const OPACITY_TOKEN_GROUPS = [
 			{
@@ -1934,6 +2034,36 @@ window.__ModuleLoader__.load({
 				viewTargets[i] = null;
 			});
 		}
+		const TABLE_FIX_RULE = [
+			".md-table-wide {",
+			"  --dsh-table-spare: 0px !important;",
+			"  --dsh-table-lead: 0px !important;",
+			"  box-sizing: border-box !important;",
+			"  width: 100% !important;",
+			"  max-width: 100% !important;",
+			"  margin-left: 0 !important;",
+			"  padding-left: 0 !important;",
+			"  padding-bottom: 0 !important;",
+			"  overflow-x: auto !important;",
+			"}"
+		].join("\n");
+		let tableFixStyleEl = null;
+		/** Toggle the wide-table clamp according to the chat region's opacity & blur. */
+		function syncTableFix() {
+			if (!(rChatTextOpacity() > 0 || rBlurs().chat > 0)) {
+				if (tableFixStyleEl !== null) {
+					tableFixStyleEl.remove();
+					tableFixStyleEl = null;
+				}
+				return;
+			}
+			if (tableFixStyleEl === null) {
+				tableFixStyleEl = document.createElement("style");
+				tableFixStyleEl.dataset.plugin = "dsh-any-background-table-fix";
+				tableFixStyleEl.textContent = TABLE_FIX_RULE;
+			}
+			if (!tableFixStyleEl.isConnected) document.head.appendChild(tableFixStyleEl);
+		}
 		/** Re-derive the conversation view cards from the current config. Cheap
 		*  enough for live slider drags; the card structure is applied unconditionally
 		*  once the host exists so the layout never reflows when a slider leaves zero. */
@@ -1959,6 +2089,7 @@ window.__ModuleLoader__.load({
 				target.setAttribute(spec.mark, "1");
 				setBlur(target, blurPx);
 			});
+			syncTableFix();
 		}
 		let partsObserver = null;
 		/** Watch for the AppFrame mounting so persisted blurs land even when the shell
@@ -1980,6 +2111,42 @@ window.__ModuleLoader__.load({
 			partsObserver?.disconnect();
 			partsObserver = null;
 		}
+		let themeObserver = null;
+		let themeRaf = 0;
+		function reassertScheme() {
+			const [, , l] = rColor();
+			if (rBgDark() ?? l < .55) document.body.setAttribute("data-ds-dark-theme", "dsh-any-background");
+			else document.body.removeAttribute("data-ds-dark-theme");
+			applyCustomTokens(rOps());
+		}
+		/** Re-assert the plugin's forced scheme whenever the host strips it, so a
+		*  refresh / cold-load / set-change never flashes a light frame. Returns a
+		*  disposer for teardown. */
+		function watchThemeResets() {
+			if (themeObserver !== null || typeof MutationObserver === "undefined") return () => void 0;
+			themeObserver = new MutationObserver(() => {
+				if (document.body.getAttribute("data-ds-dark-theme") === "dsh-any-background") return;
+				if (!(rHasColor() || rBgDark() !== null)) return;
+				if (themeRaf !== 0) return;
+				themeRaf = requestAnimationFrame(() => {
+					themeRaf = 0;
+					if (document.body.getAttribute("data-ds-dark-theme") === "dsh-any-background") return;
+					reassertScheme();
+				});
+			});
+			themeObserver.observe(document.body, {
+				attributes: true,
+				attributeFilter: ["data-ds-dark-theme"]
+			});
+			themeObserver.observe(document.documentElement, {
+				attributes: true,
+				attributeFilter: ["data-ds-dark-theme"]
+			});
+			return () => {
+				themeObserver?.disconnect();
+				themeObserver = null;
+			};
+		}
 		function ensureWpContainer() {
 			if (!wpEl || !document.body.contains(wpEl)) {
 				wpEl = document.createElement("div");
@@ -2241,6 +2408,8 @@ window.__ModuleLoader__.load({
 				tokensRaf = null;
 			}
 			pendingOps = null;
+			tableFixStyleEl?.remove();
+			tableFixStyleEl = null;
 			setBlur(frameEl, 0);
 			setBlur(sidebarEl, 0);
 			setBlur(centerEl, 0);
@@ -2387,6 +2556,9 @@ window.__ModuleLoader__.load({
 .dab-num:focus{border-color:var(--dsw-alias-brand-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--dsw-alias-brand-primary) 18%,transparent)}
 .dab-num::-webkit-outer-spin-button,.dab-num::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
 .dab-num{-moz-appearance:textfield;appearance:textfield}
+.dab-urlinput{flex:1;min-width:180px;height:34px;padding:0 12px;border-radius:10px;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);font-size:12.5px;outline:none;transition:border-color .2s}
+.dab-urlinput::placeholder{color:var(--dsw-alias-label-quaternary)}
+.dab-urlinput:focus{border-color:var(--dsw-alias-brand-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--dsw-alias-brand-primary) 18%,transparent)}
 .dab-swatch-lg{height:38px;border-radius:10px;border:1px solid var(--dsw-alias-border-l2);box-shadow:inset 0 0 14px rgba(0,0,0,.1);transition:transform .3s ease}
 .dab-swatch-lg:hover{transform:scale(1.02)}
 
@@ -2686,6 +2858,15 @@ window.__ModuleLoader__.load({
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M2.8 13.8h10.4" })
 			]
 		});
+		const LinkIcon = ({ size, className }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Glyph, {
+			size,
+			className,
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M6.6 9.4 9.4 6.6" }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M5.9 11.1l-1.4 1.4a2.6 2.6 0 0 1-3.7-3.7L3.5 6.8" }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M10.1 4.9l1.4-1.4a2.6 2.6 0 0 1 3.7 3.7l-2.1 2.1" })
+			]
+		});
 		const LockIcon = ({ size, className }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Glyph, {
 			size,
 			className,
@@ -4002,7 +4183,7 @@ window.__ModuleLoader__.load({
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 								type: "button",
-								className: "dab-btn dab-btn-primary",
+								className: "dab-btn",
 								onClick: () => onCommit(zoom, (pos.x + imgSize.w * zoom / 2) / pw, (pos.y + imgSize.h * zoom / 2) / ph, imgRef.current?.naturalWidth ?? 0, imgRef.current?.naturalHeight ?? 0),
 								children: t("editorCommit")
 							})
@@ -4047,6 +4228,10 @@ window.__ModuleLoader__.load({
 			const [editorOpen, setEditorOpen] = (0, react.useState)(false);
 			const [dragOver, setDragOver] = (0, react.useState)(false);
 			const [spinTick, setSpinTick] = (0, react.useState)(0);
+			const [urlOpen, setUrlOpen] = (0, react.useState)(false);
+			const [urlVal, setUrlVal] = (0, react.useState)("");
+			const [urlBusy, setUrlBusy] = (0, react.useState)(false);
+			const [urlErr, setUrlErr] = (0, react.useState)(null);
 			const [mode, setModeState] = (0, react.useState)(rBgMode());
 			const isVideo = backgroundType === "video";
 			const isStatic = backgroundType === "image" || isVideo;
@@ -4067,6 +4252,22 @@ window.__ModuleLoader__.load({
 				const f = e.dataTransfer.files?.[0];
 				if (f && (f.type.startsWith("image/") || f.type.startsWith("video/"))) onFileSelect(f);
 			};
+			const applyUrl = async () => {
+				const u = urlVal.trim();
+				if (!/^https?:\/\//i.test(u)) {
+					setUrlErr(t("bgUrlBadHttp"));
+					return;
+				}
+				setUrlBusy(true);
+				setUrlErr(null);
+				const r = await setWallpaperFromUrl(u);
+				setUrlBusy(false);
+				if (r.ok) {
+					setWp(r.dataUrl ?? null);
+					setUrlOpen(false);
+					setUrlVal("");
+				} else setUrlErr(r.error === "invalid url" || r.error === "unsupported scheme" ? t("bgUrlBadHttp") : r.error ?? t("bgUrlFail"));
+			};
 			const switchToStatic = () => {
 				if (isStatic) return;
 				setBgType(isVideo || cfg.videoMime !== null ? "video" : "image");
@@ -4227,41 +4428,105 @@ window.__ModuleLoader__.load({
 				!isGenerated ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
 					className: "dab-card dab-card-hover dab-rise",
 					style: { "--d": 3 },
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "dab-chip-row",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-							type: "button",
-							className: "dab-btn dab-btn-primary",
-							onClick: () => fileRef.current?.click(),
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(UploadIcon, { size: 14 }), t("bgChoose")]
-						}), storeUrl || isVideo ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [isStatic && storeUrl ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-							type: "button",
-							className: "dab-btn",
-							disabled: mode !== "fit",
-							title: mode !== "fit" ? t("bgEditLocked") : void 0,
-							onClick: () => setEditorOpen(true),
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(EditIcon, { size: 14 }), t("bgEdit")]
-						}) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-							type: "button",
-							className: "dab-btn dab-btn-ghost dab-btn-danger",
-							onClick: () => setWp(null),
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TrashIcon, { size: 14 }), t("bgRemove")]
-						})] }) : null]
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						style: { marginTop: 16 },
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: "dab-swatch-title",
-							children: t("bgModeTitle")
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: "dab-chip-row",
-							children: BG_MODES.map((m) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-								type: "button",
-								className: `dab-chip${mode === m.mode ? " is-active" : ""}`,
-								onClick: () => setMode(m.mode),
-								children: t(m.labelKey)
-							}, m.mode))
-						})]
-					})]
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+									type: "button",
+									className: "dab-btn dab-btn-primary",
+									onClick: () => fileRef.current?.click(),
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(UploadIcon, { size: 14 }), t("bgChoose")]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+									type: "button",
+									className: "dab-btn dab-btn-ghost",
+									onClick: () => setUrlOpen((o) => !o),
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(LinkIcon, { size: 14 }), t("bgFromUrl")]
+								}),
+								storeUrl || isVideo ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [isStatic && storeUrl ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+									type: "button",
+									className: "dab-btn",
+									disabled: mode !== "fit",
+									title: mode !== "fit" ? t("bgEditLocked") : void 0,
+									onClick: () => setEditorOpen(true),
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(EditIcon, { size: 14 }), t("bgEdit")]
+								}) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+									type: "button",
+									className: "dab-btn dab-btn-ghost dab-btn-danger",
+									onClick: () => setWp(null),
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TrashIcon, { size: 14 }), t("bgRemove")]
+								})] }) : null
+							]
+						}),
+						urlOpen ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dab-urlrow",
+							style: {
+								marginTop: 12,
+								display: "flex",
+								flexWrap: "wrap",
+								gap: 8,
+								alignItems: "center"
+							},
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									type: "text",
+									className: "dab-urlinput",
+									value: urlVal,
+									placeholder: t("bgUrlPlaceholder"),
+									onChange: (e) => setUrlVal(e.target.value),
+									onKeyDown: (e) => {
+										if (e.key === "Enter") {
+											e.preventDefault();
+											applyUrl();
+										}
+									},
+									autoFocus: true
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: "dab-btn dab-btn-primary",
+									disabled: urlBusy,
+									onClick: () => void applyUrl(),
+									children: urlBusy ? t("bgUrlApplying") : t("bgUrlApply")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: "dab-btn",
+									onClick: () => {
+										setUrlOpen(false);
+										setUrlVal("");
+										setUrlErr(null);
+									},
+									children: t("bgUrlCancel")
+								})
+							]
+						}) : null,
+						urlErr ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "dab-urlerr",
+							style: {
+								marginTop: 8,
+								color: "var(--dsw-alias-state-error-primary)",
+								fontSize: 12
+							},
+							children: urlErr
+						}) : null,
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							style: { marginTop: 16 },
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "dab-swatch-title",
+								children: t("bgModeTitle")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "dab-chip-row",
+								children: BG_MODES.map((m) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: `dab-chip${mode === m.mode ? " is-active" : ""}`,
+									onClick: () => setMode(m.mode),
+									children: t(m.labelKey)
+								}, m.mode))
+							})]
+						})
+					]
 				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
 					className: "dab-card dab-rise",
 					style: { "--d": 3 },
@@ -4749,7 +5014,7 @@ window.__ModuleLoader__.load({
 			}, "dsh-any-background: skin dispose");
 			const styleEl = document.createElement("style");
 			styleEl.dataset.plugin = "dsh-any-background";
-			styleEl.textContent = `body[data-ds-dark-theme="dsh-any-background"]::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(255,255,255,0.03) 0%,transparent 60%)}${SETTINGS_STYLE_RULE}${TRAJECTORY_STYLE_RULE}${INPUT_BLUR_RULE}`;
+			styleEl.textContent = `body[data-ds-dark-theme="dsh-any-background"]::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(255,255,255,0.03) 0%,transparent 60%)}${SETTINGS_STYLE_RULE}${TRAJECTORY_STYLE_RULE}${INPUT_BLUR_RULE}[data-composer-card] textarea::placeholder,[data-composer-card] input::placeholder,[data-composer-card] [contenteditable]::placeholder,[data-cordis-panel] input::placeholder,[data-cordis-panel] textarea::placeholder,.dab-input::placeholder,.dab-input textarea::placeholder,.dab-input input::placeholder{color:var(--dsh-any-placeholder,var(--dsw-alias-label-caption,#8a8f98))!important;font-style:italic;opacity:.85}`;
 			document.head.appendChild(styleEl);
 			ctx.effect(() => () => {
 				styleEl?.parentNode?.removeChild(styleEl);
@@ -4760,7 +5025,7 @@ window.__ModuleLoader__.load({
 			let colorRev = 0;
 			let bgRev = 0;
 			const colorTimerRef = { current: null };
-			const store = (0, _deepseek_ai_dsh_client_runtime_client.defineStore)({
+			const store = defineStore({
 				init: () => ({
 					url: null,
 					rev: -1,
@@ -5214,6 +5479,10 @@ window.__ModuleLoader__.load({
 			ctx.effect(() => () => {
 				window.clearInterval(watchdogId);
 			}, "dsh-any-background: theme watchdog");
+			const disposeThemeResets = watchThemeResets();
+			ctx.effect(() => () => {
+				disposeThemeResets();
+			}, "dsh-any-background: theme resets watch");
 			const onPageHide = () => flushSave();
 			window.addEventListener("pagehide", onPageHide);
 			ctx.effect(() => () => window.removeEventListener("pagehide", onPageHide), "dsh-any-background: pagehide flush");