@linxin666/dsh-client-ui-task-board 0.3.23 → 0.3.24

package/lib/client.js

@@ -1636,6 +1636,7 @@ window.__ModuleLoader__.load({
 			"new.prompt": "执行 Prompt",
 			"new.promptPlaceholder": "发给 agent 的完整指令（留空则使用标题）",
 			"new.submit": "创建",
+			"new.createAndRun": "创建并执行",
 			"new.cancel": "取消",
 			"new.required": "标题不能为空",
 			"new.freeze": "冻结快照（可选）",
@@ -1824,6 +1825,7 @@ window.__ModuleLoader__.load({
 			"new.prompt": "Run Prompt",
 			"new.promptPlaceholder": "The full instruction sent to the agent (title is used when blank)",
 			"new.submit": "Create",
+			"new.createAndRun": "Create and run",
 			"new.cancel": "Cancel",
 			"new.required": "Title is required",
 			"new.freeze": "Frozen snapshot (optional)",
@@ -2096,7 +2098,7 @@ window.__ModuleLoader__.load({
 		/** DOM id shared by the tag-name inputs and their datalist (one board at a time). */
 		const TAG_NAME_LIST_ID = "dsh-task-board-tag-names";
 		/** Modal overlay: closes on backdrop press, submits through the form. */
-		function ModalShell({ ariaLabel, title, error, pending, submitLabel, onSubmit, onClose, children }) {
+		function ModalShell({ ariaLabel, title, error, pending, submitLabel, onSubmit, onClose, secondaryAction, children }) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: board_module_css_default.modalBackdrop,
 				onMouseDown: (event) => {
@@ -2122,17 +2124,27 @@ window.__ModuleLoader__.load({
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("footer", {
 							className: board_module_css_default.modalFooter,
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-								type: "button",
-								className: board_module_css_default.ghostButton,
-								onClick: onClose,
-								children: t("new.cancel")
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-								type: "submit",
-								className: board_module_css_default.primaryButton,
-								disabled: pending,
-								children: submitLabel
-							})]
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: board_module_css_default.ghostButton,
+									onClick: onClose,
+									children: t("new.cancel")
+								}),
+								secondaryAction !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: board_module_css_default.ghostButton,
+									disabled: pending,
+									onClick: secondaryAction.onSubmit,
+									children: secondaryAction.label
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "submit",
+									className: board_module_css_default.primaryButton,
+									disabled: pending,
+									children: submitLabel
+								})
+							]
 						})
 					]
 				})
