@linxin666/dsh-client-ui-task-board 0.2.0 → 0.2.2

package/README.i18n.yaml

@@ -2,5 +2,5 @@
 # side as of the last confirmed-consistent state. Both languages carry equal authority;
 # after editing either side, bring the other along and re-record with:
 #   node scripts/verify-docs.mjs --write <dir>
-README.md: 9d2e0eea7c24c01a777ac5ae52e73821a7c05ed3
-README.zh.md: 4b217aba13a767f605ac2179ac901c9945631e35
+README.md: e9bcccc740d89fdd20a5142efa96dfe79ec842ab
+README.zh.md: bd1b15821bda1577565044c8f9a8e34c1aadfb82

package/README.md

@@ -34,7 +34,7 @@ A hot-pluggable DeepSeek Harness (DSH) Web GUI plugin with a Host-authoritative
 Install the aggregate package or this package alone, then restart `dsh web`:
 
 ```sh
-dsh plugin --profile web add @linxin666/dsh-client-ui-task-board
+dsh plugin --profile web add @linxin666/dsh-client-ui-task-board@latest
 ```
 
 For local development:

package/README.zh.md

@@ -34,7 +34,7 @@
 安装聚合包或单独安装本包，然后重启 `dsh web`：
 
 ```sh
-dsh plugin --profile web add @linxin666/dsh-client-ui-task-board
+dsh plugin --profile web add @linxin666/dsh-client-ui-task-board@latest
 ```
 
 本地开发安装：

package/lib/client.js

