dsh-winrm 0.1.0

package/lib/client.js

@@ -0,0 +1,2076 @@
+window.__ModuleLoader__.load({
+	id: "dsh-winrm",
+	factory: (require) => {
+		var module = { exports: {} };
+		var exports = module.exports;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/protocol.ts
+const WINRM_API = {
+	hosts: "/api/dsh-winrm/hosts",
+	test: "/api/dsh-winrm/test",
+	exec: "/api/dsh-winrm/exec",
+	cluster: "/api/dsh-winrm/cluster",
+	services: "/api/dsh-winrm/services",
+	processes: "/api/dsh-winrm/processes",
+	ls: "/api/dsh-winrm/ls",
+	upload: "/api/dsh-winrm/upload",
+	download: "/api/dsh-winrm/download",
+	console: "/api/dsh-winrm/console"
+};
+//#endregion
+//#region src/client/api.ts
+/**
+* Browser-side API client for the /api/dsh-winrm route family. The only data
+* access path the panel components use — plain fetch/WebSocket, same origin.
+*/
+/** Error carrying the route's JSON error message. */
+var WinrmApiError = class extends Error {
+	constructor(message) {
+		super(message);
+		this.name = "WinrmApiError";
+	}
+};
+/** Parse a JSON response or throw a WinrmApiError. */
+async function readJson(response) {
+	let body;
+	try {
+		body = await response.json();
+	} catch {
+		throw new WinrmApiError(`HTTP ${response.status}: invalid JSON response`);
+	}
+	if (!response.ok) throw new WinrmApiError(typeof body === "object" && body !== null && typeof body.error === "string" ? body.error : `HTTP ${response.status}`);
+	return body;
+}
+/** Query-string helper. */
+function query(params) {
+	const search = new URLSearchParams();
+	for (const [key, value] of Object.entries(params)) if (value !== void 0 && value !== "") search.set(key, String(value));
+	const text = search.toString();
+	return text === "" ? "" : "?" + text;
+}
+/** The browser half's only data entry point. */
+var WinrmApi = class {
+	async listHosts(queryText) {
+		return (await readJson(await fetch(WINRM_API.hosts + query({ query: queryText })))).hosts;
+	}
+	async createHost(payload) {
+		return (await readJson(await fetch(WINRM_API.hosts, {
+			method: "POST",
+			headers: { "content-type": "application/json" },
+			body: JSON.stringify(payload)
+		}))).host;
+	}
+	async updateHost(alias, patch) {
+		return (await readJson(await fetch(WINRM_API.hosts + query({ alias }), {
+			method: "PATCH",
+			headers: { "content-type": "application/json" },
+			body: JSON.stringify(patch)
+		}))).host;
+	}
+	async deleteHost(alias) {
+		await readJson(await fetch(WINRM_API.hosts + query({ alias }), { method: "DELETE" }));
+	}
+	async testHost(alias) {
+		return (await readJson(await fetch(WINRM_API.test, {
+			method: "POST",
+			headers: { "content-type": "application/json" },
+			body: JSON.stringify({ alias })
+		}))).result;
+	}
+	async exec(alias, command, timeoutMs) {
+		return (await readJson(await fetch(WINRM_API.exec, {
+			method: "POST",
+			headers: { "content-type": "application/json" },
+			body: JSON.stringify({
+				alias,
+				command,
+				timeoutMs
+			})
+		}))).result;
+	}
+	async cluster(options) {
+		return (await readJson(await fetch(WINRM_API.cluster, {
+			method: "POST",
+			headers: { "content-type": "application/json" },
+			body: JSON.stringify(options)
+		}))).results;
+	}
+	async listServices(alias) {
+		return (await readJson(await fetch(WINRM_API.services, {
+			method: "POST",
+			headers: { "content-type": "application/json" },
+			body: JSON.stringify({
+				alias,
+				action: "list"
+			})
+		}))).services;
+	}
+	async serviceAction(alias, name, action) {
+		return (await readJson(await fetch(WINRM_API.services, {
+			method: "POST",
+			headers: { "content-type": "application/json" },
+			body: JSON.stringify({
+				alias,
+				name,
+				action
+			})
+		}))).service;
+	}
+	async listProcesses(alias) {
+		return (await readJson(await fetch(WINRM_API.processes, {
+			method: "POST",
+			headers: { "content-type": "application/json" },
+			body: JSON.stringify({
+				alias,
+				action: "list"
+			})
+		}))).processes;
+	}
+	async killProcess(alias, id) {
+		await readJson(await fetch(WINRM_API.processes, {
+			method: "POST",
+			headers: { "content-type": "application/json" },
+			body: JSON.stringify({
+				alias,
+				action: "kill",
+				id
+			})
+		}));
+	}
+	async ls(alias, dir) {
+		return (await readJson(await fetch(WINRM_API.ls + query({
+			alias,
+			path: dir
+		})))).entries;
+	}
+	/**
+	* Upload one file (raw bytes) to a remote path. Progress arrives through
+	* the NDJSON response stream; resolves when the result frame lands.
+	*/
+	async uploadFile(file, alias, remotePath, onProgress) {
+		const response = await fetch(WINRM_API.upload + query({
+			alias,
+			remotePath
+		}), {
+			method: "POST",
+			body: file
+		});
+		if (!response.ok || response.body === null) throw new WinrmApiError(`upload failed: HTTP ${response.status}`);
+		const reader = response.body.getReader();
+		const decoder = new TextDecoder();
+		let buffer = "";
+		let finalError;
+		let sawResult = false;
+		let transferredBytes = 0;
+		for (;;) {
+			const { done, value } = await reader.read();
+			if (done) break;
+			buffer += decoder.decode(value, { stream: true });
+			const lines = buffer.split("\n");
+			buffer = lines.pop() ?? "";
+			for (const line of lines) {
+				if (line.trim() === "") continue;
+				let parsed;
+				try {
+					parsed = JSON.parse(line);
+				} catch {
+					continue;
+				}
+				if (parsed.type === "progress") onProgress?.(parsed.progress);
+				else if (parsed.type === "result") {
+					sawResult = true;
+					if (parsed.ok) transferredBytes = parsed.transferredBytes ?? 0;
+					finalError = parsed.ok ? void 0 : parsed.error ?? "upload failed";
+				}
+			}
+		}
+		if (finalError !== void 0) throw new WinrmApiError(finalError);
+		if (!sawResult) throw new WinrmApiError("upload ended without a result frame — the transfer did not complete");
+		return { transferredBytes };
+	}
+	/**
+	* Download a remote file with client-side progress. Streams straight to
+	* disk when the File System Access API is available; otherwise falls back
+	* to an in-memory Blob.
+	*/
+	async downloadFile(alias, remotePath, onProgress) {
+		const response = await fetch(WINRM_API.download + query({
+			alias,
+			remotePath
+		}));
+		if (!response.ok || response.body === null) {
+			const text = await response.text().catch(() => "");
+			throw new WinrmApiError(text !== "" && text.startsWith("{") ? text : `download failed: HTTP ${response.status}`);
+		}
+		const total = Number(response.headers.get("content-length") ?? "0");
+		const disposition = response.headers.get("content-disposition") ?? "";
+		const filename = /filename="([^"]+)"/.exec(disposition)?.[1] ?? remotePath.split(/[\\/]/).pop() ?? "download";
+		const reader = response.body.getReader();
+		const picker = typeof window !== "undefined" ? window.showSaveFilePicker : void 0;
+		let streamed = false;
+		let writable;
+		const chunks = [];
+		let received = 0;
+		const progress = () => {
+			onProgress?.({
+				phase: "transferring",
+				file: remotePath,
+				transferred: received,
+				total,
+				percent: total > 0 ? Math.round(received / total * 1e3) / 10 : 0
+			});
+		};
+		try {
+			if (picker !== void 0) {
+				writable = await (await picker.call(window, { suggestedName: filename })).createWritable();
+				streamed = true;
+			}
+		} catch {}
+		for (;;) {
+			const { done, value } = await reader.read();
+			if (done) break;
+			if (writable !== void 0) await writable.write(value);
+			else chunks.push(value);
+			received += value.length;
+			progress();
+		}
+		if (writable !== void 0) await writable.close();
+		onProgress?.({
+			phase: "done",
+			file: remotePath,
+			transferred: received,
+			total: received > 0 ? received : total,
+			percent: 100
+		});
+		return {
+			blob: streamed ? void 0 : new Blob(chunks),
+			filename,
+			streamed,
+			bytes: received
+		};
+	}
+	/** Open a WebSocket PowerShell console session. */
+	openConsole(alias) {
+		const url = (window.location.protocol === "https:" ? "wss" : "ws") + "://" + window.location.host + WINRM_API.console + query({ alias });
+		const socket = new WebSocket(url);
+		const connection = {
+			onReady: void 0,
+			onOutput: void 0,
+			onExit: void 0,
+			send: (data) => {
+				if (socket.readyState === WebSocket.OPEN) socket.send(JSON.stringify({
+					type: "input",
+					data
+				}));
+			},
+			close: () => {
+				try {
+					socket.close();
+				} catch {}
+			}
+		};
+		socket.onmessage = (event) => {
+			let frame;
+			try {
+				frame = JSON.parse(event.data);
+			} catch {
+				return;
+			}
+			if (frame.type === "ready") connection.onReady?.();
+			else if (frame.type === "output") connection.onOutput?.(frame.data);
+			else if (frame.type === "exit") connection.onExit?.(frame.code, frame.error);
+		};
+		socket.onclose = () => {
+			connection.onExit?.(null, "connection closed");
+		};
+		socket.onerror = () => {
+			connection.onExit?.(null, "connection error");
+		};
+		return connection;
+	}
+};
+//#endregion
+//#region src/client/locales.ts
+/**
+* Locale dictionaries for the WinRM panel (zh / en), bound to the shared
+* interpolator in panel/helpers.ts.
+*/
+const zh = {
+	"entry.label": "Windows",
+	"entry.tooltip": "Windows 远程管理（WinRM）",
+	"panel.title": "Windows 远程管理",
+	"panel.backToConversation": "返回对话",
+	"tab.hosts": "主机",
+	"tab.console": "控制台",
+	"tab.services": "服务",
+	"tab.processes": "进程",
+	"tab.transfer": "传输",
+	"common.loading": "加载中…",
+	"common.error": "错误：{error}",
+	"common.refresh": "刷新",
+	"hosts.search": "搜索主机…",
+	"hosts.add": "添加主机",
+	"hosts.test": "测试",
+	"hosts.testing": "测试中…",
+	"hosts.edit": "编辑",
+	"hosts.delete": "删除",
+	"hosts.deleteConfirm": "确认删除主机 {alias}？",
+	"hosts.connect": "连接控制台",
+	"hosts.testOk": "连接成功（{latency} ms）",
+	"hosts.testFail": "连接失败：{error}",
+	"hosts.empty": "尚未配置 Windows 主机，点「添加主机」开始。",
+	"hosts.col.alias": "别名",
+	"hosts.col.host": "主机",
+	"hosts.col.user": "用户",
+	"hosts.col.auth": "认证",
+	"hosts.col.transport": "传输",
+	"hosts.col.environment": "环境",
+	"hosts.col.tags": "标签",
+	"hosts.col.description": "备注",
+	"hosts.col.actions": "操作",
+	"form.title.create": "添加 Windows 主机",
+	"form.title.edit": "编辑主机 {alias}",
+	"form.alias": "别名",
+	"form.aliasHint": "英文字母/数字/点/连字符/下划线",
+	"form.host": "主机名或 IP",
+	"form.port": "WinRM 端口",
+	"form.user": "用户名",
+	"form.userHint": "由原生 Node WinRM 客户端自动选择 NTLM/Negotiate 或 Basic；支持本地账户、DOMAIN\\user 或 user@domain",
+	"form.password": "密码",
+	"form.passwordHint": "仅保存在本机 ~/.dsh/dsh-winrm.json（0600），不显示在页面上",
+	"form.transport": "传输",
+	"form.transport.http": "HTTP (5985)",
+	"form.transport.https": "HTTPS (5986)",
+	"form.rejectUnauthorized": "接受自签名证书（HTTPS）",
+	"form.environment": "环境（development / production…）",
+	"form.tags": "标签（逗号分隔）",
+	"form.description": "备注",
+	"form.save": "保存",
+	"form.cancel": "取消",
+	"form.error": "错误：{error}",
+	"form.passwordPlaceholder": "（保持不变）",
+	"console.select": "选择主机开始控制台",
+	"console.connecting": "正在连接 {alias}…",
+	"console.connected": "已连接 {alias} — 输入 PowerShell 命令，回车执行；输入 exit 退出",
+	"console.disconnected": "连接已关闭",
+	"console.disconnect": "断开",
+	"console.inputPlaceholder": "PowerShell 命令…",
+	"console.send": "发送",
+	"console.utf8Note": "注意：控制台经 WinRM 传输，中文输出可能乱码；需要精确中文输出请用「exec」或文件传输",
+	"services.select": "选择主机查看服务",
+	"services.list": "服务列表",
+	"services.name": "服务名",
+	"services.displayName": "显示名",
+	"services.status": "状态",
+	"services.startMode": "启动类型",
+	"services.startName": "运行账户",
+	"services.start": "启动",
+	"services.stop": "停止",
+	"services.restart": "重启",
+	"services.auto": "自动",
+	"services.manual": "手动",
+	"services.disabled": "禁用",
+	"services.actionOk": "操作成功：{name} → {status}",
+	"services.actionFail": "操作失败：{error}",
+	"services.filter": "筛选…",
+	"processes.select": "选择主机查看进程",
+	"processes.id": "PID",
+	"processes.name": "名称",
+	"processes.cpu": "CPU",
+	"processes.memMB": "内存(MB)",
+	"processes.startTime": "启动时间",
+	"processes.path": "路径",
+	"processes.kill": "结束",
+	"processes.killConfirm": "确认结束进程 {name} (PID {id})？",
+	"processes.killed": "已结束进程 PID {id}",
+	"processes.killFail": "结束失败：{error}",
+	"processes.filter": "筛选…",
+	"transfer.select": "选择主机浏览文件",
+	"transfer.path": "路径",
+	"transfer.go": "打开",
+	"transfer.up": "上级",
+	"transfer.root": "根目录",
+	"transfer.name": "名称",
+	"transfer.type": "类型",
+	"transfer.size": "大小",
+	"transfer.modified": "修改时间",
+	"transfer.download": "下载",
+	"transfer.upload": "上传文件",
+	"transfer.uploading": "上传中…",
+	"transfer.downloading": "下载中…",
+	"transfer.uploaded": "已上传 {bytes} 字节",
+	"transfer.downloaded": "已下载 {bytes} 字节",
+	"transfer.fail": "传输失败：{error}",
+	"transfer.bytes": "B",
+	"transfer.kib": "KB",
+	"transfer.mib": "MB",
+	"transfer.dir": "目录",
+	"transfer.file": "文件"
+};
+const en = {
+	"entry.label": "Windows",
+	"entry.tooltip": "Windows remote administration (WinRM)",
+	"panel.title": "Windows Remote",
+	"panel.backToConversation": "Back to chat",
+	"tab.hosts": "Hosts",
+	"tab.console": "Console",
+	"tab.services": "Services",
+	"tab.processes": "Processes",
+	"tab.transfer": "Transfer",
+	"common.loading": "Loading…",
+	"common.error": "Error: {error}",
+	"common.refresh": "Refresh",
+	"hosts.search": "Search hosts…",
+	"hosts.add": "Add host",
+	"hosts.test": "Test",
+	"hosts.testing": "Testing…",
+	"hosts.edit": "Edit",
+	"hosts.delete": "Delete",
+	"hosts.deleteConfirm": "Delete host {alias}?",
+	"hosts.connect": "Console",
+	"hosts.testOk": "connected ({latency} ms)",
+	"hosts.testFail": "failed: {error}",
+	"hosts.empty": "No Windows hosts configured yet — click \"Add host\" to start.",
+	"hosts.col.alias": "Alias",
+	"hosts.col.host": "Host",
+	"hosts.col.user": "User",
+	"hosts.col.auth": "Auth",
+	"hosts.col.transport": "Transport",
+	"hosts.col.environment": "Environment",
+	"hosts.col.tags": "Tags",
+	"hosts.col.description": "Description",
+	"hosts.col.actions": "Actions",
+	"form.title.create": "Add Windows host",
+	"form.title.edit": "Edit host {alias}",
+	"form.alias": "Alias",
+	"form.aliasHint": "letters, digits, dots, hyphens or underscores",
+	"form.host": "Hostname or IP",
+	"form.port": "WinRM port",
+	"form.user": "Username",
+	"form.userHint": "Native Node WinRM client auto-selects NTLM/Negotiate or Basic; supports local, DOMAIN\\user, or user@domain accounts",
+	"form.password": "Password",
+	"form.passwordHint": "Stored locally only in ~/.dsh/dsh-winrm.json (0600), never shown here",
+	"form.transport": "Transport",
+	"form.transport.http": "HTTP (5985)",
+	"form.transport.https": "HTTPS (5986)",
+	"form.rejectUnauthorized": "Accept self-signed certificates (HTTPS)",
+	"form.environment": "Environment (development / production…)",
+	"form.tags": "Tags (comma separated)",
+	"form.description": "Description",
+	"form.save": "Save",
+	"form.cancel": "Cancel",
+	"form.error": "Error: {error}",
+	"form.passwordPlaceholder": "(unchanged)",
+	"console.select": "Pick a host to open the console",
+	"console.connecting": "Connecting to {alias}…",
+	"console.connected": "Connected to {alias} — type a PowerShell command and press Enter; type exit to quit",
+	"console.disconnected": "Connection closed",
+	"console.disconnect": "Disconnect",
+	"console.inputPlaceholder": "PowerShell command…",
+	"console.send": "Send",
+	"console.utf8Note": "Note: the console travels over WinRM and non-ASCII output may garble; use exec or file transfer for exact UTF-8 content",
+	"services.select": "Pick a host to view services",
+	"services.list": "Services",
+	"services.name": "Name",
+	"services.displayName": "Display name",
+	"services.status": "Status",
+	"services.startMode": "Start mode",
+	"services.startName": "Run as",
+	"services.start": "Start",
+	"services.stop": "Stop",
+	"services.restart": "Restart",
+	"services.auto": "Auto",
+	"services.manual": "Manual",
+	"services.disabled": "Disabled",
+	"services.actionOk": "OK: {name} → {status}",
+	"services.actionFail": "Failed: {error}",
+	"services.filter": "Filter…",
+	"processes.select": "Pick a host to view processes",
+	"processes.id": "PID",
+	"processes.name": "Name",
+	"processes.cpu": "CPU",
+	"processes.memMB": "Mem(MB)",
+	"processes.startTime": "Started",
+	"processes.path": "Path",
+	"processes.kill": "Kill",
+	"processes.killConfirm": "Kill process {name} (PID {id})?",
+	"processes.killed": "Killed PID {id}",
+	"processes.killFail": "Failed: {error}",
+	"processes.filter": "Filter…",
+	"transfer.select": "Pick a host to browse files",
+	"transfer.path": "Path",
+	"transfer.go": "Open",
+	"transfer.up": "Up",
+	"transfer.root": "Root",
+	"transfer.name": "Name",
+	"transfer.type": "Type",
+	"transfer.size": "Size",
+	"transfer.modified": "Modified",
+	"transfer.download": "Download",
+	"transfer.upload": "Upload file",
+	"transfer.uploading": "Uploading…",
+	"transfer.downloading": "Downloading…",
+	"transfer.uploaded": "Uploaded {bytes} bytes",
+	"transfer.downloaded": "Downloaded {bytes} bytes",
+	"transfer.fail": "Transfer failed: {error}",
+	"transfer.bytes": "B",
+	"transfer.kib": "KB",
+	"transfer.mib": "MB",
+	"transfer.dir": "dir",
+	"transfer.file": "file"
+};
+/** Translate a key in one dictionary with optional {name} params. */
+function t(dict, key, values) {
+	let text = dict[key] ?? key;
+	if (values !== void 0) for (const [name, value] of Object.entries(values)) text = text.split("{" + name + "}").join(String(value));
+	return text;
+}
+//#endregion
+//#region src/client/panel/helpers.ts
+/**
+* Shared panel helpers: the active-dictionary pick (document-language based)
+* bound to the dsh-winrm interpolator in locales.ts, plus a small
+* error-message extractor.
+*/
+/** Active dictionary, picked by the document language at call time. */
+function dictionary() {
+	return (typeof document !== "undefined" ? document.documentElement.lang : "zh").toLowerCase().startsWith("en") ? { ...en } : { ...zh };
+}
+/** Translate a key with optional {name} template params (current language). */
+function tt(key, values) {
+	return t(dictionary(), key, values);
+}
+/** Human-readable error text from an unknown thrown value. */
+function errorMessage(error) {
+	if (error instanceof Error) return error.message;
+	return String(error);
+}
+/** Format a byte count into B/KB/MB. */
+function formatBytes(bytes) {
+	if (bytes >= 1024 * 1024) return (bytes / (1024 * 1024)).toFixed(1) + " MB";
+	if (bytes >= 1024) return (bytes / 1024).toFixed(1) + " KB";
+	return bytes + " B";
+}
+//#endregion
+//#region \0dsh-css:D:\GITHUB\dsh-winrm\src\client\panel\panel.module.css.mjs
+const css = ".Z2pyhW_entry{width:100%;height:32px;color:var(--dsw-alias-label-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:0 12px;font-size:13px;display:flex}.Z2pyhW_entry:hover{background:var(--dsw-specific-sidebar-nav-item-hover);color:var(--dsw-alias-label-primary)}.Z2pyhW_entry[data-active]{background:var(--dsw-specific-sidebar-nav-item-active);color:var(--dsw-alias-label-primary);font-weight:600}.Z2pyhW_entryIcon{flex:none;justify-content:center;align-items:center;display:inline-flex}.Z2pyhW_entryLabel{text-overflow:ellipsis;overflow:hidden}[data-dsh-frame][data-sidebar-collapsed] .Z2pyhW_entry{justify-content:center;width:100%;padding:0}[data-dsh-frame][data-sidebar-collapsed] .Z2pyhW_entryLabel{display:none}.Z2pyhW_panel{background:var(--dsw-alias-bg-base);min-width:0;height:100%;min-height:0;color:var(--dsw-alias-label-primary);font-family:var(--dsw-font-family);flex-direction:column;gap:10px;padding:14px 16px 16px;display:flex}.Z2pyhW_panelHeader{flex:none;align-items:center;gap:10px;display:flex}.Z2pyhW_panelTitle{color:var(--dsw-alias-label-primary);white-space:nowrap;flex:1;margin:0;font-size:16px;font-weight:700}.Z2pyhW_backButton{align-items:center;gap:4px;display:inline-flex}.Z2pyhW_tabBar{border-bottom:1px solid var(--dsw-alias-border-l1);flex:none;gap:2px;display:flex}.Z2pyhW_tab{color:var(--dsw-alias-label-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:6px 6px 0 0;padding:7px 14px;font-size:13px}.Z2pyhW_tab:hover{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-interactive-bg-hover)}.Z2pyhW_tab[data-active]{color:var(--dsw-alias-label-primary);border-bottom-color:var(--dsw-alias-state-business-primary);font-weight:600}.Z2pyhW_panelContent{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.Z2pyhW_tabBody{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex;overflow-y:auto}.Z2pyhW_fillBody{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex;overflow:hidden}.Z2pyhW_toolbar,.Z2pyhW_controls{flex-wrap:wrap;flex:none;align-items:center;gap:8px;display:flex}.Z2pyhW_controls .Z2pyhW_input{flex:0 260px;min-width:150px}.Z2pyhW_toolbarSpacer{flex:1}.Z2pyhW_search{min-width:120px;color:var(--dsw-alias-label-primary);background:var(--dsw-specific-input-major);border:1px solid var(--dsw-alias-border-l2);border-radius:8px;outline:none;flex:0 260px;padding:6px 10px;font-size:13px}.Z2pyhW_search::placeholder{color:var(--dsw-alias-label-tertiary)}.Z2pyhW_groupBySelect{color:var(--dsw-alias-label-primary);background:var(--dsw-specific-input-major);border:1px solid var(--dsw-alias-border-l2);border-radius:8px;outline:none;padding:6px 8px;font-size:13px}.Z2pyhW_groupSection+.Z2pyhW_groupSection{border-top:1px solid var(--dsw-alias-border-l1)}.Z2pyhW_groupHeader{background:var(--dsw-alias-bg-base,var(--dsw-specific-input-major));align-items:center;gap:8px;padding:4px 8px;display:flex;position:sticky;top:0}.Z2pyhW_groupToggle{min-width:0;color:var(--dsw-alias-label-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;flex:1;align-items:center;gap:6px;padding:4px 6px;font-size:12.5px;font-weight:500;display:flex}.Z2pyhW_groupToggle:hover{background:var(--dsw-alias-interactive-bg-hover)}.Z2pyhW_groupChevron{border-right:1.5px solid var(--dsw-alias-label-tertiary);border-bottom:1.5px solid var(--dsw-alias-label-tertiary);flex:none;width:7px;height:7px;margin-bottom:2px;transition:transform .12s;transform:rotate(45deg)}.Z2pyhW_groupChevron[data-collapsed]{margin-bottom:0;transform:rotate(-45deg)}.Z2pyhW_groupName{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.Z2pyhW_groupCount{color:var(--dsw-alias-label-tertiary);flex:none;font-weight:400}.Z2pyhW_tableWrap{border:1px solid var(--dsw-alias-border-l1);border-radius:10px;flex:1;min-height:0;overflow:auto}.Z2pyhW_table{border-collapse:collapse;width:100%;font-size:12.5px}.Z2pyhW_table th{z-index:1;text-align:left;background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-secondary);border-bottom:1px solid var(--dsw-alias-border-l1);white-space:nowrap;padding:8px 10px;font-weight:600;position:sticky;top:0}.Z2pyhW_table td{border-bottom:1px solid var(--dsw-alias-separator-primary);vertical-align:top;padding:7px 10px}.Z2pyhW_table tbody tr:last-child td{border-bottom:none}.Z2pyhW_table tbody tr:hover td{background:var(--dsw-alias-interactive-bg-hover)}.Z2pyhW_mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.Z2pyhW_cellMuted{color:var(--dsw-alias-label-tertiary)}.Z2pyhW_actions{white-space:nowrap;align-items:center;gap:8px;display:flex}.Z2pyhW_inlineTest{color:var(--dsw-alias-label-secondary);align-items:center;gap:6px;font-size:11.5px;display:inline-flex}.Z2pyhW_inlineTest[data-status=ok]{color:var(--dsw-alias-state-success-primary)}.Z2pyhW_inlineTest[data-status=fail]{color:var(--dsw-alias-state-error-primary)}.Z2pyhW_badge{border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:11px;line-height:1.6;display:inline-block}.Z2pyhW_badge[data-kind=key]{color:var(--dsw-alias-state-business-primary);border-color:var(--dsw-alias-state-business-primary)}.Z2pyhW_badge[data-kind=password]{color:var(--dsw-alias-state-warn-primary);border-color:var(--dsw-alias-state-warn-primary)}.Z2pyhW_badge[data-status=ok]{color:var(--dsw-alias-state-success-primary);border-color:var(--dsw-alias-state-success-primary)}.Z2pyhW_badge[data-status=fail]{color:var(--dsw-alias-state-error-primary);border-color:var(--dsw-alias-state-error-primary)}.Z2pyhW_badge[data-status=timeout]{color:var(--dsw-alias-state-warn-primary);border-color:var(--dsw-alias-state-warn-primary)}.Z2pyhW_primaryButton{color:var(--dsw-alias-label-primary-foreground);background:var(--dsw-alias-button-info-fill);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:600}.Z2pyhW_primaryButton:hover:not(:disabled){background:var(--dsw-alias-button-info-hover)}.Z2pyhW_primaryButton:disabled{opacity:.5;cursor:default}.Z2pyhW_ghostButton{color:var(--dsw-alias-label-primary);border:1px solid var(--dsw-alias-border-l2);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;padding:5px 12px;font-size:12px}.Z2pyhW_ghostButton:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.Z2pyhW_ghostButton:disabled{opacity:.45;cursor:default}.Z2pyhW_iconButton{width:26px;height:26px;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;font-size:13px;display:inline-flex}.Z2pyhW_iconButton:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}.Z2pyhW_linkButton{color:var(--dsw-alias-state-business-primary);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0;font-size:12px}.Z2pyhW_linkButton:hover:not(:disabled){text-decoration:underline}.Z2pyhW_linkButton:disabled{opacity:.45;cursor:default}.Z2pyhW_linkButton[data-danger]{color:var(--dsw-alias-state-error-primary)}.Z2pyhW_spinner{border:2px solid var(--dsw-alias-state-business-primary);vertical-align:-1px;border-top-color:#0000;border-radius:50%;flex:none;width:11px;height:11px;animation:.8s linear infinite Z2pyhW_dshSshSpin;display:inline-block}@keyframes Z2pyhW_dshSshSpin{to{transform:rotate(360deg)}}.Z2pyhW_banner{border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);overflow-wrap:anywhere;border-radius:8px;padding:8px 12px;font-size:12.5px;line-height:1.5}.Z2pyhW_banner[data-kind=ok]{color:var(--dsw-alias-state-success-primary);border-color:var(--dsw-alias-state-success-primary)}.Z2pyhW_banner[data-kind=error]{color:var(--dsw-alias-state-error-primary);border-color:var(--dsw-alias-state-error-primary)}.Z2pyhW_banner[data-kind=info]{color:var(--dsw-alias-state-business-primary);border-color:var(--dsw-alias-state-business-primary)}.Z2pyhW_empty,.Z2pyhW_loading{text-align:center;color:var(--dsw-alias-label-tertiary);padding:28px 12px;font-size:12.5px}.Z2pyhW_modalBackdrop{z-index:40;background:var(--dsw-alias-bg-mask-1);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.Z2pyhW_modal{background:var(--dsw-alias-bg-base);border:1px solid var(--dsw-alias-border-l2);width:min(560px,100vw - 48px);max-height:calc(100vh - 96px);box-shadow:var(--dsw-shadow-lv3);color:var(--dsw-alias-label-primary);border-radius:14px;flex-direction:column;gap:12px;padding:18px;display:flex;overflow-y:auto}.Z2pyhW_modalTitle{margin:0;font-size:15px;font-weight:700}.Z2pyhW_modalFooter{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.Z2pyhW_formError{color:var(--dsw-alias-state-error-primary);margin:0;font-size:12px}.Z2pyhW_hint{color:var(--dsw-alias-label-tertiary);font-size:11.5px}.Z2pyhW_field{flex-direction:column;gap:5px;display:flex}.Z2pyhW_fieldLabel{color:var(--dsw-alias-label-secondary);font-size:12px;font-weight:600}.Z2pyhW_input{color:var(--dsw-alias-label-primary);background:var(--dsw-specific-input-major);border:1px solid var(--dsw-alias-border-l2);resize:vertical;border-radius:8px;outline:none;padding:7px 10px;font-family:inherit;font-size:13px}.Z2pyhW_input:focus{border-color:var(--dsw-alias-state-business-primary)}.Z2pyhW_input::placeholder{color:var(--dsw-alias-label-tertiary)}.Z2pyhW_input:disabled{opacity:.55}.Z2pyhW_formRow{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px 12px;display:grid}.Z2pyhW_radioRow{align-items:center;gap:16px;display:flex}.Z2pyhW_radioLabel{color:var(--dsw-alias-label-primary);cursor:pointer;align-items:center;gap:6px;font-size:13px;display:inline-flex}.Z2pyhW_termBody{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex;overflow:hidden}.Z2pyhW_termWrap{border:1px solid var(--dsw-alias-border-l1);background:#0b0e14;border-radius:10px;flex:1;min-height:0;position:relative;overflow:hidden}.Z2pyhW_termContainer{position:absolute;inset:8px 10px}.Z2pyhW_termPlaceholder{z-index:2;text-align:center;color:var(--dsw-alias-label-tertiary);background:var(--dsw-alias-bg-base);justify-content:center;align-items:center;padding:0 24px;font-size:12.5px;display:flex;position:absolute;inset:0}.Z2pyhW_hiddenFile{display:none}.Z2pyhW_browsePanel{border:1px solid var(--dsw-alias-border-l1);border-radius:10px;flex-direction:column;flex:none;display:flex;overflow:hidden}.Z2pyhW_browseHeader{background:var(--dsw-alias-bg-layer-2);border-bottom:1px solid var(--dsw-alias-border-l1);align-items:center;gap:8px;padding:8px 10px;display:flex}.Z2pyhW_browsePath{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--dsw-alias-label-secondary);flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;overflow:hidden}.Z2pyhW_browseList{max-height:240px;overflow-y:auto}.Z2pyhW_dirRow{text-align:left;width:100%;font:inherit;color:var(--dsw-alias-label-primary);border:none;border-bottom:1px solid var(--dsw-alias-separator-primary);cursor:pointer;background:0 0;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;padding:5px 10px;font-size:12.5px;display:grid}.Z2pyhW_dirRow:hover{background:var(--dsw-alias-interactive-bg-hover)}.Z2pyhW_dirRow[data-type=dir] .Z2pyhW_dirName{color:var(--dsw-alias-state-business-primary)}.Z2pyhW_dirRow[data-up]{color:var(--dsw-alias-label-secondary)}.Z2pyhW_dirName{text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:hidden}.Z2pyhW_dirType{color:var(--dsw-alias-label-tertiary);white-space:nowrap}.Z2pyhW_dirSize{color:var(--dsw-alias-label-tertiary);white-space:nowrap;text-align:right}.Z2pyhW_transferBlock{flex-direction:column;flex:none;gap:6px;display:flex}.Z2pyhW_progressMeta{color:var(--dsw-alias-label-secondary);flex-wrap:wrap;gap:12px;font-size:12px;display:flex}.Z2pyhW_progressTrack{background:var(--dsw-alias-interactive-bg-hover);border-radius:999px;height:8px;overflow:hidden}.Z2pyhW_progressBar{background:var(--dsw-alias-state-business-primary);border-radius:999px;height:100%;transition:width .12s linear}.Z2pyhW_tunnelList{flex-direction:column;flex:none;gap:8px;display:flex}.Z2pyhW_tunnelRow{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);border-radius:10px;align-items:center;gap:10px;padding:8px 12px;display:flex}.Z2pyhW_tunnelRow[data-state=forwarding]{border-color:var(--dsw-alias-state-success-primary)}.Z2pyhW_tunnelRow[data-state=connecting]{border-color:var(--dsw-alias-state-warn-primary)}.Z2pyhW_tunnelRow[data-state=failed]{border-color:var(--dsw-alias-state-error-primary)}.Z2pyhW_tunnelLabel{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;overflow:hidden}.Z2pyhW_formCard{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);border-radius:10px;flex-direction:column;flex:none;gap:10px;padding:12px;display:flex}.Z2pyhW_clusterForm{flex-direction:column;flex:none;gap:8px;display:flex}.Z2pyhW_clusterFilters{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;display:grid}.Z2pyhW_commandInput{min-height:96px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.Z2pyhW_cellDetails summary{cursor:pointer;color:var(--dsw-alias-label-secondary);font-size:12px}.Z2pyhW_cellPre{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);white-space:pre-wrap;word-break:break-all;border-radius:6px;max-height:180px;margin:4px 0 0;padding:6px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11.5px;overflow:auto}.Z2pyhW_consoleWrap{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.Z2pyhW_consoleHeader{flex:none;align-items:center;gap:8px;display:flex}.Z2pyhW_consoleOutput{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);white-space:pre-wrap;word-break:break-all;min-height:0;color:var(--dsw-alias-label-primary);border-radius:6px;flex:1;margin:0;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.45;overflow:auto}.Z2pyhW_consoleInputRow{flex:none;align-items:center;gap:8px;display:flex}.Z2pyhW_consoleInputRow .Z2pyhW_input{flex:1}.Z2pyhW_utf8Note{color:var(--dsw-alias-label-tertiary);flex:none;font-size:11.5px}.Z2pyhW_checkRow{align-items:center;gap:6px;font-size:13px;display:flex}.Z2pyhW_dialogOverlay{z-index:120;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.Z2pyhW_dialog{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);border-radius:12px;flex-direction:column;gap:10px;width:min(520px,100vw - 48px);max-height:calc(100vh - 96px);padding:16px;display:flex;overflow-y:auto}.Z2pyhW_dialogTitle{margin:0;font-size:15px;font-weight:700}.Z2pyhW_field{flex-direction:column;gap:4px;font-size:13px;display:flex}.Z2pyhW_fieldLabel{color:var(--dsw-alias-label-secondary);font-size:12px}.Z2pyhW_fieldHint{color:var(--dsw-alias-label-tertiary);font-size:11.5px}.Z2pyhW_formRow{align-items:flex-start;gap:10px;display:flex}.Z2pyhW_formRow .Z2pyhW_field{flex:1}.Z2pyhW_formError{color:var(--dsw-alias-state-error-primary);font-size:12.5px}.Z2pyhW_badge[data-kind=ok]{color:var(--dsw-alias-state-success-primary)}.Z2pyhW_badge[data-kind=muted]{color:var(--dsw-alias-label-secondary)}.Z2pyhW_badge[data-kind=password]{color:var(--dsw-alias-state-info-primary)}";
+const tagId = "dsh-winrm/src/client/panel/panel.module.css";
+if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
+	const tag = document.createElement("style");
+	tag.dataset.plugin = "dsh-winrm";
+	tag.dataset.pluginCss = tagId;
+	tag.textContent = css;
+	document.head.appendChild(tag);
+}
+var panel_module_css_default = {
+	"groupHeader": "Z2pyhW_groupHeader",
+	"field": "Z2pyhW_field",
+	"transferBlock": "Z2pyhW_transferBlock",
+	"progressMeta": "Z2pyhW_progressMeta",
+	"dialog": "Z2pyhW_dialog",
+	"controls": "Z2pyhW_controls",
+	"formRow": "Z2pyhW_formRow",
+	"radioLabel": "Z2pyhW_radioLabel",
+	"utf8Note": "Z2pyhW_utf8Note",
+	"cellMuted": "Z2pyhW_cellMuted",
+	"mono": "Z2pyhW_mono",
+	"termContainer": "Z2pyhW_termContainer",
+	"tabBar": "Z2pyhW_tabBar",
+	"hiddenFile": "Z2pyhW_hiddenFile",
+	"entryLabel": "Z2pyhW_entryLabel",
+	"inlineTest": "Z2pyhW_inlineTest",
+	"badge": "Z2pyhW_badge",
+	"panelHeader": "Z2pyhW_panelHeader",
+	"browseList": "Z2pyhW_browseList",
+	"commandInput": "Z2pyhW_commandInput",
+	"tab": "Z2pyhW_tab",
+	"groupToggle": "Z2pyhW_groupToggle",
+	"table": "Z2pyhW_table",
+	"panel": "Z2pyhW_panel",
+	"ghostButton": "Z2pyhW_ghostButton",
+	"dirSize": "Z2pyhW_dirSize",
+	"banner": "Z2pyhW_banner",
+	"formCard": "Z2pyhW_formCard",
+	"dialogTitle": "Z2pyhW_dialogTitle",
+	"termWrap": "Z2pyhW_termWrap",
+	"loading": "Z2pyhW_loading",
+	"modalFooter": "Z2pyhW_modalFooter",
+	"clusterFilters": "Z2pyhW_clusterFilters",
+	"groupBySelect": "Z2pyhW_groupBySelect",
+	"dirRow": "Z2pyhW_dirRow",
+	"entry": "Z2pyhW_entry",
+	"tunnelRow": "Z2pyhW_tunnelRow",
+	"search": "Z2pyhW_search",
+	"checkRow": "Z2pyhW_checkRow",
+	"hint": "Z2pyhW_hint",
+	"groupCount": "Z2pyhW_groupCount",
+	"groupName": "Z2pyhW_groupName",
+	"dshSshSpin": "Z2pyhW_dshSshSpin",
+	"groupSection": "Z2pyhW_groupSection",
+	"cellPre": "Z2pyhW_cellPre",
+	"iconButton": "Z2pyhW_iconButton",
+	"linkButton": "Z2pyhW_linkButton",
+	"fieldLabel": "Z2pyhW_fieldLabel",
+	"tableWrap": "Z2pyhW_tableWrap",
+	"panelTitle": "Z2pyhW_panelTitle",
+	"panelContent": "Z2pyhW_panelContent",
+	"browsePath": "Z2pyhW_browsePath",
+	"spinner": "Z2pyhW_spinner",
+	"dirName": "Z2pyhW_dirName",
+	"clusterForm": "Z2pyhW_clusterForm",
+	"tunnelList": "Z2pyhW_tunnelList",
+	"formError": "Z2pyhW_formError",
+	"modalBackdrop": "Z2pyhW_modalBackdrop",
+	"radioRow": "Z2pyhW_radioRow",
+	"cellDetails": "Z2pyhW_cellDetails",
+	"consoleInputRow": "Z2pyhW_consoleInputRow",
+	"termBody": "Z2pyhW_termBody",
+	"consoleOutput": "Z2pyhW_consoleOutput",
+	"toolbarSpacer": "Z2pyhW_toolbarSpacer",
+	"dirType": "Z2pyhW_dirType",
+	"fieldHint": "Z2pyhW_fieldHint",
+	"tabBody": "Z2pyhW_tabBody",
+	"groupChevron": "Z2pyhW_groupChevron",
+	"modal": "Z2pyhW_modal",
+	"dialogOverlay": "Z2pyhW_dialogOverlay",
+	"termPlaceholder": "Z2pyhW_termPlaceholder",
+	"input": "Z2pyhW_input",
+	"fillBody": "Z2pyhW_fillBody",
+	"consoleHeader": "Z2pyhW_consoleHeader",
+	"backButton": "Z2pyhW_backButton",
+	"entryIcon": "Z2pyhW_entryIcon",
+	"browsePanel": "Z2pyhW_browsePanel",
+	"progressBar": "Z2pyhW_progressBar",
+	"progressTrack": "Z2pyhW_progressTrack",
+	"browseHeader": "Z2pyhW_browseHeader",
+	"toolbar": "Z2pyhW_toolbar",
+	"consoleWrap": "Z2pyhW_consoleWrap",
+	"empty": "Z2pyhW_empty",
+	"modalTitle": "Z2pyhW_modalTitle",
+	"actions": "Z2pyhW_actions",
+	"primaryButton": "Z2pyhW_primaryButton",
+	"tunnelLabel": "Z2pyhW_tunnelLabel"
+};
+//#endregion
+//#region src/client/panel/ConsoleTab.tsx
+/**
+* Console tab: a streaming PowerShell console over the /api/dsh-winrm
+* WebSocket. Output renders into a monospace pre; commands are sent as stdin
+* lines. Non-ASCII output may garble (transport decodes as ASCII) — the
+* exec route/tool carries the UTF-8 envelope instead.
+*/
+/** The streaming PowerShell console. */
+function ConsoleTab({ api, presetAlias, requestId }) {
+	const [aliases, setAliases] = (0, react.useState)([]);
+	const [session, setSession] = (0, react.useState)(null);
+	const [input, setInput] = (0, react.useState)("");
+	const [busy, setBusy] = (0, react.useState)(false);
+	const connRef = (0, react.useRef)(null);
+	const linesRef = (0, react.useRef)([]);
+	const bottomRef = (0, react.useRef)(null);
+	(0, react.useEffect)(() => {
+		api.listHosts().then((list) => setAliases(list.map((h) => h.alias))).catch(() => {});
+	}, [api]);
+	const pushLines = (text) => {
+		linesRef.current = [...linesRef.current, ...text.split("\n")].slice(-5e3);
+		setSession((prev) => prev === null ? prev : {
+			...prev,
+			lines: [...linesRef.current]
+		});
+	};
+	(0, react.useEffect)(() => {
+		if (presetAlias !== void 0 && presetAlias !== "" && requestId !== void 0) connect(presetAlias);
+	}, [presetAlias, requestId]);
+	(0, react.useEffect)(() => {
+		bottomRef.current?.scrollIntoView({ block: "end" });
+	}, [session?.lines]);
+	(0, react.useEffect)(() => () => {
+		connRef.current?.close();
+		connRef.current = null;
+	}, []);
+	const connect = (alias) => {
+		connRef.current?.close();
+		linesRef.current = [];
+		setSession({
+			alias,
+			lines: [],
+			connected: false
+		});
+		setBusy(true);
+		const connection = api.openConsole(alias);
+		connRef.current = connection;
+		connection.onReady = () => {
+			setBusy(false);
+			setSession((prev) => prev === null ? prev : {
+				...prev,
+				connected: true
+			});
+			pushLines(tt("console.connected", { alias }));
+		};
+		connection.onOutput = (data) => {
+			pushLines(data);
+		};
+		connection.onExit = (code, error) => {
+			connRef.current = null;
+			setBusy(false);
+			setSession((prev) => prev === null ? prev : {
+				...prev,
+				connected: false,
+				error: error !== void 0 ? errorMessage(error) : tt("console.disconnected")
+			});
+		};
+	};
+	const disconnect = () => {
+		connRef.current?.close();
+		connRef.current = null;
+		setSession((prev) => prev === null ? prev : {
+			...prev,
+			connected: false,
+			error: tt("console.disconnected")
+		});
+	};
+	const send = () => {
+		const command = input;
+		if (command.trim() === "" || connRef.current === null) return;
+		connRef.current?.send(command + "\r\n");
+		setInput("");
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: panel_module_css_default.fillBody,
+		children: [session === null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: panel_module_css_default.controls,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+				className: panel_module_css_default.input,
+				value: "",
+				onChange: (event) => {
+					if (event.target.value !== "") connect(event.target.value);
+				},
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+					value: "",
+					children: tt("console.select")
+				}), aliases.map((alias) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+					value: alias,
+					children: alias
+				}, alias))]
+			})
+		}), session !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: panel_module_css_default.consoleWrap,
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: panel_module_css_default.consoleHeader,
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: panel_module_css_default.mono,
+							children: session.alias
+						}),
+						session.connected && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: panel_module_css_default.badge,
+							"data-kind": "ok",
+							children: tt("console.connected", { alias: session.alias }).split("—")[0]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: panel_module_css_default.toolbarSpacer }),
+						busy && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: panel_module_css_default.loading,
+							children: tt("console.connecting", { alias: session.alias })
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: panel_module_css_default.ghostButton,
+							onClick: disconnect,
+							children: tt("console.disconnect")
+						})
+					]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("pre", {
+					className: panel_module_css_default.consoleOutput,
+					children: [session.lines.join("\n"), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { ref: bottomRef })]
+				}),
+				session.error !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: panel_module_css_default.banner,
+					"data-kind": "error",
+					children: session.error
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: panel_module_css_default.consoleInputRow,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+						className: panel_module_css_default.input,
+						value: input,
+						placeholder: tt("console.inputPlaceholder"),
+						disabled: !session.connected,
+						onChange: (event) => {
+							setInput(event.target.value);
+						},
+						onKeyDown: (event) => {
+							if (event.key === "Enter") send();
+						}
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: panel_module_css_default.primaryButton,
+						disabled: !session.connected,
+						onClick: send,
+						children: tt("console.send")
+					})]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: panel_module_css_default.utf8Note,
+					children: tt("console.utf8Note")
+				})
+			]
+		})]
+	});
+}
+//#endregion
+//#region src/client/panel/HostFormDialog.tsx
+/**
+* Host form dialog: create/edit one Windows host entry. Passwords are never
+* returned by the API — the edit form shows a placeholder and keeps the
+* stored secret unless a new one is typed.
+*/
+/** The create/edit host dialog. */
+function HostFormDialog({ api, editing, onClose, onSaved }) {
+	const [alias, setAlias] = (0, react.useState)(editing?.alias ?? "");
+	const [host, setHost] = (0, react.useState)(editing?.host ?? "");
+	const [port, setPort] = (0, react.useState)(String(editing?.port ?? 5985));
+	const [user, setUser] = (0, react.useState)(editing?.user ?? "");
+	const [password, setPassword] = (0, react.useState)("");
+	const [transport, setTransport] = (0, react.useState)(editing?.transport ?? "http");
+	const [rejectUnauthorized, setRejectUnauthorized] = (0, react.useState)(editing?.rejectUnauthorized ?? false);
+	const [environment, setEnvironment] = (0, react.useState)(editing?.environment ?? "");
+	const [tags, setTags] = (0, react.useState)(editing?.tags.join(", ") ?? "");
+	const [description, setDescription] = (0, react.useState)(editing?.description ?? "");
+	const [error, setError] = (0, react.useState)(null);
+	const [saving, setSaving] = (0, react.useState)(false);
+	(0, react.useEffect)(() => {
+		const onKey = (event) => {
+			if (event.key === "Escape") onClose();
+		};
+		window.addEventListener("keydown", onKey);
+		return () => {
+			window.removeEventListener("keydown", onKey);
+		};
+	}, [onClose]);
+	const submit = async () => {
+		setSaving(true);
+		setError(null);
+		const payload = {
+			host: host.trim(),
+			port: Number.parseInt(port, 10) || 5985,
+			user: user.trim(),
+			transport,
+			rejectUnauthorized,
+			environment: environment.trim() || void 0,
+			tags: tags.split(",").map((tag) => tag.trim()).filter((tag) => tag !== ""),
+			description: description.trim() || void 0
+		};
+		if (password !== "") payload.auth = {
+			kind: "password",
+			password
+		};
+		try {
+			if (editing === null) {
+				payload.alias = alias.trim();
+				await api.createHost(payload);
+			} else await api.updateHost(editing.alias, payload);
+			onSaved();
+		} catch (cause) {
+			setError(errorMessage(cause));
+			setSaving(false);
+		}
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: panel_module_css_default.dialogOverlay,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: panel_module_css_default.dialog,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+				className: panel_module_css_default.dialogTitle,
+				children: editing === null ? tt("form.title.create") : tt("form.title.edit", { alias: editing.alias })
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: panel_module_css_default.formCard,
+				children: [
+					editing === null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+						className: panel_module_css_default.field,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: panel_module_css_default.fieldLabel,
+							children: tt("form.alias")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							className: panel_module_css_default.input,
+							value: alias,
+							onChange: (event) => {
+								setAlias(event.target.value);
+							},
+							placeholder: tt("form.aliasHint")
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+						className: panel_module_css_default.field,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: panel_module_css_default.fieldLabel,
+							children: tt("form.host")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							className: panel_module_css_default.input,
+							value: host,
+							onChange: (event) => {
+								setHost(event.target.value);
+							}
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: panel_module_css_default.formRow,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+							className: panel_module_css_default.field,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: panel_module_css_default.fieldLabel,
+								children: tt("form.port")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								className: panel_module_css_default.input,
+								type: "number",
+								value: port,
+								onChange: (event) => {
+									setPort(event.target.value);
+								}
+							})]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+							className: panel_module_css_default.field,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: panel_module_css_default.fieldLabel,
+								children: tt("form.transport")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+								className: panel_module_css_default.input,
+								value: transport,
+								onChange: (event) => {
+									const next = event.target.value;
+									setTransport(next);
+									if (port === "5985" || port === "5986") setPort(next === "https" ? "5986" : "5985");
+								},
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									value: "http",
+									children: tt("form.transport.http")
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									value: "https",
+									children: tt("form.transport.https")
+								})]
+							})]
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+						className: panel_module_css_default.field,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: panel_module_css_default.fieldLabel,
+							children: tt("form.user")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							className: panel_module_css_default.input,
+							value: user,
+							onChange: (event) => {
+								setUser(event.target.value);
+							},
+							placeholder: tt("form.userHint")
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+						className: panel_module_css_default.field,
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: panel_module_css_default.fieldLabel,
+								children: tt("form.password")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								className: panel_module_css_default.input,
+								type: "password",
+								value: password,
+								onChange: (event) => {
+									setPassword(event.target.value);
+								},
+								placeholder: editing !== null ? tt("form.passwordPlaceholder") : void 0
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: panel_module_css_default.fieldHint,
+								children: tt("form.passwordHint")
+							})
+						]
+					}),
+					transport === "https" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+						className: panel_module_css_default.checkRow,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							type: "checkbox",
+							checked: !rejectUnauthorized,
+							onChange: (event) => {
+								setRejectUnauthorized(!event.target.checked);
+							}
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: tt("form.rejectUnauthorized") })]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+						className: panel_module_css_default.field,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: panel_module_css_default.fieldLabel,
+							children: tt("form.environment")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							className: panel_module_css_default.input,
+							value: environment,
+							onChange: (event) => {
+								setEnvironment(event.target.value);
+							}
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+						className: panel_module_css_default.field,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: panel_module_css_default.fieldLabel,
+							children: tt("form.tags")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							className: panel_module_css_default.input,
+							value: tags,
+							onChange: (event) => {
+								setTags(event.target.value);
+							}
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+						className: panel_module_css_default.field,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: panel_module_css_default.fieldLabel,
+							children: tt("form.description")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							className: panel_module_css_default.input,
+							value: description,
+							onChange: (event) => {
+								setDescription(event.target.value);
+							}
+						})]
+					}),
+					error !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: panel_module_css_default.formError,
+						children: tt("form.error", { error })
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: panel_module_css_default.actions,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: panel_module_css_default.ghostButton,
+							onClick: onClose,
+							children: tt("form.cancel")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: panel_module_css_default.primaryButton,
+							disabled: saving,
+							onClick: () => {
+								submit();
+							},
+							children: saving ? tt("common.loading") : tt("form.save")
+						})]
+					})
+				]
+			})]
+		})
+	});
+}
+//#endregion
+//#region src/client/panel/HostsTab.tsx
+/**
+* Hosts tab: the host table with search (debounced through listHosts),
+* add/edit/delete/test actions, and a connect action that hands the alias to
+* the console tab via onConnect.
+*/
+/** The hosts table plus its toolbar and dialogs. */
+function HostsTab({ api, onConnect }) {
+	const [hosts, setHosts] = (0, react.useState)(null);
+	const [error, setError] = (0, react.useState)(null);
+	const [search, setSearch] = (0, react.useState)("");
+	const [testingAlias, setTestingAlias] = (0, react.useState)(null);
+	const [testResults, setTestResults] = (0, react.useState)({});
+	const [dialog, setDialog] = (0, react.useState)(null);
+	const seqRef = (0, react.useRef)(0);
+	const mountedRef = (0, react.useRef)(true);
+	(0, react.useEffect)(() => () => {
+		mountedRef.current = false;
+	}, []);
+	const load = (0, react.useCallback)(async (query) => {
+		const seq = ++seqRef.current;
+		try {
+			const list = await api.listHosts(query);
+			if (!mountedRef.current || seq !== seqRef.current) return;
+			setHosts(list);
+			setError(null);
+		} catch (cause) {
+			if (!mountedRef.current || seq !== seqRef.current) return;
+			setError(errorMessage(cause));
+		}
+	}, [api]);
+	(0, react.useEffect)(() => {
+		load();
+	}, [load]);
+	(0, react.useEffect)(() => {
+		const timer = setTimeout(() => {
+			const query = search.trim();
+			load(query === "" ? void 0 : query);
+		}, 300);
+		return () => {
+			clearTimeout(timer);
+		};
+	}, [search, load]);
+	const runTest = async (alias) => {
+		setTestingAlias(alias);
+		try {
+			const result = await api.testHost(alias);
+			setTestResults((prev) => ({
+				...prev,
+				[alias]: result
+			}));
+		} catch (cause) {
+			setTestResults((prev) => ({
+				...prev,
+				[alias]: {
+					ok: false,
+					error: errorMessage(cause)
+				}
+			}));
+		} finally {
+			setTestingAlias(null);
+		}
+	};
+	const deleteHost = async (alias) => {
+		if (!window.confirm(tt("hosts.deleteConfirm", { alias }))) return;
+		try {
+			await api.deleteHost(alias);
+			load();
+		} catch (cause) {
+			setError(errorMessage(cause));
+		}
+	};
+	const renderHostRow = (host) => {
+		const test = testResults[host.alias];
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", { children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+				className: panel_module_css_default.mono,
+				children: host.alias
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("td", {
+				className: panel_module_css_default.mono,
+				children: [
+					host.host,
+					":",
+					host.port
+				]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: host.user }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: panel_module_css_default.badge,
+				"data-kind": "password",
+				children: host.transport === "https" ? "HTTPS" : "HTTP"
+			}) }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+				className: panel_module_css_default.cellMuted,
+				children: host.environment ?? ""
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+				className: panel_module_css_default.cellMuted,
+				children: host.tags.join(", ")
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+				className: panel_module_css_default.cellMuted,
+				children: host.description ?? ""
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: panel_module_css_default.actions,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: panel_module_css_default.linkButton,
+						disabled: testingAlias === host.alias,
+						onClick: () => {
+							runTest(host.alias);
+						},
+						children: testingAlias === host.alias ? tt("hosts.testing") : tt("hosts.test")
+					}),
+					testingAlias === host.alias && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: panel_module_css_default.spinner,
+						"aria-hidden": "true"
+					}),
+					test !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: panel_module_css_default.inlineTest,
+						"data-status": test.ok ? "ok" : "fail",
+						children: test.ok ? tt("hosts.testOk", { latency: test.latencyMs ?? 0 }) : tt("hosts.testFail", { error: test.error ?? "" })
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: panel_module_css_default.linkButton,
+						onClick: () => {
+							setDialog({
+								mode: "edit",
+								host
+							});
+						},
+						children: tt("hosts.edit")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: panel_module_css_default.linkButton,
+						"data-danger": true,
+						onClick: () => {
+							deleteHost(host.alias);
+						},
+						children: tt("hosts.delete")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: panel_module_css_default.ghostButton,
+						onClick: () => {
+							onConnect(host.alias);
+						},
+						children: tt("hosts.connect")
+					})
+				]
+			}) })
+		] }, host.alias);
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: panel_module_css_default.fillBody,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: panel_module_css_default.toolbar,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+						className: panel_module_css_default.search,
+						type: "search",
+						placeholder: tt("hosts.search"),
+						value: search,
+						onChange: (event) => {
+							setSearch(event.target.value);
+						}
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: panel_module_css_default.toolbarSpacer }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: panel_module_css_default.ghostButton,
+						onClick: () => {
+							load(search.trim() || void 0);
+						},
+						children: tt("common.refresh")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: panel_module_css_default.primaryButton,
+						onClick: () => {
+							setDialog({ mode: "create" });
+						},
+						children: tt("hosts.add")
+					})
+				]
+			}),
+			error !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: panel_module_css_default.banner,
+				"data-kind": "error",
+				children: tt("common.error", { error })
+			}),
+			hosts === null && error === null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: panel_module_css_default.loading,
+				children: tt("common.loading")
+			}),
+			hosts !== null && hosts.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: panel_module_css_default.empty,
+				children: tt("hosts.empty")
+			}),
+			hosts !== null && hosts.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: panel_module_css_default.tableWrap,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("table", {
+					className: panel_module_css_default.table,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", { children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: tt("hosts.col.alias") }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: tt("hosts.col.host") }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: tt("hosts.col.user") }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: tt("hosts.col.transport") }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: tt("hosts.col.environment") }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: tt("hosts.col.tags") }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: tt("hosts.col.description") }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: tt("hosts.col.actions") })
+					] }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tbody", { children: hosts.map(renderHostRow) })]
+				})
+			}),
+			dialog !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(HostFormDialog, {
+				api,
+				editing: dialog.mode === "edit" ? dialog.host : null,
+				onClose: () => {
+					setDialog(null);
+				},
+				onSaved: () => {
+					setDialog(null);
+					load();
+				}
+			})
+		]
+	});
+}
+//#endregion
+//#region src/client/panel/ProcessesTab.tsx
+/**
+* Processes tab: list processes for a host, filter, and kill by id.
+*/
+/** The processes table with host picker and kill actions. */
+function ProcessesTab({ api }) {
+	const [aliases, setAliases] = (0, react.useState)([]);
+	const [alias, setAlias] = (0, react.useState)("");
+	const [processes, setProcesses] = (0, react.useState)(null);
+	const [filter, setFilter] = (0, react.useState)("");
+	const [error, setError] = (0, react.useState)(null);
+	const [notice, setNotice] = (0, react.useState)(null);
+	const [killing, setKilling] = (0, react.useState)(null);
+	const mountedRef = (0, react.useRef)(true);
+	(0, react.useEffect)(() => () => {
+		mountedRef.current = false;
+	}, []);
+	(0, react.useEffect)(() => {
+		api.listHosts().then((list) => setAliases(list.map((h) => h.alias))).catch(() => {});
+	}, [api]);
+	const load = (0, react.useCallback)(async (target) => {
+		try {
+			const list = await api.listProcesses(target);
+			if (!mountedRef.current) return;
+			setProcesses(list);
+			setError(null);
+		} catch (cause) {
+			if (!mountedRef.current) return;
+			setError(errorMessage(cause));
+			setProcesses(null);
+		}
+	}, [api]);
+	(0, react.useEffect)(() => {
+		if (alias === "") return;
+		setProcesses(null);
+		load(alias);
+	}, [alias, load]);
+	const kill = async (process) => {
+		if (!window.confirm(tt("processes.killConfirm", {
+			name: process.name,
+			id: process.id
+		}))) return;
+		setKilling(process.id);
+		setNotice(null);
+		setError(null);
+		try {
+			await api.killProcess(alias, process.id);
+			setNotice(tt("processes.killed", { id: process.id }));
+			load(alias);
+		} catch (cause) {
+			setError(tt("processes.killFail", { error: errorMessage(cause) }));
+		} finally {
+			setKilling(null);
+		}
+	};
+	const needle = filter.trim().toLowerCase();
+	const visible = processes === null ? [] : processes.filter((p) => p.name.toLowerCase().includes(needle));
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: panel_module_css_default.fillBody,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: panel_module_css_default.toolbar,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+						className: panel_module_css_default.input,
+						value: alias,
+						onChange: (event) => {
+							setAlias(event.target.value);
+						},
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+							value: "",
+							children: tt("processes.select")
+						}), aliases.map((a) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+							value: a,
+							children: a
+						}, a))]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+						className: panel_module_css_default.search,
+						type: "search",
+						placeholder: tt("processes.filter"),
+						value: filter,
+						onChange: (event) => {
+							setFilter(event.target.value);
+						}
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: panel_module_css_default.toolbarSpacer }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: panel_module_css_default.ghostButton,
+						disabled: alias === "",
+						onClick: () => {
+							load(alias);
+						},
+						children: tt("common.refresh")
+					})
+				]
+			}),
+			notice !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: panel_module_css_default.banner,
+				"data-kind": "ok",
+				children: notice
+			}),
+			error !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: panel_module_css_default.banner,
+				"data-kind": "error",
+				children: error
+			}),
+			processes === null && alias !== "" && error === null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: panel_module_css_default.loading,
+				children: tt("common.loading")
+			}),
+			processes !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: panel_module_css_default.tableWrap,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("table", {
+					className: panel_module_css_default.table,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", { children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: tt("processes.id") }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: tt("processes.name") }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: tt("processes.cpu") }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: tt("processes.memMB") }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: tt("processes.startTime") }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: tt("processes.path") }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: tt("hosts.col.actions") })
+					] }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tbody", { children: visible.map((process) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", { children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+							className: panel_module_css_default.mono,
+							children: process.id
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: process.name }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: process.cpu ?? "" }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: process.memMB ?? "" }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+							className: panel_module_css_default.cellMuted,
+							children: process.startTime ?? ""
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+							className: panel_module_css_default.cellMuted,
+							title: process.path ?? "",
+							children: process.path ?? ""
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: panel_module_css_default.linkButton,
+							"data-danger": true,
+							disabled: killing === process.id,
+							onClick: () => {
+								kill(process);
+							},
+							children: killing === process.id ? tt("common.loading") : tt("processes.kill")
+						}) })
+					] }, process.id)) })]
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/client/panel/ServicesTab.tsx
+/**
+* Services tab: list Windows services for a host, filter, and run
+* start/stop/restart/startup-type actions.
+*/
+/** The services table with host picker and actions. */
+function ServicesTab({ api }) {
+	const [aliases, setAliases] = (0, react.useState)([]);
+	const [alias, setAlias] = (0, react.useState)("");
+	const [services, setServices] = (0, react.useState)(null);
+	const [filter, setFilter] = (0, react.useState)("");
+	const [error, setError] = (0, react.useState)(null);
+	const [notice, setNotice] = (0, react.useState)(null);
+	const [acting, setActing] = (0, react.useState)(null);
+	const mountedRef = (0, react.useRef)(true);
+	(0, react.useEffect)(() => () => {
+		mountedRef.current = false;
+	}, []);
+	(0, react.useEffect)(() => {
+		api.listHosts().then((list) => setAliases(list.map((h) => h.alias))).catch(() => {});
+	}, [api]);
+	const load = (0, react.useCallback)(async (target) => {
+		try {
+			const list = await api.listServices(target);
+			if (!mountedRef.current) return;
+			setServices(list);
+			setError(null);
+		} catch (cause) {
+			if (!mountedRef.current) return;
+			setError(errorMessage(cause));
+			setServices(null);
+		}
+	}, [api]);
+	(0, react.useEffect)(() => {
+		if (alias === "") return;
+		setServices(null);
+		load(alias);
+	}, [alias, load]);
+	const act = async (name, action) => {
+		setActing(name);
+		setNotice(null);
+		setError(null);
+		try {
+			const updated = await api.serviceAction(alias, name, action);
+			setNotice(tt("services.actionOk", {
+				name: updated.name,
+				status: updated.status
+			}));
+			load(alias);
+		} catch (cause) {
+			setError(tt("services.actionFail", { error: errorMessage(cause) }));
+		} finally {
+			setActing(null);
+		}
+	};
+	const needle = filter.trim().toLowerCase();
+	const visible = services === null ? [] : services.filter((s) => s.name.toLowerCase().includes(needle) || s.displayName.toLowerCase().includes(needle));
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: panel_module_css_default.fillBody,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: panel_module_css_default.toolbar,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+						className: panel_module_css_default.input,
+						value: alias,
+						onChange: (event) => {
+							setAlias(event.target.value);
+						},
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+							value: "",
+							children: tt("services.select")
+						}), aliases.map((a) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+							value: a,
+							children: a
+						}, a))]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+						className: panel_module_css_default.search,
+						type: "search",
+						placeholder: tt("services.filter"),
+						value: filter,
+						onChange: (event) => {
+							setFilter(event.target.value);
+						}
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: panel_module_css_default.toolbarSpacer }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: panel_module_css_default.ghostButton,
+						disabled: alias === "",
+						onClick: () => {
+							load(alias);
+						},
+						children: tt("common.refresh")
+					})
+				]
+			}),
+			notice !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: panel_module_css_default.banner,
+				"data-kind": "ok",
+				children: notice
+			}),
+			error !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: panel_module_css_default.banner,
+				"data-kind": "error",
+				children: error
+			}),
+			services === null && alias !== "" && error === null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: panel_module_css_default.loading,
+				children: tt("common.loading")
+			}),
+			services !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: panel_module_css_default.tableWrap,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("table", {
+					className: panel_module_css_default.table,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", { children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: tt("services.name") }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: tt("services.displayName") }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: tt("services.status") }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: tt("services.startMode") }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: tt("services.startName") }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: tt("hosts.col.actions") })
+					] }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tbody", { children: visible.map((service) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", { children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+							className: panel_module_css_default.mono,
+							children: service.name
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: service.displayName }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: panel_module_css_default.badge,
+							"data-kind": service.status === "Running" ? "ok" : "muted",
+							children: service.status
+						}) }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: service.startMode }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+							className: panel_module_css_default.cellMuted,
+							children: service.startName
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: panel_module_css_default.actions,
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: panel_module_css_default.linkButton,
+									disabled: acting === service.name,
+									onClick: () => {
+										act(service.name, "start");
+									},
+									children: tt("services.start")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: panel_module_css_default.linkButton,
+									disabled: acting === service.name,
+									onClick: () => {
+										act(service.name, "stop");
+									},
+									children: tt("services.stop")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: panel_module_css_default.linkButton,
+									disabled: acting === service.name,
+									onClick: () => {
+										act(service.name, "restart");
+									},
+									children: tt("services.restart")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: panel_module_css_default.linkButton,
+									disabled: acting === service.name,
+									onClick: () => {
+										act(service.name, "set-auto");
+									},
+									children: tt("services.auto")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: panel_module_css_default.linkButton,
+									disabled: acting === service.name,
+									onClick: () => {
+										act(service.name, "set-manual");
+									},
+									children: tt("services.manual")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: panel_module_css_default.linkButton,
+									disabled: acting === service.name,
+									onClick: () => {
+										act(service.name, "set-disabled");
+									},
+									children: tt("services.disabled")
+								})
+							]
+						}) })
+					] }, service.name)) })]
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/client/panel/TransferTab.tsx
+/**
+* Transfer tab: browse remote directories (ls), download files to the local
+* machine, and upload local files to the remote host. Transfers ride the
+* NDJSON progress stream (upload) / content-length progress (download).
+*/
+/** One remote directory entry with a clickable path. */
+function joinPath(dir, name) {
+	return dir.replace(/[\\/]+$/, "") + "\\" + name;
+}
+/** The file browser with upload/download. */
+function TransferTab({ api }) {
+	const [aliases, setAliases] = (0, react.useState)([]);
+	const [alias, setAlias] = (0, react.useState)("");
+	const [dir, setDir] = (0, react.useState)("C:\\");
+	const [entries, setEntries] = (0, react.useState)(null);
+	const [error, setError] = (0, react.useState)(null);
+	const [notice, setNotice] = (0, react.useState)(null);
+	const [progress, setProgress] = (0, react.useState)(null);
+	const fileInputRef = (0, react.useRef)(null);
+	const mountedRef = (0, react.useRef)(true);
+	(0, react.useEffect)(() => () => {
+		mountedRef.current = false;
+	}, []);
+	(0, react.useEffect)(() => {
+		api.listHosts().then((list) => setAliases(list.map((h) => h.alias))).catch(() => {});
+	}, [api]);
+	const load = (0, react.useCallback)(async (target, path) => {
+		try {
+			const list = await api.ls(target, path);
+			if (!mountedRef.current) return;
+			setEntries(list);
+			setDir(path);
+			setError(null);
+		} catch (cause) {
+			if (!mountedRef.current) return;
+			setError(errorMessage(cause));
+			setEntries(null);
+		}
+	}, [api]);
+	const open = () => {
+		if (alias === "" || dir === "") return;
+		setEntries(null);
+		load(alias, dir);
+	};
+	const pickAlias = (value) => {
+		setAlias(value);
+		setEntries(null);
+		if (value !== "") load(value, "C:\\");
+	};
+	const download = async (entry) => {
+		if (entry.type !== "file") return;
+		setProgress({
+			phase: "transferring",
+			file: entry.name,
+			transferred: 0,
+			total: 0,
+			percent: 0
+		});
+		setError(null);
+		try {
+			const outcome = await api.downloadFile(alias, joinPath(dir, entry.name), (p) => setProgress(p));
+			setNotice(tt("transfer.downloaded", { bytes: outcome.bytes }));
+		} catch (cause) {
+			setError(tt("transfer.fail", { error: errorMessage(cause) }));
+		} finally {
+			setProgress(null);
+		}
+	};
+	const upload = async (file) => {
+		if (file === void 0) return;
+		const remotePath = joinPath(dir, file.name);
+		setProgress({
+			phase: "transferring",
+			file: file.name,
+			transferred: 0,
+			total: file.size,
+			percent: 0
+		});
+		setError(null);
+		try {
+			const outcome = await api.uploadFile(file, alias, remotePath, (p) => setProgress(p));
+			setNotice(tt("transfer.uploaded", { bytes: outcome.transferredBytes }));
+			load(alias, dir);
+		} catch (cause) {
+			setError(tt("transfer.fail", { error: errorMessage(cause) }));
+		} finally {
+			setProgress(null);
+		}
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: panel_module_css_default.fillBody,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: panel_module_css_default.toolbar,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+						className: panel_module_css_default.input,
+						value: alias,
+						onChange: (event) => {
+							pickAlias(event.target.value);
+						},
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+							value: "",
+							children: tt("transfer.select")
+						}), aliases.map((a) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+							value: a,
+							children: a
+						}, a))]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+						className: panel_module_css_default.search,
+						value: dir,
+						onChange: (event) => {
+							setDir(event.target.value);
+						},
+						onKeyDown: (event) => {
+							if (event.key === "Enter") open();
+						}
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: panel_module_css_default.primaryButton,
+						disabled: alias === "" || dir === "",
+						onClick: open,
+						children: tt("transfer.go")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: panel_module_css_default.ghostButton,
+						disabled: alias === "",
+						onClick: () => {
+							load(alias, dir.replace(/[\\/][^\\/]*$/, "") || "C:\\");
+						},
+						children: tt("transfer.up")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: panel_module_css_default.ghostButton,
+						disabled: alias === "",
+						onClick: () => {
+							load(alias, "C:\\");
+						},
+						children: tt("transfer.root")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: panel_module_css_default.toolbarSpacer }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: panel_module_css_default.ghostButton,
+						disabled: alias === "",
+						onClick: () => {
+							fileInputRef.current?.click();
+						},
+						children: tt("transfer.upload")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+						ref: fileInputRef,
+						type: "file",
+						style: { display: "none" },
+						onChange: (event) => {
+							const file = event.target.files?.[0];
+							if (file !== void 0) upload(file);
+							event.target.value = "";
+						}
+					})
+				]
+			}),
+			notice !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: panel_module_css_default.banner,
+				"data-kind": "ok",
+				children: notice
+			}),
+			error !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: panel_module_css_default.banner,
+				"data-kind": "error",
+				children: error
+			}),
+			progress !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: panel_module_css_default.banner,
+				"data-kind": "ok",
+				children: [
+					progress.phase === "transferring" ? progress.total > 0 ? tt("transfer.downloading") : tt("transfer.uploading") : tt("transfer.uploading"),
+					" ",
+					formatBytes(progress.transferred),
+					progress.total > 0 ? " / " + formatBytes(progress.total) + " (" + progress.percent + "%)" : ""
+				]
+			}),
+			entries === null && alias !== "" && error === null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: panel_module_css_default.loading,
+				children: tt("common.loading")
+			}),
+			entries !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: panel_module_css_default.tableWrap,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("table", {
+					className: panel_module_css_default.table,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", { children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: tt("transfer.name") }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: tt("transfer.type") }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: tt("transfer.size") }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: tt("transfer.modified") }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: tt("hosts.col.actions") })
+					] }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tbody", { children: entries.map((entry) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", { children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: entry.type === "dir" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+							type: "button",
+							className: panel_module_css_default.linkButton,
+							onClick: () => {
+								load(alias, joinPath(dir, entry.name));
+							},
+							children: ["📁 ", entry.name]
+						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: panel_module_css_default.mono,
+							children: entry.name
+						}) }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: entry.type === "dir" ? tt("transfer.dir") : tt("transfer.file") }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: entry.type === "file" ? formatBytes(entry.size) : "" }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+							className: panel_module_css_default.cellMuted,
+							children: entry.mtimeMs > 0 ? new Date(entry.mtimeMs).toLocaleString() : ""
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: entry.type === "file" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: panel_module_css_default.linkButton,
+							onClick: () => {
+								download(entry);
+							},
+							children: tt("transfer.download")
+						}) })
+					] }, entry.name)) })]
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/client/panel/WinrmPanel.tsx
+/**
+* The WinRM operations panel shell: a header with a back control, a
+* five-tab bar, and the active tab's content. Tab state lives here (reset to
+* Hosts when the panel is reopened, since the keyed main slot unmounts the
+* occupant on close); inactive tabs unmount, so each tab fetches its own data
+* on activation. The hosts tab's connect action switches here to the console
+* tab with the chosen alias preselected.
+*/
+/** The tab bar definition (labels resolved at render time). */
+const TABS = [
+	{
+		id: "hosts",
+		label: () => tt("tab.hosts")
+	},
+	{
+		id: "console",
+		label: () => tt("tab.console")
+	},
+	{
+		id: "services",
+		label: () => tt("tab.services")
+	},
+	{
+		id: "processes",
+		label: () => tt("tab.processes")
+	},
+	{
+		id: "transfer",
+		label: () => tt("tab.transfer")
+	}
+];
+/** The tabbed WinRM panel. */
+function WinrmPanel({ api, onBack }) {
+	const [activeTab, setActiveTab] = (0, react.useState)("hosts");
+	const [connectRequest, setConnectRequest] = (0, react.useState)(null);
+	const handleConnect = (alias) => {
+		setActiveTab("console");
+		setConnectRequest((prev) => ({
+			alias,
+			nonce: (prev?.nonce ?? 0) + 1
+		}));
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: panel_module_css_default.panel,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: panel_module_css_default.panelHeader,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+					type: "button",
+					className: `${panel_module_css_default.ghostButton} ${panel_module_css_default.backButton}`,
+					"aria-label": tt("panel.backToConversation"),
+					onClick: onBack,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						"aria-hidden": "true",
+						children: "‹"
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: tt("panel.backToConversation") })]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+					className: panel_module_css_default.panelTitle,
+					children: tt("panel.title")
+				})]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: panel_module_css_default.tabBar,
+				role: "tablist",
+				"data-dsh-part": "tab-bar",
+				children: TABS.map((tab) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					role: "tab",
+					"aria-selected": activeTab === tab.id,
+					"data-active": activeTab === tab.id ? "" : void 0,
+					className: panel_module_css_default.tab,
+					onClick: () => {
+						setActiveTab(tab.id);
+					},
+					children: tab.label()
+				}, tab.id))
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: panel_module_css_default.panelContent,
+				children: [
+					activeTab === "hosts" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(HostsTab, {
+						api,
+						onConnect: handleConnect
+					}),
+					activeTab === "console" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConsoleTab, {
+						api,
+						presetAlias: connectRequest?.alias,
+						requestId: connectRequest?.nonce
+					}),
+					activeTab === "services" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ServicesTab, { api }),
+					activeTab === "processes" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProcessesTab, { api }),
+					activeTab === "transfer" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TransferTab, { api })
+				]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/client/panel/WinrmPanelIcon.tsx
+/** One glyph contribution for the `sidebar.panellist` list slot. */
+function WinrmPanelIcon({ size }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+		viewBox: "0 0 16 16",
+		width: size,
+		height: size,
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 1.3,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("rect", {
+				x: "2",
+				y: "2.5",
+				width: "12",
+				height: "11",
+				rx: "1.5"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M2.5 6.5h11" }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M6 6.5v7" })
+		]
+	});
+}
+//#endregion
+//#region src/client/index.ts
+/** Locale namespace this plugin owns. */
+const NS = "dsh-winrm";
+/** The id shared by the sidebar entry and the main panel it opens. */
+const PANEL_ID = "winrm";
+/** Required services (fiber inject waiting — slots, locale, and layout must be up first). */
+const inject = [
+	"slots",
+	"locale",
+	"layout"
+];
+/**
+* Contribute the Windows sidebar entry and the tabbed WinRM panel it opens.
+* @param ctx - client root context (locale, slots, layout services).
+*/
+function apply(ctx) {
+	ctx.effect(() => ctx.locale.register(NS, {
+		zh,
+		en
+	}), "dsh-winrm: dictionaries");
+	const t = ctx.locale.bind(NS);
+	const api = new WinrmApi();
+	ctx.slots.inject("main", () => ctx.slots.register({
+		name: "main",
+		key: PANEL_ID,
+		locale: NS,
+		inject: () => ({
+			api,
+			onBack: () => {
+				ctx.layout.selectPanel(null);
+			}
+		})
+	}, WinrmPanel));
+	ctx.slots.inject("sidebar.panellist", () => ctx.slots.register({
+		name: "sidebar.panellist",
+		id: PANEL_ID,
+		order: 10,
+		label: () => t("entry.label"),
+		locale: NS
+	}, WinrmPanelIcon));
+}
+//#endregion
+exports.apply = apply;
+exports.inject = inject;
+
+
+		return module.exports;
+	}
+});