@xrkseek/harness-cli 0.0.3 → 0.0.5

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

@@ -10,7 +10,7 @@ window.__ModuleLoader__.load({
 		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 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{appearance:none;cursor:pointer;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%2381858C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\");background-position:right 12px center;background-repeat:no-repeat;background-size:12px 12px;max-width:none;padding-right:32px}.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");
@@ -21,17 +21,17 @@ window.__ModuleLoader__.load({
 		}
 		var fields_module_css_default = {
 			"label": "MiE2dW_label",
+			"reset": "MiE2dW_reset",
 			"input": "MiE2dW_input",
+			"inputInvalid": "MiE2dW_inputInvalid",
+			"badgeMuted": "MiE2dW_badgeMuted",
 			"invalid": "MiE2dW_invalid",
-			"badge": "MiE2dW_badge",
-			"reset": "MiE2dW_reset",
 			"field": "MiE2dW_field",
+			"hint": "MiE2dW_hint",
 			"head": "MiE2dW_head",
-			"badges": "MiE2dW_badges",
-			"badgeMuted": "MiE2dW_badgeMuted",
+			"badge": "MiE2dW_badge",
 			"select": "MiE2dW_select",
-			"inputInvalid": "MiE2dW_inputInvalid",
-			"hint": "MiE2dW_hint"
+			"badges": "MiE2dW_badges"
 		};
 		//#endregion
 		//#region src/client/fields.tsx
@@ -42,6 +42,36 @@ window.__ModuleLoader__.load({
 		* 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.
 		*/
+		/** 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.input} ${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
@@ -75,7 +105,7 @@ window.__ModuleLoader__.load({
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 						id: props.id,
-						className: props.invalid ? fields_module_css_default.inputInvalid : fields_module_css_default.input,
+						className: props.invalid ? `${fields_module_css_default.input} ${fields_module_css_default.inputInvalid}` : fields_module_css_default.input,
 						type: "text",
 						...props.numeric === true ? { inputMode: "numeric" } : {},
 						...props.invalid ? { "aria-invalid": true } : {},
@@ -93,6 +123,49 @@ window.__ModuleLoader__.load({
 				]
 			});
 		}
+		/**
+		* 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) {
@@ -120,21 +193,21 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var PluginCard_module_css_default = {
-			"headText": "YRvGva_headText",
-			"failed": "YRvGva_failed",
-			"chevronOpen": "YRvGva_chevronOpen",
 			"header": "YRvGva_header",
-			"save": "YRvGva_save",
-			"body": "YRvGva_body",
-			"readOnly": "YRvGva_readOnly",
-			"name": "YRvGva_name",
 			"card": "YRvGva_card",
-			"description": "YRvGva_description",
-			"chevron": "YRvGva_chevron",
 			"discard": "YRvGva_discard",
+			"description": "YRvGva_description",
+			"save": "YRvGva_save",
+			"readOnly": "YRvGva_readOnly",
 			"pending": "YRvGva_pending",
+			"chevron": "YRvGva_chevron",
+			"footer": "YRvGva_footer",
 			"cardOpen": "YRvGva_cardOpen",
-			"footer": "YRvGva_footer"
+			"name": "YRvGva_name",
+			"body": "YRvGva_body",
+			"failed": "YRvGva_failed",
+			"headText": "YRvGva_headText",
+			"chevronOpen": "YRvGva_chevronOpen"
 		};
 		//#endregion
 		//#region src/client/PluginCard.tsx
@@ -329,14 +402,14 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var PluginsSettingsSection_module_css_default = {
-			"tabs": "ha2I9q_tabs",
+			"heading": "ha2I9q_heading",
+			"empty": "ha2I9q_empty",
 			"tab": "ha2I9q_tab",
+			"tabs": "ha2I9q_tabs",
+			"intro": "ha2I9q_intro",
 			"cards": "ha2I9q_cards",
-			"empty": "ha2I9q_empty",
 			"section": "ha2I9q_section",
-			"heading": "ha2I9q_heading",
-			"panel": "ha2I9q_panel",
-			"intro": "ha2I9q_intro"
+			"panel": "ha2I9q_panel"
 		};
 		//#endregion
 		//#region src/client/ConfigurablePluginsTab.tsx
@@ -367,7 +440,7 @@ window.__ModuleLoader__.load({
 		}
 		//#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 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_badgeOk{color:var(--dsw-alias-state-success-primary,var(--dsw-alias-label-secondary))}.FVl50a_badgeWarn{color:var(--dsw-alias-state-warning-primary,var(--dsw-alias-label-tertiary))}.FVl50a_allowRow{color:var(--dsw-alias-label-primary);cursor:pointer;align-items:flex-start;gap:10px;margin:12px 0 4px;font-size:13px;line-height:1.4;display:flex}.FVl50a_allowRow input{margin-top:3px}.FVl50a_allowTitle{font-weight:600;display:block}.FVl50a_allowHint{color:var(--dsw-alias-label-tertiary);margin-top:2px;font-size:12px;display:block}.FVl50a_entryTitleRow{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.FVl50a_statusDot{background:currentColor;border-radius:50%;flex-shrink:0;width:8px;height:8px;padding:0}.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");
@@ -377,30 +450,37 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var McpCard_module_css_default = {
-			"remove": "FVl50a_remove",
-			"badgeError": "FVl50a_badgeError",
-			"entry": "FVl50a_entry",
-			"entryTitle": "FVl50a_entryTitle",
-			"paste": "FVl50a_paste",
-			"badgeMuted": "FVl50a_badgeMuted",
-			"note": "FVl50a_note",
-			"block": "FVl50a_block",
-			"empty": "FVl50a_empty",
-			"entryHead": "FVl50a_entryHead",
-			"badge": "FVl50a_badge",
-			"add": "FVl50a_add",
-			"invalid": "FVl50a_invalid",
-			"connectedList": "FVl50a_connectedList",
 			"list": "FVl50a_list",
+			"pasteLabel": "FVl50a_pasteLabel",
+			"add": "FVl50a_add",
+			"empty": "FVl50a_empty",
 			"connectedRow": "FVl50a_connectedRow",
+			"entryTitleRow": "FVl50a_entryTitleRow",
 			"connectedName": "FVl50a_connectedName",
+			"badgeError": "FVl50a_badgeError",
+			"badgeWarn": "FVl50a_badgeWarn",
+			"block": "FVl50a_block",
+			"note": "FVl50a_note",
+			"allowHint": "FVl50a_allowHint",
+			"entry": "FVl50a_entry",
 			"heading": "FVl50a_heading",
+			"invalid": "FVl50a_invalid",
+			"entryHead": "FVl50a_entryHead",
+			"badgeMuted": "FVl50a_badgeMuted",
+			"badgeOk": "FVl50a_badgeOk",
+			"allowTitle": "FVl50a_allowTitle",
+			"statusDot": "FVl50a_statusDot",
+			"allowRow": "FVl50a_allowRow",
+			"entryTitle": "FVl50a_entryTitle",
+			"connectedList": "FVl50a_connectedList",
+			"remove": "FVl50a_remove",
 			"entryBody": "FVl50a_entryBody",
-			"pasteLabel": "FVl50a_pasteLabel"
+			"badge": "FVl50a_badge",
+			"paste": "FVl50a_paste"
 		};
 		//#endregion
 		//#region src/client/McpCard.tsx
-		/** MCP desired-server card: JSON-block paste only (Cursor / Trae style). */
+		/** MCP desired-server card: allow toggle, per-row status, JSON paste. */
 		/**
 		* Render the MCP card.
 		* @param props - locale copy, the card snapshot, and its form actions.
@@ -435,43 +515,23 @@ window.__ModuleLoader__.load({
 						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)("label", {
+						className: McpCard_module_css_default.allowRow,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							type: "checkbox",
+							checked: state.allowConnect,
+							disabled,
+							onChange: (event) => {
+								props.setAllowConnect(event.target.checked);
+							}
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: McpCard_module_css_default.allowTitle,
+							children: t("mcpAllowConnect")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: McpCard_module_css_default.allowHint,
+							children: t("mcpAllowConnectHint")
+						})] })]
+					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
 						className: McpCard_module_css_default.block,
 						"aria-label": t("mcpServersHeading"),
@@ -528,20 +588,69 @@ window.__ModuleLoader__.load({
 				]
 			});
 		}
+		function statusCopy(t, status) {
+			switch (status) {
+				case "connected": return t("mcpStatusConnected");
+				case "reconnecting": return t("mcpStatusReconnecting");
+				case "gave-up": return t("mcpStatusGaveUp");
+				case "parked": return t("mcpStatusParked");
+				case "failed": return t("mcpStatusFailed");
+				default: return t("mcpStatusIdle");
+			}
+		}
+		function statusTone(status) {
+			if (status === "connected") return McpCard_module_css_default.badgeOk;
+			if (status === "failed" || status === "gave-up") return McpCard_module_css_default.badgeError;
+			if (status === "parked") return McpCard_module_css_default.badgeWarn;
+			return McpCard_module_css_default.badgeMuted;
+		}
+		function statusBadge(status) {
+			return `${McpCard_module_css_default.badge} ${statusTone(status)}`;
+		}
 		function ServerSummary({ t, row, disabled, onRemove }) {
 			const summary = row.transport === "http" ? row.url : [row.command, row.args].filter((part) => part.trim()).join(" ");
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
 				className: McpCard_module_css_default.entry,
 				"aria-label": row.serverName,
+				"data-mcp-status": row.status,
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: McpCard_module_css_default.entryHead,
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h4", {
-						className: McpCard_module_css_default.entryTitle,
-						children: row.serverName
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: McpCard_module_css_default.empty,
-						children: summary || t("mcpServerRow").replace("{index}", "")
-					})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: McpCard_module_css_default.entryTitleRow,
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: `${McpCard_module_css_default.statusDot} ${statusTone(row.status)}`,
+									"aria-hidden": true
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h4", {
+									className: McpCard_module_css_default.entryTitle,
+									children: row.serverName
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: statusBadge(row.status),
+									children: statusCopy(t, row.status)
+								}),
+								row.toolCount > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: `${McpCard_module_css_default.badge} ${McpCard_module_css_default.badgeMuted}`,
+									children: [
+										row.toolCount,
+										" ",
+										t("mcpToolsLabel")
+									]
+								}) : null
+							]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: McpCard_module_css_default.empty,
+							children: summary || t("mcpServerRow").replace("{index}", "")
+						}),
+						row.failureMessage ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: McpCard_module_css_default.invalid,
+							role: "status",
+							children: row.failureMessage
+						}) : null
+					] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 						type: "button",
 						className: McpCard_module_css_default.remove,
 						"aria-label": `${t("mcpRemoveServer")} ${row.serverName}`,
@@ -554,6 +663,100 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#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)(SelectField, {
+						id: "plugin-config-web-search-provider",
+						label: t("webSearchProvider"),
+						hint: t("webSearchProviderHint"),
+						disabled,
+						value: state.provider.text || "auto",
+						options: [
+							{
+								value: "auto",
+								label: t("webSearchProviderAuto")
+							},
+							{
+								value: "tavily",
+								label: t("webSearchProviderTavily")
+							},
+							{
+								value: "brave",
+								label: t("webSearchProviderBrave")
+							},
+							{
+								value: "parallel-free",
+								label: t("webSearchProviderParallel")
+							},
+							{
+								value: "duckduckgo",
+								label: t("webSearchProviderDuckduckgo")
+							}
+						],
+						onChange: (value) => {
+							props.edit("provider", value);
+						}
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SecretField, {
+						id: "plugin-config-web-search-tavily",
+						label: t("webSearchTavilyKey"),
+						hint: t("webSearchTavilyKeyHint"),
+						disabled: !state.tavilyWritable,
+						text: state.tavilyApiKey.text,
+						configured: state.tavilyConfigured,
+						stateLabel: state.tavilyConfigured ? t("webSearchKeySet") : t("webSearchKeyUnset"),
+						onEdit: (text) => {
+							props.edit("tavilyApiKey", text);
+						}
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SecretField, {
+						id: "plugin-config-web-search-brave",
+						label: t("webSearchBraveKey"),
+						hint: t("webSearchBraveKeyHint"),
+						disabled: !state.braveWritable,
+						text: state.braveApiKey.text,
+						configured: state.braveConfigured,
+						stateLabel: state.braveConfigured ? t("webSearchKeySet") : t("webSearchKeyUnset"),
+						onEdit: (text) => {
+							props.edit("braveApiKey", text);
+						}
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ValueField, {
+						id: "plugin-config-web-search-region",
+						label: t("webSearchRegion"),
+						hint: t("webSearchRegionHint"),
+						overriddenLabel: t("overridden"),
+						resetLabel: t("reset"),
+						invalidLabel: t("invalidNumber"),
+						disabled,
+						...state.region,
+						onEdit: (text) => {
+							props.edit("region", text);
+						},
+						onReset: () => {
+							props.resetField("region");
+						}
+					})
+				]
+			});
+		}
+		//#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. */
@@ -670,6 +873,25 @@ window.__ModuleLoader__.load({
 			};
 		}
 		/**
+		* 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
@@ -958,6 +1180,9 @@ window.__ModuleLoader__.load({
 			scope;
 			store;
 			rows = [];
+			allowConnect = false;
+			/** True after the user toggles Allow connect (so save respects an explicit park). */
+			allowTouched = false;
 			seeded = false;
 			saving = false;
 			failed = false;
@@ -979,11 +1204,13 @@ window.__ModuleLoader__.load({
 					return;
 				}
 				if (!this.seeded || force && !this.dirty()) {
-					this.rows = serversOf(snapshot).map(rowToUi);
+					this.rows = serversOf(snapshot).map((draft) => rowToUi(draft, snapshot));
+					this.allowConnect = allowOf(snapshot);
+					this.allowTouched = false;
 					this.seeded = true;
 					this.failed = false;
 					this.showErrors = false;
-				}
+				} else this.rows = this.rows.map((row) => enrichRowStatus(row, snapshot));
 				this.publish();
 			}
 			projection() {
@@ -999,7 +1226,7 @@ window.__ModuleLoader__.load({
 					saving: this.saving,
 					failed: this.failed,
 					rows: this.rows,
-					connected: connectedOf(snapshot),
+					allowConnect: this.allowConnect,
 					note: noteOf(snapshot)
 				};
 			}
@@ -1007,6 +1234,7 @@ window.__ModuleLoader__.load({
 				if (!this.seeded) return false;
 				const snapshot = this.scope.getSnapshot();
 				if (snapshot.status !== "ready") return false;
+				if (this.allowConnect !== allowOf(snapshot)) return true;
 				return JSON.stringify(this.rows.map(rowFromUi)) !== JSON.stringify(serversOf(snapshot));
 			}
 			publish() {
@@ -1023,6 +1251,9 @@ window.__ModuleLoader__.load({
 					removeRow: (index) => {
 						this.removeRow(index);
 					},
+					setAllowConnect: (allow) => {
+						this.setAllowConnect(allow);
+					},
 					edit: () => {},
 					resetField: () => {},
 					save: () => {
@@ -1033,6 +1264,12 @@ window.__ModuleLoader__.load({
 					}
 				};
 			}
+			setAllowConnect(allow) {
+				this.allowConnect = allow;
+				this.allowTouched = true;
+				this.failed = false;
+				this.publish();
+			}
 			editRow(index, patch) {
 				const row = this.rows[index];
 				if (row === void 0) return;
@@ -1059,7 +1296,9 @@ window.__ModuleLoader__.load({
 				if (!raw) return "empty";
 				const imported = rowsFromMcpPaste(raw);
 				if (imported.length === 0) return "invalid";
-				this.rows = mergeRowsByName(this.rows, imported);
+				const snapshot = this.scope.getSnapshot();
+				this.rows = mergeRowsByName(this.rows, imported).map((row) => enrichRowStatus(row, snapshot));
+				this.allowConnect = true;
 				this.failed = false;
 				this.publish();
 				return "ok";
@@ -1067,6 +1306,10 @@ window.__ModuleLoader__.load({
 			removeRow(index) {
 				if (index < 0 || index >= this.rows.length) return;
 				this.rows = this.rows.toSpliced(index, 1);
+				if (this.rows.length === 0) {
+					this.allowConnect = false;
+					this.allowTouched = false;
+				}
 				this.failed = false;
 				if (!this.rows.some((r) => validateRow(r) !== void 0)) this.showErrors = false;
 				this.publish();
@@ -1074,7 +1317,9 @@ window.__ModuleLoader__.load({
 			discard() {
 				const snapshot = this.scope.getSnapshot();
 				if (snapshot.status !== "ready") return;
-				this.rows = serversOf(snapshot).map(rowToUi);
+				this.rows = serversOf(snapshot).map((draft) => rowToUi(draft, snapshot));
+				this.allowConnect = allowOf(snapshot);
+				this.allowTouched = false;
 				this.failed = false;
 				this.showErrors = false;
 				this.publish();
@@ -1093,12 +1338,20 @@ window.__ModuleLoader__.load({
 				this.showErrors = false;
 				this.publish();
 				const payload = this.rows.map(rowFromUi);
+				const wantAllow = payload.length === 0 ? false : this.allowTouched ? this.allowConnect : true;
+				this.allowConnect = wantAllow;
+				await this.scope.set("allowConnect", wantAllow);
 				await this.scope.set("servers", payload);
 				const after = this.scope.getSnapshot();
-				const landed = after.status === "ready" && JSON.stringify(serversOf(after)) === JSON.stringify(payload);
+				const landed = after.status === "ready" && allowOf(after) === wantAllow && JSON.stringify(serversOf(after)) === JSON.stringify(payload);
 				this.saving = false;
 				this.failed = !landed;
-				if (landed) this.seeded = true;
+				if (landed) {
+					this.seeded = true;
+					this.allowTouched = false;
+					this.rows = serversOf(after).map((draft) => rowToUi(draft, after));
+					this.allowConnect = allowOf(after);
+				}
 				this.publish();
 			}
 		};
@@ -1106,36 +1359,94 @@ window.__ModuleLoader__.load({
 			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 allowOf(snapshot) {
+			return snapshot.value?.allowConnect === true;
 		}
 		function noteOf(snapshot) {
-			return typeof snapshot.value?.note === "string" ? snapshot.value.note : "";
+			const note = snapshot.value?.note;
+			return typeof note === "string" ? note : "";
+		}
+		function connectedMap(snapshot) {
+			const map = /* @__PURE__ */ new Map();
+			const raw = snapshot.value?.connected;
+			if (!Array.isArray(raw)) return map;
+			for (const entry of raw) if (isConnectedEntry(entry)) map.set(entry.serverName, entry);
+			return map;
+		}
+		function failureMap(snapshot) {
+			const map = /* @__PURE__ */ new Map();
+			const raw = snapshot.value?.connectFailures;
+			if (!Array.isArray(raw)) return map;
+			for (const entry of raw) {
+				if (!entry || typeof entry !== "object") continue;
+				const name = entry.serverName;
+				const message = entry.message;
+				if (typeof name === "string" && name && typeof message === "string") map.set(name, message);
+			}
+			return map;
+		}
+		function parkedSet(snapshot) {
+			const raw = snapshot.value?.parked;
+			return new Set(Array.isArray(raw) ? raw.filter((x) => typeof x === "string") : []);
+		}
+		function resolveRowStatus(serverName, snapshot) {
+			const live = connectedMap(snapshot).get(serverName);
+			if (live) return {
+				status: live.status ?? "connected",
+				toolCount: live.toolCount
+			};
+			const failure = failureMap(snapshot).get(serverName);
+			if (failure !== void 0) return {
+				status: "failed",
+				toolCount: 0,
+				failureMessage: failure
+			};
+			if (!allowOf(snapshot) || parkedSet(snapshot).has(serverName)) return {
+				status: "parked",
+				toolCount: 0
+			};
+			return {
+				status: "idle",
+				toolCount: 0
+			};
+		}
+		function enrichRowStatus(row, snapshot) {
+			const resolved = resolveRowStatus(row.serverName, snapshot);
+			return {
+				...row,
+				...resolved
+			};
 		}
 		function isConnectedEntry(value) {
-			return value !== null && typeof value === "object" && typeof value.serverName === "string";
+			if (!value || typeof value !== "object") return false;
+			const row = value;
+			return typeof row.id === "string" && typeof row.serverName === "string" && typeof row.kind === "string" && typeof row.toolCount === "number";
 		}
-		function normalizeStoredRow(row) {
-			const url = typeof row.url === "string" ? row.url.trim() : "";
-			const command = typeof row.command === "string" ? row.command.trim() : "";
+		function normalizeStoredRow(raw) {
+			const serverName = typeof raw.serverName === "string" ? raw.serverName.trim() : "";
+			const url = typeof raw.url === "string" ? raw.url.trim() : "";
+			const command = typeof raw.command === "string" ? raw.command.trim() : "";
+			const cwd = typeof raw.cwd === "string" ? raw.cwd.trim() : "";
+			const args = Array.isArray(raw.args) ? raw.args.filter((part) => typeof part === "string") : void 0;
 			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() } : {}
+				serverName,
+				...url ? { url } : {},
+				...command ? { command } : {},
+				...args && args.length > 0 ? { args } : {},
+				...cwd ? { cwd } : {}
 			};
 		}
-		function rowToUi(row) {
-			const url = typeof row.url === "string" ? row.url : "";
+		function rowToUi(draft, snapshot) {
+			const transport = draft.url ? "http" : "stdio";
+			const resolved = resolveRowStatus(draft.serverName, snapshot);
 			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 : ""
+				serverName: draft.serverName,
+				transport,
+				command: draft.command ?? "",
+				url: draft.url ?? "",
+				args: (draft.args ?? []).join(", "),
+				cwd: draft.cwd ?? "",
+				...resolved
 			};
 		}
 		function rowFromUi(row) {
@@ -1144,7 +1455,7 @@ window.__ModuleLoader__.load({
 				serverName,
 				url: row.url.trim()
 			};
-			const args = row.args.split(",").map((part) => part.trim()).filter((part) => part.length > 0);
+			const args = row.args.split(",").map((part) => part.trim()).filter(Boolean);
 			const cwd = row.cwd.trim();
 			return {
 				serverName,
@@ -1153,34 +1464,17 @@ window.__ModuleLoader__.load({
 				...cwd ? { cwd } : {}
 			};
 		}
-		/** Upsert imported rows by `serverName` (later paste wins). */
+		function validateRow(row) {
+			if (!row.serverName.trim()) return "name";
+			if (row.transport === "http") return row.url.trim() ? void 0 : "url";
+			return row.command.trim() ? void 0 : "command";
+		}
 		function mergeRowsByName(existing, imported) {
 			const byName = new Map(existing.map((row) => [row.serverName, row]));
 			for (const row of imported) byName.set(row.serverName, row);
-			const order = [];
-			for (const row of existing) if (!order.includes(row.serverName)) order.push(row.serverName);
-			for (const row of imported) if (!order.includes(row.serverName)) order.push(row.serverName);
-			return order.map((name) => byName.get(name)).filter(Boolean);
-		}
-		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 : ""
-			};
+			return [...byName.values()];
 		}
-		/**
-		* Cursor / Trae / Claude Desktop paste: `{ "mcpServers": { "name": { "command", "args" } } }`.
-		* Also accepts a bare name map or a Face array of `{ serverName, command }`.
-		*/
+		/** Parse Cursor/Trae `{ mcpServers: { name: { command|url, args? } } }` into rows. */
 		function rowsFromMcpPaste(raw) {
 			let parsed;
 			try {
@@ -1188,32 +1482,169 @@ window.__ModuleLoader__.load({
 			} 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 [];
+			if (!parsed || typeof parsed !== "object" || Array.isArray(parsed)) 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);
+			const block = root.mcpServers ?? root.servers;
+			if (!block || typeof block !== "object" || Array.isArray(block)) return [];
+			const rows = [];
+			for (const [name, value] of Object.entries(block)) {
+				const serverName = name.trim();
+				if (!serverName || !value || typeof value !== "object" || Array.isArray(value)) continue;
+				const entry = value;
+				const url = typeof entry.url === "string" ? entry.url.trim() : "";
+				const command = typeof entry.command === "string" ? entry.command.trim() : "";
+				const cwd = typeof entry.cwd === "string" ? entry.cwd.trim() : "";
+				const argsList = Array.isArray(entry.args) ? entry.args.filter((part) => typeof part === "string") : [];
+				if (url) {
+					rows.push({
+						serverName,
+						transport: "http",
+						command: "",
+						url,
+						args: "",
+						cwd: "",
+						status: "idle",
+						toolCount: 0
+					});
+					continue;
+				}
+				if (!command) continue;
+				rows.push({
+					serverName,
+					transport: "stdio",
+					command,
+					url: "",
+					args: argsList.join(", "),
+					cwd,
+					status: "idle",
+					toolCount: 0
+				});
 			}
-			return out;
+			return rows;
 		}
-		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/web-search-card-controller.ts
+		/** Namespace Host serves for web_search provider preference. */
+		const WEB_SEARCH_NS = "web-search";
+		/** Credential refs Face emits on `credentials/updated` (envVar of the slot). */
+		const WEB_SEARCH_TAVILY_REF = "XRK_TAVILY_API_KEY";
+		const WEB_SEARCH_BRAVE_REF = "XRK_BRAVE_SEARCH_API_KEY";
+		const TAVILY_FIELD = "tavilyApiKey";
+		const BRAVE_FIELD = "braveApiKey";
+		const PROVIDERS = [
+			"auto",
+			"tavily",
+			"brave",
+			"parallel-free",
+			"duckduckgo"
+		];
+		function providerField() {
+			return {
+				field: "provider",
+				format: (value) => typeof value === "string" && value ? value : "auto",
+				parse: (text) => {
+					const trimmed = text.trim() || "auto";
+					if (!PROVIDERS.includes(trimmed)) return void 0;
+					return {
+						kind: "set",
+						value: trimmed
+					};
+				}
+			};
 		}
+		/** Bridges the `web-search` scope and Tavily/Brave credentials onto the card. */
+		var WebSearchCardController = class {
+			api;
+			form;
+			store;
+			tavily = {
+				configured: false,
+				writable: true
+			};
+			brave = {
+				configured: false,
+				writable: true
+			};
+			/**
+			* @param scope - the bound settings scope for the `web-search` namespace.
+			* @param api - wire face for Credentials (keys never ride settings).
+			*/
+			constructor(scope, api) {
+				this.api = api;
+				this.form = new CardForm(scope, [providerField(), textField("region")], [{
+					field: TAVILY_FIELD,
+					write: (text) => this.writeKey(WEB_SEARCH_TAVILY_REF, text)
+				}, {
+					field: BRAVE_FIELD,
+					write: (text) => this.writeKey(WEB_SEARCH_BRAVE_REF, text)
+				}]);
+				this.store = this.form.bind(() => this.projection());
+				this.readCredentials();
+			}
+			projection() {
+				return {
+					...this.form.shell(),
+					provider: this.form.field("provider"),
+					region: this.form.field("region"),
+					tavilyApiKey: this.form.field(TAVILY_FIELD),
+					braveApiKey: this.form.field(BRAVE_FIELD),
+					tavilyConfigured: this.tavily.configured,
+					tavilyWritable: this.tavily.writable,
+					braveConfigured: this.brave.configured,
+					braveWritable: this.brave.writable
+				};
+			}
+			/** Ask the credentials domain about Tavily + Brave slots. */
+			async readCredentials() {
+				let response;
+				try {
+					response = await this.api.credentials.describe({ refs: [WEB_SEARCH_TAVILY_REF, WEB_SEARCH_BRAVE_REF] });
+				} catch {
+					return;
+				}
+				if (!response.result.ok) return;
+				const map = response.result.value.credentials;
+				const nextTavily = {
+					configured: map["XRK_TAVILY_API_KEY"]?.configured ?? false,
+					writable: map["XRK_TAVILY_API_KEY"]?.writable ?? true
+				};
+				const nextBrave = {
+					configured: map["XRK_BRAVE_SEARCH_API_KEY"]?.configured ?? false,
+					writable: map["XRK_BRAVE_SEARCH_API_KEY"]?.writable ?? true
+				};
+				if (nextTavily.configured === this.tavily.configured && nextTavily.writable === this.tavily.writable && nextBrave.configured === this.brave.configured && nextBrave.writable === this.brave.writable) return;
+				this.tavily = nextTavily;
+				this.brave = nextBrave;
+				this.store.set(this.projection());
+			}
+			/**
+			* Re-read when Host reports a watched credential changed (e.g. Credentials page).
+			* @param ref - envVar / slot ref from `credentials/updated`.
+			*/
+			refreshCredential(ref) {
+				if (ref !== "XRK_TAVILY_API_KEY" && ref !== "XRK_BRAVE_SEARCH_API_KEY") return;
+				this.readCredentials();
+			}
+			/** @returns the card's snapshot and its form actions. */
+			inject() {
+				return {
+					hooks: { webSearchCard: this.store },
+					...this.form.actions()
+				};
+			}
+			async writeKey(ref, value) {
+				try {
+					await this.api.credentials.set({
+						ref,
+						value
+					});
+				} catch {}
+				await this.readCredentials();
+				if (ref === "XRK_TAVILY_API_KEY") return this.tavily.configured;
+				if (ref === "XRK_BRAVE_SEARCH_API_KEY") return this.brave.configured;
+				return false;
+			}
+		};
 		//#endregion
 		//#region src/client/tab-store.ts
 		/** Reads the served namespaces and pairs them with the cards that claim them. */
@@ -1319,7 +1750,7 @@ window.__ModuleLoader__.load({
 			agentLoopMaxParallel: "Parallel tool calls",
 			agentLoopMaxParallelHint: "Upper bound on parallel-safe calls running at once within one step.",
 			mcpTitle: "MCP servers",
-			mcpDescription: "Paste Cursor / Trae style JSON blocks one at a time. Each paste merges servers by name; save remounts when Host uses the settings file.",
+			mcpDescription: "Paste Cursor / Trae style JSON, then save — servers mount on save (no separate env step).",
 			mcpConnectedHeading: "Connected now",
 			mcpServersHeading: "Servers",
 			mcpServersEmpty: "No servers yet. Paste a JSON block below and add.",
@@ -1346,9 +1777,31 @@ window.__ModuleLoader__.load({
 			mcpCwdHint: "Optional. Leave blank to use the Host default.",
 			mcpRowInvalid: "Each server needs a name and a command or URL.",
 			mcpToolsLabel: "tools",
+			mcpAllowConnect: "Allow connect",
+			mcpAllowConnectHint: "Saving a non-empty list connects automatically. Turn off and save to keep the list without mounting tools.",
 			mcpStatusConnected: "Connected",
 			mcpStatusReconnecting: "Reconnecting",
-			mcpStatusGaveUp: "Gave up"
+			mcpStatusGaveUp: "Gave up",
+			mcpStatusParked: "Parked",
+			mcpStatusFailed: "Failed",
+			mcpStatusIdle: "Not connected",
+			webSearchTitle: "Web search",
+			webSearchDescription: "Provider and keys for the web_search tool. Keys save through Credentials, not settings.yaml.",
+			webSearchProvider: "Provider",
+			webSearchProviderHint: "Auto picks Tavily or Brave when a key is set, otherwise parallel-free → DuckDuckGo.",
+			webSearchProviderAuto: "Auto",
+			webSearchProviderTavily: "Tavily",
+			webSearchProviderBrave: "Brave",
+			webSearchProviderParallel: "Parallel free",
+			webSearchProviderDuckduckgo: "DuckDuckGo",
+			webSearchRegion: "DuckDuckGo region",
+			webSearchRegionHint: "Optional kl region (for example us-en). Used when DuckDuckGo runs.",
+			webSearchTavilyKey: "Tavily API key",
+			webSearchTavilyKeyHint: "Required when provider is Tavily (or Auto with this key set). Leave blank to keep the stored key.",
+			webSearchBraveKey: "Brave Search API key",
+			webSearchBraveKeyHint: "Required when provider is Brave (or Auto with this key set). Leave blank to keep the stored key.",
+			webSearchKeySet: "Configured",
+			webSearchKeyUnset: "Not set"
 		};
 		/** Simplified Chinese copy. */
 		const zh = {
@@ -1380,7 +1833,7 @@ window.__ModuleLoader__.load({
 			agentLoopMaxParallel: "并行工具调用数",
 			agentLoopMaxParallelHint: "同一步内最多同时运行多少个可并行的调用。",
 			mcpTitle: "MCP 服务器",
-			mcpDescription: "像 Trae / Cursor 一样每次粘贴一段 mcpServers JSON；按名称合并进列表，保存后热挂载。",
+			mcpDescription: "粘贴 Trae / Cursor 风格 mcpServers JSON，保存后会挂载（不必再先开环境变量）。",
 			mcpConnectedHeading: "当前已连接",
 			mcpServersHeading: "服务器",
 			mcpServersEmpty: "还没有服务器。在下方粘贴 JSON 块后点添加。",
@@ -1407,9 +1860,31 @@ window.__ModuleLoader__.load({
 			mcpCwdHint: "可选。留空使用 Host 默认。",
 			mcpRowInvalid: "每条服务器需要名称，以及命令或 URL。",
 			mcpToolsLabel: "个工具",
+			mcpAllowConnect: "允许连接",
+			mcpAllowConnectHint: "列表非空时保存会自动连接。关掉此项再保存可只保留列表、不挂载工具。",
 			mcpStatusConnected: "已连接",
 			mcpStatusReconnecting: "重连中",
-			mcpStatusGaveUp: "已放弃"
+			mcpStatusGaveUp: "已放弃",
+			mcpStatusParked: "已停放",
+			mcpStatusFailed: "失败",
+			mcpStatusIdle: "未连接",
+			webSearchTitle: "网页搜索",
+			webSearchDescription: "web_search 工具的提供方与密钥。密钥经「凭据」落盘，不写入 settings.yaml。",
+			webSearchProvider: "提供方",
+			webSearchProviderHint: "自动：有密钥用 Tavily/Brave，否则 parallel-free → DuckDuckGo。",
+			webSearchProviderAuto: "自动",
+			webSearchProviderTavily: "Tavily",
+			webSearchProviderBrave: "Brave",
+			webSearchProviderParallel: "Parallel 免费",
+			webSearchProviderDuckduckgo: "DuckDuckGo",
+			webSearchRegion: "DuckDuckGo 区域",
+			webSearchRegionHint: "可选 kl 区域（如 us-en），仅 DuckDuckGo 时生效。",
+			webSearchTavilyKey: "Tavily API 密钥",
+			webSearchTavilyKeyHint: "提供方为 Tavily（或自动且已配置此密钥）时需要。留空表示保留已存密钥。",
+			webSearchBraveKey: "Brave Search API 密钥",
+			webSearchBraveKeyHint: "提供方为 Brave（或自动且已配置此密钥）时需要。留空表示保留已存密钥。",
+			webSearchKeySet: "已配置",
+			webSearchKeyUnset: "未设置"
 		};
 		//#endregion
 		//#region src/client/index.ts
@@ -1437,6 +1912,7 @@ window.__ModuleLoader__.load({
 			const bash = new BashCardController(ctx.settingsScope.bind({ namespace: SHELL_NS }));
 			const agentLoop = new AgentLoopCardController(ctx.settingsScope.bind({ namespace: AGENT_LOOP_NS }));
 			const mcp = new McpCardController(ctx.settingsScope.bind({ namespace: "mcp" }));
+			const webSearch = new WebSearchCardController(ctx.settingsScope.bind({ namespace: WEB_SEARCH_NS }), api);
 			const configurable = new ConfigurablePluginsTabController(api, () => ctx.slots.entries("settings.plugin.item"));
 			ctx.effect(() => () => {
 				configurable.dispose();
@@ -1447,6 +1923,9 @@ window.__ModuleLoader__.load({
 			ctx.effect(() => ctx.on("connection/reset", () => {
 				configurable.load();
 			}), "ui-settings-plugins: served-namespace reconnect");
+			ctx.effect(() => ctx.remote.$on("credentials/updated", (ref) => {
+				if (ref === "XRK_TAVILY_API_KEY" || ref === "XRK_BRAVE_SEARCH_API_KEY") webSearch.refreshCredential(ref);
+			}), "ui-settings-plugins: web-search credential invalidations");
 			ctx.effect(() => ctx.slots.subscribe("settings.plugin.item", () => {
 				configurable.refresh();
 			}), "ui-settings-plugins: card ledger");
@@ -1510,6 +1989,12 @@ window.__ModuleLoader__.load({
 					locale: NS,
 					inject: () => mcp.inject()
 				}, McpCard);
+				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: SHELL_NS,
@@ -1525,6 +2010,9 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
+		exports.WEB_SEARCH_BRAVE_REF = WEB_SEARCH_BRAVE_REF;
+		exports.WEB_SEARCH_NS = WEB_SEARCH_NS;
+		exports.WEB_SEARCH_TAVILY_REF = WEB_SEARCH_TAVILY_REF;
 		exports.apply = apply;
 		exports.inject = inject;
 		return module.exports;