@vite-plugin-opencode-assistant/components 1.0.48 → 1.0.50

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

@@ -137,7 +137,7 @@ var __vue_sfc__$8 = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "Header",
 	setup(__props, { expose: __expose }) {
 		__expose();
-		const { title, sessionListTitle, sessionListCollapsed, selectMode, selectEnabled, theme, resolvedTheme, minimized, promptDockVisible, mode, handleToggleSessionList, handleToggleSelectMode, handleToggleTheme, handleClose, handleToggleMinimize, handleTogglePromptDock } = useOpenCodeWidgetContext();
+		const { title, sessionListTitle, sessionListCollapsed, selectMode, selectEnabled, theme, resolvedTheme, minimized, promptDockVisible, mode, displayMode, splitPosition, handleToggleSessionList, handleToggleSelectMode, handleToggleTheme, handleToggleDisplayMode, handleToggleSplitPosition, handleClose, handleToggleMinimize, handleTogglePromptDock } = useOpenCodeWidgetContext();
 		const __returned__ = {
 			title,
 			sessionListTitle,
@@ -149,9 +149,13 @@ var __vue_sfc__$8 = /* @__PURE__ */ (0, vue.defineComponent)({
 			minimized,
 			promptDockVisible,
 			mode,
+			displayMode,
+			splitPosition,
 			handleToggleSessionList,
 			handleToggleSelectMode,
 			handleToggleTheme,
+			handleToggleDisplayMode,
+			handleToggleSplitPosition,
 			handleClose,
 			handleToggleMinimize,
 			handleTogglePromptDock,
@@ -169,6 +173,35 @@ var __vue_sfc__$8 = /* @__PURE__ */ (0, vue.defineComponent)({
 					light: "亮色主题",
 					dark: "暗色主题"
 				}[theme.value]}`;
+			}),
+			displayModeIconTitle: (0, vue.computed)(() => {
+				return `\u5C55\u793A\u6A21\u5F0F: ${{
+					bubble: "气泡模式",
+					split: "分屏模式",
+					auto: "自动模式"
+				}[displayMode.value]}`;
+			}),
+			displayModeIconLabel: (0, vue.computed)(() => {
+				const displayModeLabels = {
+					bubble: "气泡模式",
+					split: "分屏模式",
+					auto: "自动模式"
+				};
+				const modes = [
+					"bubble",
+					"split",
+					"auto"
+				];
+				return `\u5207\u6362\u5C55\u793A\u6A21\u5F0F - \u4E0B\u4E00\u4E2A: ${displayModeLabels[modes[(modes.indexOf(displayMode.value) + 1) % modes.length]]}`;
+			}),
+			splitPositionIconTitle: (0, vue.computed)(() => {
+				return `\u5206\u680F\u4F4D\u7F6E: ${{
+					left: "左侧",
+					right: "右侧"
+				}[splitPosition.value]}`;
+			}),
+			splitPositionIconLabel: (0, vue.computed)(() => {
+				return `\u5207\u6362\u5206\u680F\u4F4D\u7F6E - \u4E0B\u4E00\u4E2A: ${splitPosition.value === "right" ? "左侧" : "右侧"}`;
 			})
 		};
 		Object.defineProperty(__returned__, "__isScriptSetup", {
@@ -197,7 +230,7 @@ var _hoisted_6$4 = {
 	"stroke-width": "2",
 	"aria-hidden": "true"
 };
-var _hoisted_7$2 = {
+var _hoisted_7$3 = {
 	key: 1,
 	viewBox: "0 0 24 24",
 	width: "16",
@@ -207,7 +240,38 @@ var _hoisted_7$2 = {
 	"stroke-width": "2",
 	"aria-hidden": "true"
 };
-var _hoisted_8$1 = {
+var _hoisted_8$2 = {
+	key: 2,
+	viewBox: "0 0 24 24",
+	width: "16",
+	height: "16",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": "2",
+	"aria-hidden": "true"
+};
+var _hoisted_9$1 = ["title", "aria-label"];
+var _hoisted_10$1 = {
+	key: 0,
+	viewBox: "0 0 24 24",
+	width: "16",
+	height: "16",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": "2",
+	"aria-hidden": "true"
+};
+var _hoisted_11 = {
+	key: 1,
+	viewBox: "0 0 24 24",
+	width: "16",
+	height: "16",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": "2",
+	"aria-hidden": "true"
+};
+var _hoisted_12 = {
 	key: 2,
 	viewBox: "0 0 24 24",
 	width: "16",
@@ -217,19 +281,40 @@ var _hoisted_8$1 = {
 	"stroke-width": "2",
 	"aria-hidden": "true"
 };
-var _hoisted_9$1 = { class: "opencode-chat-header-title" };
-var _hoisted_10$1 = { class: "opencode-chat-header-actions" };
-var _hoisted_11 = [
+var _hoisted_13 = { class: "opencode-chat-header-title" };
+var _hoisted_14 = { class: "opencode-chat-header-actions" };
+var _hoisted_15 = ["title", "aria-label"];
+var _hoisted_16 = {
+	key: 0,
+	viewBox: "0 0 24 24",
+	width: "16",
+	height: "16",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": "2",
+	"aria-hidden": "true"
+};
+var _hoisted_17 = {
+	key: 1,
+	viewBox: "0 0 24 24",
+	width: "16",
+	height: "16",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": "2",
+	"aria-hidden": "true"
+};
+var _hoisted_18 = [
 	"title",
 	"aria-label",
 	"aria-pressed"
 ];
-var _hoisted_12 = [
+var _hoisted_19 = [
 	"title",
 	"aria-label",
 	"aria-pressed"
 ];
-var _hoisted_13 = {
+var _hoisted_20 = {
 	key: 0,
 	viewBox: "0 0 24 24",
 	width: "14",
@@ -239,7 +324,7 @@ var _hoisted_13 = {
 	"stroke-width": "2",
 	"aria-hidden": "true"
 };
-var _hoisted_14 = {
+var _hoisted_21 = {
 	key: 1,
 	viewBox: "0 0 24 24",
 	width: "14",
@@ -259,7 +344,7 @@ function __vue_render__$8(_ctx, _cache, $props, $setup, $data, $options) {
 				"aria-label": $setup.sessionListTitle,
 				"aria-expanded": !$setup.sessionListCollapsed,
 				onClick: _cache[0] || (_cache[0] = (...args) => $setup.handleToggleSessionList && $setup.handleToggleSessionList(...args))
-			}, [(0, vue.renderSlot)(_ctx.$slots, "session-toggle-icon", {}, () => [_cache[6] || (_cache[6] = (0, vue.createElementVNode)("svg", {
+			}, [(0, vue.renderSlot)(_ctx.$slots, "session-toggle-icon", {}, () => [_cache[8] || (_cache[8] = (0, vue.createElementVNode)("svg", {
 				viewBox: "0 0 24 24",
 				width: "16",
 				height: "16",
@@ -279,7 +364,7 @@ function __vue_render__$8(_ctx, _cache, $props, $setup, $data, $options) {
 				"aria-pressed": $setup.selectMode,
 				disabled: !$setup.selectEnabled,
 				onClick: _cache[1] || (_cache[1] = (...args) => $setup.handleToggleSelectMode && $setup.handleToggleSelectMode(...args))
-			}, [(0, vue.renderSlot)(_ctx.$slots, "select-icon", {}, () => [_cache[7] || (_cache[7] = (0, vue.createElementVNode)("svg", {
+			}, [(0, vue.renderSlot)(_ctx.$slots, "select-icon", {}, () => [_cache[9] || (_cache[9] = (0, vue.createElementVNode)("svg", {
 				viewBox: "0 0 1024 1024",
 				width: "16",
 				height: "16",
@@ -297,19 +382,118 @@ function __vue_render__$8(_ctx, _cache, $props, $setup, $data, $options) {
 				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$4, [..._cache[8] || (_cache[8] = [(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[9] || (_cache[9] = [(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$1, [..._cache[10] || (_cache[10] = [(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$4, [..._cache[10] || (_cache[10] = [(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$3, [..._cache[11] || (_cache[11] = [(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[12] || (_cache[12] = [(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.createElementVNode)("button", {
+				class: "opencode-header-btn display-mode-btn",
+				type: "button",
+				title: $setup.displayModeIconTitle,
+				"aria-label": $setup.displayModeIconLabel,
+				onClick: _cache[3] || (_cache[3] = (...args) => $setup.handleToggleDisplayMode && $setup.handleToggleDisplayMode(...args))
+			}, [(0, vue.renderSlot)(_ctx.$slots, "display-mode-icon", {}, () => [$setup.displayMode === "bubble" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("svg", _hoisted_10$1, [..._cache[13] || (_cache[13] = [
+				(0, vue.createElementVNode)("circle", {
+					cx: "12",
+					cy: "12",
+					r: "10"
+				}, null, -1),
+				(0, vue.createElementVNode)("path", {
+					d: "M8 14s1.5 2 4 2 4-2 4-2",
+					"stroke-linecap": "round"
+				}, null, -1),
+				(0, vue.createElementVNode)("line", {
+					x1: "9",
+					y1: "9",
+					x2: "9.01",
+					y2: "9",
+					"stroke-linecap": "round"
+				}, null, -1),
+				(0, vue.createElementVNode)("line", {
+					x1: "15",
+					y1: "9",
+					x2: "15.01",
+					y2: "9",
+					"stroke-linecap": "round"
+				}, null, -1)
+			])])) : $setup.displayMode === "split" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("svg", _hoisted_11, [..._cache[14] || (_cache[14] = [(0, vue.createElementVNode)("rect", {
+				x: "3",
+				y: "3",
+				width: "18",
+				height: "18",
+				rx: "2"
+			}, null, -1), (0, vue.createElementVNode)("line", {
+				x1: "12",
+				y1: "3",
+				x2: "12",
+				y2: "21"
+			}, null, -1)])])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("svg", _hoisted_12, [..._cache[15] || (_cache[15] = [
+				(0, vue.createElementVNode)("rect", {
+					x: "3",
+					y: "3",
+					width: "8",
+					height: "8",
+					rx: "1"
+				}, null, -1),
+				(0, vue.createElementVNode)("rect", {
+					x: "15",
+					y: "3",
+					width: "6",
+					height: "8",
+					rx: "1"
+				}, null, -1),
+				(0, vue.createElementVNode)("rect", {
+					x: "3",
+					y: "15",
+					width: "8",
+					height: "6",
+					rx: "1"
+				}, null, -1),
+				(0, vue.createElementVNode)("circle", {
+					cx: "18",
+					cy: "18",
+					r: "3"
+				}, null, -1)
+			])]))])], 8, _hoisted_9$1)
 		]),
-		(0, vue.createElementVNode)("span", _hoisted_9$1, (0, vue.toDisplayString)($setup.title), 1),
-		(0, vue.createElementVNode)("div", _hoisted_10$1, [
-			!$setup.isSplitMode ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
+		(0, vue.createElementVNode)("span", _hoisted_13, (0, vue.toDisplayString)($setup.title), 1),
+		(0, vue.createElementVNode)("div", _hoisted_14, [
+			$setup.isSplitMode ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 				key: 0,
+				class: "opencode-header-btn split-position-btn",
+				type: "button",
+				title: $setup.splitPositionIconTitle,
+				"aria-label": $setup.splitPositionIconLabel,
+				onClick: _cache[4] || (_cache[4] = (...args) => $setup.handleToggleSplitPosition && $setup.handleToggleSplitPosition(...args))
+			}, [(0, vue.renderSlot)(_ctx.$slots, "split-position-icon", {}, () => [$setup.splitPosition === "right" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("svg", _hoisted_16, [..._cache[16] || (_cache[16] = [(0, vue.createElementVNode)("rect", {
+				x: "3",
+				y: "3",
+				width: "18",
+				height: "18",
+				rx: "2"
+			}, null, -1), (0, vue.createElementVNode)("line", {
+				x1: "15",
+				y1: "3",
+				x2: "15",
+				y2: "21"
+			}, null, -1)])])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("svg", _hoisted_17, [..._cache[17] || (_cache[17] = [(0, vue.createElementVNode)("rect", {
+				x: "3",
+				y: "3",
+				width: "18",
+				height: "18",
+				rx: "2"
+			}, null, -1), (0, vue.createElementVNode)("line", {
+				x1: "9",
+				y1: "3",
+				x2: "9",
+				y2: "21"
+			}, null, -1)])]))])], 8, _hoisted_15)) : (0, vue.createCommentVNode)("v-if", true),
+			!$setup.isSplitMode ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
+				key: 1,
 				class: "opencode-header-btn prompt-dock",
 				type: "button",
 				title: $setup.promptDockVisible ? "隐藏对话框" : "显示对话框",
 				"aria-label": $setup.promptDockVisible ? "隐藏对话框" : "显示对话框",
 				"aria-pressed": $setup.promptDockVisible,
-				onClick: _cache[3] || (_cache[3] = (...args) => $setup.handleTogglePromptDock && $setup.handleTogglePromptDock(...args))
-			}, [(0, vue.renderSlot)(_ctx.$slots, "prompt-dock-icon", {}, () => [_cache[11] || (_cache[11] = (0, vue.createElementVNode)("svg", {
+				onClick: _cache[5] || (_cache[5] = (...args) => $setup.handleTogglePromptDock && $setup.handleTogglePromptDock(...args))
+			}, [(0, vue.renderSlot)(_ctx.$slots, "prompt-dock-icon", {}, () => [_cache[18] || (_cache[18] = (0, vue.createElementVNode)("svg", {
 				viewBox: "0 0 24 24",
 				width: "14",
 				height: "14",
@@ -317,24 +501,24 @@ function __vue_render__$8(_ctx, _cache, $props, $setup, $data, $options) {
 				stroke: "currentColor",
 				"stroke-width": "2",
 				"aria-hidden": "true"
-			}, [(0, vue.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)) : (0, vue.createCommentVNode)("v-if", true),
+			}, [(0, vue.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_18)) : (0, vue.createCommentVNode)("v-if", true),
 			!$setup.isSplitMode ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
-				key: 1,
+				key: 2,
 				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))
-			}, [(0, vue.renderSlot)(_ctx.$slots, "minimize-icon", {}, () => [$setup.minimized ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("svg", _hoisted_13, [..._cache[12] || (_cache[12] = [(0, vue.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)])])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("svg", _hoisted_14, [..._cache[13] || (_cache[13] = [(0, vue.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)) : (0, vue.createCommentVNode)("v-if", true),
+				onClick: _cache[6] || (_cache[6] = (...args) => $setup.handleToggleMinimize && $setup.handleToggleMinimize(...args))
+			}, [(0, vue.renderSlot)(_ctx.$slots, "minimize-icon", {}, () => [$setup.minimized ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("svg", _hoisted_20, [..._cache[19] || (_cache[19] = [(0, vue.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)])])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("svg", _hoisted_21, [..._cache[20] || (_cache[20] = [(0, vue.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_19)) : (0, vue.createCommentVNode)("v-if", true),
 			!$setup.isSplitMode ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
-				key: 2,
+				key: 3,
 				class: "opencode-header-btn close",
 				type: "button",
 				title: "关闭",
 				"aria-label": "关闭面板",
-				onClick: _cache[5] || (_cache[5] = (...args) => $setup.handleClose && $setup.handleClose(...args))
-			}, [(0, vue.renderSlot)(_ctx.$slots, "close-icon", {}, () => [_cache[14] || (_cache[14] = (0, vue.createElementVNode)("svg", {
+				onClick: _cache[7] || (_cache[7] = (...args) => $setup.handleClose && $setup.handleClose(...args))
+			}, [(0, vue.renderSlot)(_ctx.$slots, "close-icon", {}, () => [_cache[21] || (_cache[21] = (0, vue.createElementVNode)("svg", {
 				viewBox: "0 0 24 24",
 				width: "14",
 				height: "14",
@@ -420,8 +604,8 @@ var _hoisted_4$3 = {
 };
 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 = {
+var _hoisted_7$2 = { class: "opencode-session-title" };
+var _hoisted_8$1 = {
 	key: 0,
 	class: "opencode-thinking-loading"
 };
@@ -453,7 +637,7 @@ function __vue_render__$7(_ctx, _cache, $props, $setup, $data, $options) {
 				role: "option",
 				"aria-selected": item.active,
 				onClick: ($event) => $setup.handleSelectSession(item)
-			}, [(0, vue.createElementVNode)("div", _hoisted_6$3, [(0, vue.createElementVNode)("div", _hoisted_7$1, [$setup.isSessionThinking(item.id) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_8)) : (0, vue.createCommentVNode)("v-if", true), (0, vue.createTextVNode)(" " + (0, vue.toDisplayString)(item.title), 1)]), (0, vue.createElementVNode)("button", {
+			}, [(0, vue.createElementVNode)("div", _hoisted_6$3, [(0, vue.createElementVNode)("div", _hoisted_7$2, [$setup.isSessionThinking(item.id) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_8$1)) : (0, vue.createCommentVNode)("v-if", true), (0, vue.createTextVNode)(" " + (0, vue.toDisplayString)(item.title), 1)]), (0, vue.createElementVNode)("button", {
 				class: "opencode-session-delete-btn",
 				type: "button",
 				"aria-label": `\u5220\u9664\u4F1A\u8BDD: ${item.title}`,
@@ -565,6 +749,11 @@ var __vue_sfc__$5 = /* @__PURE__ */ (0, vue.defineComponent)(__spreadProps$3(__s
 			type: Number,
 			required: false,
 			default: 800
+		},
+		position: {
+			type: String,
+			required: false,
+			default: "right"
 		}
 	},
 	emits: [
@@ -590,7 +779,9 @@ var __vue_sfc__$5 = /* @__PURE__ */ (0, vue.defineComponent)(__spreadProps$3(__s
 		};
 		const handleMouseMove = (e) => {
 			if (!isResizing.value) return;
-			const deltaX = startX.value - e.clientX;
+			let deltaX;
+			if (props.position === "right") deltaX = startX.value - e.clientX;
+			else deltaX = e.clientX - startX.value;
 			emit("resize", Math.max(props.minWidth, Math.min(props.maxWidth, startWidth.value + deltaX)));
 		};
 		const handleMouseUp = () => {
@@ -626,7 +817,10 @@ var __vue_sfc__$5 = /* @__PURE__ */ (0, vue.defineComponent)(__spreadProps$3(__s
 }));
 function __vue_render__$5(_ctx, _cache, $props, $setup, $data, $options) {
 	return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
-		class: (0, vue.normalizeClass)(["opencode-resize-handle", { resizing: $setup.isResizing }]),
+		class: (0, vue.normalizeClass)(["opencode-resize-handle", {
+			resizing: $setup.isResizing,
+			"handle-left": $props.position === "left"
+		}]),
 		onMousedown: $setup.handleMouseDown,
 		onDblclick: $setup.handleDoubleClick
 	}, null, 34);
@@ -740,6 +934,11 @@ var __vue_sfc__$4 = /* @__PURE__ */ (0, vue.defineComponent)(__spreadProps$2(__s
 			type: String,
 			required: false,
 			default: "light"
+		},
+		splitPosition: {
+			type: String,
+			required: false,
+			default: "right"
 		}
 	},
 	emits: [
@@ -796,7 +995,9 @@ var __vue_sfc__$4 = /* @__PURE__ */ (0, vue.defineComponent)(__spreadProps$2(__s
 				minimized: props.minimized,
 				dragging: props.dragging,
 				"no-transition": props.noTransition,
-				"split-mode": props.mode === "split"
+				"split-mode": props.mode === "split",
+				"split-left": props.mode === "split" && props.splitPosition === "left",
+				"split-right": props.mode === "split" && props.splitPosition === "right"
 			}]),
 			Frame: Frame_vue_default,
 			Header: Header_vue_default,
@@ -832,11 +1033,29 @@ var _hoisted_4$1 = {
 	"stroke-width": "2"
 };
 var _hoisted_5$1 = {
+	key: 2,
+	viewBox: "0 0 24 24",
+	width: "16",
+	height: "16",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": "2"
+};
+var _hoisted_6$1 = {
+	key: 3,
+	viewBox: "0 0 24 24",
+	width: "16",
+	height: "16",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": "2"
+};
+var _hoisted_7$1 = {
 	key: 2,
 	class: "opencode-notification",
 	role: "alert"
 };
-var _hoisted_6$1 = { class: "opencode-chat-content" };
+var _hoisted_8 = { class: "opencode-chat-content" };
 function __vue_render__$4(_ctx, _cache, $props, $setup, $data, $options) {
 	return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 		class: (0, vue.normalizeClass)($setup.panelClasses),
@@ -847,13 +1066,15 @@ function __vue_render__$4(_ctx, _cache, $props, $setup, $data, $options) {
 			width: $props.panelWidth,
 			"min-width": $props.minWidth,
 			"max-width": $props.maxWidth,
+			position: $props.splitPosition,
 			onResize: $setup.handleResize,
 			onResizeStart: $setup.handleResizeStart,
 			onResizeEnd: $setup.handleResizeEnd
 		}, null, 8, [
 			"width",
 			"min-width",
-			"max-width"
+			"max-width",
+			"position"
 		])) : (0, vue.createCommentVNode)("v-if", true),
 		$props.mode === "split" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 			key: 1,
@@ -861,20 +1082,34 @@ function __vue_render__$4(_ctx, _cache, $props, $setup, $data, $options) {
 			class: (0, vue.normalizeClass)(["opencode-split-toggle-btn", {
 				open: $setup.props.open,
 				thinking: $setup.props.thinking,
-				"opencode-theme-dark": $props.resolvedTheme === "dark"
+				"opencode-theme-dark": $props.resolvedTheme === "dark",
+				"split-left": $props.splitPosition === "left"
 			}]),
 			"aria-expanded": $props.open,
 			"aria-label": "切换面板",
 			onClick: $setup.handleToggle
-		}, [(0, vue.createElementVNode)("span", _hoisted_2$1, [$props.open ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("svg", _hoisted_3$1, [..._cache[0] || (_cache[0] = [(0, vue.createElementVNode)("path", {
-			d: "M9 18l6-6-6-6",
-			"stroke-linecap": "round",
-			"stroke-linejoin": "round"
-		}, null, -1)])])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("svg", _hoisted_4$1, [..._cache[1] || (_cache[1] = [(0, vue.createElementVNode)("path", {
-			d: "M15 18l-6-6 6-6",
-			"stroke-linecap": "round",
-			"stroke-linejoin": "round"
-		}, null, -1)])]))])], 10, _hoisted_1$3)) : (0, vue.createCommentVNode)("v-if", true),
+		}, [(0, vue.createElementVNode)("span", _hoisted_2$1, [
+			$props.open && $props.splitPosition === "right" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("svg", _hoisted_3$1, [..._cache[0] || (_cache[0] = [(0, vue.createElementVNode)("path", {
+				d: "M9 18l6-6-6-6",
+				"stroke-linecap": "round",
+				"stroke-linejoin": "round"
+			}, null, -1)])])) : (0, vue.createCommentVNode)("v-if", true),
+			!$props.open && $props.splitPosition === "right" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("svg", _hoisted_4$1, [..._cache[1] || (_cache[1] = [(0, vue.createElementVNode)("path", {
+				d: "M15 18l-6-6 6-6",
+				"stroke-linecap": "round",
+				"stroke-linejoin": "round"
+			}, null, -1)])])) : (0, vue.createCommentVNode)("v-if", true),
+			$props.open && $props.splitPosition === "left" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("svg", _hoisted_5$1, [..._cache[2] || (_cache[2] = [(0, vue.createElementVNode)("path", {
+				d: "M15 18l-6-6 6-6",
+				"stroke-linecap": "round",
+				"stroke-linejoin": "round"
+			}, null, -1)])])) : (0, vue.createCommentVNode)("v-if", true),
+			!$props.open && $props.splitPosition === "left" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("svg", _hoisted_6$1, [..._cache[3] || (_cache[3] = [(0, vue.createElementVNode)("path", {
+				d: "M9 18l6-6-6-6",
+				"stroke-linecap": "round",
+				"stroke-linejoin": "round"
+			}, null, -1)])])) : (0, vue.createCommentVNode)("v-if", true)
+		])], 10, _hoisted_1$3)) : (0, vue.createCommentVNode)("v-if", true),
 		(0, vue.createVNode)($setup["Header"], null, (0, vue.createSlots)({ _: 2 }, [
 			$setup.slots["session-toggle-icon"] ? {
 				name: "session-toggle-icon",
@@ -892,10 +1127,10 @@ function __vue_render__$4(_ctx, _cache, $props, $setup, $data, $options) {
 				key: "2"
 			} : void 0
 		]), 1024),
-		$props.notificationVisible && $props.notificationMode === "widget" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_5$1, (0, vue.toDisplayString)($props.notificationMessage), 1)) : (0, vue.createCommentVNode)("v-if", true),
-		(0, vue.createElementVNode)("div", _hoisted_6$1, [
+		$props.notificationVisible && $props.notificationMode === "widget" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_7$1, (0, vue.toDisplayString)($props.notificationMessage), 1)) : (0, vue.createCommentVNode)("v-if", true),
+		(0, vue.createElementVNode)("div", _hoisted_8, [
 			(0, vue.createVNode)($setup["SessionList"], null, {
-				empty: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "sessions-empty", {}, () => [_cache[2] || (_cache[2] = (0, vue.createElementVNode)("div", { class: "opencode-session-empty" }, "暂无会话", -1))])]),
+				empty: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "sessions-empty", {}, () => [_cache[4] || (_cache[4] = (0, vue.createElementVNode)("div", { class: "opencode-session-empty" }, "暂无会话", -1))])]),
 				_: 3
 			}),
 			(0, vue.createVNode)($setup["Frame"], { ref: "frameRef" }, (0, vue.createSlots)({ _: 2 }, [
@@ -1987,7 +2222,7 @@ function usePersistState(options) {
 		return saved;
 	};
 	const getCurrentState = () => {
-		var _a;
+		var _a, _b, _c;
 		return {
 			open: options.open.value,
 			minimized: options.minimized.value,
@@ -1995,7 +2230,9 @@ function usePersistState(options) {
 			bubbleOffset: options.bubbleOffset.value,
 			theme: options.theme.value,
 			sessionListCollapsed: options.sessionListCollapsed.value,
-			splitPanelWidth: (_a = options.splitPanelWidth) == null ? void 0 : _a.value
+			splitPanelWidth: (_a = options.splitPanelWidth) == null ? void 0 : _a.value,
+			displayMode: (_b = options.displayMode) == null ? void 0 : _b.value,
+			splitPosition: (_c = options.splitPosition) == null ? void 0 : _c.value
 		};
 	};
 	const persistState = () => {
@@ -2010,6 +2247,8 @@ function usePersistState(options) {
 		options.sessionListCollapsed
 	];
 	if (options.splitPanelWidth) watchers.push(options.splitPanelWidth);
+	if (options.displayMode) watchers.push(options.displayMode);
+	if (options.splitPosition) watchers.push(options.splitPosition);
 	(0, vue.onMounted)(() => {
 		restoreState();
 		(0, vue.watch)(watchers, () => {
@@ -2025,17 +2264,20 @@ function usePersistState(options) {
 //#region es/open-code-widget/composables/use-split.js
 var AUTO_MODE_THRESHOLD = 1440;
 function useSplitMode(options) {
+	var _a, _b;
 	const windowWidth = (0, vue.ref)(typeof window !== "undefined" ? window.innerWidth : 0);
+	const localSplitPosition = (0, vue.ref)((_b = (_a = options.splitPosition) == null ? void 0 : _a.value) != null ? _b : "right");
 	const splitConfig = (0, vue.computed)(() => {
-		var _a, _b, _c, _d, _e, _f;
+		var _a2, _b2, _c, _d, _e, _f, _g;
 		const config = options.splitMode.value || {};
 		return {
-			width: (_a = config.width) != null ? _a : 500,
-			minWidth: (_b = config.minWidth) != null ? _b : 400,
+			width: (_a2 = config.width) != null ? _a2 : 500,
+			minWidth: (_b2 = config.minWidth) != null ? _b2 : 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
+			defaultOpen: (_f = config.defaultOpen) != null ? _f : true,
+			position: (_g = config.position) != null ? _g : localSplitPosition.value
 		};
 	});
 	const panelWidth = (0, vue.ref)(splitConfig.value.width);
@@ -2045,15 +2287,22 @@ function useSplitMode(options) {
 		return windowWidth.value >= AUTO_MODE_THRESHOLD ? "split" : "bubble";
 	});
 	const isSplitMode = (0, vue.computed)(() => effectiveMode.value === "split");
+	const splitPosition = (0, vue.computed)(() => splitConfig.value.position);
 	const handleResize = (width) => {
-		var _a;
+		var _a2;
 		panelWidth.value = width;
-		(_a = options.onWidthChange) == null || _a.call(options, width);
+		(_a2 = options.onWidthChange) == null || _a2.call(options, width);
 	};
 	const handleToggle = () => {
-		var _a;
+		var _a2;
 		const nextOpen = !options.open.value;
-		(_a = options.onOpenChange) == null || _a.call(options, nextOpen);
+		(_a2 = options.onOpenChange) == null || _a2.call(options, nextOpen);
+	};
+	const handleTogglePosition = () => {
+		var _a2;
+		const nextPosition = localSplitPosition.value === "right" ? "left" : "right";
+		localSplitPosition.value = nextPosition;
+		(_a2 = options.onPositionChange) == null || _a2.call(options, nextPosition);
 	};
 	const handleWindowResize = () => {
 		if (typeof window !== "undefined") windowWidth.value = window.innerWidth;
@@ -2063,31 +2312,49 @@ function useSplitMode(options) {
 		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`);
+			if (splitPosition.value === "left") {
+				document.body.classList.add("has-opencode-split-left");
+				document.body.classList.remove("has-opencode-split-right");
+			} else {
+				document.body.classList.add("has-opencode-split-right");
+				document.body.classList.remove("has-opencode-split-left");
+			}
 		} else {
 			document.body.classList.remove("has-opencode-split");
+			document.body.classList.remove("has-opencode-split-left");
+			document.body.classList.remove("has-opencode-split-right");
 			document.body.style.removeProperty("--opencode-split-width");
 		}
 	};
 	(0, vue.watch)([
 		isSplitMode,
 		options.open,
-		panelWidth
+		panelWidth,
+		splitPosition
 	], updateBodyClass, { immediate: true });
 	(0, vue.watch)(splitConfig, (config) => {
 		if (panelWidth.value < config.minWidth) panelWidth.value = config.minWidth;
 		if (panelWidth.value > config.maxWidth) panelWidth.value = config.maxWidth;
 	});
+	(0, vue.watch)(() => {
+		var _a2;
+		return (_a2 = options.splitPosition) == null ? void 0 : _a2.value;
+	}, (val) => {
+		if (val && val !== localSplitPosition.value) localSplitPosition.value = val;
+	});
 	(0, vue.onMounted)(() => {
-		var _a;
+		var _a2;
 		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);
+			if (isSplitMode.value && splitConfig.value.defaultOpen && !options.open.value) (_a2 = options.onOpenChange) == null || _a2.call(options, true);
 		}
 	});
 	(0, vue.onUnmounted)(() => {
 		if (typeof window !== "undefined") {
 			window.removeEventListener("resize", handleWindowResize);
 			document.body.classList.remove("has-opencode-split");
+			document.body.classList.remove("has-opencode-split-left");
+			document.body.classList.remove("has-opencode-split-right");
 			document.body.style.removeProperty("--opencode-split-width");
 		}
 	});
