@vite-plugin-opencode-assistant/components 1.0.33 → 1.0.35

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

@@ -1198,21 +1198,17 @@ function useWidget(options) {
 }
 //#endregion
 //#region es/open-code-widget/composables/use-inspector.js
-function throttle(fn, delay) {
-	let lastCall = 0;
-	let rafId = null;
-	return ((...args) => {
-		const now = performance.now();
-		if (now - lastCall >= delay) {
-			lastCall = now;
-			fn(...args);
-		} else if (!rafId) rafId = requestAnimationFrame(() => {
-			rafId = null;
-			lastCall = performance.now();
-			fn(...args);
-		});
-	});
-}
+var IGNORE_SELECTORS = [
+	"#vue-inspector-container",
+	".opencode-widget",
+	".opencode-element-highlight",
+	".opencode-element-tooltip",
+	".opencode-select-mode-hint",
+	".floating-bubble"
+];
+var IGNORE_ATTRIBUTE = "data-v-inspector-ignore";
+var KEY_PROPS_DATA = "__v_inspector";
+var KEY_DATA = "data-v-inspector";
 function getDirectText(element) {
 	let text = "";
 	for (let i = 0; i < element.childNodes.length; i++) {
@@ -1244,67 +1240,26 @@ function isStateClass(className) {
 	if (/^(?:router-link|nuxt-link)/.test(className)) return true;
 	return false;
 }
-function filterStateClasses(classes) {
-	return classes.filter((cls) => !isStateClass(cls));
-}
 function getElementDescription(element) {
-	try {
-		return getCssSelector(element, {
-			selectors: [
-				"id",
-				"class",
-				"tag",
-				"nthchild"
-			],
-			combineWithinSelector: true,
-			combineBetweenSelectors: true,
-			maxCombinations: 100,
-			maxCandidates: 100,
-			blacklist: [(selectorValue) => {
-				const idMatch = selectorValue.match(/^#(.+)$/);
-				if (idMatch) return isDynamicId(idMatch[1]);
-				const classMatch = selectorValue.match(/^\.([a-zA-Z_-][\w-]*)$/);
-				if (classMatch) return isStateClass(classMatch[1]);
-				return false;
-			}]
-		});
-	} catch (e) {
-		const parts = [element.tagName.toLowerCase()];
-		const id = element.id;
-		if (id && !isDynamicId(id)) parts.push(`#${id}`);
-		const className = element.className;
-		if (typeof className === "string") {
-			const classes = filterStateClasses(className.trim().split(/\s+/).filter(Boolean)).slice(0, 2);
-			if (classes.length > 0) parts.push(`.${classes.join(".")}`);
-		} else {
-			const svgClass = className.baseVal;
-			if (svgClass) {
-				const classes = filterStateClasses(svgClass.trim().split(/\s+/).filter(Boolean)).slice(0, 2);
-				if (classes.length > 0) parts.push(`.${classes.join(".")}`);
-			}
-		}
-		const name = element.getAttribute("name");
-		if (name) parts.push(`[name="${name}"]`);
-		const placeholder = element.getAttribute("placeholder");
-		if (placeholder) parts.push(`[placeholder="${placeholder.substring(0, 20)}"]`);
-		if (element.getAttribute("src")) parts.push(`[src]`);
-		const href = element.getAttribute("href");
-		if (href && href !== "#") parts.push(`[href]`);
-		return parts.join("");
-	}
-}
-function getFileInfoFromAttributes(element) {
-	const file = element.getAttribute("data-v-inspector-file");
-	if (file) {
-		const line = element.getAttribute("data-v-inspector-line");
-		const column = element.getAttribute("data-v-inspector-column");
-		return {
-			file,
-			line: line ? parseInt(line, 10) : null,
-			column: column ? parseInt(column, 10) : null
-		};
-	}
-	return null;
+	return getCssSelector(element, {
+		selectors: [
+			"id",
+			"class",
+			"tag",
+			"nthchild"
+		],
+		combineWithinSelector: true,
+		combineBetweenSelectors: true,
+		maxCombinations: 100,
+		maxCandidates: 100,
+		blacklist: [(selectorValue) => {
+			const idMatch = selectorValue.match(/^#(.+)$/);
+			if (idMatch) return isDynamicId(idMatch[1]);
+			const classMatch = selectorValue.match(/^\.([a-zA-Z_-][\w-]*)$/);
+			if (classMatch) return isStateClass(classMatch[1]);
+			return false;
+		}]
+	});
 }
 function getFileInfoFromVueInstance(element) {
 	var _a, _b, _c, _d;
@@ -1336,51 +1291,68 @@ function getFileInfoFromVueInstance(element) {
 	}
 	return null;
 }
-function findFileInfo(element, inspector) {
+function shouldIgnoreElement(el) {
+	if (el.hasAttribute(IGNORE_ATTRIBUTE)) return true;
+	for (const selector of IGNORE_SELECTORS) if (el.closest(selector)) return true;
+	return false;
+}
+function getDataFromElement(el) {
 	var _a, _b;
+	const vnodeData = (_b = (_a = el.__vnode) == null ? void 0 : _a.props) == null ? void 0 : _b[KEY_PROPS_DATA];
+	if (vnodeData) return vnodeData;
+	const attr = el.getAttribute(KEY_DATA);
+	return attr != null ? attr : void 0;
+}
+function findInspectorFileInfo(element) {
 	let current = element;
-	let fallbackFileInfo = null;
 	while (current) {
-		const attrInfo = getFileInfoFromAttributes(current);
-		if (attrInfo && attrInfo.line !== null) return attrInfo;
-		if (attrInfo && !fallbackFileInfo) fallbackFileInfo = attrInfo;
-		const fakeEvent = {
-			clientX: 0,
-			clientY: 0,
-			target: current,
-			currentTarget: current
-		};
-		const { params } = inspector.getTargetNode(fakeEvent);
-		if (params && params.file) {
-			const info = {
-				file: params.file,
-				line: (_a = params.line) != null ? _a : null,
-				column: (_b = params.column) != null ? _b : null
+		const data = getDataFromElement(current);
+		if (data) {
+			const match = data.match(/(.+):([\d]+):([\d]+)$/);
+			if (match) return {
+				file: match[1],
+				line: parseInt(match[2], 10),
+				column: parseInt(match[3], 10)
 			};
-			if (info.line !== null) return info;
-			if (!fallbackFileInfo) fallbackFileInfo = info;
 		}
-		const vueInfo = getFileInfoFromVueInstance(current);
-		if (vueInfo && !fallbackFileInfo) fallbackFileInfo = vueInfo;
 		current = current.parentElement;
 	}
-	return fallbackFileInfo || {
+	return null;
+}
+function mergeFileInfo(inspectorFileInfo, vueFileInfo) {
+	if (!(inspectorFileInfo == null ? void 0 : inspectorFileInfo.file) && !(vueFileInfo == null ? void 0 : vueFileInfo.file)) return {
 		file: null,
 		line: null,
 		column: null
 	};
+	const isNodeModules = (path) => path.includes("node_modules");
+	if ((inspectorFileInfo == null ? void 0 : inspectorFileInfo.file) && (vueFileInfo == null ? void 0 : vueFileInfo.file)) if (!isNodeModules(inspectorFileInfo.file)) return inspectorFileInfo;
+	else if (!isNodeModules(vueFileInfo.file)) return vueFileInfo;
+	else return inspectorFileInfo;
+	else if (inspectorFileInfo == null ? void 0 : inspectorFileInfo.file) return inspectorFileInfo;
+	else return vueFileInfo;
 }
-function getPreciseElementAtPoint(x, y, boundary) {
-	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) {
-			if (boundary.contains(el) || el === boundary) return el;
-		} else return el;
+function getTargetElement(e) {
+	if (!e.target || !(e.target instanceof Element)) return null;
+	const el = e.target;
+	if (shouldIgnoreElement(el)) return null;
+	return el;
+}
+function getFileInfo(e, element) {
+	var _a, _b;
+	const inspector = window.__VUE_INSPECTOR__;
+	let inspectorFileInfo = null;
+	if (inspector) {
+		const { targetNode, params } = inspector.getTargetNode(e);
+		if (targetNode && params && params.file) inspectorFileInfo = {
+			file: params.file,
+			line: (_a = params.line) != null ? _a : null,
+			column: (_b = params.column) != null ? _b : null
+		};
 	}
-	return null;
+	if (element && !inspectorFileInfo) inspectorFileInfo = findInspectorFileInfo(element);
+	const vueFileInfo = element ? getFileInfoFromVueInstance(element) : null;
+	return mergeFileInfo(inspectorFileInfo, vueFileInfo);
 }
 function useInspector(options) {
 	const highlightVisible = ref(false);
@@ -1401,79 +1373,48 @@ function useInspector(options) {
 	});
 	const INSPECTOR_CHECK_INTERVAL = 500;
 	let inspectorCheckTimer = null;
-	let currentHighlightElement = null;
-	let currentFileInfo = {
-		file: null,
-		line: null,
-		column: null
-	};
 	let currentPrimary = "#3b82f6";
 	let currentPrimaryBg = "rgba(59, 130, 246, 0.1)";
-	let currentDescription = "";
-	let currentFileInfoText = "";
+	function setPointerEventsNone(elements) {
+		elements.forEach((el) => {
+			if (el) el.style.pointerEvents = "none";
+		});
+	}
+	function setPointerEventsAuto(elements) {
+		elements.forEach((el) => {
+			if (el) el.style.pointerEvents = "";
+		});
+	}
 	function handleMouseMoveCore(e) {
-		var _a, _b;
 		if (!options.selectMode.value) return;
-		const inspector = window.__VUE_INSPECTOR__;
-		const highlight = document.querySelector(".opencode-element-highlight");
-		const tooltip = document.querySelector(".opencode-element-tooltip");
-		if (highlight) highlight.style.pointerEvents = "none";
-		if (tooltip) tooltip.style.pointerEvents = "none";
-		let elementToHighlight = null;
-		let targetNode;
-		let fileInfo = {
-			file: null,
-			line: null,
-			column: null
-		};
-		try {
-			if (inspector) {
-				const result = inspector.getTargetNode(e);
-				targetNode = result.targetNode;
-				const params = result.params;
-				if (targetNode) {
-					elementToHighlight = getPreciseElementAtPoint(e.clientX, e.clientY, targetNode) || targetNode;
-					if (params && params.file) fileInfo = {
-						file: params.file,
-						line: (_a = params.line) != null ? _a : null,
-						column: (_b = params.column) != null ? _b : null
-					};
-					else fileInfo = findFileInfo(targetNode, inspector);
-				}
-			}
-			if (!elementToHighlight) elementToHighlight = getPreciseElementAtPoint(e.clientX, e.clientY, null);
-			if (elementToHighlight && !fileInfo.file) fileInfo = getFileInfoFromVueInstance(elementToHighlight) || fileInfo;
-		} finally {
-			if (highlight) highlight.style.pointerEvents = "";
-			if (tooltip) tooltip.style.pointerEvents = "";
-		}
+		const uiElements = [
+			document.querySelector(".opencode-element-highlight"),
+			document.querySelector(".opencode-element-tooltip"),
+			document.querySelector(".opencode-select-mode-hint"),
+			document.querySelector(".floating-bubble")
+		];
+		setPointerEventsNone(uiElements);
+		const elementToHighlight = getTargetElement(e);
+		const fileInfo = getFileInfo(e, elementToHighlight);
+		setPointerEventsAuto(uiElements);
 		if (elementToHighlight) {
-			const elementChanged = currentHighlightElement !== elementToHighlight;
-			if (elementChanged) {
-				currentHighlightElement = elementToHighlight;
-				currentFileInfo = fileInfo;
-				const widget = document.querySelector(".opencode-widget");
-				if (widget) {
-					const style = getComputedStyle(widget);
-					currentPrimary = style.getPropertyValue("--oc-primary").trim() || currentPrimary;
-					currentPrimaryBg = style.getPropertyValue("--oc-primary-bg").trim() || currentPrimaryBg;
-				}
-				currentDescription = getElementDescription(elementToHighlight);
-			} else if (!currentFileInfo.file && fileInfo.file) currentFileInfo = fileInfo;
-			const fileName = currentFileInfo.file ? currentFileInfo.file.split("/").pop() : "";
-			let lineInfo = "";
-			if (currentFileInfo.line) {
-				lineInfo = `:${currentFileInfo.line}`;
-				if (currentFileInfo.column) lineInfo += `:${currentFileInfo.column}`;
+			const widget = document.querySelector(".opencode-widget");
+			if (widget) {
+				const style = getComputedStyle(widget);
+				currentPrimary = style.getPropertyValue("--oc-primary").trim() || currentPrimary;
+				currentPrimaryBg = style.getPropertyValue("--oc-primary-bg").trim() || currentPrimaryBg;
 			}
-			const newFileInfoText = fileName ? `${fileName}${lineInfo}` : "";
-			if (elementChanged || currentFileInfoText !== newFileInfoText) {
-				currentFileInfoText = newFileInfoText;
-				tooltipContent.value = {
-					description: currentDescription,
-					fileInfo: currentFileInfoText
-				};
+			const description = getElementDescription(elementToHighlight);
+			const fileName = fileInfo.file ? fileInfo.file.split("/").pop() : "";
+			let lineInfo = "";
+			if (fileInfo.line) {
+				lineInfo = `:${fileInfo.line}`;
+				if (fileInfo.column) lineInfo += `:${fileInfo.column}`;
 			}
+			tooltipContent.value = {
+				description,
+				fileInfo: fileName ? `${fileName}${lineInfo}` : ""
+			};
 			const rect = elementToHighlight.getBoundingClientRect();
 			const newTop = `${rect.top}px`;
 			const newLeft = `${rect.left}px`;
@@ -1489,59 +1430,37 @@ function useInspector(options) {
 			};
 			const tooltipHeight = 50;
 			const tooltipWidth = 200;
+			const margin = 10;
 			let tooltipTop = rect.top - tooltipHeight - 8;
 			let tooltipLeft = rect.left;
-			if (tooltipTop < 10) tooltipTop = rect.bottom + 8;
-			if (tooltipLeft + tooltipWidth > window.innerWidth - 10) tooltipLeft = window.innerWidth - tooltipWidth - 10;
+			if (tooltipTop < margin) tooltipTop = rect.bottom + 8;
+			if (tooltipTop + tooltipHeight > window.innerHeight - margin) tooltipTop = Math.max(margin, rect.top - tooltipHeight - 8);
+			if (tooltipLeft < margin) tooltipLeft = margin;
+			if (tooltipLeft + tooltipWidth > window.innerWidth - margin) tooltipLeft = window.innerWidth - tooltipWidth - margin;
 			const newTooltipTop = `${tooltipTop}px`;
 			const newTooltipLeft = `${tooltipLeft}px`;
 			if (tooltipStyle.value.top !== newTooltipTop || tooltipStyle.value.left !== newTooltipLeft) tooltipStyle.value = {
 				top: newTooltipTop,
 				left: newTooltipLeft
 			};
-			if (!highlightVisible.value) highlightVisible.value = true;
-			if (!tooltipVisible.value) tooltipVisible.value = true;
+			highlightVisible.value = true;
+			tooltipVisible.value = true;
 		} else {
-			currentHighlightElement = null;
-			currentDescription = "";
-			currentFileInfoText = "";
-			currentFileInfo = {
-				file: null,
-				line: null,
-				column: null
-			};
-			if (highlightVisible.value) highlightVisible.value = false;
-			if (tooltipVisible.value) tooltipVisible.value = false;
+			highlightVisible.value = false;
+			tooltipVisible.value = false;
 		}
 	}
-	const handleMouseMove = throttle(handleMouseMoveCore, 16);
+	const handleMouseMove = handleMouseMoveCore;
 	function setupInspectorHook() {
 		const inspector = window.__VUE_INSPECTOR__;
 		if (!inspector || inspector.__opencode_hooked) return;
 		const originalHandleClick = inspector.handleClick.bind(inspector);
 		inspector.handleClick = function(e) {
-			var _a, _b;
 			if (options.selectMode.value) {
 				e.preventDefault();
 				e.stopPropagation();
-				let elementToSelect = null;
-				let fileInfo = {
-					file: null,
-					line: null,
-					column: null
-				};
-				const { targetNode, params } = inspector.getTargetNode(e);
-				if (targetNode) {
-					elementToSelect = getPreciseElementAtPoint(e.clientX, e.clientY, targetNode) || targetNode;
-					if (params && params.file) fileInfo = {
-						file: params.file,
-						line: (_a = params.line) != null ? _a : null,
-						column: (_b = params.column) != null ? _b : null
-					};
-					else if (elementToSelect) fileInfo = findFileInfo(elementToSelect, inspector);
-				}
-				if (!elementToSelect) elementToSelect = getPreciseElementAtPoint(e.clientX, e.clientY, null);
-				if (elementToSelect && !fileInfo.file) fileInfo = getFileInfoFromVueInstance(elementToSelect) || fileInfo;
+				const elementToSelect = getTargetElement(e);
+				const fileInfo = getFileInfo(e, elementToSelect);
 				if (elementToSelect) {
 					const innerText = getDirectText(elementToSelect);
 					const description = getElementDescription(elementToSelect);
@@ -1577,14 +1496,6 @@ function useInspector(options) {
 			if (inspector) inspector.disable();
 			document.removeEventListener("mousemove", handleMouseMove);
 			document.removeEventListener("keydown", handleKeydown, true);
-			currentHighlightElement = null;
-			currentDescription = "";
-			currentFileInfoText = "";
-			currentFileInfo = {
-				file: null,
-				line: null,
-				column: null
-			};
 			highlightVisible.value = false;
 			tooltipVisible.value = false;
 		}
@@ -2390,7 +2301,7 @@ __vue_sfc__.render = __vue_render__;
 var open_code_widget_default = __vue_sfc__;
 //#endregion
 //#region es/index.js
-var version = "1.0.33";
+var version = "1.0.35";
 function install(app, options) {
 	[open_code_widget_default].forEach((item) => {
 		if (item.install) app.use(item, options);

package/lib/components.css

@@ -4,6 +4,6 @@
 .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-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}.opencode-thinking-loading{display:inline-block;width:12px;height:12px;margin-right:6px;border:2px solid var(--oc-border-secondary);border-top-color:var(--oc-text-secondary);border-radius:50%;animation:thinking-spin .8s linear infinite;vertical-align:middle}.opencode-session-item.active .opencode-thinking-loading{border-color:rgba(255,255,255,.3);border-top-color:rgba(255,255,255,.9)}@keyframes thinking-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}
-.opencode-button{width:42px;height:42px;border-radius:50%;background:#fff;border:none;cursor:pointer;box-shadow:0 4px 12px rgba(102,126,234,.4);transition:all .3s ease;display:flex;align-items:center;justify-content:center;padding:0;position:relative}.opencode-button svg{transform:rotate(180deg) scale(1.1);transition:transform .3s ease;width:100%;height:100%;display:block}.opencode-button:hover svg{transform:rotate(180deg) scale(1.1)}.opencode-button:hover{transform:scale(1.1);box-shadow:0 6px 16px rgba(102,126,234,.5)}.opencode-button.thinking{background:linear-gradient(135deg,#667eea,#764ba2);animation:thinking-glow 1.5s ease-in-out infinite,thinking-pulse 1.5s ease-in-out infinite;box-shadow:0 0 20px rgba(102,126,234,.6),0 0 40px rgba(118,75,162,.4),0 0 60px rgba(102,126,234,.2)}.opencode-button.thinking svg path{fill:#fff}.opencode-button.thinking:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;background:linear-gradient(135deg,#8b9cf5,#9d6bc7);z-index:-1}.opencode-button.thinking:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background:conic-gradient(from 180deg,transparent,rgba(102,126,234,.3),transparent,rgba(118,75,162,.3),transparent);z-index:-2;animation:thinking-rotate 2s linear infinite reverse;filter:blur(8px)}@keyframes thinking-glow{0%,to{box-shadow:0 0 20px rgba(102,126,234,.6),0 0 40px rgba(118,75,162,.4),0 0 60px rgba(102,126,234,.2)}50%{box-shadow:0 0 30px rgba(102,126,234,.8),0 0 60px rgba(118,75,162,.6),0 0 90px rgba(102,126,234,.3)}}@keyframes thinking-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes thinking-pulse{0%,to{transform:scale(1)}50%{transform:scale(.85)}}.opencode-button.opencode-theme-dark{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px rgba(102,126,234,.3)}.opencode-button.opencode-theme-dark:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;background:linear-gradient(135deg,#8b9cf5,#9d6bc7);z-index:-1}.opencode-button.opencode-theme-dark:hover{box-shadow:0 6px 16px rgba(102,126,234,.4)}.opencode-button.opencode-theme-dark svg path{fill:#fff}
+.opencode-button{width:42px;height:42px;border-radius:50%;background:#fff;border:none;cursor:pointer;box-shadow:0 4px 12px rgba(102,126,234,.4);transition:all .3s ease;display:flex;align-items:center;justify-content:center;padding:0;position:relative}.opencode-button svg{transform:rotate(180deg) scale(1.1);transition:transform .3s ease;width:100%;height:100%;display:block}.opencode-button:hover svg{transform:rotate(180deg) scale(1.1)}.opencode-button:hover{transform:scale(1.1);box-shadow:0 6px 16px rgba(102,126,234,.5)}.opencode-button.thinking{background:linear-gradient(135deg,#667eea,#764ba2);animation:thinking-glow 2s ease-in-out infinite,thinking-pulse 2s ease-in-out infinite;box-shadow:0 0 20px rgba(102,126,234,.6),0 0 40px rgba(118,75,162,.4),0 0 60px rgba(102,126,234,.2)}.opencode-button.thinking svg path{fill:#fff}.opencode-button.thinking:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;background:linear-gradient(135deg,#8b9cf5,#9d6bc7);z-index:-1}.opencode-button.thinking:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background:conic-gradient(from 180deg,transparent,rgba(102,126,234,.3),transparent,rgba(118,75,162,.3),transparent);z-index:-2;animation:thinking-rotate 2s linear infinite reverse;filter:blur(8px)}@keyframes thinking-glow{0%,to{box-shadow:0 0 20px rgba(102,126,234,.6),0 0 40px rgba(118,75,162,.4),0 0 60px rgba(102,126,234,.2)}50%{box-shadow:0 0 30px rgba(102,126,234,.8),0 0 60px rgba(118,75,162,.6),0 0 90px rgba(102,126,234,.3)}}@keyframes thinking-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes thinking-pulse{0%,to{transform:scale(1)}50%{transform:scale(.92)}}.opencode-button.opencode-theme-dark{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px rgba(102,126,234,.3)}.opencode-button.opencode-theme-dark:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;background:linear-gradient(135deg,#8b9cf5,#9d6bc7);z-index:-1}.opencode-button.opencode-theme-dark:hover{box-shadow:0 6px 16px rgba(102,126,234,.4)}.opencode-button.opencode-theme-dark svg path{fill:#fff}
 .floating-bubble{position:fixed;top:0;left:0;z-index:999999;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;will-change:transform}.floating-bubble:active{cursor:grabbing}body.floating-bubble-dragging *{pointer-events:none!important}body.floating-bubble-dragging .floating-bubble,body.floating-bubble-dragging .floating-bubble *{pointer-events:auto!important}
 /*$vite$:1*/

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.33";
+declare const version = "1.0.35";
 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.33";
+const version = "1.0.35";
 function install(app, options) {
   const components = [
     import_open_code_widget.default