@vite-plugin-opencode-assistant/components 1.0.36 → 1.0.38

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

@@ -13,24 +13,24 @@ function useOpenCodeWidgetContext() {
 }
 //#endregion
 //#region es/open-code-widget/src/components/Frame.vue.js
-var __defProp$2 = Object.defineProperty;
-var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
-var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
-var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, {
+var __defProp$4 = Object.defineProperty;
+var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
+var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
+var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, {
 	enumerable: true,
 	configurable: true,
 	writable: true,
 	value
 }) : obj[key] = value;
-var __spreadValues$2 = (a, b) => {
-	for (var prop in b || (b = {})) if (__hasOwnProp$2.call(b, prop)) __defNormalProp$2(a, prop, b[prop]);
-	if (__getOwnPropSymbols$2) {
-		for (var prop of __getOwnPropSymbols$2(b)) if (__propIsEnum$2.call(b, prop)) __defNormalProp$2(a, prop, b[prop]);
+var __spreadValues$4 = (a, b) => {
+	for (var prop in b || (b = {})) if (__hasOwnProp$4.call(b, prop)) __defNormalProp$4(a, prop, b[prop]);
+	if (__getOwnPropSymbols$4) {
+		for (var prop of __getOwnPropSymbols$4(b)) if (__propIsEnum$4.call(b, prop)) __defNormalProp$4(a, prop, b[prop]);
 	}
 	return a;
 };
-var __vue_sfc__$7 = /* @__PURE__ */ defineComponent({
+var __vue_sfc__$9 = /* @__PURE__ */ defineComponent({
 	__name: "Frame",
 	setup(__props, { expose: __expose }) {
 		const iframeRef = ref(null);
@@ -38,7 +38,7 @@ var __vue_sfc__$7 = /* @__PURE__ */ defineComponent({
 		function sendMessageToIframe(type, data) {
 			var _a;
 			if (!((_a = iframeRef.value) == null ? void 0 : _a.contentWindow)) return;
-			iframeRef.value.contentWindow.postMessage(__spreadValues$2({ type }, data), "*");
+			iframeRef.value.contentWindow.postMessage(__spreadValues$4({ type }, data), "*");
 		}
 		onMounted(() => {
 			if (iframeRef.value) iframeRef.value.addEventListener("load", () => {
@@ -65,11 +65,11 @@ var __vue_sfc__$7 = /* @__PURE__ */ defineComponent({
 		return __returned__;
 	}
 });
-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__$7(_ctx, _cache, $props, $setup, $data, $options) {
-	return openBlock(), createElementBlock("div", _hoisted_1$6, [
+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__$9(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock("div", _hoisted_1$7, [
 		createElementVNode("div", { class: normalizeClass(["opencode-empty-state-overlay", { visible: $setup.showEmptyState }]) }, [renderSlot(_ctx.$slots, "empty-state", {}, () => [
 			_cache[1] || (_cache[1] = createElementVNode("div", { class: "opencode-empty-state-icon" }, [createElementVNode("svg", {
 				viewBox: "0 0 24 24",
@@ -84,7 +84,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)),
-			createElementVNode("div", _hoisted_2$4, toDisplayString($setup.emptyStateText), 1),
+			createElementVNode("div", _hoisted_2$5, toDisplayString($setup.emptyStateText), 1),
 			createElementVNode("button", {
 				class: "opencode-empty-state-btn",
 				type: "button",
@@ -99,18 +99,18 @@ function __vue_render__$7(_ctx, _cache, $props, $setup, $data, $options) {
 			src: $setup.iframeSrc,
 			allow: "clipboard-write; clipboard-read",
 			referrerpolicy: "origin"
-		}, null, 8, _hoisted_3$4)])
+		}, null, 8, _hoisted_3$5)])
 	]);
 }
-__vue_sfc__$7.render = __vue_render__$7;
-var Frame_vue_default = __vue_sfc__$7;
+__vue_sfc__$9.render = __vue_render__$9;
+var Frame_vue_default = __vue_sfc__$9;
 //#endregion
 //#region es/open-code-widget/src/components/Header.vue.js
-var __vue_sfc__$6 = /* @__PURE__ */ defineComponent({
+var __vue_sfc__$8 = /* @__PURE__ */ defineComponent({
 	__name: "Header",
 	setup(__props, { expose: __expose }) {
 		__expose();
-		const { title, sessionListTitle, sessionListCollapsed, selectMode, selectEnabled, theme, resolvedTheme, minimized, promptDockVisible, handleToggleSessionList, handleToggleSelectMode, handleToggleTheme, handleClose, handleToggleMinimize, handleTogglePromptDock } = useOpenCodeWidgetContext();
+		const { title, sessionListTitle, sessionListCollapsed, selectMode, selectEnabled, theme, resolvedTheme, minimized, promptDockVisible, mode, handleToggleSessionList, handleToggleSelectMode, handleToggleTheme, handleClose, handleToggleMinimize, handleTogglePromptDock } = useOpenCodeWidgetContext();
 		const __returned__ = {
 			title,
 			sessionListTitle,
@@ -121,12 +121,14 @@ var __vue_sfc__$6 = /* @__PURE__ */ defineComponent({
 			resolvedTheme,
 			minimized,
 			promptDockVisible,
+			mode,
 			handleToggleSessionList,
 			handleToggleSelectMode,
 			handleToggleTheme,
 			handleClose,
 			handleToggleMinimize,
 			handleTogglePromptDock,
+			isSplitMode: computed(() => mode.value === "split"),
 			themeIconTitle: computed(() => {
 				return `\u4E3B\u9898: ${{
 					auto: "自动",
@@ -149,16 +151,16 @@ var __vue_sfc__$6 = /* @__PURE__ */ defineComponent({
 		return __returned__;
 	}
 });
-var _hoisted_1$5 = { class: "opencode-chat-header" };
-var _hoisted_2$3 = { class: "opencode-chat-header-left" };
-var _hoisted_3$3 = [
+var _hoisted_1$6 = { class: "opencode-chat-header" };
+var _hoisted_2$4 = { class: "opencode-chat-header-left" };
+var _hoisted_3$4 = [
 	"title",
 	"aria-label",
 	"aria-expanded"
 ];
-var _hoisted_4$3 = ["aria-pressed", "disabled"];
-var _hoisted_5$3 = ["title", "aria-label"];
-var _hoisted_6$3 = {
+var _hoisted_4$4 = ["aria-pressed", "disabled"];
+var _hoisted_5$4 = ["title", "aria-label"];
+var _hoisted_6$4 = {
 	key: 0,
 	viewBox: "0 0 24 24",
 	width: "16",
@@ -178,7 +180,7 @@ var _hoisted_7$2 = {
 	"stroke-width": "2",
 	"aria-hidden": "true"
 };
-var _hoisted_8$2 = {
+var _hoisted_8$1 = {
 	key: 2,
 	viewBox: "0 0 24 24",
 	width: "16",
@@ -188,7 +190,7 @@ var _hoisted_8$2 = {
 	"stroke-width": "2",
 	"aria-hidden": "true"
 };
-var _hoisted_9$2 = { class: "opencode-chat-header-title" };
+var _hoisted_9$1 = { class: "opencode-chat-header-title" };
 var _hoisted_10$1 = { class: "opencode-chat-header-actions" };
 var _hoisted_11 = [
 	"title",
@@ -220,9 +222,9 @@ var _hoisted_14 = {
 	"stroke-width": "2",
 	"aria-hidden": "true"
 };
-function __vue_render__$6(_ctx, _cache, $props, $setup, $data, $options) {
-	return openBlock(), createElementBlock("div", _hoisted_1$5, [
-		createElementVNode("div", _hoisted_2$3, [
+function __vue_render__$8(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock("div", _hoisted_1$6, [
+		createElementVNode("div", _hoisted_2$4, [
 			createElementVNode("button", {
 				class: normalizeClass(["opencode-header-btn session-toggle", { active: !$setup.sessionListCollapsed }]),
 				type: "button",
@@ -241,7 +243,7 @@ function __vue_render__$6(_ctx, _cache, $props, $setup, $data, $options) {
 			}, [createElementVNode("path", {
 				d: "M4 6h16M4 12h16M4 18h16",
 				"stroke-linecap": "round"
-			})], -1))])], 10, _hoisted_3$3),
+			})], -1))])], 10, _hoisted_3$4),
 			createElementVNode("button", {
 				class: normalizeClass(["opencode-header-btn select-btn", { active: $setup.selectMode }]),
 				type: "button",
@@ -261,18 +263,19 @@ function __vue_render__$6(_ctx, _cache, $props, $setup, $data, $options) {
 			}), 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$3),
+			})], -1))])], 10, _hoisted_4$4),
 			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))
-			}, [renderSlot(_ctx.$slots, "theme-icon", {}, () => [$setup.theme === "light" ? (openBlock(), createElementBlock("svg", _hoisted_6$3, [..._cache[8] || (_cache[8] = [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" ? (openBlock(), createElementBlock("svg", _hoisted_7$2, [..._cache[9] || (_cache[9] = [createElementVNode("path", { d: "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" }, null, -1)])])) : (openBlock(), createElementBlock("svg", _hoisted_8$2, [..._cache[10] || (_cache[10] = [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)
+			}, [renderSlot(_ctx.$slots, "theme-icon", {}, () => [$setup.theme === "light" ? (openBlock(), createElementBlock("svg", _hoisted_6$4, [..._cache[8] || (_cache[8] = [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" ? (openBlock(), createElementBlock("svg", _hoisted_7$2, [..._cache[9] || (_cache[9] = [createElementVNode("path", { d: "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" }, null, -1)])])) : (openBlock(), createElementBlock("svg", _hoisted_8$1, [..._cache[10] || (_cache[10] = [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)
 		]),
-		createElementVNode("span", _hoisted_9$2, toDisplayString($setup.title), 1),
+		createElementVNode("span", _hoisted_9$1, toDisplayString($setup.title), 1),
 		createElementVNode("div", _hoisted_10$1, [
-			createElementVNode("button", {
+			!$setup.isSplitMode ? (openBlock(), createElementBlock("button", {
+				key: 0,
 				class: "opencode-header-btn prompt-dock",
 				type: "button",
 				title: $setup.promptDockVisible ? "隐藏对话框" : "显示对话框",
@@ -287,16 +290,18 @@ function __vue_render__$6(_ctx, _cache, $props, $setup, $data, $options) {
 				stroke: "currentColor",
 				"stroke-width": "2",
 				"aria-hidden": "true"
-			}, [createElementVNode("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" })], -1))])], 8, _hoisted_11),
-			createElementVNode("button", {
+			}, [createElementVNode("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" })], -1))])], 8, _hoisted_11)) : createCommentVNode("v-if", true),
+			!$setup.isSplitMode ? (openBlock(), createElementBlock("button", {
+				key: 1,
 				class: "opencode-header-btn minimize",
 				type: "button",
 				title: $setup.minimized ? "展开" : "最小化",
 				"aria-label": $setup.minimized ? "展开面板" : "最小化面板",
 				"aria-pressed": $setup.minimized,
 				onClick: _cache[4] || (_cache[4] = (...args) => $setup.handleToggleMinimize && $setup.handleToggleMinimize(...args))
-			}, [renderSlot(_ctx.$slots, "minimize-icon", {}, () => [$setup.minimized ? (openBlock(), createElementBlock("svg", _hoisted_13, [..._cache[12] || (_cache[12] = [createElementVNode("path", { d: "M8 3v3a2 2 0 0 1-2 2H3m18 0h-3a2 2 0 0 1-2-2V3m0 18v-3a2 2 0 0 1 2-2h3M3 16h3a2 2 0 0 1 2 2v3" }, null, -1)])])) : (openBlock(), createElementBlock("svg", _hoisted_14, [..._cache[13] || (_cache[13] = [createElementVNode("path", { d: "M8 3v3a2 2 0 0 1-2 2H3m18 0h-3a2 2 0 0 1-2-2V3m0 18v-3a2 2 0 0 1 2-2h3M3 16h3a2 2 0 0 1 2 2v3" }, null, -1)])]))])], 8, _hoisted_12),
-			createElementVNode("button", {
+			}, [renderSlot(_ctx.$slots, "minimize-icon", {}, () => [$setup.minimized ? (openBlock(), createElementBlock("svg", _hoisted_13, [..._cache[12] || (_cache[12] = [createElementVNode("path", { d: "M8 3v3a2 2 0 0 1-2 2H3m18 0h-3a2 2 0 0 1-2-2V3m0 18v-3a2 2 0 0 1 2-2h3M3 16h3a2 2 0 0 1 2 2v3" }, null, -1)])])) : (openBlock(), createElementBlock("svg", _hoisted_14, [..._cache[13] || (_cache[13] = [createElementVNode("path", { d: "M8 3v3a2 2 0 0 1-2 2H3m18 0h-3a2 2 0 0 1-2-2V3m0 18v-3a2 2 0 0 1 2-2h3M3 16h3a2 2 0 0 1 2 2v3" }, null, -1)])]))])], 8, _hoisted_12)) : createCommentVNode("v-if", true),
+			!$setup.isSplitMode ? (openBlock(), createElementBlock("button", {
+				key: 2,
 				class: "opencode-header-btn close",
 				type: "button",
 				title: "关闭",
@@ -310,101 +315,15 @@ function __vue_render__$6(_ctx, _cache, $props, $setup, $data, $options) {
 				stroke: "currentColor",
 				"stroke-width": "2",
 				"aria-hidden": "true"
-			}, [createElementVNode("path", { d: "M18 6L6 18M6 6l12 12" })], -1))])])
+			}, [createElementVNode("path", { d: "M18 6L6 18M6 6l12 12" })], -1))])])) : createCommentVNode("v-if", true)
 		])
 	]);
 }
-__vue_sfc__$6.render = __vue_render__$6;
-var Header_vue_default = __vue_sfc__$6;
-//#endregion
-//#region es/open-code-widget/src/components/SelectHint.vue.js
-var __vue_sfc__$5 = /* @__PURE__ */ defineComponent({
-	__name: "SelectHint",
-	setup(__props, { expose: __expose }) {
-		__expose();
-		const { selectMode: visible, selectShortcutLabel: shortcutLabel } = useOpenCodeWidgetContext();
-		const __returned__ = {
-			visible,
-			shortcutLabel
-		};
-		Object.defineProperty(__returned__, "__isScriptSetup", {
-			enumerable: false,
-			value: true
-		});
-		return __returned__;
-	}
-});
-var _hoisted_1$4 = { class: "opencode-hint-shortcut" };
-function __vue_render__$5(_ctx, _cache, $props, $setup, $data, $options) {
-	return openBlock(), createElementBlock("div", { class: normalizeClass(["opencode-select-mode-hint", { visible: $setup.visible }]) }, [_cache[0] || (_cache[0] = createElementVNode("span", null, "🎯 选择模式已开启 - 点击元素进行选择", -1)), createElementVNode("span", _hoisted_1$4, 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/SelectedNodes.vue.js
-var __vue_sfc__$4 = /* @__PURE__ */ defineComponent({
-	__name: "SelectedNodes",
-	setup(__props, { expose: __expose }) {
-		__expose();
-		const { selectedElementItems: items, showClearAll, handleClickSelectedNode, handleRemoveSelectedNode, handleClearSelectedNodes } = useOpenCodeWidgetContext();
-		const __returned__ = {
-			items,
-			showClearAll,
-			handleClickSelectedNode,
-			handleRemoveSelectedNode,
-			handleClearSelectedNodes
-		};
-		Object.defineProperty(__returned__, "__isScriptSetup", {
-			enumerable: false,
-			value: true
-		});
-		return __returned__;
-	}
-});
-var _hoisted_1$3 = {
-	class: "opencode-selected-nodes",
-	role: "list",
-	"aria-label": "已选元素列表"
-};
-var _hoisted_2$2 = ["onClick"];
-var _hoisted_3$2 = { class: "opencode-node-content" };
-var _hoisted_4$2 = { class: "opencode-node-text" };
-var _hoisted_5$2 = { class: "opencode-node-file" };
-var _hoisted_6$2 = ["aria-label", "onClick"];
-function __vue_render__$4(_ctx, _cache, $props, $setup, $data, $options) {
-	return openBlock(), createElementBlock("div", { class: normalizeClass(["opencode-right-toolbar", { collapsed: $setup.items.length === 0 }]) }, [
-		_cache[1] || (_cache[1] = createElementVNode("div", { class: "opencode-selected-nodes-header" }, [createElementVNode("div", { class: "opencode-selected-nodes-title" }, "已选节点"), createElementVNode("div", { class: "opencode-selected-nodes-desc" }, "选中的节点会在对话时一起发送给助手")], -1)),
-		createElementVNode("div", _hoisted_1$3, [(openBlock(true), createElementBlock(Fragment, null, renderList($setup.items, (item, index) => {
-			return openBlock(), createElementBlock("div", {
-				key: item.key,
-				class: "opencode-selected-node",
-				role: "listitem",
-				onClick: ($event) => $setup.handleClickSelectedNode(item)
-			}, [createElementVNode("div", _hoisted_3$2, [createElementVNode("span", _hoisted_4$2, toDisplayString(item.description), 1), createElementVNode("span", _hoisted_5$2, toDisplayString(item.panelFileText), 1)]), createElementVNode("button", {
-				class: "opencode-node-remove",
-				type: "button",
-				"aria-label": `\u79FB\u9664\u5143\u7D20: ${item.description}`,
-				onClick: withModifiers(($event) => $setup.handleRemoveSelectedNode({
-					item,
-					index,
-					source: "panel"
-				}), ["stop"])
-			}, " × ", 8, _hoisted_6$2)], 8, _hoisted_2$2);
-		}), 128))]),
-		$setup.showClearAll && $setup.items.length > 0 ? (openBlock(), createElementBlock("button", {
-			key: 0,
-			class: "opencode-clear-all-btn",
-			type: "button",
-			"aria-label": "清空所有已选节点",
-			onClick: _cache[0] || (_cache[0] = (...args) => $setup.handleClearSelectedNodes && $setup.handleClearSelectedNodes(...args))
-		}, " 一键清空 ")) : createCommentVNode("v-if", true)
-	], 2);
-}
-__vue_sfc__$4.render = __vue_render__$4;
-var SelectedNodes_vue_default = __vue_sfc__$4;
+__vue_sfc__$8.render = __vue_render__$8;
+var Header_vue_default = __vue_sfc__$8;
 //#endregion
 //#region es/open-code-widget/src/components/SessionList.vue.js
-var __vue_sfc__$3 = /* @__PURE__ */ defineComponent({
+var __vue_sfc__$7 = /* @__PURE__ */ defineComponent({
 	__name: "SessionList",
 	setup(__props, { expose: __expose }) {
 		__expose();
@@ -455,36 +374,36 @@ var __vue_sfc__$3 = /* @__PURE__ */ defineComponent({
 		return __returned__;
 	}
 });
-var _hoisted_1$2 = {
+var _hoisted_1$5 = {
 	key: 0,
 	class: "opencode-session-list-header"
 };
-var _hoisted_2$1 = {
+var _hoisted_2$3 = {
 	key: 2,
 	class: "opencode-session-skeleton visible"
 };
-var _hoisted_3$1 = {
+var _hoisted_3$3 = {
 	class: "opencode-session-list-content",
 	role: "listbox",
 	"aria-labelledby": "opencode-session-list-title"
 };
-var _hoisted_4$1 = {
+var _hoisted_4$3 = {
 	key: 0,
 	class: "opencode-session-list-loading-overlay"
 };
-var _hoisted_5$1 = ["aria-selected", "onClick"];
-var _hoisted_6$1 = { class: "opencode-session-header" };
+var _hoisted_5$3 = ["aria-selected", "onClick"];
+var _hoisted_6$3 = { class: "opencode-session-header" };
 var _hoisted_7$1 = { class: "opencode-session-title" };
-var _hoisted_8$1 = {
+var _hoisted_8 = {
 	key: 0,
 	class: "opencode-thinking-loading"
 };
-var _hoisted_9$1 = ["aria-label", "onClick"];
+var _hoisted_9 = ["aria-label", "onClick"];
 var _hoisted_10 = { class: "opencode-session-meta" };
-function __vue_render__$3(_ctx, _cache, $props, $setup, $data, $options) {
+function __vue_render__$7(_ctx, _cache, $props, $setup, $data, $options) {
 	return openBlock(), createElementBlock("div", { class: normalizeClass(["opencode-session-list", { collapsed: $setup.collapsed }]) }, [
 		createCommentVNode(" Header "),
-		!$setup.showSkeleton ? (openBlock(), createElementBlock("div", _hoisted_1$2, [_cache[1] || (_cache[1] = createElementVNode("span", { id: "opencode-session-list-title" }, "会话列表", -1)), createElementVNode("button", {
+		!$setup.showSkeleton ? (openBlock(), createElementBlock("div", _hoisted_1$5, [_cache[1] || (_cache[1] = createElementVNode("span", { id: "opencode-session-list-title" }, "会话列表", -1)), createElementVNode("button", {
 			class: "opencode-new-session-btn",
 			type: "button",
 			title: "新建会话",
@@ -492,12 +411,12 @@ function __vue_render__$3(_ctx, _cache, $props, $setup, $data, $options) {
 			onClick: _cache[0] || (_cache[0] = (...args) => $setup.handleCreateSession && $setup.handleCreateSession(...args))
 		}, " + ")])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createCommentVNode(" Header Skeleton "), _cache[2] || (_cache[2] = createElementVNode("div", { class: "opencode-session-header-skeleton visible" }, [createElementVNode("div", { class: "opencode-skeleton-header-title" }), createElementVNode("div", { class: "opencode-skeleton-header-btn" })], -1))], 2112)),
 		createCommentVNode(" Content Skeleton "),
-		$setup.showSkeleton ? (openBlock(), createElementBlock("div", _hoisted_2$1, [(openBlock(), createElementBlock(Fragment, null, renderList(5, (i) => {
+		$setup.showSkeleton ? (openBlock(), createElementBlock("div", _hoisted_2$3, [(openBlock(), createElementBlock(Fragment, null, renderList(5, (i) => {
 			return createElementVNode("div", {
 				key: `skeleton-${i}`,
 				class: "opencode-skeleton-item"
 			}, [..._cache[3] || (_cache[3] = [createElementVNode("div", { class: "opencode-skeleton-title" }, null, -1), createElementVNode("div", { class: "opencode-skeleton-meta" }, null, -1)])]);
-		}), 64))])) : (openBlock(), createElementBlock(Fragment, { key: 3 }, [createCommentVNode(" Content "), createElementVNode("div", _hoisted_3$1, [$setup.loadingSessionList ? (openBlock(), createElementBlock("div", _hoisted_4$1, [..._cache[4] || (_cache[4] = [createElementVNode("div", { class: "opencode-loading-spinner small" }, null, -1)])])) : createCommentVNode("v-if", true), $setup.sessions.length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList($setup.sessions, (item) => {
+		}), 64))])) : (openBlock(), createElementBlock(Fragment, { key: 3 }, [createCommentVNode(" Content "), createElementVNode("div", _hoisted_3$3, [$setup.loadingSessionList ? (openBlock(), createElementBlock("div", _hoisted_4$3, [..._cache[4] || (_cache[4] = [createElementVNode("div", { class: "opencode-loading-spinner small" }, null, -1)])])) : createCommentVNode("v-if", true), $setup.sessions.length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList($setup.sessions, (item) => {
 			return openBlock(), createElementBlock("div", {
 				key: item[$setup.sessionKey],
 				class: normalizeClass(["opencode-session-item", {
@@ -507,17 +426,503 @@ function __vue_render__$3(_ctx, _cache, $props, $setup, $data, $options) {
 				role: "option",
 				"aria-selected": item.active,
 				onClick: ($event) => $setup.handleSelectSession(item)
-			}, [createElementVNode("div", _hoisted_6$1, [createElementVNode("div", _hoisted_7$1, [$setup.isSessionThinking(item.id) ? (openBlock(), createElementBlock("span", _hoisted_8$1)) : createCommentVNode("v-if", true), createTextVNode(" " + toDisplayString(item.title), 1)]), createElementVNode("button", {
+			}, [createElementVNode("div", _hoisted_6$3, [createElementVNode("div", _hoisted_7$1, [$setup.isSessionThinking(item.id) ? (openBlock(), createElementBlock("span", _hoisted_8)) : createCommentVNode("v-if", true), createTextVNode(" " + toDisplayString(item.title), 1)]), createElementVNode("button", {
 				class: "opencode-session-delete-btn",
 				type: "button",
 				"aria-label": `\u5220\u9664\u4F1A\u8BDD: ${item.title}`,
 				onClick: withModifiers(($event) => $setup.handleDeleteSession(item), ["stop"])
-			}, " × ", 8, _hoisted_9$1)]), createElementVNode("div", _hoisted_10, toDisplayString(item.meta), 1)], 10, _hoisted_5$1);
+			}, " × ", 8, _hoisted_9)]), createElementVNode("div", _hoisted_10, toDisplayString(item.meta), 1)], 10, _hoisted_5$3);
 		}), 128)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [createCommentVNode(" Empty State "), renderSlot(_ctx.$slots, "empty")], 64))])], 2112))
 	], 2);
 }
+__vue_sfc__$7.render = __vue_render__$7;
+var SessionList_vue_default = __vue_sfc__$7;
+//#endregion
+//#region es/open-code-widget/src/components/SelectedNodes.vue.js
+var __vue_sfc__$6 = /* @__PURE__ */ defineComponent({
+	__name: "SelectedNodes",
+	setup(__props, { expose: __expose }) {
+		__expose();
+		const { selectedElementItems: items, showClearAll, handleClickSelectedNode, handleRemoveSelectedNode, handleClearSelectedNodes } = useOpenCodeWidgetContext();
+		const __returned__ = {
+			items,
+			showClearAll,
+			handleClickSelectedNode,
+			handleRemoveSelectedNode,
+			handleClearSelectedNodes
+		};
+		Object.defineProperty(__returned__, "__isScriptSetup", {
+			enumerable: false,
+			value: true
+		});
+		return __returned__;
+	}
+});
+var _hoisted_1$4 = {
+	class: "opencode-selected-nodes",
+	role: "list",
+	"aria-label": "已选元素列表"
+};
+var _hoisted_2$2 = ["onClick"];
+var _hoisted_3$2 = { class: "opencode-node-content" };
+var _hoisted_4$2 = { class: "opencode-node-text" };
+var _hoisted_5$2 = { class: "opencode-node-file" };
+var _hoisted_6$2 = ["aria-label", "onClick"];
+function __vue_render__$6(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock("div", { class: normalizeClass(["opencode-right-toolbar", { collapsed: $setup.items.length === 0 }]) }, [
+		_cache[1] || (_cache[1] = createElementVNode("div", { class: "opencode-selected-nodes-header" }, [createElementVNode("div", { class: "opencode-selected-nodes-title" }, "已选节点"), createElementVNode("div", { class: "opencode-selected-nodes-desc" }, "选中的节点会在对话时一起发送给助手")], -1)),
+		createElementVNode("div", _hoisted_1$4, [(openBlock(true), createElementBlock(Fragment, null, renderList($setup.items, (item, index) => {
+			return openBlock(), createElementBlock("div", {
+				key: item.key,
+				class: "opencode-selected-node",
+				role: "listitem",
+				onClick: ($event) => $setup.handleClickSelectedNode(item)
+			}, [createElementVNode("div", _hoisted_3$2, [createElementVNode("span", _hoisted_4$2, toDisplayString(item.description), 1), createElementVNode("span", _hoisted_5$2, toDisplayString(item.panelFileText), 1)]), createElementVNode("button", {
+				class: "opencode-node-remove",
+				type: "button",
+				"aria-label": `\u79FB\u9664\u5143\u7D20: ${item.description}`,
+				onClick: withModifiers(($event) => $setup.handleRemoveSelectedNode({
+					item,
+					index,
+					source: "panel"
+				}), ["stop"])
+			}, " × ", 8, _hoisted_6$2)], 8, _hoisted_2$2);
+		}), 128))]),
+		$setup.showClearAll && $setup.items.length > 0 ? (openBlock(), createElementBlock("button", {
+			key: 0,
+			class: "opencode-clear-all-btn",
+			type: "button",
+			"aria-label": "清空所有已选节点",
+			onClick: _cache[0] || (_cache[0] = (...args) => $setup.handleClearSelectedNodes && $setup.handleClearSelectedNodes(...args))
+		}, " 一键清空 ")) : createCommentVNode("v-if", true)
+	], 2);
+}
+__vue_sfc__$6.render = __vue_render__$6;
+var SelectedNodes_vue_default = __vue_sfc__$6;
+//#endregion
+//#region es/open-code-widget/src/components/ResizeHandle.vue.js
+var __defProp$3 = Object.defineProperty;
+var __defProps$3 = Object.defineProperties;
+var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
+var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
+var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, {
+	enumerable: true,
+	configurable: true,
+	writable: true,
+	value
+}) : obj[key] = value;
+var __spreadValues$3 = (a, b) => {
+	for (var prop in b || (b = {})) if (__hasOwnProp$3.call(b, prop)) __defNormalProp$3(a, prop, b[prop]);
+	if (__getOwnPropSymbols$3) {
+		for (var prop of __getOwnPropSymbols$3(b)) if (__propIsEnum$3.call(b, prop)) __defNormalProp$3(a, prop, b[prop]);
+	}
+	return a;
+};
+var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
+var __vue_sfc__$5 = /* @__PURE__ */ defineComponent(__spreadProps$3(__spreadValues$3({}, { name: "ResizeHandle" }), {
+	__name: "ResizeHandle",
+	props: {
+		width: {
+			type: Number,
+			required: true,
+			default: 500
+		},
+		minWidth: {
+			type: Number,
+			required: false,
+			default: 400
+		},
+		maxWidth: {
+			type: Number,
+			required: false,
+			default: 800
+		}
+	},
+	emits: [
+		"resize",
+		"resize-start",
+		"resize-end"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		__expose();
+		const props = __props;
+		const emit = __emit;
+		const isResizing = ref(false);
+		const startX = ref(0);
+		const startWidth = ref(0);
+		const handleMouseDown = (e) => {
+			e.preventDefault();
+			isResizing.value = true;
+			startX.value = e.clientX;
+			startWidth.value = props.width;
+			emit("resize-start");
+			document.addEventListener("mousemove", handleMouseMove);
+			document.addEventListener("mouseup", handleMouseUp);
+		};
+		const handleMouseMove = (e) => {
+			if (!isResizing.value) return;
+			const deltaX = startX.value - e.clientX;
+			emit("resize", Math.max(props.minWidth, Math.min(props.maxWidth, startWidth.value + deltaX)));
+		};
+		const handleMouseUp = () => {
+			isResizing.value = false;
+			emit("resize-end");
+			document.removeEventListener("mousemove", handleMouseMove);
+			document.removeEventListener("mouseup", handleMouseUp);
+		};
+		const handleDoubleClick = () => {
+			emit("resize", 500);
+		};
+		onUnmounted(() => {
+			document.removeEventListener("mousemove", handleMouseMove);
+			document.removeEventListener("mouseup", handleMouseUp);
+		});
+		const __returned__ = {
+			props,
+			emit,
+			isResizing,
+			startX,
+			startWidth,
+			handleMouseDown,
+			handleMouseMove,
+			handleMouseUp,
+			handleDoubleClick
+		};
+		Object.defineProperty(__returned__, "__isScriptSetup", {
+			enumerable: false,
+			value: true
+		});
+		return __returned__;
+	}
+}));
+function __vue_render__$5(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock("div", {
+		class: normalizeClass(["opencode-resize-handle", { resizing: $setup.isResizing }]),
+		onMousedown: $setup.handleMouseDown,
+		onDblclick: $setup.handleDoubleClick
+	}, null, 34);
+}
+__vue_sfc__$5.render = __vue_render__$5;
+var ResizeHandle_vue_default = __vue_sfc__$5;
+//#endregion
+//#region es/open-code-widget/src/components/ChatPanel.vue.js
+var __defProp$2 = Object.defineProperty;
+var __defProps$2 = Object.defineProperties;
+var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
+var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
+var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, {
+	enumerable: true,
+	configurable: true,
+	writable: true,
+	value
+}) : obj[key] = value;
+var __spreadValues$2 = (a, b) => {
+	for (var prop in b || (b = {})) if (__hasOwnProp$2.call(b, prop)) __defNormalProp$2(a, prop, b[prop]);
+	if (__getOwnPropSymbols$2) {
+		for (var prop of __getOwnPropSymbols$2(b)) if (__propIsEnum$2.call(b, prop)) __defNormalProp$2(a, prop, b[prop]);
+	}
+	return a;
+};
+var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
+var __vue_sfc__$4 = /* @__PURE__ */ defineComponent(__spreadProps$2(__spreadValues$2({}, { name: "ChatPanel" }), {
+	__name: "ChatPanel",
+	props: {
+		mode: {
+			type: String,
+			required: false,
+			default: "bubble"
+		},
+		open: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		minimized: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		positionStyle: {
+			type: Object,
+			required: false,
+			default: () => ({})
+		},
+		animationOrigin: {
+			type: Object,
+			required: false,
+			default: () => ({
+				x: "20px",
+				y: "20px"
+			})
+		},
+		panelWidth: {
+			type: Number,
+			required: false,
+			default: 500
+		},
+		resizable: {
+			type: Boolean,
+			required: false,
+			default: true
+		},
+		minWidth: {
+			type: Number,
+			required: false,
+			default: 400
+		},
+		maxWidth: {
+			type: Number,
+			required: false,
+			default: 800
+		},
+		noTransition: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		dragging: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		notificationVisible: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		notificationMessage: {
+			type: String,
+			required: false,
+			default: ""
+		},
+		notificationMode: {
+			type: String,
+			required: false,
+			default: "widget"
+		},
+		thinking: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		resolvedTheme: {
+			type: String,
+			required: false,
+			default: "light"
+		}
+	},
+	emits: [
+		"resize",
+		"resize-start",
+		"resize-end",
+		"toggle"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		useCssVars((_ctx) => ({
+			"-animationOrigin.x": _ctx.animationOrigin.x,
+			"-animationOrigin.y": _ctx.animationOrigin.y
+		}));
+		const props = __props;
+		const emit = __emit;
+		const slots = useSlots();
+		const frameRef = ref(null);
+		const sendMessageToIframe = (type, data) => {
+			var _a;
+			(_a = frameRef.value) == null || _a.sendMessageToIframe(type, data);
+		};
+		__expose({
+			sendMessageToIframe,
+			frameRef
+		});
+		const handleResizeStart = () => {
+			emit("resize-start");
+		};
+		const handleResize = (width) => {
+			emit("resize", width);
+		};
+		const handleResizeEnd = () => {
+			emit("resize-end");
+		};
+		const handleToggle = () => {
+			emit("toggle");
+		};
+		const __returned__ = {
+			props,
+			emit,
+			slots,
+			frameRef,
+			sendMessageToIframe,
+			handleResizeStart,
+			handleResize,
+			handleResizeEnd,
+			handleToggle,
+			panelStyle: computed(() => {
+				if (props.mode === "split") return { width: `${props.panelWidth}px` };
+				return props.positionStyle;
+			}),
+			panelClasses: computed(() => ["opencode-chat", {
+				open: props.open,
+				minimized: props.minimized,
+				dragging: props.dragging,
+				"no-transition": props.noTransition,
+				"split-mode": props.mode === "split"
+			}]),
+			Frame: Frame_vue_default,
+			Header: Header_vue_default,
+			SessionList: SessionList_vue_default,
+			SelectedNodes: SelectedNodes_vue_default,
+			ResizeHandle: ResizeHandle_vue_default
+		};
+		Object.defineProperty(__returned__, "__isScriptSetup", {
+			enumerable: false,
+			value: true
+		});
+		return __returned__;
+	}
+}));
+var _hoisted_1$3 = ["aria-expanded"];
+var _hoisted_2$1 = { class: "opencode-split-toggle-icon" };
+var _hoisted_3$1 = {
+	key: 0,
+	viewBox: "0 0 24 24",
+	width: "16",
+	height: "16",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": "2"
+};
+var _hoisted_4$1 = {
+	key: 1,
+	viewBox: "0 0 24 24",
+	width: "16",
+	height: "16",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": "2"
+};
+var _hoisted_5$1 = {
+	key: 2,
+	class: "opencode-notification",
+	role: "alert"
+};
+var _hoisted_6$1 = { class: "opencode-chat-content" };
+function __vue_render__$4(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock("div", {
+		class: normalizeClass($setup.panelClasses),
+		style: normalizeStyle($setup.panelStyle)
+	}, [
+		$props.mode === "split" && $props.resizable && $props.open ? (openBlock(), createBlock($setup["ResizeHandle"], {
+			key: 0,
+			width: $props.panelWidth,
+			"min-width": $props.minWidth,
+			"max-width": $props.maxWidth,
+			onResize: $setup.handleResize,
+			onResizeStart: $setup.handleResizeStart,
+			onResizeEnd: $setup.handleResizeEnd
+		}, null, 8, [
+			"width",
+			"min-width",
+			"max-width"
+		])) : createCommentVNode("v-if", true),
+		$props.mode === "split" ? (openBlock(), createElementBlock("button", {
+			key: 1,
+			type: "button",
+			class: normalizeClass(["opencode-split-toggle-btn", {
+				open: $setup.props.open,
+				thinking: $setup.props.thinking,
+				"opencode-theme-dark": $props.resolvedTheme === "dark"
+			}]),
+			"aria-expanded": $props.open,
+			"aria-label": "切换面板",
+			onClick: $setup.handleToggle
+		}, [createElementVNode("span", _hoisted_2$1, [$props.open ? (openBlock(), createElementBlock("svg", _hoisted_3$1, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
+			d: "M9 18l6-6-6-6",
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round"
+		}, null, -1)])])) : (openBlock(), createElementBlock("svg", _hoisted_4$1, [..._cache[1] || (_cache[1] = [createElementVNode("path", {
+			d: "M15 18l-6-6 6-6",
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round"
+		}, null, -1)])]))])], 10, _hoisted_1$3)) : createCommentVNode("v-if", true),
+		createVNode($setup["Header"], null, createSlots({ _: 2 }, [
+			$setup.slots["session-toggle-icon"] ? {
+				name: "session-toggle-icon",
+				fn: withCtx(() => [renderSlot(_ctx.$slots, "session-toggle-icon")]),
+				key: "0"
+			} : void 0,
+			$setup.slots["select-icon"] ? {
+				name: "select-icon",
+				fn: withCtx(() => [renderSlot(_ctx.$slots, "select-icon")]),
+				key: "1"
+			} : void 0,
+			$setup.slots["close-icon"] ? {
+				name: "close-icon",
+				fn: withCtx(() => [renderSlot(_ctx.$slots, "close-icon")]),
+				key: "2"
+			} : void 0
+		]), 1024),
+		$props.notificationVisible && $props.notificationMode === "widget" ? (openBlock(), createElementBlock("div", _hoisted_5$1, toDisplayString($props.notificationMessage), 1)) : createCommentVNode("v-if", true),
+		createElementVNode("div", _hoisted_6$1, [
+			createVNode($setup["SessionList"], null, {
+				empty: withCtx(() => [renderSlot(_ctx.$slots, "sessions-empty", {}, () => [_cache[2] || (_cache[2] = createElementVNode("div", { class: "opencode-session-empty" }, "暂无会话", -1))])]),
+				_: 3
+			}),
+			createVNode($setup["Frame"], { ref: "frameRef" }, createSlots({ _: 2 }, [
+				$setup.slots["empty-state"] ? {
+					name: "empty-state",
+					fn: withCtx(() => [renderSlot(_ctx.$slots, "empty-state")]),
+					key: "0"
+				} : void 0,
+				$setup.slots.loading ? {
+					name: "loading",
+					fn: withCtx(() => [renderSlot(_ctx.$slots, "loading")]),
+					key: "1"
+				} : void 0,
+				$setup.slots.error ? {
+					name: "error",
+					fn: withCtx(() => [renderSlot(_ctx.$slots, "error")]),
+					key: "2"
+				} : void 0,
+				$setup.slots.content ? {
+					name: "content",
+					fn: withCtx(() => [renderSlot(_ctx.$slots, "content")]),
+					key: "3"
+				} : void 0
+			]), 1536),
+			createVNode($setup["SelectedNodes"])
+		])
+	], 6);
+}
+__vue_sfc__$4.render = __vue_render__$4;
+var ChatPanel_vue_default = __vue_sfc__$4;
+//#endregion
+//#region es/open-code-widget/src/components/SelectHint.vue.js
+var __vue_sfc__$3 = /* @__PURE__ */ defineComponent({
+	__name: "SelectHint",
+	setup(__props, { expose: __expose }) {
+		__expose();
+		const { selectMode: visible, selectShortcutLabel: shortcutLabel } = useOpenCodeWidgetContext();
+		const __returned__ = {
+			visible,
+			shortcutLabel
+		};
+		Object.defineProperty(__returned__, "__isScriptSetup", {
+			enumerable: false,
+			value: true
+		});
+		return __returned__;
+	}
+});
+var _hoisted_1$2 = { class: "opencode-hint-shortcut" };
+function __vue_render__$3(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock("div", { class: normalizeClass(["opencode-select-mode-hint", { visible: $setup.visible }]) }, [_cache[0] || (_cache[0] = createElementVNode("span", null, "🎯 选择模式已开启 - 点击元素进行选择", -1)), createElementVNode("span", _hoisted_1$2, toDisplayString($setup.shortcutLabel), 1)], 2);
+}
 __vue_sfc__$3.render = __vue_render__$3;
-var SessionList_vue_default = __vue_sfc__$3;
+var SelectHint_vue_default = __vue_sfc__$3;
 //#endregion
 //#region es/open-code-widget/src/components/FloatingBubble/FloatingBubble.vue.js
 var __defProp$1 = Object.defineProperty;
@@ -1552,27 +1957,33 @@ function usePersistState(options) {
 		if (options.onRestore) options.onRestore(saved || {});
 		return saved;
 	};
-	const getCurrentState = () => ({
-		open: options.open.value,
-		minimized: options.minimized.value,
-		promptDockVisible: options.promptDockVisible.value,
-		bubbleOffset: options.bubbleOffset.value,
-		theme: options.theme.value,
-		sessionListCollapsed: options.sessionListCollapsed.value
-	});
+	const getCurrentState = () => {
+		var _a;
+		return {
+			open: options.open.value,
+			minimized: options.minimized.value,
+			promptDockVisible: options.promptDockVisible.value,
+			bubbleOffset: options.bubbleOffset.value,
+			theme: options.theme.value,
+			sessionListCollapsed: options.sessionListCollapsed.value,
+			splitPanelWidth: (_a = options.splitPanelWidth) == null ? void 0 : _a.value
+		};
+	};
 	const persistState = () => {
 		saveState(getCurrentState());
 	};
+	const watchers = [
+		options.open,
+		options.minimized,
+		options.promptDockVisible,
+		options.bubbleOffset,
+		options.theme,
+		options.sessionListCollapsed
+	];
+	if (options.splitPanelWidth) watchers.push(options.splitPanelWidth);
 	onMounted(() => {
 		restoreState();
-		watch([
-			options.open,
-			options.minimized,
-			options.promptDockVisible,
-			options.bubbleOffset,
-			options.theme,
-			options.sessionListCollapsed
-		], () => {
+		watch(watchers, () => {
 			persistState();
 		}, { deep: true });
 	});
@@ -1582,6 +1993,85 @@ function usePersistState(options) {
 	};
 }
 //#endregion
+//#region es/open-code-widget/composables/use-split.js
+var AUTO_MODE_THRESHOLD = 1440;
+function useSplitMode(options) {
+	const windowWidth = ref(typeof window !== "undefined" ? window.innerWidth : 0);
+	const splitConfig = computed(() => {
+		var _a, _b, _c, _d, _e, _f;
+		const config = options.splitMode.value || {};
+		return {
+			width: (_a = config.width) != null ? _a : 500,
+			minWidth: (_b = config.minWidth) != null ? _b : 400,
+			maxWidth: (_c = config.maxWidth) != null ? _c : 800,
+			resizable: (_d = config.resizable) != null ? _d : true,
+			shrinkPage: (_e = config.shrinkPage) != null ? _e : true,
+			defaultOpen: (_f = config.defaultOpen) != null ? _f : true
+		};
+	});
+	const panelWidth = ref(splitConfig.value.width);
+	const effectiveMode = computed(() => {
+		if (options.displayMode.value === "bubble") return "bubble";
+		if (options.displayMode.value === "split") return "split";
+		return windowWidth.value >= AUTO_MODE_THRESHOLD ? "split" : "bubble";
+	});
+	const isSplitMode = computed(() => effectiveMode.value === "split");
+	const handleResize = (width) => {
+		var _a;
+		panelWidth.value = width;
+		(_a = options.onWidthChange) == null || _a.call(options, width);
+	};
+	const handleToggle = () => {
+		var _a;
+		const nextOpen = !options.open.value;
+		(_a = options.onOpenChange) == null || _a.call(options, nextOpen);
+	};
+	const handleWindowResize = () => {
+		if (typeof window !== "undefined") windowWidth.value = window.innerWidth;
+	};
+	const updateBodyClass = () => {
+		if (typeof document === "undefined") return;
+		if (isSplitMode.value && options.open.value && splitConfig.value.shrinkPage) {
+			document.body.classList.add("has-opencode-split");
+			document.body.style.setProperty("--opencode-split-width", `${panelWidth.value}px`);
+		} else {
+			document.body.classList.remove("has-opencode-split");
+			document.body.style.removeProperty("--opencode-split-width");
+		}
+	};
+	watch([
+		isSplitMode,
+		options.open,
+		panelWidth
+	], updateBodyClass, { immediate: true });
+	watch(splitConfig, (config) => {
+		if (panelWidth.value < config.minWidth) panelWidth.value = config.minWidth;
+		if (panelWidth.value > config.maxWidth) panelWidth.value = config.maxWidth;
+	});
+	onMounted(() => {
+		var _a;
+		if (typeof window !== "undefined") {
+			window.addEventListener("resize", handleWindowResize);
+			if (isSplitMode.value && splitConfig.value.defaultOpen && !options.open.value) (_a = options.onOpenChange) == null || _a.call(options, true);
+		}
+	});
+	onUnmounted(() => {
+		if (typeof window !== "undefined") {
+			window.removeEventListener("resize", handleWindowResize);
+			document.body.classList.remove("has-opencode-split");
+			document.body.style.removeProperty("--opencode-split-width");
+		}
+	});
+	return {
+		effectiveMode,
+		isSplitMode,
+		panelWidth,
+		splitConfig,
+		handleResize,
+		handleToggle
+	};
+}
+//#endregion
 //#region es/open-code-widget/src/index.vue.js
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -1718,6 +2208,21 @@ var __vue_sfc__ = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
 		sessionStates: {
 			type: Object,
 			required: false
+		},
+		displayMode: {
+			type: String,
+			required: false,
+			default: "bubble"
+		},
+		splitMode: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		splitPanelWidth: {
+			type: Number,
+			required: false,
+			default: 500
 		}
 	},
 	emits: [
@@ -1728,6 +2233,7 @@ var __vue_sfc__ = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
 		"update:selectedElements",
 		"update:theme",
 		"update:thinking",
+		"update:splitPanelWidth",
 		"toggle",
 		"close",
 		"toggle-session-list",
@@ -1741,7 +2247,8 @@ var __vue_sfc__ = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
 		"clear-selected-nodes",
 		"empty-action",
 		"frame-loaded",
-		"thinking-change"
+		"thinking-change",
+		"split-panel-width-change"
 	],
 	setup(__props, { expose: __expose, emit: __emit }) {
 		useCssVars((_ctx) => ({
@@ -1794,6 +2301,7 @@ var __vue_sfc__ = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
 		const promptDockVisible = ref(true);
 		const isRestoring = ref(true);
 		const iframeLoaded = ref(false);
+		const splitPanelWidth = ref(props.splitPanelWidth);
 		const syncStateToIframe = () => {
 			if (!iframeLoaded.value) return;
 			sendMessageToIframe("prompt-dock-visibility-change", { visible: promptDockVisible.value });
@@ -1812,6 +2320,9 @@ var __vue_sfc__ = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
 		watch(() => props.sessionListCollapsed, (val) => {
 			localSessionListCollapsed.value = val;
 		});
+		watch(() => props.splitPanelWidth, (val) => {
+			splitPanelWidth.value = val;
+		});
 		const { buttonActive, containerClasses, iframeSource, sessionListTitle, resolvedTheme, handleClose, handleEmptyAction, handleToggle, handleToggleSessionList, handleToggleTheme } = useWidget({
 			theme: toRef(props, "theme"),
 			open: toRef(props, "open"),
@@ -1884,6 +2395,20 @@ var __vue_sfc__ = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
 			}
 		});
 		const bubbleOffset = ref(void 0);
+		const { effectiveMode, isSplitMode, panelWidth, splitConfig, handleResize, handleToggle: handleSplitToggle } = useSplitMode({
+			displayMode: toRef(props, "displayMode"),
+			splitMode: toRef(props, "splitMode"),
+			open: toRef(props, "open"),
+			onOpenChange: (nextOpen) => {
+				emit("update:open", nextOpen);
+				emit("toggle", nextOpen);
+			},
+			onWidthChange: (width) => {
+				splitPanelWidth.value = width;
+				emit("update:splitPanelWidth", width);
+				emit("split-panel-width-change", width);
+			}
+		});
 		usePersistState({
 			open: toRef(props, "open"),
 			minimized,
@@ -1891,6 +2416,7 @@ var __vue_sfc__ = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
 			bubbleOffset,
 			theme: toRef(props, "theme"),
 			sessionListCollapsed: localSessionListCollapsed,
+			splitPanelWidth,
 			onRestore: (state) => {
 				if (state.open !== void 0 && state.open !== props.open) {
 					emit("update:open", state.open);
@@ -2007,6 +2533,12 @@ var __vue_sfc__ = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
 		const handleBubbleOffsetChange = (offset) => {
 			bubbleOffset.value = offset;
 		};
+		const handleResizeStart = () => {
+			isDragging.value = true;
+		};
+		const handleResizeEnd = () => {
+			isDragging.value = false;
+		};
 		const chatAnimationOrigin = computed(() => {
 			switch (bubbleQuadrant.value) {
 				case "top-left": return {
@@ -2061,6 +2593,7 @@ var __vue_sfc__ = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
 			minimized,
 			promptDockVisible,
 			bubbleOffset,
+			mode: effectiveMode,
 			sessionStates: computed(() => {
 				var _a;
 				return (_a = props.sessionStates) != null ? _a : {};
@@ -2122,6 +2655,7 @@ var __vue_sfc__ = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
 			promptDockVisible,
 			isRestoring,
 			iframeLoaded,
+			splitPanelWidth,
 			syncStateToIframe,
 			handleFrameLoaded,
 			buttonActive,
@@ -2151,6 +2685,12 @@ var __vue_sfc__ = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
 			tooltipStyle,
 			tooltipContent,
 			bubbleOffset,
+			effectiveMode,
+			isSplitMode,
+			panelWidth,
+			splitConfig,
+			handleResize,
+			handleSplitToggle,
 			handleToggleMinimize,
 			handleTogglePromptDock,
 			windowWidth,
@@ -2160,6 +2700,8 @@ var __vue_sfc__ = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
 			isBubbleOnRightSide,
 			chatPositionStyle,
 			handleBubbleOffsetChange,
+			handleResizeStart,
+			handleResizeEnd,
 			chatAnimationOrigin,
 			isDragging,
 			get wasOpenBeforeDrag() {
@@ -2170,11 +2712,8 @@ var __vue_sfc__ = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
 			},
 			handleDragStart,
 			handleDragEnd,
-			Frame: Frame_vue_default,
-			Header: Header_vue_default,
+			ChatPanel: ChatPanel_vue_default,
 			SelectHint: SelectHint_vue_default,
-			SelectedNodes: SelectedNodes_vue_default,
-			SessionList: SessionList_vue_default,
 			Trigger: Trigger_vue_default
 		};
 		Object.defineProperty(__returned__, "__isScriptSetup", {
@@ -2184,33 +2723,28 @@ var __vue_sfc__ = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
 		return __returned__;
 	}
 }));
-var _hoisted_1 = {
-	key: 0,
-	class: "opencode-notification",
-	role: "alert"
-};
-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: 0,
+var _hoisted_1 = { class: "opencode-tooltip-tag" };
+var _hoisted_2 = { class: "opencode-tooltip-file" };
+var _hoisted_3 = {
+	key: 1,
 	class: "opencode-dialog-overlay"
 };
-var _hoisted_6 = {
+var _hoisted_4 = {
 	class: "opencode-dialog",
 	role: "alertdialog",
 	"aria-modal": "true"
 };
-var _hoisted_7 = { class: "opencode-dialog-content" };
-var _hoisted_8 = { class: "opencode-dialog-message" };
-var _hoisted_9 = {
+var _hoisted_5 = { class: "opencode-dialog-content" };
+var _hoisted_6 = { class: "opencode-dialog-message" };
+var _hoisted_7 = {
 	key: 0,
 	class: "opencode-page-notification",
 	role: "alert"
 };
 function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
 	return openBlock(), createElementBlock("div", { class: normalizeClass($setup.containerClasses) }, [
-		createVNode($setup["Trigger"], {
+		!$setup.isSplitMode ? (openBlock(), createBlock($setup["Trigger"], {
+			key: 0,
 			ref: "triggerRef",
 			onDragStart: $setup.handleDragStart,
 			onDragEnd: $setup.handleDragEnd
@@ -2218,64 +2752,88 @@ function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
 			name: "default",
 			fn: withCtx(() => [renderSlot(_ctx.$slots, "button-icon")]),
 			key: "0"
-		} : void 0]), 1536),
-		withDirectives(createElementVNode("div", {
-			class: normalizeClass(["opencode-chat", {
-				open: $props.open,
-				minimized: $setup.minimized,
-				dragging: $setup.isDragging,
-				"no-transition": $setup.isRestoring
-			}]),
-			style: normalizeStyle($setup.chatPositionStyle)
+		} : void 0]), 1536)) : createCommentVNode("v-if", true),
+		createVNode($setup["ChatPanel"], {
+			ref: "frameRef",
+			mode: $setup.effectiveMode,
+			open: $props.open,
+			minimized: $setup.minimized,
+			"position-style": $setup.chatPositionStyle,
+			"animation-origin": $setup.chatAnimationOrigin,
+			"panel-width": $setup.panelWidth,
+			resizable: $setup.splitConfig.resizable,
+			"min-width": $setup.splitConfig.minWidth,
+			"max-width": $setup.splitConfig.maxWidth,
+			"no-transition": $setup.isRestoring,
+			dragging: $setup.isDragging,
+			"notification-visible": $setup.notificationVisible,
+			"notification-message": $setup.notificationMessage,
+			"notification-mode": $setup.notificationMode,
+			thinking: $props.thinking,
+			"resolved-theme": $setup.resolvedTheme,
+			onResize: $setup.handleResize,
+			onResizeStart: $setup.handleResizeStart,
+			onResizeEnd: $setup.handleResizeEnd,
+			onToggle: $setup.handleSplitToggle
+		}, createSlots({
+			"sessions-empty": withCtx(() => [renderSlot(_ctx.$slots, "sessions-empty", {}, () => [_cache[0] || (_cache[0] = createElementVNode("div", { class: "opencode-session-empty" }, "暂无会话", -1))])]),
+			_: 2
 		}, [
-			createVNode($setup["Header"], null, createSlots({ _: 2 }, [
-				$setup.slots["session-toggle-icon"] ? {
-					name: "session-toggle-icon",
-					fn: withCtx(() => [renderSlot(_ctx.$slots, "session-toggle-icon")]),
-					key: "0"
-				} : void 0,
-				$setup.slots["select-icon"] ? {
-					name: "select-icon",
-					fn: withCtx(() => [renderSlot(_ctx.$slots, "select-icon")]),
-					key: "1"
-				} : void 0,
-				$setup.slots["close-icon"] ? {
-					name: "close-icon",
-					fn: withCtx(() => [renderSlot(_ctx.$slots, "close-icon")]),
-					key: "2"
-				} : void 0
-			]), 1024),
-			$setup.notificationVisible && $setup.notificationMode === "widget" ? (openBlock(), createElementBlock("div", _hoisted_1, toDisplayString($setup.notificationMessage), 1)) : createCommentVNode("v-if", true),
-			createElementVNode("div", _hoisted_2, [
-				createVNode($setup["SessionList"], null, {
-					empty: withCtx(() => [renderSlot(_ctx.$slots, "sessions-empty", {}, () => [_cache[0] || (_cache[0] = createElementVNode("div", { class: "opencode-session-empty" }, "暂无会话", -1))])]),
-					_: 3
-				}),
-				createVNode($setup["Frame"], { ref: "frameRef" }, createSlots({ _: 2 }, [
-					$setup.slots["empty-state"] ? {
-						name: "empty-state",
-						fn: withCtx(() => [renderSlot(_ctx.$slots, "empty-state")]),
-						key: "0"
-					} : void 0,
-					$setup.slots.loading ? {
-						name: "loading",
-						fn: withCtx(() => [renderSlot(_ctx.$slots, "loading")]),
-						key: "1"
-					} : void 0,
-					$setup.slots.error ? {
-						name: "error",
-						fn: withCtx(() => [renderSlot(_ctx.$slots, "error")]),
-						key: "2"
-					} : void 0,
-					$setup.slots.content ? {
-						name: "content",
-						fn: withCtx(() => [renderSlot(_ctx.$slots, "content")]),
-						key: "3"
-					} : void 0
-				]), 1536),
-				createVNode($setup["SelectedNodes"])
-			])
-		], 6), [[vShow, !$props.selectMode]]),
+			$setup.slots["session-toggle-icon"] ? {
+				name: "session-toggle-icon",
+				fn: withCtx(() => [renderSlot(_ctx.$slots, "session-toggle-icon")]),
+				key: "0"
+			} : void 0,
+			$setup.slots["select-icon"] ? {
+				name: "select-icon",
+				fn: withCtx(() => [renderSlot(_ctx.$slots, "select-icon")]),
+				key: "1"
+			} : void 0,
+			$setup.slots["close-icon"] ? {
+				name: "close-icon",
+				fn: withCtx(() => [renderSlot(_ctx.$slots, "close-icon")]),
+				key: "2"
+			} : void 0,
+			$setup.slots["empty-state"] ? {
+				name: "empty-state",
+				fn: withCtx(() => [renderSlot(_ctx.$slots, "empty-state")]),
+				key: "3"
+			} : void 0,
+			$setup.slots.loading ? {
+				name: "loading",
+				fn: withCtx(() => [renderSlot(_ctx.$slots, "loading")]),
+				key: "4"
+			} : void 0,
+			$setup.slots.error ? {
+				name: "error",
+				fn: withCtx(() => [renderSlot(_ctx.$slots, "error")]),
+				key: "5"
+			} : void 0,
+			$setup.slots.content ? {
+				name: "content",
+				fn: withCtx(() => [renderSlot(_ctx.$slots, "content")]),
+				key: "6"
+			} : void 0
+		]), 1032, [
+			"mode",
+			"open",
+			"minimized",
+			"position-style",
+			"animation-origin",
+			"panel-width",
+			"resizable",
+			"min-width",
+			"max-width",
+			"no-transition",
+			"dragging",
+			"notification-visible",
+			"notification-message",
+			"notification-mode",
+			"thinking",
+			"resolved-theme",
+			"onResize",
+			"onToggle"
+		]),
 		createVNode($setup["SelectHint"]),
 		withDirectives(createElementVNode("div", {
 			class: "opencode-element-highlight",
@@ -2284,15 +2842,15 @@ function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
 		withDirectives(createElementVNode("div", {
 			class: "opencode-element-tooltip",
 			style: normalizeStyle($setup.tooltipStyle)
-		}, [createElementVNode("div", _hoisted_3, toDisplayString($setup.tooltipContent.description), 1), createElementVNode("div", _hoisted_4, toDisplayString($setup.tooltipContent.fileInfo), 1)], 4), [[vShow, $setup.tooltipVisible]]),
-		$setup.dialogVisible ? (openBlock(), createElementBlock("div", _hoisted_5, [createElementVNode("div", _hoisted_6, [createElementVNode("div", _hoisted_7, [createElementVNode("div", _hoisted_8, toDisplayString($setup.dialogMessage), 1)]), createElementVNode("div", { class: "opencode-dialog-actions" }, [createElementVNode("button", {
+		}, [createElementVNode("div", _hoisted_1, toDisplayString($setup.tooltipContent.description), 1), createElementVNode("div", _hoisted_2, toDisplayString($setup.tooltipContent.fileInfo), 1)], 4), [[vShow, $setup.tooltipVisible]]),
+		$setup.dialogVisible ? (openBlock(), createElementBlock("div", _hoisted_3, [createElementVNode("div", _hoisted_4, [createElementVNode("div", _hoisted_5, [createElementVNode("div", _hoisted_6, toDisplayString($setup.dialogMessage), 1)]), createElementVNode("div", { class: "opencode-dialog-actions" }, [createElementVNode("button", {
 			class: "opencode-dialog-btn cancel",
 			onClick: $setup.handleDialogCancel
 		}, "取消"), createElementVNode("button", {
 			class: "opencode-dialog-btn confirm",
 			onClick: $setup.handleDialogConfirm
 		}, "确认")])])])) : createCommentVNode("v-if", true),
-		(openBlock(), createBlock(Teleport, { to: "body" }, [$setup.notificationVisible && $setup.notificationMode === "page" ? (openBlock(), createElementBlock("div", _hoisted_9, toDisplayString($setup.notificationMessage), 1)) : createCommentVNode("v-if", true)]))
+		(openBlock(), createBlock(Teleport, { to: "body" }, [$setup.notificationVisible && $setup.notificationMode === "page" ? (openBlock(), createElementBlock("div", _hoisted_7, toDisplayString($setup.notificationMessage), 1)) : createCommentVNode("v-if", true)]))
 	], 2);
 }
 __vue_sfc__.render = __vue_render__;
@@ -2301,7 +2859,7 @@ __vue_sfc__.render = __vue_render__;
 var open_code_widget_default = __vue_sfc__;
 //#endregion
 //#region es/index.js
-var version = "1.0.36";
+var version = "1.0.38";
 function install(app, options) {
 	[open_code_widget_default].forEach((item) => {
 		if (item.install) app.use(item, options);