@linxin666/dsh-client-ui-community-plugins 0.2.0 → 0.2.2

package/lib/client.js

@@ -5,10 +5,11 @@ window.__ModuleLoader__.load({
 		var exports = module.exports;
 		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 		let react = require("react");
+		let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
 		let react_jsx_runtime = require("react/jsx-runtime");
 		let _deepseek_ai_dsh_client_runtime_client = require("@deepseek-ai/dsh-client-runtime/client");
 		//#region \0dsh-css:packages/dsh-community-plugins/src/client/settings-card.module.css.mjs
-		const css$1 = ".hX6Abq_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}.hX6Abq_card:hover{border-color:var(--dsw-alias-label-dimmed)}.hX6Abq_cardOpen{background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-label-dimmed)}.hX6Abq_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}.hX6Abq_header:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}.hX6Abq_headerStatic{border-radius:12px;align-items:center;gap:12px;width:100%;padding:14px 16px;display:flex}.hX6Abq_headText{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.hX6Abq_name{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:1.4}.hX6Abq_description{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:1.5}.hX6Abq_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}.hX6Abq_chevron{color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s}.hX6Abq_chevronOpen{transform:rotate(180deg)}.hX6Abq_body{border-top:1px solid var(--dsw-alias-border-l2);margin:0 16px;padding-bottom:8px}.hX6Abq_readOnly{color:var(--dsw-alias-label-tertiary);margin:12px 0 0;font-size:12px;line-height:1.5}.hX6Abq_notExposed{color:var(--dsw-alias-state-warn-primary);margin:12px 0 0;font-size:12px;line-height:1.5}.hX6Abq_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}.hX6Abq_failed{min-width:0;color:var(--dsw-alias-label-error);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:12px;line-height:1.5;overflow:hidden}.hX6Abq_discard,.hX6Abq_save{appearance:none;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:5px 14px;font-size:13px;line-height:1.5}.hX6Abq_discard{border-color:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);background:0 0}.hX6Abq_discard:hover:not(:disabled){color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-dimmed)}.hX6Abq_save{background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-3)}.hX6Abq_discard:disabled,.hX6Abq_save:disabled{opacity:.4;cursor:default}.hX6Abq_discard:focus-visible,.hX6Abq_save:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}.hX6Abq_field{flex-direction:column;gap:6px;padding:12px 0;display:flex}.hX6Abq_field+.hX6Abq_field{border-top:1px solid var(--dsw-alias-border-l2)}.hX6Abq_head{align-items:center;gap:8px;display:flex}.hX6Abq_label{min-width:0;color:var(--dsw-alias-label-primary);flex:1;font-size:13px;font-weight:500;line-height:1.5}.hX6Abq_badges{align-items:center;gap:8px;display:inline-flex}.hX6Abq_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}.hX6Abq_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}.hX6Abq_reset:hover:not(:disabled){color:var(--dsw-alias-label-primary)}.hX6Abq_reset:disabled{cursor:default}.hX6Abq_reset:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:2px;outline:2px solid var(--dsw-alias-brand-primary);outline-offset:2px}.hX6Abq_input,.hX6Abq_select{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);height:34px;font:inherit;color:var(--dsw-alias-label-primary);border-radius:8px;padding:0 12px;font-size:13px;line-height:1.5}.hX6Abq_input:focus-visible,.hX6Abq_select:focus-visible{border-color:var(--dsw-alias-brand-primary);outline:none}.hX6Abq_input:disabled,.hX6Abq_select:disabled{color:var(--dsw-alias-label-tertiary);cursor:default}.hX6Abq_inputInvalid{border:1px solid var(--dsw-alias-label-error);background:var(--dsw-alias-bg-layer-3);height:34px;font:inherit;color:var(--dsw-alias-label-primary);border-radius:8px;padding:0 12px;font-size:13px;line-height:1.5}.hX6Abq_inputInvalid:focus-visible{outline:2px solid var(--dsw-alias-label-error);outline-offset:1px;border-color:var(--dsw-alias-label-error)}.hX6Abq_invalid{color:var(--dsw-alias-label-error);margin:0;font-size:12px;line-height:1.5}.hX6Abq_hint{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px;line-height:1.5}@media (prefers-reduced-motion:reduce){.hX6Abq_card,.hX6Abq_header,.hX6Abq_chevron,.hX6Abq_chevronOpen,.hX6Abq_discard,.hX6Abq_save{transition:none}}";
+		const css$1 = ".hX6Abq_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}.hX6Abq_card:hover{border-color:var(--dsw-alias-label-dimmed)}.hX6Abq_cardOpen{background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-label-dimmed)}.hX6Abq_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}.hX6Abq_header:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}.hX6Abq_headerStatic{border-radius:12px;align-items:center;gap:12px;width:100%;padding:14px 16px;display:flex}.hX6Abq_headText{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.hX6Abq_name{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:1.4}.hX6Abq_description{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:1.5}.hX6Abq_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}.hX6Abq_chevron{color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s}.hX6Abq_chevronOpen{transform:rotate(180deg)}.hX6Abq_body{border-top:1px solid var(--dsw-alias-border-l2);margin:0 16px;padding-bottom:8px}.hX6Abq_readOnly{color:var(--dsw-alias-label-tertiary);margin:12px 0 0;font-size:12px;line-height:1.5}.hX6Abq_notExposed{color:var(--dsw-alias-state-warn-primary);margin:12px 0 0;font-size:12px;line-height:1.5}.hX6Abq_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}.hX6Abq_failed{min-width:0;color:var(--dsw-alias-label-error);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:12px;line-height:1.5;overflow:hidden}.hX6Abq_discard,.hX6Abq_save{appearance:none;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:5px 14px;font-size:13px;line-height:1.5}.hX6Abq_discard{border-color:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);background:0 0}.hX6Abq_discard:hover:not(:disabled){color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-dimmed)}.hX6Abq_save{background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-3)}.hX6Abq_discard:disabled,.hX6Abq_save:disabled{opacity:.4;cursor:default}.hX6Abq_discard:focus-visible,.hX6Abq_save:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}.hX6Abq_field{flex-direction:column;gap:6px;padding:12px 0;display:flex}.hX6Abq_field+.hX6Abq_field{border-top:1px solid var(--dsw-alias-border-l2)}.hX6Abq_head{align-items:center;gap:8px;display:flex}.hX6Abq_label{min-width:0;color:var(--dsw-alias-label-primary);flex:1;font-size:13px;font-weight:500;line-height:1.5}.hX6Abq_badges{align-items:center;gap:8px;display:inline-flex}.hX6Abq_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}.hX6Abq_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}.hX6Abq_reset:hover:not(:disabled){color:var(--dsw-alias-label-primary)}.hX6Abq_reset:disabled{cursor:default}.hX6Abq_reset:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:2px;outline:2px solid var(--dsw-alias-brand-primary);outline-offset:2px}.hX6Abq_input,.hX6Abq_select{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);height:34px;font:inherit;color:var(--dsw-alias-label-primary);border-radius:8px;padding:0 12px;font-size:13px;line-height:1.5}.hX6Abq_input:focus-visible,.hX6Abq_select:focus-visible{border-color:var(--dsw-alias-brand-primary);outline:none}.hX6Abq_input:disabled,.hX6Abq_select:disabled{color:var(--dsw-alias-label-tertiary);cursor:default}.hX6Abq_inputInvalid{border:1px solid var(--dsw-alias-label-error);background:var(--dsw-alias-bg-layer-3);height:34px;font:inherit;color:var(--dsw-alias-label-primary);border-radius:8px;padding:0 12px;font-size:13px;line-height:1.5}.hX6Abq_inputInvalid:focus-visible{outline:2px solid var(--dsw-alias-label-error);outline-offset:1px;border-color:var(--dsw-alias-label-error)}.hX6Abq_selectWrap{position:relative}.hX6Abq_selectButton{appearance:none;text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.hX6Abq_selectLabel{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.hX6Abq_selectChevron{color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s}.hX6Abq_selectChevronOpen{transform:rotate(180deg)}.hX6Abq_selectPopup{z-index:40;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);max-height:240px;box-shadow:0 8px 24px var(--dsw-alias-bg-mask-2);opacity:0;border-radius:8px;flex-direction:column;padding:4px;transition:opacity .1s,transform .1s;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;transform:translateY(-4px)}.hX6Abq_selectPopupOpen{opacity:1;transform:none}.hX6Abq_selectPopupClose{opacity:0;pointer-events:none;transform:translateY(-4px)}.hX6Abq_selectOption{color:var(--dsw-alias-label-primary);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:6px;padding:6px 10px;font-size:13px;line-height:1.5;overflow:hidden}.hX6Abq_selectOption:hover,.hX6Abq_selectOptionActive{background:var(--dsw-alias-interactive-bg-hover)}.hX6Abq_selectOptionSelected{color:var(--dsw-alias-brand-primary);background:color-mix(in srgb, var(--dsw-alias-brand-primary-new-colorprimary-new-color) 10%, transparent);font-weight:500}.hX6Abq_invalid{color:var(--dsw-alias-label-error);margin:0;font-size:12px;line-height:1.5}.hX6Abq_hint{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px;line-height:1.5}@media (prefers-reduced-motion:reduce){.hX6Abq_card,.hX6Abq_header,.hX6Abq_chevron,.hX6Abq_chevronOpen,.hX6Abq_discard,.hX6Abq_save,.hX6Abq_selectChevron,.hX6Abq_selectChevronOpen,.hX6Abq_selectPopup{transition:none}}";
 		const tagId$1 = "@linxin666/dsh-client-ui-community-plugins/settings-card.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$1) + "]") === null) {
 			const tag = document.createElement("style");
@@ -45,7 +46,18 @@ window.__ModuleLoader__.load({
 			"readOnly": "hX6Abq_readOnly",
 			"reset": "hX6Abq_reset",
 			"save": "hX6Abq_save",
-			"select": "hX6Abq_select"
+			"select": "hX6Abq_select",
+			"selectButton": "hX6Abq_selectButton",
+			"selectChevron": "hX6Abq_selectChevron",
+			"selectChevronOpen": "hX6Abq_selectChevronOpen",
+			"selectLabel": "hX6Abq_selectLabel",
+			"selectOption": "hX6Abq_selectOption",
+			"selectOptionActive": "hX6Abq_selectOptionActive",
+			"selectOptionSelected": "hX6Abq_selectOptionSelected",
+			"selectPopup": "hX6Abq_selectPopup",
+			"selectPopupClose": "hX6Abq_selectPopupClose",
+			"selectPopupOpen": "hX6Abq_selectPopupOpen",
+			"selectWrap": "hX6Abq_selectWrap"
 		};
 		//#endregion
 		//#region src/client/PluginSettingsCard.tsx
@@ -179,6 +191,175 @@ window.__ModuleLoader__.load({
 				}) : null]
 			});
 		}
