@vite-plugin-opencode-assistant/components 1.0.73 → 1.0.75

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

@@ -1,5 +1,5 @@
 import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createStaticVNode, createTextVNode, createVNode, defineComponent, inject, nextTick, normalizeClass, normalizeStyle, onMounted, onUnmounted, openBlock, provide, ref, renderList, renderSlot, toDisplayString, toRef, useCssVars, useSlots, vShow, watch, withCtx, withDirectives, withModifiers } from "vue";
-import { truncate } from "@vite-plugin-opencode-assistant/shared";
+import { WIDGET_MSG, truncate } from "@vite-plugin-opencode-assistant/shared";
 import getCssSelector from "css-selector-generator";
 //#region es/open-code-widget/src/context.mjs
 var CONTEXT_KEY = /* @__PURE__ */ Symbol("OpenCodeWidgetContext");
@@ -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, 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,
@@ -132,6 +132,7 @@ var __vue_sfc__$8 = /* @__PURE__ */ defineComponent({
 			handleClose,
 			handleToggleMinimize,
 			handleTogglePromptDock,
+			handleRefresh,
 			isSplitMode: computed(() => mode.value === "split"),
 			themeIconTitle: computed(() => {
 				return `\u4E3B\u9898: ${{
@@ -151,14 +152,18 @@ var __vue_sfc__$8 = /* @__PURE__ */ defineComponent({
 				return `\u5C55\u793A\u6A21\u5F0F: ${{
 					bubble: "气泡模式",
 					split: "分屏模式",
-					auto: "自动模式"
+					auto: "自动模式",
+					extension: "扩展模式",
+					"extension-selector": "扩展选择器模式"
 				}[displayMode.value]}`;
 			}),
 			displayModeIconLabel: computed(() => {
 				const displayModeLabels = {
 					bubble: "气泡模式",
 					split: "分屏模式",
-					auto: "自动模式"
+					auto: "自动模式",
+					extension: "扩展模式",
+					"extension-selector": "扩展选择器模式"
 				};
 				const modes = [
 					"bubble",
@@ -317,7 +322,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[8] || (_cache[8] = createElementVNode("svg", {
+			}, [renderSlot(_ctx.$slots, "session-toggle-icon", {}, () => [_cache[9] || (_cache[9] = createElementVNode("svg", {
 				viewBox: "0 0 24 24",
 				width: "16",
 				height: "16",
@@ -337,7 +342,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[9] || (_cache[9] = createElementVNode("svg", {
+			}, [renderSlot(_ctx.$slots, "select-icon", {}, () => [_cache[10] || (_cache[10] = createElementVNode("svg", {
 				viewBox: "0 0 1024 1024",
 				width: "16",
 				height: "16",
@@ -355,14 +360,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))
-			}, [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", {
+			}, [renderSlot(_ctx.$slots, "theme-icon", {}, () => [$setup.theme === "light" ? (openBlock(), createElementBlock("svg", _hoisted_6$4, [..._cache[11] || (_cache[11] = [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[12] || (_cache[12] = [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[13] || (_cache[13] = [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" ? (openBlock(), 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))
-			}, [renderSlot(_ctx.$slots, "display-mode-icon", {}, () => [$setup.displayMode === "bubble" ? (openBlock(), createElementBlock("svg", _hoisted_10$1, [..._cache[13] || (_cache[13] = [
+			}, [renderSlot(_ctx.$slots, "display-mode-icon", {}, () => [$setup.displayMode === "bubble" ? (openBlock(), createElementBlock("svg", _hoisted_10$1, [..._cache[14] || (_cache[14] = [
 				createElementVNode("circle", {
 					cx: "12",
 					cy: "12",
@@ -386,7 +392,7 @@ function __vue_render__$8(_ctx, _cache, $props, $setup, $data, $options) {
 					y2: "9",
 					"stroke-linecap": "round"
 				}, null, -1)
-			])])) : $setup.displayMode === "split" ? (openBlock(), createElementBlock("svg", _hoisted_11, [..._cache[14] || (_cache[14] = [createElementVNode("rect", {
+			])])) : $setup.displayMode === "split" ? (openBlock(), createElementBlock("svg", _hoisted_11, [..._cache[15] || (_cache[15] = [createElementVNode("rect", {
 				x: "3",
 				y: "3",
 				width: "18",
@@ -397,7 +403,7 @@ function __vue_render__$8(_ctx, _cache, $props, $setup, $data, $options) {
 				y1: "3",
 				x2: "12",
 				y2: "21"
-			}, null, -1)])])) : (openBlock(), createElementBlock("svg", _hoisted_12, [..._cache[15] || (_cache[15] = [
+			}, null, -1)])])) : (openBlock(), createElementBlock("svg", _hoisted_12, [..._cache[16] || (_cache[16] = [
 				createElementVNode("rect", {
 					x: "3",
 					y: "3",
@@ -424,18 +430,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)) : createCommentVNode("v-if", true)
 		]),
 		createElementVNode("span", _hoisted_13, toDisplayString($setup.title), 1),
 		createElementVNode("div", _hoisted_14, [
-			$setup.isSplitMode ? (openBlock(), createElementBlock("button", {
+			$setup.displayMode === "extension" ? (openBlock(), 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] = [createElementVNode("svg", {
+				viewBox: "0 0 24 24",
+				width: "16",
+				height: "16",
+				fill: "none",
+				stroke: "currentColor",
+				"stroke-width": "2",
+				"aria-hidden": "true"
+			}, [createElementVNode("polyline", { points: "23,4 23,10 17,10" }), createElementVNode("path", { d: "M20.49 15a9 9 0 1 1-2.12-9.36L23 10" })], -1)])])) : createCommentVNode("v-if", true),
+			$setup.isSplitMode && $setup.displayMode !== "extension" ? (openBlock(), 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))
-			}, [renderSlot(_ctx.$slots, "split-position-icon", {}, () => [$setup.splitPosition === "right" ? (openBlock(), createElementBlock("svg", _hoisted_16, [..._cache[16] || (_cache[16] = [createElementVNode("rect", {
+				onClick: _cache[5] || (_cache[5] = (...args) => $setup.handleToggleSplitPosition && $setup.handleToggleSplitPosition(...args))
+			}, [renderSlot(_ctx.$slots, "split-position-icon", {}, () => [$setup.splitPosition === "right" ? (openBlock(), createElementBlock("svg", _hoisted_16, [..._cache[18] || (_cache[18] = [createElementVNode("rect", {
 				x: "3",
 				y: "3",
 				width: "18",
@@ -446,7 +468,7 @@ function __vue_render__$8(_ctx, _cache, $props, $setup, $data, $options) {
 				y1: "3",
 				x2: "15",
 				y2: "21"
-			}, null, -1)])])) : (openBlock(), createElementBlock("svg", _hoisted_17, [..._cache[17] || (_cache[17] = [createElementVNode("rect", {
+			}, null, -1)])])) : (openBlock(), createElementBlock("svg", _hoisted_17, [..._cache[19] || (_cache[19] = [createElementVNode("rect", {
 				x: "3",
 				y: "3",
 				width: "18",
@@ -459,14 +481,14 @@ function __vue_render__$8(_ctx, _cache, $props, $setup, $data, $options) {
 				y2: "21"
 			}, null, -1)])]))])], 8, _hoisted_15)) : createCommentVNode("v-if", true),
 			!$setup.isSplitMode ? (openBlock(), 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))
-			}, [renderSlot(_ctx.$slots, "prompt-dock-icon", {}, () => [_cache[18] || (_cache[18] = createElementVNode("svg", {
+				onClick: _cache[6] || (_cache[6] = (...args) => $setup.handleTogglePromptDock && $setup.handleTogglePromptDock(...args))
+			}, [renderSlot(_ctx.$slots, "prompt-dock-icon", {}, () => [_cache[20] || (_cache[20] = createElementVNode("svg", {
 				viewBox: "0 0 24 24",
 				width: "14",
 				height: "14",
@@ -476,22 +498,22 @@ function __vue_render__$8(_ctx, _cache, $props, $setup, $data, $options) {
 				"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_18)) : createCommentVNode("v-if", true),
 			!$setup.isSplitMode ? (openBlock(), 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))
-			}, [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),
+				onClick: _cache[7] || (_cache[7] = (...args) => $setup.handleToggleMinimize && $setup.handleToggleMinimize(...args))
+			}, [renderSlot(_ctx.$slots, "minimize-icon", {}, () => [$setup.minimized ? (openBlock(), createElementBlock("svg", _hoisted_20, [..._cache[21] || (_cache[21] = [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[22] || (_cache[22] = [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: 3,
+				key: 4,
 				class: "opencode-header-btn close",
 				type: "button",
 				title: "关闭",
 				"aria-label": "关闭面板",
-				onClick: _cache[7] || (_cache[7] = (...args) => $setup.handleClose && $setup.handleClose(...args))
-			}, [renderSlot(_ctx.$slots, "close-icon", {}, () => [_cache[21] || (_cache[21] = createElementVNode("svg", {
+				onClick: _cache[8] || (_cache[8] = (...args) => $setup.handleClose && $setup.handleClose(...args))
+			}, [renderSlot(_ctx.$slots, "close-icon", {}, () => [_cache[23] || (_cache[23] = createElementVNode("svg", {
 				viewBox: "0 0 24 24",
 				width: "14",
 				height: "14",
@@ -912,6 +934,11 @@ var __vue_sfc__$4 = /* @__PURE__ */ defineComponent(__spreadProps$2(__spreadValu
 			type: String,
 			required: false,
 			default: "right"
+		},
+		extension: {
+			type: Boolean,
+			required: false,
+			default: false
 		}
 	},
 	emits: [
@@ -960,6 +987,7 @@ var __vue_sfc__$4 = /* @__PURE__ */ defineComponent(__spreadProps$2(__spreadValu
 			handleResizeEnd,
 			handleToggle,
 			panelStyle: computed(() => {
+				if (props.extension) return {};
 				if (props.mode === "split") return { width: `${props.panelWidth}px` };
 				return props.positionStyle;
 			}),
@@ -969,8 +997,9 @@ var __vue_sfc__$4 = /* @__PURE__ */ defineComponent(__spreadProps$2(__spreadValu
 				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,
@@ -1049,7 +1078,7 @@ function __vue_render__$4(_ctx, _cache, $props, $setup, $data, $options) {
 			"max-width",
 			"position"
 		])) : createCommentVNode("v-if", true),
-		$props.mode === "split" ? (openBlock(), createElementBlock("button", {
+		$props.mode === "split" && $props.resizable ? (openBlock(), createElementBlock("button", {
 			key: 1,
 			type: "button",
 			class: normalizeClass(["opencode-split-toggle-btn", {
@@ -1415,9 +1444,12 @@ var __vue_sfc__$2 = /* @__PURE__ */ defineComponent(__spreadProps$1(__spreadValu
 			windowWidth,
 			windowHeight,
 			gapX,
-			gapY,
-			() => props.offset
-		], updateState, { deep: true });
+			gapY
+		], updateState);
+		watch(() => props.offset, (newOffset) => {
+			if (newOffset) magneticSide.value = null;
+			updateState();
+		}, { deep: true });
 		__expose({ offset: computed(() => ({
 			x: state.value.x,
 			y: state.value.y
@@ -2248,21 +2280,24 @@ 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 isExtensionMode = computed(() => options.displayMode.value === "extension");
 	const splitConfig = 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 = ref(splitConfig.value.width);
 	const effectiveMode = 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";
@@ -2290,6 +2325,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`);
@@ -2327,21 +2363,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);
 		}
 	});
 	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,
