@vite-plugin-opencode-assistant/components 1.0.15 → 1.0.17

package/lib/@vite-plugin-opencode-assistant/components.cjs.js

@@ -33,38 +33,22 @@ var __spreadValues$1 = (a, b) => {
 	}
 	return a;
 };
-var __vue_sfc__$7 = /* @__PURE__ */ (0, vue.defineComponent)({
+var __vue_sfc__$6 = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "Frame",
 	setup(__props, { expose: __expose }) {
-		__expose();
 		const iframeRef = (0, vue.ref)(null);
-		const { frameLoading, showEmptyState, showError, iframeSource: iframeSrc, emptyStateText, emptyStateActionText, handleEmptyAction, handleFrameLoaded, theme, resolvedTheme } = useOpenCodeWidgetContext();
-		const iframeReady = (0, vue.ref)(false);
+		const { frameLoading, showEmptyState, showError, iframeSource: iframeSrc, emptyStateText, emptyStateActionText, handleEmptyAction, handleFrameLoaded } = useOpenCodeWidgetContext();
 		function sendMessageToIframe(type, data) {
 			var _a;
 			if (!((_a = iframeRef.value) == null ? void 0 : _a.contentWindow)) return;
 			iframeRef.value.contentWindow.postMessage(__spreadValues$1({ type }, data), "*");
 		}
-		function syncIframeTheme() {
-			sendMessageToIframe("OPENCODE_SET_THEME", { theme: resolvedTheme.value });
-		}
-		function handleIframeMessage(event) {
-			var _a;
-			if (((_a = event.data) == null ? void 0 : _a.type) === "OPENCODE_READY") syncIframeTheme();
-		}
-		(0, vue.watch)([theme, resolvedTheme], () => {
-			syncIframeTheme();
-		});
 		(0, vue.onMounted)(() => {
 			if (iframeRef.value) iframeRef.value.addEventListener("load", () => {
-				iframeReady.value = true;
 				handleFrameLoaded();
 			});
-			window.addEventListener("message", handleIframeMessage);
-		});
-		(0, vue.onUnmounted)(() => {
-			window.removeEventListener("message", handleIframeMessage);
 		});
+		__expose({ sendMessageToIframe });
 		const __returned__ = {
 			iframeRef,
 			frameLoading,
@@ -75,12 +59,7 @@ var __vue_sfc__$7 = /* @__PURE__ */ (0, vue.defineComponent)({
 			emptyStateActionText,
 			handleEmptyAction,
 			handleFrameLoaded,
-			theme,
-			resolvedTheme,
-			iframeReady,
-			sendMessageToIframe,
-			syncIframeTheme,
-			handleIframeMessage
+			sendMessageToIframe
 		};
 		Object.defineProperty(__returned__, "__isScriptSetup", {
 			enumerable: false,
@@ -89,11 +68,11 @@ var __vue_sfc__$7 = /* @__PURE__ */ (0, vue.defineComponent)({
 		return __returned__;
 	}
 });
-var _hoisted_1$7 = { class: "opencode-iframe-container" };
-var _hoisted_2$5 = { class: "opencode-empty-state-text" };
-var _hoisted_3$5 = ["src"];
-function __vue_render__$7(_ctx, _cache, $props, $setup, $data, $options) {
-	return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$7, [
+var _hoisted_1$6 = { class: "opencode-iframe-container" };
+var _hoisted_2$4 = { class: "opencode-empty-state-text" };
+var _hoisted_3$4 = ["src"];
+function __vue_render__$6(_ctx, _cache, $props, $setup, $data, $options) {
+	return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$6, [
 		(0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)(["opencode-empty-state-overlay", { visible: $setup.showEmptyState }]) }, [(0, vue.renderSlot)(_ctx.$slots, "empty-state", {}, () => [
 			_cache[1] || (_cache[1] = (0, vue.createElementVNode)("div", { class: "opencode-empty-state-icon" }, [(0, vue.createElementVNode)("svg", {
 				viewBox: "0 0 24 24",
@@ -108,7 +87,7 @@ function __vue_render__$7(_ctx, _cache, $props, $setup, $data, $options) {
 				"stroke-linejoin": "round",
 				d: "M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 0 1-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"
 			})])], -1)),
-			(0, vue.createElementVNode)("div", _hoisted_2$5, (0, vue.toDisplayString)($setup.emptyStateText), 1),
+			(0, vue.createElementVNode)("div", _hoisted_2$4, (0, vue.toDisplayString)($setup.emptyStateText), 1),
 			(0, vue.createElementVNode)("button", {
 				class: "opencode-empty-state-btn",
 				type: "button",
@@ -123,14 +102,14 @@ function __vue_render__$7(_ctx, _cache, $props, $setup, $data, $options) {
 			src: $setup.iframeSrc,
 			allow: "clipboard-write; clipboard-read",
 			referrerpolicy: "origin"
-		}, null, 8, _hoisted_3$5)])
+		}, null, 8, _hoisted_3$4)])
 	]);
 }
-__vue_sfc__$7.render = __vue_render__$7;
-var Frame_vue_default = __vue_sfc__$7;
+__vue_sfc__$6.render = __vue_render__$6;
+var Frame_vue_default = __vue_sfc__$6;
 //#endregion
 //#region es/open-code-widget/src/components/Header.vue.js
-var __vue_sfc__$6 = /* @__PURE__ */ (0, vue.defineComponent)({
+var __vue_sfc__$5 = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "Header",
 	setup(__props, { expose: __expose }) {
 		__expose();
@@ -169,15 +148,15 @@ var __vue_sfc__$6 = /* @__PURE__ */ (0, vue.defineComponent)({
 		return __returned__;
 	}
 });
-var _hoisted_1$6 = { class: "opencode-chat-header" };
-var _hoisted_2$4 = { class: "opencode-chat-header-left" };
-var _hoisted_3$4 = [
+var _hoisted_1$5 = { class: "opencode-chat-header" };
+var _hoisted_2$3 = { class: "opencode-chat-header-left" };
+var _hoisted_3$3 = [
 	"title",
 	"aria-label",
 	"aria-expanded"
 ];
-var _hoisted_4$4 = ["aria-pressed", "disabled"];
-var _hoisted_5$4 = ["title", "aria-label"];
+var _hoisted_4$3 = ["aria-pressed", "disabled"];
+var _hoisted_5$3 = ["title", "aria-label"];
 var _hoisted_6$3 = {
 	key: 0,
 	viewBox: "0 0 24 24",
@@ -208,11 +187,11 @@ var _hoisted_8$2 = {
 	"stroke-width": "2",
 	"aria-hidden": "true"
 };
-var _hoisted_9$1 = { class: "opencode-chat-header-title" };
+var _hoisted_9$2 = { class: "opencode-chat-header-title" };
 var _hoisted_10 = { class: "opencode-chat-header-actions" };
-function __vue_render__$6(_ctx, _cache, $props, $setup, $data, $options) {
-	return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$6, [
-		(0, vue.createElementVNode)("div", _hoisted_2$4, [
+function __vue_render__$5(_ctx, _cache, $props, $setup, $data, $options) {
+	return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$5, [
+		(0, vue.createElementVNode)("div", _hoisted_2$3, [
 			(0, vue.createElementVNode)("button", {
 				class: (0, vue.normalizeClass)(["opencode-header-btn session-toggle", { active: !$setup.sessionListCollapsed }]),
 				type: "button",
@@ -231,7 +210,7 @@ function __vue_render__$6(_ctx, _cache, $props, $setup, $data, $options) {
 			}, [(0, vue.createElementVNode)("path", {
 				d: "M4 6h16M4 12h16M4 18h16",
 				"stroke-linecap": "round"
-			})], -1))])], 10, _hoisted_3$4),
+			})], -1))])], 10, _hoisted_3$3),
 			(0, vue.createElementVNode)("button", {
 				class: (0, vue.normalizeClass)(["opencode-header-btn select-btn", { active: $setup.selectMode }]),
 				type: "button",
@@ -251,16 +230,16 @@ function __vue_render__$6(_ctx, _cache, $props, $setup, $data, $options) {
 			}), (0, vue.createElementVNode)("path", {
 				fill: "currentColor",
 				d: "M512 96a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V128a32 32 0 0 1 32-32m0 576a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V704a32 32 0 0 1 32-32M96 512a32 32 0 0 1 32-32h192a32 32 0 0 1 0 64H128a32 32 0 0 1-32-32m576 0a32 32 0 0 1 32-32h192a32 32 0 1 1 0 64H704a32 32 0 0 1-32-32"
-			})], -1))])], 10, _hoisted_4$4),
+			})], -1))])], 10, _hoisted_4$3),
 			(0, vue.createElementVNode)("button", {
 				class: "opencode-header-btn theme-btn",
 				type: "button",
 				title: $setup.themeIconTitle,
 				"aria-label": $setup.themeIconLabel,
 				onClick: _cache[2] || (_cache[2] = (...args) => $setup.handleToggleTheme && $setup.handleToggleTheme(...args))
-			}, [(0, vue.renderSlot)(_ctx.$slots, "theme-icon", {}, () => [$setup.theme === "light" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("svg", _hoisted_6$3, [..._cache[6] || (_cache[6] = [(0, vue.createStaticVNode)("<circle cx=\"12\" cy=\"12\" r=\"5\"></circle><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"3\"></line><line x1=\"12\" y1=\"21\" x2=\"12\" y2=\"23\"></line><line x1=\"4.22\" y1=\"4.22\" x2=\"5.64\" y2=\"5.64\"></line><line x1=\"18.36\" y1=\"18.36\" x2=\"19.78\" y2=\"19.78\"></line><line x1=\"1\" y1=\"12\" x2=\"3\" y2=\"12\"></line><line x1=\"21\" y1=\"12\" x2=\"23\" y2=\"12\"></line><line x1=\"4.22\" y1=\"19.78\" x2=\"5.64\" y2=\"18.36\"></line><line x1=\"18.36\" y1=\"5.64\" x2=\"19.78\" y2=\"4.22\"></line>", 9)])])) : $setup.theme === "dark" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("svg", _hoisted_7$2, [..._cache[7] || (_cache[7] = [(0, vue.createElementVNode)("path", { d: "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" }, null, -1)])])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("svg", _hoisted_8$2, [..._cache[8] || (_cache[8] = [(0, vue.createStaticVNode)("<rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"></rect><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"></line><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"></line><circle cx=\"12\" cy=\"10\" r=\"3\"></circle><path d=\"M7 7l2 2M17 7l-2 2M7 13l2-2M17 13l-2-2\"></path>", 5)])]))])], 8, _hoisted_5$4)
+			}, [(0, vue.renderSlot)(_ctx.$slots, "theme-icon", {}, () => [$setup.theme === "light" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("svg", _hoisted_6$3, [..._cache[6] || (_cache[6] = [(0, vue.createStaticVNode)("<circle cx=\"12\" cy=\"12\" r=\"5\"></circle><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"3\"></line><line x1=\"12\" y1=\"21\" x2=\"12\" y2=\"23\"></line><line x1=\"4.22\" y1=\"4.22\" x2=\"5.64\" y2=\"5.64\"></line><line x1=\"18.36\" y1=\"18.36\" x2=\"19.78\" y2=\"19.78\"></line><line x1=\"1\" y1=\"12\" x2=\"3\" y2=\"12\"></line><line x1=\"21\" y1=\"12\" x2=\"23\" y2=\"12\"></line><line x1=\"4.22\" y1=\"19.78\" x2=\"5.64\" y2=\"18.36\"></line><line x1=\"18.36\" y1=\"5.64\" x2=\"19.78\" y2=\"4.22\"></line>", 9)])])) : $setup.theme === "dark" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("svg", _hoisted_7$2, [..._cache[7] || (_cache[7] = [(0, vue.createElementVNode)("path", { d: "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" }, null, -1)])])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("svg", _hoisted_8$2, [..._cache[8] || (_cache[8] = [(0, vue.createStaticVNode)("<rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"></rect><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"></line><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"></line><circle cx=\"12\" cy=\"10\" r=\"3\"></circle><path d=\"M7 7l2 2M17 7l-2 2M7 13l2-2M17 13l-2-2\"></path>", 5)])]))])], 8, _hoisted_5$3)
 		]),
