npm - @xrkseek/harness-cli - Versions diffs - 0.0.1 - Mend

@xrkseek/harness-cli 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4246) hide show

package/product-web/plugins/@xrkseek/client-ui-settings-plugins/client.js ADDED Viewed

@@ -0,0 +1,1955 @@
+window.__ModuleLoader__.load({
+	id: "@xrkseek/client-ui-settings-plugins",
+	factory: (require) => {
+		var module = { exports: {} };
+		var exports = module.exports;
+		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+		let _xrkseek_client_ui_slots = require("@xrkseek/client-ui-slots");
+		let react_jsx_runtime = require("react/jsx-runtime");
+		let react = require("react");
+		let _xrkseek_client_ui_primitives = require("@xrkseek/client-ui-primitives");
+		let _xrkseek_client_runtime_client = require("@xrkseek/client-runtime/client");
+		//#region \0xrk-css:C:\Users\sunflowerss\Desktop\XRKgrocery\XRK-harness\packages\client\ui-settings-plugins\src\client\fields.module.css.mjs
+		const css$3 = ".MiE2dW_field{flex-direction:column;gap:6px;padding:12px 0;display:flex}.MiE2dW_field+.MiE2dW_field{border-top:1px solid var(--dsw-alias-border-l2)}.MiE2dW_head{align-items:center;gap:8px;display:flex}.MiE2dW_label{min-width:0;color:var(--dsw-alias-label-primary);flex:1;font-size:13px;font-weight:500;line-height:1.5}.MiE2dW_badges{align-items:center;gap:8px;display:inline-flex}.MiE2dW_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}.MiE2dW_badgeMuted{white-space:nowrap;color:var(--dsw-alias-label-tertiary);border-radius:999px;padding:1px 8px;font-size:11px;line-height:17px}.MiE2dW_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}.MiE2dW_reset:hover:not(:disabled){color:var(--dsw-alias-label-primary)}.MiE2dW_reset:disabled{cursor:default}.MiE2dW_input{box-sizing:border-box;border:1px solid var(--dsw-alias-border-l3,var(--dsw-alias-border-l2));background:var(--dsw-alias-bg-layer-1);width:100%;height:32px;font:inherit;color:var(--dsw-alias-label-primary);border-radius:8px;padding:0 10px;font-size:13px;line-height:1.5}.MiE2dW_input::placeholder{color:var(--dsw-alias-label-dimmed)}.MiE2dW_input:focus-visible{border-color:var(--dsw-alias-brand-primary);outline:none}.MiE2dW_input:disabled{color:var(--dsw-alias-label-tertiary);cursor:default}.MiE2dW_input:-webkit-autofill,.MiE2dW_input:-webkit-autofill:hover,.MiE2dW_input:-webkit-autofill:focus{-webkit-text-fill-color:var(--dsw-alias-label-primary);caret-color:var(--dsw-alias-label-primary);border:1px solid var(--dsw-alias-border-l3,var(--dsw-alias-border-l2));box-shadow:0 0 0 1000px var(--dsw-alias-bg-layer-1) inset;transition:background-color 99999s ease-out}.MiE2dW_select{cursor:pointer;max-width:none;}.MiE2dW_inputInvalid{border-color:var(--dsw-alias-label-error);}.MiE2dW_invalid{color:var(--dsw-alias-label-error);margin:0;font-size:12px;line-height:1.5}.MiE2dW_hint{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px;line-height:1.5}";
+		const tagId$3 = "@xrkseek/client-ui-settings-plugins/fields.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 = "@xrkseek/client-ui-settings-plugins";
+			tag.dataset.pluginCss = tagId$3;
+			tag.textContent = css$3;
+			document.head.appendChild(tag);
+		}
+		var fields_module_css_default = {
+			"field": "MiE2dW_field",
+			"badge": "MiE2dW_badge",
+			"badgeMuted": "MiE2dW_badgeMuted",
+			"label": "MiE2dW_label",
+			"badges": "MiE2dW_badges",
+			"select": "MiE2dW_select",
+			"inputInvalid": "MiE2dW_inputInvalid",
+			"invalid": "MiE2dW_invalid",
+			"input": "MiE2dW_input",
+			"reset": "MiE2dW_reset",
+			"head": "MiE2dW_head",
+			"hint": "MiE2dW_hint"
+		};
+		//#endregion
+		//#region src/client/fields.tsx
+		/**
+		* Hand-written controls for the plugin configuration forms. Each renders one
+		* field's label, its staged text, whether saving would leave an override, and
+		* — when one stands — the reset that stages a clear back to the composition
+		* layer. Nothing here writes: a control reports what the user typed, and the
+		* card's save is the single point where a draft becomes a document mutation.
+		*/
+		/**
+		* Label + control + hint without override chrome (list editors, MCP rows).
+		*/
+		function PlainField(props) {
+			const invalid = props.invalid === true;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: fields_module_css_default.field,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+						className: fields_module_css_default.label,
+						htmlFor: props.id,
+						children: props.label
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+						id: props.id,
+						className: invalid ? fields_module_css_default.inputInvalid : fields_module_css_default.input,
+						type: "text",
+						value: props.value,
+						placeholder: props.placeholder ?? "",
+						disabled: props.disabled,
+						"aria-invalid": invalid || void 0,
+						onChange: (event) => {
+							props.onChange(event.target.value);
+						}
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: fields_module_css_default.hint,
+						children: props.hint
+					})
+				]
+			});
+		}
+		/** Same chrome as PlainField, for a short option list (MCP transport). */
+		function SelectField(props) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: fields_module_css_default.field,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+						className: fields_module_css_default.label,
+						htmlFor: props.id,
+						children: props.label
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
+						id: props.id,
+						className: fields_module_css_default.select,
+						value: props.value,
+						disabled: props.disabled,
+						onChange: (event) => {
+							props.onChange(event.target.value);
+						},
+						children: props.options.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+							value: option.value,
+							children: option.label
+						}, option.value))
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: fields_module_css_default.hint,
+						children: props.hint
+					})
+				]
+			});
+		}
+		/**
+		* A staged value field. `numeric` only hints the keypad: which drafts a field
+		* accepts is decided by its spec, so the control never silently rewrites what
+		* the user typed.
+		* @param props - the field's copy, its staged text, and the edit actions.
+		* @returns the labelled control.
+		*/
+		function ValueField(props) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: fields_module_css_default.field,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: fields_module_css_default.head,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+							className: fields_module_css_default.label,
+							htmlFor: props.id,
+							children: props.label
+						}), props.overridden ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: fields_module_css_default.badges,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: fields_module_css_default.badge,
+								children: props.overriddenLabel
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: fields_module_css_default.reset,
+								disabled: props.disabled,
+								onClick: props.onReset,
+								children: props.resetLabel
+							})]
+						}) : null]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+						id: props.id,
+						className: props.invalid ? fields_module_css_default.inputInvalid : fields_module_css_default.input,
+						type: "text",
+						...props.numeric === true ? { inputMode: "numeric" } : {},
+						...props.invalid ? { "aria-invalid": true } : {},
+						value: props.text,
+						placeholder: props.placeholder ?? "",
+						disabled: props.disabled,
+						onChange: (event) => {
+							props.onEdit(event.target.value);
+						}
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: props.invalid ? fields_module_css_default.invalid : fields_module_css_default.hint,
+						children: props.invalid ? props.invalidLabel : props.hint
+					})
+				]
+			});
+		}
+		/**
+		* A write-only credential control. The value never rides a response, so the
+		* control reports only whether one is configured and starts blank; a blank
+		* draft writes nothing, which keeps the stored key rather than clearing it.
+		* @param props - the field's copy, its staged text, and the configured state.
+		* @returns the labelled control.
+		*/
+		function SecretField(props) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: fields_module_css_default.field,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: fields_module_css_default.head,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+							className: fields_module_css_default.label,
+							htmlFor: props.id,
+							children: props.label
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: fields_module_css_default.badges,
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: props.configured ? fields_module_css_default.badge : fields_module_css_default.badgeMuted,
+								children: props.stateLabel
+							})
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+						id: props.id,
+						className: fields_module_css_default.input,
+						type: "password",
+						autoComplete: "off",
+						value: props.text,
+						disabled: props.disabled,
+						onChange: (event) => {
+							props.onEdit(event.target.value);
+						}
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: fields_module_css_default.hint,
+						children: props.hint
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region ../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
+		function r(e) {
+			var t, f, n = "";
+			if ("string" == typeof e || "number" == typeof e) n += e;
+			else if ("object" == typeof e) if (Array.isArray(e)) {
+				var o = e.length;
+				for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
+			} else for (f in e) e[f] && (n && (n += " "), n += f);
+			return n;
+		}
+		function clsx() {
+			for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
+			return n;
+		}
+		//#endregion
+		//#region \0xrk-css:C:\Users\sunflowerss\Desktop\XRKgrocery\XRK-harness\packages\client\ui-settings-plugins\src\client\PluginCard.module.css.mjs
+		const css$2 = ".YRvGva_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}.YRvGva_card:hover{border-color:var(--dsw-alias-label-dimmed)}.YRvGva_cardOpen{background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-label-dimmed)}.YRvGva_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}.YRvGva_header:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}.YRvGva_headText{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.YRvGva_name{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:1.4}.YRvGva_description{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:1.5}.YRvGva_chevron{color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s}.YRvGva_chevronOpen{transform:rotate(180deg)}.YRvGva_body{border-top:1px solid var(--dsw-alias-border-l2);margin:0 16px;padding-bottom:8px}.YRvGva_readOnly{color:var(--dsw-alias-label-tertiary);margin:12px 0 0;font-size:12px;line-height:1.5}.YRvGva_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}.YRvGva_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}.YRvGva_failed{min-width:0;color:var(--dsw-alias-label-error);flex:1;margin:0;font-size:12px;line-height:1.5}.YRvGva_discard,.YRvGva_save{appearance:none;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:5px 14px;font-size:13px;line-height:1.5}.YRvGva_discard{border-color:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);background:0 0}.YRvGva_discard:hover:not(:disabled){color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-dimmed)}.YRvGva_save{background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-3)}.YRvGva_discard:disabled,.YRvGva_save:disabled{opacity:.4;cursor:default}.YRvGva_discard:focus-visible,.YRvGva_save:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}";
+		const tagId$2 = "@xrkseek/client-ui-settings-plugins/PluginCard.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 = "@xrkseek/client-ui-settings-plugins";
+			tag.dataset.pluginCss = tagId$2;
+			tag.textContent = css$2;
+			document.head.appendChild(tag);
+		}
+		var PluginCard_module_css_default = {
+			"card": "YRvGva_card",
+			"chevronOpen": "YRvGva_chevronOpen",
+			"description": "YRvGva_description",
+			"pending": "YRvGva_pending",
+			"footer": "YRvGva_footer",
+			"save": "YRvGva_save",
+			"body": "YRvGva_body",
+			"failed": "YRvGva_failed",
+			"discard": "YRvGva_discard",
+			"name": "YRvGva_name",
+			"readOnly": "YRvGva_readOnly",
+			"cardOpen": "YRvGva_cardOpen",
+			"headText": "YRvGva_headText",
+			"chevron": "YRvGva_chevron",
+			"header": "YRvGva_header"
+		};
+		//#endregion
+		//#region src/client/PluginCard.tsx
+		/**
+		* One plugin's card: a header naming the plugin and what its settings govern,
+		* disclosing that plugin's controls in place, with the save that writes them.
+		*
+		* The header is its own button rather than a shared disclosure row because a
+		* card stacks its name over its description, while that row lays the two side
+		* by side — the layout, not the behavior, is what differs. Disclosure is
+		* card-local state: which card a user has open is a reading gesture, not
+		* something the Host or the section has any stake in. Staged edits outlive
+		* collapsing, so the header marks a card holding unsaved edits.
+		*
+		* A card renders nothing while its namespace is unavailable: a deployment that
+		* does not compose the owning plugin should show no trace of it, rather than a
+		* disabled card the user cannot act on.
+		*/
+		/**
+		* Render one plugin card.
+		* @param props - the plugin's copy keys, its form state, and its controls.
+		* @returns the card, or nothing when the namespace is unavailable.
+		*/
+		function PluginCard(props) {
+			const [open, setOpen] = (0, react.useState)(false);
+			const { state } = props;
+			if (!state.available) return null;
+			const title = props.t(props.titleKey);
+			const blocked = !state.dirty || state.invalid || state.saving;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+				className: clsx(PluginCard_module_css_default.card, open && PluginCard_module_css_default.cardOpen),
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+					type: "button",
+					className: PluginCard_module_css_default.header,
+					"aria-expanded": open,
+					"aria-label": `${props.t(open ? "collapse" : "expand")}: ${title}`,
+					onClick: () => {
+						setOpen(!open);
+					},
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: PluginCard_module_css_default.headText,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: PluginCard_module_css_default.name,
+								children: title
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: PluginCard_module_css_default.description,
+								children: props.t(props.descriptionKey)
+							})]
+						}),
+						state.dirty ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: PluginCard_module_css_default.pending,
+							children: props.t("unsaved")
+						}) : null,
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_xrkseek_client_ui_primitives.IconChevronDownOutline14, { className: clsx(PluginCard_module_css_default.chevron, open && PluginCard_module_css_default.chevronOpen) })
+					]
+				}), open ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: PluginCard_module_css_default.body,
+					children: [
+						!state.writable ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: PluginCard_module_css_default.readOnly,
+							role: "status",
+							children: props.t("readOnly")
+						}) : null,
+						props.children,
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: PluginCard_module_css_default.footer,
+							children: [
+								state.failed ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: PluginCard_module_css_default.failed,
+									role: "status",
+									children: props.t("saveFailed")
+								}) : null,
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: PluginCard_module_css_default.discard,
+									disabled: !state.dirty || state.saving,
+									onClick: props.onDiscard,
+									children: props.t("discard")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: PluginCard_module_css_default.save,
+									disabled: blocked,
+									onClick: props.onSave,
+									children: props.t(state.saving ? "saving" : "save")
+								})
+							]
+						})
+					]
+				}) : null]
+			});
+		}
+		//#endregion
+		//#region src/client/AgentLoopCard.tsx
+		/**
+		* Render the agent-loop card.
+		* @param props - locale copy, the card snapshot, and its form actions.
+		* @returns the card.
+		*/
+		function AgentLoopCard(props) {
+			const { t } = props;
+			const state = props.useAgentLoopCard((snapshot) => snapshot);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PluginCard, {
+				t,
+				titleKey: "agentLoopTitle",
+				descriptionKey: "agentLoopDescription",
+				state,
+				onSave: props.save,
+				onDiscard: props.discard,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ValueField, {
+					id: "plugin-config-agent-loop-parallel",
+					label: t("agentLoopMaxParallel"),
+					hint: t("agentLoopMaxParallelHint"),
+					overriddenLabel: t("overridden"),
+					resetLabel: t("reset"),
+					invalidLabel: t("invalidNumber"),
+					numeric: true,
+					disabled: !state.writable,
+					...state.maxParallelToolCalls,
+					onEdit: (text) => {
+						props.edit("maxParallelToolCalls", text);
+					},
+					onReset: () => {
+						props.resetField("maxParallelToolCalls");
+					}
+				})
+			});
+		}
+		//#endregion
+		//#region src/client/BashCard.tsx
+		/**
+		* Render the shell card.
+		* @param props - locale copy, the card snapshot, and its form actions.
+		* @returns the card.
+		*/
+		function BashCard(props) {
+			const { t } = props;
+			const state = props.useBashCard((snapshot) => snapshot);
+			const disabled = !state.writable;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(PluginCard, {
+				t,
+				titleKey: "bashTitle",
+				descriptionKey: "bashDescription",
+				state,
+				onSave: props.save,
+				onDiscard: props.discard,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ValueField, {
+					id: "plugin-config-bash-timeout",
+					label: t("bashTimeoutMs"),
+					hint: t("bashTimeoutMsHint"),
+					overriddenLabel: t("overridden"),
+					resetLabel: t("reset"),
+					invalidLabel: t("invalidNumber"),
+					numeric: true,
+					disabled,
+					...state.timeoutMs,
+					onEdit: (text) => {
+						props.edit("timeoutMs", text);
+					},
+					onReset: () => {
+						props.resetField("timeoutMs");
+					}
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ValueField, {
+					id: "plugin-config-bash-output",
+					label: t("bashMaxOutputBytes"),
+					hint: t("bashMaxOutputBytesHint"),
+					overriddenLabel: t("overridden"),
+					resetLabel: t("reset"),
+					invalidLabel: t("invalidNumber"),
+					numeric: true,
+					disabled,
+					...state.maxOutputBytes,
+					onEdit: (text) => {
+						props.edit("maxOutputBytes", text);
+					},
+					onReset: () => {
+						props.resetField("maxOutputBytes");
+					}
+				})]
+			});
+		}
+		//#endregion
+		//#region \0xrk-css:C:\Users\sunflowerss\Desktop\XRKgrocery\XRK-harness\packages\client\ui-settings-plugins\src\client\PluginsSettingsSection.module.css.mjs
+		const css$1 = ".ha2I9q_section{max-width:760px;color:var(--dsw-alias-label-primary);flex-direction:column;gap:12px;display:flex}.ha2I9q_heading{color:var(--dsw-alias-label-primary);margin:0;font-size:16px;font-weight:500;line-height:24px}.ha2I9q_intro{color:var(--dsw-alias-label-tertiary);margin:0;font-size:14px;line-height:22px}.ha2I9q_tabs{border-bottom:1px solid var(--dsw-alias-border-l2);align-items:flex-end;gap:22px;margin-top:2px;display:flex}.ha2I9q_tab{color:var(--dsw-alias-label-tertiary);font:inherit;cursor:pointer;background:0 0;border:0;padding:7px 1px 9px;font-size:13px;line-height:20px;position:relative}.ha2I9q_tab:hover,.ha2I9q_tab[data-active=true]{color:var(--dsw-alias-label-primary)}.ha2I9q_tab[data-active=true]:after,.ha2I9q_tab:focus-visible:after{background:var(--dsw-alias-label-primary);content:\"\";border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.ha2I9q_tab:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:2px;color:var(--dsw-alias-label-primary);border-radius:2px}.ha2I9q_panel{min-width:0;padding-top:2px}.ha2I9q_cards{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.ha2I9q_empty{color:var(--dsw-alias-label-tertiary);margin:0;font-size:13px}";
+		const tagId$1 = "@xrkseek/client-ui-settings-plugins/PluginsSettingsSection.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 = "@xrkseek/client-ui-settings-plugins";
+			tag.dataset.pluginCss = tagId$1;
+			tag.textContent = css$1;
+			document.head.appendChild(tag);
+		}
+		var PluginsSettingsSection_module_css_default = {
+			"cards": "ha2I9q_cards",
+			"intro": "ha2I9q_intro",
+			"tab": "ha2I9q_tab",
+			"tabs": "ha2I9q_tabs",
+			"empty": "ha2I9q_empty",
+			"heading": "ha2I9q_heading",
+			"panel": "ha2I9q_panel",
+			"section": "ha2I9q_section"
+		};
+		//#endregion
+		//#region src/client/ConfigurablePluginsTab.tsx
+		/**
+		* Configurable Host plugins contributed to the shared Plugins section.
+		*
+		* The tab enumerates settings namespaces but never interprets one — a card
+		* arrives through `settings.plugin.item` keyed by the namespace it edits, so a
+		* plugin that ships a browser half owns its own card and this tab only decides
+		* which keys to dispatch.
+		*/
+		/**
+		* Render cards registered by plugins that expose editable settings.
+		* @param props - locale copy, slot rendering, and the namespaces to dispatch.
+		* @returns the card list, or the empty line once the Host has answered.
+		*/
+		function ConfigurablePluginsTab(props) {
+			const { t, renderSlot } = props;
+			const { loaded, namespaces } = props.useConfigurablePlugins((snapshot) => snapshot);
+			if (namespaces.length > 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+				className: PluginsSettingsSection_module_css_default.cards,
+				children: namespaces.map((ns) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Fragment, { children: renderSlot("settings.plugin.item", {}, { entryKey: ns }) }, ns))
+			});
+			return loaded ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: PluginsSettingsSection_module_css_default.empty,
+				children: t("empty")
+			}) : null;
+		}
+		//#endregion
+		//#region \0xrk-css:C:\Users\sunflowerss\Desktop\XRKgrocery\XRK-harness\packages\client\ui-settings-plugins\src\client\McpCard.module.css.mjs
+		const css = ".FVl50a_block+.FVl50a_block{border-top:1px solid var(--dsw-alias-border-l2);margin-top:4px;padding-top:4px}.FVl50a_heading{color:var(--dsw-alias-label-primary);margin:0;padding:12px 0 4px;font-size:13px;font-weight:600;line-height:1.5}.FVl50a_note{color:var(--dsw-alias-label-tertiary);margin:12px 0 0;font-size:12px;line-height:1.5}.FVl50a_empty{border:1px dashed var(--dsw-alias-border-l3,var(--dsw-alias-border-l2));text-align:center;color:var(--dsw-alias-label-tertiary);border-radius:8px;margin:8px 0 0;padding:12px;font-size:12px;line-height:1.5}.FVl50a_invalid{color:var(--dsw-alias-label-error);margin:8px 0 0;font-size:12px;line-height:1.5}.FVl50a_connectedList{flex-direction:column;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.FVl50a_connectedRow{flex-wrap:wrap;align-items:center;gap:8px;padding:6px 0;display:flex}.FVl50a_connectedName{min-width:0;color:var(--dsw-alias-label-primary);flex:1;font-size:13px;font-weight:500}.FVl50a_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}.FVl50a_badgeMuted{color:var(--dsw-alias-label-tertiary);font-weight:400;}.FVl50a_badgeError{color:var(--dsw-alias-label-error);}.FVl50a_list{flex-direction:column;gap:0;margin-top:4px;display:flex}.FVl50a_entry{border:none;border-top:1px solid var(--dsw-alias-border-l2);background:0 0;border-radius:0;padding:4px 0 8px}.FVl50a_entry:first-child{border-top:none;padding-top:0}.FVl50a_entryHead{background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;padding:8px 0 0;display:flex}.FVl50a_entryTitle{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--dsw-alias-label-primary);margin:0;font-size:13px;font-weight:600;line-height:1.5;overflow:hidden}.FVl50a_remove{width:28px;height:28px;color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.FVl50a_remove:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover-danger,var(--dsw-alias-bg-module-platform));color:var(--dsw-alias-state-error-primary,var(--dsw-alias-label-error))}.FVl50a_remove:disabled{opacity:.4;cursor:default}.FVl50a_entryBody{padding:0}.FVl50a_pasteLabel{color:var(--dsw-alias-label-primary);margin:12px 0 6px;font-size:13px;font-weight:500;line-height:1.5}.FVl50a_paste{box-sizing:border-box;border:1px solid var(--dsw-alias-border-l3,var(--dsw-alias-border-l2));background:var(--dsw-alias-bg-layer-1);width:100%;min-height:96px;font:inherit;color:var(--dsw-alias-label-primary);resize:vertical;border-radius:8px;padding:8px 10px;font-size:12px;line-height:1.5}.FVl50a_paste::placeholder{color:var(--dsw-alias-label-dimmed)}.FVl50a_paste:focus-visible{border-color:var(--dsw-alias-brand-primary);outline:none}.FVl50a_paste:disabled{color:var(--dsw-alias-label-tertiary);cursor:default}.FVl50a_add{box-sizing:border-box;border:1px solid var(--dsw-alias-border-l3,var(--dsw-alias-border-l2));height:28px;color:var(--dsw-alias-label-primary);font:inherit;cursor:pointer;background:0 0;border-radius:14px;align-self:flex-start;align-items:center;gap:4px;margin-top:8px;padding:0 10px;font-size:12px;line-height:18px;display:inline-flex}.FVl50a_add:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover,var(--dsw-alias-bg-module-platform))}.FVl50a_add:disabled{opacity:.4;cursor:default}";
+		const tagId = "@xrkseek/client-ui-settings-plugins/McpCard.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@xrkseek/client-ui-settings-plugins";
+			tag.dataset.pluginCss = tagId;
+			tag.textContent = css;
+			document.head.appendChild(tag);
+		}
+		var McpCard_module_css_default = {
+			"pasteLabel": "FVl50a_pasteLabel",
+			"badge": "FVl50a_badge",
+			"block": "FVl50a_block",
+			"connectedRow": "FVl50a_connectedRow",
+			"entry": "FVl50a_entry",
+			"list": "FVl50a_list",
+			"invalid": "FVl50a_invalid",
+			"badgeError": "FVl50a_badgeError",
+			"connectedList": "FVl50a_connectedList",
+			"paste": "FVl50a_paste",
+			"empty": "FVl50a_empty",
+			"add": "FVl50a_add",
+			"entryHead": "FVl50a_entryHead",
+			"note": "FVl50a_note",
+			"remove": "FVl50a_remove",
+			"entryBody": "FVl50a_entryBody",
+			"connectedName": "FVl50a_connectedName",
+			"badgeMuted": "FVl50a_badgeMuted",
+			"heading": "FVl50a_heading",
+			"entryTitle": "FVl50a_entryTitle"
+		};
+		//#endregion
+		//#region src/client/McpCard.tsx
+		/** MCP desired-server card: edit draft servers; connected overlay stays read-only.
+		*
+		* Same vertical field stack as Agent / Bash (label + control + hint). All of
+		* name / transport / command / args / cwd stay visible so they read alike —
+		* no launch-line merge, no buried “advanced” cwd.
+		*/
+		/**
+		* Render the MCP card.
+		* @param props - locale copy, the card snapshot, and its form actions.
+		* @returns the card.
+		*/
+		function McpCard(props) {
+			const { t } = props;
+			const state = props.useMcpCard((snapshot) => snapshot);
+			const disabled = !state.writable;
+			const pasteRef = (0, react.useRef)(null);
+			const addFromPasteOrBlank = () => {
+				const pasted = pasteRef.current?.value ?? "";
+				props.addRow(pasted);
+				if (pasteRef.current) pasteRef.current.value = "";
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(PluginCard, {
+				t,
+				titleKey: "mcpTitle",
+				descriptionKey: "mcpDescription",
+				state,
+				onSave: props.save,
+				onDiscard: props.discard,
+				children: [
+					state.note ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: McpCard_module_css_default.note,
+						role: "note",
+						children: state.note
+					}) : null,
+					state.connected.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+						className: McpCard_module_css_default.block,
+						"aria-label": t("mcpConnectedHeading"),
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+							className: McpCard_module_css_default.heading,
+							children: t("mcpConnectedHeading")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+							className: McpCard_module_css_default.connectedList,
+							children: state.connected.map((entry) => {
+								const status = entry.status ?? "connected";
+								const statusClass = status === "gave-up" ? McpCard_module_css_default.badgeError : status === "reconnecting" ? McpCard_module_css_default.badgeMuted : McpCard_module_css_default.badge;
+								const statusLabel = status === "gave-up" ? t("mcpStatusGaveUp") : status === "reconnecting" ? t("mcpStatusReconnecting") : t("mcpStatusConnected");
+								return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+									className: McpCard_module_css_default.connectedRow,
+									"data-mcp-status": status,
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: McpCard_module_css_default.connectedName,
+											children: entry.serverName
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: statusClass,
+											children: statusLabel
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+											className: McpCard_module_css_default.badgeMuted,
+											children: [
+												entry.toolCount,
+												" ",
+												t("mcpToolsLabel")
+											]
+										})
+									]
+								}, entry.id);
+							})
+						})]
+					}) : null,
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+						className: McpCard_module_css_default.block,
+						"aria-label": t("mcpServersHeading"),
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+								className: McpCard_module_css_default.heading,
+								children: t("mcpServersHeading")
+							}),
+							state.rows.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: McpCard_module_css_default.empty,
+								children: t("mcpServersEmpty")
+							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: McpCard_module_css_default.list,
+								children: state.rows.map((row, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ServerEntry, {
+									t,
+									index,
+									row,
+									disabled,
+									showErrors: state.showErrors,
+									onEdit: props.editRow,
+									onRemove: () => {
+										props.removeRow(index);
+									}
+								}, `mcp-row-${String(index)}`))
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+								className: McpCard_module_css_default.pasteLabel,
+								htmlFor: "plugin-config-mcp-paste",
+								children: t("mcpPaste")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+								id: "plugin-config-mcp-paste",
+								ref: pasteRef,
+								className: McpCard_module_css_default.paste,
+								disabled,
+								placeholder: t("mcpPasteHint"),
+								rows: 5,
+								spellCheck: false
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+								type: "button",
+								className: McpCard_module_css_default.add,
+								disabled,
+								onClick: addFromPasteOrBlank,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_xrkseek_client_ui_primitives.IconPlusOutline16, { size: 14 }), t("mcpAddServer")]
+							}),
+							state.showErrors ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: McpCard_module_css_default.invalid,
+								role: "status",
+								children: t("mcpRowInvalid")
+							}) : null
+						]
+					})
+				]
+			});
+		}
+		function ServerEntry({ t, index, row, disabled, showErrors, onEdit, onRemove }) {
+			const n = String(index + 1);
+			const title = row.serverName.trim() || t("mcpServerRow").replace("{index}", n);
+			const nameInvalid = showErrors && row.serverName.trim() === "";
+			const endpointInvalid = showErrors && (row.transport === "http" ? row.url.trim() === "" : row.command.trim() === "");
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("article", {
+				className: McpCard_module_css_default.entry,
+				"aria-label": title,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: McpCard_module_css_default.entryHead,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h4", {
+						className: McpCard_module_css_default.entryTitle,
+						children: title
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: McpCard_module_css_default.remove,
+						"aria-label": `${t("mcpRemoveServer")} ${n}`,
+						title: t("mcpRemoveServer"),
+						disabled,
+						onClick: onRemove,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_xrkseek_client_ui_primitives.IconTrashOutline16, { size: 14 })
+					})]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: McpCard_module_css_default.entryBody,
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PlainField, {
+							id: `plugin-config-mcp-name-${String(index)}`,
+							label: t("mcpServerName"),
+							hint: t("mcpServerNameHint"),
+							value: row.serverName,
+							invalid: nameInvalid,
+							disabled,
+							onChange: (value) => {
+								onEdit(index, { serverName: value });
+							}
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectField, {
+							id: `plugin-config-mcp-transport-${String(index)}`,
+							label: t("mcpTransport"),
+							hint: t("mcpTransportHint"),
+							value: row.transport,
+							disabled,
+							options: [{
+								value: "stdio",
+								label: t("mcpTransportStdio")
+							}, {
+								value: "http",
+								label: t("mcpTransportHttp")
+							}],
+							onChange: (value) => {
+								onEdit(index, { transport: value });
+							}
+						}),
+						row.transport === "http" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PlainField, {
+							id: `plugin-config-mcp-url-${String(index)}`,
+							label: t("mcpUrl"),
+							hint: t("mcpUrlHint"),
+							value: row.url,
+							invalid: endpointInvalid,
+							disabled,
+							onChange: (value) => {
+								onEdit(index, { url: value });
+							}
+						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PlainField, {
+								id: `plugin-config-mcp-command-${String(index)}`,
+								label: t("mcpCommand"),
+								hint: t("mcpCommandHint"),
+								value: row.command,
+								invalid: endpointInvalid,
+								disabled,
+								onChange: (value) => {
+									onEdit(index, { command: value });
+								}
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PlainField, {
+								id: `plugin-config-mcp-args-${String(index)}`,
+								label: t("mcpArgs"),
+								hint: t("mcpArgsHint"),
+								value: row.args,
+								disabled,
+								onChange: (value) => {
+									onEdit(index, { args: value });
+								}
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PlainField, {
+								id: `plugin-config-mcp-cwd-${String(index)}`,
+								label: t("mcpCwd"),
+								hint: t("mcpCwdHint"),
+								value: row.cwd,
+								disabled,
+								onChange: (value) => {
+									onEdit(index, { cwd: value });
+								}
+							})
+						] })
+					]
+				})]
+			});
+		}
+		//#endregion
+		//#region src/client/PluginsSettingsSection.tsx
+		/** Plugins settings section: localized tabs around feature-owned pages. */
+		/** Render one Plugins page whose contents arrive from feature-owned tabs. */
+		function PluginsSettingsSection({ t, renderSlot, useTabs }) {
+			const tabsId = (0, react.useId)();
+			const tabRefs = (0, react.useRef)([]);
+			const rows = useTabs((value) => value);
+			const [activeId, setActiveId] = (0, react.useState)();
+			const [visitedIds, setVisitedIds] = (0, react.useState)(() => /* @__PURE__ */ new Set());
+			const active = rows.find((row) => row.id === activeId)?.id ?? rows[0]?.id;
+			(0, react.useEffect)(() => {
+				if (active === void 0) return;
+				setVisitedIds((previous) => {
+					if (previous.has(active)) return previous;
+					return /* @__PURE__ */ new Set([...previous, active]);
+				});
+			}, [active]);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: PluginsSettingsSection_module_css_default.section,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+						className: PluginsSettingsSection_module_css_default.heading,
+						children: t("title")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: PluginsSettingsSection_module_css_default.intro,
+						children: t("intro")
+					}),
+					rows.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: PluginsSettingsSection_module_css_default.empty,
+						children: t("empty")
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: PluginsSettingsSection_module_css_default.tabs,
+						role: "tablist",
+						"aria-label": t("tabs"),
+						children: rows.map((row, index) => {
+							const selected = row.id === active;
+							return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								ref: (element) => {
+									tabRefs.current[index] = element;
+								},
+								id: `${tabsId}-tab-${row.id}`,
+								type: "button",
+								role: "tab",
+								className: PluginsSettingsSection_module_css_default.tab,
+								"aria-selected": selected,
+								"aria-controls": `${tabsId}-panel-${row.id}`,
+								"data-active": selected ? "true" : void 0,
+								tabIndex: selected ? 0 : -1,
+								onClick: () => {
+									setActiveId(row.id);
+								},
+								onKeyDown: (event) => {
+									let nextIndex;
+									switch (event.key) {
+										case "ArrowRight":
+											nextIndex = (index + 1) % rows.length;
+											break;
+										case "ArrowLeft":
+											nextIndex = (index - 1 + rows.length) % rows.length;
+											break;
+										case "Home":
+											nextIndex = 0;
+											break;
+										case "End":
+											nextIndex = rows.length - 1;
+											break;
+										default: return;
+									}
+									event.preventDefault();
+									const nextRow = rows[nextIndex];
+									const nextTab = tabRefs.current[nextIndex];
+									setActiveId(nextRow.id);
+									nextTab.focus();
+								},
+								children: row.label
+							}, row.id);
+						})
+					}), rows.filter((row) => row.id === active || visitedIds.has(row.id)).map((row) => {
+						const selected = row.id === active;
+						return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							id: `${tabsId}-panel-${row.id}`,
+							className: PluginsSettingsSection_module_css_default.panel,
+							role: "tabpanel",
+							"aria-labelledby": `${tabsId}-tab-${row.id}`,
+							hidden: !selected,
+							children: renderSlot("settings.plugins.tab", {}, { only: row.id })
+						}, row.id);
+					})] })
+				]
+			});
+		}
+		//#endregion
+		//#region src/client/WebSearchCard.tsx
+		/**
+		* Render the web-search card.
+		* @param props - locale copy, the card snapshot, and its form actions.
+		* @returns the card.
+		*/
+		function WebSearchCard(props) {
+			const { t } = props;
+			const state = props.useWebSearchCard((snapshot) => snapshot);
+			const disabled = !state.writable;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(PluginCard, {
+				t,
+				titleKey: "webSearchTitle",
+				descriptionKey: "webSearchDescription",
+				state,
+				onSave: props.save,
+				onDiscard: props.discard,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SecretField, {
+						id: "plugin-config-web-search-key",
+						label: t("webSearchApiKey"),
+						hint: t("webSearchApiKeyHint"),
+						disabled: !state.apiKeyWritable,
+						text: state.apiKey.text,
+						configured: state.apiKeyConfigured,
+						stateLabel: state.apiKeyConfigured ? t("webSearchApiKeySet") : t("webSearchApiKeyUnset"),
+						onEdit: (text) => {
+							props.edit("apiKey", text);
+						}
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ValueField, {
+						id: "plugin-config-web-search-endpoint",
+						label: t("webSearchBaseUrl"),
+						hint: t("webSearchBaseUrlHint"),
+						overriddenLabel: t("overridden"),
+						resetLabel: t("reset"),
+						invalidLabel: t("invalidNumber"),
+						disabled,
+						...state.baseURL,
+						onEdit: (text) => {
+							props.edit("baseURL", text);
+						},
+						onReset: () => {
+							props.resetField("baseURL");
+						}
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ValueField, {
+						id: "plugin-config-web-search-max-uses",
+						label: t("webSearchMaxUses"),
+						hint: t("webSearchMaxUsesHint"),
+						overriddenLabel: t("overridden"),
+						resetLabel: t("reset"),
+						invalidLabel: t("invalidNumber"),
+						numeric: true,
+						disabled,
+						...state.maxUses,
+						onEdit: (text) => {
+							props.edit("maxUses", text);
+						},
+						onReset: () => {
+							props.resetField("maxUses");
+						}
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region src/client/card-form.ts
+		/**
+		* A whole-number field. An empty draft clears the field; any other draft that
+		* is not a finite number blocks the save.
+		* @param field - field name inside the namespace section.
+		* @returns the field's conversion spec.
+		*/
+		function numberField(field) {
+			return {
+				field,
+				format: (value) => typeof value === "number" ? String(value) : "",
+				parse: (text) => {
+					const trimmed = text.trim();
+					if (trimmed === "") return { kind: "clear" };
+					const parsed = Number(trimmed);
+					return Number.isFinite(parsed) ? {
+						kind: "set",
+						value: parsed
+					} : void 0;
+				}
+			};
+		}
+		/**
+		* A free-text field. An empty draft clears the field, so emptying the control
+		* and saving is the same gesture as resetting it.
+		* @param field - field name inside the namespace section.
+		* @returns the field's conversion spec.
+		*/
+		function textField(field) {
+			return {
+				field,
+				format: (value) => typeof value === "string" ? value : "",
+				parse: (text) => {
+					const trimmed = text.trim();
+					return trimmed === "" ? { kind: "clear" } : {
+						kind: "set",
+						value: trimmed
+					};
+				}
+			};
+		}
+		/**
+		* Stages one card's edits over one settings namespace and writes them on save.
+		*
+		* The form publishes through a snapshot store because slot components read
+		* through a snapshot selector, while both the scope and the local drafts
+		* change underneath; every projection is rebuilt from the two together.
+		*/
+		var CardForm = class {
+			scope;
+			specs;
+			secretSpecs;
+			staged = /* @__PURE__ */ new Map();
+			listeners = /* @__PURE__ */ new Set();
+			saving = false;
+			failed = false;
+			/**
+			* @param scope - the bound settings scope for this card's namespace.
+			* @param specs - the section fields this card edits.
+			* @param secrets - the card's write-only controls, written outside the section.
+			*/
+			constructor(scope, specs, secrets = []) {
+				this.scope = scope;
+				this.specs = new Map(specs.map((spec) => [spec.field, spec]));
+				this.secretSpecs = new Map(secrets.map((spec) => [spec.field, spec]));
+				scope.subscribe(() => {
+					this.publish();
+				});
+			}
+			/**
+			* Publish a projection of this form, rebuilt whenever the scope or a draft changes.
+			* @param project - build the card's state from the form's current reads.
+			* @returns the store the card's component reads through its bound selector.
+			*/
+			bind(project) {
+				const store = (0, _xrkseek_client_runtime_client.createSnapshotStore)(project());
+				this.listeners.add(() => {
+					store.set(project());
+				});
+				return store;
+			}
+			/**
+			* Read the card-level state: what the Host serves, and what a save would do.
+			* @returns the form state every card shares.
+			*/
+			shell() {
+				const snapshot = this.scope.getSnapshot();
+				const plan = this.plan();
+				return {
+					available: snapshot.status === "ready",
+					writable: snapshot.writable,
+					dirty: plan.length > 0,
+					invalid: plan.some((item) => item.run === void 0),
+					saving: this.saving,
+					failed: this.failed
+				};
+			}
+			/**
+			* Read one control's state.
+			* @param field - field name of a section field or of a write-only control.
+			* @returns the draft text, whether a save would leave an override, and whether it is invalid.
+			*/
+			field(field) {
+				const staged = this.staged.get(field);
+				if (this.secretSpecs.has(field)) return {
+					text: staged?.text ?? "",
+					overridden: false,
+					invalid: false
+				};
+				const spec = this.spec(field);
+				if (staged === void 0) return {
+					text: spec.format(this.sectionValue(field)),
+					overridden: this.stored(field),
+					invalid: false
+				};
+				const write = staged.clear ? { kind: "clear" } : spec.parse(staged.text);
+				return {
+					text: staged.text,
+					overridden: write?.kind === "set",
+					invalid: write === void 0
+				};
+			}
+			/**
+			* Build the edit, reset, save, and discard actions bound to this form.
+			* @returns the actions a card's slot entry injects.
+			*/
+			actions() {
+				return {
+					edit: (field, text) => {
+						this.stage(field, {
+							text,
+							clear: false
+						});
+					},
+					resetField: (field) => {
+						this.stage(field, {
+							text: this.spec(field).format(this.baseValue(field)),
+							clear: true
+						});
+					},
+					save: () => {
+						this.save();
+					},
+					discard: () => {
+						if (this.staged.size === 0 && !this.failed) return;
+						this.staged.clear();
+						this.failed = false;
+						this.publish();
+					}
+				};
+			}
+			/**
+			* Write every staged edit, then re-seed from what the Host accepted.
+			*
+			* The Host is the only authority on whether a value was accepted — its
+			* validators own the constraints no schema can express — so the outcome is
+			* read back from the section rather than predicted here. A save that did not
+			* land keeps its drafts, so the user can correct them instead of retyping.
+			* @returns settlement after every write and the read-back.
+			*/
+			async save() {
+				const plan = this.plan();
+				const writes = plan.flatMap((item) => item.run === void 0 ? [] : [item.run]);
+				if (plan.length === 0 || this.saving || writes.length !== plan.length) return;
+				this.saving = true;
+				this.failed = false;
+				this.publish();
+				let landed = true;
+				for (const write of writes) landed = await write() && landed;
+				if (landed) this.staged.clear();
+				this.saving = false;
+				this.failed = !landed;
+				this.publish();
+			}
+			/**
+			* Every staged edit a save would write. An entry whose draft is not a value
+			* its field accepts carries no write: the form is still dirty, and the save
+			* refuses rather than dropping the edit.
+			* @returns the planned writes, in the order the fields were staged.
+			*/
+			plan() {
+				const plan = [];
+				for (const [field, staged] of this.staged) {
+					const secret = this.secretSpecs.get(field);
+					if (secret !== void 0) {
+						const value = staged.text.trim();
+						if (value !== "") plan.push({
+							field,
+							run: () => secret.write(value)
+						});
+						continue;
+					}
+					const spec = this.spec(field);
+					if (staged.clear) {
+						if (this.stored(field)) plan.push({
+							field,
+							run: () => this.clear(field)
+						});
+						continue;
+					}
+					if (staged.text === spec.format(this.sectionValue(field))) continue;
+					const write = spec.parse(staged.text);
+					if (write === void 0) plan.push({
+						field,
+						run: void 0
+					});
+					else if (write.kind === "clear") plan.push({
+						field,
+						run: () => this.clear(field)
+					});
+					else plan.push({
+						field,
+						run: () => this.store(field, write.value)
+					});
+				}
+				return plan;
+			}
+			async clear(field) {
+				await this.scope.unset(field);
+				return !this.stored(field);
+			}
+			async store(field, value) {
+				await this.scope.set(field, value);
+				return this.userLayer()?.[field] === value;
+			}
+			stage(field, edit) {
+				this.staged.set(field, edit);
+				this.failed = false;
+				this.publish();
+			}
+			spec(field) {
+				const spec = this.specs.get(field);
+				if (spec === void 0) throw new Error(`plugin card has no field ${field}`);
+				return spec;
+			}
+			snapshotOf() {
+				return this.scope.getSnapshot();
+			}
+			sectionValue(field) {
+				return this.snapshotOf().value?.[field];
+			}
+			baseValue(field) {
+				return this.snapshotOf().base?.[field];
+			}
+			userLayer() {
+				return this.snapshotOf().user;
+			}
+			stored(field) {
+				const user = this.userLayer();
+				return user !== void 0 && Object.hasOwn(user, field);
+			}
+			publish() {
+				for (const listener of this.listeners) listener();
+			}
+		};
+		//#endregion
+		//#region src/client/agent-loop-card-controller.ts
+		/**
+		* Namespace of the agent loop's user-owned settings. Spelled here rather than
+		* imported: a client package must not depend on a Host package.
+		*/
+		const AGENT_LOOP_NS = "agent-loop";
+		/** Bridges the `agent-loop` scope onto the card's staged form. */
+		var AgentLoopCardController = class {
+			form;
+			store;
+			/** @param scope - the bound settings scope for the `agent-loop` namespace. */
+			constructor(scope) {
+				this.form = new CardForm(scope, [numberField("maxParallelToolCalls")]);
+				this.store = this.form.bind(() => this.projection());
+			}
+			projection() {
+				return {
+					...this.form.shell(),
+					maxParallelToolCalls: this.form.field("maxParallelToolCalls")
+				};
+			}
+			/**
+			* Build the face the card's slot registration injects.
+			* @returns the card's snapshot and its form actions.
+			*/
+			inject() {
+				return {
+					hooks: { agentLoopCard: this.store },
+					...this.form.actions()
+				};
+			}
+		};
+		//#endregion
+		//#region src/client/bash-card-controller.ts
+		/**
+		* Namespace of the shell capability. Spelled here rather than imported: a
+		* client package must not depend on a Host package, and the executor families
+		* that own it spell the same value.
+		*/
+		const SHELL_NS = "shell";
+		/** Bridges the `bash` scope onto the shell card's staged form. */
+		var BashCardController = class {
+			form;
+			store;
+			/** @param scope - the bound settings scope for the `bash` namespace. */
+			constructor(scope) {
+				this.form = new CardForm(scope, [numberField("timeoutMs"), numberField("maxOutputBytes")]);
+				this.store = this.form.bind(() => this.projection());
+			}
+			projection() {
+				return {
+					...this.form.shell(),
+					timeoutMs: this.form.field("timeoutMs"),
+					maxOutputBytes: this.form.field("maxOutputBytes")
+				};
+			}
+			/**
+			* Build the face the card's slot registration injects.
+			* @returns the card's snapshot and its form actions.
+			*/
+			inject() {
+				return {
+					hooks: { bashCard: this.store },
+					...this.form.actions()
+				};
+			}
+		};
+		//#endregion
+		//#region src/client/mcp-card-controller.ts
+		/** Bridges the `mcp` scope onto the card's staged server list. */
+		var McpCardController = class {
+			scope;
+			store;
+			rows = [];
+			seeded = false;
+			saving = false;
+			failed = false;
+			showErrors = false;
+			/** @param scope - the bound settings scope for the `mcp` namespace. */
+			constructor(scope) {
+				this.scope = scope;
+				this.store = (0, _xrkseek_client_runtime_client.createSnapshotStore)(this.projection());
+				scope.subscribe(() => {
+					this.syncFromScope();
+				});
+				this.syncFromScope(true);
+			}
+			syncFromScope(force = false) {
+				const snapshot = this.scope.getSnapshot();
+				if (snapshot.status !== "ready") {
+					this.seeded = false;
+					this.publish();
+					return;
+				}
+				if (!this.seeded || force && !this.dirty()) {
+					this.rows = serversOf(snapshot).map(rowToUi);
+					this.seeded = true;
+					this.failed = false;
+					this.showErrors = false;
+				}
+				this.publish();
+			}
+			projection() {
+				const snapshot = this.scope.getSnapshot();
+				const invalid = this.rows.some((row) => validateRow(row) !== void 0);
+				return {
+					available: snapshot.status === "ready",
+					writable: snapshot.writable,
+					dirty: this.dirty(),
+					invalid,
+					rowInvalid: invalid,
+					showErrors: this.showErrors && invalid,
+					saving: this.saving,
+					failed: this.failed,
+					rows: this.rows,
+					connected: connectedOf(snapshot),
+					note: noteOf(snapshot)
+				};
+			}
+			dirty() {
+				if (!this.seeded) return false;
+				const snapshot = this.scope.getSnapshot();
+				if (snapshot.status !== "ready") return false;
+				return JSON.stringify(this.rows.map(rowFromUi)) !== JSON.stringify(serversOf(snapshot));
+			}
+			publish() {
+				this.store.set(this.projection());
+			}
+			/** @returns the card's snapshot and its form actions. */
+			inject() {
+				return {
+					hooks: { mcpCard: this.store },
+					editRow: (index, patch) => {
+						this.editRow(index, patch);
+					},
+					addRow: (paste) => {
+						this.addRow(paste);
+					},
+					removeRow: (index) => {
+						this.removeRow(index);
+					},
+					edit: () => {},
+					resetField: () => {},
+					save: () => {
+						this.save();
+					},
+					discard: () => {
+						this.discard();
+					}
+				};
+			}
+			editRow(index, patch) {
+				const row = this.rows[index];
+				if (row === void 0) return;
+				let next = {
+					...row,
+					...patch
+				};
+				if (patch.transport !== void 0 && patch.transport !== row.transport) next = patch.transport === "http" ? {
+					...next,
+					command: "",
+					args: "",
+					cwd: ""
+				} : {
+					...next,
+					url: ""
+				};
+				this.rows = this.rows.with(index, next);
+				this.failed = false;
+				if (!this.rows.some((r) => validateRow(r) !== void 0)) this.showErrors = false;
+				this.publish();
+			}
+			addRow(paste) {
+				const imported = paste ? rowsFromMcpPaste(paste) : [];
+				this.rows = imported.length > 0 ? [...this.rows, ...imported] : [...this.rows, emptyRow()];
+				this.failed = false;
+				this.publish();
+			}
+			removeRow(index) {
+				if (index < 0 || index >= this.rows.length) return;
+				this.rows = this.rows.toSpliced(index, 1);
+				this.failed = false;
+				if (!this.rows.some((r) => validateRow(r) !== void 0)) this.showErrors = false;
+				this.publish();
+			}
+			discard() {
+				const snapshot = this.scope.getSnapshot();
+				if (snapshot.status !== "ready") return;
+				this.rows = serversOf(snapshot).map(rowToUi);
+				this.failed = false;
+				this.showErrors = false;
+				this.publish();
+			}
+			async save() {
+				const snapshot = this.scope.getSnapshot();
+				if (snapshot.status !== "ready" || !snapshot.writable || this.saving) return;
+				if (this.rows.some((row) => validateRow(row) !== void 0)) {
+					this.showErrors = true;
+					this.publish();
+					return;
+				}
+				if (!this.dirty()) return;
+				this.saving = true;
+				this.failed = false;
+				this.showErrors = false;
+				this.publish();
+				const payload = this.rows.map(rowFromUi);
+				await this.scope.set("servers", payload);
+				const after = this.scope.getSnapshot();
+				const landed = after.status === "ready" && JSON.stringify(serversOf(after)) === JSON.stringify(payload);
+				this.saving = false;
+				this.failed = !landed;
+				if (landed) this.seeded = true;
+				this.publish();
+			}
+		};
+		function serversOf(snapshot) {
+			const raw = snapshot.value?.servers;
+			return Array.isArray(raw) ? raw.map(normalizeStoredRow) : [];
+		}
+		function connectedOf(snapshot) {
+			const raw = snapshot.value?.connected;
+			if (!Array.isArray(raw)) return [];
+			return raw.filter(isConnectedEntry);
+		}
+		function noteOf(snapshot) {
+			return typeof snapshot.value?.note === "string" ? snapshot.value.note : "";
+		}
+		function isConnectedEntry(value) {
+			return value !== null && typeof value === "object" && typeof value.serverName === "string";
+		}
+		function normalizeStoredRow(row) {
+			const url = typeof row.url === "string" ? row.url.trim() : "";
+			const command = typeof row.command === "string" ? row.command.trim() : "";
+			return {
+				serverName: String(row.serverName ?? "").trim(),
+				...url ? { url } : command ? { command } : {},
+				...Array.isArray(row.args) && row.args.length > 0 ? { args: row.args.map(String) } : {},
+				...typeof row.cwd === "string" && row.cwd.trim() ? { cwd: row.cwd.trim() } : {}
+			};
+		}
+		function rowToUi(row) {
+			const url = typeof row.url === "string" ? row.url : "";
+			return {
+				serverName: row.serverName,
+				transport: url ? "http" : "stdio",
+				command: typeof row.command === "string" ? row.command : "",
+				url,
+				args: Array.isArray(row.args) ? row.args.join(", ") : "",
+				cwd: typeof row.cwd === "string" ? row.cwd : ""
+			};
+		}
+		function rowFromUi(row) {
+			const serverName = row.serverName.trim();
+			if (row.transport === "http") return {
+				serverName,
+				url: row.url.trim()
+			};
+			const args = row.args.split(",").map((part) => part.trim()).filter((part) => part.length > 0);
+			const cwd = row.cwd.trim();
+			return {
+				serverName,
+				command: row.command.trim(),
+				...args.length > 0 ? { args } : {},
+				...cwd ? { cwd } : {}
+			};
+		}
+		function emptyRow() {
+			return {
+				serverName: "",
+				transport: "stdio",
+				command: "",
+				url: "",
+				args: "",
+				cwd: ""
+			};
+		}
+		function namedRowToUi(name, row) {
+			const serverName = name.trim();
+			if (!serverName) return void 0;
+			const url = typeof row.url === "string" ? row.url.trim() : "";
+			const command = typeof row.command === "string" ? row.command.trim() : "";
+			if (!url && !command) return void 0;
+			return {
+				serverName,
+				transport: url ? "http" : "stdio",
+				command,
+				url,
+				args: Array.isArray(row.args) ? row.args.map(String).join(", ") : "",
+				cwd: typeof row.cwd === "string" ? row.cwd : ""
+			};
+		}
+		/**
+		* Cursor / Claude Desktop paste: `{ "mcpServers": { "12306-mcp": { "command": "npx", "args": ["-y", "12306-mcp"] } } }`.
+		* Also accepts a bare name map or a Face array of `{ serverName, command }`.
+		*/
+		function rowsFromMcpPaste(raw) {
+			let parsed;
+			try {
+				parsed = JSON.parse(raw);
+			} catch {
+				return [];
+			}
+			if (Array.isArray(parsed)) {
+				const out = [];
+				for (const row of parsed) {
+					if (!row || typeof row !== "object" || Array.isArray(row)) continue;
+					const o = row;
+					const mapped = namedRowToUi(String(o.serverName ?? ""), o);
+					if (mapped) out.push(mapped);
+				}
+				return out;
+			}
+			if (!parsed || typeof parsed !== "object") return [];
+			const root = parsed;
+			const map = root.mcpServers && typeof root.mcpServers === "object" && !Array.isArray(root.mcpServers) ? root.mcpServers : root;
+			const out = [];
+			for (const [name, row] of Object.entries(map)) {
+				if (!row || typeof row !== "object" || Array.isArray(row)) continue;
+				const mapped = namedRowToUi(name, row);
+				if (mapped) out.push(mapped);
+			}
+			return out;
+		}
+		function validateRow(row) {
+			if (!row.serverName.trim()) return "serverName";
+			if (row.transport === "http") return row.url.trim() ? void 0 : "url";
+			return row.command.trim() ? void 0 : "command";
+		}
+		//#endregion
+		//#region src/client/tab-store.ts
+		/** Reads the served namespaces and pairs them with the cards that claim them. */
+		var ConfigurablePluginsTabController = class {
+			api;
+			entries;
+			store = (0, _xrkseek_client_runtime_client.createSnapshotStore)({
+				loaded: false,
+				namespaces: []
+			});
+			/** Last Host answer; kept so a slot mutation republishes without a wire read. */
+			served = [];
+			loaded = false;
+			generation = 0;
+			disposed = false;
+			/**
+			* @param api - settings wire face.
+			* @param entries - reads the cards currently registered into the section's slot.
+			*/
+			constructor(api, entries) {
+				this.api = api;
+				this.entries = entries;
+			}
+			/** Opaque read of {@link disposed}: control flow cannot narrow it across awaits. */
+			isDisposed() {
+				return this.disposed;
+			}
+			/**
+			* Re-read the served namespaces from the Host and republish.
+			* @returns settlement after the read, or immediately once disposed.
+			*/
+			async load() {
+				if (this.isDisposed()) return;
+				const generation = ++this.generation;
+				let response;
+				try {
+					response = await this.api.settings.describe({});
+				} catch (_settingsReadFailure) {
+					return;
+				}
+				if (this.isDisposed() || generation !== this.generation || !response.result.ok) return;
+				this.served = response.result.value.namespaces.map((view) => view.ns);
+				this.loaded = true;
+				this.publish();
+			}
+			/** Republish after the slot ledger changed; a card registered late joins here. */
+			refresh() {
+				if (this.disposed) return;
+				this.publish();
+			}
+			/** Stop publishing; an in-flight read settles without touching the store. */
+			dispose() {
+				this.disposed = true;
+				this.generation += 1;
+			}
+			/**
+			* Build the face the tab's slot registration injects.
+			* @returns the tab's snapshot source.
+			*/
+			inject() {
+				return { hooks: { configurablePlugins: this.store } };
+			}
+			publish() {
+				const served = new Set(this.served);
+				const namespaces = this.entries().flatMap((entry) => entry.options.key !== void 0 && served.has(entry.options.key) ? [entry.options.key] : []);
+				const previous = this.store.getSnapshot();
+				if (previous.loaded === this.loaded && previous.namespaces.length === namespaces.length && previous.namespaces.every((ns, index) => ns === namespaces[index])) return;
+				this.store.set({
+					loaded: this.loaded,
+					namespaces
+				});
+			}
+		};
+		//#endregion
+		//#region src/client/web-search-card-controller.ts
+		/**
+		* Namespace of the DeepSeek search provider. Spelled here rather than
+		* imported: a client package must not depend on a Host package.
+		*/
+		const WEB_SEARCH_NS = "web-search-deepseek";
+		/** Credential reference the provider resolves when the section names none. */
+		const DEFAULT_API_KEY_REF = "DEEPSEEK_API_KEY";
+		/** Form field the credential control stages under. */
+		const API_KEY_FIELD = "apiKey";
+		/** Bridges the `web-search-deepseek` scope and the credentials domain onto the card. */
+		var WebSearchCardController = class {
+			scope;
+			api;
+			form;
+			store;
+			credential = {
+				ref: "",
+				configured: false,
+				writable: true
+			};
+			/**
+			* @param scope - the bound settings scope for the `web-search-deepseek` namespace.
+			* @param api - wire face used for the credential the section references.
+			*/
+			constructor(scope, api) {
+				this.scope = scope;
+				this.api = api;
+				this.form = new CardForm(scope, [textField("baseURL"), numberField("maxUses")], [{
+					field: API_KEY_FIELD,
+					write: (text) => this.writeKey(text)
+				}]);
+				this.store = this.form.bind(() => this.projection());
+				scope.subscribe(() => {
+					this.readCredential();
+				});
+				this.readCredential();
+			}
+			projection() {
+				return {
+					...this.form.shell(),
+					baseURL: this.form.field("baseURL"),
+					maxUses: this.form.field("maxUses"),
+					apiKey: this.form.field(API_KEY_FIELD),
+					apiKeyConfigured: this.credential.configured,
+					apiKeyWritable: this.credential.writable
+				};
+			}
+			/**
+			* Ask the credentials domain about the reference the section currently names.
+			*
+			* The answer is stored with the reference it describes: `apiKeyEnv` can
+			* change between the request and its response, and two reads can settle out
+			* of order, so a response is published only while it still answers for the
+			* reference in force.
+			*/
+			async readCredential() {
+				const ref = refOf(this.scope.getSnapshot());
+				if (ref !== this.credential.ref) {
+					this.credential = {
+						ref,
+						configured: false,
+						writable: true
+					};
+					this.store.set(this.projection());
+				}
+				let response;
+				try {
+					response = await this.api.credentials.describe({ refs: [ref] });
+				} catch (_credentialReadFailure) {
+					return;
+				}
+				if (!response.result.ok || ref !== refOf(this.scope.getSnapshot())) return;
+				const view = response.result.value.credentials[ref];
+				const next = {
+					ref,
+					configured: view?.configured ?? false,
+					writable: view?.writable ?? true
+				};
+				if (next.configured === this.credential.configured && next.writable === this.credential.writable) return;
+				this.credential = next;
+				this.store.set(this.projection());
+			}
+			/**
+			* Re-read after the Host reports a change to the reference this card watches.
+			*
+			* A key can be written from somewhere else — the Models page addresses the
+			* same reference — and the settings section does not change when it is, so
+			* without this the badge keeps reporting a state the Host already replaced.
+			* @param ref - the reference the Host reports as changed.
+			*/
+			refreshCredential(ref) {
+				if (ref !== this.credential.ref) return;
+				this.readCredential();
+			}
+			/**
+			* Build the face the card's slot registration injects.
+			* @returns the card's snapshot and its form actions.
+			*/
+			inject() {
+				return {
+					hooks: { webSearchCard: this.store },
+					...this.form.actions()
+				};
+			}
+			/**
+			* Write the staged key, then re-read whether the Host now holds one.
+			* @param value - the staged credential literal.
+			* @returns whether the Host reports a configured credential afterwards.
+			*/
+			async writeKey(value) {
+				try {
+					await this.api.credentials.set({
+						ref: refOf(this.scope.getSnapshot()),
+						value
+					});
+				} catch (_credentialWriteFailure) {}
+				await this.readCredential();
+				return this.credential.configured;
+			}
+		};
+		/**
+		* The credential reference the section names, or the provider's default.
+		* @param snapshot - the current scope snapshot.
+		* @returns the reference to address.
+		*/
+		function refOf(snapshot) {
+			const declared = snapshot.value?.apiKeyEnv;
+			return declared !== void 0 && declared.length > 0 ? declared : DEFAULT_API_KEY_REF;
+		}
+		//#endregion
+		//#region src/client/locales.ts
+		/** English copy. */
+		const en = {
+			nav: "Plugins",
+			title: "Plugins",
+			intro: "Configure and inspect the plugins installed in this deployment.",
+			tabs: "Plugin views",
+			configurableTab: "Plugin configuration",
+			empty: "This deployment exposes no plugin settings.",
+			overridden: "Overridden",
+			reset: "Reset to default",
+			readOnly: "This deployment stores settings read-only.",
+			expand: "Show settings",
+			collapse: "Hide settings",
+			save: "Save",
+			saving: "Saving…",
+			discard: "Discard",
+			unsaved: "Unsaved",
+			saveFailed: "The deployment did not accept these values; they were left for you to correct.",
+			invalidNumber: "Enter a number, or leave blank to use the default.",
+			bashTitle: "Shell",
+			bashDescription: "Limits every command the agent runs.",
+			bashTimeoutMs: "Command timeout (ms)",
+			bashTimeoutMsHint: "How long one command may run before it is terminated.",
+			bashMaxOutputBytes: "Output cap per stream (bytes)",
+			bashMaxOutputBytesHint: "Output beyond this spills to a temporary file rather than being lost.",
+			agentLoopTitle: "Agent loop",
+			agentLoopDescription: "How the agent dispatches tool calls.",
+			agentLoopMaxParallel: "Parallel tool calls",
+			agentLoopMaxParallelHint: "Upper bound on parallel-safe calls running at once within one step.",
+			webSearchTitle: "Web search",
+			webSearchDescription: "The XRK search provider.",
+			webSearchApiKey: "API key",
+			webSearchApiKeyHint: "Stored outside the settings file. Leave blank to keep the current key.",
+			webSearchApiKeySet: "A key is configured.",
+			webSearchApiKeyUnset: "No key is configured; search is unavailable until one is.",
+			webSearchBaseUrl: "Endpoint",
+			webSearchBaseUrlHint: "Leave blank to use the provider default.",
+			webSearchMaxUses: "Max searches per request",
+			webSearchMaxUsesHint: "How many times one request may search before it must answer.",
+			mcpTitle: "MCP servers",
+			mcpDescription: "Add local commands or remote URLs. Saved list remounts live when Host uses the settings file (empty XRK_MCP_SERVERS). Allow policy still required to connect.",
+			mcpConnectedHeading: "Connected now",
+			mcpServersHeading: "Servers",
+			mcpServersEmpty: "No servers yet. Add one, save, and Host remounts.",
+			mcpAddServer: "Add server",
+			mcpRemoveServer: "Remove",
+			mcpPaste: "Paste JSON",
+			mcpPasteHint: "{ \"mcpServers\": { \"12306-mcp\": { \"command\": \"npx\", \"args\": [\"-y\", \"12306-mcp\"] } } }",
+			mcpServerRow: "Server {index}",
+			mcpServerName: "Name",
+			mcpServerNameHint: "Short id in tool names (mcp__name__…).",
+			mcpTransport: "Transport",
+			mcpTransportStdio: "Local process",
+			mcpTransportHttp: "Remote URL",
+			mcpTransportHint: "Local runs a command; remote connects to a streamable HTTP endpoint.",
+			mcpCommand: "Command",
+			mcpCommandHint: "Executable for local transport (for example npx).",
+			mcpUrl: "URL",
+			mcpUrlHint: "Streamable HTTP MCP endpoint.",
+			mcpArgs: "Arguments",
+			mcpArgsHint: "Optional, comma-separated args passed to the command.",
+			mcpCwd: "Working directory",
+			mcpCwdHint: "Optional. Leave blank to use the Host default.",
+			mcpRowInvalid: "Each server needs a name and a command or URL.",
+			mcpToolsLabel: "tools",
+			mcpStatusConnected: "Connected",
+			mcpStatusReconnecting: "Reconnecting",
+			mcpStatusGaveUp: "Gave up"
+		};
+		/** Simplified Chinese copy. */
+		const zh = {
+			nav: "插件",
+			title: "插件",
+			intro: "配置和查看本部署已安装的插件。",
+			tabs: "插件视图",
+			configurableTab: "插件配置",
+			empty: "本部署没有开放任何插件设置。",
+			overridden: "已覆盖",
+			reset: "恢复默认",
+			readOnly: "本部署的设置为只读。",
+			expand: "展开设置",
+			collapse: "收起设置",
+			save: "保存",
+			saving: "保存中…",
+			discard: "放弃修改",
+			unsaved: "未保存",
+			saveFailed: "本部署没有接受这些值，已保留供你修改。",
+			invalidNumber: "请填数字；留空表示使用默认值。",
+			bashTitle: "终端",
+			bashDescription: "限制 agent 运行的每一条命令。",
+			bashTimeoutMs: "命令超时（毫秒）",
+			bashTimeoutMsHint: "单条命令允许运行多久，超时即终止。",
+			bashMaxOutputBytes: "单流输出上限（字节）",
+			bashMaxOutputBytesHint: "超出部分会转存到临时文件，而不是被丢弃。",
+			agentLoopTitle: "Agent 循环",
+			agentLoopDescription: "Agent 如何派发工具调用。",
+			agentLoopMaxParallel: "并行工具调用数",
+			agentLoopMaxParallelHint: "同一步内最多同时运行多少个可并行的调用。",
+			webSearchTitle: "网页搜索",
+			webSearchDescription: "XRK 搜索提供方。",
+			webSearchApiKey: "API Key",
+			webSearchApiKeyHint: "不写入设置文件。留空表示保持当前密钥。",
+			webSearchApiKeySet: "已配置密钥。",
+			webSearchApiKeyUnset: "未配置密钥；配置之前搜索不可用。",
+			webSearchBaseUrl: "接口地址",
+			webSearchBaseUrlHint: "留空则使用提供方默认地址。",
+			webSearchMaxUses: "单次请求最多搜索次数",
+			webSearchMaxUsesHint: "一次请求在必须作答前最多可以搜索多少次。",
+			mcpTitle: "MCP 服务器",
+			mcpDescription: "添加本地命令或远程 URL。设置文件为真源（空 XRK_MCP_SERVERS）时保存后热挂载；连接仍需 allow 策略。",
+			mcpConnectedHeading: "当前已连接",
+			mcpServersHeading: "服务器",
+			mcpServersEmpty: "还没有服务器。添加一条并保存即可热挂载。",
+			mcpAddServer: "添加服务器",
+			mcpRemoveServer: "移除",
+			mcpPaste: "粘贴 JSON",
+			mcpPasteHint: "{ \"mcpServers\": { \"12306-mcp\": { \"command\": \"npx\", \"args\": [\"-y\", \"12306-mcp\"] } } }",
+			mcpServerRow: "服务器 {index}",
+			mcpServerName: "名称",
+			mcpServerNameHint: "工具名里的短 id（mcp__name__…）。",
+			mcpTransport: "传输方式",
+			mcpTransportStdio: "本地进程",
+			mcpTransportHttp: "远程 URL",
+			mcpTransportHint: "本地启动命令；远程连接 streamable HTTP 端点。",
+			mcpCommand: "命令",
+			mcpCommandHint: "本地传输的可执行文件（例如 npx）。",
+			mcpUrl: "URL",
+			mcpUrlHint: "streamable HTTP MCP 端点。",
+			mcpArgs: "参数",
+			mcpArgsHint: "可选，逗号分隔，传给命令。",
+			mcpCwd: "工作目录",
+			mcpCwdHint: "可选。留空使用 Host 默认。",
+			mcpRowInvalid: "每条服务器需要名称，以及命令或 URL。",
+			mcpToolsLabel: "个工具",
+			mcpStatusConnected: "已连接",
+			mcpStatusReconnecting: "重连中",
+			mcpStatusGaveUp: "已放弃"
+		};
+		//#endregion
+		//#region src/client/index.ts
+		/** Dictionary namespace owned by this plugin. */
+		const NS = "settings.plugins";
+		/** Required services (cordis fiber inject). */
+		const inject = [
+			"slots",
+			"locale",
+			"connection",
+			"remote",
+			"settingsScope"
+		];
+		/**
+		* Mount the plugin configuration section and the cards this package ships.
+		* @param ctx - the browser plugin context.
+		*/
+		function apply(ctx) {
+			const { api } = ctx.get("connection");
+			const t = ctx.locale.bind(NS);
+			ctx.effect(() => ctx.locale.register(NS, {
+				zh,
+				en
+			}), "ui-settings-plugins: section dictionaries");
+			const bash = new BashCardController(ctx.settingsScope.bind({ namespace: SHELL_NS }));
+			const agentLoop = new AgentLoopCardController(ctx.settingsScope.bind({ namespace: AGENT_LOOP_NS }));
+			const webSearch = new WebSearchCardController(ctx.settingsScope.bind({ namespace: WEB_SEARCH_NS }), api);
+			const mcp = new McpCardController(ctx.settingsScope.bind({ namespace: "mcp" }));
+			ctx.effect(() => ctx.remote.$on("credentials/updated", (ref) => {
+				webSearch.refreshCredential(ref);
+			}), "ui-settings-plugins: credential invalidations");
+			const configurable = new ConfigurablePluginsTabController(api, () => ctx.slots.entries("settings.plugin.item"));
+			ctx.effect(() => () => {
+				configurable.dispose();
+			}, "ui-settings-plugins: tab directory");
+			ctx.effect(() => ctx.remote.$on("settings/document-updated", () => {
+				configurable.load();
+			}), "ui-settings-plugins: served-namespace invalidations");
+			ctx.effect(() => ctx.on("connection/reset", () => {
+				configurable.load();
+			}), "ui-settings-plugins: served-namespace reconnect");
+			ctx.effect(() => ctx.slots.subscribe("settings.plugin.item", () => {
+				configurable.refresh();
+			}), "ui-settings-plugins: card ledger");
+			configurable.load();
+			let tabsVersion = -1;
+			let tabsRevision = -1;
+			let tabs = [];
+			const sectionInjected = () => ({ hooks: { tabs: {
+				getSnapshot: () => {
+					const version = ctx.slots.getVersion("settings.plugins.tab");
+					const revision = ctx.locale.getSnapshot().revision;
+					if (version !== tabsVersion || revision !== tabsRevision) {
+						tabsVersion = version;
+						tabsRevision = revision;
+						tabs = ctx.slots.entries("settings.plugins.tab").map((entry) => ({
+							/* v8 ignore next -- list-slot registration requires id */
+							id: entry.options.id ?? "",
+							order: entry.options.order ?? 0,
+							label: (0, _xrkseek_client_ui_slots.resolveSlotLabel)(entry.options.label) ?? ""
+						})).sort((a, b) => a.order - b.order);
+					}
+					return tabs;
+				},
+				subscribe: (listener) => {
+					const offLedger = ctx.slots.subscribe("settings.plugins.tab", listener);
+					const offLocale = ctx.locale.subscribe(listener);
+					return () => {
+						offLedger();
+						offLocale();
+					};
+				}
+			} } });
+			ctx.slots.inject("settings.section", () => ctx.slots.register({
+				name: "settings.section",
+				id: "plugins",
+				order: 15,
+				label: () => t("nav"),
+				locale: NS,
+				inject: sectionInjected,
+				children: { "settings.plugins.tab": {
+					kind: "list",
+					scope: "root"
+				} }
+			}, PluginsSettingsSection));
+			ctx.slots.inject("settings.plugins.tab", () => ctx.slots.register({
+				name: "settings.plugins.tab",
+				id: "configurable",
+				order: 0,
+				label: () => t("configurableTab"),
+				locale: NS,
+				inject: () => configurable.inject(),
+				children: { "settings.plugin.item": {
+					kind: "keyed",
+					scope: "root"
+				} }
+			}, ConfigurablePluginsTab));
+			ctx.slots.inject("settings.plugin.item", function* () {
+				yield ctx.slots.register({
+					name: "settings.plugin.item",
+					key: SHELL_NS,
+					locale: NS,
+					inject: () => bash.inject()
+				}, BashCard);
+				yield ctx.slots.register({
+					name: "settings.plugin.item",
+					key: AGENT_LOOP_NS,
+					locale: NS,
+					inject: () => agentLoop.inject()
+				}, AgentLoopCard);
+				yield ctx.slots.register({
+					name: "settings.plugin.item",
+					key: WEB_SEARCH_NS,
+					locale: NS,
+					inject: () => webSearch.inject()
+				}, WebSearchCard);
+				yield ctx.slots.register({
+					name: "settings.plugin.item",
+					key: "mcp",
+					locale: NS,
+					inject: () => mcp.inject()
+				}, McpCard);
+			});
+		}
+		//#endregion
+		exports.apply = apply;
+		exports.inject = inject;
+		return module.exports;
+	}
+});
+//# sourceMappingURL=client.js.map