@tanzerfe/page-use 0.0.12 → 0.0.14

package/dist/{src-DAbH8ij6.mjs → src-D27GErmQ.mjs}

@@ -1,4 +1,4 @@
-import { $ as showFlowMask, B as acquireFlowExecution, C as createIndexedDbFlowRepository, Ct as readLauncherQuery, Et as resolveTtsEngine, F as sceneKey, Ft as cancelRegionPicker, G as getPageUseSnapshot, H as configurePageUse, I as scopeKey, It as hasRegionPicker, J as isRunning, K as hideFlowMask, M as parseFlowRegion, N as parseFlowScene, Ot as SIMULATOR_MASK_ID, P as parseFlowSceneDraft, Q as runTaskForFlow, R as validateRegionPreviewInputs, S as previewFlowImport, St as normalizeOptions, T as cloneJson, Tt as listTtsEngines, U as getElapsedSeconds, V as clearPageUseLog, W as getPageUseConfig, X as registerQuestionUi, Y as pageUseStore, Z as runTask, _ as createFlowApiAdapter, at as pageUseHistory, b as exportFlowBundle, ct as narrate, dt as previewStore, et as stopTask, f as composedParent, ft as startPreview, g as validateRegionPages, gt as createStore, h as regionAbortable, ht as pageUseSettings, i as definePageUseManagerElement, it as pageUsePresets, j as parseFlowKnowledge, jt as isSpeechSupported, k as newRevision, kt as BROWSER_ENGINE_ID, l as createFlowRunner, lt as narrationMute, m as locateFlowRegion, nt as subscribePageUse, ot as hideTourHighlight, p as createRegionSelector, pt as stopPreview, rt as updateFlowExecution, st as showTourHighlight, tt as stopTaskForFlow, u as createCompletionEvaluator, ut as registerNarrationPanelName, v as validateFlowApiOptions, w as FLOW_SEGMENT_MAX_CHARS, x as importFlowBundle, y as createFlowCloud, z as validateSceneBindings, zt as FlowError } from "./tool-CvEvIsN9.mjs";
+import { $ as showFlowMask, At as listTtsEngines, B as acquireFlowExecution, Bt as cancelRegionPicker, C as createIndexedDbFlowRepository, Dt as normalizeOptions, F as sceneKey, G as getPageUseSnapshot, H as configurePageUse, I as scopeKey, It as isSpeechSupported, J as isRunning, K as hideFlowMask, M as parseFlowRegion, N as parseFlowScene, Nt as SIMULATOR_MASK_ID, Ot as readLauncherQuery, P as parseFlowSceneDraft, Pt as BROWSER_ENGINE_ID, Q as runTaskForFlow, R as validateRegionPreviewInputs, S as previewFlowImport, T as cloneJson, U as getElapsedSeconds, V as clearPageUseLog, Vt as hasRegionPicker, W as getPageUseConfig, Wt as FlowError, X as registerQuestionUi, Y as pageUseStore, Z as runTask, _ as createFlowApiAdapter, _t as startPreview, at as decidePageUseSubmit, b as exportFlowBundle, bt as pageUseSettings, ct as pageUseHistory, dt as hideTourHighlight, et as stopTask, f as composedParent, ft as showTourHighlight, g as validateRegionPages, gt as previewStore, h as regionAbortable, ht as registerNarrationPanelName, i as definePageUseManagerElement, it as cancelPageUseSubmit, j as parseFlowKnowledge, jt as resolveTtsEngine, k as newRevision, l as createFlowRunner, lt as completionRequestBody, m as locateFlowRegion, mt as narrationMute, nt as subscribePageUse, ot as pageUseSubmitStore, p as createRegionSelector, pt as narrate, rt as updateFlowExecution, st as pageUsePresets, tt as stopTaskForFlow, u as createCompletionEvaluator, ut as readCompletionResponse, v as validateFlowApiOptions, vt as stopPreview, w as FLOW_SEGMENT_MAX_CHARS, x as importFlowBundle, xt as createStore, y as createFlowCloud, z as validateSceneBindings } from "./tool-DBeaEt3g.mjs";
 import { LitElement, css, html, nothing, svg } from "lit";
 import { keyed } from "lit/directives/keyed.js";
 import { unsafeHTML } from "lit/directives/unsafe-html.js";