-		(0, vue.createElementVNode)("span", _hoisted_9$1, (0, vue.toDisplayString)($setup.title), 1),
+		(0, vue.createElementVNode)("span", _hoisted_9$2, (0, vue.toDisplayString)($setup.title), 1),
 		(0, vue.createElementVNode)("div", _hoisted_10, [(0, vue.createElementVNode)("button", {
 			class: "opencode-header-btn close",
 			type: "button",
@@ -278,11 +257,11 @@ function __vue_render__$6(_ctx, _cache, $props, $setup, $data, $options) {
 		}, [(0, vue.createElementVNode)("path", { d: "M18 6L6 18M6 6l12 12" })], -1))])])])
 	]);
 }
-__vue_sfc__$6.render = __vue_render__$6;
-var Header_vue_default = __vue_sfc__$6;
+__vue_sfc__$5.render = __vue_render__$5;
+var Header_vue_default = __vue_sfc__$5;
 //#endregion
 //#region es/open-code-widget/src/components/SelectHint.vue.js
-var __vue_sfc__$5 = /* @__PURE__ */ (0, vue.defineComponent)({
+var __vue_sfc__$4 = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "SelectHint",
 	setup(__props, { expose: __expose }) {
 		__expose();
@@ -298,72 +277,12 @@ var __vue_sfc__$5 = /* @__PURE__ */ (0, vue.defineComponent)({
 		return __returned__;
 	}
 });
-var _hoisted_1$5 = { class: "opencode-hint-shortcut" };
-function __vue_render__$5(_ctx, _cache, $props, $setup, $data, $options) {
-	return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", { class: (0, vue.normalizeClass)(["opencode-select-mode-hint", { visible: $setup.visible }]) }, [_cache[0] || (_cache[0] = (0, vue.createElementVNode)("span", null, "🎯 选择模式已开启 - 点击元素进行选择", -1)), (0, vue.createElementVNode)("span", _hoisted_1$5, (0, vue.toDisplayString)($setup.shortcutLabel), 1)], 2);
-}
-__vue_sfc__$5.render = __vue_render__$5;
-var SelectHint_vue_default = __vue_sfc__$5;
-//#endregion
-//#region es/open-code-widget/src/components/SelectedBubbles.vue.js
-var __vue_sfc__$4 = /* @__PURE__ */ (0, vue.defineComponent)({
-	__name: "SelectedBubbles",
-	setup(__props, { expose: __expose }) {
-		__expose();
-		const { bubbleVisible: visible, selectedElementItems: items, handleClickSelectedNode, handleRemoveSelectedNode } = useOpenCodeWidgetContext();
-		const __returned__ = {
-			visible,
-			items,
-			handleClickSelectedNode,
-			handleRemoveSelectedNode
-		};
-		Object.defineProperty(__returned__, "__isScriptSetup", {
-			enumerable: false,
-			value: true
-		});
-		return __returned__;
-	}
-});
-var _hoisted_1$4 = {
-	key: 0,
-	class: "opencode-bubble-empty"
-};
-var _hoisted_2$3 = ["onClick"];
-var _hoisted_3$3 = { class: "opencode-bubble-text" };
-var _hoisted_4$3 = {
-	key: 0,
-	class: "opencode-bubble-file"
-};
-var _hoisted_5$3 = ["aria-label", "onClick"];
+var _hoisted_1$4 = { class: "opencode-hint-shortcut" };
 function __vue_render__$4(_ctx, _cache, $props, $setup, $data, $options) {
-	return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
-		class: (0, vue.normalizeClass)(["opencode-selected-bubbles", { visible: $setup.visible }]),
-		role: "list",
-		"aria-label": "已选元素列表"
-	}, [$setup.items.length === 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$4, "暂无选中元素")) : ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, (0, vue.renderList)($setup.items, (item, index) => {
-		return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
-			key: item.key,
-			class: "opencode-selected-bubble",
-			role: "listitem",
-			onClick: ($event) => $setup.handleClickSelectedNode(item)
-		}, [
-			(0, vue.createElementVNode)("span", _hoisted_3$3, (0, vue.toDisplayString)(item.description), 1),
-			item.bubbleFileText ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_4$3, (0, vue.toDisplayString)(item.bubbleFileText), 1)) : (0, vue.createCommentVNode)("v-if", true),
-			(0, vue.createElementVNode)("button", {
-				class: "opencode-bubble-remove",
-				type: "button",
-				"aria-label": `\u79FB\u9664\u5143\u7D20: ${item.description}`,
-				onClick: (0, vue.withModifiers)(($event) => $setup.handleRemoveSelectedNode({
-					item,
-					index,
-					source: "bubble"
-				}), ["stop"])
-			}, " × ", 8, _hoisted_5$3)
-		], 8, _hoisted_2$3);
-	}), 128))], 2);
+	return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", { class: (0, vue.normalizeClass)(["opencode-select-mode-hint", { visible: $setup.visible }]) }, [_cache[0] || (_cache[0] = (0, vue.createElementVNode)("span", null, "🎯 选择模式已开启 - 点击元素进行选择", -1)), (0, vue.createElementVNode)("span", _hoisted_1$4, (0, vue.toDisplayString)($setup.shortcutLabel), 1)], 2);
 }
 __vue_sfc__$4.render = __vue_render__$4;