@@ -2271,6 +2283,37 @@ window.__ModuleLoader__.load({
 			return normalizeTags(tags) ?? [];
 		}
 		//#endregion
+		//#region src/client/board/parse-model-pref.ts
+		/**
+		* The model the user last picked for AI parsing, remembered per browser so the
+		* next new-task modal starts from it instead of the roster's first entry
+		* (issue #1621). An empty value is a real choice — "let the Host use its
+		* default model" — and is remembered as such.
+		*/
+		const PARSE_MODEL_KEY = "dsh-task-board.parse-model";
+		/** The nearest browser storage, or undefined when the global itself throws. */
+		function defaultStorage() {
+			try {
+				return globalThis.localStorage;
+			} catch {
+				return;
+			}
+		}
+		/** The remembered parse model; '' means the Host default (or no preference). */
+		function readParseModelPreference(storage = defaultStorage()) {
+			try {
+				return storage?.getItem(PARSE_MODEL_KEY) ?? "";
+			} catch {
+				return "";
+			}
+		}
+		/** Remember the picked parse model; '' records the Host-default choice. */
+		function writeParseModelPreference(model, storage = defaultStorage()) {
+			try {
+				storage?.setItem(PARSE_MODEL_KEY, model);
+			} catch {}
+		}
+		//#endregion
 		//#region src/client/board/NewTaskModal.tsx
 		/**
 		* New-task modal: title + description + the prompt that execution will send.
@@ -2300,14 +2343,17 @@ window.__ModuleLoader__.load({
 			const [options, setOptions] = (0, react.useState)(controller.getSnapshot().executionOptions);
 			const [canParse] = (0, react.useState)(controller.getSnapshot().canParseTask === true);
 			const [parseText, setParseText] = (0, react.useState)("");
-			const [parseModel, setParseModel] = (0, react.useState)("");
+			const [parseModel, setParseModel] = (0, react.useState)(() => readParseModelPreference());
 			const [parsePending, setParsePending] = (0, react.useState)(false);
 			const [parseError, setParseError] = (0, react.useState)(void 0);
 			const parseAbort = (0, react.useRef)(void 0);
 			const parseModels = options.models ?? [];
 			(0, react.useEffect)(() => controller.subscribe(() => setOptions(controller.getSnapshot().executionOptions)), [controller]);
 			(0, react.useEffect)(() => {
-				if (parseModel === "" && parseModels.length > 0) setParseModel(parseModels[0].id);
+				if (parseModel === "" || parseModels.length === 0) return;
+				if (parseModels.some((option) => option.id === parseModel)) return;
+				setParseModel("");
+				writeParseModelPreference("");
 			}, [parseModel, options.models]);
 			const runParse = async () => {
 				const text = parseText.trim();
@@ -2334,7 +2380,13 @@ window.__ModuleLoader__.load({
 					setParsePending(false);
 				}
 			};
-			const submit = async () => {
+			/**
+			* Create the task through the Host, then optionally start it.
+			* @param runAfterCreate - true for the "create and run" action: the task is
+			* committed either way, and a refused start opens the task instead of
+			* reporting the creation as failed.
+			*/
+			const submit = async (runAfterCreate) => {
 				if (scheduleEnabled) {
 					const cron = scheduleCron.trim();
 					if (cron === "" || !isValidCron(cron)) {
@@ -2363,7 +2415,7 @@ window.__ModuleLoader__.load({
 				};
 				const tagList = cleanTags(tags);
 				setPending(true);
-				if (await controller.createTaskConfirmed({
+				const task = await controller.createTaskConfirmed({
 					title,
 					description,
 					prompt,
@@ -2379,13 +2431,17 @@ window.__ModuleLoader__.load({
 						enabled: true,
 						cron: scheduleCron.trim()
 					} : void 0
-				}) === void 0) {
+				});
+				if (task === void 0) {
 					setPending(false);
 					setError(controller.getSnapshot().transportError ?? t("new.required"));
 					return;
 				}
 				if (isDuplicate && archiveOriginal && initialTask !== void 0) if (onDuplicateSuccess !== void 0) await onDuplicateSuccess(initialTask.id);
 				else await controller.archiveTask(initialTask.id);
+				if (runAfterCreate) {
+					if (!await controller.runTask(task.id)) controller.openTask(task.id);
+				}
 				onClose();
 			};
 			/** Next-run preview for a valid armed cron (creation-time only). */
@@ -2398,9 +2454,15 @@ window.__ModuleLoader__.load({
 				pending,
 				submitLabel: t("new.submit"),
 				onSubmit: () => {
-					submit();
+					submit(false);
 				},
 				onClose,
+				secondaryAction: {
+					label: t("new.createAndRun"),
+					onSubmit: () => {
+						submit(true);
+					}
+				},
 				children: [
 					canParse && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
 						className: board_module_css_default.aiParse,
@@ -2427,17 +2489,21 @@ window.__ModuleLoader__.load({
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 								className: board_module_css_default.aiParseRow,
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
 									className: board_module_css_default.select,
 									value: parseModel,
 									"aria-label": t("new.aiParseModel"),
 									onChange: (event) => {
 										setParseModel(event.target.value);
+										writeParseModelPreference(event.target.value);
 									},
-									children: parseModels.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+										value: "",
+										children: t("exec.model.default")
+									}), parseModels.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
 										value: option.id,
 										children: option.name ?? option.id
-									}, option.id))
+									}, option.id))]
 								}), parsePending ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 									type: "button",
 									className: board_module_css_default.ghostButton,