@@ -24,35 +24,73 @@ const pageUseCapability = {
 
 //#endregion
 //#region src/ui/launcherControl.ts
-/**
-* 调试入口的显示控制：供业务系统通过模块导出或全局对象调出 / 隐藏调试面板。
-* 显示状态写入设置 launcherVisible（localStorage 持久化），刷新后保持；
-* 不依赖 lit，全局桥接引用本模块不会引入 UI 组件。
-*/
-/** 已挂载 launcher 登记的「展开面板」回调；未挂载时为空 */
-const openers = /* @__PURE__ */ new Set();
-/** launcher 挂载时登记展开回调，返回注销函数 */
-function registerLauncherOpener(open) {
-	openers.add(open);
+/** 面板运行期控制，不依赖 Lit；旧 show/hide 接口保留持久化语义。 */
+const controllers = /* @__PURE__ */ new Set();
+const listeners = /* @__PURE__ */ new Set();
+let lastSnapshot = {
+	mounted: false,
+	entryVisible: false,
+	panelOpen: false
+};
+/** 多面板时取任意可见；通常每个宿主只挂载一个面板。 */
+function getPageUsePanelSnapshot() {
+	const states = [...controllers].map((controller) => controller.snapshot());
+	return {
+		mounted: controllers.size > 0,
+		entryVisible: states.some((state) => state.entryVisible),
+		panelOpen: states.some((state) => state.panelOpen)
+	};
+}
+function notifyPageUsePanelState() {
+	const snapshot = getPageUsePanelSnapshot();
+	if (snapshot.mounted === lastSnapshot.mounted && snapshot.entryVisible === lastSnapshot.entryVisible && snapshot.panelOpen === lastSnapshot.panelOpen) return;
+	lastSnapshot = snapshot;
+	for (const listener of listeners) try {
+		listener({ ...snapshot });
+	} catch (error) {
+		console.warn("[PageUse] 面板订阅回调异常", error);
+	}
+}
+function subscribePageUsePanel(listener) {
+	listeners.add(listener);
 	return () => {
-		openers.delete(open);
+		listeners.delete(listener);
 	};
 }
-/**
-* 显示调试入口并展开面板，状态持久化。
-* 宿主未挂载调试面板时只保存状态并警告，之后挂载的面板按该状态显示。
-*/
+function registerLauncherController(controller) {
+	controllers.add(controller);
+	notifyPageUsePanelState();
+	return () => {
+		controllers.delete(controller);
+		notifyPageUsePanelState();
+	};
+}
+/** 临时打开面板，不写入设置；未挂载时返回 false，不排队等待挂载。 */
+async function openPageUsePanel() {
+	if (!controllers.size) return false;
+	await Promise.all([...controllers].map((controller) => controller.open(true)));
+	notifyPageUsePanelState();
+	return getPageUsePanelSnapshot().panelOpen;
+}
+/** 临时收起面板，保留原有入口设置、输入和任务；可在 onUserSubmit 内调用。 */
+async function closePageUsePanel() {
+	await Promise.all([...controllers].map((controller) => controller.close()));
+	notifyPageUsePanelState();
+}
+/** 旧接口：显示入口并展开，持久化设置。 */
 function showPageUseLauncher() {
 	pageUseSettings.update({ launcherVisible: true });
-	if (!openers.size) {
+	if (!controllers.size) {
 		console.warn("[PageUse] 调试面板未挂载，显示状态已保存，挂载后生效（mountPageUseUI 需传入 launcher）");
 		return;
 	}
-	openers.forEach((open) => open());
+	for (const controller of controllers) controller.open(false);
 }
-/** 隐藏调试入口（面板与浮动入口），状态持久化；效果与面板标题栏的关闭按钮相同 */
+/** 旧接口：隐藏面板和入口并持久化；不停止页面任务。 */
 function hidePageUseLauncher() {
+	cancelPageUseSubmit();
 	pageUseSettings.update({ launcherVisible: false });
+	closePageUsePanel();
 }
 
 //#endregion
@@ -149,7 +187,11 @@ function installPageUseGlobal() {
 		tool: PAGE_USE_TOOL,
 		runTool: runPageUseTool,
 		showLauncher: showPageUseLauncher,
-		hideLauncher: hidePageUseLauncher
+		hideLauncher: hidePageUseLauncher,
+		openPanel: openPageUsePanel,
+		closePanel: closePageUsePanel,
+		getPanelSnapshot: getPageUsePanelSnapshot,
+		subscribePanel: subscribePageUsePanel
 	};
 	window[PAGE_USE_GLOBAL_KEY] = api;
 	return () => {
@@ -282,14 +324,14 @@ function createFlowGenerator(llm) {
 		const headers = new Headers({ "Content-Type": "application/json" });
 		if (llm.apiKey) headers.set("Authorization", `Bearer ${llm.apiKey}`);
 		if (llm.sessionHeader) headers.set(llm.sessionHeader, context.sessionId);
+		const { tools: _tools, tool_choice: _choice, functions: _functions, function_call: _call, ...extra } = llm.extraBody;
 		const response = await fetch(`${llm.baseURL}/chat/completions`, {
 			method: "POST",
 			headers,
 			signal,
-			body: JSON.stringify({
-				...llm.extraBody,
+			body: JSON.stringify(completionRequestBody({
+				...extra,
 				model: llm.model,
-				stream: false,
 				temperature: .2,
 				messages: [{
 					role: "system",
@@ -310,10 +352,12 @@ function createFlowGenerator(llm) {
 						outputs: context.outputs
 					})
 				}]
-			})
+			}, llm))
 		});
 		if (!response.ok) throw new Error(`讲解模型请求失败（HTTP ${response.status}）`);
-		const content = (await response.json()).choices?.[0]?.message?.content;
+		const body = await readCompletionResponse(response, signal);
+		if (body.choices?.[0]?.message?.tool_calls?.length || body.choices?.[0]?.message?.function_call) throw new Error("讲解模型返回了工具调用");
+		const content = body.choices?.[0]?.message?.content;
 		if (typeof content !== "string") throw new Error("讲解模型未返回文本");
 		return content;
 	};
@@ -1266,7 +1310,7 @@ var PageUseGlowElement = class extends LitElement {
 
 //#endregion
 //#region package.json
-var version = "0.0.12";
+var version = "0.0.14";
 
 //#endregion
 //#region src/ui/drag.ts
@@ -2807,7 +2851,12 @@ var PageUseLauncherElement = class extends LitElement {
 			} });
 		}
 	});
