@linxin666/dsh-remote-web-ui 0.1.8 → 0.1.10

package/lib/client.js

@@ -1858,7 +1858,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-css:/home/runner/work/dsh-web-ui/dsh-web-ui/packages/dsh-remote-web-ui/src/client/settings-card.module.css.mjs
-		const css = ".AQSrBq_card{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:8px;list-style:none;transition:border-color .16s,background .16s;overflow:hidden}.AQSrBq_cardOpen{background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-label-dimmed)}.AQSrBq_header{cursor:pointer;text-align:left;width:100%;font:inherit;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;transition:background-color .12s,box-shadow .12s;display:flex}.AQSrBq_header:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.AQSrBq_header:active:not(:disabled){background:var(--dsw-alias-interactive-bg-active)}.AQSrBq_header:focus-visible{box-shadow:0 0 0 2px var(--dsw-alias-bg-layer-3), 0 0 0 4px var(--dsw-alias-brand-primary);outline:none}.AQSrBq_header:disabled{opacity:.5;cursor:default}.AQSrBq_headText{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.AQSrBq_name{color:var(--dsw-alias-label-primary);font-weight:600}.AQSrBq_description{color:var(--dsw-alias-label-tertiary);font-size:12px}.AQSrBq_pending{color:var(--dsw-alias-state-warn-primary);font-size:12px}.AQSrBq_chevron{color:var(--dsw-alias-label-tertiary);transition:transform .12s}.AQSrBq_chevronOpen{transform:rotate(180deg)}.AQSrBq_body{flex-direction:column;gap:14px;padding:0 14px 14px;display:flex}.AQSrBq_readOnly{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px}.AQSrBq_footer{justify-content:flex-end;align-items:center;gap:8px;display:flex}.AQSrBq_failed{color:var(--dsw-alias-state-error-primary);margin:0 auto 0 0;font-size:12px}.AQSrBq_discard,.AQSrBq_save{font:inherit;cursor:pointer;border-radius:6px;padding:5px 12px;font-size:13px;transition:background-color .12s,border-color .12s,color .12s,box-shadow .12s}.AQSrBq_discard{border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);background:0 0}.AQSrBq_discard:hover:not(:disabled){color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-dimmed)}.AQSrBq_discard:active:not(:disabled){background:var(--dsw-alias-interactive-bg-active)}.AQSrBq_discard:focus-visible{box-shadow:0 0 0 2px var(--dsw-alias-bg-layer-3), 0 0 0 4px var(--dsw-alias-brand-primary);outline:none}.AQSrBq_save{border:1px solid var(--dsw-alias-button-info-fill);background:var(--dsw-alias-button-info-fill);color:var(--dsw-alias-label-primary-foreground)}.AQSrBq_save:hover:not(:disabled){border-color:var(--dsw-alias-button-info-hover);background:var(--dsw-alias-button-info-hover)}.AQSrBq_save:active:not(:disabled){border-color:var(--dsw-alias-button-info-hover);background:var(--dsw-alias-button-info-hover);filter:brightness(.96)}.AQSrBq_save:focus-visible{box-shadow:0 0 0 2px var(--dsw-alias-bg-layer-3), 0 0 0 4px var(--dsw-alias-brand-primary);outline:none}.AQSrBq_discard:disabled,.AQSrBq_save:disabled{opacity:.5;cursor:default}.AQSrBq_field{flex-direction:column;gap:4px;display:flex}.AQSrBq_head{align-items:center;gap:8px;display:flex}.AQSrBq_label{color:var(--dsw-alias-label-primary);font-size:13px;font-weight:500}.AQSrBq_badges{align-items:center;gap:6px;display:flex}.AQSrBq_badge{background:var(--dsw-alias-interactive-bg-hover-accent);min-width:0;color:var(--dsw-alias-state-business-primary);white-space:nowrap;border-radius:999px;flex:none;padding:1px 6px;font-size:11px}.AQSrBq_reset{color:var(--dsw-alias-state-business-primary);cursor:pointer;background:0 0;border:0;border-radius:4px;flex:none;padding:1px 2px;font-size:11px;transition:background-color .12s,color .12s,box-shadow .12s}.AQSrBq_reset:hover:not(:disabled){color:var(--dsw-alias-label-primary);background:var(--dsw-alias-interactive-bg-hover)}.AQSrBq_reset:active:not(:disabled){background:var(--dsw-alias-interactive-bg-active)}.AQSrBq_reset:focus-visible{box-shadow:0 0 0 2px var(--dsw-alias-bg-layer-3), 0 0 0 4px var(--dsw-alias-brand-primary);outline:none}.AQSrBq_reset:disabled{opacity:.5;cursor:default}.AQSrBq_input,.AQSrBq_select{border:1px solid var(--dsw-alias-border-l2);font:inherit;color:var(--dsw-alias-label-primary);background:var(--dsw-specific-input-major);border-radius:6px;padding:6px 8px;font-size:13px;transition:border-color .12s,box-shadow .12s}.AQSrBq_input:focus-visible,.AQSrBq_select:focus-visible{border-color:var(--dsw-alias-brand-primary);box-shadow:0 0 0 2px var(--dsw-alias-bg-layer-3), 0 0 0 4px var(--dsw-alias-brand-primary);outline:none}.AQSrBq_inputInvalid{border:1px solid var(--dsw-alias-state-error-primary);font:inherit;color:var(--dsw-alias-label-primary);border-radius:6px;padding:6px 8px;font-size:13px;transition:border-color .12s,box-shadow .12s}.AQSrBq_inputInvalid:focus-visible{border-color:var(--dsw-alias-state-error-primary);box-shadow:0 0 0 2px var(--dsw-alias-bg-layer-3), 0 0 0 4px var(--dsw-alias-state-error-primary);outline:none}.AQSrBq_input:disabled,.AQSrBq_select:disabled{opacity:.6}.AQSrBq_hint{color:var(--dsw-alias-label-secondary);margin:0;font-size:12px}.AQSrBq_invalid{color:var(--dsw-alias-state-error-primary);margin:0;font-size:12px}@media (prefers-reduced-motion:reduce){.AQSrBq_card,.AQSrBq_header,.AQSrBq_chevron,.AQSrBq_discard,.AQSrBq_save,.AQSrBq_reset,.AQSrBq_input,.AQSrBq_select,.AQSrBq_inputInvalid{transition:none}}";
+		const css = ".AQSrBq_card{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:8px;list-style:none;transition:border-color .16s,background .16s;overflow:hidden}.AQSrBq_cardOpen{background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-label-dimmed)}.AQSrBq_header{cursor:pointer;text-align:left;width:100%;font:inherit;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;transition:background-color .12s,box-shadow .12s;display:flex}.AQSrBq_header:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.AQSrBq_header:active:not(:disabled){background:var(--dsw-alias-interactive-bg-active)}.AQSrBq_header:focus-visible{box-shadow:0 0 0 2px var(--dsw-alias-bg-layer-3), 0 0 0 4px var(--dsw-alias-brand-primary);outline:none}.AQSrBq_header:disabled{opacity:.5;cursor:default}.AQSrBq_headText{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.AQSrBq_name{color:var(--dsw-alias-label-primary);font-weight:600}.AQSrBq_description{color:var(--dsw-alias-label-tertiary);font-size:12px}.AQSrBq_pending{color:var(--dsw-alias-state-warn-primary);font-size:12px}.AQSrBq_chevron{color:var(--dsw-alias-label-tertiary);transition:transform .12s}.AQSrBq_chevronOpen{transform:rotate(180deg)}.AQSrBq_body{flex-direction:column;gap:14px;padding:0 14px 14px;display:flex}.AQSrBq_readOnly{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px}.AQSrBq_notExposed{color:var(--dsw-alias-state-warn-primary);margin:0;font-size:12px;line-height:1.5}.AQSrBq_footer{justify-content:flex-end;align-items:center;gap:8px;display:flex}.AQSrBq_failed{color:var(--dsw-alias-state-error-primary);margin:0 auto 0 0;font-size:12px}.AQSrBq_discard,.AQSrBq_save{font:inherit;cursor:pointer;border-radius:6px;padding:5px 12px;font-size:13px;transition:background-color .12s,border-color .12s,color .12s,box-shadow .12s}.AQSrBq_discard{border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);background:0 0}.AQSrBq_discard:hover:not(:disabled){color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-dimmed)}.AQSrBq_discard:active:not(:disabled){background:var(--dsw-alias-interactive-bg-active)}.AQSrBq_discard:focus-visible{box-shadow:0 0 0 2px var(--dsw-alias-bg-layer-3), 0 0 0 4px var(--dsw-alias-brand-primary);outline:none}.AQSrBq_save{border:1px solid var(--dsw-alias-button-info-fill);background:var(--dsw-alias-button-info-fill);color:var(--dsw-alias-label-primary-foreground)}.AQSrBq_save:hover:not(:disabled){border-color:var(--dsw-alias-button-info-hover);background:var(--dsw-alias-button-info-hover)}.AQSrBq_save:active:not(:disabled){border-color:var(--dsw-alias-button-info-hover);background:var(--dsw-alias-button-info-hover);filter:brightness(.96)}.AQSrBq_save:focus-visible{box-shadow:0 0 0 2px var(--dsw-alias-bg-layer-3), 0 0 0 4px var(--dsw-alias-brand-primary);outline:none}.AQSrBq_discard:disabled,.AQSrBq_save:disabled{opacity:.5;cursor:default}.AQSrBq_field{flex-direction:column;gap:4px;display:flex}.AQSrBq_head{align-items:center;gap:8px;display:flex}.AQSrBq_label{color:var(--dsw-alias-label-primary);font-size:13px;font-weight:500}.AQSrBq_badges{align-items:center;gap:6px;display:flex}.AQSrBq_badge{background:var(--dsw-alias-interactive-bg-hover-accent);min-width:0;color:var(--dsw-alias-state-business-primary);white-space:nowrap;border-radius:999px;flex:none;padding:1px 6px;font-size:11px}.AQSrBq_reset{color:var(--dsw-alias-state-business-primary);cursor:pointer;background:0 0;border:0;border-radius:4px;flex:none;padding:1px 2px;font-size:11px;transition:background-color .12s,color .12s,box-shadow .12s}.AQSrBq_reset:hover:not(:disabled){color:var(--dsw-alias-label-primary);background:var(--dsw-alias-interactive-bg-hover)}.AQSrBq_reset:active:not(:disabled){background:var(--dsw-alias-interactive-bg-active)}.AQSrBq_reset:focus-visible{box-shadow:0 0 0 2px var(--dsw-alias-bg-layer-3), 0 0 0 4px var(--dsw-alias-brand-primary);outline:none}.AQSrBq_reset:disabled{opacity:.5;cursor:default}.AQSrBq_input,.AQSrBq_select{border:1px solid var(--dsw-alias-border-l2);font:inherit;color:var(--dsw-alias-label-primary);background:var(--dsw-specific-input-major);border-radius:6px;padding:6px 8px;font-size:13px;transition:border-color .12s,box-shadow .12s}.AQSrBq_input:focus-visible,.AQSrBq_select:focus-visible{border-color:var(--dsw-alias-brand-primary);box-shadow:0 0 0 2px var(--dsw-alias-bg-layer-3), 0 0 0 4px var(--dsw-alias-brand-primary);outline:none}.AQSrBq_inputInvalid{border:1px solid var(--dsw-alias-state-error-primary);font:inherit;color:var(--dsw-alias-label-primary);border-radius:6px;padding:6px 8px;font-size:13px;transition:border-color .12s,box-shadow .12s}.AQSrBq_inputInvalid:focus-visible{border-color:var(--dsw-alias-state-error-primary);box-shadow:0 0 0 2px var(--dsw-alias-bg-layer-3), 0 0 0 4px var(--dsw-alias-state-error-primary);outline:none}.AQSrBq_input:disabled,.AQSrBq_select:disabled{opacity:.6}.AQSrBq_hint{color:var(--dsw-alias-label-secondary);margin:0;font-size:12px}.AQSrBq_invalid{color:var(--dsw-alias-state-error-primary);margin:0;font-size:12px}@media (prefers-reduced-motion:reduce){.AQSrBq_card,.AQSrBq_header,.AQSrBq_chevron,.AQSrBq_discard,.AQSrBq_save,.AQSrBq_reset,.AQSrBq_input,.AQSrBq_select,.AQSrBq_inputInvalid{transition:none}}";
 		const tagId = "@linxin666/dsh-remote-web-ui/settings-card.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
 			const tag = document.createElement("style");