-var SelectedBubbles_vue_default = __vue_sfc__$4;
+var SelectHint_vue_default = __vue_sfc__$4;
 //#endregion
 //#region es/open-code-widget/src/components/SelectedNodes.vue.js
 var __vue_sfc__$3 = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -492,7 +411,7 @@ var _hoisted_5$1 = ["aria-selected", "onClick"];
 var _hoisted_6$1 = { class: "opencode-session-header" };
 var _hoisted_7$1 = { class: "opencode-session-title" };
 var _hoisted_8$1 = ["aria-label", "onClick"];
-var _hoisted_9 = { class: "opencode-session-meta" };
+var _hoisted_9$1 = { class: "opencode-session-meta" };
 function __vue_render__$2(_ctx, _cache, $props, $setup, $data, $options) {
 	return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", { class: (0, vue.normalizeClass)(["opencode-session-list", { collapsed: $setup.collapsed }]) }, [
 		(0, vue.createCommentVNode)(" Header "),
@@ -521,7 +440,7 @@ function __vue_render__$2(_ctx, _cache, $props, $setup, $data, $options) {
 				type: "button",
 				"aria-label": `\u5220\u9664\u4F1A\u8BDD: ${item.title}`,
 				onClick: (0, vue.withModifiers)(($event) => $setup.handleDeleteSession(item), ["stop"])
-			}, " × ", 8, _hoisted_8$1)]), (0, vue.createElementVNode)("div", _hoisted_9, (0, vue.toDisplayString)(item.meta), 1)], 10, _hoisted_5$1);
+			}, " × ", 8, _hoisted_8$1)]), (0, vue.createElementVNode)("div", _hoisted_9$1, (0, vue.toDisplayString)(item.meta), 1)], 10, _hoisted_5$1);
 		}), 128)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 2 }, [(0, vue.createCommentVNode)(" Empty State "), (0, vue.renderSlot)(_ctx.$slots, "empty")], 64))])], 2112))
 	], 2);
 }
