dsh-tiddlywiki 0.7.4 → 0.8.0

package/README.md

@@ -17,6 +17,7 @@
 |---|---|
 | 🤖 **Agent 工具** | `tiddlywiki_search` / `get` / `put` / `batch_put` / `rename` / `delete` / `recent` / `list_tags` / `git_sync` / `git_resolve` 十个工具：检索、读写、批量、重命名、删除、git 同步与冲突解决 |
 | 🧭 **内嵌编辑器** | 侧边栏「TiddlyWiki」入口 → 中央列内嵌完整 TW 5 编辑器（**同源代理**，经 DSH origin 访问，Tailscale/内网/域名/HTTPS 均可用） |
+| 🌗 **跟随 DSH 主题** | 嵌入式 TW（中央面板 +「在 TW 中编辑」弹窗）**自适应 DSH 深浅主题**：暗色自动切深色 palette、浅色恢复原 palette；**纯内存切换，不写回 wiki、不进 git**；设置页可关可换深色 palette |
 | 📝 **快速笔记** | 右下角「知识库」悬浮按钮 → 快速笔记卡片：**CodeMirror 6** Markdown 编辑器（语法高亮 + 撤销/重做）、文件上传、多选/自动补全 tag、**草稿自动保存（刷新不丢）**、**「🕘 最近」一键载入旧笔记**，Ctrl+Enter 保存；可整体隐藏 |
 | 🔄 **一键同步** | 「知识库」按钮 →「🔁 同步」：pull → commit → push；FAB 上的状态点实时反映 git 状态（已同步/待提交/可更新/离线） |
 | ⚙️ **设置页** | DSH 设置 →「TiddlyWiki 知识库」：插件/主题/语言管理与运行配置，应用后自动重启 TW |
@@ -25,6 +26,18 @@
 
 ---
 
+## 🕘 版本记录
+
+> 最近几个主要版本的一句话更新记录（完整变更见 git log / Releases）。
+
+- **v0.8.0**（2026-09-04）：嵌入式 TW **跟随 DSH 深浅主题**——暗色自动切深色 palette（默认 CupertinoDark）、浅色恢复原 palette，纯内存切换**不写回 wiki、不进 git**，设置页可开关/换深色 palette。
+- **v0.7.2**（2026-09-03）：「一键发送到 dsh」改为**工作区优先**——新增 POST `/agent/create` 按 cwd 落入真实 Workspace，新会话不再丢到「未分组」；自动给新笔记补打 `agent-written` 标签并在首页分区展示。
+- **v0.7.0**（2026-09-03）：TW 里**一键把当前笔记发送到 dsh 会话**（`/agent/sessions` + `/agent/send` + TW 按钮，可配置开关）。
+- **v0.6.0**（2026-09-03）：**同源代理**——嵌入式 TW 编辑器改为经 DSH origin（`/dsh-tiddlywiki/tw/`）访问，Tailscale / 内网 / 域名 / HTTPS 下都能正常加载与编辑。
+- **v0.5.0**（2026-09-03）：Agent 工具扩充（搜索 tag/type/since 过滤，`recent` / `list_tags` / `batch_put` / `rename` / `git_resolve`）；快速笔记**草稿自动保存**与「🕘 最近」一键载入；右下角统一「知识库」悬浮按钮（快速笔记 + 同步 + TW 面板）。
+
+---
+
 ## 📦 安装
 
 插件随 dsh 插件系统安装，三种方式任选（装完**重启 dsh web** 生效；把 `--profile web` 换成你自己的 profile 名）：
@@ -89,6 +102,12 @@ dsh plugin --profile web add link:/path/to/your/dsh-tiddlywiki
 
 **🧭 中央列编辑器** — 侧边栏「TiddlyWiki」按钮开关中央编辑器面板（**同源代理**：iframe 指向 `<DSH origin>/dsh-tiddlywiki/tw/`，由 DSH 转发到回环上的 TW 服务），完整 TW 5 编辑器。
 