@@ -2502,6 +2541,11 @@ var __vue_sfc__ = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
 			type: Number,
 			required: false,
 			default: 500
+		},
+		hideBubble: {
+			type: Boolean,
+			required: false,
+			default: false
 		}
 	},
 	emits: [
@@ -2586,8 +2630,8 @@ var __vue_sfc__ = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
 		const splitPanelWidth = 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(WIDGET_MSG.PROMPT_DOCK_VISIBILITY, { visible: promptDockVisible.value });
+			sendMessageToIframe(WIDGET_MSG.MINIMIZE_STATE, { minimized: minimized.value });
 		};
 		const handleFrameLoaded = () => {
 			emit("frame-loaded");
@@ -2604,6 +2648,7 @@ var __vue_sfc__ = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
 			localDisplayMode.value = val;
 		});
 		const handleToggleDisplayMode = () => {
+			if (localDisplayMode.value === "extension" || localDisplayMode.value === "extension-selector") return;
 			const modes = [
 				"bubble",
 				"split",
@@ -2683,7 +2728,7 @@ var __vue_sfc__ = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
 			}
 		});
 		const bubbleOffset = 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: toRef(props, "splitMode"),
 			open: toRef(props, "open"),
@@ -2751,12 +2796,15 @@ var __vue_sfc__ = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
 		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(WIDGET_MSG.PROMPT_DOCK_VISIBILITY, { visible: promptDockVisible.value });
