@vite-plugin-opencode-assistant/components 1.0.12 → 1.0.14

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

@@ -3,6 +3,7 @@ Object.defineProperties(exports, {
 	[Symbol.toStringTag]: { value: "Module" }
 });
 let vue = require("vue");
+let _vite_plugin_opencode_assistant_shared = require("@vite-plugin-opencode-assistant/shared");
 //#region es/open-code-widget/src/context.js
 var CONTEXT_KEY = /* @__PURE__ */ Symbol("OpenCodeWidgetContext");
 function provideOpenCodeWidgetContext(context) {
@@ -37,7 +38,7 @@ var __vue_sfc__$7 = /* @__PURE__ */ (0, vue.defineComponent)({
 	setup(__props, { expose: __expose }) {
 		__expose();
 		const iframeRef = (0, vue.ref)(null);
-		const { loading, showEmptyState, iframeSource: iframeSrc, emptyStateText, emptyStateActionText, handleEmptyAction, theme, resolvedTheme } = useOpenCodeWidgetContext();
+		const { frameLoading, showEmptyState, showError, iframeSource: iframeSrc, emptyStateText, emptyStateActionText, handleEmptyAction, handleFrameLoaded, theme, resolvedTheme } = useOpenCodeWidgetContext();
 		const iframeReady = (0, vue.ref)(false);
 		function sendMessageToIframe(type, data) {
 			var _a;
@@ -57,6 +58,7 @@ var __vue_sfc__$7 = /* @__PURE__ */ (0, vue.defineComponent)({
 		(0, vue.onMounted)(() => {
 			if (iframeRef.value) iframeRef.value.addEventListener("load", () => {
 				iframeReady.value = true;
+				handleFrameLoaded();
 			});
 			window.addEventListener("message", handleIframeMessage);
 		});
@@ -65,12 +67,14 @@ var __vue_sfc__$7 = /* @__PURE__ */ (0, vue.defineComponent)({
 		});
 		const __returned__ = {
 			iframeRef,
-			loading,
+			frameLoading,
 			showEmptyState,
+			showError,
 			iframeSrc,
 			emptyStateText,
 			emptyStateActionText,
 			handleEmptyAction,
+			handleFrameLoaded,
 			theme,
 			resolvedTheme,
 			iframeReady,
@@ -111,7 +115,8 @@ function __vue_render__$7(_ctx, _cache, $props, $setup, $data, $options) {
 				onClick: _cache[0] || (_cache[0] = (...args) => $setup.handleEmptyAction && $setup.handleEmptyAction(...args))
 			}, (0, vue.toDisplayString)($setup.emptyStateActionText), 1)
 		])], 2),
-		(0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)(["opencode-loading-overlay", { visible: $setup.loading }]) }, [(0, vue.renderSlot)(_ctx.$slots, "loading", {}, () => [_cache[2] || (_cache[2] = (0, vue.createElementVNode)("div", { class: "opencode-loading-spinner" }, null, -1)), _cache[3] || (_cache[3] = (0, vue.createElementVNode)("div", { class: "opencode-loading-text" }, "加载中...", -1))])], 2),
+		(0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)(["opencode-loading-overlay", { visible: $setup.frameLoading }]) }, [(0, vue.renderSlot)(_ctx.$slots, "loading", {}, () => [_cache[2] || (_cache[2] = (0, vue.createElementVNode)("div", { class: "opencode-loading-spinner" }, null, -1)), _cache[3] || (_cache[3] = (0, vue.createElementVNode)("div", { class: "opencode-loading-text" }, "加载中...", -1))])], 2),
+		(0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)(["opencode-error-overlay", { visible: $setup.showError }]) }, [(0, vue.renderSlot)(_ctx.$slots, "error")], 2),
 		(0, vue.renderSlot)(_ctx.$slots, "content", {}, () => [(0, vue.createElementVNode)("iframe", {
 			ref: "iframeRef",
 			class: "opencode-iframe",
@@ -427,7 +432,7 @@ var __vue_sfc__$2 = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "SessionList",
 	setup(__props, { expose: __expose }) {
 		__expose();
-		const { sessionListCollapsed: collapsed, sessionItems: sessions, loadingSessionList, handleCreateSession, handleSelectSession, handleDeleteSession, sessionKey } = useOpenCodeWidgetContext();
+		const { sessionListCollapsed: collapsed, sessionItems: sessions, loadingSessionList, showSessionListSkeleton, handleCreateSession, handleSelectSession, handleDeleteSession, sessionKey } = useOpenCodeWidgetContext();
 		const isAnimating = (0, vue.ref)(false);
 		let animTimer = null;
 		(0, vue.watch)(collapsed, () => {
@@ -441,6 +446,7 @@ var __vue_sfc__$2 = /* @__PURE__ */ (0, vue.defineComponent)({
 			collapsed,
 			sessions,
 			loadingSessionList,
+			showSessionListSkeleton,
 			handleCreateSession,
 			handleSelectSession,
 			handleDeleteSession,
@@ -454,6 +460,7 @@ var __vue_sfc__$2 = /* @__PURE__ */ (0, vue.defineComponent)({
 			},
 			showSkeleton: (0, vue.computed)(() => {
 				if (isAnimating.value) return true;
+				if (showSessionListSkeleton.value) return true;
 				return false;
 			})
 		};
@@ -601,10 +608,6 @@ var __async$1 = (__this, __arguments, generator) => {
 		step((generator = generator.apply(__this, __arguments)).next());
 	});
 };
-function truncate$1(value, maxLength) {
-	if (value.length <= maxLength) return value;
-	return `${value.slice(0, maxLength)}...`;
-}
 function getElementKey(element, index) {
 	var _a;
 	if (element.filePath && element.line) return `${element.filePath}:${element.line}:${(_a = element.column) != null ? _a : 0}`;
@@ -618,7 +621,7 @@ function getPanelFileText(element) {
 	var _a, _b;
 	const fileName = ((_a = element.filePath) == null ? void 0 : _a.split("/").pop()) || "未知文件";
 	const lineInfo = element.line ? `:${element.line}${element.column ? `:${element.column}` : ""}` : "";
-	return `${((_b = element.innerText) == null ? void 0 : _b.trim()) ? `${truncate$1(element.innerText.trim(), 30)} \xB7 ` : ""}${fileName}${lineInfo}`;
+	return `${((_b = element.innerText) == null ? void 0 : _b.trim()) ? `${(0, _vite_plugin_opencode_assistant_shared.truncate)(element.innerText.trim(), 30)} \xB7 ` : ""}${fileName}${lineInfo}`;
 }
 function useSelection(options) {
 	const bubbleVisible = (0, vue.computed)(() => options.selectMode.value);
@@ -838,10 +841,6 @@ function useWidget(options) {
 }
 //#endregion
 //#region es/open-code-widget/composables/use-inspector.js
-function truncate(str, maxLength) {
-	if (!str) return "";
-	return str.length > maxLength ? str.substring(0, maxLength) + "..." : str;
-}
 function getDirectText(element) {
 	let text = "";
 	for (let i = 0; i < element.childNodes.length; i++) {
@@ -867,6 +866,32 @@ function getElementDescription(element) {
 	if (href && href !== "#") parts.push(`[href]`);
 	return parts.join("");
 }
+function getPreciseElementAtPoint(x, y, boundary) {
+	var _a, _b;
+	const highlight = document.querySelector(".opencode-element-highlight");
+	const tooltip = document.querySelector(".opencode-element-tooltip");
+	const highlightDisplay = ((_a = highlight == null ? void 0 : highlight.getAttribute("style")) == null ? void 0 : _a.includes("display: block")) ? "block" : "none";
+	const tooltipDisplay = ((_b = tooltip == null ? void 0 : tooltip.getAttribute("style")) == null ? void 0 : _b.includes("display: block")) ? "block" : "none";
+	if (highlight) highlight.style.display = "none";
+	if (tooltip) tooltip.style.display = "none";
+	let element = null;
+	try {
+		const elements = document.elementsFromPoint(x, y);
+		for (const el of elements) {
+			if (el.closest("#vue-inspector-container")) continue;
+			if (el.closest(".opencode-widget")) continue;
+			if (el.hasAttribute("data-v-inspector-ignore")) continue;
+			if (boundary.contains(el) || el === boundary) {
+				element = el;
+				break;
+			}
+		}
+	} finally {
+		if (highlight) highlight.style.display = highlightDisplay;
+		if (tooltip) tooltip.style.display = tooltipDisplay;
+	}
+	return element;
+}
 function useInspector(options) {
 	const highlightVisible = (0, vue.ref)(false);
 	const highlightStyle = (0, vue.ref)({
@@ -892,7 +917,8 @@ function useInspector(options) {
 		if (!inspector) return;
 		const { targetNode, params } = inspector.getTargetNode(e);
 		if (targetNode && params) {
-			const rect = targetNode.getBoundingClientRect();
+			const elementToHighlight = getPreciseElementAtPoint(e.clientX, e.clientY, targetNode) || targetNode;
+			const rect = elementToHighlight.getBoundingClientRect();
 			const widget = document.querySelector(".opencode-widget");
 			let primary = "#3b82f6";
 			let primaryBg = "rgba(59, 130, 246, 0.1)";
@@ -910,7 +936,7 @@ function useInspector(options) {
 				border: `2px solid ${primary}`,
 				background: primaryBg
 			};
-			const description = getElementDescription(targetNode);
+			const description = getElementDescription(elementToHighlight);
 			const fileName = params.file ? params.file.split("/").pop() : "";
 			let lineInfo = "";
 			if (params.line) {
@@ -946,13 +972,14 @@ function useInspector(options) {
 			if (options.selectMode.value) {
 				const { targetNode, params } = inspector.getTargetNode(e);
 				if (targetNode && params) {
-					const innerText = getDirectText(targetNode);
-					const description = getElementDescription(targetNode);
+					const elementToSelect = getPreciseElementAtPoint(e.clientX, e.clientY, targetNode) || targetNode;
+					const innerText = getDirectText(elementToSelect);
+					const description = getElementDescription(elementToSelect);
 					const elementInfo = {
 						filePath: (_a = params.file) != null ? _a : null,
 						line: (_b = params.line) != null ? _b : null,
 						column: (_c = params.column) != null ? _c : null,
-						innerText: truncate(innerText, 200),
+						innerText: (0, _vite_plugin_opencode_assistant_shared.truncate)(innerText, 200),
 						description
 					};
 					options.onAddSelectedNode(elementInfo);
@@ -1079,7 +1106,7 @@ var __vue_sfc__ = /* @__PURE__ */ (0, vue.defineComponent)(__spreadProps(__sprea
 			required: false,
 			default: "id"
 		},
-		loading: {
+		frameLoading: {
 			type: Boolean,
 			required: false,
 			default: false
@@ -1088,11 +1115,31 @@ var __vue_sfc__ = /* @__PURE__ */ (0, vue.defineComponent)(__spreadProps(__sprea
 			type: Boolean,
 			required: false
 		},
+		showSessionListSkeleton: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
 		showEmptyState: {
 			type: Boolean,
 			required: false,
 			default: false
 		},
+		showError: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		emptyStateText: {
+			type: String,
+			required: false,
+			default: "当前项目暂无会话"
+		},
+		emptyStateActionText: {
+			type: String,
+			required: false,
+			default: "立即创建"
+		},
 		iframeSrc: {
 			type: String,
 			required: false,
@@ -1122,16 +1169,6 @@ var __vue_sfc__ = /* @__PURE__ */ (0, vue.defineComponent)(__spreadProps(__sprea
 			type: Boolean,
 			required: false,
 			default: true
-		},
-		emptyStateText: {
-			type: String,
-			required: false,
-			default: "当前项目暂无会话"
-		},
-		emptyStateActionText: {
-			type: String,
-			required: false,
-			default: "立即创建"
 		}
 	},
 	emits: [
@@ -1152,7 +1189,8 @@ var __vue_sfc__ = /* @__PURE__ */ (0, vue.defineComponent)(__spreadProps(__sprea
 		"click-selected-node",
 		"remove-selected-node",
 		"clear-selected-nodes",
-		"empty-action"
+		"empty-action",
+		"frame-loaded"
 	],
 	setup(__props, { expose: __expose, emit: __emit }) {
 		const props = __props;
@@ -1187,6 +1225,9 @@ var __vue_sfc__ = /* @__PURE__ */ (0, vue.defineComponent)(__spreadProps(__sprea
 			dialogVisible.value = false;
 			if (dialogResolve) dialogResolve(false);
 		};
+		const handleFrameLoaded = () => {
+			emit("frame-loaded");
+		};
 		__expose({
 			showNotification,
 			showConfirmDialog
@@ -1277,9 +1318,11 @@ var __vue_sfc__ = /* @__PURE__ */ (0, vue.defineComponent)(__spreadProps(__sprea
 			selectEnabled: (0, vue.toRef)(props, "selectEnabled"),
 			sessionListCollapsed: localSessionListCollapsed,
 			sessionKey: (0, vue.toRef)(props, "sessionKey"),
-			loading: (0, vue.toRef)(props, "loading"),
+			frameLoading: (0, vue.toRef)(props, "frameLoading"),
 			loadingSessionList: (0, vue.toRef)(props, "loadingSessionList"),
+			showSessionListSkeleton: (0, vue.toRef)(props, "showSessionListSkeleton"),
 			showEmptyState: (0, vue.toRef)(props, "showEmptyState"),
+			showError: (0, vue.toRef)(props, "showError"),
 			emptyStateText: (0, vue.toRef)(props, "emptyStateText"),
 			emptyStateActionText: (0, vue.toRef)(props, "emptyStateActionText"),
 			showClearAll: (0, vue.toRef)(props, "showClearAll"),
@@ -1302,7 +1345,8 @@ var __vue_sfc__ = /* @__PURE__ */ (0, vue.defineComponent)(__spreadProps(__sprea
 			handleToggleSelectMode,
 			handleClickSelectedNode,
 			handleRemoveSelectedNode: (payload) => handleRemoveSelectedNode(payload.item, payload.index, payload.source),
-			handleClearSelectedNodes
+			handleClearSelectedNodes,
+			handleFrameLoaded
 		});
 		const __returned__ = {
 			props,
@@ -1328,6 +1372,7 @@ var __vue_sfc__ = /* @__PURE__ */ (0, vue.defineComponent)(__spreadProps(__sprea
 			showConfirmDialog,
 			handleDialogConfirm,
 			handleDialogCancel,
+			handleFrameLoaded,
 			localSessionListCollapsed,
 			buttonActive,
 			containerClasses,
@@ -1433,10 +1478,15 @@ function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
 						fn: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "loading")]),
 						key: "1"
 					} : void 0,
+					$setup.slots.error ? {
+						name: "error",
+						fn: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "error")]),
+						key: "2"
+					} : void 0,
 					$setup.slots.content ? {
 						name: "content",
 						fn: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "content")]),
-						key: "2"
+						key: "3"
 					} : void 0
 				]), 1024),
 				(0, vue.createVNode)($setup["SelectedNodes"])
@@ -1469,7 +1519,7 @@ __vue_sfc__.render = __vue_render__;
 var open_code_widget_default = __vue_sfc__;
 //#endregion
 //#region es/index.js
-var version = "1.0.12";
+var version = "1.0.14";
 function install(app, options) {
 	[open_code_widget_default].forEach((item) => {
 		if (item.install) app.use(item, options);

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

@@ -1,4 +1,5 @@
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createStaticVNode, createVNode, defineComponent, inject, normalizeClass, normalizeStyle, onMounted, onUnmounted, openBlock, provide, ref, renderList, renderSlot, toDisplayString, toRef, useSlots, vShow, watch, withCtx, withDirectives, withModifiers } from "vue";
+import { truncate } from "@vite-plugin-opencode-assistant/shared";
 //#region es/open-code-widget/src/context.js
 var CONTEXT_KEY = /* @__PURE__ */ Symbol("OpenCodeWidgetContext");
 function provideOpenCodeWidgetContext(context) {
@@ -33,7 +34,7 @@ var __vue_sfc__$7 = /* @__PURE__ */ defineComponent({
 	setup(__props, { expose: __expose }) {
 		__expose();
 		const iframeRef = ref(null);
-		const { loading, showEmptyState, iframeSource: iframeSrc, emptyStateText, emptyStateActionText, handleEmptyAction, theme, resolvedTheme } = useOpenCodeWidgetContext();
+		const { frameLoading, showEmptyState, showError, iframeSource: iframeSrc, emptyStateText, emptyStateActionText, handleEmptyAction, handleFrameLoaded, theme, resolvedTheme } = useOpenCodeWidgetContext();
 		const iframeReady = ref(false);
 		function sendMessageToIframe(type, data) {
 			var _a;
@@ -53,6 +54,7 @@ var __vue_sfc__$7 = /* @__PURE__ */ defineComponent({
 		onMounted(() => {
 			if (iframeRef.value) iframeRef.value.addEventListener("load", () => {
 				iframeReady.value = true;
+				handleFrameLoaded();
 			});
 			window.addEventListener("message", handleIframeMessage);
 		});
@@ -61,12 +63,14 @@ var __vue_sfc__$7 = /* @__PURE__ */ defineComponent({
 		});
 		const __returned__ = {
 			iframeRef,
-			loading,
+			frameLoading,
 			showEmptyState,
+			showError,
 			iframeSrc,
 			emptyStateText,
 			emptyStateActionText,
 			handleEmptyAction,
+			handleFrameLoaded,
 			theme,
 			resolvedTheme,
 			iframeReady,
@@ -107,7 +111,8 @@ function __vue_render__$7(_ctx, _cache, $props, $setup, $data, $options) {
 				onClick: _cache[0] || (_cache[0] = (...args) => $setup.handleEmptyAction && $setup.handleEmptyAction(...args))
 			}, toDisplayString($setup.emptyStateActionText), 1)
 		])], 2),
-		createElementVNode("div", { class: normalizeClass(["opencode-loading-overlay", { visible: $setup.loading }]) }, [renderSlot(_ctx.$slots, "loading", {}, () => [_cache[2] || (_cache[2] = createElementVNode("div", { class: "opencode-loading-spinner" }, null, -1)), _cache[3] || (_cache[3] = createElementVNode("div", { class: "opencode-loading-text" }, "加载中...", -1))])], 2),
+		createElementVNode("div", { class: normalizeClass(["opencode-loading-overlay", { visible: $setup.frameLoading }]) }, [renderSlot(_ctx.$slots, "loading", {}, () => [_cache[2] || (_cache[2] = createElementVNode("div", { class: "opencode-loading-spinner" }, null, -1)), _cache[3] || (_cache[3] = createElementVNode("div", { class: "opencode-loading-text" }, "加载中...", -1))])], 2),
+		createElementVNode("div", { class: normalizeClass(["opencode-error-overlay", { visible: $setup.showError }]) }, [renderSlot(_ctx.$slots, "error")], 2),
 		renderSlot(_ctx.$slots, "content", {}, () => [createElementVNode("iframe", {
 			ref: "iframeRef",
 			class: "opencode-iframe",
@@ -423,7 +428,7 @@ var __vue_sfc__$2 = /* @__PURE__ */ defineComponent({
 	__name: "SessionList",
 	setup(__props, { expose: __expose }) {
 		__expose();
-		const { sessionListCollapsed: collapsed, sessionItems: sessions, loadingSessionList, handleCreateSession, handleSelectSession, handleDeleteSession, sessionKey } = useOpenCodeWidgetContext();
+		const { sessionListCollapsed: collapsed, sessionItems: sessions, loadingSessionList, showSessionListSkeleton, handleCreateSession, handleSelectSession, handleDeleteSession, sessionKey } = useOpenCodeWidgetContext();
 		const isAnimating = ref(false);
 		let animTimer = null;
 		watch(collapsed, () => {
@@ -437,6 +442,7 @@ var __vue_sfc__$2 = /* @__PURE__ */ defineComponent({
 			collapsed,
 			sessions,
 			loadingSessionList,
+			showSessionListSkeleton,
 			handleCreateSession,
 			handleSelectSession,
 			handleDeleteSession,
@@ -450,6 +456,7 @@ var __vue_sfc__$2 = /* @__PURE__ */ defineComponent({
 			},
 			showSkeleton: computed(() => {
 				if (isAnimating.value) return true;
+				if (showSessionListSkeleton.value) return true;
 				return false;
 			})
 		};
@@ -597,10 +604,6 @@ var __async$1 = (__this, __arguments, generator) => {
 		step((generator = generator.apply(__this, __arguments)).next());
 	});
 };
-function truncate$1(value, maxLength) {
-	if (value.length <= maxLength) return value;
-	return `${value.slice(0, maxLength)}...`;
-}
 function getElementKey(element, index) {
 	var _a;
 	if (element.filePath && element.line) return `${element.filePath}:${element.line}:${(_a = element.column) != null ? _a : 0}`;
@@ -614,7 +617,7 @@ function getPanelFileText(element) {
 	var _a, _b;
 	const fileName = ((_a = element.filePath) == null ? void 0 : _a.split("/").pop()) || "未知文件";
 	const lineInfo = element.line ? `:${element.line}${element.column ? `:${element.column}` : ""}` : "";
-	return `${((_b = element.innerText) == null ? void 0 : _b.trim()) ? `${truncate$1(element.innerText.trim(), 30)} \xB7 ` : ""}${fileName}${lineInfo}`;
+	return `${((_b = element.innerText) == null ? void 0 : _b.trim()) ? `${truncate(element.innerText.trim(), 30)} \xB7 ` : ""}${fileName}${lineInfo}`;
 }
 function useSelection(options) {
 	const bubbleVisible = computed(() => options.selectMode.value);
@@ -834,10 +837,6 @@ function useWidget(options) {
 }
 //#endregion
 //#region es/open-code-widget/composables/use-inspector.js
-function truncate(str, maxLength) {
-	if (!str) return "";
-	return str.length > maxLength ? str.substring(0, maxLength) + "..." : str;
-}
 function getDirectText(element) {
 	let text = "";
 	for (let i = 0; i < element.childNodes.length; i++) {
@@ -863,6 +862,32 @@ function getElementDescription(element) {
 	if (href && href !== "#") parts.push(`[href]`);
 	return parts.join("");
 }
+function getPreciseElementAtPoint(x, y, boundary) {
+	var _a, _b;
+	const highlight = document.querySelector(".opencode-element-highlight");
+	const tooltip = document.querySelector(".opencode-element-tooltip");
+	const highlightDisplay = ((_a = highlight == null ? void 0 : highlight.getAttribute("style")) == null ? void 0 : _a.includes("display: block")) ? "block" : "none";
+	const tooltipDisplay = ((_b = tooltip == null ? void 0 : tooltip.getAttribute("style")) == null ? void 0 : _b.includes("display: block")) ? "block" : "none";
+	if (highlight) highlight.style.display = "none";
+	if (tooltip) tooltip.style.display = "none";
+	let element = null;
+	try {
+		const elements = document.elementsFromPoint(x, y);
+		for (const el of elements) {
+			if (el.closest("#vue-inspector-container")) continue;
+			if (el.closest(".opencode-widget")) continue;
+			if (el.hasAttribute("data-v-inspector-ignore")) continue;
+			if (boundary.contains(el) || el === boundary) {
+				element = el;
+				break;
+			}
+		}
+	} finally {
+		if (highlight) highlight.style.display = highlightDisplay;
+		if (tooltip) tooltip.style.display = tooltipDisplay;
+	}
+	return element;
+}
 function useInspector(options) {
 	const highlightVisible = ref(false);
 	const highlightStyle = ref({
@@ -888,7 +913,8 @@ function useInspector(options) {
 		if (!inspector) return;
 		const { targetNode, params } = inspector.getTargetNode(e);
 		if (targetNode && params) {
-			const rect = targetNode.getBoundingClientRect();
+			const elementToHighlight = getPreciseElementAtPoint(e.clientX, e.clientY, targetNode) || targetNode;
+			const rect = elementToHighlight.getBoundingClientRect();
 			const widget = document.querySelector(".opencode-widget");
 			let primary = "#3b82f6";
 			let primaryBg = "rgba(59, 130, 246, 0.1)";
@@ -906,7 +932,7 @@ function useInspector(options) {
 				border: `2px solid ${primary}`,
 				background: primaryBg
 			};
-			const description = getElementDescription(targetNode);
+			const description = getElementDescription(elementToHighlight);
 			const fileName = params.file ? params.file.split("/").pop() : "";
 			let lineInfo = "";
 			if (params.line) {
@@ -942,8 +968,9 @@ function useInspector(options) {
 			if (options.selectMode.value) {
 				const { targetNode, params } = inspector.getTargetNode(e);
 				if (targetNode && params) {
-					const innerText = getDirectText(targetNode);
-					const description = getElementDescription(targetNode);
+					const elementToSelect = getPreciseElementAtPoint(e.clientX, e.clientY, targetNode) || targetNode;
+					const innerText = getDirectText(elementToSelect);
+					const description = getElementDescription(elementToSelect);
 					const elementInfo = {
 						filePath: (_a = params.file) != null ? _a : null,
 						line: (_b = params.line) != null ? _b : null,
@@ -1075,7 +1102,7 @@ var __vue_sfc__ = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
 			required: false,
 			default: "id"
 		},
-		loading: {
+		frameLoading: {
 			type: Boolean,
 			required: false,
 			default: false
@@ -1084,11 +1111,31 @@ var __vue_sfc__ = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
 			type: Boolean,
 			required: false
 		},
+		showSessionListSkeleton: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
 		showEmptyState: {
 			type: Boolean,
 			required: false,
 			default: false
 		},
+		showError: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		emptyStateText: {
+			type: String,
+			required: false,
+			default: "当前项目暂无会话"
+		},
+		emptyStateActionText: {
+			type: String,
+			required: false,
+			default: "立即创建"
+		},
 		iframeSrc: {
 			type: String,
 			required: false,
@@ -1118,16 +1165,6 @@ var __vue_sfc__ = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
 			type: Boolean,
 			required: false,
 			default: true
-		},
-		emptyStateText: {
-			type: String,
-			required: false,
-			default: "当前项目暂无会话"
-		},
-		emptyStateActionText: {
-			type: String,
-			required: false,
-			default: "立即创建"
 		}
 	},
 	emits: [
@@ -1148,7 +1185,8 @@ var __vue_sfc__ = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
 		"click-selected-node",
 		"remove-selected-node",
 		"clear-selected-nodes",
-		"empty-action"
+		"empty-action",
+		"frame-loaded"
 	],
 	setup(__props, { expose: __expose, emit: __emit }) {
 		const props = __props;
@@ -1183,6 +1221,9 @@ var __vue_sfc__ = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
 			dialogVisible.value = false;
 			if (dialogResolve) dialogResolve(false);
 		};
+		const handleFrameLoaded = () => {
+			emit("frame-loaded");
+		};
 		__expose({
 			showNotification,
 			showConfirmDialog
@@ -1273,9 +1314,11 @@ var __vue_sfc__ = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
 			selectEnabled: toRef(props, "selectEnabled"),
 			sessionListCollapsed: localSessionListCollapsed,
 			sessionKey: toRef(props, "sessionKey"),
-			loading: toRef(props, "loading"),
+			frameLoading: toRef(props, "frameLoading"),
 			loadingSessionList: toRef(props, "loadingSessionList"),
+			showSessionListSkeleton: toRef(props, "showSessionListSkeleton"),
 			showEmptyState: toRef(props, "showEmptyState"),
+			showError: toRef(props, "showError"),
 			emptyStateText: toRef(props, "emptyStateText"),
 			emptyStateActionText: toRef(props, "emptyStateActionText"),
 			showClearAll: toRef(props, "showClearAll"),
@@ -1298,7 +1341,8 @@ var __vue_sfc__ = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
 			handleToggleSelectMode,
 			handleClickSelectedNode,
 			handleRemoveSelectedNode: (payload) => handleRemoveSelectedNode(payload.item, payload.index, payload.source),
-			handleClearSelectedNodes
+			handleClearSelectedNodes,
+			handleFrameLoaded
 		});
 		const __returned__ = {
 			props,
@@ -1324,6 +1368,7 @@ var __vue_sfc__ = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
 			showConfirmDialog,
 			handleDialogConfirm,
 			handleDialogCancel,
+			handleFrameLoaded,
 			localSessionListCollapsed,
 			buttonActive,
 			containerClasses,
@@ -1429,10 +1474,15 @@ function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
 						fn: withCtx(() => [renderSlot(_ctx.$slots, "loading")]),
 						key: "1"
 					} : void 0,
+					$setup.slots.error ? {
+						name: "error",
+						fn: withCtx(() => [renderSlot(_ctx.$slots, "error")]),
+						key: "2"
+					} : void 0,
 					$setup.slots.content ? {
 						name: "content",
 						fn: withCtx(() => [renderSlot(_ctx.$slots, "content")]),
-						key: "2"
+						key: "3"
 					} : void 0
 				]), 1024),
 				createVNode($setup["SelectedNodes"])
@@ -1465,7 +1515,7 @@ __vue_sfc__.render = __vue_render__;
 var open_code_widget_default = __vue_sfc__;
 //#endregion
 //#region es/index.js
-var version = "1.0.12";
+var version = "1.0.14";
 function install(app, options) {
 	[open_code_widget_default].forEach((item) => {
 		if (item.install) app.use(item, options);

package/lib/components.css

@@ -1,7 +1,7 @@
 .opencode-widget{--oc-bg-main: #ffffff;--oc-bg-secondary: #f8f9fa;--oc-bg-tertiary: #f3f4f6;--oc-overlay-bg: rgba(255, 255, 255, .9);--oc-bg-inverse: #1e1e1e;--oc-text-primary: #282828;--oc-text-secondary: #4b5563;--oc-text-tertiary: #6b7280;--oc-text-placeholder: #9ca3af;--oc-text-inverse: #ffffff;--oc-border-primary: #e5e7eb;--oc-border-secondary: #d1d5db;--oc-primary: #3b82f6;--oc-primary-hover: #2563eb;--oc-primary-bg: rgba(59, 130, 246, .1);--oc-danger: #ef4444;--oc-danger-hover: #dc2626;--oc-danger-active: #b91c1c;--oc-success: #10b981;--oc-overlay: rgba(0, 0, 0, .5);--oc-tooltip-bg: #1e1e1e;--oc-dialog-overlay: rgba(0, 0, 0, .5);--oc-skeleton-bg: #e5e7eb;--oc-skeleton-gradient: linear-gradient(90deg, #e5e7eb 25%, #f3f4f6 50%, #e5e7eb 75%);--oc-shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--oc-shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--oc-shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--oc-shadow-xl: 0 20px 60px rgba(0, 0, 0, .3);--oc-shadow-primary: 0 2px 4px rgba(59, 130, 246, .2);--oc-shadow-primary-hover: 0 4px 6px rgba(59, 130, 246, .3);--oc-shadow-danger: 0 4px 12px rgba(239, 68, 68, .3);--oc-trigger-bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--oc-trigger-bg-hover: linear-gradient(135deg, #764ba2 0%, #667eea 100%);--oc-trigger-bg-active: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--oc-trigger-shadow: 0 4px 15px rgba(102, 126, 234, .4);--oc-trigger-shadow-hover: 0 6px 20px rgba(102, 126, 234, .6);--oc-trigger-shadow-active: 0 6px 20px rgba(240, 147, 251, .4);position:fixed;z-index:999999;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.opencode-widget.opencode-theme-dark{--oc-bg-main: #1a1a1a;--oc-bg-secondary: #1e1e1e;--oc-bg-tertiary: #282828;--oc-overlay-bg: rgba(26, 26, 26, .9);--oc-bg-inverse: #ffffff;--oc-text-primary: #f3f4f6;--oc-text-secondary: #d1d5db;--oc-text-tertiary: #9ca3af;--oc-text-placeholder: #6b7280;--oc-text-inverse: #282828;--oc-border-primary: #282828;--oc-border-secondary: #4b5563;--oc-primary: #3b82f6;--oc-primary-hover: #2563eb;--oc-primary-bg: rgba(59, 130, 246, .15);--oc-danger: #ef4444;--oc-danger-hover: #dc2626;--oc-danger-active: #b91c1c;--oc-success: #10b981;--oc-overlay: rgba(26, 26, 26, .9);--oc-tooltip-bg: #282828;--oc-dialog-overlay: rgba(0, 0, 0, .7);--oc-skeleton-bg: #151515;--oc-skeleton-gradient: linear-gradient(90deg, #282828 25%, #4b5563 50%, #282828 75%);--oc-shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--oc-shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--oc-shadow-lg: 0 8px 32px rgba(0, 0, 0, .4);--oc-shadow-xl: 0 20px 60px rgba(0, 0, 0, .6);--oc-shadow-primary: 0 2px 4px rgba(59, 130, 246, .3);--oc-shadow-primary-hover: 0 4px 6px rgba(59, 130, 246, .4);--oc-shadow-danger: 0 4px 12px rgba(239, 68, 68, .4);--oc-trigger-bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--oc-trigger-bg-hover: linear-gradient(135deg, #764ba2 0%, #667eea 100%);--oc-trigger-bg-active: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--oc-trigger-shadow: 0 4px 15px rgba(102, 126, 234, .5);--oc-trigger-shadow-hover: 0 6px 20px rgba(102, 126, 234, .7);--oc-trigger-shadow-active: 0 6px 20px rgba(240, 147, 251, .5)}.opencode-widget.bottom-right{bottom:20px;right:20px}.opencode-widget.bottom-left{bottom:20px;left:20px}.opencode-widget.top-right{top:20px;right:20px}.opencode-widget.top-left{top:20px;left:20px}.opencode-chat{position:absolute;width:700px;height:86vh;background:var(--oc-bg-main);border-radius:16px;box-shadow:var(--oc-shadow-lg);overflow:hidden;opacity:0;visibility:hidden;transform:translateY(20px) scale(.95);transition:all .3s ease;display:flex;flex-direction:column}.opencode-chat-content{display:flex;flex:1;overflow:hidden}.opencode-widget.bottom-right .opencode-chat{bottom:56px;right:0}.opencode-widget.bottom-left .opencode-chat{bottom:56px;left:0}.opencode-widget.top-right .opencode-chat{top:56px;right:0}.opencode-widget.top-left .opencode-chat{top:56px;left:0}.opencode-widget.bottom-right .opencode-selected-bubbles{bottom:56px;right:0}.opencode-widget.bottom-left .opencode-selected-bubbles{bottom:56px;left:0}.opencode-widget.top-right .opencode-selected-bubbles{top:56px;bottom:auto;right:0}.opencode-widget.top-left .opencode-selected-bubbles{top:56px;bottom:auto;left:0}.opencode-chat.open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.opencode-notification{position:absolute;top:20px;left:50%;transform:translate(-50%);padding:12px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:10px;font-size:14px;font-weight:500;box-shadow:0 4px 16px rgba(59,130,246,.4),0 0 0 2px rgba(59,130,246,.2);animation:slideDown .3s ease;z-index:10000000;display:flex;align-items:center;gap:10px}.opencode-notification:before{content:"\1f4a1";font-size:16px}.opencode-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--oc-dialog-overlay);display:flex;align-items:center;justify-content:center;z-index:9999999;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.opencode-dialog{background:var(--oc-bg-main);border-radius:12px;padding:24px;min-width:320px;max-width:400px;box-shadow:var(--oc-shadow-xl);animation:scaleIn .2s ease}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.opencode-dialog-content{margin-bottom:20px}.opencode-dialog-message{font-size:15px;color:var(--oc-text-primary);line-height:1.5}.opencode-dialog-actions{display:flex;gap:12px;justify-content:flex-end}.opencode-dialog-btn{padding:10px 20px;border-radius:8px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.opencode-dialog-btn.cancel{background:var(--oc-bg-tertiary);color:var(--oc-text-primary)}.opencode-dialog-btn.cancel:hover{background:var(--oc-text-primary);color:var(--oc-bg-main)}.opencode-dialog-btn.confirm{background:var(--oc-danger);color:#fff}.opencode-dialog-btn.confirm:hover{background:var(--oc-danger-hover)}@keyframes slideDown{0%{transform:translate(-50%) translateY(-100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.opencode-element-highlight{position:fixed;pointer-events:none;z-index:999998;display:none;transition:all .1s ease;border-radius:4px}#vue-inspector-container{display:none!important}.opencode-element-tooltip{position:fixed;background:var(--oc-tooltip-bg);color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;z-index:9999998;display:none;box-shadow:var(--oc-shadow-md);max-width:300px;pointer-events:none}.opencode-tooltip-tag{font-weight:500;margin-bottom:4px;word-break:break-all}.opencode-tooltip-file{font-size:11px;color:var(--oc-text-placeholder);word-break:break-all}.opencode-element-highlight-temp{position:absolute;pointer-events:none;z-index:999998;border-radius:4px;animation:highlight-pulse 2s ease-out forwards}@keyframes highlight-pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}to{opacity:0;transform:scale(1)}}@media(max-width:768px){.opencode-chat{width:calc(100vw - 40px);height:calc(100vh - 100px)}}
-.opencode-iframe-container{flex:1;position:relative;overflow:hidden;display:flex;flex-direction:column;margin-top:-42px}.opencode-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--oc-overlay-bg);display:none;flex-direction:column;align-items:center;justify-content:center;z-index:10;transition:opacity .3s ease}.opencode-loading-overlay.visible{display:flex}.opencode-loading-spinner{width:40px;height:40px;border:3px solid var(--oc-border-primary);border-top-color:var(--oc-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.opencode-loading-text{margin-top:12px;font-size:14px;color:var(--oc-text-placeholder)}.opencode-empty-state-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--oc-bg-secondary);display:none;flex-direction:column;align-items:center;justify-content:center;z-index:5;transition:opacity .3s ease;margin-top:42px}.opencode-empty-state-overlay.visible{display:flex}.opencode-empty-state-icon{color:var(--oc-text-placeholder);margin-bottom:16px}.opencode-empty-state-text{color:var(--oc-text-primary);font-size:16px;font-weight:500;margin-bottom:24px}.opencode-empty-state-btn{padding:10px 24px;border-radius:8px;border:none;background:var(--oc-primary);color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;box-shadow:var(--oc-shadow-primary)}.opencode-empty-state-btn:hover{background:var(--oc-primary-hover);transform:translateY(-1px);box-shadow:var(--oc-shadow-primary-hover)}.opencode-empty-state-btn:active{transform:translateY(0)}.opencode-iframe{width:100%;height:100%;border:none}
+.opencode-iframe-container{flex:1;position:relative;overflow:hidden;display:flex;flex-direction:column;margin-top:-42px}.opencode-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--oc-overlay-bg);display:none;flex-direction:column;align-items:center;justify-content:center;z-index:10;transition:opacity .3s ease}.opencode-loading-overlay.visible{display:flex}.opencode-loading-spinner{width:40px;height:40px;border:3px solid var(--oc-border-primary);border-top-color:var(--oc-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.opencode-loading-text{margin-top:12px;font-size:14px;color:var(--oc-text-placeholder)}.opencode-error-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:15;margin-top:42px;display:none}.opencode-error-overlay.visible{display:flex}.opencode-empty-state-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--oc-bg-secondary);display:none;flex-direction:column;align-items:center;justify-content:center;z-index:5;transition:opacity .3s ease;margin-top:42px}.opencode-empty-state-overlay.visible{display:flex}.opencode-empty-state-icon{color:var(--oc-text-placeholder);margin-bottom:16px}.opencode-empty-state-text{color:var(--oc-text-primary);font-size:16px;font-weight:500;margin-bottom:24px}.opencode-empty-state-btn{padding:10px 24px;border-radius:8px;border:none;background:var(--oc-primary);color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;box-shadow:var(--oc-shadow-primary)}.opencode-empty-state-btn:hover{background:var(--oc-primary-hover);transform:translateY(-1px);box-shadow:var(--oc-shadow-primary-hover)}.opencode-empty-state-btn:active{transform:translateY(0)}.opencode-iframe{width:100%;height:100%;border:none}
 .opencode-chat-header{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 12px;height:40px;background:var(--oc-bg-secondary);border-bottom:1px solid var(--oc-border-primary);z-index:5}.opencode-chat-header-left{display:flex;align-items:center;gap:4px}.opencode-chat-header-title{font-size:14px;font-weight:600;color:var(--oc-text-primary);position:absolute;left:50%;transform:translate(-50%)}.opencode-chat-header-actions{display:flex;gap:4px}.opencode-header-btn{width:28px;height:28px;border-radius:6px;border:none;background:transparent;color:var(--oc-text-placeholder);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.opencode-header-btn:hover{background:var(--oc-bg-tertiary);color:var(--oc-text-primary)}.opencode-header-btn.close:hover{background:var(--oc-danger);color:#fff}.opencode-header-btn.select-btn.active,.opencode-header-btn.session-toggle.active{background:var(--oc-primary);color:#fff}
-.opencode-select-mode-hint{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:14px 20px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-radius:12px;font-size:15px;font-weight:500;box-shadow:0 6px 20px rgba(239,68,68,.5),0 0 0 3px rgba(239,68,68,.3);z-index:9999999;display:none;align-items:center;gap:12px;border:2px solid rgba(255,255,255,.3)}.opencode-select-mode-hint.visible{display:flex;animation:slideDown .3s ease,pulseHint 2s ease-in-out infinite}.opencode-hint-shortcut{padding:4px 10px;background:rgba(255,255,255,.25);border-radius:6px;font-size:13px;font-weight:600;border:1px solid rgba(255,255,255,.4)}@keyframes pulseHint{0%,to{box-shadow:0 6px 20px rgba(239,68,68,.5),0 0 0 3px rgba(239,68,68,.3)}50%{box-shadow:0 6px 20px rgba(239,68,68,.6),0 0 0 6px rgba(239,68,68,.4)}}
+.opencode-select-mode-hint{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:10px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-radius:12px;font-size:14px;font-weight:500;box-shadow:0 6px 20px rgba(239,68,68,.5),0 0 0 3px rgba(239,68,68,.3);z-index:9999999;display:none;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.3)}.opencode-select-mode-hint.visible{display:flex;animation:slideDown .3s ease,pulseHint 2s ease-in-out infinite}.opencode-hint-shortcut{padding:4px 10px;background:rgba(255,255,255,.25);border-radius:6px;font-size:13px;font-weight:600;border:1px solid rgba(255,255,255,.4)}@keyframes pulseHint{0%,to{box-shadow:0 6px 20px rgba(239,68,68,.5),0 0 0 3px rgba(239,68,68,.3)}50%{box-shadow:0 6px 20px rgba(239,68,68,.6),0 0 0 6px rgba(239,68,68,.4)}}
 .opencode-selected-bubbles{position:absolute;display:none;flex-direction:column;gap:6px;max-width:220px;max-height:300px;overflow-y:auto}.opencode-selected-bubbles.visible{display:flex}.opencode-selected-bubble{display:flex;flex-direction:column;gap:2px;padding:8px 24px 8px 10px;background:var(--oc-bg-main);border:1px solid var(--oc-border-primary);border-radius:8px;font-size:12px;box-shadow:var(--oc-shadow-sm);position:relative;cursor:pointer;transition:all .2s}.opencode-selected-bubble:hover{border-color:var(--oc-primary);box-shadow:var(--oc-shadow-primary)}.opencode-bubble-text{color:var(--oc-text-primary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opencode-bubble-file{color:var(--oc-text-placeholder);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opencode-bubble-remove{position:absolute;top:8px;right:6px;width:16px;height:16px;border-radius:50%;border:none;background:transparent;color:var(--oc-text-placeholder);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .2s}.opencode-bubble-remove:hover{background:var(--oc-danger);color:#fff}.opencode-bubble-empty{padding:8px 12px;background:var(--oc-bg-main);border:1px dashed var(--oc-border-secondary);border-radius:8px;color:var(--oc-text-placeholder);font-size:12px;text-align:center}
 .opencode-right-toolbar{width:140px;background:var(--oc-bg-secondary);border-left:1px solid var(--oc-border-primary);display:flex;flex-direction:column;flex-shrink:0;transition:width .2s ease;overflow:hidden}.opencode-right-toolbar.collapsed{width:0;overflow:hidden}.opencode-right-toolbar.collapsed .opencode-selected-nodes-header,.opencode-right-toolbar.collapsed .opencode-selected-nodes,.opencode-right-toolbar.collapsed .opencode-clear-all-btn{display:none}.opencode-selected-nodes-header{padding:12px 8px 8px;border-bottom:1px solid var(--oc-border-primary)}.opencode-selected-nodes-title{font-size:14px;font-weight:600;color:var(--oc-text-primary);margin-bottom:4px}.opencode-selected-nodes-desc{font-size:11px;color:var(--oc-text-placeholder);line-height:1.4}.opencode-selected-nodes{flex:1;display:flex;flex-direction:column;padding:8px;gap:6px;overflow-y:auto;overflow-x:hidden}.opencode-selected-nodes:empty:before{content:"\6682\65e0\9009\4e2d\5143\7d20";color:var(--oc-text-placeholder);font-size:12px;text-align:center;padding:20px 10px}.opencode-selected-node{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--oc-bg-main);border:1px solid var(--oc-border-primary);border-radius:6px;font-size:12px;transition:all .2s}.opencode-selected-node:hover{border-color:var(--oc-primary);box-shadow:var(--oc-shadow-primary)}.opencode-node-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.opencode-node-text{color:var(--oc-text-primary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opencode-node-file{color:var(--oc-text-placeholder);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opencode-node-remove{width:18px;height:18px;border-radius:4px;border:none;background:transparent;color:var(--oc-text-placeholder);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s;flex-shrink:0}.opencode-node-remove:hover{background:var(--oc-danger);color:#fff}.opencode-clear-all-btn{width:calc(100% - 16px);margin:8px;padding:8px 12px;border-radius:6px;border:none;background:var(--oc-danger);color:#fff;font-size:12px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;transition:all .2s}.opencode-clear-all-btn:hover{background:var(--oc-danger-hover);transform:scale(1.02)}
 .opencode-session-list{width:240px;background:var(--oc-bg-secondary);border-right:1px solid var(--oc-border-primary);display:flex;flex-direction:column;flex-shrink:0;transition:width .2s ease}.opencode-session-list.collapsed{width:0;overflow:hidden}.opencode-session-list.collapsed .opencode-session-list-header,.opencode-session-list.collapsed .opencode-session-list-content{display:none}.opencode-session-list-header{padding:16px;border-bottom:1px solid var(--oc-border-primary);display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:14px;color:var(--oc-text-primary)}.opencode-new-session-btn{width:28px;height:28px;border-radius:6px;border:none;background:var(--oc-primary);color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.opencode-new-session-btn:hover{background:var(--oc-primary-hover);transform:scale(1.05)}.opencode-session-list-content{flex:1;overflow-y:auto;padding:8px;position:relative}.opencode-session-list-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--oc-overlay-bg);display:flex;align-items:center;justify-content:center;z-index:10;border-radius:8px}.opencode-loading-spinner.small{width:24px;height:24px;border-width:2px}.opencode-session-item{padding:12px;border-radius:8px;cursor:pointer;transition:transform .2s;margin-bottom:4px;color:var(--oc-text-primary)}.opencode-session-item:hover{background:var(--oc-bg-tertiary)}.opencode-session-item.active{background:var(--oc-primary);color:#fff;transition:none}.opencode-session-title{font-size:14px;font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opencode-session-meta{font-size:12px;opacity:.6}.opencode-session-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.opencode-session-delete-btn{width:20px;height:20px;border-radius:4px;border:none;background:transparent;color:var(--oc-text-placeholder);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;opacity:0;flex-shrink:0}.opencode-session-item:hover .opencode-session-delete-btn{opacity:1}.opencode-session-delete-btn:hover{background:var(--oc-danger);color:#fff}.opencode-session-item.active .opencode-session-delete-btn{color:rgba(255,255,255,.7)}.opencode-session-item.active .opencode-session-delete-btn:hover{background:rgba(255,255,255,.2);color:#fff}.opencode-session-header-skeleton{padding:16px;border-bottom:1px solid var(--oc-border-primary);display:none;justify-content:space-between;align-items:center}.opencode-session-header-skeleton.visible{display:flex}.opencode-skeleton-header-title{height:18px;width:80px;background:var(--oc-skeleton-gradient);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px}.opencode-skeleton-header-btn{width:28px;height:28px;background:var(--oc-skeleton-gradient);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:6px}.opencode-session-skeleton{flex:1;overflow-y:auto;padding:8px;display:none}.opencode-session-skeleton.visible{display:block}.opencode-skeleton-item{padding:12px;border-radius:8px;margin-bottom:4px;background:var(--oc-skeleton-bg)}.opencode-skeleton-title{height:16px;background:var(--oc-skeleton-gradient);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px;margin-bottom:8px;width:70%}.opencode-skeleton-meta{height:12px;background:var(--oc-skeleton-gradient);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px;width:50%}.opencode-session-empty{padding:32px 16px;text-align:center;color:var(--oc-text-placeholder);font-size:13px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}

package/lib/index.d.ts

@@ -1,6 +1,6 @@
 import OpenCodeWidget from './open-code-widget';
 import type { App } from 'vue';
-declare const version = "1.0.12";
+declare const version = "1.0.14";
 declare function install(app: App<any>, options?: any): void;
 export { install, version, OpenCodeWidget };
 export default install;

package/lib/index.js

@@ -34,7 +34,7 @@ __export(lib_exports, {
 });
 module.exports = __toCommonJS(lib_exports);
 var import_open_code_widget = __toESM(require("./open-code-widget"));
-const version = "1.0.12";
+const version = "1.0.14";
 function install(app, options) {
   const components = [
     import_open_code_widget.default