+**🌗 跟随 DSH 主题** — 中央面板与「✏️ 在 TW 中编辑」弹窗里的 TW **自动跟随 DSH 的深浅主题**（v0.8.0 起，`ui.followDshTheme`，默认开）：
+- DSH 处于**暗色**时，TW 的活动 palette 临时切到深色 palette（默认 `$:/palettes/CupertinoDark`）；切回**浅色**时自动恢复你原来的 palette；
+- 如果你本来就用着深色 palette（如 SolarizedDark），暗色下不打扰；浅色下也不会把你的选择改掉；
+- 切换是**纯内存**的（写入 `$:/palette` 后同步校准 syncer 的 changeCount，阻止它 PUT 回服务端）——**不写回 wiki、不进 git 历史**，你的 palette 选择与知识库 git 状态始终干净；
+- 开关与深色 palette 可在设置页「常规配置」调整。
+
 **📝 快速笔记** — 右下角「**知识库**」悬浮按钮 →「📝 快速笔记」（可折叠）：
 - **CodeMirror 6 编辑器**：真正的 Markdown 语法树高亮（标题/列表/代码/链接/表格/任务清单/删除线等，GFM），支持撤销/重做与行内编辑体验；
 - **草稿自动保存**：正文/标题/标签 500ms 防抖写入本地，关掉卡片或刷新页面都不丢；重开自动恢复，可一键「丢弃」；
@@ -111,7 +130,7 @@ dsh plugin --profile web add link:/path/to/your/dsh-tiddlywiki
 | 区块 | 内容 |
 |---|---|
 | 状态/重启 | TW 运行状态 + git 概览 + 「同步」按钮 + 「重启 TW」按钮 |
-| 常规配置 | 快速笔记默认 tag、git 自动 commit/防抖/远端/分支、ui 开关（快速笔记/面板状态/同步按钮——分别控制「知识库」按钮里的对应入口）——改了什么保存什么 |
+| 常规配置 | 快速笔记默认 tag、git 自动 commit/防抖/远端/分支、ui 开关（快速笔记/面板状态/同步按钮——分别控制「知识库」按钮里的对应入口）、**跟随 DSH 主题开关 + 深色 palette**——改了什么保存什么 |
 | 插件管理 | 自带官方插件勾选（可搜索）→ 应用并自动重启 TW |
 | 主题管理 | 自带主题**多选加载 + 单选活动** → 应用并自动重启 TW |
 | 语言管理 | 自带官方语言包勾选（含 zh-Hans 简体）→ 应用并自动重启 TW |
@@ -182,6 +201,8 @@ TW 子进程只监听 **127.0.0.1 回环**（更安全），**agent 工具、快
       showQuickNote: true           # 是否显示「知识库」按钮里的「快速笔记」入口
       showPanelStatus: true         # 是否显示「知识库」按钮里的 TW 面板/重载入口与状态行
       showSyncButton: true          # 是否显示「知识库」按钮里的「同步」入口与 git 状态点
+      followDshTheme: true          # 嵌入式 TW 是否跟随 DSH 深浅主题（纯内存切换）
+      darkPalette: "$:/palettes/CupertinoDark"   # DSH 暗色时 TW 使用的深色 palette
     auth:
       username: ""                     # 默认 loopback 匿名；暴露到非 loopback 时才需要
       password: ""
@@ -203,6 +224,7 @@ npm install
 npm run typecheck     # tsc --noEmit
 npm run build         # clean + host tsdown + client tsdown + wrap
 npm run selftest      # headless：spawn TW → REST 读写 → git → 退出回收
