agentworkshop 0.8.6 → 0.8.7

package/.output/server/chunks/_/OmpTerminalPanel-CVn7GF98.mjs

@@ -0,0 +1,942 @@
+import { h as _plugin_vue_export_helper_default, a as useI18n, j as button_default, d as useUserStore, b as api$1 } from '../virtual/entry.mjs';
+import { T as TextArea_default } from './input-CJgB-RL6.mjs';
+import { T as Tag } from './tag-CRW-anwy.mjs';
+import { d as drawer_default } from './drawer-DwXxapMg.mjs';
+import { n as nowLocalIso } from './useLocalTime-BJ_4vg1E.mjs';
+import { defineComponent, useModel, mergeProps, withCtx, unref, createVNode, openBlock, createBlock, createCommentVNode, toDisplayString, createTextVNode, mergeModels, ref, computed, watch, nextTick, isRef, useSSRContext } from 'vue';
+import { ssrRenderComponent, ssrInterpolate, ssrRenderAttr, ssrRenderAttrs, ssrRenderList } from 'vue/server-renderer';
+
+//#region app/components/workshop/terminal/TerminalHitlCard.vue?vue&type=script&setup=true&lang.ts
+var TerminalHitlCard_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "TerminalHitlCard",
+	__ssrInlineRender: true,
+	props: { hitl: {} },
+	emits: ["respond"],
+	setup(__props, { emit: __emit }) {
+		/**
+		* TerminalHitlCard —— 终端 HITL 对话框卡片(自 OmpTerminalPanel 结构拆分)。
+		*
+		* omp extension_ui_request 的 select/confirm/input/editor 四类等待人类决策的 UI:
+		* 文案/结构/样式逐字保留,应答统一 emit('respond', …) 交宿主写 ui_response。
+		* 本地文本(输入/编辑器)取 hitl.prefill ?? hitl.placeholder,与宿主原
+		* watch(hitl) 同步语义一致。
+		*/
+		const props = __props;
+		const emit = __emit;
+		const { t } = useI18n();
+		const hitlText = ref(props.hitl.prefill ?? props.hitl.placeholder ?? "");
+		watch(() => props.hitl, (h) => {
+			hitlText.value = h.prefill ?? h.placeholder ?? "";
+		});
+		function hitlRespond(response) {
+			emit("respond", response);
+		}
+		return (_ctx, _push, _parent, _attrs) => {
+			const _component_a_tag = Tag;
+			const _component_a_button = button_default;
+			const _component_a_textarea = TextArea_default;
+			_push(`<div${ssrRenderAttrs(mergeProps({ class: "hitl-card" }, _attrs))} data-v-182bb868><div class="hitl-head" data-v-182bb868><span class="i-tabler-user-question" data-v-182bb868></span><b data-v-182bb868>${ssrInterpolate(unref(t)("terminal.hitlTitle"))}</b>`);
+			_push(ssrRenderComponent(_component_a_tag, { color: "magenta" }, {
+				default: withCtx((_, _push, _parent, _scopeId) => {
+					if (_push) _push(`${ssrInterpolate(__props.hitl.method)}`);
+					else return [createTextVNode(toDisplayString(__props.hitl.method), 1)];
+				}),
+				_: 1
+			}, _parent));
+			_push(ssrRenderComponent(_component_a_button, {
+				size: "small",
+				type: "text",
+				danger: "",
+				onClick: ($event) => hitlRespond({
+					id: __props.hitl.id,
+					cancelled: true
+				})
+			}, {
+				default: withCtx((_, _push, _parent, _scopeId) => {
+					if (_push) _push(`${ssrInterpolate(unref(t)("terminal.hitlCancel"))}`);
+					else return [createTextVNode(toDisplayString(unref(t)("terminal.hitlCancel")), 1)];
+				}),
+				_: 1
+			}, _parent));
+			_push(`</div><p class="hitl-question" data-v-182bb868>${ssrInterpolate(__props.hitl.title)}</p>`);
+			if (__props.hitl.method === "select") {
+				_push(`<div class="hitl-options" data-v-182bb868><!--[-->`);
+				ssrRenderList(__props.hitl.options ?? [], (opt) => {
+					_push(ssrRenderComponent(_component_a_button, {
+						key: opt,
+						block: "",
+						onClick: ($event) => hitlRespond({
+							id: __props.hitl.id,
+							value: opt
+						})
+					}, {
+						default: withCtx((_, _push, _parent, _scopeId) => {
+							if (_push) _push(`${ssrInterpolate(opt)}`);
+							else return [createTextVNode(toDisplayString(opt), 1)];
+						}),
+						_: 2
+					}, _parent));
+				});
+				_push(`<!--]--></div>`);
+			} else if (__props.hitl.method === "confirm") {
+				_push(`<!--[--><p class="hitl-message" data-v-182bb868>${ssrInterpolate(__props.hitl.message)}</p><div class="hitl-row" data-v-182bb868>`);
+				_push(ssrRenderComponent(_component_a_button, {
+					type: "primary",
+					onClick: ($event) => hitlRespond({
+						id: __props.hitl.id,
+						confirmed: true
+					})
+				}, {
+					default: withCtx((_, _push, _parent, _scopeId) => {
+						if (_push) _push(`${ssrInterpolate(unref(t)("terminal.hitlConfirm"))}`);
+						else return [createTextVNode(toDisplayString(unref(t)("terminal.hitlConfirm")), 1)];
+					}),
+					_: 1
+				}, _parent));
+				_push(ssrRenderComponent(_component_a_button, { onClick: ($event) => hitlRespond({
+					id: __props.hitl.id,
+					confirmed: false
+				}) }, {
+					default: withCtx((_, _push, _parent, _scopeId) => {
+						if (_push) _push(`${ssrInterpolate(unref(t)("terminal.hitlDeny"))}`);
+						else return [createTextVNode(toDisplayString(unref(t)("terminal.hitlDeny")), 1)];
+					}),
+					_: 1
+				}, _parent));
+				_push(`</div><!--]-->`);
+			} else {
+				_push(`<!--[-->`);
+				_push(ssrRenderComponent(_component_a_textarea, {
+					value: unref(hitlText),
+					"onUpdate:value": ($event) => isRef(hitlText) ? hitlText.value = $event : null,
+					rows: 3,
+					placeholder: __props.hitl.placeholder,
+					class: "hitl-textarea",
+					onPressEnter: ($event) => hitlRespond({
+						id: __props.hitl.id,
+						value: unref(hitlText)
+					})
+				}, null, _parent));
+				_push(`<div class="hitl-row" data-v-182bb868>`);
+				_push(ssrRenderComponent(_component_a_button, {
+					type: "primary",
+					onClick: ($event) => hitlRespond({
+						id: __props.hitl.id,
+						value: unref(hitlText)
+					})
+				}, {
+					default: withCtx((_, _push, _parent, _scopeId) => {
+						if (_push) _push(`${ssrInterpolate(unref(t)("terminal.hitlSubmit"))}`);
+						else return [createTextVNode(toDisplayString(unref(t)("terminal.hitlSubmit")), 1)];
+					}),
+					_: 1
+				}, _parent));
+				_push(ssrRenderComponent(_component_a_button, { onClick: ($event) => hitlRespond({
+					id: __props.hitl.id,
+					cancelled: true
+				}) }, {
+					default: withCtx((_, _push, _parent, _scopeId) => {
+						if (_push) _push(`${ssrInterpolate(unref(t)("terminal.hitlCancel"))}`);
+						else return [createTextVNode(toDisplayString(unref(t)("terminal.hitlCancel")), 1)];
+					}),
+					_: 1
+				}, _parent));
+				_push(`</div><!--]-->`);
+			}
+			_push(`</div>`);
+		};
+	}
+});
+//#endregion
+//#region app/components/workshop/terminal/TerminalHitlCard.vue
+var _sfc_setup$1 = TerminalHitlCard_vue_vue_type_script_setup_true_lang_default.setup;
+TerminalHitlCard_vue_vue_type_script_setup_true_lang_default.setup = (props, ctx) => {
+	const ssrContext = useSSRContext();
+	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/workshop/terminal/TerminalHitlCard.vue");
+	return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
+};
+var TerminalHitlCard_default = /*#__PURE__*/ Object.assign(_plugin_vue_export_helper_default(TerminalHitlCard_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-182bb868"]]), { __name: "WorkshopTerminalHitlCard" });
+//#endregion
+//#region app/composables/workshop/useTerminalRenderer.ts
+function useTerminalRenderer(deps) {
+	const { getTerm, hitl, getLastSeq, setLastSeq, clearHistory } = deps;
+	const { t } = useI18n();
+	const C = {
+		reset: "\x1B[0m",
+		dim: "\x1B[2m",
+		bold: "\x1B[1m",
+		red: "\x1B[31m",
+		green: "\x1B[32m",
+		yellow: "\x1B[33m",
+		blue: "\x1B[34m",
+		magenta: "\x1B[35m",
+		cyan: "\x1B[36m",
+		dimItalicMagenta: "\x1B[2;3;35m"
+	};
+	/** 流式行未收尾标志:光标停在流式行中间 —— 下一个块/回合收尾前先补换行 */
+	let streamLineOpen = false;
+	/** 最近一次人类输入(follow_up 路径 omp 回显 user 消息 → 去重) */
+	let lastHumanInput = "";
+	/** 当前回合 assistant 流式是否已输出过换行收尾标记 */
+	let assistantStreamActive = false;
+	/** 流式增量缓冲(text/thinking delta 按批 flush,防与输入行交错) */
+	const streamBuf = [];
+	/**
+	* 正文差额账本:contentIndex → 已渲染长度。部分 provider 的 text 块不走
+	* text_delta(只有换行),全文在 text_end.content 落定 —— 差额补发防止终端缺正文。
+	*/
+	const textSent = /* @__PURE__ */ new Map();
+	/** 底部输入行已键入内容(按键/历史处理在 session 组合式,此处共用读写) */
+	let inputLine = "";
+	/**
+	* 冲刷流式增量:直接续写在光标后。
+	* 不补换行、不清行、不碰底部输入行 —— 流式批次之间是同一段正文,
+	* 旧实现按"块语义"逐批强制换行 + 重绘 prompt,导致实时消费出现逐批断行
+	* (历史重放一次冲刷故正常)。
+	*/
+	function flushStream() {
+		if (streamBuf.length === 0) return;
+		const text = streamBuf.join("");
+		streamBuf.length = 0;
+		getTerm()?.write(text);
+		if (!/\r?\n$/.test(text)) streamLineOpen = true;
+	}
+	/** 收尾流式行:仅在光标停在流式行中时补一个换行 */
+	function closeStreamLine() {
+		if (!streamLineOpen) return;
+		streamLineOpen = false;
+		getTerm()?.write("\r\n");
+	}
+	/** 写入完整块(独立行):冲刷流式增量并收尾流式行 → 清输入行 → 写块 → 重绘输入行 */
+	function writeBlock(text) {
+		const term = getTerm();
+		if (!term) return;
+		flushStream();
+		closeStreamLine();
+		term.write("\r\x1B[K");
+		term.write(text.endsWith("\r\n") || text.endsWith("\n") ? text : `${text}\r\n`);
+		renderInputRow();
+	}
+	/** 重绘底部输入行(prompt + 已键入内容);流式行未收尾时跳过(回合收尾后统一补绘) */
+	function renderInputRow() {
+		const term = getTerm();
+		if (!term) return;
+		if (streamLineOpen || streamBuf.length > 0) return;
+		term.write(`\r\x1b[K${C.dim}❯${C.reset} ${C.cyan}${inputLine}${C.reset}`);
+	}
+	/**
+	* 清空视图(切换目标 / 重开抽屉):丢弃上一会话的全部渲染状态与 xterm 缓冲。
+	* 不清空会把前一个 Agent 的历史输出叠进本 Agent 的终端,重开抽屉还会整环
+	* 重放造成重复 —— 每个 Agent 的终端必须只渲染自己的信息。
+	*/
+	function resetView() {
+		streamBuf.length = 0;
+		streamLineOpen = false;
+		assistantStreamActive = false;
+		textSent.clear();
+		lastHumanInput = "";
+		inputLine = "";
+		clearHistory();
+		getTerm()?.reset();
+		renderInputRow();
+	}
+	const ts = () => {
+		const d = /* @__PURE__ */ new Date();
+		return `${String(d.getHours()).padStart(2, "0")}:${String(d.getMinutes()).padStart(2, "0")}:${String(d.getSeconds()).padStart(2, "0")}`;
+	};
+	/** 单行/短文本裁剪(空白折叠) */
+	function oneLine(text, max = 160) {
+		const flat = text.replace(/\s+/g, " ").trim();
+		return flat.length > max ? `${flat.slice(0, max)}…` : flat;
+	}
+	function renderFrame(f) {
+		if (f.seq <= getLastSeq()) return;
+		setLastSeq(f.seq);
+		const frame = f.frame;
+		switch (frame.type) {
+			case "__terminal_notice": {
+				const level = String(frame.level ?? "info");
+				const color = level === "error" ? C.red : level === "warning" ? C.yellow : C.dim;
+				writeBlock(`${C.dim}[${ts()}]${C.reset} ${color}⚡ ${String(frame.message ?? "")}${C.reset}`);
+				return;
+			}
+			case "__human_input":
+				lastHumanInput = String(frame.text ?? "");
+				writeBlock(`${C.bold}${C.cyan}❯ ${lastHumanInput}${C.reset}`);
+				return;
+			case "ready":
+				writeBlock(`${C.green}● omp ready${C.reset} ${C.dim}protocol v${String(frame.protocolVersion ?? "?")} · mode rpc-ui${C.reset}`);
+				return;
+			case "agent_start":
+				assistantStreamActive = false;
+				textSent.clear();
+				writeBlock(`${C.dim}── agent turn started ──${C.reset}`);
+				return;
+			case "agent_end":
+				writeBlock(`${C.dim}── agent turn ended(${String(frame.messageCount ?? "?")} messages)──${C.reset}`);
+				return;
+			case "message_start":
+				if (String(frame.role ?? "") === "user") {
+					const text = String(frame.text ?? "");
+					if (text === lastHumanInput) return;
+					writeBlock(`${C.bold}${C.cyan}❯ ${text.replace(/\n/g, "\r\n")}${C.reset}`);
+				}
+				return;
+			case "message_update": {
+				const ev = frame.assistantMessageEvent;
+				if (!ev) return;
+				if (ev.type === "text_delta" && ev.delta) {
+					assistantStreamActive = true;
+					const ci = typeof ev.contentIndex === "number" ? ev.contentIndex : 0;
+					textSent.set(ci, (textSent.get(ci) ?? 0) + ev.delta.length);
+					streamBuf.push(ev.delta.replace(/\n/g, "\r\n"));
+				} else if (ev.type === "text_end" && typeof ev.content === "string" && ev.content.length > 0) {
+					const ci = typeof ev.contentIndex === "number" ? ev.contentIndex : 0;
+					const sent = textSent.get(ci) ?? 0;
+					if (ev.content.length > sent) {
+						assistantStreamActive = true;
+						textSent.set(ci, ev.content.length);
+						streamBuf.push(ev.content.slice(sent).replace(/\n/g, "\r\n"));
+					}
+				} else if (ev.type === "thinking_delta" && ev.delta) {
+					assistantStreamActive = true;
+					streamBuf.push(`${C.dimItalicMagenta}${ev.delta.replace(/\n/g, "\r\n")}${C.reset}`);
+				}
+				return;
+			}
+			case "message_end":
+				if (String(frame.role ?? "") === "assistant" && assistantStreamActive) {
+					assistantStreamActive = false;
+					flushStream();
+					closeStreamLine();
+					renderInputRow();
+				}
+				return;
+			case "tool_execution_start":
+				writeBlock(`  ${C.yellow}⚙ ${String(frame.toolName ?? "tool")}${C.reset}${C.dim}(${oneLine(String(frame.args ?? ""), 120)})${C.reset}`);
+				return;
+			case "tool_execution_update":
+				writeBlock(`  ${C.dim}↳ … ${oneLine(String(frame.update ?? ""), 100)}${C.reset}`);
+				return;
+			case "tool_execution_end": {
+				const mark = frame.isError === true ? `${C.red}✗${C.reset}` : `${C.green}✓${C.reset}`;
+				const preview = oneLine(String(frame.result ?? ""), 180);
+				writeBlock(`  ${mark} ${C.dim}${preview}${C.reset}`);
+				return;
+			}
+			case "host_tool_call":
+				writeBlock(`  ${C.magenta}⇄ host:${String(frame.toolName ?? "?")}${C.reset}${C.dim}(${oneLine(String(frame.args ?? ""), 100)})${C.reset}`);
+				return;
+			case "extension_ui_request": {
+				const method = String(frame.method ?? "");
+				if (method === "cancel") {
+					writeBlock(t("ompTerminalPanel.k14jk3nu001", {
+						p0: C.dim,
+						p1: String(frame.targetId ?? ""),
+						p2: C.reset
+					}));
+					if (hitl.value && hitl.value.id === String(frame.targetId ?? "")) hitl.value = null;
+					return;
+				}
+				if (method === "notify") {
+					writeBlock(`  ${C.blue}ℹ ${String(frame.message ?? "")}${C.reset}`);
+					return;
+				}
+				if (method === "select" || method === "confirm" || method === "input" || method === "editor") {
+					const title = String(frame.title ?? "");
+					writeBlock(`${C.bold}${C.magenta}⚠ HITL · ${method}: ${title}${C.reset}`);
+					if (Array.isArray(frame.options)) for (const opt of frame.options) writeBlock(`  ${C.magenta}○${C.reset} ${String(opt)}`);
+					hitl.value = {
+						id: String(frame.id ?? ""),
+						method,
+						title,
+						options: Array.isArray(frame.options) ? frame.options.map(String) : void 0,
+						message: typeof frame.message === "string" ? frame.message : void 0,
+						placeholder: typeof frame.placeholder === "string" ? frame.placeholder : void 0,
+						prefill: typeof frame.prefill === "string" ? frame.prefill : void 0,
+						at: nowLocalIso()
+					};
+				}
+				return;
+			}
+			case "command_output":
+				writeBlock(`${C.dim}${String(frame.text ?? "").replace(/\n/g, "\r\n")}${C.reset}`);
+				return;
+			case "response": {
+				const command = String(frame.command ?? "");
+				if (command === "steer" || command === "follow_up" || command === "abort" || command === "prompt") {
+					const ok = frame.success !== false;
+					writeBlock(`  ${C.dim}· ${command} ${ok ? "accepted" : `failed: ${String(frame.error ?? "")}`}${C.reset}`);
+				}
+				return;
+			}
+			default: return;
+		}
+	}
+	/** 清屏(仅清 xterm 缓冲与流式残行;seq 游标不动,重放去重仍有效) */
+	function doClear() {
+		streamBuf.length = 0;
+		streamLineOpen = false;
+		getTerm()?.clear();
+		renderInputRow();
+	}
+	return {
+		C,
+		flushStream,
+		closeStreamLine,
+		writeBlock,
+		renderInputRow,
+		resetView,
+		renderFrame,
+		doClear,
+		oneLine,
+		/** 底部输入行读写口(按键处理/粘贴在 session 组合式) */
+		get inputLine() {
+			return inputLine;
+		},
+		set inputLine(v) {
+			inputLine = v;
+		}
+	};
+}
+//#endregion
+//#region app/composables/workshop/useOmpTerminalSession.ts
+/**
+* useOmpTerminalSession —— OmpTerminalPanel 的会话/连接层(自 OmpTerminalPanel 结构拆分)。
+*
+* 数据面:WS /api/system/monitor/terminal/ws?pid&token(#shared/terminal-protocol)
+*  - 服务端 terminal-hub 镜像 omp `--mode rpc-ui` 子进程的全部 RPC 帧;
+*  - 帧 → TUI 的渲染细节在 useTerminalRenderer(经访问器借用 xterm 实例);
+*  - 控制面(真 Human-in-the-loop):行内输入 → input(steer·follow_up 注入 omp
+*    会话);Ctrl+C / 中止按钮 → abort;HITL 面板 → ui_response。
+*  - 断线自动重连(指数退避);重连全量重放按 seq 去重,时间线无缝续接。
+*
+* SSR 安全:xterm(CJS 包)在抽屉打开时动态 import(ensureTerm 内 await),
+* 服务端渲染路径零执行。
+*/
+function useOmpTerminalSession(props, open) {
+	const { t } = useI18n();
+	const userStore = useUserStore();
+	const hostEl = ref(null);
+	let term = null;
+	let fit = null;
+	let resizeObs = null;
+	const connState = ref("idle");
+	const alive = ref(true);
+	const running = ref(false);
+	const streaming = ref(false);
+	const hitl = ref(null);
+	let ws = null;
+	let retryTimer = null;
+	let retryCount = 0;
+	let closedByUser = false;
+	/** 已渲染 seq(重连全量重放去重) */
+	let lastRenderedSeq = 0;
+	let inputHistory = [];
+	let inputHistoryIdx = -1;
+	/** 流式增量渲染中(避免输入行与输出交错重绘抖动的细粒度锁不需要:批后重绘) */
+	const renderer = useTerminalRenderer({
+		getTerm: () => term,
+		hitl,
+		getLastSeq: () => lastRenderedSeq,
+		setLastSeq: (seq) => {
+			lastRenderedSeq = seq;
+		},
+		clearHistory: () => {
+			inputHistory = [];
+			inputHistoryIdx = -1;
+		}
+	});
+	const { C, flushStream, writeBlock, renderInputRow, resetView, renderFrame, doClear, oneLine } = renderer;
+	/** 连接目标(优先 pid 直连;否则 agentId 解析当前存活进程) */
+	const hasTarget = computed(() => props.pid != null && props.pid > 0 || !!props.agentId);
+	/** 已连接会话的实际 pid(agent 寻址下由 term.init 回填;进程重启后变化) */
+	const livePid = ref(null);
+	function wsUrl() {
+		const proto = (void 0).location.protocol === "https:" ? "wss" : "ws";
+		const token = encodeURIComponent(userStore.token ?? "");
+		const target = props.pid != null && props.pid > 0 ? `pid=${props.pid}` : `agentId=${encodeURIComponent(props.agentId ?? "")}${props.channelId ? `&channelId=${encodeURIComponent(props.channelId)}` : ""}`;
+		return `${proto}://${(void 0).location.host}/api/system/monitor/terminal/ws?${target}&token=${token}`;
+	}
+	/** 上一次错误去重(NO_SESSION 重试风暴防刷屏) */
+	let lastErrorMessage = "";
+	function handleServerMessage(msg) {
+		switch (msg.type) {
+			case "term.init":
+				if (livePid.value !== msg.meta.pid) {
+					livePid.value = msg.meta.pid;
+					lastRenderedSeq = 0;
+					lastErrorMessage = "";
+					writeBlock(t("ompTerminalPanel.k68kkpc002", {
+						p0: C.dim,
+						p1: msg.meta.pid,
+						p2: msg.lastSeq,
+						p3: C.reset
+					}));
+				}
+				alive.value = msg.alive;
+				running.value = msg.running;
+				streaming.value = msg.streaming;
+				hitl.value = msg.hitl;
+				return;
+			case "term.frames":
+				for (const f of msg.frames) renderFrame(f);
+				flushStream();
+				return;
+			case "term.state":
+				alive.value = msg.alive;
+				running.value = msg.running;
+				streaming.value = msg.streaming;
+				return;
+			case "term.notice":
+				api$1.info(msg.message);
+				return;
+			case "term.error": {
+				const line = `[${msg.code}] ${msg.message}`;
+				if (line === lastErrorMessage) return;
+				lastErrorMessage = line;
+				writeBlock(`${C.red}✗ ${line}${C.reset}`);
+				return;
+			}
+			case "pong": return;
+		}
+	}
+	function connect() {
+		if (!hasTarget.value || !userStore.token) return;
+		if (ws && (ws.readyState === WebSocket.OPEN || ws.readyState === WebSocket.CONNECTING)) return;
+		closedByUser = false;
+		connState.value = retryCount === 0 ? "connecting" : "retrying";
+		const sock = new WebSocket(wsUrl());
+		ws = sock;
+		sock.onopen = () => {
+			if (ws !== sock) return;
+			retryCount = 0;
+			connState.value = "open";
+		};
+		sock.onmessage = (ev) => {
+			if (ws !== sock) return;
+			try {
+				handleServerMessage(JSON.parse(ev.data));
+			} catch {}
+		};
+		sock.onclose = () => {
+			if (ws !== sock) return;
+			ws = null;
+			hitl.value = null;
+			if (closedByUser || !hasTarget.value) {
+				connState.value = "dead";
+				return;
+			}
+			retryCount += 1;
+			const delay = Math.min(1e3 * 2 ** Math.min(retryCount - 1, 4), 1e4);
+			connState.value = "retrying";
+			retryTimer = setTimeout(() => {
+				retryTimer = null;
+				if (!closedByUser && hasTarget.value) connect();
+			}, delay);
+		};
+		sock.onerror = () => {};
+	}
+	function disconnect() {
+		closedByUser = true;
+		if (retryTimer) {
+			clearTimeout(retryTimer);
+			retryTimer = null;
+		}
+		ws?.close();
+		ws = null;
+	}
+	function sendRaw(obj) {
+		if (ws?.readyState === WebSocket.OPEN) {
+			ws.send(JSON.stringify(obj));
+			return;
+		}
+		writeBlock(t("ompTerminalPanel.k59zj91003", {
+			p0: C.red,
+			p1: C.reset
+		}));
+	}
+	function submitInput(text) {
+		const trimmed = text.trim();
+		if (!trimmed) return;
+		inputHistory.push(trimmed);
+		inputHistory = inputHistory.slice(-50);
+		inputHistoryIdx = -1;
+		sendRaw({
+			type: "input",
+			text: trimmed
+		});
+	}
+	function doAbort() {
+		sendRaw({ type: "abort" });
+		writeBlock(`${C.yellow}^C${C.reset}`);
+	}
+	function hitlRespond(response) {
+		sendRaw({
+			type: "ui_response",
+			...response
+		});
+		const label = response.cancelled ? "cancelled" : response.confirmed !== void 0 ? String(response.confirmed) : `"${oneLine(response.value ?? "", 80)}"`;
+		writeBlock(t("ompTerminalPanel.kvzhi95004", {
+			p0: C.green,
+			p1: label,
+			p2: C.reset
+		}));
+		hitl.value = null;
+	}
+	async function ensureTerm() {
+		if (term || !hostEl.value) return;
+		const host = hostEl.value;
+		const [{ Terminal: XTerm }, { FitAddon: XFit }] = await Promise.all([import('@xterm/xterm'), import('@xterm/addon-fit')]);
+		term = new XTerm({
+			convertEol: false,
+			cursorBlink: true,
+			cursorStyle: "bar",
+			fontFamily: "\"IBM Plex Mono\", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",
+			fontSize: 12.5,
+			lineHeight: 1.25,
+			scrollback: 8e3,
+			theme: {
+				background: "#10151c",
+				foreground: "#d6dee8",
+				cursor: "#7aa2f7",
+				selectionBackground: "#33467c",
+				black: "#10151c",
+				red: "#f7768e",
+				green: "#9ece6a",
+				yellow: "#e0af68",
+				blue: "#7aa2f7",
+				magenta: "#bb9af7",
+				cyan: "#7dcfff",
+				white: "#d6dee8"
+			}
+		});
+		fit = new XFit();
+		term.loadAddon(fit);
+		term.open(host);
+		renderInputRow();
+		const onKeyDown = (e) => {
+			if (e.ctrlKey || e.metaKey || e.altKey) {
+				if (e.key === "c" || e.key === "C") {
+					e.preventDefault();
+					e.stopPropagation();
+					doAbort();
+				}
+				return;
+			}
+			if (e.key === "Enter") {
+				e.preventDefault();
+				e.stopPropagation();
+				term?.write("\r\x1B[K");
+				const line = renderer.inputLine;
+				renderer.inputLine = "";
+				submitInput(line);
+				renderInputRow();
+				return;
+			}
+			if (e.key === "Backspace") {
+				e.preventDefault();
+				e.stopPropagation();
+				renderer.inputLine = renderer.inputLine.slice(0, -1);
+				renderInputRow();
+				return;
+			}
+			if (e.key === "ArrowUp" || e.key === "ArrowDown") {
+				if (inputHistory.length === 0) return;
+				e.preventDefault();
+				e.stopPropagation();
+				if (e.key === "ArrowUp") inputHistoryIdx = inputHistoryIdx < 0 ? inputHistory.length - 1 : Math.max(0, inputHistoryIdx - 1);
+				else {
+					inputHistoryIdx = inputHistoryIdx < 0 ? -1 : Math.min(inputHistory.length - 1, inputHistoryIdx + 1);
+					if (inputHistoryIdx === inputHistory.length - 1) inputHistoryIdx = -1;
+				}
+				renderer.inputLine = inputHistoryIdx < 0 ? "" : inputHistory[inputHistoryIdx] ?? "";
+				renderInputRow();
+				return;
+			}
+			if (e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey) {
+				e.preventDefault();
+				e.stopPropagation();
+				renderer.inputLine += e.key;
+				renderInputRow();
+			}
+		};
+		host.addEventListener("keydown", onKeyDown, true);
+		term.onData((data) => {
+			if (data.length <= 1) return;
+			renderer.inputLine += data.replace(/[\r\n]+$/, "");
+			renderInputRow();
+		});
+		resizeObs = new ResizeObserver(() => {
+			try {
+				fit?.fit();
+			} catch {}
+		});
+		resizeObs.observe(host);
+	}
+	watch(open, (v) => {
+		if (v) nextTick(async () => {
+			await ensureTerm();
+			resetView();
+			lastRenderedSeq = 0;
+			retryCount = 0;
+			lastErrorMessage = "";
+			writeBlock(`${C.dim}── AgentWorkShop harness terminal · ${props.pid ? `PID ${props.pid}` : `agent ${props.agentId?.slice(0, 8)}…`} ──${C.reset}`);
+			connect();
+			nextTick(() => {
+				try {
+					fit?.fit();
+				} catch {}
+			});
+		});
+		else {
+			disconnect();
+			hitl.value = null;
+		}
+	});
+	/** 目标切换(pid 直连或 agent 寻址变化)→ 清空视图重连(不同 Agent 的输出不得混渲染) */
+	watch(() => [props.pid, props.agentId], () => {
+		if (!open.value) return;
+		disconnect();
+		nextTick(() => {
+			resetView();
+			lastRenderedSeq = 0;
+			retryCount = 0;
+			lastErrorMessage = "";
+			livePid.value = null;
+			writeBlock(`${C.dim}${t("ompTerminalPanel.switchTarget", { p0: props.pid ? `PID ${props.pid}` : `agent ${props.agentId?.slice(0, 8)}…` })}${C.reset}`);
+			connect();
+		});
+	});
+	return {
+		hostEl,
+		connState,
+		alive,
+		running,
+		streaming,
+		hitl,
+		livePid,
+		stateLabel: computed(() => {
+			if (!alive.value) return {
+				text: t("terminal.stateExited"),
+				color: "error"
+			};
+			if (streaming.value) return {
+				text: t("terminal.stateStreaming"),
+				color: "processing"
+			};
+			if (running.value) return {
+				text: t("terminal.stateRunning"),
+				color: "warning"
+			};
+			return {
+				text: t("terminal.stateIdle"),
+				color: "success"
+			};
+		}),
+		connLabel: computed(() => {
+			switch (connState.value) {
+				case "open": return {
+					text: t("terminal.connOpen"),
+					color: "success"
+				};
+				case "connecting": return {
+					text: t("terminal.connConnecting"),
+					color: "default"
+				};
+				case "retrying": return {
+					text: `${t("terminal.connRetrying")}(${retryCount})`,
+					color: "warning"
+				};
+				default: return {
+					text: t("terminal.connClosed"),
+					color: "default"
+				};
+			}
+		}),
+		hitlRespond,
+		doAbort,
+		doClear
+	};
+}
+//#endregion
+//#region app/components/workshop/terminal/OmpTerminalPanel.vue?vue&type=script&setup=true&lang.ts
+var OmpTerminalPanel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "OmpTerminalPanel",
+	__ssrInlineRender: true,
+	props: /*@__PURE__*/ mergeModels({
+		pid: {},
+		agentId: {},
+		channelId: {},
+		subtitle: {}
+	}, {
+		"open": {
+			type: Boolean,
+			default: false
+		},
+		"openModifiers": {}
+	}),
+	emits: ["update:open"],
+	setup(__props) {
+		/**
+		* OmpTerminalPanel —— omp harness 原生终端面板(依赖 DOM/xterm,浏览器端动态加载)。
+		*
+		* 数据面:WS /api/system/monitor/terminal/ws?pid&token(#shared/terminal-protocol)
+		*  - 服务端 terminal-hub 镜像 omp `--mode rpc-ui` 子进程的全部 RPC 帧;
+		*  - 本组件把结构化帧流渲染成 xterm TUI(user 回显 / assistant 流式 / thinking /
+		*    工具执行 / host tool / HITL 对话框),还原"原生终端输出"体验;
+		*  - 控制面(真 Human-in-the-loop):行内输入 → input(steer·follow_up 注入 omp
+		*    会话);Ctrl+C / 中止按钮 → abort;HITL 面板 → ui_response(select·confirm·
+		*    input·editor 对话框应答,直写 extension_ui_response)。
+		*  - 断线自动重连(指数退避);重连全量重放按 seq 去重,时间线无缝续接。
+		*
+		* SSR 安全:xterm(CJS 包)在抽屉打开时动态 import(ensureTerm 内 await),
+		* 服务端渲染路径零执行;xterm 样式经 nuxt.config css 全局注入。
+		*/
+		const props = __props;
+		const open = useModel(__props, "open");
+		const { t } = useI18n();
+		const { hostEl, connState, running, streaming, hitl, livePid, stateLabel, connLabel, hitlRespond, doAbort, doClear } = useOmpTerminalSession(props, open);
+		return (_ctx, _push, _parent, _attrs) => {
+			const _component_a_drawer = drawer_default;
+			const _component_a_button = button_default;
+			_push(ssrRenderComponent(_component_a_drawer, mergeProps({
+				open: open.value,
+				"onUpdate:open": ($event) => open.value = $event,
+				placement: "right",
+				width: 860,
+				"body-style": {
+					padding: "0",
+					display: "flex",
+					flexDirection: "column",
+					background: "#10151c"
+				},
+				"header-style": {
+					background: "#10151c",
+					borderBottom: "1px solid #1d2733"
+				},
+				class: "omp-terminal-drawer"
+			}, _attrs), {
+				title: withCtx((_, _push, _parent, _scopeId) => {
+					if (_push) {
+						_push(`<div class="term-title" data-v-382aebf5${_scopeId}><span class="term-brand" data-v-382aebf5${_scopeId}><span class="i-tabler-terminal-2" data-v-382aebf5${_scopeId}></span></span><span class="term-name" data-v-382aebf5${_scopeId}>${ssrInterpolate(unref(t)("terminal.title"))}</span><span class="ts-chip aw-mono ts-pid" data-v-382aebf5${_scopeId}>PID ${ssrInterpolate(unref(livePid) ?? __props.pid ?? "–")}</span>`);
+						if (__props.subtitle) _push(`<span class="ts-chip ts-sub" data-v-382aebf5${_scopeId}>${ssrInterpolate(__props.subtitle)}</span>`);
+						else _push(`<!---->`);
+						_push(`</div>`);
+					} else return [createVNode("div", { class: "term-title" }, [
+						createVNode("span", { class: "term-brand" }, [createVNode("span", { class: "i-tabler-terminal-2" })]),
+						createVNode("span", { class: "term-name" }, toDisplayString(unref(t)("terminal.title")), 1),
+						createVNode("span", { class: "ts-chip aw-mono ts-pid" }, "PID " + toDisplayString(unref(livePid) ?? __props.pid ?? "–"), 1),
+						__props.subtitle ? (openBlock(), createBlock("span", {
+							key: 0,
+							class: "ts-chip ts-sub"
+						}, toDisplayString(__props.subtitle), 1)) : createCommentVNode("", true)
+					])];
+				}),
+				extra: withCtx((_, _push, _parent, _scopeId) => {
+					if (_push) {
+						_push(`<div class="term-toolbar" data-v-382aebf5${_scopeId}><span class="ts-chip aw-mono"${ssrRenderAttr("data-state", unref(connState))} data-v-382aebf5${_scopeId}><span class="ts-dot" data-v-382aebf5${_scopeId}></span>${ssrInterpolate(unref(connLabel).text)}</span><span class="ts-chip aw-mono"${ssrRenderAttr("data-live", unref(running) ? unref(streaming) ? "streaming" : "running" : "idle")} data-v-382aebf5${_scopeId}>${ssrInterpolate(unref(stateLabel).text)}</span>`);
+						_push(ssrRenderComponent(_component_a_button, {
+							size: "small",
+							danger: "",
+							class: "ts-btn",
+							disabled: !unref(running) && !unref(streaming),
+							onClick: unref(doAbort)
+						}, {
+							icon: withCtx((_, _push, _parent, _scopeId) => {
+								if (_push) _push(`<span class="i-tabler-player-stop" data-v-382aebf5${_scopeId}></span>`);
+								else return [createVNode("span", { class: "i-tabler-player-stop" })];
+							}),
+							default: withCtx((_, _push, _parent, _scopeId) => {
+								if (_push) _push(` ${ssrInterpolate(unref(t)("terminal.abort"))}`);
+								else return [createTextVNode(" " + toDisplayString(unref(t)("terminal.abort")), 1)];
+							}),
+							_: 1
+						}, _parent, _scopeId));
+						_push(ssrRenderComponent(_component_a_button, {
+							size: "small",
+							class: "ts-btn",
+							onClick: unref(doClear)
+						}, {
+							icon: withCtx((_, _push, _parent, _scopeId) => {
+								if (_push) _push(`<span class="i-tabler-eraser" data-v-382aebf5${_scopeId}></span>`);
+								else return [createVNode("span", { class: "i-tabler-eraser" })];
+							}),
+							default: withCtx((_, _push, _parent, _scopeId) => {
+								if (_push) _push(` ${ssrInterpolate(unref(t)("terminal.clear"))}`);
+								else return [createTextVNode(" " + toDisplayString(unref(t)("terminal.clear")), 1)];
+							}),
+							_: 1
+						}, _parent, _scopeId));
+						_push(`</div>`);
+					} else return [createVNode("div", { class: "term-toolbar" }, [
+						createVNode("span", {
+							class: "ts-chip aw-mono",
+							"data-state": unref(connState)
+						}, [createVNode("span", { class: "ts-dot" }), createTextVNode(toDisplayString(unref(connLabel).text), 1)], 8, ["data-state"]),
+						createVNode("span", {
+							class: "ts-chip aw-mono",
+							"data-live": unref(running) ? unref(streaming) ? "streaming" : "running" : "idle"
+						}, toDisplayString(unref(stateLabel).text), 9, ["data-live"]),
+						createVNode(_component_a_button, {
+							size: "small",
+							danger: "",
+							class: "ts-btn",
+							disabled: !unref(running) && !unref(streaming),
+							onClick: unref(doAbort)
+						}, {
+							icon: withCtx(() => [createVNode("span", { class: "i-tabler-player-stop" })]),
+							default: withCtx(() => [createTextVNode(" " + toDisplayString(unref(t)("terminal.abort")), 1)]),
+							_: 1
+						}, 8, ["disabled", "onClick"]),
+						createVNode(_component_a_button, {
+							size: "small",
+							class: "ts-btn",
+							onClick: unref(doClear)
+						}, {
+							icon: withCtx(() => [createVNode("span", { class: "i-tabler-eraser" })]),
+							default: withCtx(() => [createTextVNode(" " + toDisplayString(unref(t)("terminal.clear")), 1)]),
+							_: 1
+						}, 8, ["onClick"])
+					])];
+				}),
+				default: withCtx((_, _push, _parent, _scopeId) => {
+					if (_push) {
+						_push(`<div class="term-body" data-v-382aebf5${_scopeId}>`);
+						if (unref(hitl)) _push(ssrRenderComponent(TerminalHitlCard_default, {
+							hitl: unref(hitl),
+							onRespond: unref(hitlRespond)
+						}, null, _parent, _scopeId));
+						else _push(`<!---->`);
+						_push(`<div class="term-host" data-v-382aebf5${_scopeId}></div><div class="term-hint aw-kicker" data-v-382aebf5${_scopeId}>${ssrInterpolate(unref(t)("terminal.hint"))}</div></div>`);
+					} else return [createVNode("div", { class: "term-body" }, [
+						unref(hitl) ? (openBlock(), createBlock(TerminalHitlCard_default, {
+							key: 0,
+							hitl: unref(hitl),
+							onRespond: unref(hitlRespond)
+						}, null, 8, ["hitl", "onRespond"])) : createCommentVNode("", true),
+						createVNode("div", {
+							ref_key: "hostEl",
+							ref: hostEl,
+							class: "term-host"
+						}, null, 512),
+						createVNode("div", { class: "term-hint aw-kicker" }, toDisplayString(unref(t)("terminal.hint")), 1)
+					])];
+				}),
+				_: 1
+			}, _parent));
+		};
+	}
+});
+//#endregion
+//#region app/components/workshop/terminal/OmpTerminalPanel.vue
+var _sfc_setup = OmpTerminalPanel_vue_vue_type_script_setup_true_lang_default.setup;
+OmpTerminalPanel_vue_vue_type_script_setup_true_lang_default.setup = (props, ctx) => {
+	const ssrContext = useSSRContext();
+	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/workshop/terminal/OmpTerminalPanel.vue");
+	return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
+};
+var OmpTerminalPanel_default = /*#__PURE__*/ Object.assign(_plugin_vue_export_helper_default(OmpTerminalPanel_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-382aebf5"]]), { __name: "WorkshopTerminalOmpTerminalPanel" });
+
+export { OmpTerminalPanel_default as O };
+//# sourceMappingURL=OmpTerminalPanel-CVn7GF98.mjs.map