+			sendMessageToIframe(WIDGET_MSG.MINIMIZE_STATE, { minimized: minimized.value });
 		};
 		const handleTogglePromptDock = () => {
 			promptDockVisible.value = !promptDockVisible.value;
-			sendMessageToIframe("prompt-dock-visibility-change", { visible: promptDockVisible.value });
+			sendMessageToIframe(WIDGET_MSG.PROMPT_DOCK_VISIBILITY, { visible: promptDockVisible.value });
+		};
+		const handleRefresh = () => {
+			window.location.reload();
 		};
 		const windowWidth = ref(typeof window !== "undefined" ? window.innerWidth : 0);
 		const windowHeight = ref(typeof window !== "undefined" ? window.innerHeight : 0);
@@ -2921,7 +2969,8 @@ var __vue_sfc__ = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
 			handleRemoveSelectedNode: (payload) => handleRemoveSelectedNode(payload.item, payload.index, payload.source),
 			handleClearSelectedNodes,
 			handleFrameLoaded,
-			handleBubbleOffsetChange
+			handleBubbleOffsetChange,
+			handleRefresh
 		});
 		__expose({
 			showNotification,
@@ -2997,6 +3046,7 @@ var __vue_sfc__ = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
 			bubbleOffset,
 			effectiveMode,
 			isSplitMode,
+			isExtensionMode,
 			panelWidth,
 			splitConfig,
 			splitPosition,
@@ -3005,6 +3055,7 @@ var __vue_sfc__ = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
 			handleTogglePosition,
 			handleToggleMinimize,
 			handleTogglePromptDock,
+			handleRefresh,
 			windowWidth,
 			windowHeight,
 			handleWindowResize,
@@ -3054,101 +3105,105 @@ var _hoisted_7 = {
 	role: "alert"
 };
 function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
-	return openBlock(), createElementBlock("div", { class: normalizeClass($setup.containerClasses) }, [
-		!$setup.isSplitMode ? (openBlock(), createBlock($setup["Trigger"], {
-			key: 0,
-			ref: "triggerRef",
-			onDragStart: $setup.handleDragStart,
-			onDragEnd: $setup.handleDragEnd
-		}, createSlots({ _: 2 }, [$setup.slots["button-icon"] ? {
-			name: "default",
-			fn: withCtx(() => [renderSlot(_ctx.$slots, "button-icon")]),
-			key: "0"
-		} : void 0]), 1536)) : createCommentVNode("v-if", true),
-		createVNode($setup["ChatPanel"], {
-			ref: "frameRef",
-			mode: $setup.effectiveMode,
-			open: $props.open,
-			minimized: $setup.minimized,
-			"position-style": $setup.chatPositionStyle,
-			"animation-origin": $setup.chatAnimationOrigin,
-			"panel-width": $setup.panelWidth,
-			resizable: $setup.splitConfig.resizable,
-			"min-width": $setup.splitConfig.minWidth,
-			"max-width": $setup.splitConfig.maxWidth,
-			"no-transition": $setup.isRestoring,
-			dragging: $setup.isDragging,
-			"notification-visible": $setup.notificationVisible,
-			"notification-message": $setup.notificationMessage,
-			"notification-mode": $setup.notificationMode,
-			thinking: $props.thinking,
-			"resolved-theme": $setup.resolvedTheme,
-			"split-position": $setup.splitPosition,
-			onResize: $setup.handleResize,
-			onResizeStart: $setup.handleResizeStart,
-			onResizeEnd: $setup.handleResizeEnd,
-			onToggle: $setup.handleSplitToggle
-		}, createSlots({
-			"sessions-empty": withCtx(() => [renderSlot(_ctx.$slots, "sessions-empty", {}, () => [_cache[0] || (_cache[0] = createElementVNode("div", { class: "opencode-session-empty" }, "暂无会话", -1))])]),
-			_: 2
-		}, [
-			$setup.slots["session-toggle-icon"] ? {
-				name: "session-toggle-icon",
-				fn: withCtx(() => [renderSlot(_ctx.$slots, "session-toggle-icon")]),
+	return openBlock(), createElementBlock("div", { class: normalizeClass([...$setup.containerClasses, { "extension-mode": $setup.isExtensionMode }]) }, [
+		$props.displayMode !== "extension-selector" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+			!$setup.isSplitMode && !$setup.props.hideBubble ? (openBlock(), createBlock($setup["Trigger"], {
+				key: 0,
+				ref: "triggerRef",
+				onDragStart: $setup.handleDragStart,
+				onDragEnd: $setup.handleDragEnd
+			}, createSlots({ _: 2 }, [$setup.slots["button-icon"] ? {
+				name: "default",
+				fn: withCtx(() => [renderSlot(_ctx.$slots, "button-icon")]),
 				key: "0"
-			} : void 0,
-			$setup.slots["select-icon"] ? {
-				name: "select-icon",
-				fn: withCtx(() => [renderSlot(_ctx.$slots, "select-icon")]),
-				key: "1"
-			} : void 0,
-			$setup.slots["close-icon"] ? {
-				name: "close-icon",
-				fn: withCtx(() => [renderSlot(_ctx.$slots, "close-icon")]),
-				key: "2"
-			} : void 0,
-			$setup.slots["empty-state"] ? {
-				name: "empty-state",
-				fn: withCtx(() => [renderSlot(_ctx.$slots, "empty-state")]),
-				key: "3"
-			} : void 0,
-			$setup.slots.loading ? {
-				name: "loading",
-				fn: withCtx(() => [renderSlot(_ctx.$slots, "loading")]),
-				key: "4"
-			} : void 0,
-			$setup.slots.error ? {
-				name: "error",
-				fn: withCtx(() => [renderSlot(_ctx.$slots, "error")]),
-				key: "5"
-			} : void 0,
-			$setup.slots.content ? {
-				name: "content",
-				fn: withCtx(() => [renderSlot(_ctx.$slots, "content")]),
-				key: "6"
-			} : void 0
-		]), 1032, [
-			"mode",
-			"open",
-			"minimized",
-			"position-style",
-			"animation-origin",
-			"panel-width",
-			"resizable",
-			"min-width",
-			"max-width",
-			"no-transition",
-			"dragging",
-			"notification-visible",
-			"notification-message",
-			"notification-mode",
-			"thinking",
-			"resolved-theme",
-			"split-position",
-			"onResize",
-			"onToggle"
-		]),
-		createVNode($setup["SelectHint"]),
+			} : void 0]), 1536)) : createCommentVNode("v-if", true),
+			createVNode($setup["ChatPanel"], {
+				ref: "frameRef",
+				mode: $setup.effectiveMode,
+				open: $props.open,
+				minimized: $setup.minimized,
+				"position-style": $setup.chatPositionStyle,
+				"animation-origin": $setup.chatAnimationOrigin,
+				"panel-width": $setup.panelWidth,
+				resizable: $setup.splitConfig.resizable,
+				"min-width": $setup.splitConfig.minWidth,
+				"max-width": $setup.splitConfig.maxWidth,
+				"no-transition": $setup.isRestoring,
+				dragging: $setup.isDragging,
+				"notification-visible": $setup.notificationVisible,
+				"notification-message": $setup.notificationMessage,
+				"notification-mode": $setup.notificationMode,
+				thinking: $props.thinking,
+				"resolved-theme": $setup.resolvedTheme,
+				"split-position": $setup.splitPosition,
+				extension: $setup.isExtensionMode,
+				onResize: $setup.handleResize,
+				onResizeStart: $setup.handleResizeStart,
+				onResizeEnd: $setup.handleResizeEnd,
+				onToggle: $setup.handleSplitToggle
+			}, createSlots({
+				"sessions-empty": withCtx(() => [renderSlot(_ctx.$slots, "sessions-empty", {}, () => [_cache[0] || (_cache[0] = createElementVNode("div", { class: "opencode-session-empty" }, "暂无会话", -1))])]),
+				_: 2
+			}, [
+				$setup.slots["session-toggle-icon"] ? {
+					name: "session-toggle-icon",
+					fn: withCtx(() => [renderSlot(_ctx.$slots, "session-toggle-icon")]),
+					key: "0"
+				} : void 0,
+				$setup.slots["select-icon"] ? {
+					name: "select-icon",
+					fn: withCtx(() => [renderSlot(_ctx.$slots, "select-icon")]),
+					key: "1"
+				} : void 0,
+				$setup.slots["close-icon"] ? {
+					name: "close-icon",
+					fn: withCtx(() => [renderSlot(_ctx.$slots, "close-icon")]),
+					key: "2"
+				} : void 0,
+				$setup.slots["empty-state"] ? {
+					name: "empty-state",
+					fn: withCtx(() => [renderSlot(_ctx.$slots, "empty-state")]),
+					key: "3"
+				} : void 0,
+				$setup.slots.loading ? {
+					name: "loading",
+					fn: withCtx(() => [renderSlot(_ctx.$slots, "loading")]),
+					key: "4"
+				} : void 0,
+				$setup.slots.error ? {
+					name: "error",
+					fn: withCtx(() => [renderSlot(_ctx.$slots, "error")]),
+					key: "5"
+				} : void 0,
+				$setup.slots.content ? {
+					name: "content",
+					fn: withCtx(() => [renderSlot(_ctx.$slots, "content")]),
+					key: "6"
+				} : void 0
+			]), 1032, [
+				"mode",
+				"open",
+				"minimized",
+				"position-style",
+				"animation-origin",
+				"panel-width",
+				"resizable",
+				"min-width",
+				"max-width",
+				"no-transition",
+				"dragging",
+				"notification-visible",
+				"notification-message",
+				"notification-mode",
+				"thinking",
+				"resolved-theme",
+				"split-position",
+				"extension",
+				"onResize",
+				"onToggle"
+			]),
+			createVNode($setup["SelectHint"])
+		], 64)) : createCommentVNode("v-if", true),
 		withDirectives(createElementVNode("div", {
 			class: "opencode-element-highlight",
 			style: normalizeStyle($setup.highlightStyle)
@@ -3173,7 +3228,7 @@ __vue_sfc__.render = __vue_render__;
 var open_code_widget_default = __vue_sfc__;
 //#endregion
 //#region es/index.mjs
-var version = "1.0.73";
+var version = "1.0.75";
 function install(app, options) {
 	[open_code_widget_default].forEach((item) => {
 		if (item.install) app.use(item, options);