+		const NON_SKIN_BODY_MARKERS = /* @__PURE__ */ new Set(["dshSkinCenter", "dshSidebarCollapsed"]);
+		function isSkinActive() {
+			return Object.keys(document.body.dataset).some((key) => key.startsWith("dsh") && !NON_SKIN_BODY_MARKERS.has(key));
+		}
+		const SELECT_CLOSE_MS = 100;
+		/**
+		* The shared dual-mode select control. While an appearance skin is active it
+		* renders the legacy native `<select>` untouched, so element-level skin
+		* selectors keep working; under the default appearance it renders a
+		* self-drawn `role="listbox"` popup whose open/close is transition-animated.
+		* Staged cards reach it through BooleanField/ChoiceField; immediate-apply
+		* editors (the side-card prefs) bind it directly through onEdit.
+		* 双模式下拉框：皮肤激活时用原生 select，默认外观用自绘动画弹层。
+		*/
+		function SelectField(props) {
+			const { id, options, value } = props;
+			const [open, setOpen] = (0, react.useState)(false);
+			const [closing, setClosing] = (0, react.useState)(false);
+			const [phase, setPhase] = (0, react.useState)("initial");
+			const [activeIndex, setActiveIndex] = (0, react.useState)(0);
+			const closeTimer = (0, react.useRef)(void 0);
+			const wrapRef = (0, react.useRef)(null);
+			const popupRef = (0, react.useRef)(null);
+			const currentIndex = () => {
+				const index = options.findIndex((option) => option.value === value);
+				return index >= 0 ? index : 0;
+			};
+			const close = (0, react.useCallback)(() => {
+				if (closeTimer.current !== void 0) clearTimeout(closeTimer.current);
+				setClosing(true);
+				closeTimer.current = setTimeout(() => {
+					setClosing(false);
+					setOpen(false);
+				}, SELECT_CLOSE_MS);
+			}, []);
+			const openPopup = () => {
+				if (closeTimer.current !== void 0) clearTimeout(closeTimer.current);
+				setActiveIndex(currentIndex());
+				setPhase("initial");
+				setClosing(false);
+				setOpen(true);
+			};
+			const commit = (index) => {
+				const option = options[index];
+				if (option) props.onEdit(option.value);
+				close();
+			};
+			const onTriggerClick = () => {
+				if (props.disabled) return;
+				if (open && !closing) close();
+				else openPopup();
+			};
+			const onKeyDown = (event) => {
+				if (props.disabled) return;
+				const count = options.length;
+				switch (event.key) {
+					case "ArrowDown":
+					case "ArrowUp":
+					case "Enter":
+					case " ":
+						event.preventDefault();
+						if (!open) openPopup();
+						else if (!closing) if (event.key === "ArrowDown") setActiveIndex((index) => (index + 1) % count);
+						else if (event.key === "ArrowUp") setActiveIndex((index) => (index - 1 + count) % count);
+						else commit(activeIndex);
+						break;
+					case "Escape":
+						if (open) {
+							event.preventDefault();
+							event.stopPropagation();
+							close();
+						}
+						break;
+					case "Tab":
+						if (open) close();
+						break;
+				}
+			};
+			(0, react.useEffect)(() => () => {
+				if (closeTimer.current !== void 0) clearTimeout(closeTimer.current);
+			}, []);
+			(0, react.useLayoutEffect)(() => {
+				if (open && !closing && phase === "initial") {
+					popupRef.current?.offsetHeight;
+					setPhase("open");
+				}
+			}, [
+				open,
+				closing,
+				phase
+			]);
+			(0, react.useEffect)(() => {
+				if (!open) return;
+				const onPointerDown = (event) => {
+					const target = event.target;
+					if (target instanceof Node && !wrapRef.current?.contains(target)) close();
+				};
+				document.addEventListener("pointerdown", onPointerDown);
+				return () => document.removeEventListener("pointerdown", onPointerDown);
+			}, [open, close]);
+			(0, react.useEffect)(() => {
+				if (props.disabled && open) close();
+			}, [
+				props.disabled,
+				open,
+				close
+			]);
+			if (isSkinActive()) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
+				id,
+				className: settings_card_module_css_default.select,
+				value,
+				disabled: props.disabled,
+				onChange: (event) => {
+					props.onEdit(event.target.value);
+				},
+				children: options.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+					value: option.value,
+					children: option.label
+				}, option.value))
+			});
+			const label = options.find((option) => option.value === value)?.label ?? "";
+			const popupClass = closing ? `${settings_card_module_css_default.selectPopup} ${settings_card_module_css_default.selectPopupClose}` : phase === "open" ? `${settings_card_module_css_default.selectPopup} ${settings_card_module_css_default.selectPopupOpen}` : settings_card_module_css_default.selectPopup;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: settings_card_module_css_default.selectWrap,
+				ref: wrapRef,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+					type: "button",
+					id,
+					className: `${settings_card_module_css_default.select} ${settings_card_module_css_default.selectButton}`,
+					disabled: props.disabled,
+					"aria-haspopup": "listbox",
+					"aria-expanded": open,
+					"aria-activedescendant": open ? `${id}-o${activeIndex}` : void 0,
+					"aria-invalid": props.invalid || void 0,
+					onClick: onTriggerClick,
+					onKeyDown,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: settings_card_module_css_default.selectLabel,
+						children: label
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+						width: "14",
+						height: "14",
+						viewBox: "0 0 14 14",
+						fill: "none",
+						xmlns: "http://www.w3.org/2000/svg",
+						className: open ? `${settings_card_module_css_default.selectChevron} ${settings_card_module_css_default.selectChevronOpen}` : settings_card_module_css_default.selectChevron,
+						"aria-hidden": "true",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+							d: "M11.8486 5.5L11.4238 5.92383L8.69727 8.65137C8.44157 8.90706 8.21562 9.13382 8.01172 9.29785C7.79912 9.46883 7.55595 9.61756 7.25 9.66602C7.08435 9.69222 6.91565 9.69222 6.75 9.66602C6.44405 9.61756 6.20088 9.46883 5.98828 9.29785C5.78438 9.13382 5.55843 8.90706 5.30273 8.65137L2.57617 5.92383L2.15137 5.5L3 4.65137L3.42383 5.07617L6.15137 7.80273C6.42595 8.07732 6.59876 8.24849 6.74023 8.3623C6.87291 8.46904 6.92272 8.47813 6.9375 8.48047C6.97895 8.48703 7.02105 8.48703 7.0625 8.48047C7.07728 8.47813 7.12709 8.46904 7.25977 8.3623C7.40124 8.24849 7.57405 8.07732 7.84863 7.80273L10.5762 5.07617L11 4.65137L11.8486 5.5Z",
+							fill: "currentColor"
+						})
+					})]
+				}), open ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: popupClass,
+					role: "listbox",
+					ref: popupRef,
+					children: options.map((option, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						id: `${id}-o${index}`,
+						role: "option",
+						"aria-selected": option.value === value,
+						className: `${settings_card_module_css_default.selectOption}${option.value === value ? ` ${settings_card_module_css_default.selectOptionSelected}` : ""}${index === activeIndex && !closing ? ` ${settings_card_module_css_default.selectOptionActive}` : ""}`,
+						onClick: () => {
+							commit(index);
+						},
+						children: option.label
+					}, option.value))
+				}) : null]
+			});
+		}
 		/** A staged boolean field: 继承 / 开 / 关. */
 		function BooleanField(props) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -204,28 +385,26 @@ window.__ModuleLoader__.load({
 							})]
 						}) : null]
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectField, {
 						id: props.id,
-						className: settings_card_module_css_default.select,
-						value: props.text,
-						disabled: props.disabled,
-						onChange: (event) => {
-							props.onEdit(event.target.value);
-						},
-						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+						options: [
+							{
 								value: "",
-								children: props.inheritLabel
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+								label: props.inheritLabel
+							},
+							{
 								value: "true",
-								children: props.onLabel
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+								label: props.onLabel
+							},
+							{
 								value: "false",
-								children: props.offLabel
-							})
-						]
+								label: props.offLabel
+							}
+						],
+						value: props.text,
+						disabled: props.disabled,
+						invalid: props.invalid,
+						onEdit: props.onEdit
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 						className: settings_card_module_css_default.hint,
@@ -548,7 +727,6 @@ window.__ModuleLoader__.load({
 				"repo": "https://github.com/v833/dsh-chat-summary",
 				"description": "总结当前对话并导出为 Markdown / DOCX / PDF，可选 LLM 智能总结（用户自配 API Key）。",
 				"descriptionEn": "Summarize the current conversation and export it as Markdown / DOCX / PDF, with optional LLM summarization using your own API key.",
-				"npm": "@linxin666/dsh-client-ui-chat-summary",
 				"category": "knowledge"
 			},
 			{
@@ -604,16 +782,6 @@ window.__ModuleLoader__.load({
 				"npm": "dsh-mnemon",
 				"category": "knowledge"
 			},
-			{
-				"id": "dsh-plugin-hub",
-				"name": "插件中心（dsh-plugin-hub）",
-				"nameEn": "Plugin Hub",
-				"author": "Noob-stupid",
-				"repo": "https://github.com/Noob-stupid/dsh-plugin-hub",
-				"description": "插件管理面板：已安装插件一键启用/停用，内置 GitHub dsh-plugin 插件市场（官方/聚合识别、子包浏览、一键安装与本地 AI 兜底修复、删除卸载）。",
-				"descriptionEn": "Plugin management panel: one-click enable/disable, a GitHub dsh-plugin marketplace with official/aggregate detection, subpackage browsing, one-click installs with local-AI fallback repair, and uninstall.",
-				"category": "tools"
-			},
 			{
 				"id": "dsh-genui",
 				"name": "GenUI 生成式 UI",
@@ -675,6 +843,7 @@ window.__ModuleLoader__.load({
 				"repo": "https://github.com/Qinling-Melon-Farmers/dsh-memoir",
 				"description": "项目持久化记忆与会话经验沉淀：memoir_record / memoir_read 工具（BM25 相关度排序检索）、每轮工作自动蒸馏、记忆诊断面板与跨项目全局检索，纯本地零外部依赖。",
 				"descriptionEn": "Project persistent memory and session-lessons distillation: memoir_record / memoir_read tools with BM25-ranked retrieval, per-turn auto-distill, a memory diagnostics panel and cross-project search - fully local, no external dependency.",
+				"npm": "dsh-memoir",
 				"category": "knowledge"
 			},
 			{
@@ -700,14 +869,162 @@ window.__ModuleLoader__.load({
 				"category": "tools"
 			},
 			{
-				"id": "dsh-dream-skin",
-				"name": "dsh-dream-skin",
-				"nameEn": "dsh-dream-skin",
-				"author": "RevolutionLA",
-				"repo": "https://github.com/RevolutionLA/dsh-dream-skin",
-				"description": "DSH Web 一键换肤插件：8 套原创主题、背景壁纸（透明度/模糊/渐变/URL）、每用户强调色、主题包导入导出与分享链接、收藏与随机，纯原生 token 系统。",
-				"descriptionEn": "One-command skinning for DSH Web: 8 original themes, wallpaper (opacity/blur/gradient/URL), per-user accent, shareable theme packs with favorites and surprise-me. Purely native token system.",
+				"id": "dsh-friendly-steps",
+				"name": "过程精简 Friendly Steps",
+				"nameEn": "Friendly Steps",
+				"author": "dongwenxiu83-web",
+				"repo": "https://github.com/dongwenxiu83-web/dsh-friendly-steps",
+				"description": "面向文字工作者的过程精简：纯 CSS 折叠 Think / 工具调用等技术过程行，右下角浮条「已完成 N 步」一键展开收起，失败步骤红色计数反馈；不注入 React 列表、无全量扫描，零侵入。",
+				"descriptionEn": "Writer-friendly process collapse: hides Think / tool-call rows via pure CSS behind a floating 'N steps done' pill with red failure counts and one-click expand/collapse. No foreign nodes in React lists, no full-DOM scans — zero interference.",
+				"category": "ui"
+			},
+			{
+				"id": "dsh-full-remote",
+				"name": "全功能远程访问",
+				"nameEn": "Full Remote Access",
+				"author": "JUANWANG-BUAA",
+				"repo": "https://github.com/JUANWANG-BUAA/dsh-full-remote",
+				"description": "令牌门控反向代理：公网隧道或局域网下，在手机等设备上远程使用 DeepSeek Harness，设置、凭据与文件访问保持可用，支持按设备会话。",
+				"descriptionEn": "Token-gated reverse proxy for remote access: use DeepSeek Harness over public tunnels or LAN from phones and other devices, with settings, credentials and file access kept working and per-device sessions.",
+				"npm": "dsh-full-remote",
+				"category": "integration"
+			},
+			{
+				"id": "dsh-palate",
+				"name": "Palate 品味训练",
+				"nameEn": "Palate Design Taste",
+				"author": "guo6x",
+				"repo": "https://github.com/guo6x/dsh-palate",
+				"description": "会长大的眼：可积累的设计品味语料库（好/坏例子 + 编码原则），喂得越多评审越准；6 个 palate_* 工具（review/add/learn/list/principles/stats）+ 成长面板，node:sqlite + 人可读 Markdown 镜像，零运行时依赖。",
+				"descriptionEn": "An eye that grows: an accumulated design-taste corpus (good/bad examples plus codified principles) that sharpens with every example you feed; six palate_* tools (review/add/learn/list/principles/stats) plus a growth panel, node:sqlite with human-readable Markdown mirrors, zero runtime dependencies.",
+				"category": "knowledge"
+			},
+			{
+				"id": "dsh-archive-manager",
+				"name": "归档管理",
+				"nameEn": "Archive Manager",
+				"author": "z953218350",
+				"repo": "https://github.com/z953218350/dsh-archive-manager",
+				"description": "设置页 Codex 风格会话归档管理：按项目分组、搜索筛选、预览对话内容、一键恢复与彻底物理删除，内置 zstd 解压引擎。",
+				"descriptionEn": "Codex-style archived session manager in settings: group by project, search and filter, preview conversation history, restore to sidebar, and permanently delete from disk; built-in zstd decompression.",
+				"npm": "@mlgbnb/dsh-archive-manager",
+				"category": "utility"
+			},
+			{
+				"id": "dsh-history-tree",
+				"name": "历史树",
+				"nameEn": "History Tree",
+				"author": "z953218350",
+				"repo": "https://github.com/z953218350/dsh-history-tree",
+				"description": "在聊天消息左侧提供 Codex 风格对话轮次时间线点阵与悬浮历史概览卡片，支持鱼眼放大动效与点击直达对应轮次。",
+				"descriptionEn": "Codex-style conversation turn timeline rail and hover overview cards beside chat messages, with fish-eye magnification and click-to-jump navigation.",
+				"npm": "dsh-history-tree",
+				"category": "ui"
+			},
+			{
+				"id": "dsh-gzip",
+				"name": "dsh-gzip",
+				"nameEn": "dsh-gzip",
+				"author": "wingsky-1",
+				"repo": "https://github.com/wingsky-1/dsh-plugin-hub/tree/main/packages/dsh-gzip",
+				"description": "/api 响应 gzip 压缩插件：为远程 / 低带宽链路开启 /api 响应压缩，解决会话历史因大响应无压缩而超时加载失败的问题；SSE / zip / 已编码响应自动豁免，无全局副作用。",
+				"descriptionEn": "API response gzip plugin for DSH Web GUI: enables gzip on /api responses for remote / low-bandwidth links, fixing session-history loads that fail on the timeout of large uncompressed responses; SSE, zip and already-encoded responses are passed through untouched, with no global side effects.",
+				"npm": "@wingsky-1/dsh-gzip"
+			},
+			{
+				"id": "dsh-wsl-bridge",
+				"name": "WSL Windows 桥",
+				"nameEn": "WSL Windows Bridge",
+				"author": "ch1bug",
+				"repo": "https://github.com/ch1bug/dsh-wsl-bridge",
+				"description": "让 WSL 里的 agent 访问 Windows 侧：读写 C:\\ 文件、运行 .exe、Explorer 打开、wslpath 路径互转与盘符枚举（win_ls/read/write/run/open/path/drives）。",
+				"descriptionEn": "Lets a WSL agent reach the Windows host: read/write C:\\ files, run .exe programs, open in Explorer, convert paths via wslpath and list drives (win_ls/read/write/run/open/path/drives).",
+				"category": "integration"
+			},
+			{
+				"id": "dsh-mimo-agent-tools",
+				"name": "MiMo 多模态工具",
+				"nameEn": "MiMo Multimodal Tools",
+				"author": "ch1bug",
+				"repo": "https://github.com/ch1bug/dsh-mimo-agent-tools",
+				"description": "把小米 MiMo API 封装为 agent 工具：联网搜索、图像/音频/视频理解、语音转写、语音合成与音色克隆（mimo_search/vision/audio/video/asr/tts/voiceclone）。",
+				"descriptionEn": "Turns the Xiaomi MiMo API into agent tools: web search, image/audio/video understanding, speech-to-text, text-to-speech and voice cloning (mimo_search/vision/audio/video/asr/tts/voiceclone).",
+				"category": "tools"
+			},
+			{
+				"id": "dsh-skill-fuzzy",
+				"name": "技能模糊搜索",
+				"nameEn": "Skill Fuzzy Search",
+				"author": "ch1bug",
+				"repo": "https://github.com/ch1bug/dsh-skill-fuzzy",
+				"description": "Codex 风格模糊技能搜索：/bug、/diag、/regression 都能在 / 技能菜单里命中 diagnosing-bugs（名称子序列 + 描述连续子串匹配）。",
+				"descriptionEn": "Codex-style fuzzy skill search: /bug, /diag and /regression all find diagnosing-bugs in the / skill menu (name subsequence + description substring matching).",
 				"category": "ui"
+			},
+			{
+				"id": "dsh-secret-redactor",
+				"name": "敏感信息脱敏",
+				"nameEn": "Secret Redactor",
+				"author": "DamonKoy",
+				"repo": "https://github.com/DamonKoy/dsh-plugins/tree/main/packages/dsh-secret-redactor",
+				"description": "自动掩码工具输出中的 API key、token、JWT、私钥与配置密钥。",
+				"descriptionEn": "Auto-masks API keys, tokens, JWTs and private keys in tool results shown to the model."
+			},
+			{
+				"id": "dsh-approve-for-me",
+				"name": "自动审批审核",
+				"nameEn": "Approve for Me",
+				"author": "DamonKoy",
+				"repo": "https://github.com/DamonKoy/dsh-plugins/tree/main/packages/dsh-approve-for-me",
+				"description": "只读工具自动放行、危险命令自动拒绝，可配置全自动模式。",
+				"descriptionEn": "Auto-approves read-only tools, auto-denies dangerous commands, optional full-auto mode."
+			},
+			{
+				"id": "dsh-mcp-client-v2",
+				"name": "MCP 客户端 v2",
+				"nameEn": "MCP Client v2",
+				"author": "DamonKoy",
+				"repo": "https://github.com/DamonKoy/dsh-plugins/tree/main/packages/dsh-mcp-client-v2",
+				"description": "MCP 客户端增强：分页工具发现、非阻塞启动、工具搜索。",
+				"descriptionEn": "Enhanced MCP client: paginated tool discovery, non-blocking startup, tool search."
+			},
+			{
+				"id": "dsh-memories",
+				"name": "项目记忆",
+				"nameEn": "Project Memories",
+				"author": "DamonKoy",
+				"repo": "https://github.com/DamonKoy/dsh-plugins/tree/main/packages/dsh-memories",
+				"description": "按项目作用域持久化的键值记忆，支持增删查列与搜索。",
+				"descriptionEn": "Project-scoped persistent key-value memories with set/get/list/delete/search."
+			},
+			{
+				"id": "dsh-system-proxy",
+				"name": "系统代理",
+				"nameEn": "System Proxy",
+				"author": "DamonKoy",
+				"repo": "https://github.com/DamonKoy/dsh-plugins/tree/main/packages/dsh-system-proxy",
+				"description": "检测系统代理（scutil/环境变量/PAC）并为子进程导出代理环境变量。",
+				"descriptionEn": "Detects system proxy (scutil/env/PAC) and exports proxy env for child processes."
+			},
+			{
+				"id": "dsh-usage-cost",
+				"name": "用量成本提醒",
+				"nameEn": "Usage & Cost",
+				"author": "DamonKoy",
+				"repo": "https://github.com/DamonKoy/dsh-plugins/tree/main/packages/dsh-usage-cost",
+				"description": "统计会话与每日 token 用量和估算成本，超预算提醒。",
+				"descriptionEn": "Tracks token usage and estimated cost per session/day with budget alerts."
+			},
+			{
+				"id": "dsh-notifier",
+				"name": "dsh-notifier",
+				"nameEn": "dsh-notifier",
+				"author": "wingsky-1",
+				"repo": "https://github.com/wingsky-1/dsh-plugin-hub/tree/main/packages/dsh-notifier",
+				"description": "审批/完成/错误事件通知：浏览器 Notification + 系统原生 toast（Windows PowerShell WinRT / Linux·macOS notify-send，零依赖）；提示音可配、错误同类合并、免打扰时段、通知历史与配置面板；非安全上下文自动降级横幅。",
+				"descriptionEn": "Approval / completion / error event notifications: browser Notification API plus native OS toasts (Windows PowerShell WinRT, Linux and macOS notify-send, zero dependencies); configurable sound, error merging, quiet hours, notification history and a settings panel; falls back to in-page banners outside secure contexts.",
+				"npm": "@wingsky-1/dsh-notifier",
+				"category": "utility"
 			}
 		];
 		//#endregion
@@ -742,8 +1059,106 @@ window.__ModuleLoader__.load({
 			return true;
 		}
 		//#endregion
+		//#region src/client/plugin-manager-bridge.ts
+		let snapshot = {
+			face: null,
+			version: 0
+		};
+		const listeners = /* @__PURE__ */ new Set();
+		/** Replace the held face and notify subscribers. */
+		function setFace(face) {
+			snapshot = {
+				face,
+				version: snapshot.version + 1
+			};
+			for (const listener of listeners) listener();
+		}
+		/** Current bridge snapshot (cached reference, safe for useSyncExternalStore). */
+		function getPluginManagerSnapshot() {
+			return snapshot;
+		}
+		/** Subscribe to face changes; returns the unsubscribe function. */
+		function subscribePluginManager(listener) {
+			listeners.add(listener);
+			return () => {
+				listeners.delete(listener);
+			};
+		}
+		/**
+		* Bridge the optional 'pluginManager' service into the module store. Uses
+		* ctx.inject (NOT the plugin's module-level inject array) so the service
+		* stays optional: the inner callback runs when the sibling plugin provides
+		* the face and is disposed when it goes away, which clears the store.
+		* @param ctx - the client root context.
+		*/
+		function bridgePluginManager(ctx) {
+			ctx.inject(["pluginManager"], (inner) => {
+				inner.effect(() => {
+					setFace(inner.pluginManager ?? null);
+					return () => {
+						setFace(null);
+					};
+				}, "community-plugins: pluginManager bridge");
+			});
+		}
+		//#endregion
+		//#region src/client/install-source.ts
+		/**
+		* The spec handed to pluginManager.install(): the npm package name when the
+		* entry is published there, else the repository URL (git install).
+		* @param entry - the community index entry.
+		* @returns the install spec.
+		*/
+		function installSpec(entry) {
+			return entry.npm ?? entry.repo;
+		}
+		/**
+		* Normalize a git remote for comparison: lowercase, drop the transport
+		* prefix ('git+' wrapper, 'https://', 'http://', 'git://', 'ssh://git@', the
+		* scp-style 'git@host:' userinfo, and the pnpm host shorthands 'github:' /
+		* 'gitlab:' / 'bitbucket:' that package.json records for shorthand installs),
+		* then strip trailing slashes and one trailing '.git'
+		* suffix (repeated, so 'x/.git/' and 'x.git' converge). Conservative on
+		* purpose: no path rewriting beyond those steps, so distinct repositories
+		* never collapse onto each other.
+		* @param url - the repository URL as recorded by either side.
+		* @returns the comparison key.
+		*/
+		function normalizeGitUrl(url) {
+			let key = url.trim().toLowerCase();
+			key = key.replace(/^git[+]/, "");
+			key = key.replace(/^(github|gitlab):/, "$1.com/");
+			key = key.replace(/^bitbucket:/, "bitbucket.org/");
+			key = key.replace(/^(?:https?|git):[/][/]/, "");
+			key = key.replace(/^ssh:[/][/]git@/, "");
+			key = key.replace(/^git@([^/:]+):/, "$1/");
+			for (;;) {
+				const next = key.replace(/[/]+$/, "").replace(/[.]git$/, "");
+				if (next === key) return key;
+				key = next;
+			}
+		}
+		/**
+		* Match one community entry against the installed snapshot. npm-published
+		* entries match on the installed row's package identity (id/name): the npm
+		* source spec records the dependency RANGE ('^0.3.2') or an install-time
+		* spec, not necessarily the bare package name, so it is only a fallback.
+		* Repository entries match on the normalized git URL. An entry with an npm
+		* field ONLY matches npm installs — a same-repository git install is a
+		* different source and stays unmatched (the card then offers install, which
+		* the host reconciles).
+		* @param entry - the community index entry.
+		* @param installed - the installed snapshot from the pluginManager service.
+		* @returns the matching installed row, or null.
+		*/
+		function entryInstalled(entry, installed) {
+			if (entry.npm !== void 0) return installed.find((item) => item.source.kind === "npm" && (item.id === entry.npm || item.name === entry.npm || item.source.spec === entry.npm)) ?? null;
+			const key = normalizeGitUrl(entry.repo);
+			return installed.find((item) => item.source.kind === "git" && normalizeGitUrl(item.source.spec) === key) ?? null;
+		}
+		//#endregion
 		//#region \0dsh-css:packages/dsh-community-plugins/src/client/community.module.css.mjs
-		const css = ".z0J_8a_sectionList{margin:0;padding:0;list-style:none}.z0J_8a_market{flex-direction:column;gap:10px;margin-top:12px;display:flex}.z0J_8a_toolbar{display:flex}.z0J_8a_search{min-width:0;font:inherit;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l2);border-radius:6px;flex:1;padding:6px 10px;font-size:13px;line-height:1.5}.z0J_8a_search::placeholder{color:var(--dsw-alias-label-tertiary)}.z0J_8a_search:focus{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}.z0J_8a_search:disabled{opacity:.5}.z0J_8a_filters{flex-wrap:wrap;gap:6px;display:flex}.z0J_8a_pill{font:inherit;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l2);cursor:pointer;border-radius:999px;padding:2px 10px;font-size:12px;line-height:1.6}.z0J_8a_pill:hover:enabled{color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-dimmed)}.z0J_8a_pill:disabled{opacity:.5;cursor:default}.z0J_8a_pillActive{color:var(--dsw-alias-bg-layer-3);background:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-primary);font-weight:600}.z0J_8a_pillActive:hover:enabled{color:var(--dsw-alias-bg-layer-3);border-color:var(--dsw-alias-label-primary)}.z0J_8a_resultCount{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px;line-height:1.4}.z0J_8a_grid{grid-template-columns:repeat(auto-fill,minmax(256px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.z0J_8a_card{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1);border-radius:8px;flex-direction:column;gap:6px;min-width:0;padding:12px;display:flex}.z0J_8a_card:hover{border-color:var(--dsw-alias-label-dimmed)}.z0J_8a_cardHead{justify-content:space-between;align-items:baseline;gap:8px;min-width:0;display:flex}.z0J_8a_cardName{color:var(--dsw-alias-label-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.z0J_8a_badge{color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-module-platform);border:1px solid var(--dsw-alias-border-l2);white-space:nowrap;border-radius:999px;flex:none;padding:0 8px;font-size:11px;line-height:1.6}.z0J_8a_badgePublished{color:var(--dsw-alias-link-primary,var(--dsw-alias-button-info-fill));border-color:var(--dsw-alias-link-primary,var(--dsw-alias-button-info-fill))}.z0J_8a_cardMeta{min-width:0;color:var(--dsw-alias-label-tertiary);align-items:center;gap:6px;margin:0;font-size:12px;line-height:1.4;display:flex}.z0J_8a_cardCategory{color:var(--dsw-alias-label-secondary);white-space:nowrap;flex:none}.z0J_8a_cardDot{flex:none}.z0J_8a_cardAuthor{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.z0J_8a_cardDescription{color:var(--dsw-alias-label-secondary);-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.z0J_8a_cardFooter{flex-direction:column;gap:6px;margin-top:auto;padding-top:6px;display:flex}.z0J_8a_cardTop{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.z0J_8a_cardLink{color:var(--dsw-alias-link-primary,var(--dsw-alias-button-info-fill));font-size:13px;text-decoration:none}.z0J_8a_cardLink:hover{text-decoration:underline}.z0J_8a_cardCommand{box-sizing:border-box;width:100%;min-width:0;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);white-space:nowrap;text-overflow:ellipsis;border-radius:4px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;overflow:hidden}.z0J_8a_installButton{font:inherit;color:var(--dsw-alias-bg-layer-3);background:var(--dsw-alias-button-info-fill);border:1px solid var(--dsw-alias-button-info-fill);cursor:pointer;white-space:nowrap;border-radius:6px;flex:none;padding:4px 12px;font-size:12px;font-weight:600;line-height:1.5}.z0J_8a_installButton:hover:enabled{opacity:.88}.z0J_8a_installButton:disabled{opacity:.5;cursor:default}.z0J_8a_installButtonCopied{color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-dimmed);background:0 0}.z0J_8a_installNote{color:var(--dsw-alias-label-tertiary);margin:8px 2px 0;font-size:12px;line-height:1.4}.z0J_8a_empty{color:var(--dsw-alias-label-tertiary);margin:0;padding:8px 2px;font-size:13px}.z0J_8a_off{color:var(--dsw-alias-label-tertiary);margin:8px 2px 0;font-size:13px}.z0J_8a_notice{color:var(--dsw-alias-label-tertiary);margin:10px 2px 0;font-size:12px;line-height:1.4}";
+		const css = ".z0J_8a_sectionList{margin:0;padding:0;list-style:none}.z0J_8a_market{flex-direction:column;gap:10px;margin-top:12px;display:flex}.z0J_8a_toolbar{display:flex}.z0J_8a_search{min-width:0;font:inherit;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l2);border-radius:6px;flex:1;padding:6px 10px;font-size:13px;line-height:1.5}.z0J_8a_search::placeholder{color:var(--dsw-alias-label-tertiary)}.z0J_8a_search:focus{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}.z0J_8a_search:disabled{opacity:.5}.z0J_8a_filters{flex-wrap:wrap;gap:6px;display:flex}.z0J_8a_pill{font:inherit;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l2);cursor:pointer;border-radius:999px;padding:2px 10px;font-size:12px;line-height:1.6}.z0J_8a_pill:hover:enabled{color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-dimmed)}.z0J_8a_pill:disabled{opacity:.5;cursor:default}.z0J_8a_pillActive{color:var(--dsw-alias-bg-layer-3);background:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-primary);font-weight:600}.z0J_8a_pillActive:hover:enabled{color:var(--dsw-alias-bg-layer-3);border-color:var(--dsw-alias-label-primary)}.z0J_8a_resultCount{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px;line-height:1.4}.z0J_8a_grid{grid-template-columns:repeat(auto-fill,minmax(256px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.z0J_8a_card{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1);border-radius:8px;flex-direction:column;gap:6px;min-width:0;padding:12px;display:flex}.z0J_8a_card:hover{border-color:var(--dsw-alias-label-dimmed)}.z0J_8a_cardHead{justify-content:space-between;align-items:baseline;gap:8px;min-width:0;display:flex}.z0J_8a_cardBadges{flex:none;align-items:center;gap:4px;min-width:0;display:flex}.z0J_8a_cardName{color:var(--dsw-alias-label-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.z0J_8a_badge{color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-module-platform);border:1px solid var(--dsw-alias-border-l2);white-space:nowrap;border-radius:999px;flex:none;padding:0 8px;font-size:11px;line-height:1.6}.z0J_8a_badgePublished{color:var(--dsw-alias-link-primary,var(--dsw-alias-button-info-fill));border-color:var(--dsw-alias-link-primary,var(--dsw-alias-button-info-fill))}.z0J_8a_badgeInstalled{color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-dimmed);background:var(--dsw-alias-bg-layer-2)}.z0J_8a_cardMeta{min-width:0;color:var(--dsw-alias-label-tertiary);align-items:center;gap:6px;margin:0;font-size:12px;line-height:1.4;display:flex}.z0J_8a_cardCategory{color:var(--dsw-alias-label-secondary);white-space:nowrap;flex:none}.z0J_8a_cardDot{flex:none}.z0J_8a_cardAuthor{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.z0J_8a_cardDescription{color:var(--dsw-alias-label-secondary);-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.z0J_8a_cardFooter{flex-direction:column;gap:6px;margin-top:auto;padding-top:6px;display:flex}.z0J_8a_cardTop{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.z0J_8a_cardLink{color:var(--dsw-alias-link-primary,var(--dsw-alias-button-info-fill));font-size:13px;text-decoration:none}.z0J_8a_cardLink:hover{text-decoration:underline}.z0J_8a_cardCommand{box-sizing:border-box;width:100%;min-width:0;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);white-space:nowrap;text-overflow:ellipsis;border-radius:4px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;overflow:hidden}.z0J_8a_installButton{font:inherit;color:var(--dsw-alias-bg-layer-3);background:var(--dsw-alias-button-info-fill);border:1px solid var(--dsw-alias-button-info-fill);cursor:pointer;white-space:nowrap;border-radius:6px;flex:none;padding:4px 12px;font-size:12px;font-weight:600;line-height:1.5}.z0J_8a_installButton:hover:enabled{opacity:.88}.z0J_8a_installButton:disabled{opacity:.5;cursor:default}.z0J_8a_installButtonCopied{color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-dimmed);background:0 0}.z0J_8a_installButtonSecondary{color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-border-l2);background:0 0}.z0J_8a_installButtonSecondary:hover:enabled{border-color:var(--dsw-alias-label-dimmed)}.z0J_8a_cardActions{flex:none;align-items:center;gap:6px;display:flex}.z0J_8a_progress{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px;line-height:1.4}.z0J_8a_error{color:var(--dsw-alias-label-error,#c53030);overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.4}.z0J_8a_confirmBody{color:var(--dsw-alias-label-secondary);margin:0;font-size:13px;line-height:1.5}.z0J_8a_modalActions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.z0J_8a_dangerButton{background:var(--dsw-alias-label-error,#c53030);border-color:var(--dsw-alias-label-error,#c53030)}.z0J_8a_installNote{color:var(--dsw-alias-label-tertiary);margin:8px 2px 0;font-size:12px;line-height:1.4}.z0J_8a_empty{color:var(--dsw-alias-label-tertiary);margin:0;padding:8px 2px;font-size:13px}.z0J_8a_off{color:var(--dsw-alias-label-tertiary);margin:8px 2px 0;font-size:13px}.z0J_8a_notice{color:var(--dsw-alias-label-tertiary);margin:10px 2px 0;font-size:12px;line-height:1.4}";
 		const tagId = "@linxin666/dsh-client-ui-community-plugins/community.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
 			const tag = document.createElement("style");
@@ -754,9 +1169,12 @@ window.__ModuleLoader__.load({
 		}
 		var community_module_css_default = {
 			"badge": "z0J_8a_badge",
+			"badgeInstalled": "z0J_8a_badgeInstalled",
 			"badgePublished": "z0J_8a_badgePublished",
 			"card": "z0J_8a_card",
+			"cardActions": "z0J_8a_cardActions",
 			"cardAuthor": "z0J_8a_cardAuthor",
+			"cardBadges": "z0J_8a_cardBadges",
 			"cardCategory": "z0J_8a_cardCategory",
 			"cardCommand": "z0J_8a_cardCommand",
 			"cardDescription": "z0J_8a_cardDescription",
@@ -767,17 +1185,23 @@ window.__ModuleLoader__.load({
 			"cardMeta": "z0J_8a_cardMeta",
 			"cardName": "z0J_8a_cardName",
 			"cardTop": "z0J_8a_cardTop",
+			"confirmBody": "z0J_8a_confirmBody",
+			"dangerButton": "z0J_8a_dangerButton",
 			"empty": "z0J_8a_empty",
+			"error": "z0J_8a_error",
 			"filters": "z0J_8a_filters",
 			"grid": "z0J_8a_grid",
 			"installButton": "z0J_8a_installButton",
 			"installButtonCopied": "z0J_8a_installButtonCopied",
+			"installButtonSecondary": "z0J_8a_installButtonSecondary",
 			"installNote": "z0J_8a_installNote",
 			"market": "z0J_8a_market",
+			"modalActions": "z0J_8a_modalActions",
 			"notice": "z0J_8a_notice",
 			"off": "z0J_8a_off",
 			"pill": "z0J_8a_pill",
 			"pillActive": "z0J_8a_pillActive",
+			"progress": "z0J_8a_progress",
 			"resultCount": "z0J_8a_resultCount",
 			"search": "z0J_8a_search",
 			"sectionList": "z0J_8a_sectionList",
@@ -830,6 +1254,12 @@ window.__ModuleLoader__.load({
 		function installCommand(entry) {
 			return `dsh plugin --profile web add ${entry.npm ?? entry.repo}`;
 		}
+		/** Progress polling cadence while an install is in flight. */
+		const PROGRESS_POLL_MS = 500;
+		/** Extract a displayable reason from an install/uninstall rejection. */
+		function messageOf(reason) {
+			return reason instanceof Error ? reason.message : String(reason);
+		}
 		/**
 		* Localized entry copy read through the card's `t`. Falls back to the raw
 		* entry field when the key is missing — the dictionary only carries the
@@ -862,6 +1292,102 @@ window.__ModuleLoader__.load({
 			const [query, setQuery] = (0, react.useState)("");
 			const [category, setCategory] = (0, react.useState)(null);
 			const [copiedId, setCopiedId] = (0, react.useState)(null);
+			const bridge = (0, react.useSyncExternalStore)(subscribePluginManager, getPluginManagerSnapshot);
+			const face = props.pluginManager !== void 0 ? props.pluginManager : bridge.face;
+			const faceLoopback = face !== null && face.isLoopback;
+			const [installed, setInstalled] = (0, react.useState)(null);
+			const [pending, setPending] = (0, react.useState)(null);
+			const [progress, setProgress] = (0, react.useState)(null);
+			const [errors, setErrors] = (0, react.useState)({});
+			const [uninstallTarget, setUninstallTarget] = (0, react.useState)(null);
+			(0, react.useEffect)(() => {
+				if (face === null || !face.isLoopback) {
+					setInstalled(null);
+					return;
+				}
+				let alive = true;
+				const refresh = () => {
+					face.list().then((list) => {
+						if (alive) setInstalled(list);
+					}, () => {});
+				};
+				refresh();
+				const unsubscribe = face.onChange(refresh);
+				return () => {
+					alive = false;
+					unsubscribe();
+				};
+			}, [face, faceLoopback]);
+			(0, react.useEffect)(() => {
+				if (face === null || pending?.kind !== "install") {
+					setProgress(null);
+					return;
+				}
+				let alive = true;
+				const poll = () => {
+					face.status().then((item) => {
+						if (alive) setProgress(item);
+					}, () => {});
+				};
+				poll();
+				const timer = setInterval(poll, PROGRESS_POLL_MS);
+				return () => {
+					alive = false;
+					clearInterval(timer);
+				};
+			}, [face, pending?.kind === "install"]);
+			const clearError = (id) => {
+				setErrors((previous) => {
+					if (!(id in previous)) return previous;
+					const next = { ...previous };
+					delete next[id];
+					return next;
+				});
+			};
+			const onInstall = (entry) => {
+				if (face === null || !face.isLoopback || pending !== null) return;
+				clearError(entry.id);
+				setPending({
+					kind: "install",
+					id: entry.id
+				});
+				face.install(installSpec(entry)).then(() => {
+					face.list().then(setInstalled, () => {});
+				}, (reason) => {
+					setErrors((previous) => ({
+						...previous,
+						[entry.id]: t("installFailed", { reason: messageOf(reason) })
+					}));
+				}).finally(() => {
+					setPending(null);
+				});
+			};
+			const onUninstallConfirm = () => {
+				const target = uninstallTarget;
+				if (face === null || target === null || pending !== null) return;
+				const item = entryInstalled(target, installed ?? []);
+				clearError(target.id);
+				if (item === null) {
+					setUninstallTarget(null);
+					return;
+				}
+				setPending({
+					kind: "uninstall",
+					id: target.id
+				});
+				face.uninstall(item.id).then((list) => {
+					setInstalled(list);
+					setUninstallTarget(null);
+				}, (reason) => {
+					setErrors((previous) => ({
+						...previous,
+						[target.id]: t("uninstallFailed", { reason: messageOf(reason) })
+					}));
+					setUninstallTarget(null);
+				}).finally(() => {
+					setPending(null);
+				});
+			};
 			const copyCommand = (id, command) => {
 				const mark = () => {
 					setCopiedId(id);
@@ -885,6 +1411,7 @@ window.__ModuleLoader__.load({
 				mark();
 			};
 			const disabled = !state.writable;
+			const mutationsDisabled = disabled || pending !== null;
 			const visible = state.enabled.text !== "false";
 			const fieldProps = {
 				overriddenLabel: t("settings.overridden"),
@@ -1017,6 +1544,10 @@ window.__ModuleLoader__.load({
 									const copied = copiedId === plugin.id;
 									const name = entryCopy(t, `name.${plugin.id}`, plugin.nameEn || plugin.name);
 									const description = entryCopy(t, `desc.${plugin.id}`, plugin.descriptionEn ?? plugin.description ?? "");
+									const installedItem = faceLoopback ? entryInstalled(plugin, installed ?? []) : null;
+									const isInstalling = pending?.kind === "install" && pending.id === plugin.id;
+									const isUninstalling = pending?.kind === "uninstall" && pending.id === plugin.id;
+									const error = errors[plugin.id];
 									return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
 										className: community_module_css_default.card,
 										children: [
@@ -1026,10 +1557,16 @@ window.__ModuleLoader__.load({
 													className: community_module_css_default.cardName,
 													title: name,
 													children: name
-												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-													className: plugin.npm ? `${community_module_css_default.badge} ${community_module_css_default.badgePublished}` : community_module_css_default.badge,
-													title: plugin.npm ?? plugin.repo,
-													children: plugin.npm ? t("badge.published") : t("badge.source")
+												}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+													className: community_module_css_default.cardBadges,
+													children: [installedItem !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: `${community_module_css_default.badge} ${community_module_css_default.badgeInstalled}`,
+														children: t("badge.installed")
+													}) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: plugin.npm ? `${community_module_css_default.badge} ${community_module_css_default.badgePublished}` : community_module_css_default.badge,
+														title: plugin.npm ?? plugin.repo,
+														children: plugin.npm ? t("badge.published") : t("badge.source")
+													})]
 												})]
 											}),
 											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
@@ -1057,28 +1594,64 @@ window.__ModuleLoader__.load({
 											}) : null,
 											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 												className: community_module_css_default.cardFooter,
-												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-													className: community_module_css_default.cardTop,
-													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
-														className: community_module_css_default.cardLink,
-														href: plugin.repo,
-														target: "_blank",
-														rel: "noreferrer",
-														children: t("repository")
-													}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-														type: "button",
-														className: copied ? `${community_module_css_default.installButton} ${community_module_css_default.installButtonCopied}` : community_module_css_default.installButton,
+												children: [
+													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+														className: community_module_css_default.cardTop,
+														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+															className: community_module_css_default.cardLink,
+															href: plugin.repo,
+															target: "_blank",
+															rel: "noreferrer",
+															children: t("repository")
+														}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+															className: community_module_css_default.cardActions,
+															children: [
+																/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+																	type: "button",
+																	className: copied ? `${community_module_css_default.installButton} ${community_module_css_default.installButtonCopied}` : faceLoopback ? `${community_module_css_default.installButton} ${community_module_css_default.installButtonSecondary}` : community_module_css_default.installButton,
+																	title: command,
+																	onClick: () => {
+																		copyCommand(plugin.id, command);
+																	},
+																	children: copied ? t("copied") : t("install")
+																}),
+																faceLoopback && installedItem === null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+																	type: "button",
+																	className: community_module_css_default.installButton,
+																	disabled: mutationsDisabled,
+																	onClick: () => {
+																		onInstall(plugin);
+																	},
+																	children: isInstalling ? t("installing") : t("installNow")
+																}) : null,
+																faceLoopback && installedItem !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+																	type: "button",
+																	className: `${community_module_css_default.installButton} ${community_module_css_default.installButtonSecondary}`,
+																	disabled: mutationsDisabled,
+																	onClick: () => {
+																		setUninstallTarget(plugin);
+																	},
+																	children: isUninstalling ? t("uninstalling") : t("uninstall")
+																}) : null
+															]
+														})]
+													}),
+													isInstalling ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+														className: community_module_css_default.progress,
+														role: "status",
+														children: progress !== null && progress.kind !== "idle" ? t(`progress.${progress.stage}`) : t("installing")
+													}) : null,
+													error !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+														className: community_module_css_default.error,
+														role: "alert",
+														children: error
+													}) : null,
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", {
+														className: community_module_css_default.cardCommand,
 														title: command,
-														onClick: () => {
-															copyCommand(plugin.id, command);
-														},
-														children: copied ? t("copied") : t("install")
-													})]
-												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", {
-													className: community_module_css_default.cardCommand,
-													title: command,
-													children: command
-												})]
+														children: command
+													})
+												]
 											})
 										]
 									}, plugin.id);
@@ -1090,6 +1663,15 @@ window.__ModuleLoader__.load({
 						role: "status",
 						children: t("off")
 					}),
+					face === null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: community_module_css_default.installNote,
+						role: "note",
+						children: t("managerHint")
+					}) : face.isLoopback ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: community_module_css_default.installNote,
+						role: "note",
+						children: t("remoteHint")
+					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 						className: community_module_css_default.installNote,
 						role: "note",
@@ -1099,13 +1681,41 @@ window.__ModuleLoader__.load({
 						className: community_module_css_default.notice,
 						role: "note",
 						children: t("notice")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_deepseek_ai_dsh_client_ui_primitives.Modal, {
+						open: uninstallTarget !== null,
+						onClose: () => {
+							if (pending === null) setUninstallTarget(null);
+						},
+						title: t("uninstallConfirm.title"),
+						closeLabel: t("cancel"),
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: community_module_css_default.confirmBody,
+							children: t("uninstallConfirm.body", { name: uninstallTarget === null ? "" : entryCopy(t, `name.${uninstallTarget.id}`, uninstallTarget.nameEn || uninstallTarget.name) })
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: community_module_css_default.modalActions,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+								variant: "outline",
+								disabled: pending !== null,
+								onClick: () => {
+									setUninstallTarget(null);
+								},
+								children: t("cancel")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+								variant: "primary",
+								className: community_module_css_default.dangerButton,
+								disabled: pending !== null,
+								onClick: onUninstallConfirm,
+								children: pending?.kind === "uninstall" ? t("uninstalling") : t("uninstallConfirm.confirm")
+							})]
+						})]
 					})
 				]
 			});
 		}
 		/** Render the community plugin index as a first-level settings page. */
 		function CommunityPluginsSection(props) {
-			const { t, useCommunityPluginsCard, save, discard, edit, resetField, plugins } = props;
+			const { t, useCommunityPluginsCard, save, discard, edit, resetField, plugins, pluginManager } = props;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
 				className: community_module_css_default.sectionList,
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CommunityPluginsCard, {
@@ -1115,7 +1725,8 @@ window.__ModuleLoader__.load({
 					discard,
 					edit,
 					resetField,
-					plugins
+					plugins,
+					pluginManager
 				})
 			});
 		}
@@ -1154,6 +1765,23 @@ window.__ModuleLoader__.load({
 			"copy": "复制",
 			"copied": "已复制",
 			"install": "复制安装命令",
+			"installNow": "安装",
+			"installing": "安装中…",
+			"uninstall": "卸载",
+			"uninstalling": "卸载中…",
+			"cancel": "取消",
+			"badge.installed": "已安装 · 重启后生效",
+			"progress.fetch": "获取插件信息",
+			"progress.download": "下载中",
+			"progress.extract": "解压中",
+			"progress.write": "写入中",
+			"uninstallConfirm.title": "卸载插件",
+			"uninstallConfirm.body": "确定要卸载 {name} 吗？移除将在重启 dsh web 后完全生效。",
+			"uninstallConfirm.confirm": "确认卸载",
+			"installFailed": "安装失败：{reason}",
+			"uninstallFailed": "卸载失败：{reason}",
+			"managerHint": "未检测到「插件管理器」插件：安装 @linxin666/dsh-client-ui-plugin-manager 后，可在本机浏览器中直接从这里安装与卸载。",
+			"remoteHint": "当前是远程浏览器，界面内安装不可用；请在宿主机器的终端执行安装命令。",
 			"noMatch": "没有匹配的社区插件。",
 			"search.placeholder": "搜索名称、作者或简介",
 			"search.label": "搜索社区插件",
@@ -1168,7 +1796,7 @@ window.__ModuleLoader__.load({
 			"category.integration": "集成与分享",
 			"category.security": "安全与运维",
 			"category.utility": "实用工具",
-			"installHint": "索引只登记、不安装代码。要运行某个插件，复制它的安装命令到终端执行；安装后，插件自带的开关与配置（若有）会出现在插件配置里。",
+			"installHint": "在本机浏览器且已安装「插件管理器」插件时，可直接点击卡片上的「安装 / 卸载」；否则复制安装命令到终端执行。安装与卸载在重启 dsh web 后生效，插件自带的开关与配置（若有）会出现在插件配置里。",
 			"empty": "暂无社区插件登记。",
 			"off": "社区插件索引已关闭。",
 			"notice": "条目由贡献者自行登记，与 dsh-web-ui 的发布内容无关；使用前请自行评估。"
@@ -1199,6 +1827,23 @@ window.__ModuleLoader__.load({
 			"copy": "Copy",
 			"copied": "Copied",
 			"install": "Copy install command",
+			"installNow": "Install",
+			"installing": "Installing…",
+			"uninstall": "Uninstall",
+			"uninstalling": "Uninstalling…",
+			"cancel": "Cancel",
+			"badge.installed": "Installed · restart to take effect",
+			"progress.fetch": "Fetching plugin info",
+			"progress.download": "Downloading",
+			"progress.extract": "Extracting",
+			"progress.write": "Writing",
+			"uninstallConfirm.title": "Uninstall plugin",
+			"uninstallConfirm.body": "Uninstall {name}? The removal fully takes effect after restarting dsh web.",
+			"uninstallConfirm.confirm": "Confirm uninstall",
+			"installFailed": "Install failed: {reason}",
+			"uninstallFailed": "Uninstall failed: {reason}",
+			"managerHint": "The Plugin manager plugin is not detected: install @linxin666/dsh-client-ui-plugin-manager to install and uninstall entries directly from here in a local browser.",
+			"remoteHint": "This is a remote browser, so in-GUI install is unavailable; run the install command in a terminal on the host machine.",
 			"noMatch": "No matching community plugin found.",
 			"search.placeholder": "Search name, author or description",
 			"search.label": "Search community plugins",
@@ -1213,7 +1858,7 @@ window.__ModuleLoader__.load({
 			"category.integration": "Integration & Sharing",
 			"category.security": "Security & Ops",
 			"category.utility": "Utilities",
-			"installHint": "The index only registers entries, it never installs code. To run a plugin, copy its install command into a terminal; once installed, the plugin provides its own switch and config (if any) in the plugin configuration section.",
+			"installHint": "With the Plugin manager plugin present and a local browser, use the Install / Uninstall buttons on each card; otherwise copy the install command into a terminal. Installs and uninstalls take effect after restarting dsh web; once installed, the plugin provides its own switch and config (if any) in the plugin configuration section.",
 			"empty": "No community plugins registered yet.",
 			"off": "The community plugin index is turned off.",
 			"notice": "Entries are contributed by their authors and are separate from dsh-web-ui releases; evaluate before use."
@@ -1253,6 +1898,7 @@ window.__ModuleLoader__.load({
 				zh,
 				en
 			}), "community-plugins: dictionaries");
+			bridgePluginManager(ctx);
 			const controller = new CommunityPluginsCardController((ctx.get("webUiSettings") ?? ctx.settingsScope).bind({ namespace: COMMUNITY_PLUGINS_NS }));
 			ctx.slots.inject("settings.section", () => {
 				const unregister = ctx.slots.register({