dsh-any-background 0.3.9 → 0.4.1

package/lib/client.js

@@ -27,7 +27,6 @@ window.__ModuleLoader__.load({
 		const zh = {
 			nav: "主题",
 			brandTag: "外观定制",
-			close: "关闭",
 			pageColor: "色彩",
 			pageInterface: "界面",
 			pageFont: "字体",
@@ -78,7 +77,6 @@ window.__ModuleLoader__.load({
 			strokeTitle: "文字描边",
 			strokeHint: "按区域为文字添加描边：粗细为 0 表示关闭，「自动」会生成与文字颜色相反的颜色，「主题色」跟随当前主题色。代码块与图标已自动豁免，多色语法不会糊成一团",
 			strokeWidth: "描边粗细",
-			strokeColor: "描边颜色",
 			strokeAuto: "自动反色",
 			strokeGray: "灰色",
 			strokeBlack: "黑色",
@@ -118,7 +116,6 @@ window.__ModuleLoader__.load({
 			editorReset: "重置",
 			extractColor: "从背景提取主题色",
 			extracting: "取色中…",
-			extractNoWp: "请先设置背景图片",
 			extractDone: "已应用背景主色调",
 			extractFail: "未在背景中找到鲜明的颜色，请换一张背景",
 			crashTitle: "界面渲染出错",
@@ -138,7 +135,6 @@ window.__ModuleLoader__.load({
 			pickerTitle: "从背景取色",
 			pickerHint: "移动鼠标预览颜色，点击背景选取为主题色",
 			pickerClose: "关闭",
-			bgTypeImage: "图片",
 			bgTypeMesh: "网格渐变",
 			bgTypeShader: "Shader",
 			bgTypePattern: "几何图案",
@@ -194,8 +190,12 @@ window.__ModuleLoader__.load({
 			profileNamePlaceholder: "输入配置名称…",
 			profileNameRequired: "请先输入配置名称",
 			profileSaved: "配置已保存",
+			profileRenamed: "配置已重命名",
+			profileDuplicated: "配置已复制",
 			profileApplied: "配置已应用",
 			profileApply: "应用",
+			profileRename: "重命名",
+			profileDuplicate: "复制配置",
 			profileDelete: "删除配置",
 			profileDeleteConfirm: "确认删除",
 			profileNone: "不切换",
@@ -218,6 +218,7 @@ window.__ModuleLoader__.load({
 			rotShuffle: "随机",
 			rotOrder: "顺序",
 			rotReload: "每次刷新",
+			rotHourly: "每小时",
 			rotDaily: "每天",
 			rotWeekly: "每周",
 			rotNow: "立即切换"
@@ -225,7 +226,6 @@ window.__ModuleLoader__.load({
 		const en = {
 			nav: "Theme",
 			brandTag: "Appearance",
-			close: "Close",
 			pageColor: "Color",
 			pageInterface: "Interface",
 			pageFont: "Font",
@@ -256,7 +256,7 @@ window.__ModuleLoader__.load({
 			uiHeader: "Header popovers",
 			uiHeaderBar: "Header bar",
 			captionInkLabel: "Caption strip text",
-			captionInkHint: "Who paints the text on the desktop caption strip — the native 「应用 / 编辑」 menu bar and the sidebar toggle. The strip is the sidebar material over the wallpaper, so it can end up on the opposite side of the theme.",
+			captionInkHint: "Who paints the text on the desktop caption strip — the native \"App / Edit\" menu bar and the sidebar toggle. The strip is the sidebar material over the wallpaper, so it can end up on the opposite side of the theme.",
 			captionInkAuto: "Auto",
 			captionInkTheme: "Follow theme",
 			captionInkWhite: "Always white",
@@ -276,7 +276,6 @@ window.__ModuleLoader__.load({
 			strokeTitle: "Text outline",
 			strokeHint: "Outline text per region: width 0 turns it off, \"auto\" picks the inverse of the text color, and \"theme\" follows the current accent. Code blocks and icons are exempted automatically, so multi-color syntax never smears",
 			strokeWidth: "Outline width",
-			strokeColor: "Outline color",
 			strokeAuto: "Auto contrast",
 			strokeGray: "Gray",
 			strokeBlack: "Black",
@@ -316,7 +315,6 @@ window.__ModuleLoader__.load({
 			editorReset: "Reset",
 			extractColor: "Extract from background",
 			extracting: "Extracting…",
-			extractNoWp: "Set a background first",
 			extractDone: "Background color applied",
 			extractFail: "No vivid color found in this background, try another",
 			crashTitle: "Section crashed",
@@ -336,7 +334,6 @@ window.__ModuleLoader__.load({
 			pickerTitle: "Pick from background",
 			pickerHint: "Hover to preview, click to pick as theme color",
 			pickerClose: "Close",
-			bgTypeImage: "Image",
 			bgTypeMesh: "Mesh gradient",
 			bgTypeShader: "Shader",
 			bgTypePattern: "Pattern",
@@ -392,8 +389,12 @@ window.__ModuleLoader__.load({
 			profileNamePlaceholder: "Profile name…",
 			profileNameRequired: "Enter a name first",
 			profileSaved: "Profile saved",
+			profileRenamed: "Profile renamed",
+			profileDuplicated: "Profile duplicated",
 			profileApplied: "Profile applied",
 			profileApply: "Apply",
+			profileRename: "Rename",
+			profileDuplicate: "Duplicate",
 			profileDelete: "Delete profile",
 			profileDeleteConfirm: "Sure?",
 			profileNone: "None",
@@ -416,6 +417,7 @@ window.__ModuleLoader__.load({
 			rotShuffle: "Shuffle",
 			rotOrder: "In order",
 			rotReload: "Every refresh",
+			rotHourly: "Hourly",
 			rotDaily: "Daily",
 			rotWeekly: "Weekly",
 			rotNow: "Switch now"
@@ -902,7 +904,7 @@ window.__ModuleLoader__.load({
 			return {
 				enabled: r.enabled === true,
 				mode: r.mode === "order" ? "order" : "shuffle",
-				interval: r.interval === "reload" || r.interval === "weekly" ? r.interval : "daily",
+				interval: r.interval === "reload" || r.interval === "hourly" || r.interval === "weekly" ? r.interval : "daily",
 				current: num(r.current, 0),
 				items,
 				lastRotate: typeof r.lastRotate === "string" ? r.lastRotate : null
@@ -1087,6 +1089,10 @@ window.__ModuleLoader__.load({
 			{
 				channel: "0.2.1",
 				release: "0.2.1-rc.2"
+			},
+			{
+				channel: "0.2.1",
+				release: "0.2.1-rc.3"
 			}
 		];
 		const UNKNOWN_HOST_INFO = {
@@ -1563,7 +1569,7 @@ window.__ModuleLoader__.load({
 		//#region src/client/host-compat/versions/v0-2-1/adapter.ts
 		/**
 		* Adapter for the DSH `0.2.1` patch line, verified at `0.2.1-alpha.1`,
-		* `alpha.2`, `alpha.3`, `alpha.4`, `alpha.5`, `rc.1` and `rc.2`.
+		* `alpha.2`, `alpha.3`, `alpha.4`, `alpha.5`, `rc.1`, `rc.2` and `rc.3`.
 		*
 		* A new MINOR line opened with a prerelease, and the answer is the `0.2.0-rc.2`
 		* folder's — which is a statement this file has to earn, because "same as the
@@ -1587,6 +1593,34 @@ window.__ModuleLoader__.load({
 		*   · `TextShimmer` still marks its root `data-shimmer`, so the stroke exemption
 		*     written for rc.1 stands.
 		*
+		* Re-checked at `0.2.1-rc.3` (`git diff rc.2 rc.3` on every file above), the
+		* facts hold untouched: `design-platform.css`, both menu stylesheets and
+		* `MenuGroup.tsx` byte-identical; `SidebarRight.module.css`, `TabLayout.tsx`,
+		* `base.css`, `gradient-shadow-text.css`, `AppFrame.*`, `InlineEditor.module.css`,
+		* `TextShimmer`, `JobListAction`, `TaskMenu`, `scoped-slots` and
+		* `PluginManagerPage.tsx` all unchanged, and the five header slot keys stand.
+		* What rc.3 did move, and why none of it needs a fact from this folder:
+		*   · `ui-primitives/Menu.tsx` is ADDITIVE — a `current` prop that renders
+		*     `aria-current="page"` and a `minWidthFromAnchor` switch that sets a
+		*     `min-width` style in portal mode. No stylesheet moved with it
+		*     (`MenuSurface.module.css` is byte-identical), so the menu paint and the
+		*     frost stay exactly where the facts say.
+		*   · the guide (`GuideBody.tsx`) and the sidebar panel list (`SidebarRoot.tsx`)
+		*     grow pin state and a More menu AROUND the existing registrations — guide
+		*     entries still arrive through `useGuideEntries`, panels through
+		*     `selectPanel`, and the new menus mount empty until something registers
+		*     into their `*.actions` slots, which this plugin does not. The tab
+		*     registry itself (`shell/`), which `native-tab.tsx` speaks to, is untouched.
+		*   · the session header's View tab row gained its own More menu
+		*     (`conversation.session.header.views.actions` slot). It mounts through
+		*     `<Menu … portal>` to `document.body`, so `header-tag.ts` already claims
+		*     it through the portaled arm — the trigger sits in the header and reports
+		*     `aria-expanded`, which is all that arm asks. The five in-place header
+		*     slot anchors are unchanged.
+		*   · `ConversationRoot.module.css` re-laid the View tab row (wrap, gaps, the
+		*     More launcher's classes). Layout inside the header, not a surface the
+		*     plugin styles by these class names.
+		*
 		* Re-checked again across the rest of the line (`alpha.3` … `rc.2`, `git diff
 		* <tag> rc.2` on every file above): the menu token contract, both menu stylesheets
 		* (`MenuSurface`, `MenuGroup`), `gradient-shadow-text.css` / `base.css`,
@@ -1678,7 +1712,7 @@ window.__ModuleLoader__.load({
 		}
 		function createAdapter$1(host) {
 			return {
-				id: "0.2.1-alpha.1…rc.2",
+				id: "0.2.1-alpha.1…rc.3",
 				channel: "0.2.1",
 				host,
 				panelFragments: panelFragments$1,
@@ -1847,22 +1881,44 @@ window.__ModuleLoader__.load({
 		}
 		const SAVE_DEBOUNCE_MS = 250;
 		let saveTimer;
+		/** Write the config and SURFACE a failed persist. The server answers
+		*  `ok:true` with `value:false` when the DISK write failed — the transport
+		*  succeeded, so `rpcCall` returns the boolean without a word and every caller
+		*  used to assume the save had landed. Retry once after a beat (the common
+		*  Windows cause is a transient EBUSY from an antivirus scan holding the
+		*  file), then say it in the log so a "settings reverted" report has a trail. */
+		let writeRetryQueued = false;
+		async function writeNow() {
+			if (await rpcCall("writeConfig", { config: cfg }) === true) {
+				writeRetryQueued = false;
+				return;
+			}
+			if (!writeRetryQueued) {
+				writeRetryQueued = true;
+				window.setTimeout(() => {
+					writeNow();
+				}, 1e3);
+				return;
+			}
+			writeRetryQueued = false;
+			console.warn("dsh-any-background: the host could not persist the config — recent settings may be lost on reload (see the host log for the write error)");
+		}
 		function saveConfig() {
 			if (saveTimer !== void 0) window.clearTimeout(saveTimer);
 			saveTimer = window.setTimeout(() => {
 				saveTimer = void 0;
-				rpcCall("writeConfig", { config: cfg });
+				writeNow();
 			}, SAVE_DEBOUNCE_MS);
 		}
 		function flushSave() {
 			if (saveTimer === void 0) return;
 			window.clearTimeout(saveTimer);
 			saveTimer = void 0;
-			rpcCall("writeConfig", { config: cfg });
+			writeNow();
 		}
 		/** Persist the current config immediately (import path — no debounce). */
 		function persistConfig() {
-			rpcCall("writeConfig", { config: cfg });
+			writeNow();
 		}
 		/** Load the persisted theme (config + wallpaper URL + video URL) from the node
 		*  half. Image and video both travel as serve URLs — never bytes — so this RPC
@@ -2060,6 +2116,10 @@ window.__ModuleLoader__.load({
 		async function removeFont() {
 			return await rpcCall("removeFont", {}) === true;
 		}
+		/** Serve URL of one rotation-pool image (the export path fetches its bytes). */
+		function rotationFileUrl(file) {
+			return `/dsh-any-background/rotation/file?f=${encodeURIComponent(file)}`;
+		}
 		/** Add an image (data URL + small thumbnail) to the server-side rotation pool. */
 		async function rotationAdd(dataUrl, thumb) {
 			if (!rpcCallFn) return {
@@ -2133,6 +2193,32 @@ window.__ModuleLoader__.load({
 				};
 			}
 		}
+		/** Replace the whole server-side rotation pool (theme-import path): the bytes
+		*  land under their exported file names, so the imported config's pool
+		*  metadata is live on this machine instead of pointing at files it does not
+		*  have. */
+		async function rotationRestore(items) {
+			if (!rpcCallFn) return {
+				ok: false,
+				error: "rpc not ready"
+			};
+			try {
+				const res = await rpcCallFn(rpcEndpoint("rotationRestore"), { items });
+				if (res && res.ok === true) return res.value ?? {
+					ok: false,
+					error: "no value"
+				};
+				return {
+					ok: false,
+					error: res?.error?.message ?? "request failed"
+				};
+			} catch (e) {
+				return {
+					ok: false,
+					error: e instanceof Error ? e.message : String(e)
+				};
+			}
+		}
 		//#endregion
 		//#region src/client/host-compat/capabilities.ts
 		/**
@@ -2156,6 +2242,32 @@ window.__ModuleLoader__.load({
 			return rHostAdapter();
 		}
 		//#endregion
+		//#region src/client/dom-watch.ts
+		const listeners = /* @__PURE__ */ new Set();
+		let observer = null;
+		/** Subscribe to body-subtree mutations. Returns an unsubscribe. */
+		function watchDom(cb) {
+			listeners.add(cb);
+			if (observer === null && typeof MutationObserver !== "undefined" && typeof document !== "undefined") {
+				observer = new MutationObserver((records) => {
+					for (const l of listeners) l(records);
+				});
+				observer.observe(document.body, {
+					childList: true,
+					subtree: true,
+					attributes: true,
+					attributeFilter: ["aria-expanded"]
+				});
+			}
+			return () => {
+				listeners.delete(cb);
+				if (listeners.size === 0) {
+					observer?.disconnect();
+					observer = null;
+				}
+			};
+		}
+		//#endregion
 		//#region src/client/header-tag.ts
 		/**
 		* Header-surface tagging.
@@ -2260,7 +2372,6 @@ window.__ModuleLoader__.load({
 			if (el.getAttribute("aria-modal") === "true") return false;
 			return el.parentElement === document.body || el.closest(headerSlotAnchors()) !== null;
 		}
-		let observer = null;
 		let pending = null;
 		/** False once the effect is torn down, so a pass already queued on the microtask queue
 		*  cannot re-mark a popover after the teardown cleared it. */
@@ -2301,17 +2412,10 @@ window.__ModuleLoader__.load({
 			if (typeof MutationObserver === "undefined" || typeof document === "undefined") return () => {};
 			active = true;
 			refreshHeaderPopovers();
-			observer = new MutationObserver(schedule);
-			observer.observe(document.body, {
-				childList: true,
-				subtree: true,
-				attributes: true,
-				attributeFilter: ["aria-expanded"]
-			});
+			const dispose = watchDom(() => schedule());
 			return () => {
 				active = false;
-				observer?.disconnect();
-				observer = null;
+				dispose();
 				for (const el of document.querySelectorAll(`[${HEADER_POPOVER_ATTR}]`)) el.removeAttribute(HEADER_POPOVER_ATTR);
 			};
 		}
@@ -4734,7 +4838,8 @@ window.__ModuleLoader__.load({
 		*
 		*  Bound by the CSS-Module class shape, same as `[class*="_ioCard"]`: the built
 		*  bundle names these `pI_x6G_sidebarCol` — prefix first, local name last, and the
-		*  pair is identical across `0.2.0-rc.1`, `0.2.1-alpha.3` and `0.2.1-rc.2`. A build
+		*  pair is identical across `0.2.0-rc.1`, `0.2.1-alpha.3`, `0.2.1-rc.2` and
+		*  `0.2.1-rc.3` (`AppFrame.module.css` byte-identical rc.2→rc.3). A build
 		*  that renames the track simply stops matching, which is the untouched host look. */
 		const SIDEBAR_ONE_LAYER_RULE = "[class*=\"_sidebarCol\"] *{--dsw-specific-sidebar-fill:transparent}";
 		const PART_BLUR_RULE = `.${PART_BLUR_CLASS}{isolation:isolate}.${PART_BLUR_CLASS}:has([role="dialog"]){isolation:auto}.${PART_UNDERLAY_CLASS}{position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;backdrop-filter:var(--dsh-any-part-blur,none);-webkit-backdrop-filter:var(--dsh-any-part-blur,none)}`;
@@ -5143,8 +5248,11 @@ window.__ModuleLoader__.load({
 			});
 			syncTableFix();
 		}
-		let partsObserver = null;
-		let partsApplyRaf = 0;
+		let partsDispose = null;
+		let partsPending = null;
+		/** False once stopped, so a pass already queued on the microtask queue cannot
+		*  re-style anything after the teardown. */
+		let partsActive = false;
 		/** Signature of the last blur+opacity pass we actually wrote to the DOM. */
 		let appliedPartsKey = "";
 		/** The surfaces the last pass styled, compared BY IDENTITY: the host can swap
@@ -5184,11 +5292,13 @@ window.__ModuleLoader__.load({
 		/** Watch for the AppFrame mounting so persisted blurs land even when the shell
 		*  renders after this plugin's apply. */
 		function watchParts() {
-			if (partsObserver !== null || typeof MutationObserver === "undefined") return;
-			partsObserver = new MutationObserver(() => {
-				if (partsApplyRaf !== 0) return;
-				partsApplyRaf = requestAnimationFrame(() => {
-					partsApplyRaf = 0;
+			if (partsDispose !== null || typeof MutationObserver === "undefined") return;
+			partsActive = true;
+			partsDispose = watchDom(() => {
+				if (partsPending !== null || !partsActive) return;
+				partsPending = Promise.resolve().then(() => {
+					partsPending = null;
+					if (!partsActive) return;
 					const blurs = rBlurs();
 					const ops = rOps();
 					const key = JSON.stringify([blurs, ops]);
@@ -5199,18 +5309,12 @@ window.__ModuleLoader__.load({
 					appliedTargets = targetsNow();
 				});
 			});
-			partsObserver.observe(document.body, {
-				childList: true,
-				subtree: true
-			});
 		}
 		function stopWatchingParts() {
-			partsObserver?.disconnect();
-			partsObserver = null;
-			if (partsApplyRaf !== 0) {
-				cancelAnimationFrame(partsApplyRaf);
-				partsApplyRaf = 0;
-			}
+			partsDispose?.();
+			partsDispose = null;
+			partsActive = false;
+			partsPending = null;
 			appliedPartsKey = "";
 			appliedTargets = [];
 			markerSeen.clear();
@@ -5523,8 +5627,6 @@ window.__ModuleLoader__.load({
 				applyTrajectoryOverrides(rTrajectoryOpacity());
 			}
 			applyPanelOverrides(rPanelOpacity());
-			applyProduced();
-			applyHeaderPopovers();
 			applyExemptDefaults();
 			applyPartBlurs(rBlurs());
 			applyStrokes();
@@ -8760,6 +8862,12 @@ window.__ModuleLoader__.load({
 									onClick: () => setRotation({ interval: "reload" }),
 									children: t("rotReload")
 								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: `dab-chip${rotation.interval === "hourly" ? " is-active" : ""}`,
+									onClick: () => setRotation({ interval: "hourly" }),
+									children: t("rotHourly")
+								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 									type: "button",
 									className: `dab-chip${rotation.interval === "daily" ? " is-active" : ""}`,
@@ -9289,7 +9397,7 @@ window.__ModuleLoader__.load({
 			});
 		}
 		function ProfilePage({ p, notify }) {
-			const { t, exportTheme, importTheme, saveProfile, applyProfile, deleteProfile, applyPreset, setSchedule, useStore } = p;
+			const { t, exportTheme, importTheme, saveProfile, applyProfile, deleteProfile, renameProfile, duplicateProfile, applyPreset, setSchedule, useStore } = p;
 			const profiles = useStore((s) => s.profiles);
 			const schedule = useStore((s) => s.schedule);
 			const activeProfile = useStore((s) => s.activeProfile);
@@ -9297,6 +9405,8 @@ window.__ModuleLoader__.load({
 			const [nameOpen, setNameOpen] = (0, react.useState)(false);
 			const [nameVal, setNameVal] = (0, react.useState)("");
 			const [confirmId, setConfirmId] = (0, react.useState)(null);
+			const [editId, setEditId] = (0, react.useState)(null);
+			const [editVal, setEditVal] = (0, react.useState)("");
 			const onImport = async (file) => {
 				try {
 					const ok = await importTheme(file);
@@ -9325,6 +9435,14 @@ window.__ModuleLoader__.load({
 				setConfirmId(null);
 				deleteProfile(entry.id);
 			};
+			const onRenameCommit = (entry) => {
+				const name = editVal.trim();
+				setEditId(null);
+				if (name && name !== entry.name && renameProfile(entry.id, name)) notify(t("profileRenamed"), true);
+			};
+			const onDuplicate = (entry) => {
+				if (duplicateProfile(entry.id)) notify(t("profileDuplicated"), true);
+			};
 			const profileOptions = (value, onChange) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
 				className: "dab-select",
 				value: value ?? "",
@@ -9456,8 +9574,42 @@ window.__ModuleLoader__.load({
 							children: profiles.map((entry, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 								className: `dab-profile-row${activeProfile === entry.id ? " is-active" : ""}`,
 								style: { "--i": i },
-								children: [
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProfileDot, { entry }),
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProfileDot, { entry }), editId === entry.id ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dab-urlrow",
+									style: {
+										flex: 1,
+										minWidth: 0
+									},
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+											type: "text",
+											className: "dab-urlinput",
+											value: editVal,
+											maxLength: 60,
+											onChange: (e) => setEditVal(e.target.value),
+											onKeyDown: (e) => {
+												if (e.key === "Enter") {
+													e.preventDefault();
+													onRenameCommit(entry);
+												}
+											},
+											autoFocus: true
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: "dab-btn dab-btn-primary",
+											disabled: !editVal.trim(),
+											onClick: () => onRenameCommit(entry),
+											children: t("editorCommit")
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: "dab-btn",
+											onClick: () => setEditId(null),
+											children: t("bgUrlCancel")
+										})
+									]
+								}) }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
 									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 										className: "dab-profile-meta",
 										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
@@ -9474,6 +9626,23 @@ window.__ModuleLoader__.load({
 										onClick: () => onApply(entry),
 										children: t("profileApply")
 									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "dab-btn",
+										title: t("profileRename"),
+										onClick: () => {
+											setEditId(entry.id);
+											setEditVal(entry.name);
+										},
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EditIcon, { size: 13 })
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "dab-btn",
+										title: t("profileDuplicate"),
+										onClick: () => onDuplicate(entry),
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PlusIcon, { size: 13 })
+									}),
 									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 										type: "button",
 										className: `dab-btn dab-btn-danger-solid${confirmId === entry.id ? " dab-btn-confirm" : ""}`,
@@ -9481,7 +9650,7 @@ window.__ModuleLoader__.load({
 										onClick: () => onDelete(entry),
 										children: confirmId === entry.id ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CheckIcon, { size: 13 }), t("profileDeleteConfirm")] }) : t("profileDelete")
 									})
-								]
+								] })]
 							}, entry.id))
 						})
 					]
@@ -10015,9 +10184,9 @@ window.__ModuleLoader__.load({
 		*  unsubscribe for plugin teardown. */
 		function startBetterSidebarWatch() {
 			sync();
-			const observer = new MutationObserver(sync);
-			observer.observe(document.body, { childList: true });
-			return () => observer.disconnect();
+			return watchDom((records) => {
+				if (records.some((r) => r.target === document.body && r.type === "childList")) sync();
+			});
 		}
 		let nativeTabs = false;
 		const nativeSubs = /* @__PURE__ */ new Set();
@@ -10138,6 +10307,50 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
+		//#region src/shared/rotation.ts
+		/** ISO week key (Monday-first). */
+		function isoWeekKey(d) {
+			const t = new Date(Date.UTC(d.getFullYear(), d.getMonth(), d.getDate()));
+			const day = t.getUTCDay() || 7;
+			t.setUTCDate(t.getUTCDate() + 4 - day);
+			const yearStart = new Date(Date.UTC(t.getUTCFullYear(), 0, 1));
+			const week = Math.ceil(((t.getTime() - yearStart.getTime()) / 864e5 + 1) / 7);
+			return `${t.getUTCFullYear()}-W${week}`;
+		}
+		/** Whether the pool should advance right now. */
+		function rotationDue(rot, now = /* @__PURE__ */ new Date()) {
+			if (!rot.enabled || rot.items.length === 0) return false;
+			if (rot.interval === "reload") return true;
+			const last = rot.lastRotate !== null ? new Date(rot.lastRotate) : null;
+			if (last === null || isNaN(last.getTime())) return true;
+			if (rot.interval === "hourly") return hourKey(last) !== hourKey(now);
+			if (rot.interval === "daily") return last.toDateString() !== now.toDateString();
+			return isoWeekKey(last) !== isoWeekKey(now);
+		}
+		/** Epoch-hour bucket: hourly cadence advances on each full hour boundary
+		*  (in whole-hour timezones — UTC+8 among them — that is exactly the local
+		*  on-the-hour tick). */
+		const hourKey = (d) => Math.floor(d.getTime() / 36e5);
+		/** Whether an OPEN page should keep advancing this cadence on its timer.
+		*  Only the time-based cadences tick live; 'reload' is a once-per-READ pick
+		*  (the server advances it inside the `read` itself), so a live tick driving
+		*  it would flip the wallpaper every 30 s — exactly the v0.4.0 regression
+		*  (rotationDue is unconditionally true for 'reload'). */
+		function rotationAdvancesLive(rot) {
+			return rot.interval !== "reload";
+		}
+		/** Pick the next pool index under the configured mode. */
+		function pickNextRotationIndex(rot) {
+			const n = rot.items.length;
+			if (n === 0) return -1;
+			if (rot.mode === "shuffle" && n > 1) {
+				let idx = rot.current;
+				while (idx === rot.current) idx = Math.floor(Math.random() * n);
+				return idx;
+			}
+			return (rot.current + 1) % n;
+		}
+		//#endregion
 		//#region src/client/index.tsx
 		/**
 		* dsh-any-background — browser half entry.
@@ -10403,38 +10616,11 @@ window.__ModuleLoader__.load({
 				syncMetaNow();
 				return true;
 			};
-			const isoWeekKey = (d) => {
-				const t = new Date(Date.UTC(d.getFullYear(), d.getMonth(), d.getDate()));
-				const day = t.getUTCDay() || 7;
-				t.setUTCDate(t.getUTCDate() + 4 - day);
-				const yearStart = new Date(Date.UTC(t.getUTCFullYear(), 0, 1));
-				const week = Math.ceil(((t.getTime() - yearStart.getTime()) / 864e5 + 1) / 7);
-				return `${t.getUTCFullYear()}-W${week}`;
-			};
-			const rotationDue = () => {
-				const rot = rRotation();
-				if (!rot.enabled || rot.items.length === 0) return false;
-				if (rot.interval === "reload") return true;
-				const last = rot.lastRotate !== null ? new Date(rot.lastRotate) : null;
-				if (last === null || isNaN(last.getTime())) return true;
-				const now = /* @__PURE__ */ new Date();
-				if (rot.interval === "daily") return last.toDateString() !== now.toDateString();
-				return isoWeekKey(last) !== isoWeekKey(now);
-			};
-			const pickNextRotationIndex = () => {
-				const rot = rRotation();
-				const n = rot.items.length;
-				if (n === 0) return -1;
-				if (rot.mode === "shuffle" && n > 1) {
-					let idx = rot.current;
-					while (idx === rot.current) idx = Math.floor(Math.random() * n);
-					return idx;
-				}
-				return (rot.current + 1) % n;
-			};
+			const rotationDue$1 = () => rotationDue(rRotation());
+			const pickNextRotationIndex$1 = () => pickNextRotationIndex(rRotation());
 			const maybeRotate = async () => {
-				if (!rotationDue()) return;
-				await applyRotationIndex(pickNextRotationIndex(), true);
+				if (!rotationDue$1()) return;
+				await applyRotationIndex(pickNextRotationIndex$1(), true);
 			};
 			const parseHHMM = (s) => {
 				const m = /^([01]\d|2[0-3]):([0-5]\d)$/.exec(s);
@@ -10450,6 +10636,7 @@ window.__ModuleLoader__.load({
 				return cur >= night && cur < day;
 			};
 			const scheduleTick = () => {
+				if (rotationAdvancesLive(rRotation())) maybeRotate();
 				const sc = rSchedule();
 				if (!sc.enabled) return;
 				const want = (sc.mode === "system" ? window.matchMedia?.("(prefers-color-scheme: dark)")?.matches ?? false : isNightNow(sc)) ? sc.nightProfile : sc.dayProfile;
@@ -10784,12 +10971,32 @@ window.__ModuleLoader__.load({
 								}
 							}
 						}
+						let pool;
+						const rotItems = rRotation().items;
+						if (rotItems.length > 0) {
+							pool = [];
+							for (const it of rotItems) try {
+								const blob = await fetch(rotationFileUrl(it.file)).then((r) => {
+									if (!r.ok) throw new Error(`http ${r.status}`);
+									return r.blob();
+								});
+								pool.push({
+									file: it.file,
+									thumb: it.thumb,
+									dataUrl: await blobToDataUrl(blob)
+								});
+							} catch {
+								console.warn(`dsh-any-background: export skipped a rotation image (${it.file})`);
+							}
+							if (pool.length === 0) pool = void 0;
+						}
 						const payload = {
-							version: 2,
+							version: 3,
 							exportedAt: (/* @__PURE__ */ new Date()).toISOString(),
 							config: cfg,
 							wallpaper: wallpaperPayload,
-							video: videoPayload
+							video: videoPayload,
+							pool
 						};
 						const blob = new Blob([JSON.stringify(payload, null, 2)], { type: "application/json" });
 						const url = URL.createObjectURL(blob);
@@ -10843,6 +11050,26 @@ window.__ModuleLoader__.load({
 								if (cfg.regenerateOnReload) regenerateGeneratedBg();
 								else if (cfg.generatedBg) updateGeneratedBg(cfg.generatedBg);
 							}
+							const poolRaw = d.pool;
+							if (Array.isArray(poolRaw)) {
+								if (poolRaw.length > 0) {
+									const r = await rotationRestore(poolRaw);
+									if (r.ok && r.items) cfg.rotation = {
+										...cfg.rotation,
+										items: r.items,
+										current: Math.min(cfg.rotation.current, Math.max(0, r.items.length - 1))
+									};
+									else console.warn("dsh-any-background: rotation pool restore failed", r.error);
+								} else if (cfg.rotation.items.length > 0) cfg.rotation = {
+									...cfg.rotation,
+									items: [],
+									current: 0
+								};
+							} else if ((typeof d.version !== "number" || d.version < 3) && cfg.rotation.items.length > 0) cfg.rotation = {
+								...cfg.rotation,
+								items: [],
+								current: 0
+							};
 							persistConfig();
 							syncMetaNow();
 							if (rHasColor()) {
@@ -10878,6 +11105,37 @@ window.__ModuleLoader__.load({
 						return true;
 					},
 					applyProfile: (id) => applyProfileById(id),
+					renameProfile: (id, name) => {
+						const trimmed = name.trim();
+						if (!trimmed) return false;
+						const before = rProfiles();
+						if (!before.some((p) => p.id === id)) return false;
+						cfg.profiles = before.map((p) => p.id === id ? {
+							...p,
+							name: trimmed.slice(0, 60)
+						} : p);
+						persistConfig();
+						syncMetaNow();
+						return true;
+					},
+					duplicateProfile: (id) => {
+						const before = rProfiles();
+						const src = before.find((p) => p.id === id);
+						if (!src) return false;
+						const profiles = [...before];
+						if (profiles.length >= 20) profiles.shift();
+						const nid = `p-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 8)}`;
+						profiles.push({
+							...src,
+							id: nid,
+							name: `${src.name} (2)`.slice(0, 60),
+							createdAt: (/* @__PURE__ */ new Date()).toISOString()
+						});
+						cfg.profiles = profiles;
+						persistConfig();
+						syncMetaNow();
+						return true;
+					},
 					deleteProfile: (id) => {
 						const before = rProfiles();
 						if (!before.some((p) => p.id === id)) return false;
@@ -10962,7 +11220,7 @@ window.__ModuleLoader__.load({
 					},
 					rotateNow: async () => {
 						if (rRotation().items.length === 0) return false;
-						return applyRotationIndex(pickNextRotationIndex(), true);
+						return applyRotationIndex(pickNextRotationIndex$1(), true);
 					},
 					setVideoFromUrl: async (url) => {
 						const r = await setVideoFromUrl(url);
@@ -11031,10 +11289,10 @@ window.__ModuleLoader__.load({
 					}
 				}
 			};
-			let navIconObserver = null;
+			let disposeNavWatch = null;
 			const watchNavIcon = () => {
-				if (navIconObserver !== null || typeof MutationObserver === "undefined") return;
-				navIconObserver = new MutationObserver((records) => {
+				if (disposeNavWatch !== null || typeof MutationObserver === "undefined") return;
+				disposeNavWatch = watchDom((records) => {
 					if (records.some((r) => {
 						for (const n of r.addedNodes) {
 							if (n.nodeType !== 1) continue;
@@ -11044,16 +11302,12 @@ window.__ModuleLoader__.load({
 						return false;
 					})) applyNavIcon();
 				});
-				navIconObserver.observe(document.body, {
-					childList: true,
-					subtree: true
-				});
 				applyNavIcon();
 			};
 			watchNavIcon();
 			ctx.effect(() => () => {
-				navIconObserver?.disconnect();
-				navIconObserver = null;
+				disposeNavWatch?.();
+				disposeNavWatch = null;
 			}, "dsh-any-background: nav icon watch");
 			const restoreSaved = () => {
 				if (rHasColor()) {