@@ -533,11 +452,12 @@ var __vue_sfc__$1 = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "Trigger",
 	setup(__props, { expose: __expose }) {
 		__expose();
-		const { buttonActive: active, open, hotkeyLabel, handleToggle } = useOpenCodeWidgetContext();
+		const { buttonActive: active, open, hotkeyLabel, thinking, handleToggle } = useOpenCodeWidgetContext();
 		const __returned__ = {
 			active,
 			open,
 			hotkeyLabel,
+			thinking,
 			handleToggle
 		};
 		Object.defineProperty(__returned__, "__isScriptSetup", {
@@ -550,7 +470,10 @@ var __vue_sfc__$1 = /* @__PURE__ */ (0, vue.defineComponent)({
 var _hoisted_1$1 = ["aria-expanded", "title"];
 function __vue_render__$1(_ctx, _cache, $props, $setup, $data, $options) {
 	return (0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
-		class: (0, vue.normalizeClass)(["opencode-button", { active: $setup.active }]),
+		class: (0, vue.normalizeClass)(["opencode-button", {
+			active: $setup.active,
+			thinking: $setup.thinking
+		}]),
 		type: "button",
 		"aria-expanded": $setup.open,
 		"aria-label": "打开 AI 助手",
@@ -1169,6 +1092,11 @@ var __vue_sfc__ = /* @__PURE__ */ (0, vue.defineComponent)(__spreadProps(__sprea
 			type: Boolean,
 			required: false,
 			default: true
+		},
+		thinking: {
+			type: Boolean,
+			required: false,
+			default: false
 		}
 	},
 	emits: [
@@ -1178,6 +1106,7 @@ var __vue_sfc__ = /* @__PURE__ */ (0, vue.defineComponent)(__spreadProps(__sprea
 		"update:currentSessionId",
 		"update:selectedElements",
 		"update:theme",
+		"update:thinking",
 		"toggle",
 		"close",
 		"toggle-session-list",
@@ -1190,7 +1119,8 @@ var __vue_sfc__ = /* @__PURE__ */ (0, vue.defineComponent)(__spreadProps(__sprea
 		"remove-selected-node",
 		"clear-selected-nodes",
 		"empty-action",
-		"frame-loaded"
+		"frame-loaded",
+		"thinking-change"
 	],
 	setup(__props, { expose: __expose, emit: __emit }) {
 		const props = __props;
@@ -1198,10 +1128,13 @@ var __vue_sfc__ = /* @__PURE__ */ (0, vue.defineComponent)(__spreadProps(__sprea
 		const slots = (0, vue.useSlots)();
 		const notificationMessage = (0, vue.ref)("");
 		const notificationVisible = (0, vue.ref)(false);
+		const notificationMode = (0, vue.ref)("widget");
 		let notificationTimer = null;
-		const showNotification = (message, duration = 3e3) => {
+		const showNotification = (message, options) => {
+			const { duration = 3e3, mode = "widget" } = options || {};
 			notificationMessage.value = message;
 			notificationVisible.value = true;
+			notificationMode.value = mode;
 			if (notificationTimer) clearTimeout(notificationTimer);
 			notificationTimer = setTimeout(() => {
 				notificationVisible.value = false;
@@ -1225,12 +1158,18 @@ var __vue_sfc__ = /* @__PURE__ */ (0, vue.defineComponent)(__spreadProps(__sprea
 			dialogVisible.value = false;
 			if (dialogResolve) dialogResolve(false);
 		};
+		const frameRef = (0, vue.ref)(null);
+		const sendMessageToIframe = (type, data) => {
+			var _a;
+			(_a = frameRef.value) == null || _a.sendMessageToIframe(type, data);
+		};
 		const handleFrameLoaded = () => {
 			emit("frame-loaded");
 		};
 		__expose({
 			showNotification,
-			showConfirmDialog
+			showConfirmDialog,
+			sendMessageToIframe
 		});
 		const localSessionListCollapsed = (0, vue.ref)(props.sessionListCollapsed);
 		(0, vue.watch)(() => props.sessionListCollapsed, (val) => {
@@ -1327,6 +1266,7 @@ var __vue_sfc__ = /* @__PURE__ */ (0, vue.defineComponent)(__spreadProps(__sprea
 			emptyStateActionText: (0, vue.toRef)(props, "emptyStateActionText"),
 			showClearAll: (0, vue.toRef)(props, "showClearAll"),
 			open: (0, vue.toRef)(props, "open"),
+			thinking: (0, vue.toRef)(props, "thinking"),
 			iframeSource,
 			buttonActive,
 			sessionListTitle,
@@ -1354,6 +1294,7 @@ var __vue_sfc__ = /* @__PURE__ */ (0, vue.defineComponent)(__spreadProps(__sprea
 			slots,
 			notificationMessage,
 			notificationVisible,
+			notificationMode,
 			get notificationTimer() {
 				return notificationTimer;
 			},
@@ -1372,6 +1313,8 @@ var __vue_sfc__ = /* @__PURE__ */ (0, vue.defineComponent)(__spreadProps(__sprea
 			showConfirmDialog,
 			handleDialogConfirm,
 			handleDialogCancel,
+			frameRef,
+			sendMessageToIframe,
 			handleFrameLoaded,
 			localSessionListCollapsed,
 			buttonActive,
@@ -1403,7 +1346,6 @@ var __vue_sfc__ = /* @__PURE__ */ (0, vue.defineComponent)(__spreadProps(__sprea
 			Frame: Frame_vue_default,
 			Header: Header_vue_default,
 			SelectHint: SelectHint_vue_default,
-			SelectedBubbles: SelectedBubbles_vue_default,
 			SelectedNodes: SelectedNodes_vue_default,
 			SessionList: SessionList_vue_default,
 			Trigger: Trigger_vue_default
@@ -1424,7 +1366,7 @@ var _hoisted_2 = { class: "opencode-chat-content" };
 var _hoisted_3 = { class: "opencode-tooltip-tag" };
 var _hoisted_4 = { class: "opencode-tooltip-file" };
 var _hoisted_5 = {
-	key: 1,
+	key: 0,
 	class: "opencode-dialog-overlay"
 };
 var _hoisted_6 = {
@@ -1434,6 +1376,11 @@ var _hoisted_6 = {
 };
 var _hoisted_7 = { class: "opencode-dialog-content" };
 var _hoisted_8 = { class: "opencode-dialog-message" };
+var _hoisted_9 = {
+	key: 0,
+	class: "opencode-page-notification",
+	role: "alert"
+};
 function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
 	return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", { class: (0, vue.normalizeClass)($setup.containerClasses) }, [
 		(0, vue.createVNode)($setup["Trigger"], null, (0, vue.createSlots)({ _: 2 }, [$setup.slots["button-icon"] ? {
@@ -1441,7 +1388,7 @@ function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
 			fn: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "button-icon")]),
 			key: "0"
 		} : void 0]), 1024),
-		$setup.bubbleVisible ? ((0, vue.openBlock)(), (0, vue.createBlock)($setup["SelectedBubbles"], { key: 0 })) : (0, vue.createCommentVNode)("v-if", true),
+		(0, vue.createCommentVNode)(" <SelectedBubbles v-if=\"bubbleVisible\" /> "),
 		(0, vue.withDirectives)((0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)(["opencode-chat", { open: $props.open }]) }, [
 			(0, vue.createVNode)($setup["Header"], null, (0, vue.createSlots)({ _: 2 }, [
 				$setup.slots["session-toggle-icon"] ? {
@@ -1461,13 +1408,13 @@ function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
 				} : void 0
 			]), 1024),
 			(0, vue.createCommentVNode)(" Notification "),
-			$setup.notificationVisible ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1, (0, vue.toDisplayString)($setup.notificationMessage), 1)) : (0, vue.createCommentVNode)("v-if", true),
+			$setup.notificationVisible && $setup.notificationMode === "widget" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1, (0, vue.toDisplayString)($setup.notificationMessage), 1)) : (0, vue.createCommentVNode)("v-if", true),
 			(0, vue.createElementVNode)("div", _hoisted_2, [
 				(0, vue.createVNode)($setup["SessionList"], null, {
 					empty: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "sessions-empty", {}, () => [_cache[0] || (_cache[0] = (0, vue.createElementVNode)("div", { class: "opencode-session-empty" }, "暂无会话", -1))])]),
 					_: 3
 				}),
-				(0, vue.createVNode)($setup["Frame"], null, (0, vue.createSlots)({ _: 2 }, [
+				(0, vue.createVNode)($setup["Frame"], { ref: "frameRef" }, (0, vue.createSlots)({ _: 2 }, [
 					$setup.slots["empty-state"] ? {
 						name: "empty-state",
 						fn: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "empty-state")]),
@@ -1488,7 +1435,7 @@ function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
 						fn: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "content")]),
 						key: "3"
 					} : void 0
-				]), 1024),
+				]), 1536),
 				(0, vue.createVNode)($setup["SelectedNodes"])
 			])
 		], 2), [[vue.vShow, !$props.selectMode]]),
@@ -1510,7 +1457,9 @@ function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
 		}, "取消"), (0, vue.createElementVNode)("button", {
 			class: "opencode-dialog-btn confirm",
 			onClick: $setup.handleDialogConfirm
-		}, "确认")])])])) : (0, vue.createCommentVNode)("v-if", true)
+		}, "确认")])])])) : (0, vue.createCommentVNode)("v-if", true),
+		(0, vue.createCommentVNode)(" Page-level Notification "),
+		((0, vue.openBlock)(), (0, vue.createBlock)(vue.Teleport, { to: "body" }, [$setup.notificationVisible && $setup.notificationMode === "page" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_9, (0, vue.toDisplayString)($setup.notificationMessage), 1)) : (0, vue.createCommentVNode)("v-if", true)]))
 	], 2);
 }
 __vue_sfc__.render = __vue_render__;
@@ -1519,7 +1468,7 @@ __vue_sfc__.render = __vue_render__;
 var open_code_widget_default = __vue_sfc__;
 //#endregion
 //#region es/index.js
-var version = "1.0.15";
+var version = "1.0.17";
 function install(app, options) {
 	[open_code_widget_default].forEach((item) => {
 		if (item.install) app.use(item, options);