@@ -260,19 +260,65 @@ window.__ModuleLoader__.load({
 		* can never match (for example `0 0 30 2 *`). The five-year horizon includes
 		* a full leap cycle, so a valid February 29 schedule remains reachable from
 		* every non-leap year.
+		*
+		* Walks candidate year/month/day/hour/minute values straight from the parsed
+		* field sets instead of scanning every minute: a sparse expression such as
+		* `0 0 29 2 *` used to iterate ~1.5M wall-clock minutes before reaching the
+		* next leap day. Wall-clock field construction + the final `matches` re-check
+		* preserve the old minute scan's DST semantics exactly (nonexistent spring
+		* minutes normalize forward and the repeated fall-back hour is never visited).
 		*/
 		function nextRunAtMs(expr, fromMs) {
 			const schedule = parseCron(expr);
 			if (schedule === null) return void 0;
 			if (!hasPossibleCalendarDay(schedule)) return void 0;
 			const from = new Date(fromMs);
-			const scan = new Date(from.getFullYear(), from.getMonth(), from.getDate(), from.getHours(), from.getMinutes() + 1, 0, 0);
 			const limitMs = fromMs + 5 * 366 * 24 * 60 * 60 * 1e3;
-			while (scan.getTime() <= limitMs) {
-				if (matches(schedule, scan)) return scan.getTime();
-				scan.setMinutes(scan.getMinutes() + 1);
+			const sortedMinutes = [...schedule.minutes].sort((a, b) => a - b);
+			const sortedHours = [...schedule.hours].sort((a, b) => a - b);
+			const sortedMonths = [...schedule.months].sort((a, b) => a - b);
+			let year = from.getFullYear();
+			let month = from.getMonth() + 1;
+			let day = from.getDate();
+			let hour = from.getHours();
+			let minute = from.getMinutes() + 1;
+			while (new Date(year, month - 1, 1, 0, 0, 0, 0).getTime() <= limitMs) {
+				for (const candidateMonth of sortedMonths) {
+					if (candidateMonth < month) continue;
+					const daysInMonth = new Date(year, candidateMonth, 0).getDate();
+					const dayStart = candidateMonth === month ? day : 1;
+					for (let candidateDay = dayStart; candidateDay <= daysInMonth; candidateDay += 1) {
+						if (!dayCandidate(schedule, new Date(year, candidateMonth - 1, candidateDay, 0, 0, 0, 0))) continue;
+						const hourStart = candidateMonth === month && candidateDay === day ? hour : 0;
+						for (const candidateHour of sortedHours) {
+							if (candidateHour < hourStart) continue;
+							const minuteStart = candidateMonth === month && candidateDay === day && candidateHour === hour ? minute : 0;
+							for (const candidateMinute of sortedMinutes) {
+								if (candidateMinute < minuteStart) continue;
+								const candidate = new Date(year, candidateMonth - 1, candidateDay, candidateHour, candidateMinute, 0, 0);
+								const time = candidate.getTime();
+								if (time <= fromMs) continue;
+								if (time > limitMs) return void 0;
+								if (matches(schedule, candidate)) return time;
+							}
+						}
+					}
+				}
+				year += 1;
+				month = 1;
+				day = 1;
+				hour = 0;
+				minute = 0;
 			}
 		}
+		/** Day/weekday OR gate shared by {@link matches} and the candidate scan. */
+		function dayCandidate(schedule, date) {
+			const dayMatches = schedule.days.has(date.getDate());
+			const weekdayMatches = schedule.weekdays.has(date.getDay());
+			if (schedule.dayWildcard) return weekdayMatches;
+			if (schedule.weekdayWildcard) return dayMatches;
+			return dayMatches || weekdayMatches;
+		}
 		/** Reject impossible month/day pairs without spending the multi-year scan. */
 		function hasPossibleCalendarDay(schedule) {
 			if (schedule.dayWildcard || !schedule.weekdayWildcard) return true;
@@ -331,11 +377,7 @@ window.__ModuleLoader__.load({
 			if (!schedule.minutes.has(date.getMinutes())) return false;
 			if (!schedule.hours.has(date.getHours())) return false;
 			if (!schedule.months.has(date.getMonth() + 1)) return false;
-			const dayMatches = schedule.days.has(date.getDate());
-			const weekdayMatches = schedule.weekdays.has(date.getDay());
-			if (schedule.dayWildcard) return weekdayMatches;
-			if (schedule.weekdayWildcard) return dayMatches;
-			return dayMatches || weekdayMatches;
+			return dayCandidate(schedule, date);
 		}
 		function isDigits(value) {
 			return /^\d+$/.test(value);
@@ -945,8 +987,8 @@ window.__ModuleLoader__.load({
 					this.acceptRemote(await transport.bootstrap(this.tasks));
 					if (!this.remoteSubscribed) {
 						this.remoteSubscribed = true;
-						this.disposers.push(transport.subscribe(() => {
-							this.refreshRemote();
+						this.disposers.push(transport.subscribe((event) => {
+							this.onRemoteEvent(event);
 						}));
 					}
 					return true;
@@ -956,6 +998,24 @@ window.__ModuleLoader__.load({
 					return false;
 				}
 			}
+			/**
+			* SSE frames carry revision/scheduler/power. When the revision matches the
+			* one already applied, apply the frame's scheduler/power in place and skip
+			* the full /state fetch; otherwise the 5 s heartbeat would re-clone and
+			* re-serialize the whole ledger per tab even while nothing changes.
+			*/
+			onRemoteEvent(event) {
+				if (event !== void 0 && this.hostState !== void 0 && event.revision === this.hostState.revision && typeof event.scheduler === "object" && event.scheduler !== null && typeof event.power === "object" && event.power !== null) {
+					this.hostState = {
+						revision: event.revision,
+						scheduler: event.scheduler,
+						power: event.power
+					};
+					this.notify();
+					return;
+				}
+				this.refreshRemote();
+			}
 			async refreshRemote(preserveError) {
 				const transport = this.deps.transport;
 				if (transport === void 0) return true;
@@ -1850,6 +1910,7 @@ window.__ModuleLoader__.load({
 				type: "button",
 				className: board_module_css_default.card,
 				"data-status": archived ? "archived" : task.status,
+				"data-dsh-part": "card",
 				"data-pending": pending || void 0,
 				onClick,
 				title: task.description !== "" ? task.description : task.title,
@@ -2467,6 +2528,7 @@ window.__ModuleLoader__.load({
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: board_module_css_default.board,
 				"data-dsh-taskboard-board": "",
+				"data-dsh-plugin": "task-board",
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
 						className: board_module_css_default.boardHeader,
@@ -2542,6 +2604,7 @@ window.__ModuleLoader__.load({
 						children: archiveView ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
 							className: board_module_css_default.column,
 							"data-status": "archived",
+							"data-dsh-part": "column",
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
 								className: board_module_css_default.columnHeader,
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
@@ -2568,6 +2631,7 @@ window.__ModuleLoader__.load({
 							return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
 								className: board_module_css_default.column,
 								"data-status": column.status,
+								"data-dsh-part": "column",
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
 									className: board_module_css_default.columnHeader,
 									children: [
@@ -2655,6 +2719,7 @@ window.__ModuleLoader__.load({
 				if (column === void 0) return;
 				container = document.createElement("div");
 				container.dataset.dshTaskboardView = "";
+				container.dataset.dshPlugin = "task-board";
 				container.className = board_module_css_default.boardView;
 				column.appendChild(container);
 				root = (0, react_dom_client.createRoot)(container);
@@ -2702,9 +2767,7 @@ window.__ModuleLoader__.load({
 			};
 		}
 		//#endregion
-		//#region src/client/sidebar-entry.ts
-		/** Inline icon (matches the shell's 16px nav-icon look). */
-		const ICON = `<svg viewBox="0 0 16 16" width="14" height="14" fill="none" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="2" y="2.5" width="12" height="11" rx="1.5"/><path d="M2 6.5h12M6.5 6.5v7"/></svg>`;
+		//#region src/client/sidebar-entry-core.ts
 		/** Find the sidebar shell root element, or undefined while not yet mounted. */
 		function sidebarRoot() {
 			const column = document.querySelector("[data-pane=\"sidebar\"], [class*=\"sidebarCol\"]");
@@ -2718,27 +2781,30 @@ window.__ModuleLoader__.load({
 			for (const child of root.children) if (child.tagName === "BUTTON") return child;
 		}
 		/** Build the entry row (a detached button; insert once the shell is up). */
-		function createEntry(controller) {
+		function createEntry(options) {
 			const entry = document.createElement("button");
 			entry.type = "button";
-			entry.dataset.dshTaskboardEntry = "";
-			entry.className = board_module_css_default.entry;
-			entry.setAttribute("aria-label", t("entry.label"));
-			entry.innerHTML = `<span class="${board_module_css_default.entryIcon}">${ICON}</span><span class="${board_module_css_default.entryLabel}">${t("entry.label")}</span>`;
-			entry.addEventListener("click", () => {
-				controller.toggleBoard();
-			});
+			entry.setAttribute(options.rowAttribute, "");
+			if (options.plugin !== void 0) {
+				entry.setAttribute("data-dsh-plugin", options.plugin);
+				entry.setAttribute("data-dsh-part", "sidebar-entry");
+			}
+			entry.className = options.css["entry"] ?? "";
+			entry.setAttribute("aria-label", options.label());
+			if (options.tooltip !== void 0) entry.setAttribute("title", options.tooltip());
+			entry.innerHTML = "<span class=\"" + (options.css["entryIcon"] ?? "") + "\">" + options.icon + "</span><span class=\"" + (options.css["entryLabel"] ?? "") + "\">" + options.label() + "</span>";
+			entry.addEventListener("click", options.onToggle);
 			return entry;
 		}
 		/** Re-insert the entry after the New Session row (before the browser region). */
-		function placeEntry(root, entry) {
+		function placeEntry(root, entry, options) {
 			const button = newSessionButton(root);
 			if (button === void 0) return false;
 			if (entry.parentElement !== root) {
 				const row = button.closest("[class*=\"logoRow\"]");
 				const base = row !== null && row.parentElement === root ? row : button;
-				const family = Array.from(root.children).filter((el) => el instanceof HTMLElement && el.matches("[data-dsh-taskboard-entry], [data-dsh-ssh-entry]"));
-				const anchor = family.length > 0 ? family[0] : base.nextElementSibling;
+				const family = Array.from(root.children).filter((el) => el instanceof HTMLElement && el.matches(options.familySelectors.join(", ")));
+				const anchor = options.position === "before" ? family.length > 0 ? family[0] : base.nextElementSibling : family.length > 0 ? family[family.length - 1].nextElementSibling : base.nextElementSibling;
 				root.insertBefore(entry, anchor);
 			}
 			return true;
@@ -2746,12 +2812,12 @@ window.__ModuleLoader__.load({
 		/**
 		* Mount the sidebar entry, waiting for the shell to render and self-healing
 		* on later React re-renders.
-		* @param controller - the board controller the entry toggles.
+		* @param options - the row's attribute/icon/copy/action/ordering configuration.
 		* @returns disposer removing the entry and its observers.
 		*/
-		function mountSidebarEntry(controller) {
-			if (typeof document !== "undefined" && document.querySelector("[data-dsh-taskboard-entry]") !== null) return () => {};
-			const entry = createEntry(controller);
+		function mountSidebarEntry$1(options) {
+			if (typeof document !== "undefined" && document.querySelector(options.rowSelector) !== null) return () => {};
+			const entry = createEntry(options);
 			let root;
 			let placed = false;
 			const tryPlace = () => {
@@ -2768,7 +2834,7 @@ window.__ModuleLoader__.load({
 				}
 				root ??= sidebarRoot();
 				if (root === void 0) return;
-				placed = placeEntry(root, entry);
+				placed = placeEntry(root, entry, options);
 				if (placed) rootObserver.observe(root, {
 					childList: true,
 					subtree: true
@@ -2787,25 +2853,59 @@ window.__ModuleLoader__.load({
 					tryPlace();
 					return;
 				}
-				if (!root.contains(entry)) placed = placeEntry(root, entry);
+				if (!root.contains(entry)) placed = placeEntry(root, entry, options);
 			});
-			const syncActive = () => {
-				if (controller.getSnapshot().boardOpen) entry.dataset.active = "true";
-				else delete entry.dataset.active;
-			};
-			const unsubscribe = controller.subscribe(syncActive);
-			syncActive();
+			const unsubscribeActive = options.active === void 0 ? void 0 : (() => {
+				const syncActive = () => {
+					if (options.active.isOpen()) entry.dataset.active = "true";
+					else delete entry.dataset.active;
+				};
+				const unsubscribe = options.active.subscribe(syncActive);
+				syncActive();
+				return unsubscribe;
+			})();
 			tryPlace();
 			return () => {
 				waitObserver.disconnect();
 				rootObserver.disconnect();
-				unsubscribe();
+				unsubscribeActive?.();
 				entry.remove();
 			};
 		}
 		//#endregion
+		//#region src/client/sidebar-entry.ts
+		/** Stable data attribute identifying the injected entry row. */
+		const ENTRY_SELECTOR = "[data-dsh-taskboard-entry]";
+		/** Inline icon (matches the shell's 16px nav-icon look). */
+		const ICON = "<svg viewBox=\"0 0 16 16\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"2\" y=\"2.5\" width=\"12\" height=\"11\" rx=\"1.5\"/><path d=\"M2 6.5h12M6.5 6.5v7\"/></svg>";
+		/**
+		* Mount the sidebar entry, waiting for the shell to render and self-healing
+		* on later React re-renders.
+		* @param controller - the board controller the entry toggles.
+		* @returns disposer removing the entry and its observers.
+		*/
+		function mountSidebarEntry(controller) {
+			return mountSidebarEntry$1({
+				rowAttribute: "data-dsh-taskboard-entry",
+				rowSelector: ENTRY_SELECTOR,
+				plugin: "task-board",
+				icon: ICON,
+				css: board_module_css_default,
+				label: () => t("entry.label"),
+				onToggle: () => {
+					controller.toggleBoard();
+				},
+				position: "before",
+				familySelectors: ["[data-dsh-taskboard-entry]", "[data-dsh-ssh-entry]"],
+				active: {
+					subscribe: (listener) => controller.subscribe(listener),
+					isOpen: () => controller.getSnapshot().boardOpen
+				}
+			});
+		}
+		//#endregion
 		//#region \0dsh-css:packages/dsh-task-board/src/client/settings-card.module.css.mjs
-		const css = ".Jh0q7G_card{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:12px;list-style:none;transition:border-color .16s,background .16s}.Jh0q7G_card:hover{border-color:var(--dsw-alias-label-dimmed)}.Jh0q7G_cardOpen{background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-label-dimmed)}.Jh0q7G_header{appearance:none;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}.Jh0q7G_header:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}.Jh0q7G_headerStatic{border-radius:12px;align-items:center;gap:12px;width:100%;padding:14px 16px;display:flex}.Jh0q7G_headText{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.Jh0q7G_name{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:1.4}.Jh0q7G_description{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:1.5}.Jh0q7G_pending{white-space:nowrap;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);border-radius:999px;flex:none;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px}.Jh0q7G_chevron{color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s}.Jh0q7G_chevronOpen{transform:rotate(180deg)}.Jh0q7G_body{border-top:1px solid var(--dsw-alias-border-l2);margin:0 16px;padding-bottom:8px}.Jh0q7G_readOnly{color:var(--dsw-alias-label-tertiary);margin:12px 0 0;font-size:12px;line-height:1.5}.Jh0q7G_notExposed{color:var(--dsw-alias-state-warn-primary);margin:12px 0 0;font-size:12px;line-height:1.5}.Jh0q7G_footer{border-top:1px solid var(--dsw-alias-border-l2);justify-content:flex-end;align-items:center;gap:8px;padding:12px 0 4px;display:flex}.Jh0q7G_failed{min-width:0;color:var(--dsw-alias-label-error);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:12px;line-height:1.5;overflow:hidden}.Jh0q7G_discard,.Jh0q7G_save{appearance:none;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:5px 14px;font-size:13px;line-height:1.5}.Jh0q7G_discard{border-color:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);background:0 0}.Jh0q7G_discard:hover:not(:disabled){color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-dimmed)}.Jh0q7G_save{background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-3)}.Jh0q7G_discard:disabled,.Jh0q7G_save:disabled{opacity:.4;cursor:default}.Jh0q7G_discard:focus-visible,.Jh0q7G_save:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}.Jh0q7G_field{flex-direction:column;gap:6px;padding:12px 0;display:flex}.Jh0q7G_field+.Jh0q7G_field{border-top:1px solid var(--dsw-alias-border-l2)}.Jh0q7G_head{align-items:center;gap:8px;display:flex}.Jh0q7G_label{min-width:0;color:var(--dsw-alias-label-primary);flex:1;font-size:13px;font-weight:500;line-height:1.5}.Jh0q7G_badges{align-items:center;gap:8px;display:inline-flex}.Jh0q7G_badge{white-space:nowrap;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px}.Jh0q7G_reset{font:inherit;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;line-height:1.5}.Jh0q7G_reset:hover:not(:disabled){color:var(--dsw-alias-label-primary)}.Jh0q7G_reset:disabled{cursor:default}.Jh0q7G_reset:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:2px;outline:2px solid var(--dsw-alias-brand-primary);outline-offset:2px}.Jh0q7G_input,.Jh0q7G_select{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);height:34px;font:inherit;color:var(--dsw-alias-label-primary);border-radius:8px;padding:0 12px;font-size:13px;line-height:1.5}.Jh0q7G_input:focus-visible,.Jh0q7G_select:focus-visible{border-color:var(--dsw-alias-brand-primary);outline:none}.Jh0q7G_input:disabled,.Jh0q7G_select:disabled{color:var(--dsw-alias-label-tertiary);cursor:default}.Jh0q7G_inputInvalid{border:1px solid var(--dsw-alias-label-error);background:var(--dsw-alias-bg-layer-3);height:34px;font:inherit;color:var(--dsw-alias-label-primary);border-radius:8px;padding:0 12px;font-size:13px;line-height:1.5}.Jh0q7G_inputInvalid:focus-visible{outline:2px solid var(--dsw-alias-label-error);outline-offset:1px;border-color:var(--dsw-alias-label-error)}.Jh0q7G_invalid{color:var(--dsw-alias-label-error);margin:0;font-size:12px;line-height:1.5}.Jh0q7G_hint{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px;line-height:1.5}@media (prefers-reduced-motion:reduce){.Jh0q7G_card,.Jh0q7G_header,.Jh0q7G_chevron,.Jh0q7G_chevronOpen,.Jh0q7G_discard,.Jh0q7G_save{transition:none}}";
+		const css = ".Jh0q7G_card{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:12px;list-style:none;transition:border-color .16s,background .16s}.Jh0q7G_card:hover{border-color:var(--dsw-alias-label-dimmed)}.Jh0q7G_cardOpen{background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-label-dimmed)}.Jh0q7G_header{appearance:none;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}.Jh0q7G_header:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}.Jh0q7G_headerStatic{border-radius:12px;align-items:center;gap:12px;width:100%;padding:14px 16px;display:flex}.Jh0q7G_headText{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.Jh0q7G_name{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:1.4}.Jh0q7G_description{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:1.5}.Jh0q7G_pending{white-space:nowrap;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);border-radius:999px;flex:none;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px}.Jh0q7G_chevron{color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s}.Jh0q7G_chevronOpen{transform:rotate(180deg)}.Jh0q7G_body{border-top:1px solid var(--dsw-alias-border-l2);margin:0 16px;padding-bottom:8px}.Jh0q7G_readOnly{color:var(--dsw-alias-label-tertiary);margin:12px 0 0;font-size:12px;line-height:1.5}.Jh0q7G_notExposed{color:var(--dsw-alias-state-warn-primary);margin:12px 0 0;font-size:12px;line-height:1.5}.Jh0q7G_footer{border-top:1px solid var(--dsw-alias-border-l2);justify-content:flex-end;align-items:center;gap:8px;padding:12px 0 4px;display:flex}.Jh0q7G_failed{min-width:0;color:var(--dsw-alias-label-error);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:12px;line-height:1.5;overflow:hidden}.Jh0q7G_discard,.Jh0q7G_save{appearance:none;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:5px 14px;font-size:13px;line-height:1.5}.Jh0q7G_discard{border-color:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);background:0 0}.Jh0q7G_discard:hover:not(:disabled){color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-dimmed)}.Jh0q7G_save{background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-3)}.Jh0q7G_discard:disabled,.Jh0q7G_save:disabled{opacity:.4;cursor:default}.Jh0q7G_discard:focus-visible,.Jh0q7G_save:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}.Jh0q7G_field{flex-direction:column;gap:6px;padding:12px 0;display:flex}.Jh0q7G_field+.Jh0q7G_field{border-top:1px solid var(--dsw-alias-border-l2)}.Jh0q7G_head{align-items:center;gap:8px;display:flex}.Jh0q7G_label{min-width:0;color:var(--dsw-alias-label-primary);flex:1;font-size:13px;font-weight:500;line-height:1.5}.Jh0q7G_badges{align-items:center;gap:8px;display:inline-flex}.Jh0q7G_badge{white-space:nowrap;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px}.Jh0q7G_reset{font:inherit;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;line-height:1.5}.Jh0q7G_reset:hover:not(:disabled){color:var(--dsw-alias-label-primary)}.Jh0q7G_reset:disabled{cursor:default}.Jh0q7G_reset:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:2px;outline:2px solid var(--dsw-alias-brand-primary);outline-offset:2px}.Jh0q7G_input,.Jh0q7G_select{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);height:34px;font:inherit;color:var(--dsw-alias-label-primary);border-radius:8px;padding:0 12px;font-size:13px;line-height:1.5}.Jh0q7G_input:focus-visible,.Jh0q7G_select:focus-visible{border-color:var(--dsw-alias-brand-primary);outline:none}.Jh0q7G_input:disabled,.Jh0q7G_select:disabled{color:var(--dsw-alias-label-tertiary);cursor:default}.Jh0q7G_inputInvalid{border:1px solid var(--dsw-alias-label-error);background:var(--dsw-alias-bg-layer-3);height:34px;font:inherit;color:var(--dsw-alias-label-primary);border-radius:8px;padding:0 12px;font-size:13px;line-height:1.5}.Jh0q7G_inputInvalid:focus-visible{outline:2px solid var(--dsw-alias-label-error);outline-offset:1px;border-color:var(--dsw-alias-label-error)}.Jh0q7G_selectWrap{position:relative}.Jh0q7G_selectButton{appearance:none;text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.Jh0q7G_selectLabel{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.Jh0q7G_selectChevron{color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s}.Jh0q7G_selectChevronOpen{transform:rotate(180deg)}.Jh0q7G_selectPopup{z-index:40;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);max-height:240px;box-shadow:0 8px 24px var(--dsw-alias-bg-mask-2);opacity:0;border-radius:8px;flex-direction:column;padding:4px;transition:opacity .1s,transform .1s;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;transform:translateY(-4px)}.Jh0q7G_selectPopupOpen{opacity:1;transform:none}.Jh0q7G_selectPopupClose{opacity:0;pointer-events:none;transform:translateY(-4px)}.Jh0q7G_selectOption{color:var(--dsw-alias-label-primary);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:6px;padding:6px 10px;font-size:13px;line-height:1.5;overflow:hidden}.Jh0q7G_selectOption:hover,.Jh0q7G_selectOptionActive{background:var(--dsw-alias-interactive-bg-hover)}.Jh0q7G_selectOptionSelected{color:var(--dsw-alias-brand-primary);background:color-mix(in srgb, var(--dsw-alias-brand-primary-new-colorprimary-new-color) 10%, transparent);font-weight:500}.Jh0q7G_invalid{color:var(--dsw-alias-label-error);margin:0;font-size:12px;line-height:1.5}.Jh0q7G_hint{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px;line-height:1.5}@media (prefers-reduced-motion:reduce){.Jh0q7G_card,.Jh0q7G_header,.Jh0q7G_chevron,.Jh0q7G_chevronOpen,.Jh0q7G_discard,.Jh0q7G_save,.Jh0q7G_selectChevron,.Jh0q7G_selectChevronOpen,.Jh0q7G_selectPopup{transition:none}}";
 		const tagId = "@linxin666/dsh-client-ui-task-board/settings-card.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
 			const tag = document.createElement("style");
@@ -2842,7 +2942,18 @@ window.__ModuleLoader__.load({
 			"readOnly": "Jh0q7G_readOnly",
 			"reset": "Jh0q7G_reset",
 			"save": "Jh0q7G_save",
-			"select": "Jh0q7G_select"
+			"select": "Jh0q7G_select",
+			"selectButton": "Jh0q7G_selectButton",
+			"selectChevron": "Jh0q7G_selectChevron",
+			"selectChevronOpen": "Jh0q7G_selectChevronOpen",
+			"selectLabel": "Jh0q7G_selectLabel",
+			"selectOption": "Jh0q7G_selectOption",
+			"selectOptionActive": "Jh0q7G_selectOptionActive",
+			"selectOptionSelected": "Jh0q7G_selectOptionSelected",
+			"selectPopup": "Jh0q7G_selectPopup",
+			"selectPopupClose": "Jh0q7G_selectPopupClose",
+			"selectPopupOpen": "Jh0q7G_selectPopupOpen",
+			"selectWrap": "Jh0q7G_selectWrap"
 		};
 		//#endregion
 		//#region src/client/PluginSettingsCard.tsx
@@ -2976,6 +3087,175 @@ window.__ModuleLoader__.load({
 				}) : null]
 			});
 		}
+		const NON_SKIN_BODY_MARKERS = /* @__PURE__ */ new Set(["dshSkinCenter", "dshSidebarCollapsed"]);
+		function isSkinActive() {
+			return Object.keys(document.body.dataset).some((key) => key.startsWith("dsh") && !NON_SKIN_BODY_MARKERS.has(key));
+		}
+		const SELECT_CLOSE_MS = 100;
+		/**
+		* The shared dual-mode select control. While an appearance skin is active it
+		* renders the legacy native `<select>` untouched, so element-level skin
+		* selectors keep working; under the default appearance it renders a
+		* self-drawn `role="listbox"` popup whose open/close is transition-animated.
+		* Staged cards reach it through BooleanField/ChoiceField; immediate-apply
+		* editors (the side-card prefs) bind it directly through onEdit.
+		* 双模式下拉框：皮肤激活时用原生 select，默认外观用自绘动画弹层。
+		*/
+		function SelectField(props) {
+			const { id, options, value } = props;
+			const [open, setOpen] = (0, react.useState)(false);
+			const [closing, setClosing] = (0, react.useState)(false);
+			const [phase, setPhase] = (0, react.useState)("initial");
+			const [activeIndex, setActiveIndex] = (0, react.useState)(0);
+			const closeTimer = (0, react.useRef)(void 0);
+			const wrapRef = (0, react.useRef)(null);
+			const popupRef = (0, react.useRef)(null);
+			const currentIndex = () => {
+				const index = options.findIndex((option) => option.value === value);
+				return index >= 0 ? index : 0;
+			};
+			const close = (0, react.useCallback)(() => {
+				if (closeTimer.current !== void 0) clearTimeout(closeTimer.current);
+				setClosing(true);
+				closeTimer.current = setTimeout(() => {
+					setClosing(false);
+					setOpen(false);
+				}, SELECT_CLOSE_MS);
+			}, []);
+			const openPopup = () => {
+				if (closeTimer.current !== void 0) clearTimeout(closeTimer.current);
+				setActiveIndex(currentIndex());
+				setPhase("initial");
+				setClosing(false);
+				setOpen(true);
+			};
+			const commit = (index) => {
+				const option = options[index];
+				if (option) props.onEdit(option.value);
+				close();
+			};
+			const onTriggerClick = () => {
+				if (props.disabled) return;
+				if (open && !closing) close();
+				else openPopup();
+			};
+			const onKeyDown = (event) => {
+				if (props.disabled) return;
+				const count = options.length;
+				switch (event.key) {
+					case "ArrowDown":
+					case "ArrowUp":
+					case "Enter":
+					case " ":
+						event.preventDefault();
+						if (!open) openPopup();
+						else if (!closing) if (event.key === "ArrowDown") setActiveIndex((index) => (index + 1) % count);
+						else if (event.key === "ArrowUp") setActiveIndex((index) => (index - 1 + count) % count);
+						else commit(activeIndex);
+						break;
+					case "Escape":
+						if (open) {
+							event.preventDefault();
+							event.stopPropagation();
+							close();
+						}
+						break;
+					case "Tab":
+						if (open) close();
+						break;
+				}
+			};
+			(0, react.useEffect)(() => () => {
+				if (closeTimer.current !== void 0) clearTimeout(closeTimer.current);
+			}, []);
+			(0, react.useLayoutEffect)(() => {
+				if (open && !closing && phase === "initial") {
+					popupRef.current?.offsetHeight;
+					setPhase("open");
+				}
+			}, [
+				open,
+				closing,
+				phase
+			]);
+			(0, react.useEffect)(() => {
+				if (!open) return;
+				const onPointerDown = (event) => {
+					const target = event.target;
+					if (target instanceof Node && !wrapRef.current?.contains(target)) close();
+				};
+				document.addEventListener("pointerdown", onPointerDown);
+				return () => document.removeEventListener("pointerdown", onPointerDown);
+			}, [open, close]);
+			(0, react.useEffect)(() => {
+				if (props.disabled && open) close();
+			}, [
+				props.disabled,
+				open,
+				close
+			]);
+			if (isSkinActive()) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
+				id,
+				className: settings_card_module_css_default.select,
+				value,
+				disabled: props.disabled,
+				onChange: (event) => {
+					props.onEdit(event.target.value);
+				},
+				children: options.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+					value: option.value,
+					children: option.label
+				}, option.value))
+			});
+			const label = options.find((option) => option.value === value)?.label ?? "";
+			const popupClass = closing ? `${settings_card_module_css_default.selectPopup} ${settings_card_module_css_default.selectPopupClose}` : phase === "open" ? `${settings_card_module_css_default.selectPopup} ${settings_card_module_css_default.selectPopupOpen}` : settings_card_module_css_default.selectPopup;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: settings_card_module_css_default.selectWrap,
+				ref: wrapRef,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+					type: "button",
+					id,
+					className: `${settings_card_module_css_default.select} ${settings_card_module_css_default.selectButton}`,
+					disabled: props.disabled,
+					"aria-haspopup": "listbox",
+					"aria-expanded": open,
+					"aria-activedescendant": open ? `${id}-o${activeIndex}` : void 0,
+					"aria-invalid": props.invalid || void 0,
+					onClick: onTriggerClick,
+					onKeyDown,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: settings_card_module_css_default.selectLabel,
+						children: label
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+						width: "14",
+						height: "14",
+						viewBox: "0 0 14 14",
+						fill: "none",
+						xmlns: "http://www.w3.org/2000/svg",
+						className: open ? `${settings_card_module_css_default.selectChevron} ${settings_card_module_css_default.selectChevronOpen}` : settings_card_module_css_default.selectChevron,
+						"aria-hidden": "true",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+							d: "M11.8486 5.5L11.4238 5.92383L8.69727 8.65137C8.44157 8.90706 8.21562 9.13382 8.01172 9.29785C7.79912 9.46883 7.55595 9.61756 7.25 9.66602C7.08435 9.69222 6.91565 9.69222 6.75 9.66602C6.44405 9.61756 6.20088 9.46883 5.98828 9.29785C5.78438 9.13382 5.55843 8.90706 5.30273 8.65137L2.57617 5.92383L2.15137 5.5L3 4.65137L3.42383 5.07617L6.15137 7.80273C6.42595 8.07732 6.59876 8.24849 6.74023 8.3623C6.87291 8.46904 6.92272 8.47813 6.9375 8.48047C6.97895 8.48703 7.02105 8.48703 7.0625 8.48047C7.07728 8.47813 7.12709 8.46904 7.25977 8.3623C7.40124 8.24849 7.57405 8.07732 7.84863 7.80273L10.5762 5.07617L11 4.65137L11.8486 5.5Z",
+							fill: "currentColor"
+						})
+					})]
+				}), open ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: popupClass,
+					role: "listbox",
+					ref: popupRef,
+					children: options.map((option, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						id: `${id}-o${index}`,
+						role: "option",
+						"aria-selected": option.value === value,
+						className: `${settings_card_module_css_default.selectOption}${option.value === value ? ` ${settings_card_module_css_default.selectOptionSelected}` : ""}${index === activeIndex && !closing ? ` ${settings_card_module_css_default.selectOptionActive}` : ""}`,
+						onClick: () => {
+							commit(index);
+						},
+						children: option.label
+					}, option.value))
+				}) : null]
+			});
+		}
 		/** A staged boolean field: 继承 / 开 / 关. */
 		function BooleanField(props) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -3001,28 +3281,26 @@ window.__ModuleLoader__.load({
 							})]
 						}) : null]
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectField, {
 						id: props.id,
-						className: settings_card_module_css_default.select,
-						value: props.text,
-						disabled: props.disabled,
-						onChange: (event) => {
-							props.onEdit(event.target.value);
-						},
-						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+						options: [
+							{
 								value: "",
-								children: props.inheritLabel
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+								label: props.inheritLabel
+							},
+							{
 								value: "true",
-								children: props.onLabel
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+								label: props.onLabel
+							},
+							{
 								value: "false",
-								children: props.offLabel
-							})
-						]
+								label: props.offLabel
+							}
+						],
+						value: props.text,
+						disabled: props.disabled,
+						invalid: props.invalid,
+						onEdit: props.onEdit
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 						className: settings_card_module_css_default.hint,
@@ -3339,24 +3617,16 @@ window.__ModuleLoader__.load({
 			const [power, setPower] = (0, react.useState)();
 			(0, react.useEffect)(() => {
 				let live = true;
-				const refresh = async () => {
+				const events = new EventSource("/api/task-board/events");
+				events.onmessage = (message) => {
 					try {
-						const response = await fetch("/api/task-board/state", {
-							cache: "no-store",
-							credentials: "same-origin"
-						});
-						if (!response.ok) return;
-						const snapshot = await response.json();
-						if (live) setPower(snapshot.power);
+						const frame = JSON.parse(message.data);
+						if (frame.power !== void 0 && live) setPower(frame.power);
 					} catch {}
 				};
-				refresh();
-				const timer = setInterval(() => {
-					refresh();
-				}, 5e3);
 				return () => {
 					live = false;
-					clearInterval(timer);
+					events.close();
 				};
 			}, []);
 			const fieldProps = {
@@ -3515,8 +3785,14 @@ window.__ModuleLoader__.load({
 			}
 			subscribe(listener) {
 				const events = new EventSource(`${TASK_BOARD_API_PREFIX}/events`);
-				events.onmessage = () => {
-					listener();
+				events.onmessage = (message) => {
+					try {
+						const parsed = JSON.parse(message.data);
+						if (parsed === null || typeof parsed !== "object" || typeof parsed.revision !== "number") throw new Error("invalid event frame");
+						listener(parsed);
+					} catch {
+						listener();
+					}
 				};
 				const onVisible = () => {
 					if (document.visibilityState === "visible") listener();