@@ -1889,6 +1889,7 @@ window.__ModuleLoader__.load({
 			"invalid": "AQSrBq_invalid",
 			"label": "AQSrBq_label",
 			"name": "AQSrBq_name",
+			"notExposed": "AQSrBq_notExposed",
 			"pending": "AQSrBq_pending",
 			"readOnly": "AQSrBq_readOnly",
 			"reset": "AQSrBq_reset",
@@ -1908,7 +1909,7 @@ window.__ModuleLoader__.load({
 		/**
 		* Render one plugin settings card.
 		* @param props - the plugin's copy keys, its form state, and its controls.
-		* @returns the card, or nothing when the namespace is unavailable.
+		* @returns the card, or nothing while the namespace is still loading.
 		*/
 		function PluginSettingsCard(props) {
 			const [open, setOpen] = (0, react.useState)(false);
@@ -1916,6 +1917,38 @@ window.__ModuleLoader__.load({
 			if (!state.available) return null;
 			const title = props.t(props.titleKey);
 			const blocked = !state.dirty || state.invalid || state.saving;
+			if (!state.exposed) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+				className: settings_card_module_css_default.card,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+					type: "button",
+					className: settings_card_module_css_default.header,
+					"aria-expanded": open,
+					"aria-label": `${props.t(open ? "settings.collapse" : "settings.expand")}: ${title}`,
+					onClick: () => {
+						setOpen(!open);
+					},
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						className: settings_card_module_css_default.headText,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: settings_card_module_css_default.name,
+							children: title
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: settings_card_module_css_default.description,
+							children: props.t(props.descriptionKey)
+						})]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: open ? settings_card_module_css_default.chevronOpen : settings_card_module_css_default.chevron,
+						children: "▾"
+					})]
+				}), open ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: settings_card_module_css_default.body,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: settings_card_module_css_default.notExposed,
+						role: "status",
+						children: props.t("settings.notExposed")
+					})
+				}) : null]
+			});
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
 				className: settings_card_module_css_default.card,
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
@@ -2168,7 +2201,8 @@ window.__ModuleLoader__.load({
 				const snapshot = this.scope.getSnapshot();
 				const plan = this.plan();
 				return {
-					available: snapshot.status === "ready",
+					available: snapshot.status !== "loading",
+					exposed: snapshot.status === "ready",
 					writable: snapshot.writable,
 					dirty: plan.length > 0,
 					invalid: plan.some((item) => item.run === void 0),
@@ -2558,6 +2592,7 @@ window.__ModuleLoader__.load({
 			"settings.off": "关",
 			"settings.overridden": "已覆盖",
 			"settings.reset": "恢复默认",
+			"settings.notExposed": "当前 DSH 版本未向设置页暴露本插件的配置命名空间，表单不可用。可编辑 ~/.dsh/settings.yaml 直接配置，或为 dsh-host-apiproxy 的 WEB_SETTINGS_NAMESPACES 白名单补充本命名空间后重启。",
 			"settings.readOnly": "当前部署的设置只读。",
 			"settings.expand": "展开设置",
 			"settings.collapse": "收起设置",
@@ -2627,6 +2662,7 @@ window.__ModuleLoader__.load({
 			"settings.off": "Off",
 			"settings.overridden": "Overridden",
 			"settings.reset": "Reset to default",
+			"settings.notExposed": "This DSH version does not expose this plugin's settings namespace to the configuration page, so the form is unavailable. Edit ~/.dsh/settings.yaml directly, or add the namespace to dsh-host-apiproxy's WEB_SETTINGS_NAMESPACES allowlist and restart.",
 			"settings.readOnly": "This deployment stores settings read-only.",
 			"settings.expand": "Show settings",
 			"settings.collapse": "Hide settings",