+node scripts/verify-theme-browser.mjs   # 可选：真实浏览器验证「跟随 DSH 主题」的 palette 切换与不持久化（需 puppeteer-core + Chrome，缺则 SKIP）
 ```
 
 **产物约定**（发布必守）：`lib/` 内**零** `@deepseek-ai` 运行时 import（`src/sdk.ts` 自实现 `defineTool` / `dshHomePath`，类型用结构接口）。发布前用 `grep -r "@deepseek-ai" lib/` 验证。
@@ -260,6 +282,7 @@ src/
     ├── styles.ts / state.ts / toast.ts
     ├── sidebar-entry.ts  # 侧边栏入口
     ├── panel.ts          # 中央列 iframe 面板（fixed 覆盖层，钉住整列）
+    ├── theme-sync.ts     # 跟随 DSH 主题：检测深浅 + 纯内存切 TW palette（不写回 wiki）
     ├── note-widget.ts      # 悬浮快速笔记
     ├── markdown-editor.ts  # 快速笔记编辑器（CodeMirror 6 + Lezer Markdown 高亮）
     ├── sync-button.ts      # 一键同步悬浮按钮

package/lib/client.bundle.js

@@ -101,7 +101,9 @@ html[data-dsh-tw-active] .dshDesktopConversationSurface > :not([data-dsh-tw-view
 .dsh-tw-status-dot[data-state="starting"] { background: var(--dsw-alias-state-warning-primary, #d9822b); }
 .dsh-tw-status-dot[data-state="failed"], .dsh-tw-status-dot[data-state="stopped"] { background: var(--dsw-alias-state-error-primary, #d13b3b); }
 
-.dsh-tw-panel-frame { flex: 1; min-height: 0; border: 0; width: 100%; display: block; background: #fff; }
+/* The iframe background follows the DSH theme so a blank/preload frame never
+   flashes pure white in dark mode (TW paints its own palette once loaded). */
+.dsh-tw-panel-frame { flex: 1; min-height: 0; border: 0; width: 100%; display: block; background: var(--dsw-alias-bg-layer-1, #fff); }
 /* [hidden] must beat the author display rules above (UA hidden is overridden). */
 .dsh-tw-panel-frame[hidden],
 .dsh-tw-panel-error[hidden] { display: none !important; }
@@ -281,7 +283,7 @@ html[data-dsh-tw-active] .dshDesktopConversationSurface > :not([data-dsh-tw-view
   color: var(--dsw-alias-label-dimmed, #888); padding: 5px 8px; border-radius: 6px;
 }
 .dsh-tw-editor-close:hover { background: var(--dsw-alias-interactive-bg-hover, rgba(128,128,128,.12)); color: var(--dsw-alias-label-primary, #222); }
-.dsh-tw-editor-frame { flex: 1; min-height: 0; width: 100%; border: 0; background: #fff; }
+.dsh-tw-editor-frame { flex: 1; min-height: 0; width: 100%; border: 0; background: var(--dsw-alias-bg-layer-1, #fff); }
 .dsh-tw-editor-resize { position: absolute; right: 0; bottom: 0; width: 16px; height: 16px; cursor: nwse-resize; }
 .dsh-tw-note-toggle {
   border: 1px solid var(--dsw-alias-border-l2, rgba(0,0,0,.18));
@@ -637,6 +639,253 @@ function mountSidebarEntry(state) {
 	};
 }
 //#endregion
+//#region src/client/theme-sync.ts
+/**
+* Adaptive DSH theme for the embedded TiddlyWiki iframes (design doc §12).
+*
+* Both the center-column panel and the quick-note editor popup embed the
+* SAME-ORIGIN TW proxy, so this module can reach the TW runtime directly
+* (`iframe.contentWindow.$tw`) and drive its native theming.
+*
+* How TW theming works
+* --------------------
+* TW 5 renders its colours through the ACTIVE palette: `$:/palette` holds the
+* title of a palette tiddler (`$:/palettes/…`), and every `<<colour x>>` in
+* the theme stylesheet resolves against that tiddler at render time. TW
+* re-renders all stylesheets live on any tiddler change, so flipping
+* `$:/palette` re-themes the whole embedded UI instantly — the exact mechanism
+* TW's own palette switcher uses. Overriding the rendered CSS variables is a
+* dead end for the default Vanilla theme because its base stylesheet bakes the
+* palette values in as literals; switching the palette is the supported path.
+*
+* DSH theme detection
+* -------------------
+* The DSH shell's ThemePresenter projects the resolved theme onto the page:
+* `data-ds-dark-theme` on <body> (dark) plus an inline `color-scheme` on
+* <html> that is always "light"|"dark" (the "system" preference is resolved
+* upstream). Those two signals are authoritative; `prefers-color-scheme` is
+* only a fallback when neither is present (no DSH theming projected).
+*
+* Non-persistence
+* ---------------
+* `$:/palette` IS included in TW's default sync filter, so a naive write would
+* be PUT back to the TiddlyWeb server and land in the wiki's git history on
+* every theme toggle. We suppress that: the syncer's dirty check is
+* `getChangeCount(title) > tiddlerInfo[title].changeCount`, and the change
+* event that would drive the save is dispatched on a microtask — so after
+* writing we synchronously re-align the recorded changeCount and the syncer
+* sees the tiddler as already clean. The flip stays in-memory only; the wiki's
+* stored palette and the user's choice are never modified.
+*
+* @module dsh-tiddlywiki/client/theme-sync
+*/
+/** Default dark palette used when DSH is dark (overridable in settings). */
+const DARK_PALETTE_DEFAULT = "$:/palettes/CupertinoDark";
+/** Fallback light palette when no user palette was ever captured. */
+const LIGHT_PALETTE_FALLBACK = "$:/palettes/Vanilla";
+/** DSH's dark-mode marker (set/removed on <body> by dsh-client-ui-layout). */
+const DARK_ATTR = "data-ds-dark-theme";
+/** The TW tiddler holding the active palette tiddler title. */
+const PALETTE_TIDDLER = "$:/palette";
+/** Appliers registered for live frames; config changes re-apply to all. */
+const frameAppliers = /* @__PURE__ */ new Set();
+/** Syncers already wrapped with the palette save guard (per iframe window). */
+const guardedSyncers = /* @__PURE__ */ new WeakSet();
+/** Remembered user palette (light) that we restore when leaving dark mode. */
+let userLightPalette = "";
+/** Whether the adaptive feature is on (settings `ui.followDshTheme`). */
+let syncEnabled = true;
+/** Configured dark palette (settings `ui.darkPalette`). */
+let darkPalette = DARK_PALETTE_DEFAULT;
+/**
+* Resolve the DSH shell's current effective dark state. The body attribute
+* and the inline root `color-scheme` projected by the ThemePresenter are
+* authoritative; the OS media query only answers when DSH isn't projecting a
+* theme snapshot (plain embed / non-DSH page).
+*/
+function readDshDark() {
+	try {
+		const root = document.documentElement;
+		const body = document.body;
+		if (body !== null && body.hasAttribute(DARK_ATTR)) return true;
+		if (root !== null) {
+			const scheme = root.style.getPropertyValue("color-scheme").trim().toLowerCase();
+			if (scheme === "dark") return true;
+			if (scheme === "light") return false;
+		}
+	} catch {}
+	try {
+		return window.matchMedia("(prefers-color-scheme: dark)").matches;
+	} catch {
+		return false;
+	}
+}
+/** Active palette tiddler title (falls back to the light default). */
+function activePaletteTitle($tw) {
+	try {
+		const title = $tw.wiki.getTiddlerText(PALETTE_TIDDLER);
+		return typeof title === "string" && title.trim().length > 0 ? title.trim() : LIGHT_PALETTE_FALLBACK;
+	} catch {
+		return LIGHT_PALETTE_FALLBACK;
+	}
+}
+/** True when the active palette tiddler declares `color-scheme: dark`. */
+function activePaletteIsDark($tw) {
+	try {
+		const fields = $tw.wiki.getTiddler(activePaletteTitle($tw))?.fields;
+		return fields !== void 0 && fields["color-scheme"] === "dark";
+	} catch {
+		return false;
+	}
+}
+/**
+* Mark `$:/palette` as clean in the syncer's records so a FORCED flip is never
+* PUT back to the TiddlyWeb server. Runs synchronously right after the write,
+* before the microtask-dispatched change event lets the syncer evaluate
+* dirtiness; user-initiated palette changes (bumped afterwards) still sync.
+*/
+function suppressPaletteSync($tw) {
+	try {
+		const syncer = $tw.syncer;
+		if (syncer?.tiddlerInfo === void 0) return;
+		const changeCount = $tw.wiki.getChangeCount(PALETTE_TIDDLER);
+		const info = syncer.tiddlerInfo[PALETTE_TIDDLER];
+		if (info !== void 0) info.changeCount = changeCount;
+		else syncer.tiddlerInfo[PALETTE_TIDDLER] = { changeCount };
+	} catch {}
+}
+/**
+* Install a one-shot guard on this frame's syncadaptor: while a palette WE
+* forced is active (`userLightPalette` captured), a PUT of `$:/palette` whose
+* text is still our forced dark palette is swallowed instead of reaching the
+* TiddlyWeb server. This makes the non-persistence guarantee deterministic —
+* TW's boot-time sync (which may load `$:/palette` from the server and bump its
+* changeCount AFTER our re-align) can otherwise queue a save of the forced
+* palette during the first ~1s. Idempotent per syncer instance.
+*/
+function installPaletteSaveGuard($tw) {
+	try {
+		const syncer = $tw.syncer;
+		const adaptor = syncer?.syncadaptor;
+		if (syncer === void 0 || adaptor === void 0 || guardedSyncers.has(syncer)) return;
+		const origSave = adaptor.saveTiddler.bind(adaptor);
+		adaptor.saveTiddler = (tiddler, callback) => {
+			if (syncEnabled && userLightPalette.length > 0 && tiddler?.fields?.title === PALETTE_TIDDLER && tiddler?.fields?.text === darkPalette) {
+				callback(null, {}, 0);
+				return;
+			}
+			origSave(tiddler, callback);
+		};
+		guardedSyncers.add(syncer);
+	} catch {}
+}
+/** Write the active palette (no-op when unchanged) without persisting. */
+function setPalette($tw, target) {
+	try {
+		if (activePaletteTitle($tw) === target) return;
+		$tw.wiki.setText(PALETTE_TIDDLER, "text", void 0, target);
+		suppressPaletteSync($tw);
+	} catch {}
+}
+/**
+* Drive `$:/palette` toward the DSH theme. In dark mode a light palette is
+* swapped for `darkPalette` (remembering the user's palette first); in light
+* mode a palette WE forced is restored, while a user-chosen dark palette is
+* left alone.
+*/
+function applyPalette($tw, dark) {
+	const current = activePaletteTitle($tw);
+	if (dark) {
+		if (activePaletteIsDark($tw)) return;
+		if (current !== darkPalette) userLightPalette = current;
+		setPalette($tw, darkPalette);
+	} else if (activePaletteIsDark($tw) && current === darkPalette && userLightPalette.length > 0) setPalette($tw, userLightPalette);
+}
+/** Keep the iframe's native `color-scheme` in step with the ACTIVE palette. */
+function syncColorScheme($tw, frame) {
+	try {
+		const html = frame.contentDocument?.documentElement;
+		if (html === void 0 || html === null) return;
+		const target = activePaletteIsDark($tw) ? "dark" : "light";
+		if (html.style.getPropertyValue("color-scheme") !== target) html.style.setProperty("color-scheme", target);
+	} catch {}
+}
+/** Apply the current DSH theme to one TW iframe (no-op until TW is ready). */
+function applyToFrame(frame) {
+	const $tw = frame.contentWindow?.$tw;
+	if ($tw === void 0 || $tw.wiki === void 0) return;
+	installPaletteSaveGuard($tw);
+	if (syncEnabled) applyPalette($tw, readDshDark());
+	else applyPalette($tw, false);
+	syncColorScheme($tw, frame);
+}
+/**
+* Configure the feature and re-apply to every live frame. `enabled` is the
+* settings `ui.followDshTheme`; `darkPalette` the settings `ui.darkPalette`.
+*/
+function setThemeSyncConfig(opts) {
+	const enabled = opts.enabled !== false;
+	const palette = typeof opts.darkPalette === "string" && opts.darkPalette.trim().length > 0 ? opts.darkPalette.trim() : DARK_PALETTE_DEFAULT;
+	const changed = enabled !== syncEnabled || palette !== darkPalette;
+	syncEnabled = enabled;
+	darkPalette = palette;
+	if (changed) for (const apply of [...frameAppliers]) apply();
+}
+/**
+* Make one TW iframe follow the DSH theme for as long as the returned
+* disposer is not called. Re-applies on the iframe's `load` (covers TW
+* restarts and proxy reloads), on DSH theme changes (body-attribute mutations
+* and `prefers-color-scheme`), and once immediately for already-loaded frames.
+*/
+function attachThemeSync(frame) {
+	if (frame === null) return () => {};
+	const apply = () => applyToFrame(frame);
+	frameAppliers.add(apply);
+	const onLoad = () => apply();
+	frame.addEventListener("load", onLoad);
+	const media = window.matchMedia("(prefers-color-scheme: dark)");
+	const onMedia = () => apply();
+	try {
+		media.addEventListener("change", onMedia);
+	} catch {
+		media.addListener?.(onMedia);
+	}
+	let observer;
+	try {
+		observer = new MutationObserver(() => apply());
+		if (document.body !== null) observer.observe(document.body, {
+			attributes: true,
+			attributeFilter: [DARK_ATTR]
+		});
+		if (document.documentElement !== null) observer.observe(document.documentElement, {
+			attributes: true,
+			attributeFilter: ["style"]
+		});
+	} catch {
+		observer = void 0;
+	}
+	const timers = [
+		150,
+		600,
+		1500,
+		3e3
+	].map((ms) => window.setTimeout(apply, ms));
+	apply();
+	return () => {
+		frameAppliers.delete(apply);
+		frame.removeEventListener("load", onLoad);
+		for (const id of timers) window.clearTimeout(id);
+		try {
+			media.removeEventListener("change", onMedia);
+		} catch {
+			media.removeListener?.(onMedia);
+		}
+		try {
+			observer?.disconnect();
+		} catch {}
+	};
+}
+//#endregion
 //#region src/client/panel.ts
 /**
 * Center-column targets, most-specific shell generation first. The official
@@ -724,6 +973,7 @@ function mountPanel(state) {
 	let errorArea;
 	let refreshTimer;
 	let refreshAttempts = 0;
+	let themeSyncDispose;
 	const build = () => {
 		const view = document.createElement("div");
 		view.dataset.dshTwView = "";
@@ -736,6 +986,7 @@ function mountPanel(state) {
 		iframe.title = "TiddlyWiki";
 		iframe.hidden = true;
 		frameArea.append(iframe);
+		themeSyncDispose = attachThemeSync(iframe);
 		errorArea = document.createElement("div");
 		errorArea.className = "dsh-tw-panel-error";
 		errorArea.hidden = true;
@@ -829,6 +1080,10 @@ function mountPanel(state) {
 		}
 		if (payload.status === "running") {
 			refreshAttempts = 0;
+			setThemeSyncConfig({
+				enabled: payload.ui?.followDshTheme !== false,
+				darkPalette: payload.ui?.darkPalette
+			});
 			if (typeof payload.twProxy === "string") showFrame(new URL(payload.twProxy, window.location.origin).href);
 			else if (typeof payload.url === "string") showFrame(payload.url);
 			else showError("服务未返回编辑器地址");
@@ -907,6 +1162,7 @@ function mountPanel(state) {
 		document.removeEventListener("dsh-tw-panel-reload", onReloadRequest);
 		waitObserver.disconnect();
 		unsubscribe();
+		themeSyncDispose?.();
 		document.documentElement.removeAttribute(ACTIVE_ATTR);
 		container?.remove();
 	};
@@ -951,6 +1207,7 @@ function toast(message) {
 let root;
 let frame;
 let titleEl;
+let themeSyncDispose;
 /** Open (create on first use) the popup and load `url` (twUrl#draftTitle). */
 function openEditorPopup(url, label) {
 	ensurePopup();
@@ -961,6 +1218,8 @@ function openEditorPopup(url, label) {
 }
 /** Remove the popup DOM entirely (plugin dispose). */
 function disposeEditorPopup() {
+	themeSyncDispose?.();
+	themeSyncDispose = void 0;
 	root?.remove();
 	root = void 0;
 	frame = void 0;
@@ -986,6 +1245,7 @@ function ensurePopup() {
 	frame.className = "dsh-tw-editor-frame";
 	frame.setAttribute("sandbox", "allow-scripts allow-same-origin allow-forms allow-popups");
 	frame.title = "TiddlyWiki 编辑器";
+	themeSyncDispose = attachThemeSync(frame);
 	const resize = document.createElement("div");
 	resize.className = "dsh-tw-editor-resize";
 	resize.title = "拖拽调整大小";
@@ -27739,6 +27999,8 @@ function renderConfigSection(body, config, refresh) {
 	checkField("ui.showQuickNote", "显示「知识库」按钮里的「快速笔记」入口", ui.showQuickNote !== false);
 	checkField("ui.showPanelStatus", "显示「知识库」按钮里的 TW 面板/重载入口与状态行", ui.showPanelStatus !== false);
 	checkField("ui.showSyncButton", "显示「知识库」按钮里的「同步」入口与 git 状态点", ui.showSyncButton !== false);
+	checkField("ui.followDshTheme", "嵌入式 TW 跟随 DSH 深浅主题（暗色时自动切深色 palette，不写回 wiki）", ui.followDshTheme !== false);
+	textField("ui.darkPalette", "暗色时 TW palette（tiddler 标题）", typeof ui.darkPalette === "string" && ui.darkPalette.length > 0 ? ui.darkPalette : "$:/palettes/CupertinoDark");
 	const save = make("button", "dsh-tw-settings-btn dsh-tw-settings-primary", "保存配置");
 	save.type = "button";
 	save.addEventListener("click", () => {