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

package/lib/open-code-widget/composables/use-inspector.js

@@ -33,23 +33,17 @@ module.exports = __toCommonJS(use_inspector_exports);
 var import_vue = require("vue");
 var import_shared = require("@vite-plugin-opencode-assistant/shared");
 var import_css_selector_generator = __toESM(require("css-selector-generator"));
-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);
-      });
-    }
-  });
-}
+const IGNORE_SELECTORS = [
+  "#vue-inspector-container",
+  ".opencode-widget",
+  ".opencode-element-highlight",
+  ".opencode-element-tooltip",
+  ".opencode-select-mode-hint",
+  ".floating-bubble"
+];
+const IGNORE_ATTRIBUTE = "data-v-inspector-ignore";
+const KEY_PROPS_DATA = "__v_inspector";
+const KEY_DATA = "data-v-inspector";
 function getDirectText(element) {
   let text = "";
   for (let i = 0; i < element.childNodes.length; i++) {
@@ -98,74 +92,27 @@ function isStateClass(className) {
   }
   return false;
 }
-function filterStateClasses(classes) {
-  return classes.filter((cls) => !isStateClass(cls));
-}
 function getElementDescription(element) {
-  try {
-    const selector = (0, import_css_selector_generator.default)(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;
+  return (0, import_css_selector_generator.default)(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]);
         }
-      ]
-    });
-    return selector;
-  } catch (e) {
-    const tag = element.tagName.toLowerCase();
-    const parts = [tag];
-    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 classMatch = selectorValue.match(/^\.([a-zA-Z_-][\w-]*)$/);
+        if (classMatch) {
+          return isStateClass(classMatch[1]);
+        }
+        return false;
       }
-    }
-    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)}"]`);
-    const src = element.getAttribute("src");
-    if (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;
+    ]
+  });
 }
 function getFileInfoFromVueInstance(element) {
   var _a, _b, _c, _d;
@@ -193,61 +140,83 @@ 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;
+    const data = getDataFromElement(current);
+    if (data) {
+      const splitRE = /(.+):([\d]+):([\d]+)$/;
+      const match = data.match(splitRE);
+      if (match) {
+        return {
+          file: match[1],
+          line: parseInt(match[2], 10),
+          column: parseInt(match[3], 10)
+        };
+      }
     }
-    if (attrInfo && !fallbackFileInfo) {
-      fallbackFileInfo = attrInfo;
+    current = current.parentElement;
+  }
+  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;
     }
-    const fakeEvent = {
-      clientX: 0,
-      clientY: 0,
-      target: current,
-      currentTarget: current
-    };
-    const { params } = inspector.getTargetNode(fakeEvent);
-    if (params && params.file) {
-      const info = {
+  } else if (inspectorFileInfo == null ? void 0 : inspectorFileInfo.file) {
+    return inspectorFileInfo;
+  } else {
+    return vueFileInfo;
+  }
+}
+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
       };
-      if (info.line !== null) {
-        return info;
-      }
-      if (!fallbackFileInfo) {
-        fallbackFileInfo = info;
-      }
     }
-    const vueInfo = getFileInfoFromVueInstance(current);
-    if (vueInfo && !fallbackFileInfo) {
-      fallbackFileInfo = vueInfo;
-    }
-    current = current.parentElement;
   }
-  return fallbackFileInfo || { file: null, line: null, column: null };
-}
-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;
-    }
+  if (element && !inspectorFileInfo) {
+    inspectorFileInfo = findInspectorFileInfo(element);
   }
