@karoc/dsh-proxy 0.1.0

package/lib/client.js

@@ -0,0 +1,645 @@
+window.__ModuleLoader__.load({
+	id: "dsh-proxy",
+	factory: (require) => {
+		var module = { exports: {} };
+		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");
+		//#region src/client/ProxySection.tsx
+		/**
+		* The "Proxy" settings section (external plugin).
+		*
+		* A companion page to the built-in Models page: it configures a loopback
+		* forward proxy that routes model-provider traffic (and any other selected
+		* host) through an optional upstream proxy, per host. The host half runs the
+		* proxy and serves /proxy/api; this page reads and writes it with plain
+		* same-origin fetch (no settingsScope — the proxy config lives in
+		* <DSH_HOME>/proxy.json, not in dsh settings.yaml).
+		*
+		* UI mirrors the dsh-desktop settings window: upstream card (enabled /
+		* protocol selector / host / port / username / password / test connection),
+		* a "model providers" list derived from dsh settings.yaml, and an "other
+		* observed hosts" list, each with a per-host checkbox. A search box filters
+		* both lists. Saving writes the config; the running proxy re-reads proxy.json
+		* on every request, so changes take effect immediately.
+		*/
+		const PROTOCOLS = [
+			{
+				id: "http",
+				label: "HTTP"
+			},
+			{
+				id: "https",
+				label: "HTTPS"
+			},
+			{
+				id: "socks5",
+				label: "SOCKS5"
+			}
+		];
+		/** Fetch helper bound to the same-origin /proxy/api endpoint. */
+		async function proxyApi(init) {
+			const res = await fetch("/proxy/api", init);
+			const body = await res.json();
+			if (!res.ok) throw new Error(body.error ?? `proxy/api failed with ${res.status}`);
+			return body;
+		}
+		/** A protocol selector: a pill button opening a Menu (never a native <select>). */
+		function ProtocolSelector(props) {
+			const { value, onChange, disabled, t } = props;
+			const [open, setOpen] = (0, react.useState)(false);
+			const matched = PROTOCOLS.find((o) => o.id === value);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Menu, {
+				open,
+				onClose: () => {
+					setOpen(false);
+				},
+				items: PROTOCOLS.map((o) => ({
+					id: o.id,
+					label: o.label
+				})),
+				selectedId: value,
+				onSelect: (id) => {
+					onChange(id);
+					setOpen(false);
+				},
+				align: "start",
+				portal: true,
+				anchor: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+					type: "button",
+					className: "dsh-proxy-selector",
+					disabled,
+					"aria-haspopup": "menu",
+					"aria-expanded": open,
+					onClick: () => {
+						setOpen((v) => !v);
+					},
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: matched?.label ?? t("protocolHttp") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutline14, {})]
+				})
+			});
+		}
+		/** One host checkbox row (label + route status). */
+		function HostRow(props) {
+			const { host, label, checked, proxied, onToggle } = props;
+			const labelRef = (0, react.useRef)(null);
+			const [overflowing, setOverflowing] = (0, react.useState)(false);
+			(0, react.useLayoutEffect)(() => {
+				const el = labelRef.current;
+				if (el === null) return;
+				const check = () => {
+					const over = el.scrollWidth > el.clientWidth + 1;
+					setOverflowing((prev) => prev === over ? prev : over);
+				};
+				check();
+				const observer = new ResizeObserver(check);
+				observer.observe(el);
+				document.fonts?.ready?.then(check).catch(() => {});
+				window.addEventListener("resize", check);
+				return () => {
+					observer.disconnect();
+					window.removeEventListener("resize", check);
+				};
+			});
+			const labelNode = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				ref: labelRef,
+				className: "dsh-proxy-host-label",
+				children: label
+			});
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+				className: "dsh-proxy-host",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+						type: "checkbox",
+						checked,
+						onChange: () => {
+							onToggle(host);
+						}
+					}),
+					overflowing ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
+						label,
+						side: "top",
+						maxWidth: 480,
+						delayMs: 300,
+						children: labelNode
+					}) : labelNode,
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "dsh-proxy-host-route",
+						children: proxied ? "via upstream" : "direct"
+					})
+				]
+			});
+		}
+		/**
+		* Render the Proxy settings page.
+		* @param props - the inject face.
+		* @returns the section, or null while the shell has not injected yet.
+		*/
+		function ProxySection(props) {
+			const { t } = props;
+			if (t === void 0) return null;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProxySectionLoaded, { t });
+		}
+		/** The mounted editor (all hooks run unconditionally here). */
+		function ProxySectionLoaded(props) {
+			const { t } = props;
+			const [view, setView] = (0, react.useState)(void 0);
+			const [error, setError] = (0, react.useState)(void 0);
+			const [saved, setSaved] = (0, react.useState)(false);
+			const [saving, setSaving] = (0, react.useState)(false);
+			const [testing, setTesting] = (0, react.useState)(false);
+			const [testResult, setTestResult] = (0, react.useState)(void 0);
+			const [query, setQuery] = (0, react.useState)("");
+			const [enabled, setEnabled] = (0, react.useState)(false);
+			const [protocol, setProtocol] = (0, react.useState)("http");
+			const [host, setHost] = (0, react.useState)("");
+			const [port, setPort] = (0, react.useState)("");
+			const [username, setUsername] = (0, react.useState)("");
+			const [password, setPassword] = (0, react.useState)("");
+			const [proxied, setProxied] = (0, react.useState)(/* @__PURE__ */ new Set());
+			/** Load the config view from /proxy/api. */
+			const load = (0, react.useCallback)(async () => {
+				try {
+					const data = await proxyApi();
+					setView(data);
+					setError(void 0);
+					setEnabled(data.upstream.enabled);
+					setProtocol(data.upstream.protocol);
+					setHost(data.upstream.host);
+					setPort(data.upstream.port > 0 ? String(data.upstream.port) : "");
+					setUsername(data.upstream.username);
+					setPassword(data.upstream.password);
+					setProxied(new Set(data.proxiedHosts));
+				} catch (err) {
+					setError(err instanceof Error ? err.message : String(err));
+				}
+			}, []);
+			(0, react.useEffect)(() => {
+				load();
+			}, [load]);
+			const q = query.trim().toLowerCase();
+			const match = (label) => q === "" || label.toLowerCase().includes(q);
+			const byHost = (0, react.useMemo)(() => {
+				const map = /* @__PURE__ */ new Map();
+				for (const p of view?.providers ?? []) {
+					if (!p.host) continue;
+					const label = p.displayName ?? (p.name === "llm-deepseek" ? "DeepSeek" : p.name.split("/").pop() ?? p.host);
+					if (!map.has(p.host)) map.set(p.host, []);
+					map.get(p.host).push(label);
+				}
+				return map;
+			}, [view]);
+			const providerHosts = (0, react.useMemo)(() => [...byHost.entries()].map(([host, names]) => ({
+				host,
+				label: `${[...new Set(names)].join(" / ")}（${host}）`
+			})), [byHost]);
+			const otherHosts = (0, react.useMemo)(() => {
+				const seen = /* @__PURE__ */ new Map();
+				for (const h of [...view?.knownHosts ?? [], ...view?.hosts ?? []]) {
+					const key = h.trim().toLowerCase();
+					if (key === "" || byHost.has(key)) continue;
+					seen.set(key, h);
+				}
+				return [...seen.keys()].sort().map((h) => ({
+					host: h,
+					label: h
+				}));
+			}, [view, byHost]);
+			const toggleHost = (host) => {
+				setSaved(false);
+				setProxied((current) => {
+					const next = new Set(current);
+					if (!next.delete(host)) next.add(host);
+					return next;
+				});
+			};
+			const save = async () => {
+				setSaving(true);
+				setError(void 0);
+				try {
+					if ((await proxyApi({
+						method: "POST",
+						headers: { "content-type": "application/json" },
+						body: JSON.stringify({
+							op: "save",
+							upstream: {
+								enabled,
+								protocol,
+								host: host.trim(),
+								port: Number(port) || 0,
+								username: username.trim(),
+								password
+							},
+							proxiedHosts: [...proxied]
+						})
+					})).ok !== true) throw new Error("save rejected");
+					setSaved(true);
+					load();
+				} catch (err) {
+					setError(err instanceof Error ? err.message : String(err));
+				} finally {
+					setSaving(false);
+				}
+			};
+			const test = async () => {
+				setTesting(true);
+				setTestResult(void 0);
+				try {
+					const body = await proxyApi({
+						method: "POST",
+						headers: { "content-type": "application/json" },
+						body: JSON.stringify({
+							op: "test",
+							upstream: {
+								enabled,
+								protocol,
+								host: host.trim(),
+								port: Number(port) || 0,
+								username: username.trim(),
+								password
+							}
+						})
+					});
+					setTestResult({
+						ok: body.ok === true,
+						detail: body.detail
+					});
+				} catch (err) {
+					setTestResult({
+						ok: false,
+						detail: err instanceof Error ? err.message : String(err)
+					});
+				} finally {
+					setTesting(false);
+				}
+			};
+			const providerFiltered = providerHosts.filter((e) => match(e.label));
+			const otherFiltered = otherHosts.filter((e) => match(e.label));
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "dsh-proxy-section",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "dsh-proxy-group",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", { children: t("upstreamTitle") }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dsh-proxy-upstream",
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+									className: "dsh-proxy-check",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+										type: "checkbox",
+										checked: enabled,
+										onChange: (e) => {
+											setEnabled(e.target.checked);
+											setSaved(false);
+										}
+									}), t("upstreamEnabled")]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dsh-proxy-row",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "dsh-proxy-proto",
+										children: t("protocolLabel")
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProtocolSelector, {
+										value: protocol,
+										onChange: (v) => {
+											setProtocol(v);
+											setSaved(false);
+										},
+										disabled: !enabled,
+										t
+									})]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dsh-proxy-inputs",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
+										placeholder: t("hostPlaceholder"),
+										value: host,
+										onChange: (e) => {
+											setHost(e.target.value);
+											setSaved(false);
+										},
+										disabled: !enabled,
+										autoComplete: "off",
+										spellCheck: false
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
+										placeholder: t("portPlaceholder"),
+										value: port,
+										onChange: (e) => {
+											setPort(e.target.value);
+											setSaved(false);
+										},
+										disabled: !enabled,
+										type: "number",
+										min: 1,
+										max: 65535
+									})]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dsh-proxy-inputs",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
+										placeholder: t("usernamePlaceholder"),
+										value: username,
+										onChange: (e) => {
+											setUsername(e.target.value);
+											setSaved(false);
+										},
+										disabled: !enabled,
+										autoComplete: "off",
+										spellCheck: false
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
+										placeholder: t("passwordPlaceholder"),
+										value: password,
+										onChange: (e) => {
+											setPassword(e.target.value);
+											setSaved(false);
+										},
+										disabled: !enabled,
+										type: "password",
+										autoComplete: "new-password"
+									})]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: t("protoHint") })
+							]
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "dsh-proxy-group",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", { children: t("proxiedHostsTitle") }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: t("proxiedHostsHint") }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
+								className: "dsh-proxy-search",
+								icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconGlobeOutline14, {}),
+								placeholder: t("searchPlaceholder"),
+								value: query,
+								onChange: (e) => {
+									setQuery(e.target.value);
+								},
+								autoComplete: "off",
+								spellCheck: false
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "dsh-proxy-heading",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h4", { children: t("providersHeading") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dsh-proxy-count",
+									children: providerHosts.length
+								})]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "dsh-proxy-hostlist",
+								children: providerFiltered.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "dsh-proxy-empty",
+									children: t("providersEmpty")
+								}) : providerFiltered.map((e) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(HostRow, {
+									host: e.host,
+									label: e.label,
+									checked: proxied.has(e.host),
+									proxied: proxied.has(e.host),
+									onToggle: toggleHost
+								}, e.host))
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "dsh-proxy-heading",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h4", { children: t("othersHeading") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dsh-proxy-count",
+									children: otherHosts.length
+								})]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "dsh-proxy-hostlist",
+								children: otherFiltered.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "dsh-proxy-empty",
+									children: t("othersEmpty")
+								}) : otherFiltered.map((e) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(HostRow, {
+									host: e.host,
+									label: e.label,
+									checked: proxied.has(e.host),
+									proxied: proxied.has(e.host),
+									onToggle: toggleHost
+								}, e.host))
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: t("immediateHint") }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "dsh-proxy-actions",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+							variant: "outline",
+							size: "md",
+							icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconLinkOutline14, {}),
+							disabled: testing || !enabled,
+							onClick: () => {
+								test();
+							},
+							children: testing ? t("testing") : t("test")
+						}), testResult !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: `dsh-proxy-status ${testResult.ok ? "dsh-proxy-status-ok" : "dsh-proxy-status-err"}`,
+							children: [testResult.ok ? t("testStatusOk") : t("testStatusFail"), testResult.detail ? `（${testResult.detail}）` : ""]
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "dsh-proxy-actions",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+								variant: "primary",
+								size: "md",
+								disabled: saving,
+								onClick: () => {
+									save();
+								},
+								children: saving ? t("saving") : t("save")
+							}),
+							saved && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "dsh-proxy-status dsh-proxy-status-ok",
+								children: t("saveStatus")
+							}),
+							error !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: "dsh-proxy-status dsh-proxy-status-err",
+								children: [
+									t("saveFailed"),
+									" ",
+									error
+								]
+							})
+						]
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region src/client/styles.ts
+		/**
+		* Design-token styles for the Proxy settings section.
+		*
+		* The plugin is external (not part of the DSH repository), so it cannot import
+		* the built-in CSS modules; instead it re-declares the same rules against the
+		* shared `--dsw-alias-*` tokens, namespaced under `dsh-proxy-` to avoid any
+		* collision with host styles. Injected once at module evaluation, tagged by
+		* plugin id so repeated mounts stay idempotent.
+		*/
+		const PROXY_STYLES = `
+.dsh-proxy-section { display: flex; flex-direction: column; gap: 20px; max-width: 720px; padding: 4px 2px 20px; }
+.dsh-proxy-group { display: flex; flex-direction: column; gap: 10px; }
+.dsh-proxy-group > h3 { margin: 0; font-size: 14px; font-weight: 600; color: var(--dsw-alias-label-primary); }
+.dsh-proxy-group > p { margin: 0; font-size: 12px; line-height: 1.5; color: var(--dsw-alias-label-tertiary); }
+.dsh-proxy-upstream { display: flex; flex-direction: column; gap: 10px; padding: 12px; border-radius: 12px; background: var(--dsw-alias-bg-layer-1); border: 1px solid var(--dsw-alias-border-l3); }
+.dsh-proxy-row { display: flex; align-items: center; gap: 8px; }
+.dsh-proxy-check { display: flex; align-items: center; gap: 6px; font-size: 13px; color: var(--dsw-alias-label-primary); cursor: pointer; user-select: none; }
+.dsh-proxy-check input { accent-color: var(--dsw-alias-button-primary-fill); cursor: pointer; }
+.dsh-proxy-proto { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--dsw-alias-label-secondary); }
+.dsh-proxy-selector { display: inline-flex; align-items: center; gap: 4px; height: 32px; padding: 0 10px; border: none; border-radius: 16px; background: var(--dsw-alias-bg-module-platform); color: var(--dsw-alias-label-primary); font-size: 13px; cursor: pointer; }
+.dsh-proxy-selector:hover:not(:disabled) { background: var(--dsw-alias-interactive-bg-hover); }
+.dsh-proxy-selector:disabled { opacity: 0.6; cursor: default; }
+.dsh-proxy-inputs { display: grid; grid-template-columns: 1fr 120px; gap: 8px; }
+.dsh-proxy-inputs input { width: 100%; }
+.dsh-proxy-search { margin-bottom: 4px; }
+.dsh-proxy-hostlist { display: flex; flex-direction: column; gap: 4px; max-height: 220px; overflow-y: auto; scrollbar-width: none; }
+.dsh-proxy-hostlist::-webkit-scrollbar { display: none; }
+.dsh-proxy-host { display: flex; align-items: center; gap: 8px; padding: 4px 8px; border-radius: 8px; font-size: 13px; color: var(--dsw-alias-label-primary); }
+.dsh-proxy-host:hover { background: var(--dsw-alias-bg-layer-1); }
+.dsh-proxy-host input { accent-color: var(--dsw-alias-button-primary-fill); cursor: pointer; }
+.dsh-proxy-host-label { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.dsh-proxy-host-route { font-size: 11px; color: var(--dsw-alias-label-tertiary); white-space: nowrap; }
+.dsh-proxy-empty { padding: 16px; border: 1px dashed var(--dsw-alias-border-l3); border-radius: 12px; text-align: center; font-size: 12px; color: var(--dsw-alias-label-tertiary); }
+.dsh-proxy-actions { display: flex; align-items: center; gap: 12px; }
+.dsh-proxy-status { font-size: 12px; color: var(--dsw-alias-label-tertiary); }
+.dsh-proxy-status-ok { color: var(--dsw-alias-state-success-primary, var(--dsw-alias-label-primary)); }
+.dsh-proxy-status-err { color: var(--dsw-alias-state-error-primary); }
+.dsh-proxy-heading { display: flex; align-items: center; gap: 6px; margin: 0 0 8px; }
+.dsh-proxy-heading h4 { margin: 0; font-size: 13px; font-weight: 600; color: var(--dsw-alias-label-primary); }
+.dsh-proxy-heading .dsh-proxy-count { font-size: 11px; color: var(--dsw-alias-label-tertiary); }
+`;
+		/**
+		* Inject {@link PROXY_STYLES} once, tagged by plugin id so re-evaluation
+		* and repeated mounts stay idempotent (mirrors how the loader handles plugin
+		* CSS). Called from the client `apply`.
+		*/
+		function injectProxyStyles(pluginId) {
+			if (typeof document === "undefined") return;
+			const selector = `style[data-dsh-plugin-css="${pluginId}"]`;
+			if (document.querySelector(selector) !== null) return;
+			const tag = document.createElement("style");
+			tag.setAttribute("data-dsh-plugin-css", pluginId);
+			tag.textContent = PROXY_STYLES;
+			document.head.appendChild(tag);
+		}
+		injectProxyStyles("dsh-proxy");
+		//#endregion
+		//#region src/client/locales.ts
+		/**
+		* Copy dictionaries for the Proxy settings section. English is the key source
+		* (en object keyed by the same strings), zh must carry every key.
+		*/
+		const en = {
+			nav: "Proxy",
+			title: "Proxy settings",
+			subtitle: "Model-provider traffic through an optional upstream proxy, per host.",
+			upstreamTitle: "Upstream proxy (optional)",
+			upstreamEnabled: "Enable upstream proxy (when off, every host connects directly)",
+			protocolLabel: "Protocol",
+			protocolHttp: "HTTP",
+			protocolHttps: "HTTPS (TLS to the proxy itself)",
+			protocolSocks5: "SOCKS5",
+			protoHint: "Clash / V2Ray style mixed ports (e.g. 7890) usually speak HTTP. SOCKS5 upstreams only forward HTTPS targets (http targets fall back to direct).",
+			hostPlaceholder: "Proxy host, e.g. 127.0.0.1",
+			portPlaceholder: "Port, e.g. 7890",
+			usernamePlaceholder: "Username (optional)",
+			passwordPlaceholder: "Password (optional)",
+			proxiedHostsTitle: "Hosts going through the proxy",
+			proxiedHostsHint: "All hosts connect directly unless checked here. Model providers are read from dsh settings (settings.yaml); the rest are hosts observed in traffic (install/update included).",
+			searchPlaceholder: "Search host / provider…",
+			providersHeading: "Model providers",
+			providersEmpty: "No model providers found yet — they appear here once you configure models in dsh settings.",
+			othersHeading: "Other observed hosts",
+			othersEmpty: "None yet — external hosts dsh has contacted will appear here.",
+			save: "Save",
+			saveStatus: "Saved — takes effect immediately (no restart needed)",
+			saving: "Saving…",
+			saveFailed: "Save failed:",
+			test: "Test connection",
+			testing: "Testing…",
+			testFailed: "Test failed:",
+			testStatusOk: "Connected",
+			testStatusFail: "Connection failed",
+			immediateHint: "Saved changes apply immediately; hosts related to install/update take effect on the next install/update.",
+			direct: "direct",
+			viaUpstream: "via upstream",
+			selfLoopWarning: "The upstream points back at this proxy — treated as disabled (self-loop guard).",
+			noHost: "No proxy host set",
+			teardown: "Proxy engine stopped"
+		};
+		const zh = {
+			nav: "代理",
+			title: "代理设置",
+			subtitle: "按主机把模型提供方流量转发到可选的上游代理。",
+			upstreamTitle: "上游代理（可选）",
+			upstreamEnabled: "启用上游代理（未启用时所有主机直连）",
+			protocolLabel: "协议",
+			protocolHttp: "HTTP",
+			protocolHttps: "HTTPS（代理服务器自身加密）",
+			protocolSocks5: "SOCKS5",
+			protoHint: "Clash / V2Ray 等常用混合端口（如 7890）一般为 HTTP；SOCKS5 上游仅对 HTTPS 目标生效（http 目标会直连）。",
+			hostPlaceholder: "代理主机，如 127.0.0.1",
+			portPlaceholder: "端口，如 7890",
+			usernamePlaceholder: "用户名（可选）",
+			passwordPlaceholder: "密码（可选）",
+			proxiedHostsTitle: "走代理的主机",
+			proxiedHostsHint: "默认全部直连，勾选才走上游代理。模型提供方来自 dsh 设置（settings.yaml）；其它为实际访问过的主机（含安装/更新流量）。",
+			searchPlaceholder: "搜索主机 / 提供方名称…",
+			providersHeading: "模型提供方",
+			providersEmpty: "尚未读取到模型提供方（在 dsh 设置里配置模型后会自动出现）",
+			othersHeading: "其它已观测主机",
+			othersEmpty: "暂无（dsh 访问过外部主机后会自动出现，含 registry.npmjs.org 等安装流量）",
+			save: "保存",
+			saveStatus: "✓ 已保存，立即生效（无需重启）",
+			saving: "保存中…",
+			saveFailed: "保存失败：",
+			test: "测试连接",
+			testing: "测试中…",
+			testFailed: "测试失败：",
+			testStatusOk: "✓ 连接成功",
+			testStatusFail: "✗ 连接失败",
+			immediateHint: "保存后立即生效，无需重启；改动「安装/更新」相关主机的代理会在下次安装/更新时生效。",
+			direct: "直连",
+			viaUpstream: "走上游代理",
+			selfLoopWarning: "上游指向本代理自身，视为禁用（防自环保护）。",
+			noHost: "未填写代理主机",
+			teardown: "代理引擎已停止"
+		};
+		//#endregion
+		//#region src/client/index.ts
+		/** Dictionary namespace owned by this plugin. */
+		const NS = "dsh-proxy";
+		/** Required services (cordis fiber inject). The target slot is declared by
+		* ui-settings; registration depends on it through `slots.inject()`. */
+		const inject = ["slots", "locale"];
+		/**
+		* Register the Proxy section once the `settings.section` declaration is on
+		* the ledger. No settingsScope/connection: the section talks to the host
+		* half's /proxy/api route with plain same-origin fetch.
+		* @param ctx - client root context.
+		*/
+		function apply(ctx) {
+			ctx.effect(() => ctx.locale.register(NS, {
+				zh,
+				en
+			}), "dsh-proxy: copy dictionaries");
+			const t = ctx.locale.bind(NS);
+			const injected = () => ({ t });
+			ctx.slots.inject("settings.section", () => ctx.slots.register({
+				name: "settings.section",
+				id: "dsh-proxy",
+				order: 25,
+				label: () => t("nav"),
+				inject: injected
+			}, ProxySection));
+		}
+		//#endregion
+		exports.apply = apply;
+		exports.inject = inject;
+		return module.exports;
+	}
+});
+
+//# sourceMappingURL=client.js.map