@@ -2096,8 +2363,10 @@ function useSplitMode(options) {
 		isSplitMode,
 		panelWidth,
 		splitConfig,
+		splitPosition,
 		handleResize,
-		handleToggle
+		handleToggle,
+		handleTogglePosition
 	};
 }
 //#endregion
@@ -2280,6 +2549,7 @@ var __vue_sfc__ = /* @__PURE__ */ (0, vue.defineComponent)(__spreadProps(__sprea
 		"split-panel-width-change"
 	],
 	setup(__props, { expose: __expose, emit: __emit }) {
+		var _a, _b;
 		(0, vue.useCssVars)((_ctx) => ({
 			"-chatAnimationOrigin.x": chatAnimationOrigin.value.x,
 			"-chatAnimationOrigin.y": chatAnimationOrigin.value.y
@@ -2322,10 +2592,12 @@ var __vue_sfc__ = /* @__PURE__ */ (0, vue.defineComponent)(__spreadProps(__sprea
 		const frameRef = (0, vue.ref)(null);
 		const triggerRef = (0, vue.ref)(null);
 		const sendMessageToIframe = (type, data) => {
-			var _a;
-			(_a = frameRef.value) == null || _a.sendMessageToIframe(type, data);
+			var _a2;
+			(_a2 = frameRef.value) == null || _a2.sendMessageToIframe(type, data);
 		};
 		const localSessionListCollapsed = (0, vue.ref)(props.sessionListCollapsed);
+		const localDisplayMode = (0, vue.ref)(props.displayMode);
+		const localSplitPosition = (0, vue.ref)((_b = (_a = props.splitMode) == null ? void 0 : _a.position) != null ? _b : "right");
 		const minimized = (0, vue.ref)(false);
 		const promptDockVisible = (0, vue.ref)(true);
 		const isRestoring = (0, vue.ref)(true);
@@ -2347,6 +2619,17 @@ var __vue_sfc__ = /* @__PURE__ */ (0, vue.defineComponent)(__spreadProps(__sprea
 		(0, vue.watch)(() => props.splitPanelWidth, (val) => {
 			splitPanelWidth.value = val;
 		});
+		(0, vue.watch)(() => props.displayMode, (val) => {
+			localDisplayMode.value = val;
+		});
+		const handleToggleDisplayMode = () => {
+			const modes = [
+				"bubble",
+				"split",
+				"auto"
+			];
+			localDisplayMode.value = modes[(modes.indexOf(localDisplayMode.value) + 1) % modes.length];
+		};
 		const { buttonActive, containerClasses, iframeSource, sessionListTitle, resolvedTheme, handleClose, handleEmptyAction, handleToggle, handleToggleSessionList, handleToggleTheme } = useWidget({
 			theme: (0, vue.toRef)(props, "theme"),
 			open: (0, vue.toRef)(props, "open"),
@@ -2419,10 +2702,11 @@ var __vue_sfc__ = /* @__PURE__ */ (0, vue.defineComponent)(__spreadProps(__sprea
 			}
 		});
 		const bubbleOffset = (0, vue.ref)(void 0);
-		const { effectiveMode, isSplitMode, panelWidth, splitConfig, handleResize, handleToggle: handleSplitToggle } = useSplitMode({
-			displayMode: (0, vue.toRef)(props, "displayMode"),
+		const { effectiveMode, isSplitMode, panelWidth, splitConfig, splitPosition, handleResize, handleToggle: handleSplitToggle, handleTogglePosition } = useSplitMode({
+			displayMode: localDisplayMode,
 			splitMode: (0, vue.toRef)(props, "splitMode"),
 			open: (0, vue.toRef)(props, "open"),
+			splitPosition: localSplitPosition,
 			onOpenChange: (nextOpen) => {
 				emit("update:open", nextOpen);
 				emit("toggle", nextOpen);
@@ -2431,6 +2715,9 @@ var __vue_sfc__ = /* @__PURE__ */ (0, vue.defineComponent)(__spreadProps(__sprea
 				splitPanelWidth.value = width;
 				emit("update:splitPanelWidth", width);
 				emit("split-panel-width-change", width);
+			},
+			onPositionChange: (position) => {
+				localSplitPosition.value = position;
 			}
 		});
 		usePersistState({
@@ -2441,6 +2728,8 @@ var __vue_sfc__ = /* @__PURE__ */ (0, vue.defineComponent)(__spreadProps(__sprea
 			theme: (0, vue.toRef)(props, "theme"),
 			sessionListCollapsed: localSessionListCollapsed,
 			splitPanelWidth,
+			displayMode: localDisplayMode,
+			splitPosition: localSplitPosition,
 			onRestore: (state) => {
 				if (state.open !== void 0 && state.open !== props.open) {
 					emit("update:open", state.open);
@@ -2468,6 +2757,8 @@ var __vue_sfc__ = /* @__PURE__ */ (0, vue.defineComponent)(__spreadProps(__sprea
 				if (state.promptDockVisible !== void 0) promptDockVisible.value = state.promptDockVisible;
 				else if (minimized.value) promptDockVisible.value = false;
 				if (state.splitPanelWidth !== void 0 && state.splitPanelWidth !== props.splitPanelWidth) handleResize(state.splitPanelWidth);
+				if (state.displayMode !== void 0 && state.displayMode !== props.displayMode) localDisplayMode.value = state.displayMode;
+				if (state.splitPosition !== void 0) localSplitPosition.value = state.splitPosition;
 				(0, vue.nextTick)(() => {
 					syncStateToIframe();
 					setTimeout(() => {
@@ -2501,12 +2792,12 @@ var __vue_sfc__ = /* @__PURE__ */ (0, vue.defineComponent)(__spreadProps(__sprea
 			if (typeof window !== "undefined") window.removeEventListener("resize", handleWindowResize);
 		});
 		const bubbleQuadrant = (0, vue.computed)(() => {
-			var _a, _b, _c, _d;
+			var _a2, _b2, _c, _d;
 			if (typeof window === "undefined") return "bottom-right";
 			const centerX = windowWidth.value / 2;
 			const centerY = windowHeight.value / 2;
 			const bubbleSize = 44;
-			const currentOffset = (_b = (_a = triggerRef.value) == null ? void 0 : _a.offset) != null ? _b : bubbleOffset.value;
+			const currentOffset = (_b2 = (_a2 = triggerRef.value) == null ? void 0 : _a2.offset) != null ? _b2 : bubbleOffset.value;
 			const effectiveX = ((_c = currentOffset == null ? void 0 : currentOffset.x) != null ? _c : windowWidth.value - bubbleSize - 24) + bubbleSize / 2;
 			const effectiveY = ((_d = currentOffset == null ? void 0 : currentOffset.y) != null ? _d : windowHeight.value - bubbleSize - 24) + bubbleSize / 2;
 			if (effectiveX >= centerX && effectiveY >= centerY) return "bottom-right";
@@ -2519,14 +2810,14 @@ var __vue_sfc__ = /* @__PURE__ */ (0, vue.defineComponent)(__spreadProps(__sprea
 			return quadrant === "top-right" || quadrant === "bottom-right";
 		});
 		const chatPositionStyle = (0, vue.computed)(() => {
-			var _a, _b, _c;
+			var _a2, _b2, _c;
 			if (typeof window === "undefined") return {};
 			const chatWidth = minimized.value ? 300 : 700;
 			const chatHeight = minimized.value ? 300 : Math.min(windowHeight.value * .86, windowHeight.value - 40);
 			const gap = 24;
 			const bubbleSize = 44;
 			const screenMargin = 20;
-			const effectiveOffset = (_c = (_b = (_a = triggerRef.value) == null ? void 0 : _a.offset) != null ? _b : bubbleOffset.value) != null ? _c : {
+			const effectiveOffset = (_c = (_b2 = (_a2 = triggerRef.value) == null ? void 0 : _a2.offset) != null ? _b2 : bubbleOffset.value) != null ? _c : {
 				x: windowWidth.value - bubbleSize - gap,
 				y: windowHeight.value - bubbleSize - gap
 			};
@@ -2619,9 +2910,11 @@ var __vue_sfc__ = /* @__PURE__ */ (0, vue.defineComponent)(__spreadProps(__sprea
 			promptDockVisible,
 			bubbleOffset,
 			mode: effectiveMode,
+			displayMode: localDisplayMode,
+			splitPosition,
 			sessionStates: (0, vue.computed)(() => {
-				var _a;
-				return (_a = props.sessionStates) != null ? _a : {};
+				var _a2;
+				return (_a2 = props.sessionStates) != null ? _a2 : {};
 			}),
 			iframeSource,
 			buttonActive,
@@ -2636,6 +2929,8 @@ var __vue_sfc__ = /* @__PURE__ */ (0, vue.defineComponent)(__spreadProps(__sprea
 			handleTogglePromptDock,
 			handleToggleSessionList,
 			handleToggleTheme,
+			handleToggleDisplayMode,
+			handleToggleSplitPosition: handleTogglePosition,
 			handleEmptyAction,
 			handleCreateSession,
 			handleSelectSession,
@@ -2682,6 +2977,8 @@ var __vue_sfc__ = /* @__PURE__ */ (0, vue.defineComponent)(__spreadProps(__sprea
 			triggerRef,
 			sendMessageToIframe,
 			localSessionListCollapsed,
+			localDisplayMode,
+			localSplitPosition,
 			minimized,
 			promptDockVisible,
 			isRestoring,
@@ -2689,6 +2986,7 @@ var __vue_sfc__ = /* @__PURE__ */ (0, vue.defineComponent)(__spreadProps(__sprea
 			splitPanelWidth,
 			syncStateToIframe,
 			handleFrameLoaded,
+			handleToggleDisplayMode,
 			buttonActive,
 			containerClasses,
 			iframeSource,
@@ -2720,8 +3018,10 @@ var __vue_sfc__ = /* @__PURE__ */ (0, vue.defineComponent)(__spreadProps(__sprea
 			isSplitMode,
 			panelWidth,
 			splitConfig,
+			splitPosition,
 			handleResize,
 			handleSplitToggle,
+			handleTogglePosition,
 			handleToggleMinimize,
 			handleTogglePromptDock,
 			windowWidth,
@@ -2802,6 +3102,7 @@ function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
 			"notification-mode": $setup.notificationMode,
 			thinking: $props.thinking,
 			"resolved-theme": $setup.resolvedTheme,
+			"split-position": $setup.splitPosition,
 			onResize: $setup.handleResize,
 			onResizeStart: $setup.handleResizeStart,
 			onResizeEnd: $setup.handleResizeEnd,
@@ -2862,6 +3163,7 @@ function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
 			"notification-mode",
 			"thinking",
 			"resolved-theme",
+			"split-position",
 			"onResize",
 			"onToggle"
 		]),
@@ -2890,7 +3192,7 @@ __vue_sfc__.render = __vue_render__;
 var open_code_widget_default = __vue_sfc__;
 //#endregion
 //#region es/index.js
-var version = "1.0.48";
+var version = "1.0.50";
 function install(app, options) {
 	[open_code_widget_default].forEach((item) => {
 		if (item.install) app.use(item, options);