-  return null;
+  const vueFileInfo = element ? getFileInfoFromVueInstance(element) : null;
+  return mergeFileInfo(inspectorFileInfo, vueFileInfo);
 }
 function useInspector(options) {
   const highlightVisible = (0, import_vue.ref)(false);
@@ -262,84 +231,50 @@ function useInspector(options) {
   const tooltipContent = (0, import_vue.ref)({ description: "", fileInfo: "" });
   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) {
-          const preciseElement = getPreciseElementAtPoint(e.clientX, e.clientY, targetNode);
-          elementToHighlight = preciseElement || 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 selectHint = document.querySelector(".opencode-select-mode-hint");
+    const floatingBubble = document.querySelector(".floating-bubble");
+    const uiElements = [highlight, tooltip, selectHint, floatingBubble];
+    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 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 fileName = currentFileInfo.file ? currentFileInfo.file.split("/").pop() : "";
+      const description = getElementDescription(elementToHighlight);
+      const fileName = fileInfo.file ? fileInfo.file.split("/").pop() : "";
       let lineInfo = "";
-      if (currentFileInfo.line) {
-        lineInfo = `:${currentFileInfo.line}`;
-        if (currentFileInfo.column) {
-          lineInfo += `:${currentFileInfo.column}`;
+      if (fileInfo.line) {
+        lineInfo = `:${fileInfo.line}`;
+        if (fileInfo.column) {
+          lineInfo += `:${fileInfo.column}`;
         }
       }
-      const newFileInfoText = fileName ? `${fileName}${lineInfo}` : "";
-      const fileInfoChanged = currentFileInfoText !== newFileInfoText;
-      if (elementChanged || fileInfoChanged) {
-        currentFileInfoText = newFileInfoText;
-        tooltipContent.value = {
-          description: currentDescription,
-          fileInfo: currentFileInfoText
-        };
-      }
+      const fileInfoText = fileName ? `${fileName}${lineInfo}` : "";
+      tooltipContent.value = {
+        description,
+        fileInfo: fileInfoText
+      };
       const rect = elementToHighlight.getBoundingClientRect();
       const newTop = `${rect.top}px`;
       const newLeft = `${rect.left}px`;
@@ -357,13 +292,20 @@ 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) {
+      if (tooltipTop < margin) {
         tooltipTop = rect.bottom + 8;
       }
-      if (tooltipLeft + tooltipWidth > window.innerWidth - 10) {
-        tooltipLeft = window.innerWidth - tooltipWidth - 10;
+      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`;
@@ -373,57 +315,24 @@ function useInspector(options) {
           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) {
-          const preciseElement = getPreciseElementAtPoint(e.clientX, e.clientY, targetNode);
-          elementToSelect = preciseElement || 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);
@@ -463,10 +372,6 @@ function useInspector(options) {
       }
       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;
     }

package/lib/open-code-widget/src/components/Trigger-sfc.css

@@ -1 +1 @@
-.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}

package/lib/web-types.json

@@ -1 +1 @@
-{"$schema":"https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json","framework":"vue","name":"@vite-plugin-opencode-assistant/components","version":"1.0.33","contributions":{"html":{"tags":[{"name":"open-code","attributes":[{"name":"","default":"`'bottom-right'`","description":"挂件显示的位置","value":{"type":"`'bottom-right' | 'bottom-left' | 'top-right' | 'top-left'`","kind":"expression"}},{"name":"","default":"`false`","description":"挂件是否打开","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`'auto'`","description":"主题模式","value":{"type":"`'light' | 'dark' | 'auto'`","kind":"expression"}},{"name":"","default":"`'AI 助手'`","description":"助手头部显示的标题","value":{"type":"`string`","kind":"expression"}},{"name":"","default":"`'Ctrl+K'`","description":"快捷键提示文本","value":{"type":"`string`","kind":"expression"}},{"name":"","default":"`'按 ESC 或 Ctrl+P 退出'`","description":"选择模式快捷键提示文本","value":{"type":"`string`","kind":"expression"}},{"name":"","default":"`false`","description":"是否进入选择页面元素模式","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`true`","description":"会话列表是否折叠","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`'id'`","description":"会话列表项的唯一键字段","value":{"type":"`string`","kind":"expression"}},{"name":"","default":"`false`","description":"iframe 是否显示加载状态","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`undefined`","description":"会话列表是否加载中","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`false`","description":"是否显示会话列表骨架屏","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`false`","description":"是否显示空状态","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`false`","description":"是否显示错误状态","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`'当前项目暂无会话'`","description":"空状态显示的文本","value":{"type":"`string`","kind":"expression"}},{"name":"","default":"`'立即创建'`","description":"空状态操作按钮文本","value":{"type":"`string`","kind":"expression"}},{"name":"","default":"`''`","description":"Web UI 的 URL 来源","value":{"type":"`string`","kind":"expression"}},{"name":"","default":"`[]`","description":"会话列表数据","value":{"type":"`OpenCodeWidgetSession[]`","kind":"expression"}},{"name":"","default":"`null`","description":"当前选中的会话 ID","value":{"type":"`string | null`","kind":"expression"}},{"name":"","default":"`[]`","description":"已选中的元素列表","value":{"type":"`OpenCodeSelectedElement[]`","kind":"expression"}},{"name":"","default":"`true`","description":"是否显示\"一键清空\"按钮","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`true`","description":"是否启用选择模式","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`false`","description":"是否显示思考状态（加载中）","value":{"type":"`boolean`","kind":"expression"}}],"events":[{"name":"`update:open`","description":"当挂件打开或关闭时触发","arguments":[{"name":"open","type":"en"},{"name":"boolean"}]},{"name":"`update:selectMode`","description":"当选择模式切换时触发","arguments":[{"name":"mode","type":"de"},{"name":"boolean"}]},{"name":"`update:sessionListCollapsed`","description":"当会话列表折叠状态改变时触发","arguments":[{"name":"collapsed","type":"ed"},{"name":"boolean"}]},{"name":"`update:currentSessionId`","description":"当选中的会话 ID 改变时触发","arguments":[{"name":"sessionId","type":"Id"},{"name":"string | null"}]},{"name":"`update:selectedElements`","description":"当已选中的元素列表改变时触发","arguments":[{"name":"elements","type":"ts"},{"name":"OpenCodeSelectedElement[]"}]},{"name":"`update:theme`","description":"当主题模式改变时触发","arguments":[{"name":"theme","type":"me"},{"name":"'light' | 'dark' | 'auto'"}]},{"name":"`update:thinking`","description":"当思考状态改变时触发","arguments":[{"name":"thinking","type":"ng"},{"name":"boolean"}]},{"name":"","description":"点击触发挂件开关","arguments":[{"name":"open","type":"en"},{"name":"boolean"}]},{"name":"","description":"点击关闭按钮时触发","arguments":[]},{"name":"`toggle-session-list`","description":"点击会话列表切换按钮时触发","arguments":[{"name":"collapsed","type":"ed"},{"name":"boolean"}]},{"name":"`toggle-select-mode`","description":"点击选择模式切换按钮时触发","arguments":[{"name":"mode","type":"de"},{"name":"boolean"}]},{"name":"`toggle-theme`","description":"点击主题切换按钮时触发","arguments":[{"name":"theme","type":"me"},{"name":"'light' | 'dark' | 'auto'"}]},{"name":"`create-session`","description":"点击创建新会话时触发","arguments":[]},{"name":"`select-session`","description":"选中某个历史会话时触发","arguments":[{"name":"session","type":"on"},{"name":"OpenCodeWidgetSession"}]},{"name":"`delete-session`","description":"删除某个历史会话时触发","arguments":[{"name":"session","type":"on"},{"name":"OpenCodeWidgetSession"}]},{"name":"`click-selected-node`","description":"点击已选中的气泡或节点卡片时触发","arguments":[{"name":"element","type":"nt"},{"name":"OpenCodeSelectedElement"}]},{"name":"`remove-selected-node`","description":"删除已选中的元素时触发","arguments":[{"name":"payload","type":"ad"},{"name":"OpenCodeRemoveSelectedPayload"}]},{"name":"`clear-selected-nodes`","description":"清空所有选中元素时触发","arguments":[]},{"name":"`empty-action`","description":"点击空状态操作按钮时触发","arguments":[]},{"name":"`frame-loaded`","description":"iframe 加载完成时触发","arguments":[]},{"name":"`thinking-change`","description":"思考状态改变时触发（用于显示加载动画）","arguments":[{"name":"thinking","type":"ng"},{"name":"boolean"}]}],"slots":[{"name":"`button-icon`","description":"自定义触发按钮图标"},{"name":"`session-toggle-icon`","description":"自定义会话列表切换图标"},{"name":"`select-icon`","description":"自定义选择模式切换图标"},{"name":"`close-icon`","description":"自定义关闭按钮图标"},{"name":"`theme-icon`","description":"自定义主题切换图标"},{"name":"`sessions-empty`","description":"自定义会话列表空状态"},{"name":"`empty-state`","description":"自定义 iframe 空状态"},{"name":"","description":"自定义 iframe 加载状态"},{"name":"","description":"自定义错误状态"},{"name":"","description":"自定义 iframe 内容"}]}],"attributes":[]}},"js-types-syntax":"typescript"}
+{"$schema":"https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json","framework":"vue","name":"@vite-plugin-opencode-assistant/components","version":"1.0.35","contributions":{"html":{"tags":[{"name":"open-code","attributes":[{"name":"","default":"`'bottom-right'`","description":"挂件显示的位置","value":{"type":"`'bottom-right' | 'bottom-left' | 'top-right' | 'top-left'`","kind":"expression"}},{"name":"","default":"`false`","description":"挂件是否打开","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`'auto'`","description":"主题模式","value":{"type":"`'light' | 'dark' | 'auto'`","kind":"expression"}},{"name":"","default":"`'AI 助手'`","description":"助手头部显示的标题","value":{"type":"`string`","kind":"expression"}},{"name":"","default":"`'Ctrl+K'`","description":"快捷键提示文本","value":{"type":"`string`","kind":"expression"}},{"name":"","default":"`'按 ESC 或 Ctrl+P 退出'`","description":"选择模式快捷键提示文本","value":{"type":"`string`","kind":"expression"}},{"name":"","default":"`false`","description":"是否进入选择页面元素模式","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`true`","description":"会话列表是否折叠","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`'id'`","description":"会话列表项的唯一键字段","value":{"type":"`string`","kind":"expression"}},{"name":"","default":"`false`","description":"iframe 是否显示加载状态","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`undefined`","description":"会话列表是否加载中","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`false`","description":"是否显示会话列表骨架屏","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`false`","description":"是否显示空状态","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`false`","description":"是否显示错误状态","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`'当前项目暂无会话'`","description":"空状态显示的文本","value":{"type":"`string`","kind":"expression"}},{"name":"","default":"`'立即创建'`","description":"空状态操作按钮文本","value":{"type":"`string`","kind":"expression"}},{"name":"","default":"`''`","description":"Web UI 的 URL 来源","value":{"type":"`string`","kind":"expression"}},{"name":"","default":"`[]`","description":"会话列表数据","value":{"type":"`OpenCodeWidgetSession[]`","kind":"expression"}},{"name":"","default":"`null`","description":"当前选中的会话 ID","value":{"type":"`string | null`","kind":"expression"}},{"name":"","default":"`[]`","description":"已选中的元素列表","value":{"type":"`OpenCodeSelectedElement[]`","kind":"expression"}},{"name":"","default":"`true`","description":"是否显示\"一键清空\"按钮","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`true`","description":"是否启用选择模式","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`false`","description":"是否显示思考状态（加载中）","value":{"type":"`boolean`","kind":"expression"}}],"events":[{"name":"`update:open`","description":"当挂件打开或关闭时触发","arguments":[{"name":"open","type":"en"},{"name":"boolean"}]},{"name":"`update:selectMode`","description":"当选择模式切换时触发","arguments":[{"name":"mode","type":"de"},{"name":"boolean"}]},{"name":"`update:sessionListCollapsed`","description":"当会话列表折叠状态改变时触发","arguments":[{"name":"collapsed","type":"ed"},{"name":"boolean"}]},{"name":"`update:currentSessionId`","description":"当选中的会话 ID 改变时触发","arguments":[{"name":"sessionId","type":"Id"},{"name":"string | null"}]},{"name":"`update:selectedElements`","description":"当已选中的元素列表改变时触发","arguments":[{"name":"elements","type":"ts"},{"name":"OpenCodeSelectedElement[]"}]},{"name":"`update:theme`","description":"当主题模式改变时触发","arguments":[{"name":"theme","type":"me"},{"name":"'light' | 'dark' | 'auto'"}]},{"name":"`update:thinking`","description":"当思考状态改变时触发","arguments":[{"name":"thinking","type":"ng"},{"name":"boolean"}]},{"name":"","description":"点击触发挂件开关","arguments":[{"name":"open","type":"en"},{"name":"boolean"}]},{"name":"","description":"点击关闭按钮时触发","arguments":[]},{"name":"`toggle-session-list`","description":"点击会话列表切换按钮时触发","arguments":[{"name":"collapsed","type":"ed"},{"name":"boolean"}]},{"name":"`toggle-select-mode`","description":"点击选择模式切换按钮时触发","arguments":[{"name":"mode","type":"de"},{"name":"boolean"}]},{"name":"`toggle-theme`","description":"点击主题切换按钮时触发","arguments":[{"name":"theme","type":"me"},{"name":"'light' | 'dark' | 'auto'"}]},{"name":"`create-session`","description":"点击创建新会话时触发","arguments":[]},{"name":"`select-session`","description":"选中某个历史会话时触发","arguments":[{"name":"session","type":"on"},{"name":"OpenCodeWidgetSession"}]},{"name":"`delete-session`","description":"删除某个历史会话时触发","arguments":[{"name":"session","type":"on"},{"name":"OpenCodeWidgetSession"}]},{"name":"`click-selected-node`","description":"点击已选中的气泡或节点卡片时触发","arguments":[{"name":"element","type":"nt"},{"name":"OpenCodeSelectedElement"}]},{"name":"`remove-selected-node`","description":"删除已选中的元素时触发","arguments":[{"name":"payload","type":"ad"},{"name":"OpenCodeRemoveSelectedPayload"}]},{"name":"`clear-selected-nodes`","description":"清空所有选中元素时触发","arguments":[]},{"name":"`empty-action`","description":"点击空状态操作按钮时触发","arguments":[]},{"name":"`frame-loaded`","description":"iframe 加载完成时触发","arguments":[]},{"name":"`thinking-change`","description":"思考状态改变时触发（用于显示加载动画）","arguments":[{"name":"thinking","type":"ng"},{"name":"boolean"}]}],"slots":[{"name":"`button-icon`","description":"自定义触发按钮图标"},{"name":"`session-toggle-icon`","description":"自定义会话列表切换图标"},{"name":"`select-icon`","description":"自定义选择模式切换图标"},{"name":"`close-icon`","description":"自定义关闭按钮图标"},{"name":"`theme-icon`","description":"自定义主题切换图标"},{"name":"`sessions-empty`","description":"自定义会话列表空状态"},{"name":"`empty-state`","description":"自定义 iframe 空状态"},{"name":"","description":"自定义 iframe 加载状态"},{"name":"","description":"自定义错误状态"},{"name":"","description":"自定义 iframe 内容"}]}],"attributes":[]}},"js-types-syntax":"typescript"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vite-plugin-opencode-assistant/components",
-  "version": "1.0.33",
+  "version": "1.0.35",
   "description": "Reusable OpenCode widget components built with Pagoda CLI",
   "type": "module",
   "main": "lib/index.js",
@@ -31,7 +31,7 @@
   },
   "dependencies": {
     "css-selector-generator": "^3.9.1",
-    "@vite-plugin-opencode-assistant/shared": "1.0.33"
+    "@vite-plugin-opencode-assistant/shared": "1.0.35"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^6.0.5",