@@ -4267,10 +4333,12 @@ window.__ModuleLoader__.load({
 			if (nested !== null) return nested;
 			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). */
+		/** Build the entry row (detached; inserted once the shell is up). */
 		function createEntry(options) {
-			const entry = document.createElement("button");
-			entry.type = "button";
+			const actions = options.actions ?? [];
+			const composite = actions.length > 0;
+			const entry = document.createElement(composite ? "div" : "button");
+			if (!composite) entry.type = "button";
 			entry.setAttribute(options.rowAttribute, "");
 			if (options.plugin !== void 0) {
 				entry.setAttribute("data-dsh-plugin", options.plugin);
@@ -4282,17 +4350,57 @@ window.__ModuleLoader__.load({
 			const iconSpan = document.createElement("span");
 			iconSpan.className = options.css["entryIcon"] ?? "";
 			iconSpan.innerHTML = options.icon;
-			entry.append(iconSpan, labelSpan);
+			const main = composite ? document.createElement("button") : entry;
+			if (composite) {
+				main.type = "button";
+				main.className = options.css["entryMain"] ?? "";
+				main.append(iconSpan, labelSpan);
+				entry.append(main);
+			} else entry.append(iconSpan, labelSpan);
+			const actionButtons = [];
+			for (const action of actions) {
+				const button = document.createElement("button");
+				button.type = "button";
+				button.className = options.css["entryAction"] ?? "";
+				button.setAttribute("data-dsh-entry-action", action.id);
+				button.innerHTML = action.icon;
+				button.addEventListener("click", () => {
+					action.onClick(button);
+				});
+				entry.append(button);
+				actionButtons.push({
+					action,
+					button
+				});
+			}
+			let open = false;
+			const applyActions = () => {
+				for (const { action, button } of actionButtons) {
+					button.innerHTML = open || action.inactiveIcon === void 0 ? action.icon : action.inactiveIcon;
+					const text = action.label(open);
+					button.setAttribute("aria-label", text);
+					button.setAttribute("title", text);
+					if (action.inactiveIcon !== void 0) button.setAttribute("aria-expanded", String(open));
+				}
+			};
 			const applyLabel = () => {
-				entry.setAttribute("aria-label", options.label());
-				if (options.tooltip !== void 0) entry.setAttribute("title", options.tooltip());
+				main.setAttribute("aria-label", options.label());
+				if (options.tooltip !== void 0) main.setAttribute("title", options.tooltip());
 				labelSpan.textContent = options.label();
+				applyActions();
 			};
 			applyLabel();
-			entry.addEventListener("click", options.onToggle);
+			main.addEventListener("click", options.onToggle);
+			if (composite) entry.addEventListener("click", (event) => {
+				if (event.target === entry) options.onToggle();
+			});
 			return {
 				entry,
-				applyLabel
+				applyLabel,
+				setOpen: (next) => {
+					open = next;
+					applyActions();
+				}
 			};
 		}
 		/** Re-insert the entry after the New Session row (before the browser region). */
@@ -4316,7 +4424,7 @@ window.__ModuleLoader__.load({
 		*/
 		function mountSidebarEntry$1(options) {
 			if (typeof document !== "undefined" && document.querySelector(options.rowSelector) !== null) return () => {};
-			const { entry, applyLabel } = createEntry(options);
+			const { entry, applyLabel, setOpen } = createEntry(options);
 			let root;
 			let placed = false;
 			let unsubscribeRefresh;
@@ -4356,8 +4464,10 @@ window.__ModuleLoader__.load({
 			});
 			const unsubscribeActive = options.active === void 0 ? void 0 : (() => {
 				const syncActive = () => {
-					if (options.active.isOpen()) entry.dataset.active = "true";
+					const open = options.active.isOpen();
+					if (open) entry.dataset.active = "true";
 					else delete entry.dataset.active;
+					setOpen(open);
 				};
 				const unsubscribe = options.active.subscribe(syncActive);
 				syncActive();
@@ -5434,7 +5544,7 @@ window.__ModuleLoader__.load({
 		/** The building package's version, when the bundle carries it. */
 		function bakedVersion() {
 			try {
-				return "0.3.23";
+				return "0.3.24";
 			} catch {
 				return;
 			}
@@ -5497,6 +5607,129 @@ window.__ModuleLoader__.load({
 			} catch {}
 		}
 		//#endregion
+		//#region src/client/plugin-card-seat.ts
+		/**
+		* Family plugin-card seat.
+		*
+		* A family plugin contributes its settings card to whichever plugin-card seat
+		* the running host actually renders:
+		*
+		* - `web-ui.plugin.item` — the list seat declared by the dsh-web-settings
+		*   group section (this family's own first-level "Web UI plugins" section);
+		* - `settings.plugin.item` — the official keyed seat of the harness's
+		*   `ui-settings-plugins` tab, keyed by the settings namespace the card edits.
+		*
+		* SEAT SELECTION IS NOT A DECLARATION PROBE. The official `ui-settings-plugins`
+		* row belongs to the harness bundle and its `configurable` tab always declares
+		* `settings.plugin.item` before any external plugin's `apply()` runs, so
+		* "is the official seat declared?" answers yes even in the deployment whose
+		* whole point is the family group. Choosing on that probe sends every family
+		* card to the official Plugins tab and leaves the group's own section
+		* permanently empty — the family of reports where the section renders its
+		* heading and zero cards.
+		*
+		* The signal that actually distinguishes the two deployments is whether
+		* dsh-web-settings is loaded: it is the package that owns the group section and
+		* it publishes the `webUiSettings` service during `apply()`, which every
+		* family plugin already reads for its settings scope. Group loaded -> the family
+		* seat; group absent -> the official seat.
+		*
+		* The decision is re-evaluated on every `slots/changed` because the group may
+		* apply after this plugin (the family aggregate orders it first, a profile that
+		* installs the group separately need not): the initial contribution goes to the
+		* official seat, then moves to the family seat the moment the group's section
+		* registers. The entry is disposed before the replacement is registered, so a
+		* card is never in two seats at once.
+		*
+		* The shared tree has no client-SDK dependency, so this module reads its
+		* context through the structural shape below; callers pass the plugin's own
+		* `ctx`.
+		*/
+		/** The family list seat key. */
+		const FAMILY_PLUGIN_CARD_SEAT = "web-ui.plugin.item";
+		/** The official keyed plugin-card seat key. */
+		const OFFICIAL_PLUGIN_CARD_SEAT = "settings.plugin.item";
+		/** The service dsh-web-settings publishes while it is loaded. */
+		const FAMILY_GROUP_SERVICE = "webUiSettings";
+		/**
+		* Whether the family group (dsh-web-settings) is loaded in this page. The
+		* service is the group package's own contract, so the probe cannot be fooled
+		* by a harness release that starts declaring the official seat differently.
+		*/
+		function familyGroupLoaded(ctx) {
+			const get = ctx.get;
+			if (typeof get !== "function") return false;
+			try {
+				return get.call(ctx, FAMILY_GROUP_SERVICE) !== void 0;
+			} catch {
+				return false;
+			}
+		}
+		/** Report a refused registration instead of leaving the user with no card. */
+		function warnRefusedSeat(seat, error) {
+			try {
+				console.warn(`[dsh-web] plugin card registration into "${seat}" was refused; the card will not render`, error);
+			} catch {}
+		}
+		/**
+		* Contribute one family plugin card to the seat this host renders, following
+		* the group if it loads later. The entry is disposed and re-registered on a
+		* seat change, never duplicated.
+		* @param ctx - client context (its slot registry decides the seat).
+		* @param seat - the card contribution.
+		*/
+		function installPluginCard(ctx, seat) {
+			const slots = ctx.slots;
+			const component = seat.component;
+			const inject = seat.inject;
+			let dispose;
+			let current;
+			/**
+			* Re-entrancy latch. The registry emits a change event synchronously from
+			* inside both `register` and the previous entry's disposer, so an unguarded
+			* reconcile would re-enter itself mid-move and register the card twice into
+			* the seat it is leaving ("already has an entry for key ...").
+			*/
+			let reconciling = false;
+			/** Reconcile the contribution with the currently live seat (no-op when unchanged). */
+			const reconcile = () => {
+				if (reconciling) return;
+				const target = familyGroupLoaded(ctx) ? FAMILY_PLUGIN_CARD_SEAT : OFFICIAL_PLUGIN_CARD_SEAT;
+				if (current === target) return;
+				reconciling = true;
+				const previous = dispose;
+				dispose = void 0;
+				current = void 0;
+				previous?.();
+				try {
+					dispose = slots.register(target === "web-ui.plugin.item" ? {
+						name: FAMILY_PLUGIN_CARD_SEAT,
+						id: seat.id,
+						...seat.order === void 0 ? {} : { order: seat.order },
+						...seat.label === void 0 ? {} : { label: seat.label },
+						locale: seat.locale,
+						...seat.inject === void 0 ? {} : { inject }
+					} : {
+						name: OFFICIAL_PLUGIN_CARD_SEAT,
+						key: seat.namespace,
+						locale: seat.locale,
+						...seat.inject === void 0 ? {} : { inject }
+					}, component);
+					current = target;
+				} catch (error) {
+					warnRefusedSeat(target, error);
+				} finally {
+					reconciling = false;
+				}
+			};
+			if (typeof ctx.on === "function") try {
+				ctx.on("slots/changed", () => {
+					reconcile();
+				});
+			} catch {}
+			reconcile();
+		}
+		//#endregion
 		//#region src/client/index.ts
 		/** Locale namespace this plugin owns. */
 		const NS = "task-board";
@@ -5543,23 +5776,17 @@ window.__ModuleLoader__.load({
 			} catch {}
 			const settingsScope = (ctx.get("webUiSettings") ?? ctx.settingsScope).bind({ namespace: TASK_BOARD_NS });
 			const settingsCard = new TaskBoardSettingsCardController(settingsScope);
-			ctx.slots.inject("web-ui.plugin.item", () => {
-				try {
-					const unregister = ctx.slots.register({
-						name: "web-ui.plugin.item",
-						id: "task-board",
-						order: 110,
-						locale: NS,
-						inject: () => settingsCard.inject()
-					}, TaskBoardSettingsCard);
-					return () => {
-						settingsCard.dispose();
-						unregister();
-					};
-				} catch {
-					return () => {};
-				}
+			installPluginCard(ctx, {
+				namespace: TASK_BOARD_NS,
+				id: "task-board",
+				order: 110,
+				locale: NS,
+				inject: () => settingsCard.inject(),
+				component: TaskBoardSettingsCard
 			});
+			ctx.effect(() => () => {
+				settingsCard.dispose();
+			}, "task-board: settings card");
 			let uiDisposer;
 			const mountUi = () => {
 				if (uiDisposer !== void 0) return;