@hydraharness/harness-client-ui-agent-preset 0.1.1-rc.6

package/lib/client.js

@@ -0,0 +1,1693 @@
+window.__ModuleLoader__.load({
+	id: "@hydraharness/harness-client-ui-agent-preset",
+	factory: (require) => {
+		var module = { exports: {} };
+		var exports = module.exports;
+		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+		let react_jsx_runtime = require("react/jsx-runtime");
+		let react = require("react");
+		let _hydraharness_harness_client_ui_primitives = require("@hydraharness/harness-client-ui-primitives");
+		let _hydraharness_harness_client_runtime_client = require("@hydraharness/harness-client-runtime/client");
+		//#region lib/types/client/locales.js
+		/** Locale bundles for the agent-preset settings row, hero chip, header label, and management section. */
+		/** English copy. */
+		const en = {
+			title: "Agent preset",
+			description: "Applies to sessions you start from now on. Running sessions keep the preset they began with.",
+			loading: "Loading presets…",
+			error: "Could not load agent presets.",
+			userTrust: "Custom",
+			seatHint: "Agent preset for the session you are about to start",
+			headerHint: "The agent preset this session runs, fixed when it started",
+			nav: "Agent presets",
+			sectionIntro: "A preset is the plugin composition one session's agent runs — its tools, prompt, and capabilities. Duplicate an existing one and make it yours, or let the agent draft one for you in Creator mode.",
+			builtIn: "Built-in",
+			setDefault: "Set as default",
+			view: "View",
+			presetStandardName: "Standard mode",
+			presetStandardDescription: "Full coding agent with file editing, shell, file and web search, skills, planning, goals, subagents, and workflows.",
+			presetCodeName: "PTC mode",
+			presetCodeDescription: "All Standard mode capabilities, with tools exposed through the Code Mode SDK so the model can combine multi-step operations in one TypeScript program.",
+			presetMinimalName: "Minimal mode",
+			presetMinimalDescription: "Two-tool coding agent with persistent bash and str_replace_editor.",
+			presetCordisName: "Creator mode",
+			presetCordisDescription: "Built for creating custom agent presets, with all Standard mode capabilities plus runtime inspection, plugin experiments, and preset-authoring guidance.",
+			duplicate: "Duplicate",
+			duplicateUnavailable: "This deployment has no writable preset directory",
+			delete: "Delete",
+			presetId: "Identifier",
+			presetIdPlaceholder: "my-agent",
+			displayName: "Name",
+			displayNamePlaceholder: "Shown in the picker; defaults to the identifier",
+			inUse: "Default",
+			builtInGroup: "Built-in",
+			customGroup: "Custom",
+			noDescription: "No description.",
+			brokenBadge: "Failed to load",
+			brokenNoCopy: "A preset that failed to load cannot be duplicated",
+			copyOf: "Copied from",
+			composition: "Composition (agent.cordis.yml)",
+			cancel: "Cancel",
+			close: "Close",
+			retry: "Retry",
+			copyTitle: "Duplicate preset",
+			copyIntro: "The whole preset is copied on this machine. The identifier becomes its directory name and cannot be changed later; everything else is edited in the preset's own files.",
+			create: "Create",
+			creating: "Creating…",
+			creatorDraft: "Draft a custom preset with Creator mode",
+			openLocation: "Open folder",
+			showLocation: "Show location",
+			revealedPathLabel: "Preset files:",
+			idRequired: "Give the preset an identifier.",
+			idInvalid: "Use lowercase letters, digits, and hyphens, starting with a letter or digit.",
+			idTaken: "A preset with this identifier already exists.",
+			deleteTitle: "Delete this preset?",
+			deleteDescription: "The preset directory is deleted. Sessions already running on it keep working; new sessions cannot select it.",
+			deleteConfirm: "Delete",
+			deleting: "Deleting…"
+		};
+		const BUILT_IN_PRESET_KEYS = {
+			standard: {
+				name: "presetStandardName",
+				description: "presetStandardDescription"
+			},
+			code: {
+				name: "presetCodeName",
+				description: "presetCodeDescription"
+			},
+			minimal: {
+				name: "presetMinimalName",
+				description: "presetMinimalDescription"
+			},
+			cordis: {
+				name: "presetCordisName",
+				description: "presetCordisDescription"
+			}
+		};
+		/**
+		* Resolve preset display copy without making user-authored metadata translatable.
+		* @param preset - roster row whose copy is being rendered.
+		* @param t - active Web locale lookup.
+		* @returns localized copy for a known shipped preset, otherwise file metadata.
+		*/
+		function presetDisplayText(preset, t) {
+			const keys = preset.trust === "system" ? BUILT_IN_PRESET_KEYS[preset.id] : void 0;
+			if (keys !== void 0) return {
+				name: t(keys.name),
+				description: t(keys.description)
+			};
+			return {
+				name: preset.name ?? preset.id,
+				...preset.description === void 0 ? {} : { description: preset.description }
+			};
+		}
+		//#endregion
+		//#region \0hydra-css:/home/runner/work/Hydra-Harness/Hydra-Harness/packages/client/ui-agent-preset/src/client/AgentPresetLabel.module.css.mjs
+		const css$3 = "._3uTPLa_label{background:var(--dsw-alias-fill-tsp-secondary);max-width:180px;height:22px;color:var(--dsw-alias-label-secondary);white-space:nowrap;text-overflow:ellipsis;border-radius:6px;align-items:center;gap:4px;padding:0 2px 0 0;font-size:12px;line-height:22px;display:inline-flex;overflow:hidden}._3uTPLa_icon{opacity:.7;flex:none}";
+		const tagId$3 = "@hydraharness/harness-client-ui-agent-preset/AgentPresetLabel.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$3) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@hydraharness/harness-client-ui-agent-preset";
+			tag.dataset.pluginCss = tagId$3;
+			tag.textContent = css$3;
+			document.head.appendChild(tag);
+		}
+		var AgentPresetLabel_module_css_default = {
+			"icon": "_3uTPLa_icon",
+			"label": "_3uTPLa_label"
+		};
+		//#endregion
+		//#region lib/types/client/AgentPresetLabel.js
+		/**
+		* The session header's agent-preset label.
+		*
+		* Read-only by construction: a session's composition is fixed once its
+		* conversation starts, and a header is only worth reading after that. Offering
+		* a control here would promise a switch the host refuses; naming what the
+		* session runs is the honest affordance, and the choice itself lives on the
+		* new-session screen ({@link AgentPresetSeat}).
+		*/
+		/**
+		* Render this session's agent-preset name beside its title.
+		* @param props - composed slot props.
+		* @returns the label, or null when the session records no preset.
+		*/
+		function AgentPresetLabel({ sessionId, useSessions, useAgentPresets, load, t }) {
+			const preset = useSessions((state) => state.byId[sessionId]?.agentPreset);
+			const options = useAgentPresets((state) => state.options);
+			(0, react.useEffect)(() => {
+				if (preset !== void 0) load();
+			}, [preset, load]);
+			if (preset === void 0) return null;
+			const option = options.find((entry) => entry.id === preset);
+			const text = option === void 0 ? void 0 : presetDisplayText(option, t);
+			return (0, react_jsx_runtime.jsxs)("span", {
+				className: AgentPresetLabel_module_css_default.label,
+				title: text?.description ?? t("headerHint"),
+				children: [(0, react_jsx_runtime.jsx)(_hydraharness_harness_client_ui_primitives.IconAgentPresetOutline16, {
+					size: 14,
+					className: AgentPresetLabel_module_css_default.icon
+				}), text?.name ?? preset]
+			});
+		}
+		//#endregion
+		//#region lib/types/client/PresetMenu.js
+		/**
+		* The preset picker both surfaces render: a menu of presets over a button
+		* naming the current one.
+		*
+		* The settings row and the composer seat differ in where they sit, what they
+		* call the current value, and when they refuse a pick — not in how the picker
+		* itself behaves. Trust is the one thing the list always says: a locally
+		* authored preset is exactly as privileged as the plugins it names, so the
+		* label marks it rather than presenting every preset as shipped and vetted.
+		*/
+		/**
+		* Render the preset picker.
+		* @param props - the calling surface's copy, styling, and handlers.
+		* @returns the menu and its trigger.
+		*/
+		function PresetMenu({ options, selectedId, label, t, buttonClassName, chevronClassName, disabled, open, onOpenChange, onSelect }) {
+			return (0, react_jsx_runtime.jsx)(_hydraharness_harness_client_ui_primitives.Menu, {
+				open,
+				onClose: () => {
+					onOpenChange(false);
+				},
+				items: options.map((option) => {
+					const name = presetDisplayText(option, t).name;
+					return {
+						id: option.id,
+						label: option.trust === "user" ? `${name} · ${t("userTrust")}` : name
+					};
+				}),
+				selectedId,
+				onSelect: (id) => {
+					onOpenChange(false);
+					onSelect(id);
+				},
+				align: "end",
+				portal: true,
+				anchor: (0, react_jsx_runtime.jsxs)("button", {
+					"data-hydra-control": "field",
+					type: "button",
+					className: buttonClassName,
+					"aria-haspopup": "menu",
+					"aria-expanded": open,
+					disabled,
+					onClick: () => {
+						onOpenChange(!open);
+					},
+					children: [label, (0, react_jsx_runtime.jsx)(_hydraharness_harness_client_ui_primitives.IconChevronDownOutline14, { className: chevronClassName })]
+				})
+			});
+		}
+		//#endregion
+		//#region \0hydra-css:/home/runner/work/Hydra-Harness/Hydra-Harness/packages/client/ui-agent-preset/src/client/AgentPresetRow.module.css.mjs
+		const css$2 = ".TAlhPa_row{border-bottom:1px solid var(--dsw-alias-border-l2);align-items:center;gap:8px;padding:16px 0;display:flex}.TAlhPa_rowText{flex-direction:column;flex:1;gap:4px;min-width:0;padding-right:48px;display:flex}.TAlhPa_title{color:var(--dsw-alias-label-primary);font-size:14px;font-weight:400;line-height:22px}.TAlhPa_desc{color:var(--dsw-alias-label-tertiary);font-size:12px;font-weight:400;line-height:18px}.TAlhPa_selector{align-items:center;display:inline-flex}.TAlhPa_chevron{flex:none}";
+		const tagId$2 = "@hydraharness/harness-client-ui-agent-preset/AgentPresetRow.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$2) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@hydraharness/harness-client-ui-agent-preset";
+			tag.dataset.pluginCss = tagId$2;
+			tag.textContent = css$2;
+			document.head.appendChild(tag);
+		}
+		var AgentPresetRow_module_css_default = {
+			"chevron": "TAlhPa_chevron",
+			"desc": "TAlhPa_desc",
+			"row": "TAlhPa_row",
+			"rowText": "TAlhPa_rowText",
+			"selector": "TAlhPa_selector",
+			"title": "TAlhPa_title"
+		};
+		//#endregion
+		//#region lib/types/client/AgentPresetRow.js
+		/**
+		* Agent-preset preference row: the preset new sessions are composed from.
+		* A running session keeps the composition it began with, so this row never
+		* disturbs work in progress.
+		*/
+		/**
+		* Render the new-session agent-preset selector.
+		* @param props - composed slot props.
+		* @returns the row, or null when the deployment composes no presets.
+		*/
+		function AgentPresetRow({ load, select, useAgentPreset, t }) {
+			const state = useAgentPreset((snapshot) => snapshot);
+			const [open, setOpen] = (0, react.useState)(false);
+			(0, react.useEffect)(() => {
+				load();
+			}, [load]);
+			(0, react.useEffect)(() => {
+				if (state.writable && state.status !== "unavailable") return;
+				setOpen(false);
+			}, [state.status, state.writable]);
+			if (state.status === "unavailable") return null;
+			const busy = state.status === "loading" || state.status === "saving";
+			const chosen = state.options.find((option) => option.id === state.currentValue);
+			const chosenText = chosen === void 0 ? void 0 : presetDisplayText(chosen, t);
+			const label = state.currentValue === "" ? t("loading") : chosenText?.name ?? state.currentValue;
+			const description = state.error ?? t("description");
+			return (0, react_jsx_runtime.jsxs)("div", {
+				className: AgentPresetRow_module_css_default.row,
+				children: [(0, react_jsx_runtime.jsxs)("div", {
+					className: AgentPresetRow_module_css_default.rowText,
+					children: [(0, react_jsx_runtime.jsx)("div", {
+						className: AgentPresetRow_module_css_default.title,
+						children: t("title")
+					}), (0, react_jsx_runtime.jsx)("div", {
+						className: AgentPresetRow_module_css_default.desc,
+						role: state.error === null ? void 0 : "alert",
+						children: description
+					})]
+				}), (0, react_jsx_runtime.jsx)(PresetMenu, {
+					options: state.options,
+					selectedId: state.currentValue,
+					label,
+					t,
+					buttonClassName: AgentPresetRow_module_css_default.selector,
+					chevronClassName: AgentPresetRow_module_css_default.chevron,
+					disabled: busy || !state.writable || state.options.length === 0,
+					open,
+					onOpenChange: setOpen,
+					onSelect: (id) => {
+						select(id);
+					}
+				})]
+			});
+		}
+		//#endregion
+		//#region \0hydra-css:/home/runner/work/Hydra-Harness/Hydra-Harness/packages/client/ui-agent-preset/src/client/AgentPresetSeat.module.css.mjs
+		const css$1 = ".X-X6Vq_seat{white-space:nowrap;text-overflow:ellipsis;align-items:center;max-width:min(100%,240px);display:inline-flex;overflow:hidden}.X-X6Vq_seatIcon{color:var(--dsw-alias-label-primary);flex:none}.X-X6Vq_introIcon{animation:.15s cubic-bezier(.16,1,.3,1) both X-X6Vq_seat-icon-in}@keyframes X-X6Vq_seat-icon-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.X-X6Vq_introText{white-space:pre;display:inline-block}.X-X6Vq_introChar{white-space:pre;opacity:0;animation:.4s ease-out forwards X-X6Vq_seat-char-in;display:inline-block}@keyframes X-X6Vq_seat-char-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.X-X6Vq_introIcon,.X-X6Vq_introChar{opacity:1;animation:none}}.X-X6Vq_chevron{color:var(--dsw-alias-label-caption);flex:none}.X-X6Vq_item{flex-direction:column;gap:2px;max-width:280px;display:flex}.X-X6Vq_itemName{color:var(--dsw-alias-label-primary);font-size:13px;line-height:20px}.X-X6Vq_itemDesc{color:var(--dsw-alias-label-caption);white-space:normal;font-size:12px;line-height:16px}";
+		const tagId$1 = "@hydraharness/harness-client-ui-agent-preset/AgentPresetSeat.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$1) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@hydraharness/harness-client-ui-agent-preset";
+			tag.dataset.pluginCss = tagId$1;
+			tag.textContent = css$1;
+			document.head.appendChild(tag);
+		}
+		var AgentPresetSeat_module_css_default = {
+			"chevron": "X-X6Vq_chevron",
+			"introChar": "X-X6Vq_introChar",
+			"introIcon": "X-X6Vq_introIcon",
+			"introText": "X-X6Vq_introText",
+			"item": "X-X6Vq_item",
+			"itemDesc": "X-X6Vq_itemDesc",
+			"itemName": "X-X6Vq_itemName",
+			"seat": "X-X6Vq_seat",
+			"seat-char-in": "X-X6Vq_seat-char-in",
+			"seat-icon-in": "X-X6Vq_seat-icon-in",
+			"seatIcon": "X-X6Vq_seatIcon"
+		};
+		//#endregion
+		//#region lib/types/client/AgentPresetSeat.js
+		/**
+		* The agent-preset chip on the new-session screen, beside the workspace
+		* picker.
+		*
+		* It lives here rather than in the composer because the choice is only
+		* available before a conversation starts: once a turn has run, the session's
+		* history was produced under that preset's tools and the host refuses to swap
+		* them. A control that spends most of its life disabled belongs on the screen
+		* where it still works.
+		*
+		* The menu opens on the staged choice, which starts as the deployment default.
+		* Picking stages; the choice reaches a session when one becomes current.
+		*/
+		const INTRO_TEXT_DELAY_MS = 150;
+		const INTRO_CHAR_STAGGER_MS = 40;
+		const INTRO_TEXT_REVEAL_MS = 200;
+		const INTRO_CHAR_FADE_MS = 400;
+		/**
+		* Per-character start offset for the introduce reveal.
+		* @param count - character count of the shown preset name.
+		* @returns milliseconds between successive character starts.
+		*/
+		function introStaggerMs(count) {
+			if (count <= 1) return 0;
+			return Math.min(INTRO_CHAR_STAGGER_MS, INTRO_TEXT_REVEAL_MS / (count - 1));
+		}
+		/**
+		* Render the new-session agent-preset chip.
+		* @param props - composed slot props.
+		* @returns the chip, or null when the deployment composes no presets.
+		*/
+		function AgentPresetSeat({ load, select, introduced, useAgentPresetSeat, t }) {
+			const state = useAgentPresetSeat((snapshot) => snapshot);
+			const [open, setOpen] = (0, react.useState)(false);
+			(0, react.useEffect)(() => {
+				load();
+			}, [load]);
+			const chosen = state.options.find((option) => option.id === state.current);
+			const label = (chosen === void 0 ? void 0 : presetDisplayText(chosen, t))?.name ?? state.current;
+			const ready = state.options.length > 0 && state.current !== "";
+			const [introducing, setIntroducing] = (0, react.useState)(false);
+			(0, react.useEffect)(() => {
+				if (!state.introduce || !ready) return;
+				const characters = Array.from(label);
+				if (characters.length === 0 || window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
+					introduced();
+					return;
+				}
+				setIntroducing(true);
+				const done = window.setTimeout(() => {
+					setIntroducing(false);
+					introduced();
+				}, INTRO_TEXT_DELAY_MS + (characters.length - 1) * introStaggerMs(characters.length) + INTRO_CHAR_FADE_MS);
+				return () => {
+					window.clearTimeout(done);
+				};
+			}, [
+				state.introduce,
+				ready,
+				label,
+				introduced
+			]);
+			if (!ready) return null;
+			const characters = Array.from(label);
+			const stagger = introStaggerMs(characters.length);
+			const shownLabel = introducing ? (0, react_jsx_runtime.jsx)("span", {
+				className: AgentPresetSeat_module_css_default.introText,
+				children: characters.map((character, index) => (0, react_jsx_runtime.jsx)("span", {
+					className: AgentPresetSeat_module_css_default.introChar,
+					style: { animationDelay: `${INTRO_TEXT_DELAY_MS + index * stagger}ms` },
+					children: character
+				}, index))
+			}) : label;
+			return (0, react_jsx_runtime.jsx)(_hydraharness_harness_client_ui_primitives.Menu, {
+				open,
+				onClose: () => {
+					setOpen(false);
+				},
+				items: state.options.map((option) => {
+					const text = presetDisplayText(option, t);
+					return {
+						id: option.id,
+						label: (0, react_jsx_runtime.jsxs)("span", {
+							className: AgentPresetSeat_module_css_default.item,
+							children: [(0, react_jsx_runtime.jsx)("span", {
+								className: AgentPresetSeat_module_css_default.itemName,
+								children: text.name
+							}), (0, react_jsx_runtime.jsx)("span", {
+								className: AgentPresetSeat_module_css_default.itemDesc,
+								children: text.description ?? t("noDescription")
+							})]
+						})
+					};
+				}),
+				selectedId: state.current,
+				onSelect: (id) => {
+					setOpen(false);
+					select(id);
+				},
+				align: "start",
+				portal: true,
+				anchor: (0, react_jsx_runtime.jsxs)("button", {
+					"data-hydra-control": "compact",
+					type: "button",
+					className: AgentPresetSeat_module_css_default.seat,
+					"aria-haspopup": "menu",
+					"aria-expanded": open,
+					title: state.error ?? t("seatHint"),
+					disabled: state.busy,
+					onClick: () => {
+						setOpen((value) => !value);
+					},
+					children: [
+						(0, react_jsx_runtime.jsx)(_hydraharness_harness_client_ui_primitives.IconAgentPresetOutline16, { className: introducing ? `${AgentPresetSeat_module_css_default.seatIcon} ${AgentPresetSeat_module_css_default.introIcon}` : AgentPresetSeat_module_css_default.seatIcon }),
+						shownLabel,
+						(0, react_jsx_runtime.jsx)(_hydraharness_harness_client_ui_primitives.IconChevronDownOutline14, { className: AgentPresetSeat_module_css_default.chevron })
+					]
+				})
+			});
+		}
+		//#endregion
+		//#region lib/types/client/settings-store.js
+		/**
+		* Agent-preset default-settings controller.
+		*
+		* Options and the current default both come from one `agentPreset.list` call:
+		* the roster already reports which id a session with no explicit choice gets,
+		* so the row needs no schema introspection. Writes target the settings
+		* namespace's `default` field, which is what the host resolves at creation.
+		*/
+		/** The agent-preset settings namespace on the host wire. */
+		const AGENT_PRESET_SETTINGS_NS = "agent-presets";
+		/**
+		* Human text for a rejected wire call. A transport failure rejects with an
+		* Error; a host or a runtime can reject with anything, and the surface still
+		* has to say something.
+		* @param error - the rejection value.
+		* @returns the message to show.
+		*/
+		function messageOf(error) {
+			return error instanceof Error ? error.message : String(error);
+		}
+		/**
+		* Persist one preset as the default for sessions created later.
+		*
+		* The default is a settings field rather than a preset property, so both the
+		* General row and the management section write it here — one home for which
+		* namespace and field the host resolves at session creation.
+		* @param api - the settings wire face.
+		* @param id - the preset to make default.
+		* @returns the failure message, or undefined once the write landed.
+		*/
+		async function writeDefaultPreset(api, id) {
+			let response;
+			try {
+				response = await api.settings.update({
+					ns: AGENT_PRESET_SETTINGS_NS,
+					patch: { default: id }
+				});
+			} catch (error) {
+				return messageOf(error);
+			}
+			return response.result.ok ? void 0 : response.result.error.message;
+		}
+		/**
+		* Read the roster, folding both refusal shapes into one message.
+		*
+		* The wire refuses in two ways — the transport rejects, or it answers an
+		* `ok: false` envelope — and every surface treats them identically. Folding
+		* them here keeps each store's `load` about what it does with a roster rather
+		* than about how the call can fail.
+		* @param api - the agent-preset wire face.
+		* @returns the roster, or the message to show in its place.
+		*/
+		async function readRoster(api) {
+			try {
+				const response = await api.agentPresets.list({});
+				return response.result.ok ? {
+					ok: true,
+					value: response.result.value
+				} : {
+					ok: false,
+					error: response.result.error.message
+				};
+			} catch (error) {
+				return {
+					ok: false,
+					error: messageOf(error)
+				};
+			}
+		}
+		/**
+		* Serialize roster refreshes, coalescing invalidations during a read into a
+		* rerun before publishing. Callers settle after the latest requested refresh.
+		* @param api - the agent-preset wire face.
+		* @param store - the surface's own snapshot store.
+		* @param accept - publish a successful roster into the surface's snapshot.
+		* @returns the refresh callback owned by this controller.
+		*/
+		function createRosterLoader(api, store, accept) {
+			let inFlight;
+			let rerun = false;
+			const needsRerun = () => rerun;
+			return () => {
+				if (inFlight !== void 0) {
+					rerun = true;
+					return inFlight;
+				}
+				inFlight = Promise.resolve().then(async () => {
+					try {
+						do {
+							store.set({
+								...store.getSnapshot(),
+								status: "loading",
+								error: null
+							});
+							rerun = false;
+							const roster = await readRoster(api);
+							if (needsRerun()) continue;
+							if (roster.ok) await accept(roster.value);
+							else store.set({
+								...store.getSnapshot(),
+								status: "error",
+								error: roster.error
+							});
+						} while (needsRerun());
+					} finally {
+						inFlight = void 0;
+					}
+				});
+				return inFlight;
+			};
+		}
+		/**
+		* The roster entries as the pickers render them: healthy presets only.
+		*
+		* The chip and the row exist to choose the NEXT session's composition, and a
+		* broken preset cannot compose one — offering it would defer the discovery
+		* of that fact to a failed session start. The management section renders the
+		* full roster (broken rows included) from its own store instead.
+		*
+		* The chip, the row, and the management section all show the same facts, and
+		* `exactOptionalPropertyTypes` makes "absent" and "present as undefined"
+		* different shapes — so the spread dance belongs in one place rather than
+		* once per store.
+		* @param presets - the roster the host answered with.
+		* @returns one option per selectable preset, in roster order.
+		*/
+		function presetOptions(presets) {
+			return presets.filter((preset) => preset.broken === void 0).map((preset) => ({
+				id: preset.id,
+				trust: preset.trust,
+				...preset.name === void 0 ? {} : { name: preset.name },
+				...preset.description === void 0 ? {} : { description: preset.description }
+			}));
+		}
+		const INITIAL$2 = {
+			status: "idle",
+			error: null,
+			writable: true,
+			currentValue: "",
+			options: []
+		};
+		/** Reads the roster and persists the chosen default. */
+		var AgentPresetSettingsController = class {
+			api;
+			describeFace;
+			/** Row snapshot the renderer subscribes to. */
+			store = (0, _hydraharness_harness_client_runtime_client.createSnapshotStore)(INITIAL$2);
+			refresh;
+			/**
+			* @param api - the agent-preset and settings wire faces (roster and default write).
+			* @param describeFace - the shared mirror's describe face (writability source).
+			*/
+			constructor(api, describeFace) {
+				this.api = api;
+				this.describeFace = describeFace;
+				this.refresh = createRosterLoader(api, this.store, (roster) => this.acceptRoster(roster));
+			}
+			set(patch) {
+				this.store.set({
+					...this.store.getSnapshot(),
+					...patch
+				});
+			}
+			/**
+			* Load the roster. An empty roster means the deployment composes no
+			* presets, which is a valid deployment rather than a failure — the row
+			* reports `unavailable` and renders nothing.
+			* @returns once the snapshot reflects the host.
+			*/
+			load() {
+				return this.refresh();
+			}
+			async acceptRoster(roster) {
+				const { presets } = roster;
+				const [first] = presets;
+				if (first === void 0) {
+					this.set({
+						status: "unavailable",
+						options: [],
+						currentValue: ""
+					});
+					return;
+				}
+				await this.describeFace.ensure();
+				this.set({
+					status: "ready",
+					error: null,
+					writable: this.describeFace.getSnapshot().view?.writable ?? false,
+					options: presetOptions(presets),
+					currentValue: presets.find((preset) => preset.isDefault)?.id ?? first.id
+				});
+			}
+			/**
+			* Persist one preset as the default for sessions created later. Running
+			* sessions keep the composition they were created with, so this never
+			* disturbs work in progress.
+			* @param id - the preset to make default.
+			* @returns once the write settled and the roster was re-read.
+			*/
+			async select(id) {
+				const before = this.store.getSnapshot();
+				if (before.status === "saving" || id === before.currentValue) return;
+				this.set({
+					status: "saving",
+					error: null,
+					currentValue: id
+				});
+				const failure = await writeDefaultPreset(this.api, id);
+				if (failure !== void 0) {
+					this.set({
+						status: "ready",
+						currentValue: before.currentValue,
+						error: failure
+					});
+					return;
+				}
+				await this.load();
+			}
+		};
+		//#endregion
+		//#region lib/types/client/section-store.js
+		/**
+		* Agent-preset management controller: the roster as a list, a copy dialog as
+		* the only way a preset is created, and a read-only viewer over the shipped
+		* compositions.
+		*
+		* The browser edits no composition text. A new preset is a host-side copy of
+		* an existing one (`{ from, id, name? }` is all that crosses the wire), and
+		* everything after creation happens in the preset's own files — which is why
+		* the page's other job is getting the user TO those files: open the directory
+		* where the host has a desktop, show its path where it does not.
+		*
+		* The host stays the single fact source. Every mutation writes through the
+		* wire and the page re-reads the roster afterwards, because a copy changes
+		* more than the row it targeted.
+		*/
+		/** Ids a preset directory may be named, mirroring the host's own rule. */
+		const PRESET_ID = /^[a-z0-9][a-z0-9-]*$/;
+		const INITIAL$1 = {
+			status: "idle",
+			error: null,
+			authorable: false,
+			hasDocument: false,
+			rows: [],
+			copy: null,
+			view: null,
+			pendingDelete: null,
+			deleting: false,
+			revealedPaths: {}
+		};
+		/**
+		* Why this copy cannot be submitted yet, as a locale key, or undefined when
+		* it can. Client-side only: the host re-checks the id and its answer is what
+		* the dialog reports on failure.
+		* @param draft - the open copy dialog.
+		* @param rows - the roster, for the collision check.
+		* @returns the blocking reason's locale key, or undefined when submittable.
+		*/
+		function draftBlocker(draft, rows) {
+			if (draft.id === "") return "idRequired";
+			if (!PRESET_ID.test(draft.id)) return "idInvalid";
+			if (rows.some((row) => row.id === draft.id)) return "idTaken";
+		}
+		/** Reads the roster and drives the copy dialog, viewer, and location reveals. */
+		var AgentPresetSectionController = class {
+			api;
+			rosterChanged;
+			/** Page snapshot the renderer subscribes to. */
+			store = (0, _hydraharness_harness_client_runtime_client.createSnapshotStore)(INITIAL$1);
+			refresh;
+			constructor(api, rosterChanged = () => {}) {
+				this.api = api;
+				this.rosterChanged = rosterChanged;
+				this.refresh = createRosterLoader(api, this.store, (roster) => {
+					this.acceptRoster(roster);
+				});
+			}
+			set(patch) {
+				this.store.set({
+					...this.store.getSnapshot(),
+					...patch
+				});
+			}
+			patchCopy(patch) {
+				const { copy } = this.store.getSnapshot();
+				if (copy === null) return;
+				this.set({ copy: {
+					...copy,
+					...patch
+				} });
+			}
+			/**
+			* Load the roster. An empty roster means the deployment composes no
+			* presets, which is a valid deployment rather than a failure — the section
+			* reports `unavailable` and renders nothing.
+			* @returns once the snapshot reflects the host.
+			*/
+			load() {
+				return this.refresh();
+			}
+			acceptRoster(roster) {
+				const { presets, authorable, hasDocument } = roster;
+				if (presets.length === 0) {
+					this.set({
+						status: "unavailable",
+						rows: [],
+						authorable,
+						hasDocument,
+						copy: null,
+						view: null
+					});
+					return;
+				}
+				const revealed = this.store.getSnapshot().revealedPaths;
+				const kept = Object.fromEntries(Object.entries(revealed).filter(([id]) => presets.some((preset) => preset.id === id)));
+				this.set({
+					status: "ready",
+					error: null,
+					authorable,
+					hasDocument,
+					rows: presets.map((preset) => ({ ...preset })),
+					revealedPaths: kept
+				});
+			}
+			/**
+			* Open one shipped preset's composition in the read-only viewer.
+			* @param id - the preset to view.
+			* @returns once the composition loaded or the failure is on the page.
+			*/
+			async view(id) {
+				this.set({ error: null });
+				try {
+					const response = await this.api.agentPresets.read({ agentPreset: id });
+					if (!response.result.ok) {
+						this.set({ error: response.result.error.message });
+						return;
+					}
+					const { name, content } = response.result.value;
+					this.set({ view: {
+						id,
+						title: name ?? id,
+						content
+					} });
+				} catch (error) {
+					this.set({ error: messageOf(error) });
+				}
+			}
+			/** Close the read-only viewer. */
+			closeView() {
+				this.set({ view: null });
+			}
+			/**
+			* Open the copy dialog over one preset.
+			* @param from - the preset the copy will start from.
+			*/
+			beginCopy(from) {
+				const row = this.store.getSnapshot().rows.find((candidate) => candidate.id === from);
+				this.set({
+					error: null,
+					copy: {
+						from,
+						fromTitle: row?.name ?? from,
+						id: "",
+						name: "",
+						saving: false,
+						error: null
+					}
+				});
+			}
+			/** Close the copy dialog, discarding whatever was typed. */
+			cancelCopy() {
+				this.set({ copy: null });
+			}
+			/**
+			* Name the preset the copy creates.
+			* @param id - the id typed into the dialog.
+			*/
+			setCopyId(id) {
+				this.patchCopy({
+					id,
+					error: null
+				});
+			}
+			/**
+			* Name the copy's display name.
+			* @param name - the display name typed into the dialog.
+			*/
+			setCopyName(name) {
+				this.patchCopy({
+					name,
+					error: null
+				});
+			}
+			/**
+			* Submit the copy, re-read the roster, then take the user to the new
+			* preset's files — the directory opens where the host has a desktop, and
+			* its path appears on the new row where it does not.
+			* @returns once the copy settled and the page reflects it.
+			*/
+			async confirmCopy() {
+				const draft = this.store.getSnapshot().copy;
+				if (draft === null || draft.saving) return;
+				if (draftBlocker(draft, this.store.getSnapshot().rows) !== void 0) return;
+				this.patchCopy({
+					saving: true,
+					error: null
+				});
+				try {
+					const name = draft.name.trim();
+					const response = await this.api.agentPresets.copy({
+						from: draft.from,
+						agentPreset: draft.id,
+						...name === "" ? {} : { name }
+					});
+					if (!response.result.ok) {
+						this.patchCopy({
+							saving: false,
+							error: response.result.error.message
+						});
+						return;
+					}
+					this.set({ copy: null });
+					await this.load();
+					this.rosterChanged();
+					await this.openLocation(draft.id);
+				} catch (error) {
+					this.patchCopy({
+						saving: false,
+						error: messageOf(error)
+					});
+				}
+			}
+			/**
+			* Open one preset's directory on the host desktop, or reveal its path on
+			* the row where the deployment has no opener to hand it to.
+			* @param id - the preset whose files the user wants.
+			* @returns once the host answered and the page reflects it.
+			*/
+			async openLocation(id) {
+				try {
+					const response = await this.api.agentPresets.openDocument({ agentPreset: id });
+					if (!response.result.ok) {
+						this.set({ error: response.result.error.message });
+						return;
+					}
+					if (response.result.value.opened) return;
+					const { path } = response.result.value;
+					this.set({ revealedPaths: {
+						...this.store.getSnapshot().revealedPaths,
+						[id]: path
+					} });
+				} catch (error) {
+					this.set({ error: messageOf(error) });
+				}
+			}
+			/**
+			* Ask for confirmation before deleting one preset.
+			* @param id - the preset to delete, or null to dismiss the confirmation.
+			*/
+			confirmDelete(id) {
+				if (this.store.getSnapshot().deleting) return;
+				this.set({ pendingDelete: id });
+			}
+			/**
+			* Delete the preset awaiting confirmation, then re-read the roster.
+			*
+			* A session already composed from it keeps running: its composition was
+			* mounted at creation and nothing re-reads the file.
+			* @returns once the delete settled and the page reflects it.
+			*/
+			async remove() {
+				const { pendingDelete, deleting } = this.store.getSnapshot();
+				if (pendingDelete === null || deleting) return;
+				this.set({
+					deleting: true,
+					error: null
+				});
+				try {
+					const response = await this.api.agentPresets.remove({ agentPreset: pendingDelete });
+					if (!response.result.ok) {
+						this.set({
+							deleting: false,
+							pendingDelete: null,
+							error: response.result.error.message
+						});
+						return;
+					}
+					this.set({
+						deleting: false,
+						pendingDelete: null
+					});
+					await this.load();
+					this.rosterChanged();
+				} catch (error) {
+					this.set({
+						deleting: false,
+						pendingDelete: null,
+						error: messageOf(error)
+					});
+				}
+			}
+			/**
+			* Make one preset the default for sessions created later. Running sessions
+			* keep the composition they began with, so this never disturbs work.
+			* @param id - the preset to make default.
+			* @returns once the write settled and the roster was re-read.
+			*/
+			async makeDefault(id) {
+				const failure = await writeDefaultPreset(this.api, id);
+				if (failure !== void 0) {
+					this.set({ error: failure });
+					return;
+				}
+				await this.load();
+			}
+		};
+		//#endregion
+		//#region \0hydra-css:/home/runner/work/Hydra-Harness/Hydra-Harness/packages/client/ui-agent-preset/src/client/AgentPresetSection.module.css.mjs
+		const css = ".OMnZtW_section{max-width:720px;color:var(--dsw-alias-label-primary);flex-direction:column;gap:12px;display:flex}.OMnZtW_title{margin:0;font-size:18px;font-weight:600}.OMnZtW_intro{color:var(--dsw-alias-label-tertiary);margin:0;font-size:13px}.OMnZtW_group{flex-direction:column;gap:10px;display:flex}.OMnZtW_group+.OMnZtW_group{margin-top:20px}.OMnZtW_groupHead{letter-spacing:.06em;text-transform:uppercase;color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px;font-weight:600}.OMnZtW_cards{grid-template-columns:repeat(auto-fill,minmax(268px,1fr));grid-auto-rows:1fr;gap:12px;margin:0;padding:0;list-style:none;display:grid}.OMnZtW_card{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:12px;flex-direction:column;transition:border-color .16s,background .16s;display:flex}.OMnZtW_card:hover:not(.OMnZtW_cardActive){border-color:var(--dsw-alias-label-dimmed)}.OMnZtW_cardActive{background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-label-primary)}.OMnZtW_cardBroken,.OMnZtW_cardBroken:hover{border-color:var(--dsw-alias-state-error-primary)}.OMnZtW_brokenBadge{white-space:nowrap;background:var(--dsw-alias-state-error-primary);color:var(--dsw-alias-bg-layer-3);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px}.OMnZtW_cardBrokenReason{color:var(--dsw-alias-state-error-primary);overflow-wrap:anywhere;font-size:12px;line-height:1.5}.OMnZtW_cardMain{appearance:none;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px 12px 0 0;flex-direction:column;flex:1;gap:8px;padding:14px 16px 12px;display:flex}.OMnZtW_cardMain:disabled{cursor:default}.OMnZtW_cardMain:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}.OMnZtW_cardHead{align-items:center;gap:8px;display:flex}.OMnZtW_cardName{font-size:15px;font-weight:600;line-height:1.4}.OMnZtW_badge,.OMnZtW_inUse{white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px}.OMnZtW_badge{border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-tertiary)}.OMnZtW_inUse{background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-3);margin-left:auto}.OMnZtW_cardDesc{color:var(--dsw-alias-label-secondary);-webkit-line-clamp:4;overflow-wrap:anywhere;-webkit-box-orient:vertical;min-height:42px;font-size:13px;line-height:1.55;display:-webkit-box;overflow:hidden}.OMnZtW_cardId{font-family:var(--dsw-font-mono,ui-monospace, SFMono-Regular, Menlo, monospace);color:var(--dsw-alias-label-dimmed);margin-top:auto;font-size:11px}.OMnZtW_cardFoot{border-top:1px solid var(--dsw-alias-border-l2);justify-content:flex-end;gap:2px;padding:6px 10px;display:flex}.OMnZtW_iconButton{appearance:none;color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;padding:6px;display:inline-flex;position:relative}.OMnZtW_iconButton:disabled{opacity:.4;cursor:default}.OMnZtW_iconButton:hover:not(:disabled){background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary)}.OMnZtW_iconButton:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-1px}.OMnZtW_iconButton:after{content:attr(data-tip);background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-3);white-space:nowrap;opacity:0;pointer-events:none;border-radius:6px;padding:3px 8px;font-size:11px;line-height:17px;transition:opacity .12s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.OMnZtW_iconButton:hover:after,.OMnZtW_iconButton:focus-visible:after{opacity:1}.OMnZtW_iconDanger:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover-danger);color:var(--dsw-alias-state-error-primary)}.OMnZtW_revealedPath{color:var(--dsw-alias-label-tertiary);align-items:baseline;gap:6px;margin:0;padding:6px 16px 10px;font-size:11px;display:flex}.OMnZtW_revealedPath code{font-family:var(--dsw-font-mono,ui-monospace, SFMono-Regular, Menlo, monospace);color:var(--dsw-alias-label-secondary);user-select:all;overflow-wrap:anywhere}.OMnZtW_revealedPathLabel{white-space:nowrap}.OMnZtW_secondaryButton{color:var(--dsw-alias-label-secondary);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:5px 8px;font-size:12.5px}.OMnZtW_secondaryButton:hover:not(:disabled){background:var(--dsw-alias-bg-layer-1)}.OMnZtW_secondaryButton:disabled{opacity:.5;cursor:default}.OMnZtW_field{flex-direction:column;gap:6px;display:flex}.OMnZtW_fieldLabel{color:var(--dsw-alias-label-secondary);font-size:12px;font-weight:500}.OMnZtW_dialog{width:min(560px,100%)}.OMnZtW_dialogFields{flex-direction:column;gap:12px;display:flex}.OMnZtW_viewerCode{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);max-height:min(52vh,480px);color:var(--dsw-alias-label-secondary);font-family:var(--dsw-font-mono,ui-monospace, SFMono-Regular, Menlo, monospace);white-space:pre;tab-size:2;--hydra-scrollbar-thumb:var(--dsw-alias-scrollbar-bg-l2);--hydra-scrollbar-thumb-hover:var(--dsw-alias-scrollbar-hover-l2);border-radius:10px;margin:0;padding:12px;font-size:12.5px;line-height:1.5;overflow:auto}.OMnZtW_error{color:var(--dsw-alias-state-error-primary);margin:0;font-size:12px}.OMnZtW_deleteDialog{width:min(480px,100%)}.OMnZtW_deleteConfirm:not(:disabled){border-color:var(--dsw-alias-state-error-primary);color:var(--dsw-alias-state-error-primary)}.OMnZtW_deleteConfirm:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover-danger)}.OMnZtW_creatorButton{box-sizing:border-box;border:1px dashed var(--dsw-alias-border-l3);height:44px;font:inherit;color:var(--dsw-alias-label-primary);cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-self:stretch;align-items:center;gap:6px;font-size:14px;line-height:22px;display:flex}.OMnZtW_creatorButton:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.OMnZtW_creatorButton:disabled{opacity:.4;cursor:default}.OMnZtW_input{width:100%}";
+		const tagId = "@hydraharness/harness-client-ui-agent-preset/AgentPresetSection.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@hydraharness/harness-client-ui-agent-preset";
+			tag.dataset.pluginCss = tagId;
+			tag.textContent = css;
+			document.head.appendChild(tag);
+		}
+		var AgentPresetSection_module_css_default = {
+			"badge": "OMnZtW_badge",
+			"brokenBadge": "OMnZtW_brokenBadge",
+			"card": "OMnZtW_card",
+			"cardActive": "OMnZtW_cardActive",
+			"cardBroken": "OMnZtW_cardBroken",
+			"cardBrokenReason": "OMnZtW_cardBrokenReason",
+			"cardDesc": "OMnZtW_cardDesc",
+			"cardFoot": "OMnZtW_cardFoot",
+			"cardHead": "OMnZtW_cardHead",
+			"cardId": "OMnZtW_cardId",
+			"cardMain": "OMnZtW_cardMain",
+			"cardName": "OMnZtW_cardName",
+			"cards": "OMnZtW_cards",
+			"creatorButton": "OMnZtW_creatorButton",
+			"deleteConfirm": "OMnZtW_deleteConfirm",
+			"deleteDialog": "OMnZtW_deleteDialog",
+			"dialog": "OMnZtW_dialog",
+			"dialogFields": "OMnZtW_dialogFields",
+			"error": "OMnZtW_error",
+			"field": "OMnZtW_field",
+			"fieldLabel": "OMnZtW_fieldLabel",
+			"group": "OMnZtW_group",
+			"groupHead": "OMnZtW_groupHead",
+			"iconButton": "OMnZtW_iconButton",
+			"iconDanger": "OMnZtW_iconDanger",
+			"inUse": "OMnZtW_inUse",
+			"input": "OMnZtW_input",
+			"intro": "OMnZtW_intro",
+			"revealedPath": "OMnZtW_revealedPath",
+			"revealedPathLabel": "OMnZtW_revealedPathLabel",
+			"secondaryButton": "OMnZtW_secondaryButton",
+			"section": "OMnZtW_section",
+			"title": "OMnZtW_title",
+			"viewerCode": "OMnZtW_viewerCode"
+		};
+		//#endregion
+		//#region lib/types/client/AgentPresetSection.js
+		/**
+		* Agent-presets settings section: the roster as cards, a copy dialog as the
+		* only way a preset is created, and a read-only viewer over the shipped
+		* compositions.
+		*
+		* The browser edits no composition text — a shipped preset opens read-only to
+		* be READ (it is the known-good composition a copy starts from), and a custom
+		* preset is edited in its own files, which is what the location action leads
+		* to. Deleting a preset leaves running sessions alone: a composition is
+		* mounted once at session creation and nothing re-reads the file.
+		*/
+		function CopyDialog({ state, t, actions }) {
+			const draft = state.copy;
+			const blocker = draft === null ? void 0 : draftBlocker(draft, state.rows);
+			const message = draft === null ? null : draft.error ?? (blocker === void 0 ? null : t(blocker));
+			const source = draft === null ? void 0 : state.rows.find((row) => row.id === draft.from);
+			const sourceTitle = source === void 0 ? draft?.fromTitle : presetDisplayText(source, t).name;
+			return (0, react_jsx_runtime.jsx)(_hydraharness_harness_client_ui_primitives.Modal, {
+				open: draft !== null,
+				onClose: () => {
+					actions.cancelCopy();
+				},
+				title: draft === null ? t("copyTitle") : `${t("copyTitle")} · ${t("copyOf")} ${sourceTitle}`,
+				closeLabel: t("close"),
+				description: t("copyIntro"),
+				className: AgentPresetSection_module_css_default.dialog,
+				footer: (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)(_hydraharness_harness_client_ui_primitives.Button, {
+					variant: "outline",
+					disabled: draft?.saving === true,
+					onClick: () => {
+						actions.cancelCopy();
+					},
+					children: t("cancel")
+				}), (0, react_jsx_runtime.jsx)(_hydraharness_harness_client_ui_primitives.Button, {
+					disabled: draft === null || draft.saving || blocker !== void 0,
+					onClick: () => {
+						actions.confirmCopy();
+					},
+					children: draft?.saving === true ? t("creating") : t("create")
+				})] }),
+				children: draft === null ? null : (0, react_jsx_runtime.jsxs)("div", {
+					className: AgentPresetSection_module_css_default.dialogFields,
+					children: [
+						(0, react_jsx_runtime.jsxs)("label", {
+							className: AgentPresetSection_module_css_default.field,
+							children: [(0, react_jsx_runtime.jsx)("span", {
+								className: AgentPresetSection_module_css_default.fieldLabel,
+								children: t("presetId")
+							}), (0, react_jsx_runtime.jsx)("input", {
+								"data-hydra-control": "field",
+								className: AgentPresetSection_module_css_default.input,
+								value: draft.id,
+								autoFocus: true,
+								spellCheck: false,
+								placeholder: t("presetIdPlaceholder"),
+								onChange: (event) => {
+									actions.setCopyId(event.target.value);
+								}
+							})]
+						}),
+						(0, react_jsx_runtime.jsxs)("label", {
+							className: AgentPresetSection_module_css_default.field,
+							children: [(0, react_jsx_runtime.jsx)("span", {
+								className: AgentPresetSection_module_css_default.fieldLabel,
+								children: t("displayName")
+							}), (0, react_jsx_runtime.jsx)("input", {
+								"data-hydra-control": "field",
+								className: AgentPresetSection_module_css_default.input,
+								value: draft.name,
+								spellCheck: false,
+								placeholder: t("displayNamePlaceholder"),
+								onChange: (event) => {
+									actions.setCopyName(event.target.value);
+								}
+							})]
+						}),
+						message === null ? null : (0, react_jsx_runtime.jsx)("p", {
+							className: AgentPresetSection_module_css_default.error,
+							role: "alert",
+							children: message
+						})
+					]
+				})
+			});
+		}
+		/**
+		* Render one card's description, clamped by CSS and offered in full on hover.
+		* The tooltip is attached only while the text is actually cut off, so a short
+		* description does not answer a hover with a bubble repeating the card.
+		* @param props.text - the description as rendered, already localized.
+		* @returns the description element, tooltip-anchored while it overflows.
+		*/
+		function CardDescription({ text }) {
+			const ref = (0, react.useRef)(null);
+			const [truncated, setTruncated] = (0, react.useState)(false);
+			(0, react.useLayoutEffect)(() => {
+				const el = ref.current;
+				/* v8 ignore next -- the ref is attached before layout effects run. */
+				if (el === null) return;
+				const measure = () => {
+					setTruncated(el.scrollHeight > el.clientHeight);
+				};
+				measure();
+				if (typeof ResizeObserver === "undefined") return;
+				const observer = new ResizeObserver(measure);
+				observer.observe(el);
+				return () => {
+					observer.disconnect();
+				};
+			}, [text]);
+			return (0, react_jsx_runtime.jsx)(_hydraharness_harness_client_ui_primitives.Tooltip, {
+				label: text,
+				side: "bottom",
+				delayMs: 400,
+				disabled: !truncated,
+				maxWidth: 360,
+				children: (0, react_jsx_runtime.jsx)("span", {
+					ref,
+					className: AgentPresetSection_module_css_default.cardDesc,
+					title: "",
+					children: text
+				})
+			});
+		}
+		/**
+		* Render the Agent presets section content column.
+		* @param props - composed slot props.
+		* @returns the section, or null when the deployment composes no presets.
+		*/
+		function AgentPresetSection(props) {
+			const { useAgentPresetSection, t, load } = props;
+			const state = useAgentPresetSection((snapshot) => snapshot);
+			const viewedId = state.view?.id;
+			const viewedRow = viewedId === void 0 ? void 0 : state.rows.find((row) => row.id === viewedId);
+			const viewedTitle = state.view === null ? "" : viewedRow === void 0 ? state.view.title : presetDisplayText(viewedRow, t).name;
+			(0, react.useEffect)(() => {
+				load();
+			}, [load]);
+			if (state.status === "unavailable") return null;
+			if (state.status === "error") {
+				/* v8 ignore next -- an error status always carries text; the fallback satisfies the nullable type */
+				const detail = state.error ?? "";
+				return (0, react_jsx_runtime.jsxs)("div", {
+					className: AgentPresetSection_module_css_default.section,
+					children: [(0, react_jsx_runtime.jsx)("p", {
+						className: AgentPresetSection_module_css_default.error,
+						role: "alert",
+						children: `${t("error")} ${detail}`
+					}), (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: AgentPresetSection_module_css_default.secondaryButton,
+						onClick: () => {
+							load();
+						},
+						children: t("retry")
+					})]
+				});
+			}
+			const creatorButton = props.startCreatorDraft !== void 0 && state.rows.some((row) => row.id === "cordis") ? (0, react_jsx_runtime.jsxs)("button", {
+				type: "button",
+				className: AgentPresetSection_module_css_default.creatorButton,
+				disabled: !state.authorable,
+				title: state.authorable ? void 0 : t("duplicateUnavailable"),
+				onClick: () => {
+					props.startCreatorDraft?.();
+					props.close();
+				},
+				children: [(0, react_jsx_runtime.jsx)(_hydraharness_harness_client_ui_primitives.IconPlusOutline16, { size: 14 }), t("creatorDraft")]
+			}) : null;
+			return (0, react_jsx_runtime.jsxs)("div", {
+				className: AgentPresetSection_module_css_default.section,
+				children: [
+					(0, react_jsx_runtime.jsx)("h2", {
+						className: AgentPresetSection_module_css_default.title,
+						children: t("nav")
+					}),
+					(0, react_jsx_runtime.jsx)("p", {
+						className: AgentPresetSection_module_css_default.intro,
+						children: t("sectionIntro")
+					}),
+					state.error === null ? null : (0, react_jsx_runtime.jsx)("p", {
+						className: AgentPresetSection_module_css_default.error,
+						role: "alert",
+						children: state.error
+					}),
+					[["system", t("builtInGroup")], ["user", t("customGroup")]].map(([trust, heading]) => {
+						const group = state.rows.filter((row) => row.trust === trust).map((row) => ({
+							row,
+							text: presetDisplayText(row, t)
+						}));
+						const tail = trust === "user" ? creatorButton : null;
+						if (group.length === 0 && tail === null) return null;
+						return (0, react_jsx_runtime.jsxs)("section", {
+							className: AgentPresetSection_module_css_default.group,
+							children: [
+								(0, react_jsx_runtime.jsx)("h3", {
+									className: AgentPresetSection_module_css_default.groupHead,
+									children: heading
+								}),
+								group.length === 0 ? null : (0, react_jsx_runtime.jsx)("ul", {
+									className: AgentPresetSection_module_css_default.cards,
+									children: group.map(({ row, text }) => (0, react_jsx_runtime.jsxs)("li", {
+										className: row.broken !== void 0 ? `${AgentPresetSection_module_css_default.card} ${AgentPresetSection_module_css_default.cardBroken}` : row.isDefault ? `${AgentPresetSection_module_css_default.card} ${AgentPresetSection_module_css_default.cardActive}` : AgentPresetSection_module_css_default.card,
+										children: [
+											(0, react_jsx_runtime.jsxs)("button", {
+												type: "button",
+												className: AgentPresetSection_module_css_default.cardMain,
+												"aria-pressed": row.isDefault,
+												disabled: row.isDefault || row.broken !== void 0,
+												"aria-label": `${row.broken !== void 0 ? t("brokenBadge") : row.isDefault ? t("inUse") : t("setDefault")}: ${text.name}`,
+												title: row.broken ?? (row.isDefault ? t("inUse") : t("setDefault")),
+												onClick: () => {
+													props.makeDefault(row.id);
+												},
+												children: [
+													(0, react_jsx_runtime.jsxs)("span", {
+														className: AgentPresetSection_module_css_default.cardHead,
+														children: [
+															(0, react_jsx_runtime.jsx)("span", {
+																className: AgentPresetSection_module_css_default.cardName,
+																children: text.name
+															}),
+															row.broken !== void 0 ? (0, react_jsx_runtime.jsx)("span", {
+																className: AgentPresetSection_module_css_default.brokenBadge,
+																children: t("brokenBadge")
+															}) : null,
+															(0, react_jsx_runtime.jsx)("span", {
+																className: AgentPresetSection_module_css_default.badge,
+																children: row.trust === "user" ? t("userTrust") : t("builtIn")
+															}),
+															row.isDefault ? (0, react_jsx_runtime.jsx)("span", {
+																className: AgentPresetSection_module_css_default.inUse,
+																children: t("inUse")
+															}) : null
+														]
+													}),
+													(0, react_jsx_runtime.jsx)(CardDescription, { text: text.description ?? t("noDescription") }),
+													row.broken === void 0 ? null : (0, react_jsx_runtime.jsx)("span", {
+														className: AgentPresetSection_module_css_default.cardBrokenReason,
+														role: "alert",
+														children: row.broken
+													}),
+													(0, react_jsx_runtime.jsx)("code", {
+														className: AgentPresetSection_module_css_default.cardId,
+														children: row.id
+													})
+												]
+											}),
+											(0, react_jsx_runtime.jsxs)("div", {
+												className: AgentPresetSection_module_css_default.cardFoot,
+												children: [
+													row.trust === "system" ? row.broken === void 0 ? (0, react_jsx_runtime.jsx)("button", {
+														type: "button",
+														className: AgentPresetSection_module_css_default.iconButton,
+														"data-tip": t("view"),
+														"aria-label": `${t("view")}: ${text.name}`,
+														onClick: () => {
+															props.view(row.id);
+														},
+														children: (0, react_jsx_runtime.jsx)(_hydraharness_harness_client_ui_primitives.IconBrowseOutline16, {})
+													}) : null : (0, react_jsx_runtime.jsx)("button", {
+														type: "button",
+														className: AgentPresetSection_module_css_default.iconButton,
+														"data-tip": state.hasDocument ? t("openLocation") : t("showLocation"),
+														"aria-label": `${state.hasDocument ? t("openLocation") : t("showLocation")}: ${text.name}`,
+														onClick: () => {
+															props.openLocation(row.id);
+														},
+														children: (0, react_jsx_runtime.jsx)(_hydraharness_harness_client_ui_primitives.IconFolderOpenOutline16, {})
+													}),
+													(0, react_jsx_runtime.jsx)("button", {
+														type: "button",
+														className: AgentPresetSection_module_css_default.iconButton,
+														disabled: !state.authorable || row.broken !== void 0,
+														"data-tip": row.broken !== void 0 ? t("brokenNoCopy") : state.authorable ? t("duplicate") : t("duplicateUnavailable"),
+														"aria-label": `${t("duplicate")}: ${text.name}`,
+														onClick: () => {
+															props.beginCopy(row.id);
+														},
+														children: (0, react_jsx_runtime.jsx)(_hydraharness_harness_client_ui_primitives.IconCopyOutline16, {})
+													}),
+													row.trust === "user" ? (0, react_jsx_runtime.jsx)("button", {
+														type: "button",
+														className: `${AgentPresetSection_module_css_default.iconButton} ${AgentPresetSection_module_css_default.iconDanger}`,
+														"data-tip": t("delete"),
+														"aria-label": `${t("delete")}: ${text.name}`,
+														onClick: () => {
+															props.confirmDelete(row.id);
+														},
+														children: (0, react_jsx_runtime.jsx)(_hydraharness_harness_client_ui_primitives.IconTrashOutline16, {})
+													}) : null
+												]
+											}),
+											state.revealedPaths[row.id] === void 0 ? null : (0, react_jsx_runtime.jsxs)("p", {
+												className: AgentPresetSection_module_css_default.revealedPath,
+												children: [(0, react_jsx_runtime.jsx)("span", {
+													className: AgentPresetSection_module_css_default.revealedPathLabel,
+													children: t("revealedPathLabel")
+												}), (0, react_jsx_runtime.jsx)("code", { children: state.revealedPaths[row.id] })]
+											})
+										]
+									}, row.id))
+								}),
+								tail
+							]
+						}, trust);
+					}),
+					(0, react_jsx_runtime.jsx)(CopyDialog, {
+						state,
+						t,
+						actions: {
+							cancelCopy: props.cancelCopy,
+							confirmCopy: props.confirmCopy,
+							setCopyId: props.setCopyId,
+							setCopyName: props.setCopyName
+						}
+					}),
+					(0, react_jsx_runtime.jsx)(_hydraharness_harness_client_ui_primitives.Modal, {
+						open: state.view !== null,
+						onClose: () => {
+							props.closeView();
+						},
+						title: state.view === null ? "" : `${t("view")} · ${viewedTitle}`,
+						closeLabel: t("close"),
+						description: t("composition"),
+						className: AgentPresetSection_module_css_default.dialog,
+						footer: (0, react_jsx_runtime.jsx)(_hydraharness_harness_client_ui_primitives.Button, {
+							variant: "outline",
+							autoFocus: true,
+							onClick: () => {
+								props.closeView();
+							},
+							children: t("close")
+						}),
+						children: state.view === null ? null : (0, react_jsx_runtime.jsx)("pre", {
+							className: AgentPresetSection_module_css_default.viewerCode,
+							children: state.view.content
+						})
+					}),
+					(0, react_jsx_runtime.jsx)(_hydraharness_harness_client_ui_primitives.Modal, {
+						open: state.pendingDelete !== null,
+						onClose: () => {
+							props.confirmDelete(null);
+						},
+						title: t("deleteTitle"),
+						closeLabel: t("close"),
+						description: t("deleteDescription"),
+						className: AgentPresetSection_module_css_default.deleteDialog,
+						footer: (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)(_hydraharness_harness_client_ui_primitives.Button, {
+							variant: "outline",
+							autoFocus: true,
+							disabled: state.deleting,
+							onClick: () => {
+								props.confirmDelete(null);
+							},
+							children: t("cancel")
+						}), (0, react_jsx_runtime.jsx)(_hydraharness_harness_client_ui_primitives.Button, {
+							variant: "outline",
+							className: AgentPresetSection_module_css_default.deleteConfirm,
+							disabled: state.deleting,
+							onClick: () => {
+								props.remove();
+							},
+							children: state.deleting ? t("deleting") : t("deleteConfirm")
+						})] })
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region lib/types/client/seat-store.js
+		/**
+		* Hero-chip controller: which preset the NEXT session gets.
+		*
+		* The new-session screen has no session, so a pick is staged rather than
+		* applied. It reaches a session when one becomes current and is still blank —
+		* whether the workspace connect created it or reused an existing blank one,
+		* which is why staging cannot simply ride along on `sessions.create`.
+		*
+		* The stage is forgotten once applied: the next new session starts from the
+		* deployment default again, matching the workspace picker beside it.
+		*/
+		const INITIAL = {
+			options: [],
+			current: "",
+			error: null,
+			busy: false,
+			introduce: false
+		};
+		/** Stages the next session's preset and applies it when one appears. */
+		var AgentPresetSeatController = class {
+			api;
+			currentSession;
+			onApplied;
+			/** Chip snapshot the renderer subscribes to. */
+			store = (0, _hydraharness_harness_client_runtime_client.createSnapshotStore)(INITIAL);
+			/**
+			* The deployment default, so a consumed stage can fall back to it without
+			* re-reading the roster.
+			*/
+			fallback = "";
+			/** Set while a pick is waiting for a session; cleared once applied. */
+			staged;
+			constructor(api, currentSession, onApplied) {
+				this.api = api;
+				this.currentSession = currentSession;
+				this.onApplied = onApplied;
+			}
+			set(patch) {
+				this.store.set({
+					...this.store.getSnapshot(),
+					...patch
+				});
+			}
+			/**
+			* Read the roster and open the chip on the deployment default.
+			* @returns once the snapshot reflects the host.
+			*/
+			async load() {
+				try {
+					const response = await this.api.agentPresets.list({});
+					if (!response.result.ok) {
+						this.set({ error: response.result.error.message });
+						return;
+					}
+					const { presets } = response.result.value;
+					this.fallback = presets.find((preset) => preset.isDefault)?.id ?? presets[0]?.id ?? "";
+					this.set({
+						options: presetOptions(presets),
+						current: this.staged ?? this.currentSession()?.agentPreset ?? this.fallback,
+						error: null
+					});
+				} catch (error) {
+					this.set({ error: messageOf(error) });
+				}
+			}
+			/**
+			* Stage one preset for the next session, applying it immediately when a
+			* blank session is already current.
+			* @param id - the preset to stage.
+			* @returns once the stage settled, and the apply too when one happened.
+			*/
+			async select(id) {
+				if (this.store.getSnapshot().busy) return;
+				this.stage(id);
+				await this.apply();
+			}
+			/**
+			* Stage a pick WITHOUT the immediate apply, for a flow that starts the
+			* receiving session after the pick (the settings section's creator entry).
+			* `select()`'s immediate apply would meet the still-current running session
+			* and drop the stage as unservable; staging alone leaves it for the
+			* list-change applier, which fires when the started session becomes
+			* current.
+			* @param id - the preset to stage.
+			* @param introduce - true when the stage came from another screen and the
+			* chip should announce itself on the session it lands on.
+			*/
+			stage(id, introduce = false) {
+				this.staged = id;
+				this.set({
+					current: id,
+					error: null,
+					introduce
+				});
+			}
+			/** Acknowledge the introduction cue once the chip has played it. */
+			introduced() {
+				if (!this.store.getSnapshot().introduce) return;
+				this.set({ introduce: false });
+			}
+			/**
+			* Hand the staged choice to the current session, if there is one to take it.
+			*
+			* Called both by `select()` and by whoever observes the current session
+			* changing, because the session may appear either before or after the pick.
+			* @returns once the switch settled, or immediately when there is nothing to do.
+			*/
+			async apply() {
+				const staged = this.staged;
+				const session = this.currentSession();
+				if (staged === void 0 || session === void 0) return;
+				if (!session.blank || session.agentPreset === staged) {
+					this.staged = void 0;
+					return;
+				}
+				this.set({
+					busy: true,
+					error: null
+				});
+				try {
+					const response = await this.api.agentPresets.select({
+						sessionId: session.id,
+						agentPreset: staged
+					});
+					this.staged = void 0;
+					if (!response.result.ok) {
+						this.set({
+							busy: false,
+							error: response.result.error.message,
+							current: this.fallback
+						});
+						return;
+					}
+					this.set({
+						busy: false,
+						current: response.result.value.agentPreset
+					});
+					this.onApplied?.(session.id, response.result.value.agentPreset);
+				} catch (error) {
+					this.staged = void 0;
+					this.set({
+						busy: false,
+						error: messageOf(error),
+						current: this.fallback
+					});
+				}
+			}
+		};
+		//#endregion
+		//#region lib/types/client/index.js
+		/**
+		* Agent-preset surface plugin, browser half — four surfaces over one roster:
+		* a General-settings row for the default preset, a chip on the new-session
+		* screen for the session about to start, a read-only label in the session
+		* header, and a settings section that manages the roster (copy, delete,
+		* default, and the way into a preset's own files).
+		*
+		* A running session keeps the composition it began with (the host refuses to
+		* adopt an existing session under a different preset). That is what splits
+		* the choice from the display: the General row and the hero chip are both
+		* before-the-fact, while the header only reports what a session already runs.
+		*/
+		/** Required services (cordis fiber inject). */
+		const inject = [
+			"slots",
+			"locale",
+			"connection",
+			"remote",
+			"settingsScope"
+		];
+		/**
+		* Mount the General-settings row.
+		* @param ctx - the browser plugin context.
+		*/
+		function apply(ctx) {
+			const { api } = ctx.get("connection");
+			const controller = new AgentPresetSettingsController(api, ctx.settingsScope.describe());
+			const rosterReaders = /* @__PURE__ */ new Set();
+			const section = new AgentPresetSectionController(api, () => {
+				controller.load();
+				for (const read of rosterReaders) read();
+			});
+			ctx.effect(() => ctx.locale.register("settings.agentPreset", { en }), "ui-agent-preset: settings row dictionaries");
+			const injected = () => ({
+				hooks: { agentPreset: controller.store },
+				load: () => controller.load(),
+				select: (id) => controller.select(id)
+			});
+			ctx.effect(() => {
+				const refresh = () => {
+					controller.load();
+					if (section.store.getSnapshot().status !== "idle") section.load();
+				};
+				const disposers = [ctx.remote.$on("settings/document-updated", (ns) => {
+					if (ns !== "agent-presets") return;
+					refresh();
+				}), ctx.on("connection/reset", () => {
+					refresh();
+				})];
+				return () => {
+					for (const dispose of disposers) dispose();
+				};
+			}, "ui-agent-preset: settings refresh");
+			let creatorDraft;
+			ctx.inject([
+				"slots",
+				"conversation",
+				"sessions",
+				"workspaces"
+			], (scope) => {
+				const api = scope.get("connection").api;
+				const seat = new AgentPresetSeatController(api, () => {
+					const state = scope.sessions.list.getSnapshot();
+					const summary = state.current === void 0 ? void 0 : state.byId[state.current];
+					return summary === void 0 ? void 0 : {
+						id: summary.id,
+						blank: summary.blank,
+						...summary.agentPreset === void 0 ? {} : { agentPreset: summary.agentPreset }
+					};
+				}, (sessionId, agentPreset) => {
+					scope.sessions.noteAgentPreset(sessionId, agentPreset);
+				});
+				const seatInjected = () => ({
+					hooks: { agentPresetSeat: seat.store },
+					load: () => seat.load(),
+					select: (id) => seat.select(id),
+					introduced: () => {
+						seat.introduced();
+					}
+				});
+				const labelInjected = () => ({
+					hooks: { agentPresets: controller.store },
+					load: () => controller.load()
+				});
+				scope.effect(() => {
+					const stop = scope.sessions.list.subscribe(() => {
+						seat.apply();
+					});
+					const settingsMoved = scope.remote.$on("settings/document-updated", (ns) => {
+						if (ns !== "agent-presets") return;
+						seat.load();
+					});
+					const presetSelected = scope.remote.$on("agent-preset/selected", (sessionId, agentPreset) => {
+						scope.sessions.noteAgentPreset(sessionId, agentPreset);
+					});
+					const readRoster = () => {
+						seat.load();
+					};
+					rosterReaders.add(readRoster);
+					creatorDraft = () => {
+						seat.stage("cordis", true);
+						scope.workspaces.startSession();
+					};
+					const chip = scope.slots.register({
+						name: "conversation.hero.agentPreset",
+						locale: "settings.agentPreset",
+						inject: seatInjected
+					}, AgentPresetSeat);
+					const label = scope.slots.register({
+						name: "conversation.session.header.actions",
+						id: "agent-preset",
+						order: -10,
+						locale: "settings.agentPreset",
+						inject: labelInjected
+					}, AgentPresetLabel);
+					return () => {
+						stop();
+						settingsMoved();
+						presetSelected();
+						rosterReaders.delete(readRoster);
+						creatorDraft = void 0;
+						chip();
+						label();
+					};
+				}, "ui-agent-preset: new-session chip and header label");
+			});
+			const sectionInjected = () => ({
+				hooks: { agentPresetSection: section.store },
+				load: () => section.load(),
+				view: (id) => section.view(id),
+				closeView: () => {
+					section.closeView();
+				},
+				beginCopy: (from) => {
+					section.beginCopy(from);
+				},
+				cancelCopy: () => {
+					section.cancelCopy();
+				},
+				setCopyId: (id) => {
+					section.setCopyId(id);
+				},
+				setCopyName: (name) => {
+					section.setCopyName(name);
+				},
+				confirmCopy: () => section.confirmCopy(),
+				openLocation: (id) => section.openLocation(id),
+				...creatorDraft === void 0 ? {} : { startCreatorDraft: creatorDraft },
+				confirmDelete: (id) => {
+					section.confirmDelete(id);
+				},
+				remove: () => section.remove(),
+				makeDefault: (id) => section.makeDefault(id)
+			});
+			ctx.slots.inject("settings.general.item", () => ctx.slots.register({
+				name: "settings.general.item",
+				id: "agent-preset",
+				order: -25,
+				locale: "settings.agentPreset",
+				inject: injected
+			}, AgentPresetRow));
+			ctx.slots.inject("settings.section", () => ctx.slots.register({
+				name: "settings.section",
+				id: "agent-presets",
+				order: 20,
+				label: () => ctx.locale.bind("settings.agentPreset")("nav"),
+				locale: "settings.agentPreset",
+				inject: sectionInjected
+			}, AgentPresetSection));
+		}
+		//#endregion
+		exports.AGENT_PRESET_SETTINGS_NS = AGENT_PRESET_SETTINGS_NS;
+		exports.apply = apply;
+		exports.draftBlocker = draftBlocker;
+		exports.inject = inject;
+		exports.writeDefaultPreset = writeDefaultPreset;
+		return module.exports;
+	}
+});
+
+//# sourceMappingURL=client.js.map