@vite-plugin-opencode-assistant/components 1.0.74 → 1.0.76

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, displayMode, splitPosition, handleToggleSessionList, handleToggleSelectMode, handleToggleTheme, handleToggleDisplayMode, handleToggleSplitPosition, 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, handleRefresh } = useOpenCodeWidgetContext();
 		const __returned__ = {
 			title,
 			sessionListTitle,
@@ -159,6 +159,7 @@ var __vue_sfc__$8 = /* @__PURE__ */ (0, vue.defineComponent)({
 			handleClose,
 			handleToggleMinimize,
 			handleTogglePromptDock,
+			handleRefresh,
 			isSplitMode: (0, vue.computed)(() => mode.value === "split"),
 			themeIconTitle: (0, vue.computed)(() => {
 				return `\u4E3B\u9898: ${{
@@ -178,14 +179,18 @@ var __vue_sfc__$8 = /* @__PURE__ */ (0, vue.defineComponent)({
 				return `\u5C55\u793A\u6A21\u5F0F: ${{
 					bubble: "气泡模式",
 					split: "分屏模式",
-					auto: "自动模式"
+					auto: "自动模式",
+					extension: "扩展模式",
+					"extension-selector": "扩展选择器模式"
 				}[displayMode.value]}`;
 			}),
 			displayModeIconLabel: (0, vue.computed)(() => {
 				const displayModeLabels = {
 					bubble: "气泡模式",
 					split: "分屏模式",
-					auto: "自动模式"
+					auto: "自动模式",
+					extension: "扩展模式",
+					"extension-selector": "扩展选择器模式"
 				};
 				const modes = [
 					"bubble",
@@ -344,7 +349,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[8] || (_cache[8] = (0, vue.createElementVNode)("svg", {
+			}, [(0, vue.renderSlot)(_ctx.$slots, "session-toggle-icon", {}, () => [_cache[9] || (_cache[9] = (0, vue.createElementVNode)("svg", {
 				viewBox: "0 0 24 24",
 				width: "16",
 				height: "16",
@@ -364,7 +369,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[9] || (_cache[9] = (0, vue.createElementVNode)("svg", {
+			}, [(0, vue.renderSlot)(_ctx.$slots, "select-icon", {}, () => [_cache[10] || (_cache[10] = (0, vue.createElementVNode)("svg", {
 				viewBox: "0 0 1024 1024",
 				width: "16",
 				height: "16",
@@ -382,14 +387,15 @@ 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[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", {
+			}, [(0, vue.renderSlot)(_ctx.$slots, "theme-icon", {}, () => [$setup.theme === "light" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("svg", _hoisted_6$4, [..._cache[11] || (_cache[11] = [(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[12] || (_cache[12] = [(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[13] || (_cache[13] = [(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),
+			$setup.displayMode !== "extension" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
+				key: 0,
 				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.renderSlot)(_ctx.$slots, "display-mode-icon", {}, () => [$setup.displayMode === "bubble" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("svg", _hoisted_10$1, [..._cache[14] || (_cache[14] = [
 				(0, vue.createElementVNode)("circle", {
 					cx: "12",
 					cy: "12",
@@ -413,7 +419,7 @@ function __vue_render__$8(_ctx, _cache, $props, $setup, $data, $options) {
 					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", {
+			])])) : $setup.displayMode === "split" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("svg", _hoisted_11, [..._cache[15] || (_cache[15] = [(0, vue.createElementVNode)("rect", {
 				x: "3",
 				y: "3",
 				width: "18",
@@ -424,7 +430,7 @@ function __vue_render__$8(_ctx, _cache, $props, $setup, $data, $options) {
 				y1: "3",
 				x2: "12",
 				y2: "21"
-			}, null, -1)])])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("svg", _hoisted_12, [..._cache[15] || (_cache[15] = [
+			}, null, -1)])])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("svg", _hoisted_12, [..._cache[16] || (_cache[16] = [
 				(0, vue.createElementVNode)("rect", {
 					x: "3",
 					y: "3",
@@ -451,18 +457,34 @@ function __vue_render__$8(_ctx, _cache, $props, $setup, $data, $options) {
 					cy: "18",
 					r: "3"
 				}, null, -1)
-			])]))])], 8, _hoisted_9$1)
+			])]))])], 8, _hoisted_9$1)) : (0, vue.createCommentVNode)("v-if", true)
 		]),
 		(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", {
+			$setup.displayMode === "extension" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 				key: 0,
+				class: "opencode-header-btn refresh-btn",
+				type: "button",
+				title: "刷新面板",
+				"aria-label": "刷新面板",
+				onClick: _cache[4] || (_cache[4] = (...args) => $setup.handleRefresh && $setup.handleRefresh(...args))
+			}, [..._cache[17] || (_cache[17] = [(0, vue.createElementVNode)("svg", {
+				viewBox: "0 0 24 24",
+				width: "16",
+				height: "16",
+				fill: "none",
+				stroke: "currentColor",
+				"stroke-width": "2",
+				"aria-hidden": "true"
+			}, [(0, vue.createElementVNode)("polyline", { points: "23,4 23,10 17,10" }), (0, vue.createElementVNode)("path", { d: "M20.49 15a9 9 0 1 1-2.12-9.36L23 10" })], -1)])])) : (0, vue.createCommentVNode)("v-if", true),
+			$setup.isSplitMode && $setup.displayMode !== "extension" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
+				key: 1,
 				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", {
+				onClick: _cache[5] || (_cache[5] = (...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[18] || (_cache[18] = [(0, vue.createElementVNode)("rect", {
 				x: "3",
 				y: "3",
 				width: "18",
@@ -473,7 +495,7 @@ function __vue_render__$8(_ctx, _cache, $props, $setup, $data, $options) {
 				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", {
+			}, null, -1)])])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("svg", _hoisted_17, [..._cache[19] || (_cache[19] = [(0, vue.createElementVNode)("rect", {
 				x: "3",
 				y: "3",
 				width: "18",
@@ -486,14 +508,14 @@ function __vue_render__$8(_ctx, _cache, $props, $setup, $data, $options) {
 				y2: "21"
 			}, null, -1)])]))])], 8, _hoisted_15)) : (0, vue.createCommentVNode)("v-if", true),
 			!$setup.isSplitMode ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
-				key: 1,
+				key: 2,
 				class: "opencode-header-btn prompt-dock",
 				type: "button",
 				title: $setup.promptDockVisible ? "隐藏对话框" : "显示对话框",
 				"aria-label": $setup.promptDockVisible ? "隐藏对话框" : "显示对话框",
 				"aria-pressed": $setup.promptDockVisible,
-				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", {
+				onClick: _cache[6] || (_cache[6] = (...args) => $setup.handleTogglePromptDock && $setup.handleTogglePromptDock(...args))
+			}, [(0, vue.renderSlot)(_ctx.$slots, "prompt-dock-icon", {}, () => [_cache[20] || (_cache[20] = (0, vue.createElementVNode)("svg", {
 				viewBox: "0 0 24 24",
 				width: "14",
 				height: "14",
@@ -503,22 +525,22 @@ function __vue_render__$8(_ctx, _cache, $props, $setup, $data, $options) {
 				"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_18)) : (0, vue.createCommentVNode)("v-if", true),
 			!$setup.isSplitMode ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
-				key: 2,
+				key: 3,
 				class: "opencode-header-btn minimize",
 				type: "button",
 				title: $setup.minimized ? "展开" : "最小化",
 				"aria-label": $setup.minimized ? "展开面板" : "最小化面板",
 				"aria-pressed": $setup.minimized,
-				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),
+				onClick: _cache[7] || (_cache[7] = (...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[21] || (_cache[21] = [(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[22] || (_cache[22] = [(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: 3,
+				key: 4,
 				class: "opencode-header-btn close",
 				type: "button",
 				title: "关闭",
 				"aria-label": "关闭面板",
-				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", {
+				onClick: _cache[8] || (_cache[8] = (...args) => $setup.handleClose && $setup.handleClose(...args))
+			}, [(0, vue.renderSlot)(_ctx.$slots, "close-icon", {}, () => [_cache[23] || (_cache[23] = (0, vue.createElementVNode)("svg", {
 				viewBox: "0 0 24 24",
 				width: "14",
 				height: "14",
@@ -939,6 +961,11 @@ var __vue_sfc__$4 = /* @__PURE__ */ (0, vue.defineComponent)(__spreadProps$2(__s
 			type: String,
 			required: false,
 			default: "right"
+		},
+		extension: {
+			type: Boolean,
+			required: false,
+			default: false
 		}
 	},
 	emits: [
@@ -987,6 +1014,7 @@ var __vue_sfc__$4 = /* @__PURE__ */ (0, vue.defineComponent)(__spreadProps$2(__s
 			handleResizeEnd,
 			handleToggle,
 			panelStyle: (0, vue.computed)(() => {
+				if (props.extension) return {};
 				if (props.mode === "split") return { width: `${props.panelWidth}px` };
 				return props.positionStyle;
 			}),
@@ -996,8 +1024,9 @@ var __vue_sfc__$4 = /* @__PURE__ */ (0, vue.defineComponent)(__spreadProps$2(__s
 				dragging: props.dragging,
 				"no-transition": props.noTransition,
 				"split-mode": props.mode === "split",
-				"split-left": props.mode === "split" && props.splitPosition === "left",
-				"split-right": props.mode === "split" && props.splitPosition === "right"
+				"split-left": props.mode === "split" && props.splitPosition === "left" && !props.extension,
+				"split-right": props.mode === "split" && props.splitPosition === "right" && !props.extension,
+				"extension-mode": props.extension
 			}]),
 			Frame: Frame_vue_default,
 			Header: Header_vue_default,
@@ -1076,7 +1105,7 @@ function __vue_render__$4(_ctx, _cache, $props, $setup, $data, $options) {
 			"max-width",
 			"position"
 		])) : (0, vue.createCommentVNode)("v-if", true),
-		$props.mode === "split" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
+		$props.mode === "split" && $props.resizable ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 			key: 1,
 			type: "button",
 			class: (0, vue.normalizeClass)(["opencode-split-toggle-btn", {
@@ -2278,21 +2307,24 @@ 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 isExtensionMode = (0, vue.computed)(() => options.displayMode.value === "extension");
 	const splitConfig = (0, vue.computed)(() => {
 		var _a2, _b2, _c, _d, _e, _f, _g;
 		const config = options.splitMode.value || {};
+		const isExt = isExtensionMode.value;
 		return {
 			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,
+			resizable: isExt ? false : (_d = config.resizable) != null ? _d : true,
+			shrinkPage: isExt ? false : (_e = config.shrinkPage) != null ? _e : true,
+			defaultOpen: isExt ? true : (_f = config.defaultOpen) != null ? _f : true,
 			position: (_g = config.position) != null ? _g : localSplitPosition.value
 		};
 	});
 	const panelWidth = (0, vue.ref)(splitConfig.value.width);
 	const effectiveMode = (0, vue.computed)(() => {
+		if (isExtensionMode.value) return "split";
 		if (options.displayMode.value === "bubble") return "bubble";
 		if (options.displayMode.value === "split") return "split";
 		return windowWidth.value >= AUTO_MODE_THRESHOLD ? "split" : "bubble";
@@ -2320,6 +2352,7 @@ function useSplitMode(options) {
 	};
 	const updateBodyClass = () => {
 		if (typeof document === "undefined") return;
+		if (isExtensionMode.value) 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`);
@@ -2357,21 +2390,24 @@ function useSplitMode(options) {
 		var _a2;
 		if (typeof window !== "undefined") {
 			window.addEventListener("resize", handleWindowResize);
-			if (isSplitMode.value && splitConfig.value.defaultOpen && !options.open.value) (_a2 = options.onOpenChange) == null || _a2.call(options, true);
+			if (!isExtensionMode.value && 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");
+			if (!isExtensionMode.value) {
+				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");
+			}
 		}
 	});
 	return {
 		effectiveMode,
 		isSplitMode,
+		isExtensionMode,
 		panelWidth,
 		splitConfig,
 		splitPosition,
@@ -2532,6 +2568,11 @@ var __vue_sfc__ = /* @__PURE__ */ (0, vue.defineComponent)(__spreadProps(__sprea
 			type: Number,
 			required: false,
 			default: 500
+		},
+		hideBubble: {
+			type: Boolean,
+			required: false,
+			default: false
 		}
 	},
 	emits: [
@@ -2616,8 +2657,8 @@ var __vue_sfc__ = /* @__PURE__ */ (0, vue.defineComponent)(__spreadProps(__sprea
 		const splitPanelWidth = (0, vue.ref)(props.splitPanelWidth);
 		const syncStateToIframe = () => {
 			if (!iframeLoaded.value) return;
-			sendMessageToIframe("prompt-dock-visibility-change", { visible: promptDockVisible.value });
-			sendMessageToIframe("minimize-state-change", { minimized: minimized.value });
+			sendMessageToIframe(_vite_plugin_opencode_assistant_shared.WIDGET_MSG.PROMPT_DOCK_VISIBILITY, { visible: promptDockVisible.value });
+			sendMessageToIframe(_vite_plugin_opencode_assistant_shared.WIDGET_MSG.MINIMIZE_STATE, { minimized: minimized.value });
 		};
 		const handleFrameLoaded = () => {
 			emit("frame-loaded");
@@ -2634,6 +2675,7 @@ var __vue_sfc__ = /* @__PURE__ */ (0, vue.defineComponent)(__spreadProps(__sprea
 			localDisplayMode.value = val;
 		});
 		const handleToggleDisplayMode = () => {
+			if (localDisplayMode.value === "extension" || localDisplayMode.value === "extension-selector") return;
 			const modes = [
 				"bubble",
 				"split",
@@ -2713,7 +2755,7 @@ var __vue_sfc__ = /* @__PURE__ */ (0, vue.defineComponent)(__spreadProps(__sprea
 			}
 		});
 		const bubbleOffset = (0, vue.ref)(void 0);
-		const { effectiveMode, isSplitMode, panelWidth, splitConfig, splitPosition, handleResize, handleToggle: handleSplitToggle, handleTogglePosition } = useSplitMode({
+		const { effectiveMode, isSplitMode, isExtensionMode, panelWidth, splitConfig, splitPosition, handleResize, handleToggle: handleSplitToggle, handleTogglePosition } = useSplitMode({
 			displayMode: localDisplayMode,
 			splitMode: (0, vue.toRef)(props, "splitMode"),
 			open: (0, vue.toRef)(props, "open"),
@@ -2781,12 +2823,15 @@ var __vue_sfc__ = /* @__PURE__ */ (0, vue.defineComponent)(__spreadProps(__sprea
 		const handleToggleMinimize = () => {
 			minimized.value = !minimized.value;
 			promptDockVisible.value = !minimized.value;
-			sendMessageToIframe("prompt-dock-visibility-change", { visible: promptDockVisible.value });
-			sendMessageToIframe("minimize-state-change", { minimized: minimized.value });
+			sendMessageToIframe(_vite_plugin_opencode_assistant_shared.WIDGET_MSG.PROMPT_DOCK_VISIBILITY, { visible: promptDockVisible.value });
+			sendMessageToIframe(_vite_plugin_opencode_assistant_shared.WIDGET_MSG.MINIMIZE_STATE, { minimized: minimized.value });
 		};
 		const handleTogglePromptDock = () => {
 			promptDockVisible.value = !promptDockVisible.value;
-			sendMessageToIframe("prompt-dock-visibility-change", { visible: promptDockVisible.value });
+			sendMessageToIframe(_vite_plugin_opencode_assistant_shared.WIDGET_MSG.PROMPT_DOCK_VISIBILITY, { visible: promptDockVisible.value });
+		};
+		const handleRefresh = () => {
+			window.location.reload();
 		};
 		const windowWidth = (0, vue.ref)(typeof window !== "undefined" ? window.innerWidth : 0);
 		const windowHeight = (0, vue.ref)(typeof window !== "undefined" ? window.innerHeight : 0);
@@ -2951,7 +2996,8 @@ var __vue_sfc__ = /* @__PURE__ */ (0, vue.defineComponent)(__spreadProps(__sprea
 			handleRemoveSelectedNode: (payload) => handleRemoveSelectedNode(payload.item, payload.index, payload.source),
 			handleClearSelectedNodes,
 			handleFrameLoaded,
-			handleBubbleOffsetChange
+			handleBubbleOffsetChange,
+			handleRefresh
 		});
 		__expose({
 			showNotification,
@@ -3027,6 +3073,7 @@ var __vue_sfc__ = /* @__PURE__ */ (0, vue.defineComponent)(__spreadProps(__sprea
 			bubbleOffset,
 			effectiveMode,
 			isSplitMode,
+			isExtensionMode,
 			panelWidth,
 			splitConfig,
 			splitPosition,
@@ -3035,6 +3082,7 @@ var __vue_sfc__ = /* @__PURE__ */ (0, vue.defineComponent)(__spreadProps(__sprea
 			handleTogglePosition,
 			handleToggleMinimize,
 			handleTogglePromptDock,
+			handleRefresh,
 			windowWidth,
 			windowHeight,
 			handleWindowResize,
@@ -3084,101 +3132,105 @@ var _hoisted_7 = {
 	role: "alert"
 };
 function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
-	return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", { class: (0, vue.normalizeClass)($setup.containerClasses) }, [
-		!$setup.isSplitMode ? ((0, vue.openBlock)(), (0, vue.createBlock)($setup["Trigger"], {
-			key: 0,
-			ref: "triggerRef",
-			onDragStart: $setup.handleDragStart,
-			onDragEnd: $setup.handleDragEnd
-		}, (0, vue.createSlots)({ _: 2 }, [$setup.slots["button-icon"] ? {
-			name: "default",
-			fn: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "button-icon")]),
-			key: "0"
-		} : void 0]), 1536)) : (0, vue.createCommentVNode)("v-if", true),
-		(0, vue.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,
-			"split-position": $setup.splitPosition,
-			onResize: $setup.handleResize,
-			onResizeStart: $setup.handleResizeStart,
-			onResizeEnd: $setup.handleResizeEnd,
-			onToggle: $setup.handleSplitToggle
-		}, (0, vue.createSlots)({
-			"sessions-empty": (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "sessions-empty", {}, () => [_cache[0] || (_cache[0] = (0, vue.createElementVNode)("div", { class: "opencode-session-empty" }, "暂无会话", -1))])]),
-			_: 2
-		}, [
-			$setup.slots["session-toggle-icon"] ? {
-				name: "session-toggle-icon",
-				fn: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "session-toggle-icon")]),
+	return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", { class: (0, vue.normalizeClass)([...$setup.containerClasses, { "extension-mode": $setup.isExtensionMode }]) }, [
+		$props.displayMode !== "extension-selector" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [
+			!$setup.isSplitMode && !$setup.props.hideBubble ? ((0, vue.openBlock)(), (0, vue.createBlock)($setup["Trigger"], {
+				key: 0,
+				ref: "triggerRef",
+				onDragStart: $setup.handleDragStart,
+				onDragEnd: $setup.handleDragEnd
+			}, (0, vue.createSlots)({ _: 2 }, [$setup.slots["button-icon"] ? {
+				name: "default",
+				fn: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "button-icon")]),
 				key: "0"
-			} : void 0,
-			$setup.slots["select-icon"] ? {
-				name: "select-icon",
-				fn: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "select-icon")]),
-				key: "1"
-			} : void 0,
-			$setup.slots["close-icon"] ? {
-				name: "close-icon",
-				fn: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "close-icon")]),
-				key: "2"
-			} : void 0,
-			$setup.slots["empty-state"] ? {
-				name: "empty-state",
-				fn: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "empty-state")]),
-				key: "3"
-			} : void 0,
-			$setup.slots.loading ? {
-				name: "loading",
-				fn: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "loading")]),
-				key: "4"
-			} : void 0,
-			$setup.slots.error ? {
-				name: "error",
-				fn: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "error")]),
-				key: "5"
-			} : void 0,
-			$setup.slots.content ? {
-				name: "content",
-				fn: (0, vue.withCtx)(() => [(0, vue.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",
-			"split-position",
-			"onResize",
-			"onToggle"
-		]),
-		(0, vue.createVNode)($setup["SelectHint"]),
+			} : void 0]), 1536)) : (0, vue.createCommentVNode)("v-if", true),
+			(0, vue.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,
+				"split-position": $setup.splitPosition,
+				extension: $setup.isExtensionMode,
+				onResize: $setup.handleResize,
+				onResizeStart: $setup.handleResizeStart,
+				onResizeEnd: $setup.handleResizeEnd,
+				onToggle: $setup.handleSplitToggle
+			}, (0, vue.createSlots)({
+				"sessions-empty": (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "sessions-empty", {}, () => [_cache[0] || (_cache[0] = (0, vue.createElementVNode)("div", { class: "opencode-session-empty" }, "暂无会话", -1))])]),
+				_: 2
+			}, [
+				$setup.slots["session-toggle-icon"] ? {
+					name: "session-toggle-icon",
+					fn: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "session-toggle-icon")]),
+					key: "0"
+				} : void 0,
+				$setup.slots["select-icon"] ? {
+					name: "select-icon",
+					fn: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "select-icon")]),
+					key: "1"
+				} : void 0,
+				$setup.slots["close-icon"] ? {
+					name: "close-icon",
+					fn: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "close-icon")]),
+					key: "2"
+				} : void 0,
+				$setup.slots["empty-state"] ? {
+					name: "empty-state",
+					fn: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "empty-state")]),
+					key: "3"
+				} : void 0,
+				$setup.slots.loading ? {
+					name: "loading",
+					fn: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "loading")]),
+					key: "4"
+				} : void 0,
+				$setup.slots.error ? {
+					name: "error",
+					fn: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "error")]),
+					key: "5"
+				} : void 0,
+				$setup.slots.content ? {
+					name: "content",
+					fn: (0, vue.withCtx)(() => [(0, vue.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",
+				"split-position",
+				"extension",
+				"onResize",
+				"onToggle"
+			]),
+			(0, vue.createVNode)($setup["SelectHint"])
+		], 64)) : (0, vue.createCommentVNode)("v-if", true),
 		(0, vue.withDirectives)((0, vue.createElementVNode)("div", {
 			class: "opencode-element-highlight",
 			style: (0, vue.normalizeStyle)($setup.highlightStyle)
@@ -3203,7 +3255,7 @@ __vue_sfc__.render = __vue_render__;
 var open_code_widget_default = __vue_sfc__;
 //#endregion
 //#region es/index.mjs
-var version = "1.0.74";
+var version = "1.0.76";
 function install(app, options) {
 	[open_code_widget_default].forEach((item) => {
 		if (item.install) app.use(item, options);