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

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

@@ -110,7 +110,7 @@ var __vue_sfc__$8 = /* @__PURE__ */ 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,
@@ -122,9 +122,13 @@ var __vue_sfc__$8 = /* @__PURE__ */ defineComponent({
 			minimized,
 			promptDockVisible,
 			mode,
+			displayMode,
+			splitPosition,
 			handleToggleSessionList,
 			handleToggleSelectMode,
 			handleToggleTheme,
+			handleToggleDisplayMode,
+			handleToggleSplitPosition,
 			handleClose,
 			handleToggleMinimize,
 			handleTogglePromptDock,
@@ -142,6 +146,35 @@ var __vue_sfc__$8 = /* @__PURE__ */ defineComponent({
 					light: "亮色主题",
 					dark: "暗色主题"
 				}[theme.value]}`;
+			}),
+			displayModeIconTitle: computed(() => {
+				return `\u5C55\u793A\u6A21\u5F0F: ${{
+					bubble: "气泡模式",
+					split: "分屏模式",
+					auto: "自动模式"
+				}[displayMode.value]}`;
+			}),
+			displayModeIconLabel: 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: computed(() => {
+				return `\u5206\u680F\u4F4D\u7F6E: ${{
+					left: "左侧",
+					right: "右侧"
+				}[splitPosition.value]}`;
+			}),
+			splitPositionIconLabel: computed(() => {
+				return `\u5207\u6362\u5206\u680F\u4F4D\u7F6E - \u4E0B\u4E00\u4E2A: ${splitPosition.value === "right" ? "左侧" : "右侧"}`;
 			})
 		};
 		Object.defineProperty(__returned__, "__isScriptSetup", {
@@ -170,7 +203,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",
@@ -180,7 +213,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",
@@ -190,19 +254,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",
@@ -212,7 +297,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",
@@ -232,7 +317,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))
-			}, [renderSlot(_ctx.$slots, "session-toggle-icon", {}, () => [_cache[6] || (_cache[6] = createElementVNode("svg", {
+			}, [renderSlot(_ctx.$slots, "session-toggle-icon", {}, () => [_cache[8] || (_cache[8] = createElementVNode("svg", {
 				viewBox: "0 0 24 24",
 				width: "16",
 				height: "16",
@@ -252,7 +337,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))
-			}, [renderSlot(_ctx.$slots, "select-icon", {}, () => [_cache[7] || (_cache[7] = createElementVNode("svg", {
+			}, [renderSlot(_ctx.$slots, "select-icon", {}, () => [_cache[9] || (_cache[9] = createElementVNode("svg", {
 				viewBox: "0 0 1024 1024",
 				width: "16",
 				height: "16",
@@ -270,19 +355,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))
-			}, [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)
+			}, [renderSlot(_ctx.$slots, "theme-icon", {}, () => [$setup.theme === "light" ? (openBlock(), createElementBlock("svg", _hoisted_6$4, [..._cache[10] || (_cache[10] = [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$3, [..._cache[11] || (_cache[11] = [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[12] || (_cache[12] = [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("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))
+			}, [renderSlot(_ctx.$slots, "display-mode-icon", {}, () => [$setup.displayMode === "bubble" ? (openBlock(), createElementBlock("svg", _hoisted_10$1, [..._cache[13] || (_cache[13] = [
+				createElementVNode("circle", {
+					cx: "12",
+					cy: "12",
+					r: "10"
+				}, null, -1),
+				createElementVNode("path", {
+					d: "M8 14s1.5 2 4 2 4-2 4-2",
+					"stroke-linecap": "round"
+				}, null, -1),
+				createElementVNode("line", {
+					x1: "9",
+					y1: "9",
+					x2: "9.01",
+					y2: "9",
+					"stroke-linecap": "round"
+				}, null, -1),
+				createElementVNode("line", {
+					x1: "15",
+					y1: "9",
+					x2: "15.01",
+					y2: "9",
+					"stroke-linecap": "round"
+				}, null, -1)
+			])])) : $setup.displayMode === "split" ? (openBlock(), createElementBlock("svg", _hoisted_11, [..._cache[14] || (_cache[14] = [createElementVNode("rect", {
+				x: "3",
+				y: "3",
+				width: "18",
+				height: "18",
+				rx: "2"
+			}, null, -1), createElementVNode("line", {
+				x1: "12",
+				y1: "3",
+				x2: "12",
+				y2: "21"
+			}, null, -1)])])) : (openBlock(), createElementBlock("svg", _hoisted_12, [..._cache[15] || (_cache[15] = [
+				createElementVNode("rect", {
+					x: "3",
+					y: "3",
+					width: "8",
+					height: "8",
+					rx: "1"
+				}, null, -1),
+				createElementVNode("rect", {
+					x: "15",
+					y: "3",
+					width: "6",
+					height: "8",
+					rx: "1"
+				}, null, -1),
+				createElementVNode("rect", {
+					x: "3",
+					y: "15",
+					width: "8",
+					height: "6",
+					rx: "1"
+				}, null, -1),
+				createElementVNode("circle", {
+					cx: "18",
+					cy: "18",
+					r: "3"
+				}, null, -1)
+			])]))])], 8, _hoisted_9$1)
 		]),
-		createElementVNode("span", _hoisted_9$1, toDisplayString($setup.title), 1),
-		createElementVNode("div", _hoisted_10$1, [
-			!$setup.isSplitMode ? (openBlock(), createElementBlock("button", {
+		createElementVNode("span", _hoisted_13, toDisplayString($setup.title), 1),
+		createElementVNode("div", _hoisted_14, [
+			$setup.isSplitMode ? (openBlock(), 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))
+			}, [renderSlot(_ctx.$slots, "split-position-icon", {}, () => [$setup.splitPosition === "right" ? (openBlock(), createElementBlock("svg", _hoisted_16, [..._cache[16] || (_cache[16] = [createElementVNode("rect", {
+				x: "3",
+				y: "3",
+				width: "18",
+				height: "18",
+				rx: "2"
+			}, null, -1), createElementVNode("line", {
+				x1: "15",
+				y1: "3",
+				x2: "15",
+				y2: "21"
+			}, null, -1)])])) : (openBlock(), createElementBlock("svg", _hoisted_17, [..._cache[17] || (_cache[17] = [createElementVNode("rect", {
+				x: "3",
+				y: "3",
+				width: "18",
+				height: "18",
+				rx: "2"
+			}, null, -1), createElementVNode("line", {
+				x1: "9",
+				y1: "3",
+				x2: "9",
+				y2: "21"
+			}, null, -1)])]))])], 8, _hoisted_15)) : createCommentVNode("v-if", true),
+			!$setup.isSplitMode ? (openBlock(), 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))
-			}, [renderSlot(_ctx.$slots, "prompt-dock-icon", {}, () => [_cache[11] || (_cache[11] = createElementVNode("svg", {
+				onClick: _cache[5] || (_cache[5] = (...args) => $setup.handleTogglePromptDock && $setup.handleTogglePromptDock(...args))
+			}, [renderSlot(_ctx.$slots, "prompt-dock-icon", {}, () => [_cache[18] || (_cache[18] = createElementVNode("svg", {
 				viewBox: "0 0 24 24",
 				width: "14",
 				height: "14",
@@ -290,24 +474,24 @@ function __vue_render__$8(_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)) : createCommentVNode("v-if", 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_18)) : createCommentVNode("v-if", true),
 			!$setup.isSplitMode ? (openBlock(), 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))
-			}, [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),
+				onClick: _cache[6] || (_cache[6] = (...args) => $setup.handleToggleMinimize && $setup.handleToggleMinimize(...args))
+			}, [renderSlot(_ctx.$slots, "minimize-icon", {}, () => [$setup.minimized ? (openBlock(), createElementBlock("svg", _hoisted_20, [..._cache[19] || (_cache[19] = [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_21, [..._cache[20] || (_cache[20] = [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)) : createCommentVNode("v-if", true),
 			!$setup.isSplitMode ? (openBlock(), 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))
-			}, [renderSlot(_ctx.$slots, "close-icon", {}, () => [_cache[14] || (_cache[14] = createElementVNode("svg", {
+				onClick: _cache[7] || (_cache[7] = (...args) => $setup.handleClose && $setup.handleClose(...args))
+			}, [renderSlot(_ctx.$slots, "close-icon", {}, () => [_cache[21] || (_cache[21] = createElementVNode("svg", {
 				viewBox: "0 0 24 24",
 				width: "14",
 				height: "14",
@@ -393,8 +577,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"
 };
@@ -426,7 +610,7 @@ function __vue_render__$7(_ctx, _cache, $props, $setup, $data, $options) {
 				role: "option",
 				"aria-selected": item.active,
 				onClick: ($event) => $setup.handleSelectSession(item)
-			}, [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", {
+			}, [createElementVNode("div", _hoisted_6$3, [createElementVNode("div", _hoisted_7$2, [$setup.isSessionThinking(item.id) ? (openBlock(), createElementBlock("span", _hoisted_8$1)) : 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}`,
@@ -538,6 +722,11 @@ var __vue_sfc__$5 = /* @__PURE__ */ defineComponent(__spreadProps$3(__spreadValu
 			type: Number,
 			required: false,
 			default: 800
+		},
+		position: {
+			type: String,
+			required: false,
+			default: "right"
 		}
 	},
 	emits: [
@@ -563,7 +752,9 @@ var __vue_sfc__$5 = /* @__PURE__ */ defineComponent(__spreadProps$3(__spreadValu
 		};
 		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 = () => {
@@ -599,7 +790,10 @@ var __vue_sfc__$5 = /* @__PURE__ */ defineComponent(__spreadProps$3(__spreadValu
 }));
 function __vue_render__$5(_ctx, _cache, $props, $setup, $data, $options) {
 	return openBlock(), createElementBlock("div", {
-		class: normalizeClass(["opencode-resize-handle", { resizing: $setup.isResizing }]),
+		class: normalizeClass(["opencode-resize-handle", {
+			resizing: $setup.isResizing,
+			"handle-left": $props.position === "left"
+		}]),
 		onMousedown: $setup.handleMouseDown,
 		onDblclick: $setup.handleDoubleClick
 	}, null, 34);
@@ -713,6 +907,11 @@ var __vue_sfc__$4 = /* @__PURE__ */ defineComponent(__spreadProps$2(__spreadValu
 			type: String,
 			required: false,
 			default: "light"
+		},
+		splitPosition: {
+			type: String,
+			required: false,
+			default: "right"
 		}
 	},
 	emits: [
@@ -769,7 +968,9 @@ var __vue_sfc__$4 = /* @__PURE__ */ defineComponent(__spreadProps$2(__spreadValu
 				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,
@@ -805,11 +1006,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 openBlock(), createElementBlock("div", {
 		class: normalizeClass($setup.panelClasses),
@@ -820,13 +1039,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"
 		])) : createCommentVNode("v-if", true),
 		$props.mode === "split" ? (openBlock(), createElementBlock("button", {
 			key: 1,
@@ -834,20 +1055,34 @@ function __vue_render__$4(_ctx, _cache, $props, $setup, $data, $options) {
 			class: 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
-		}, [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),
+		}, [createElementVNode("span", _hoisted_2$1, [
+			$props.open && $props.splitPosition === "right" ? (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)])])) : createCommentVNode("v-if", true),
+			!$props.open && $props.splitPosition === "right" ? (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)])])) : createCommentVNode("v-if", true),
+			$props.open && $props.splitPosition === "left" ? (openBlock(), createElementBlock("svg", _hoisted_5$1, [..._cache[2] || (_cache[2] = [createElementVNode("path", {
+				d: "M15 18l-6-6 6-6",
+				"stroke-linecap": "round",
+				"stroke-linejoin": "round"
+			}, null, -1)])])) : createCommentVNode("v-if", true),
+			!$props.open && $props.splitPosition === "left" ? (openBlock(), createElementBlock("svg", _hoisted_6$1, [..._cache[3] || (_cache[3] = [createElementVNode("path", {
+				d: "M9 18l6-6-6-6",
+				"stroke-linecap": "round",
+				"stroke-linejoin": "round"
+			}, null, -1)])])) : createCommentVNode("v-if", true)
+		])], 10, _hoisted_1$3)) : createCommentVNode("v-if", true),
 		createVNode($setup["Header"], null, createSlots({ _: 2 }, [
 			$setup.slots["session-toggle-icon"] ? {
 				name: "session-toggle-icon",
@@ -865,10 +1100,10 @@ function __vue_render__$4(_ctx, _cache, $props, $setup, $data, $options) {
 				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, [
+		$props.notificationVisible && $props.notificationMode === "widget" ? (openBlock(), createElementBlock("div", _hoisted_7$1, toDisplayString($props.notificationMessage), 1)) : createCommentVNode("v-if", true),
+		createElementVNode("div", _hoisted_8, [
 			createVNode($setup["SessionList"], null, {
-				empty: withCtx(() => [renderSlot(_ctx.$slots, "sessions-empty", {}, () => [_cache[2] || (_cache[2] = createElementVNode("div", { class: "opencode-session-empty" }, "暂无会话", -1))])]),
+				empty: withCtx(() => [renderSlot(_ctx.$slots, "sessions-empty", {}, () => [_cache[4] || (_cache[4] = createElementVNode("div", { class: "opencode-session-empty" }, "暂无会话", -1))])]),
 				_: 3
 			}),
 			createVNode($setup["Frame"], { ref: "frameRef" }, createSlots({ _: 2 }, [
@@ -1960,7 +2195,7 @@ function usePersistState(options) {
 		return saved;
 	};
 	const getCurrentState = () => {
-		var _a;
+		var _a, _b, _c;
 		return {
 			open: options.open.value,
 			minimized: options.minimized.value,
@@ -1968,7 +2203,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 = () => {
@@ -1983,6 +2220,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);
 	onMounted(() => {
 		restoreState();
 		watch(watchers, () => {
@@ -1998,17 +2237,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 = ref(typeof window !== "undefined" ? window.innerWidth : 0);
+	const localSplitPosition = ref((_b = (_a = options.splitPosition) == null ? void 0 : _a.value) != null ? _b : "right");
 	const splitConfig = 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 = ref(splitConfig.value.width);
@@ -2018,15 +2260,22 @@ function useSplitMode(options) {
 		return windowWidth.value >= AUTO_MODE_THRESHOLD ? "split" : "bubble";
 	});
 	const isSplitMode = computed(() => effectiveMode.value === "split");
+	const splitPosition = 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;
@@ -2036,31 +2285,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");
 		}
 	};
 	watch([
 		isSplitMode,
 		options.open,
-		panelWidth
+		panelWidth,
+		splitPosition
 	], updateBodyClass, { immediate: true });
 	watch(splitConfig, (config) => {
 		if (panelWidth.value < config.minWidth) panelWidth.value = config.minWidth;
 		if (panelWidth.value > config.maxWidth) panelWidth.value = config.maxWidth;
 	});
+	watch(() => {
+		var _a2;
+		return (_a2 = options.splitPosition) == null ? void 0 : _a2.value;
+	}, (val) => {
+		if (val && val !== localSplitPosition.value) localSplitPosition.value = val;
+	});
 	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);
 		}
 	});
 	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");
 		}
 	});
@@ -2069,8 +2336,10 @@ function useSplitMode(options) {
 		isSplitMode,
 		panelWidth,
 		splitConfig,
+		splitPosition,
 		handleResize,
-		handleToggle
+		handleToggle,
+		handleTogglePosition
 	};
 }
 //#endregion
@@ -2253,6 +2522,7 @@ var __vue_sfc__ = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
 		"split-panel-width-change"
 	],
 	setup(__props, { expose: __expose, emit: __emit }) {
+		var _a, _b;
 		useCssVars((_ctx) => ({
 			"-chatAnimationOrigin.x": chatAnimationOrigin.value.x,
 			"-chatAnimationOrigin.y": chatAnimationOrigin.value.y
@@ -2295,10 +2565,12 @@ var __vue_sfc__ = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
 		const frameRef = ref(null);
 		const triggerRef = 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 = ref(props.sessionListCollapsed);
+		const localDisplayMode = ref(props.displayMode);
+		const localSplitPosition = ref((_b = (_a = props.splitMode) == null ? void 0 : _a.position) != null ? _b : "right");
 		const minimized = ref(false);
 		const promptDockVisible = ref(true);
 		const isRestoring = ref(true);
@@ -2320,6 +2592,17 @@ var __vue_sfc__ = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
 		watch(() => props.splitPanelWidth, (val) => {
 			splitPanelWidth.value = val;
 		});
+		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: toRef(props, "theme"),
 			open: toRef(props, "open"),
@@ -2392,10 +2675,11 @@ 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"),
+		const { effectiveMode, isSplitMode, panelWidth, splitConfig, splitPosition, handleResize, handleToggle: handleSplitToggle, handleTogglePosition } = useSplitMode({
+			displayMode: localDisplayMode,
 			splitMode: toRef(props, "splitMode"),
 			open: toRef(props, "open"),
+			splitPosition: localSplitPosition,
 			onOpenChange: (nextOpen) => {
 				emit("update:open", nextOpen);
 				emit("toggle", nextOpen);
@@ -2404,6 +2688,9 @@ var __vue_sfc__ = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
 				splitPanelWidth.value = width;
 				emit("update:splitPanelWidth", width);
 				emit("split-panel-width-change", width);
+			},
+			onPositionChange: (position) => {
+				localSplitPosition.value = position;
 			}
 		});
 		usePersistState({
@@ -2414,6 +2701,8 @@ var __vue_sfc__ = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
 			theme: 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);
@@ -2441,6 +2730,8 @@ var __vue_sfc__ = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
 				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;
 				nextTick(() => {
 					syncStateToIframe();
 					setTimeout(() => {
@@ -2474,12 +2765,12 @@ var __vue_sfc__ = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
 			if (typeof window !== "undefined") window.removeEventListener("resize", handleWindowResize);
 		});
 		const bubbleQuadrant = 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";
@@ -2492,14 +2783,14 @@ var __vue_sfc__ = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
 			return quadrant === "top-right" || quadrant === "bottom-right";
 		});
 		const chatPositionStyle = 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
 			};
@@ -2592,9 +2883,11 @@ var __vue_sfc__ = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
 			promptDockVisible,
 			bubbleOffset,
 			mode: effectiveMode,
+			displayMode: localDisplayMode,
+			splitPosition,
 			sessionStates: computed(() => {
-				var _a;
-				return (_a = props.sessionStates) != null ? _a : {};
+				var _a2;
+				return (_a2 = props.sessionStates) != null ? _a2 : {};
 			}),
 			iframeSource,
 			buttonActive,
@@ -2609,6 +2902,8 @@ var __vue_sfc__ = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
 			handleTogglePromptDock,
 			handleToggleSessionList,
 			handleToggleTheme,
+			handleToggleDisplayMode,
+			handleToggleSplitPosition: handleTogglePosition,
 			handleEmptyAction,
 			handleCreateSession,
 			handleSelectSession,
@@ -2655,6 +2950,8 @@ var __vue_sfc__ = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
 			triggerRef,
 			sendMessageToIframe,
 			localSessionListCollapsed,
+			localDisplayMode,
+			localSplitPosition,
 			minimized,
 			promptDockVisible,
 			isRestoring,
@@ -2662,6 +2959,7 @@ var __vue_sfc__ = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
 			splitPanelWidth,
 			syncStateToIframe,
 			handleFrameLoaded,
+			handleToggleDisplayMode,
 			buttonActive,
 			containerClasses,
 			iframeSource,
@@ -2693,8 +2991,10 @@ var __vue_sfc__ = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
 			isSplitMode,
 			panelWidth,
 			splitConfig,
+			splitPosition,
 			handleResize,
 			handleSplitToggle,
+			handleTogglePosition,
 			handleToggleMinimize,
 			handleTogglePromptDock,
 			windowWidth,
@@ -2775,6 +3075,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,
@@ -2835,6 +3136,7 @@ function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
 			"notification-mode",
 			"thinking",
 			"resolved-theme",
+			"split-position",
 			"onResize",
 			"onToggle"
 		]),
@@ -2863,7 +3165,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);