+	unsubscribeSubmit;
+	submitError = "";
+	temporaryPanel = false;
+	panelCommand = 0;
 	connectedCallback() {
+		this.unsubscribeSubmit = pageUseSubmitStore.subscribe(() => this.requestUpdate());
 		super.connectedCallback();
 		definePageUseManagerElement();
 		this.wasRunning = isRunning();
@@ -2829,7 +2878,17 @@ var PageUseLauncherElement = class extends LitElement {
 			pageUsePresets.store.subscribe(() => this.requestUpdate()),
 			narrationMute.subscribe(() => this.requestUpdate()),
 			previewStore.subscribe(() => this.requestUpdate()),
-			registerLauncherOpener(() => void this.expand()),
+			registerLauncherController({
+				open: (temporary) => this.expand(temporary),
+				close: () => this.closeTemporaryPanel(),
+				snapshot: () => {
+					const entryVisible = this.isVisible(pageUseSettings.get());
+					return {
+						entryVisible,
+						panelOpen: entryVisible && this.open
+					};
+				}
+			}),
 			registerQuestionUi(),
 			this.watchVoices()
 		];
@@ -2838,6 +2897,9 @@ var PageUseLauncherElement = class extends LitElement {
 		window.addEventListener("resize", this.onResize);
 	}
 	disconnectedCallback() {
+		++this.panelCommand;
+		this.unsubscribeSubmit?.();
+		cancelPageUseSubmit();
 		super.disconnectedCallback();
 		this.cleanups.forEach((off) => off());
 		this.cleanups = [];
@@ -2952,6 +3014,7 @@ var PageUseLauncherElement = class extends LitElement {
 		this.measureFab();
 	}
 	updated(_changed) {
+		notifyPageUsePanelState();
 		this.autosizeTextarea();
 		this.animateFabWidth();
 		this.animatePanelResize();
@@ -3075,7 +3138,7 @@ var PageUseLauncherElement = class extends LitElement {
 	}
 	/** 调试入口是否显示：持久化状态优先，未操作过时跟随宿主 defaultHidden */
 	isVisible(settings) {
-		return settings.launcherVisible ?? !this._config.defaultHidden;
+		return this.temporaryPanel || (settings.launcherVisible ?? !this._config.defaultHidden);
 	}
 	/**
 	* 入口按下：先清掉上一次手势遗留的拖动标记，本次是否为拖动由 fabDrag 判定。
@@ -3105,17 +3168,33 @@ var PageUseLauncherElement = class extends LitElement {
 		this.requestUpdate();
 	};
 	/** 展开面板（showPageUseLauncher 调用）：等入口按新的显示状态渲染后再测量定位 */
-	async expand() {
+	async expand(temporary = false) {
+		const command = ++this.panelCommand;
+		this.temporaryPanel = temporary;
+		this.requestUpdate();
 		await this.updateComplete;
+		if (!this.isConnected || command !== this.panelCommand) return;
 		this.measureFab();
 		this.resolvePanelAnchor();
 		this.cancelSheetAnimation();
 		if (this.view === "manager") this.shadowRoot?.querySelector("tz-page-use-manager")?.openSceneManager();
 		this.open = true;
 		this.requestUpdate();
+		await this.updateComplete;
+	}
+	async closeTemporaryPanel() {
+		++this.panelCommand;
+		this.cancelSheetAnimation();
+		this.cancelPanelResize();
+		stopPreview();
+		this.open = false;
+		this.temporaryPanel = false;
+		this.requestUpdate();
+		await this.updateComplete;
 	}
 	/** 关闭调试入口：收起面板并持久化隐藏状态，之后需调用显示方法或 URL 参数调出 */
 	close() {
+		cancelPageUseSubmit();
 		this.cancelPanelResize();
 		stopPreview();
 		this.open = false;
@@ -3342,7 +3421,21 @@ var PageUseLauncherElement = class extends LitElement {
 	/** tourStyle：快捷指令携带的讲解风格；输入框提交时不传，按面板设置与宿主默认 */
 	async submit(tourStyle) {
 		const text = this.task.trim();
-		if (isRunning() || !text) return;
+		if (isRunning() || pageUseSubmitStore.get().pending || !text) return;
+		this.submitError = "";
+		const handler = getPageUseConfig()?.onUserSubmit;
+		const decision = handler ? await decidePageUseSubmit(text, handler) : { action: "continue" };
+		if (decision.action === "reject") {
+			this.submitError = decision.message;
+			this.requestUpdate();
+			return;
+		}
+		if (decision.action === "cancelled" || decision.action === "busy") return;
+		if (decision.action === "handled") {
+			this.task = "";
+			this.requestUpdate();
+			return;
+		}
 		this.task = "";
 		this.requestUpdate();
 		if (this.collapseOnRun) this.collapse();
@@ -3352,6 +3445,7 @@ var PageUseLauncherElement = class extends LitElement {
 		});
 	}
 	applyPreset(text, tourStyle) {
+		if (isRunning() || pageUseSubmitStore.get().pending) return;
 		this.task = text;
 		this.submit(tourStyle);
 	}
@@ -3730,7 +3824,7 @@ var PageUseLauncherElement = class extends LitElement {
       @click=${() => playing ? stopPreview() : startPreview(engine, {
 			rate: settings.voiceRate,
 			voice: voiceName
-		})}
+		}, getPageUseConfig()?.appName || "Page Use")}
     >
       ${playing ? "停止" : "试听"}
     </button>`;
@@ -3985,11 +4079,13 @@ var PageUseLauncherElement = class extends LitElement {
           </div>` : nothing}
       ${isFlowActive(this.flowSnapshot) ? this.renderFlowControls() : html`
       ${this.tray && !running ? this.renderTray() : nothing}
+      ${this.submitError ? html`<div class="alert warning" role="alert">${this.submitError}</div>` : nothing}
+      ${pageUseSubmitStore.get().pending ? html`<button type="button" class="btn tiny" @click=${cancelPageUseSubmit}>取消判断</button>` : nothing}
       <textarea
         class="textarea"
         rows=${TEXTAREA_MIN_ROWS}
         placeholder=${running ? "执行中，可点击「终止」中断" : "输入指令，回车执行，Shift+回车换行"}
-        ?disabled=${running}
+        ?disabled=${running || pageUseSubmitStore.get().pending}
         .value=${this.task}
         @input=${this.onTaskInput}
         @keydown=${this.onTaskKeydown}
@@ -3998,7 +4094,7 @@ var PageUseLauncherElement = class extends LitElement {
         <button
           type="button"
           class="btn tiny ${this.tray === "presets" ? "secondary accent" : "ghost"}"
-          ?disabled=${running}
+          ?disabled=${running || pageUseSubmitStore.get().pending}
           @click=${() => this.toggleTray("presets")}
         >
           快捷指令
@@ -4006,7 +4102,7 @@ var PageUseLauncherElement = class extends LitElement {
         <button
           type="button"
           class="btn tiny ${this.tray === "history" ? "secondary accent" : "ghost"}"
-          ?disabled=${running}
+          ?disabled=${running || pageUseSubmitStore.get().pending}
           @click=${() => this.toggleTray("history")}
         >
           历史${historyCount ? `（${historyCount}）` : ""}
@@ -4026,7 +4122,7 @@ var PageUseLauncherElement = class extends LitElement {
               <button
                 type="button"
                 class="btn push-right"
-                ?disabled=${!lastTask}
+                ?disabled=${!lastTask || pageUseSubmitStore.get().pending}
                 title=${lastTask ? `重跑：${lastTask}` : "暂无可重跑的指令"}
                 @click=${() => lastTask && this.applyPreset(lastTask)}
               >
@@ -4035,10 +4131,10 @@ var PageUseLauncherElement = class extends LitElement {
               <button
                 type="button"
                 class="btn primary"
-                ?disabled=${!this.task.trim()}
+                ?disabled=${!this.task.trim() || pageUseSubmitStore.get().pending}
                 @click=${() => void this.submit()}
               >
-                执行
+                ${pageUseSubmitStore.get().pending ? "正在判断…" : "执行"}
               </button>
             `}
       </div>`}
@@ -4194,4 +4290,4 @@ function mountPageUseUI(options = {}) {
 }
 
 //#endregion
-export { isPageUseCommand as _, PAGE_USE_STATIC_PRESETS as a, showPageUseLauncher as b, PAGE_USE_GLOW_TAG as c, getPageUseFlow as d, PAGE_USE_GLOBAL_KEY as f, formatPageUseResultForModel as g, PAGE_USE_TOOL_NAME as h, PageUseLauncherElement as i, PageUseGlowElement as l, PAGE_USE_TOOL as m, mountPageUseUI as n, buildMenuPresets as o, PAGE_USE_COMMAND_TYPE as p, PAGE_USE_LAUNCHER_TAG as r, PAGE_USE_ROBOT_ICON_SVG as s, definePageUseElements as t, createPageUse as u, runPageUseTool as v, pageUseCapability as x, hidePageUseLauncher as y };
+export { showPageUseLauncher as C, openPageUsePanel as S, pageUseCapability as T, isPageUseCommand as _, PAGE_USE_STATIC_PRESETS as a, getPageUsePanelSnapshot as b, PAGE_USE_GLOW_TAG as c, getPageUseFlow as d, PAGE_USE_GLOBAL_KEY as f, formatPageUseResultForModel as g, PAGE_USE_TOOL_NAME as h, PageUseLauncherElement as i, PageUseGlowElement as l, PAGE_USE_TOOL as m, mountPageUseUI as n, buildMenuPresets as o, PAGE_USE_COMMAND_TYPE as p, PAGE_USE_LAUNCHER_TAG as r, PAGE_USE_ROBOT_ICON_SVG as s, definePageUseElements as t, createPageUse as u, runPageUseTool as v, subscribePageUsePanel as w, hidePageUseLauncher as x, closePageUsePanel as y };