@howone/sdk 0.2.3 → 0.2.4

package/dist/index.mjs

@@ -1507,7 +1507,6 @@ var ViteHMRDetector = class {
     if (this.isInitialized) return;
     this.setupViteErrorDetection();
     this.isInitialized = true;
-    console.log("[ViteHMRDetector] Vite HMR \u9519\u8BEF\u68C0\u6D4B\u5668\u521D\u59CB\u5316\u5B8C\u6210");
   }
   /**
    * 销毁检测器
@@ -1558,10 +1557,8 @@ var ViteHMRDetector = class {
         setTimeout(() => this.checkForCompileErrors(), 500);
       });
       hot.on("vite:beforeUpdate", () => {
-        console.log("[ViteHMRDetector] HMR \u66F4\u65B0\u5F00\u59CB");
       });
       hot.on("vite:afterUpdate", () => {
-        console.log("[ViteHMRDetector] HMR \u66F4\u65B0\u5B8C\u6210");
       });
     }
     window.addEventListener("error", (event) => {
@@ -1599,7 +1596,6 @@ var ViteHMRDetector = class {
         payload: errorPayload,
         timestamp: Date.now()
       });
-      console.log("[ViteHMRDetector] Vite \u9519\u8BEF\u5DF2\u68C0\u6D4B\u5E76\u62A5\u544A:", errorPayload);
     } catch (err) {
       this.handleFallbackError(errorOverlay, err);
     }
@@ -1872,20 +1868,16 @@ var HardRefreshManager = class {
       clearedStorage: []
     };
     try {
-      console.log("[HardRefreshManager] \u5F00\u59CB\u6267\u884C\u786C\u5237\u65B0...");
       if (defaultOptions.clearCaches) {
         const clearedCaches = await this.clearAllCaches();
         result.clearedCaches = clearedCaches;
-        console.log(`[HardRefreshManager] \u5DF2\u6E05\u9664 ${clearedCaches.length} \u4E2A\u7F13\u5B58`);
       }
       if (defaultOptions.unregisterServiceWorkers) {
         const unregisteredCount = await this.unregisterServiceWorkers();
         result.unregisteredWorkers = unregisteredCount;
-        console.log(`[HardRefreshManager] \u5DF2\u6CE8\u9500 ${unregisteredCount} \u4E2A Service Worker`);
       }
       const clearedStorage = await this.clearStorage(defaultOptions);
       result.clearedStorage = clearedStorage;
-      console.log(`[HardRefreshManager] \u5DF2\u6E05\u9664\u5B58\u50A8: ${clearedStorage.join(", ")}`);
       await this.forceReload(defaultOptions);
       result.success = true;
       return result;
@@ -2484,7 +2476,6 @@ var ComponentTreeGenerator = class {
       maxTextLength: 100,
       maxChildren: 50
     };
-    console.log("[ComponentTreeGenerator] \u7EC4\u4EF6\u6811\u751F\u6210\u5668\u521D\u59CB\u5316\u5B8C\u6210");
   }
   /** ----------------- 主要生成方法 ----------------- */
   /**
@@ -2493,7 +2484,6 @@ var ComponentTreeGenerator = class {
   generateComponentTree(rootElement) {
     const startTime = Date.now();
     const root = rootElement || document.body;
-    console.log("[ComponentTreeGenerator] \u5F00\u59CB\u751F\u6210\u7EC4\u4EF6\u6811...");
     const rootNode = this.generateNodeTree(root, 0);
     const stats = this.calculateTreeStats(rootNode);
     const componentTree = {
@@ -2514,7 +2504,6 @@ var ComponentTreeGenerator = class {
       }
     };
     const generationTime = Date.now() - startTime;
-    console.log(`[ComponentTreeGenerator] \u7EC4\u4EF6\u6811\u751F\u6210\u5B8C\u6210\uFF0C\u8017\u65F6 ${generationTime}ms\uFF0C\u8282\u70B9\u6570: ${stats.totalNodes}`);
     return componentTree;
   }
   /**
@@ -2865,7 +2854,6 @@ var ComponentTreeGenerator = class {
    */
   updateConfig(newConfig) {
     this.config = { ...this.config, ...newConfig };
-    console.log("[ComponentTreeGenerator] \u914D\u7F6E\u5DF2\u66F4\u65B0:", this.config);
   }
   /**
    * 获取当前配置
@@ -2888,7 +2876,6 @@ var ComponentTreeGenerator = class {
    * 销毁生成器
    */
   destroy() {
-    console.log("[ComponentTreeGenerator] \u7EC4\u4EF6\u6811\u751F\u6210\u5668\u5DF2\u9500\u6BC1");
   }
 };
 
@@ -3065,7 +3052,6 @@ var ErrorTracking = class {
     this.viewDetector = null;
     this.interactionTracking = null;
     this.sendMessage = sendMessage;
-    this.internalLog("log", "[ErrorTracking] \u9519\u8BEF\u8FFD\u8E2A\u6A21\u5757\u521D\u59CB\u5316\u5B8C\u6210");
   }
   /**
    * 内部日志方法，避免被控制台拦截器捕获
@@ -3101,10 +3087,8 @@ var ErrorTracking = class {
     this.setupConsoleInterception();
     this.setupNetworkMonitoring();
     this.initialized = true;
-    this.internalLog("log", "[ErrorTracking] \u9519\u8BEF\u8FFD\u8E2A\u529F\u80FD\u5DF2\u542F\u7528");
     setTimeout(() => {
       this.fullyInitialized = true;
-      this.internalLog("log", "[ErrorTracking] \u521D\u59CB\u5316\u5B8C\u6210\uFF0C\u63A7\u5236\u53F0\u62E6\u622A\u5DF2\u9ED8\u8BA4\u542F\u7528");
     }, 1e3);
   }
   /**
@@ -3129,7 +3113,6 @@ var ErrorTracking = class {
         source: "unhandledrejection"
       });
     });
-    this.internalLog("log", "[ErrorTracking] \u5168\u5C40\u9519\u8BEF\u76D1\u542C\u5668\u5DF2\u8BBE\u7F6E");
   }
   /**
    * 设置控制台拦截
@@ -3153,7 +3136,6 @@ var ErrorTracking = class {
         }
       };
     });
-    this.internalLog("log", "[ErrorTracking] \u63A7\u5236\u53F0\u62E6\u622A\u5DF2\u8BBE\u7F6E");
   }
   /**
    * 安全地将控制台输出转发到父窗口
@@ -3281,7 +3263,6 @@ var ErrorTracking = class {
         throw error;
       }
     };
-    this.internalLog("log", "[ErrorTracking] \u7F51\u7EDC\u76D1\u63A7\u5DF2\u8BBE\u7F6E");
   }
   /**
    * 记录网络请求
@@ -3573,14 +3554,12 @@ var ErrorTracking = class {
    */
   enableConsoleInterception() {
     this.fullyInitialized = true;
-    this.internalLog("log", "[ErrorTracking] \u624B\u52A8\u542F\u7528\u63A7\u5236\u53F0\u62E6\u622A");
   }
   /**
    * 手动禁用控制台拦截
    */
   disableConsoleInterception() {
     this.fullyInitialized = false;
-    this.internalLog("log", "[ErrorTracking] \u624B\u52A8\u7981\u7528\u63A7\u5236\u53F0\u62E6\u622A");
   }
   /**
    * 销毁错误追踪
@@ -3592,10 +3571,32 @@ var ErrorTracking = class {
       }
     });
     this.initialized = false;
-    this.internalLog("log", "[ErrorTracking] \u9519\u8BEF\u8FFD\u8E2A\u6A21\u5757\u5DF2\u9500\u6BC1");
   }
 };
 
+// src/utils/unified-error-handler/utils/SelectorUtils.ts
+function getElementClasses(element) {
+  const classAttr = element.getAttribute("class");
+  if (classAttr && classAttr.trim().length > 0) {
+    return dedupeAndClean(classAttr.split(/\s+/));
+  }
+  const anyEl = element;
+  if (typeof anyEl.className === "string") {
+    return dedupeAndClean(anyEl.className.split(/\s+/));
+  }
+  if (anyEl.className && typeof anyEl.className.baseVal === "string") {
+    return dedupeAndClean(anyEl.className.baseVal.split(/\s+/));
+  }
+  if (anyEl.classList && anyEl.classList.length > 0) {
+    return dedupeAndClean(Array.from(anyEl.classList));
+  }
+  return [];
+}
+function dedupeAndClean(arr) {
+  const cleaned = arr.map((s) => s.trim()).filter(Boolean);
+  return Array.from(new Set(cleaned));
+}
+
 // src/utils/unified-error-handler/features/InteractionTracking.ts
 var InteractionTracking = class {
   constructor(sendMessage) {
@@ -3619,7 +3620,6 @@ var InteractionTracking = class {
     this.debounceTimers = /* @__PURE__ */ new Map();
     this.eventListeners = [];
     this.sendMessage = sendMessage;
-    console.log("[InteractionTracking] \u4EA4\u4E92\u8FFD\u8E2A\u6A21\u5757\u521D\u59CB\u5316\u5B8C\u6210");
   }
   /** ----------------- 主要控制方法 ----------------- */
   /**
@@ -3635,7 +3635,6 @@ var InteractionTracking = class {
       title: document.title,
       timestamp: Date.now()
     });
-    console.log("[InteractionTracking] \u4EA4\u4E92\u8FFD\u8E2A\u5DF2\u5F00\u59CB");
   }
   /**
    * 停止追踪
@@ -3644,7 +3643,6 @@ var InteractionTracking = class {
     if (!this.isTracking) return;
     this.removeEventListeners();
     this.isTracking = false;
-    console.log("[InteractionTracking] \u4EA4\u4E92\u8FFD\u8E2A\u5DF2\u505C\u6B62");
   }
   /** ----------------- 事件监听器设置 ----------------- */
   /**
@@ -3957,979 +3955,121 @@ var InteractionTracking = class {
    */
   getElementSelector(element) {
     if (element.id) return `#${element.id}`;
-    if (element.className) {
-      const classes = element.className.split(" ").filter((c) => c.trim());
-      if (classes.length > 0) {
-        return `.${classes[0]}`;
-      }
+    const classes = getElementClasses(element);
+    if (classes.length > 0) {
+      return `.${classes[0]}`;
     }
     const dataTestId = element.getAttribute("data-testid");
     if (dataTestId) return `[data-testid="${dataTestId}"]`;
     const dataId = element.getAttribute("data-id");
-    if (dataId) return `[data-id="${dataId}"]`;
-    return element.tagName.toLowerCase();
-  }
-  /**
-   * 检查是否为敏感输入
-   */
-  isSensitiveInput(element) {
-    if (!this.trackingConfig.sensitiveInputFilter) return false;
-    const sensitiveTypes = ["password", "email", "tel", "ssn", "credit-card"];
-    const sensitiveNames = ["password", "email", "phone", "ssn", "credit", "card", "cvv", "pin"];
-    return sensitiveTypes.includes(element.type) || sensitiveNames.some(
-      (name) => element.name?.toLowerCase().includes(name) || element.placeholder?.toLowerCase().includes(name) || element.id?.toLowerCase().includes(name)
-    );
-  }
-  /**
-   * 管理数组长度
-   */
-  manageArrayLength(array, maxLength) {
-    if (array.length > maxLength) {
-      array.shift();
-    }
-  }
-  /** ----------------- 公共接口方法 ----------------- */
-  /**
-   * 获取交互历史
-   */
-  getInteractionHistory() {
-    return [...this.interactions];
-  }
-  /**
-   * 获取最近的交互记录
-   */
-  getRecentInteractions(count = 8) {
-    return this.interactions.slice(-count);
-  }
-  /**
-   * 手动发送交互数据到父窗口（用于测试或特殊情况）
-   */
-  sendInteractionData() {
-    if (this.interactions.length === 0) return;
-    this.sendMessage({
-      type: "INTERACTION_EVENT",
-      payload: {
-        type: "summary",
-        interactions: this.interactions,
-        count: this.interactions.length,
-        timeRange: {
-          start: this.interactions[0]?.timestamp || Date.now(),
-          end: this.interactions[this.interactions.length - 1]?.timestamp || Date.now()
-        },
-        summary: this.generateInteractionSummary()
-      },
-      timestamp: Date.now()
-    });
-  }
-  /**
-   * 生成交互摘要
-   */
-  generateInteractionSummary() {
-    const summary = {
-      totalInteractions: this.interactions.length,
-      typeCount: {},
-      uniqueElements: /* @__PURE__ */ new Set(),
-      timeSpan: 0
-    };
-    this.interactions.forEach((interaction) => {
-      summary.typeCount[interaction.type] = (summary.typeCount[interaction.type] || 0) + 1;
-      if (interaction.element) {
-        summary.uniqueElements.add(interaction.element);
-      }
-    });
-    if (this.interactions.length > 1) {
-      summary.timeSpan = this.interactions[this.interactions.length - 1].timestamp - this.interactions[0].timestamp;
-    }
-    return {
-      ...summary,
-      uniqueElements: Array.from(summary.uniqueElements),
-      mostCommonType: Object.entries(summary.typeCount).sort(([, a], [, b]) => b - a)[0]?.[0] || "unknown"
-    };
-  }
-  /**
-   * 清除交互历史
-   */
-  clearInteractionHistory() {
-    this.interactions = [];
-  }
-  /**
-   * 更新追踪配置
-   */
-  updateConfig(newConfig) {
-    this.trackingConfig = { ...this.trackingConfig, ...newConfig };
-    if (this.isTracking) {
-      this.removeEventListeners();
-      this.setupEventListeners();
-    }
-  }
-  /**
-   * 获取追踪状态
-   */
-  isTrackingActive() {
-    return this.isTracking;
-  }
-  /**
-   * 销毁交互追踪
-   */
-  destroy() {
-    this.stopTracking();
-    this.interactions = [];
-    console.log("[InteractionTracking] \u4EA4\u4E92\u8FFD\u8E2A\u6A21\u5757\u5DF2\u9500\u6BC1");
-  }
-};
-
-// src/utils/unified-error-handler/features/ElementSelector.ts
-var ElementSelector2 = class {
-  constructor(sendMessage) {
-    this.config = { ...DEFAULT_SELECTOR_CONFIG };
-    this.isActive = false;
-    this.highlightedElement = null;
-    this.selectedElements = [];
-    this.rootElement = null;
-    this.tooltip = null;
-    this.styleElement = null;
-    this.eventListeners = [];
-    this.lastClickTimestamp = 0;
-    this.lastClickTarget = null;
-    this.mousePosition = { x: 0, y: 0 };
-    this.sendMessage = sendMessage;
-    this.initializeSelector();
-  }
-  /** ----------------- 初始化方法 ----------------- */
-  /**
-   * 初始化选择器
-   */
-  initializeSelector() {
-    this.waitForRootElement();
-    this.createTooltip();
-    this.createStyles();
-  }
-  /**
-   * 等待根元素加载
-   */
-  async waitForRootElement() {
-    const maxAttempts = 50;
-    let attempts = 0;
-    while (attempts < maxAttempts) {
-      this.rootElement = document.querySelector("#root") || document.body;
-      if (this.rootElement) {
-        break;
-      }
-      await new Promise((resolve) => setTimeout(resolve, 100));
-      attempts++;
-    }
-    if (!this.rootElement) {
-      this.rootElement = document.body;
-    }
-  }
-  /**
-   * 创建工具提示
-   */
-  createTooltip() {
-    this.tooltip = document.createElement("div");
-    this.tooltip.className = "element-selector-tooltip";
-    this.tooltip.setAttribute("role", "tooltip");
-    this.tooltip.style.display = "none";
-    document.body.appendChild(this.tooltip);
-  }
-  /**
-   * 创建样式
-   */
-  createStyles() {
-    this.styleElement = document.createElement("style");
-    this.styleElement.id = "element-selector-styles";
-    this.styleElement.textContent = this.generateCSS();
-    document.head.appendChild(this.styleElement);
-  }
-  /**
-   * 生成 CSS 样式
-   */
-  generateCSS() {
-    return `
-      .element-selector-tooltip {
-        position: fixed;
-        z-index: ${this.config.TOOLTIP_Z_INDEX};
-        pointer-events: none;
-        background-color: ${this.config.TOOLTIP_BACKGROUND};
-        color: ${this.config.TOOLTIP_COLOR};
-        padding: ${this.config.TOOLTIP_PADDING};
-        border-radius: ${this.config.TOOLTIP_BORDER_RADIUS};
-        font-size: ${this.config.TOOLTIP_FONT_SIZE};
-        font-weight: bold;
-        line-height: 1;
-        white-space: nowrap;
-        box-shadow: 0 2px 4px rgba(0,0,0,0.2);
-        transition: opacity 0.2s ease-in-out;
-        margin: 0;
-      }
-      
-      [data-element-hovered] {
-        position: relative;
-        outline: ${this.config.HIGHLIGHT_BORDER_WIDTH} ${this.config.HIGHLIGHT_BORDER_STYLE} ${this.config.HIGHLIGHT_COLOR} !important;
-        outline-offset: 0 !important;
-        background-color: ${this.config.HIGHLIGHT_COLOR}20 !important;
-        z-index: 9999;
-      }
-
-      [data-element-selected] {
-        position: relative;
-        outline: ${this.config.SELECTED_BORDER_WIDTH} ${this.config.HIGHLIGHT_BORDER_STYLE} ${this.config.SELECTED_COLOR} !important;
-        outline-offset: 3px !important;
-        background-color: ${this.config.SELECTED_COLOR}15 !important;
-        z-index: 9999;
-      }
-
-      [data-element-selected][contenteditable] {
-        outline: none !important;
-      }
-
-      [data-element-hovered][data-full-width],
-      [data-element-selected][data-full-width] {
-        outline-offset: -5px !important;
-      }
-      
-      .element-selector-active {
-        cursor: ${this.config.cursor} !important;
-      }
-      
-      .element-selector-active * {
-        cursor: ${this.config.cursor} !important;
-      }
-
-      /* \u963B\u6B62\u539F\u751F hover \u6548\u679C\u7684\u5168\u5C40\u6837\u5F0F */
-      body.element-selector-active * {
-        /* \u963B\u6B62\u539F\u751F CSS hover \u4F2A\u7C7B\u6548\u679C */
-        transition: none !important;
-      }
-
-      /* \u963B\u6B62\u6240\u6709 hover \u76F8\u5173\u7684 CSS \u4F2A\u7C7B\uFF0C\u4F46\u6392\u9664\u6211\u4EEC\u7684\u9009\u62E9\u5668\u5143\u7D20 */
-      body.element-selector-active *:hover:not([data-element-selected]):not([data-element-hovered]) {
-        background-color: inherit !important;
-        color: inherit !important;
-        border-color: inherit !important;
-        box-shadow: inherit !important;
-        transform: inherit !important;
-        opacity: inherit !important;
-        filter: inherit !important;
-      }
-
-      /* \u786E\u4FDD\u6211\u4EEC\u7684\u9009\u62E9\u5668\u6837\u5F0F\u4F18\u5148\u7EA7\u6700\u9AD8 */
-      body.element-selector-active [data-element-selected] {
-        background-color: ${this.config.SELECTED_COLOR}15 !important;
-        outline: ${this.config.SELECTED_BORDER_WIDTH} ${this.config.HIGHLIGHT_BORDER_STYLE} ${this.config.SELECTED_COLOR} !important;
-      }
-
-      body.element-selector-active [data-element-hovered] {
-        background-color: ${this.config.HIGHLIGHT_COLOR}20 !important;
-        outline: ${this.config.HIGHLIGHT_BORDER_WIDTH} ${this.config.HIGHLIGHT_BORDER_STYLE} ${this.config.HIGHLIGHT_COLOR} !important;
-      }
-
-      /* \u786E\u4FDD\u5DE5\u5177\u63D0\u793A\u4E0D\u53D7\u5F71\u54CD */
-      body.element-selector-active .element-selector-tooltip {
-        pointer-events: none !important;
-      }
-    `;
-  }
-  /** ----------------- 选择器状态管理 ----------------- */
-  /**
-   * 启用选择器
-   */
-  enableSelector() {
-    if (this.isActive) return;
-    this.isActive = true;
-    document.body.classList.add("element-selector-active");
-    this.setupEventListeners();
-    this.manageButtonStates(true);
-    this.sendMessage({
-      type: "SELECTOR_ENABLED",
-      payload: { isActive: true }
-    });
-  }
-  /**
-   * 禁用选择器
-   */
-  disableSelector() {
-    if (!this.isActive) return;
-    this.isActive = false;
-    document.body.classList.remove("element-selector-active");
-    this.removeEventListeners();
-    this.clearHighlight();
-    this.clearSelection();
-    this.manageButtonStates(false);
-    this.hideTooltip();
-    this.sendMessage({
-      type: "SELECTOR_DISABLED",
-      payload: { isActive: false }
-    });
-  }
-  /**
-   * 切换选择器状态
-   */
-  toggleSelector() {
-    if (this.isActive) {
-      this.disableSelector();
-    } else {
-      this.enableSelector();
-    }
-  }
-  /**
-   * 获取选择器状态
-   */
-  getSelectorState() {
-    return {
-      isActive: this.isActive,
-      highlightedElement: this.highlightedElement ? this.getElementInfo(this.highlightedElement) : null,
-      selectedElements: this.selectedElements.map((el) => this.getElementInfo(el)),
-      config: { ...this.config }
-    };
-  }
-  /** ----------------- 事件监听器管理 ----------------- */
-  /**
-   * 设置事件监听器
-   */
-  setupEventListeners() {
-    this.addEventListenerWithCleanup(document, "mouseover", this.handleMouseOver.bind(this), { passive: true });
-    this.addEventListenerWithCleanup(document, "mouseout", this.handleMouseOut.bind(this), { passive: true });
-    this.addEventListenerWithCleanup(document, "mousemove", this.trackMousePosition.bind(this), { passive: true });
-    this.addEventListenerWithCleanup(document, "click", this.handleClick.bind(this), { capture: true });
-    this.addEventListenerWithCleanup(document, "dblclick", this.handleDoubleClick.bind(this), { capture: true });
-    this.addEventListenerWithCleanup(window, "scroll", this.handleScroll.bind(this), { passive: true });
-    this.addEventListenerWithCleanup(document, "keydown", this.handleKeyDown.bind(this));
-    this.addEventListenerWithCleanup(document, "mousedown", this.preventFormInteraction.bind(this), { capture: true });
-    this.addEventListenerWithCleanup(document, "submit", this.preventAllInteraction.bind(this), { capture: true });
-    this.addEventListenerWithCleanup(document, "touchstart", this.preventAllInteraction.bind(this), { capture: true });
-    this.addEventListenerWithCleanup(document, "touchend", this.preventAllInteraction.bind(this), { capture: true });
-  }
-  /**
-   * 添加事件监听器并记录以便清理
-   */
-  addEventListenerWithCleanup(element, event, handler, options) {
-    element.addEventListener(event, handler, options);
-    this.eventListeners.push({ element, event, handler, options });
-  }
-  /**
-   * 移除所有事件监听器
-   */
-  removeEventListeners() {
-    this.eventListeners.forEach(({ element, event, handler }) => {
-      element.removeEventListener(event, handler);
-    });
-    this.eventListeners = [];
-  }
-  /** ----------------- 事件处理方法 ----------------- */
-  /**
-   * 跟踪鼠标位置
-   */
-  trackMousePosition(event) {
-    this.mousePosition = { x: event.clientX, y: event.clientY };
-  }
-  /**
-   * 处理鼠标悬停
-   */
-  handleMouseOver(event) {
-    if (!this.isActive) return;
-    const target = event.target;
-    if (!this.isSelectableElement(target)) return;
-    this.highlightElement(target);
-    this.updateTooltip(target);
-  }
-  /**
-   * 处理鼠标离开
-   */
-  handleMouseOut(event) {
-    if (!this.isActive) return;
-    this.clearHighlight();
-    this.hideTooltip();
-  }
-  /**
-   * 处理点击
-   */
-  handleClick(event) {
-    if (!this.isActive) return;
-    const currentTimestamp = Date.now();
-    const target = event.target;
-    if (this.lastClickTarget === target && currentTimestamp - this.lastClickTimestamp < 100) {
-      event.preventDefault();
-      event.stopPropagation();
-      return;
-    }
-    this.lastClickTimestamp = currentTimestamp;
-    this.lastClickTarget = target;
-    event.preventDefault();
-    event.stopPropagation();
-    if (!this.isSelectableElement(target)) return;
-    if (event.metaKey || event.ctrlKey) {
-      this.toggleElementSelection(target);
-    } else {
-      this.selectElement(target);
-    }
-    this.sendMessage({
-      type: "ELEMENT_CLICKED",
-      payload: {
-        element: this.getElementInfo(target),
-        isMultiSelect: event.metaKey || event.ctrlKey
-      }
-    });
-  }
-  /**
-   * 处理双击
-   */
-  handleDoubleClick(event) {
-    if (!this.isActive) return;
-    event.preventDefault();
-    event.stopPropagation();
-    const target = event.target;
-    if (!this.isSelectableElement(target)) return;
-    this.sendMessage({
-      type: "ELEMENT_DOUBLE_CLICKED",
-      payload: {
-        element: this.getElementInfo(target)
-      }
-    });
-  }
-  /**
-   * 处理滚动
-   */
-  handleScroll() {
-    if (!this.isActive) return;
-    this.hideTooltip();
-  }
-  /**
-   * 处理键盘事件
-   */
-  handleKeyDown(event) {
-    if (!this.isActive) return;
-    const keyboardEvent = event;
-    if (keyboardEvent.key === "Escape") {
-      event.preventDefault();
-      event.stopPropagation();
-      this.disableSelector();
-    }
-  }
-  /**
-   * 阻止表单交互
-   */
-  preventFormInteraction(event) {
-    if (!this.isActive) return;
-    const target = event.target;
-    if (["input", "textarea", "select"].includes(target.tagName.toLowerCase())) {
-      event.preventDefault();
-    }
-  }
-  /**
-   * 阻止所有交互
-   */
-  preventAllInteraction(event) {
-    if (this.isActive) {
-      event.preventDefault();
-      event.stopPropagation();
-      return false;
-    }
-  }
-  /** ----------------- 元素操作方法 ----------------- */
-  /**
-   * 高亮元素
-   */
-  highlightElement(element) {
-    this.clearHighlight();
-    this.highlightedElement = element;
-    element.setAttribute("data-element-hovered", "true");
-    if (this.isFullWidthElement(element)) {
-      element.setAttribute("data-full-width", "true");
-    }
-  }
-  /**
-   * 清除高亮
-   */
-  clearHighlight() {
-    if (this.highlightedElement) {
-      this.highlightedElement.removeAttribute("data-element-hovered");
-      this.highlightedElement.removeAttribute("data-full-width");
-      this.highlightedElement = null;
-    }
-  }
-  /**
-   * 选择元素
-   */
-  selectElement(element) {
-    this.clearSelection();
-    this.selectedElements = [element];
-    element.setAttribute("data-element-selected", "true");
-    if (this.isFullWidthElement(element)) {
-      element.setAttribute("data-full-width", "true");
-    }
-  }
-  /**
-   * 切换元素选择状态
-   */
-  toggleElementSelection(element) {
-    const index = this.selectedElements.indexOf(element);
-    if (index > -1) {
-      this.selectedElements.splice(index, 1);
-      element.removeAttribute("data-element-selected");
-      element.removeAttribute("data-full-width");
-    } else {
-      this.selectedElements.push(element);
-      element.setAttribute("data-element-selected", "true");
-      if (this.isFullWidthElement(element)) {
-        element.setAttribute("data-full-width", "true");
-      }
-    }
-  }
-  /**
-   * 清除选择
-   */
-  clearSelection() {
-    this.selectedElements.forEach((element) => {
-      element.removeAttribute("data-element-selected");
-      element.removeAttribute("data-full-width");
-    });
-    this.selectedElements = [];
-  }
-  /** ----------------- 工具提示管理 ----------------- */
-  /**
-   * 更新工具提示
-   */
-  updateTooltip(element) {
-    if (!this.tooltip) return;
-    const rect = element.getBoundingClientRect();
-    const tagName = element.tagName.toLowerCase();
-    this.tooltip.textContent = tagName;
-    this.tooltip.style.display = "block";
-    const isFullWidth = this.isFullWidthElement(element);
-    if (isFullWidth) {
-      this.tooltip.style.left = this.config.FULL_WIDTH_TOOLTIP_OFFSET + "px";
-      this.tooltip.style.top = this.config.FULL_WIDTH_TOOLTIP_OFFSET + "px";
-    } else {
-      const top = Math.max(0, rect.top - 30);
-      this.tooltip.style.left = `${Math.max(0, rect.left)}px`;
-      this.tooltip.style.top = `${top}px`;
-    }
-  }
-  /**
-   * 隐藏工具提示
-   */
-  hideTooltip() {
-    if (this.tooltip) {
-      this.tooltip.style.display = "none";
-    }
-  }
-  /** ----------------- 按钮状态管理 ----------------- */
-  /**
-   * 管理按钮状态
-   */
-  manageButtonStates(enable) {
-    if (!this.rootElement) return;
-    const buttons = this.rootElement.querySelectorAll('button, input[type="button"], input[type="submit"]');
-    if (enable) {
-      buttons.forEach((button) => {
-        const btn = button;
-        if (!btn.disabled) {
-          btn.disabled = true;
-          btn.setAttribute("data-selector-disabled", "true");
-        }
-      });
-    } else {
-      buttons.forEach((button) => {
-        const btn = button;
-        if (btn.hasAttribute("data-selector-disabled")) {
-          btn.disabled = false;
-          btn.removeAttribute("data-selector-disabled");
-        }
-      });
-    }
-  }
-  /** ----------------- 新增的精确代码位置定位方法 ----------------- */
-  /**
-   * 检查元素是否有 howone ID
-   */
-  hasHowoneId(element) {
-    return element.hasAttribute("data-howone-id");
-  }
-  /**
-   * 解析 howone ID
-   */
-  parseHowoneId(element) {
-    const howoneId = element.getAttribute("data-howone-id");
-    if (!howoneId) return null;
-    try {
-      if (howoneId.includes(":")) {
-        const parts = howoneId.split(":");
-        if (parts.length >= 2) {
-          return {
-            filePath: parts[0],
-            lineNumber: parseInt(parts[1], 10),
-            col: parts[2] ? parseInt(parts[2], 10) : 0
-          };
-        }
-      } else {
-        const parsed = JSON.parse(howoneId);
-        if (parsed.filePath && parsed.lineNumber) {
-          return {
-            filePath: parsed.filePath,
-            lineNumber: parsed.lineNumber,
-            col: parsed.col || 0
-          };
-        }
-      }
-    } catch (error) {
-      console.warn("[ElementSelector] \u89E3\u6790 data-howone-id \u5931\u8D25:", error);
-    }
-    return null;
-  }
-  /**
-   * 获取元素的代码位置
-   */
-  getElementLocation(element) {
-    return this.parseHowoneId(element);
-  }
-  /**
-   * 提取元素数据（包含位置信息）
-   */
-  extractElementData(element) {
-    const location = this.getElementLocation(element);
-    return {
-      id: element.id || void 0,
-      className: element.className || void 0,
-      textContent: element.textContent?.trim().substring(0, 100) || void 0,
-      filePath: location?.filePath,
-      lineNumber: location?.lineNumber,
-      col: location?.col,
-      elementType: element.tagName.toLowerCase(),
-      attrs: this.getElementAttributes(element)
-    };
-  }
-  /**
-   * 根据代码位置查找元素
-   */
-  findElementsByLocation(filePath, lineNumber) {
-    const elements = [];
-    const elementsWithHowoneId = this.rootElement?.querySelectorAll("[data-howone-id]") || [];
-    elementsWithHowoneId.forEach((element) => {
-      const location = this.getElementLocation(element);
-      if (location && location.filePath === filePath && location.lineNumber === lineNumber) {
-        elements.push(element);
-      }
-    });
-    return elements;
-  }
-  /**
-   * 获取指定坐标位置的元素
-   */
-  getElementAtPoint(x, y) {
-    const originalDisplay = this.tooltip?.style.display;
-    if (this.tooltip) {
-      this.tooltip.style.display = "none";
-    }
-    const element = document.elementFromPoint(x, y);
-    if (this.tooltip && originalDisplay) {
-      this.tooltip.style.display = originalDisplay;
-    }
-    return element;
-  }
-  /** ----------------- 元素编辑功能 ----------------- */
-  /**
-   * 设置元素内容
-   */
-  setElementContent(selector, content) {
-    try {
-      const element = document.querySelector(selector);
-      if (!element) return false;
-      if (element.tagName.toLowerCase() === "input" || element.tagName.toLowerCase() === "textarea") {
-        element.value = content;
-      } else {
-        element.textContent = content;
-      }
-      this.sendMessage({
-        type: "ELEMENT_CONTENT_UPDATED",
-        payload: {
-          selector,
-          content,
-          element: this.getElementInfo(element)
-        }
-      });
-      return true;
-    } catch (error) {
-      console.error("[ElementSelector] \u8BBE\u7F6E\u5143\u7D20\u5185\u5BB9\u5931\u8D25:", error);
-      return false;
-    }
-  }
-  /**
-   * 设置元素属性
-   */
-  setElementAttributes(selector, attributes) {
-    try {
-      const element = document.querySelector(selector);
-      if (!element) return false;
-      Object.entries(attributes).forEach(([key, value]) => {
-        if (value === null || value === void 0) {
-          element.removeAttribute(key);
-        } else {
-          element.setAttribute(key, value);
-        }
-      });
-      this.sendMessage({
-        type: "ELEMENT_ATTRIBUTES_UPDATED",
-        payload: {
-          selector,
-          attributes,
-          element: this.getElementInfo(element)
-        }
-      });
-      return true;
-    } catch (error) {
-      console.error("[ElementSelector] \u8BBE\u7F6E\u5143\u7D20\u5C5E\u6027\u5931\u8D25:", error);
-      return false;
-    }
-  }
-  /**
-   * 复制元素
-   */
-  duplicateElement(selector) {
-    try {
-      const element = document.querySelector(selector);
-      if (!element || !element.parentNode) return false;
-      const clonedElement = element.cloneNode(true);
-      clonedElement.removeAttribute("data-blnk-id");
-      element.parentNode.insertBefore(clonedElement, element.nextSibling);
-      this.sendMessage({
-        type: "ELEMENT_DUPLICATED",
-        payload: {
-          originalSelector: selector,
-          duplicatedElement: this.getElementInfo(clonedElement)
-        }
-      });
-      return true;
-    } catch (error) {
-      console.error("[ElementSelector] \u590D\u5236\u5143\u7D20\u5931\u8D25:", error);
-      return false;
-    }
-  }
-  /**
-   * 启用文本编辑
-   */
-  enableTextEditing(selector) {
-    try {
-      const element = document.querySelector(selector);
-      if (!element) return false;
-      element.setAttribute("contenteditable", "true");
-      element.setAttribute("data-editing", "true");
-      element.focus();
-      const handleEditComplete = () => {
-        element.removeAttribute("contenteditable");
-        element.removeAttribute("data-editing");
-        element.removeEventListener("blur", handleEditComplete);
-        element.removeEventListener("keydown", handleKeyDown);
-        this.sendMessage({
-          type: "ELEMENT_TEXT_UPDATED",
-          payload: {
-            selector,
-            content: element.textContent || "",
-            element: this.getElementInfo(element)
-          }
-        });
-      };
-      const handleKeyDown = (event) => {
-        const keyboardEvent = event;
-        if (keyboardEvent.key === "Enter" && !keyboardEvent.shiftKey) {
-          event.preventDefault();
-          handleEditComplete();
-        } else if (keyboardEvent.key === "Escape") {
-          event.preventDefault();
-          handleEditComplete();
-        }
-      };
-      element.addEventListener("blur", handleEditComplete);
-      element.addEventListener("keydown", handleKeyDown);
-      return true;
-    } catch (error) {
-      console.error("[ElementSelector] \u542F\u7528\u6587\u672C\u7F16\u8F91\u5931\u8D25:", error);
-      return false;
-    }
-  }
-  /** ----------------- 高级交互功能 ----------------- */
-  /**
-   * 获取父元素
-   */
-  getParentElement(selector) {
-    try {
-      const element = document.querySelector(selector);
-      return element?.parentElement || null;
-    } catch (error) {
-      console.error("[ElementSelector] \u83B7\u53D6\u7236\u5143\u7D20\u5931\u8D25:", error);
-      return null;
-    }
-  }
-  /**
-   * 外部悬停控制 - 通过选择器悬停元素
-   */
-  hoverElementBySelector(selector) {
-    try {
-      const element = document.querySelector(selector);
-      if (!element) return false;
-      this.highlightElement(element);
-      this.updateTooltip(element);
-      return true;
-    } catch (error) {
-      console.error("[ElementSelector] \u5916\u90E8\u60AC\u505C\u63A7\u5236\u5931\u8D25:", error);
-      return false;
-    }
+    if (dataId) return `[data-id="${dataId}"]`;
+    return element.tagName.toLowerCase();
   }
   /**
-   * 外部悬停控制 - 取消悬停
+   * 检查是否为敏感输入
    */
-  unhoverElement() {
-    this.clearHighlight();
-    this.hideTooltip();
+  isSensitiveInput(element) {
+    if (!this.trackingConfig.sensitiveInputFilter) return false;
+    const sensitiveTypes = ["password", "email", "tel", "ssn", "credit-card"];
+    const sensitiveNames = ["password", "email", "phone", "ssn", "credit", "card", "cvv", "pin"];
+    return sensitiveTypes.includes(element.type) || sensitiveNames.some(
+      (name) => element.name?.toLowerCase().includes(name) || element.placeholder?.toLowerCase().includes(name) || element.id?.toLowerCase().includes(name)
+    );
   }
-  /** ----------------- 辅助方法 ----------------- */
   /**
-   * 检查元素是否为全宽元素
+   * 管理数组长度
    */
-  isFullWidthElement(element) {
-    try {
-      const rect = element.getBoundingClientRect();
-      return Math.abs(rect.width - window.innerWidth) < 5;
-    } catch (error) {
-      console.warn("[ElementSelector] \u68C0\u67E5\u5168\u5BBD\u5143\u7D20\u5931\u8D25:", error);
-      return false;
+  manageArrayLength(array, maxLength) {
+    if (array.length > maxLength) {
+      array.shift();
     }
   }
+  /** ----------------- 公共接口方法 ----------------- */
   /**
-   * 检查元素是否可选择
+   * 获取交互历史
    */
-  isSelectableElement(element) {
-    if (!element || element === document.body || element === document.documentElement) {
-      return false;
-    }
-    if (this.hasHowoneId(element)) {
-      return true;
-    }
-    if (element.id === "howone-element-tooltip" || element.classList.contains("howone-tooltip")) {
-      return false;
-    }
-    const tagName = element.tagName.toLowerCase();
-    if (["script", "style", "meta", "link", "title"].includes(tagName)) {
-      return false;
-    }
-    return true;
+  getInteractionHistory() {
+    return [...this.interactions];
   }
   /**
-   * 获取元素信息
+   * 获取最近的交互记录
    */
-  getElementInfo(element) {
-    const location = this.getElementLocation(element);
-    return {
-      tagName: element.tagName.toLowerCase(),
-      id: element.id || void 0,
-      className: element.className || void 0,
-      textContent: element.textContent?.trim().substring(0, 100) || void 0,
-      attributes: this.getElementAttributes(element),
-      selector: this.getElementSelector(element),
-      boundingRect: element.getBoundingClientRect(),
-      location: location || void 0
-    };
+  getRecentInteractions(count = 8) {
+    return this.interactions.slice(-count);
   }
   /**
-   * 获取元素属性
+   * 手动发送交互数据到父窗口（用于测试或特殊情况）
    */
-  getElementAttributes(element) {
-    const attrs = {};
-    const importantAttrs = ["id", "class", "data-testid", "data-howone-id", "data-component-path", "data-blnk-id", "href", "src", "type", "name"];
-    importantAttrs.forEach((attr) => {
-      const value = element.getAttribute(attr);
-      if (value) {
-        attrs[attr] = value;
-      }
+  sendInteractionData() {
+    if (this.interactions.length === 0) return;
+    this.sendMessage({
+      type: "INTERACTION_EVENT",
+      payload: {
+        type: "summary",
+        interactions: this.interactions,
+        count: this.interactions.length,
+        timeRange: {
+          start: this.interactions[0]?.timestamp || Date.now(),
+          end: this.interactions[this.interactions.length - 1]?.timestamp || Date.now()
+        },
+        summary: this.generateInteractionSummary()
+      },
+      timestamp: Date.now()
     });
-    return attrs;
   }
   /**
-   * 获取元素选择器
+   * 生成交互摘要
    */
-  getElementSelector(element) {
-    const howoneId = element.getAttribute("data-howone-id");
-    if (howoneId) {
-      return `[data-howone-id="${howoneId}"]`;
-    }
-    if (element.id) {
-      return `#${element.id}`;
-    }
-    const dataTestId = element.getAttribute("data-testid");
-    if (dataTestId) {
-      return `[data-testid="${dataTestId}"]`;
-    }
-    if (element.className) {
-      const classes = element.className.split(" ").filter((c) => c.trim());
-      if (classes.length > 0) {
-        return `.${classes[0]}`;
+  generateInteractionSummary() {
+    const summary = {
+      totalInteractions: this.interactions.length,
+      typeCount: {},
+      uniqueElements: /* @__PURE__ */ new Set(),
+      timeSpan: 0
+    };
+    this.interactions.forEach((interaction) => {
+      summary.typeCount[interaction.type] = (summary.typeCount[interaction.type] || 0) + 1;
+      if (interaction.element) {
+        summary.uniqueElements.add(interaction.element);
       }
+    });
+    if (this.interactions.length > 1) {
+      summary.timeSpan = this.interactions[this.interactions.length - 1].timestamp - this.interactions[0].timestamp;
     }
-    return element.tagName.toLowerCase();
+    return {
+      ...summary,
+      uniqueElements: Array.from(summary.uniqueElements),
+      mostCommonType: Object.entries(summary.typeCount).sort(([, a], [, b]) => b - a)[0]?.[0] || "unknown"
+    };
   }
-  /** ----------------- 公共接口方法 ----------------- */
   /**
-   * 通过选择器高亮元素
+   * 清除交互历史
    */
-  highlightElementBySelector(selector) {
-    const element = document.querySelector(selector);
-    if (element) {
-      this.highlightElement(element);
-    }
+  clearInteractionHistory() {
+    this.interactions = [];
   }
   /**
-   * 通过选择器取消高亮元素
+   * 更新追踪配置
    */
-  unhighlightElementBySelector(selector) {
-    const element = document.querySelector(selector);
-    if (element && element === this.highlightedElement) {
-      this.clearHighlight();
+  updateConfig(newConfig) {
+    this.trackingConfig = { ...this.trackingConfig, ...newConfig };
+    if (this.isTracking) {
+      this.removeEventListeners();
+      this.setupEventListeners();
     }
   }
   /**
-   * 更新选中的元素
-   */
-  updateSelectedElements(elements) {
-    this.clearSelection();
-    elements.forEach((elementData) => {
-      const element = this.findElementByData(elementData);
-      if (element) {
-        this.selectedElements.push(element);
-        element.setAttribute("data-element-selected", "true");
-        if (this.isFullWidthElement(element)) {
-          element.setAttribute("data-full-width", "true");
-        }
-      }
-    });
-  }
-  /**
-   * 根据数据查找元素
+   * 获取追踪状态
    */
-  findElementByData(elementData) {
-    if (elementData.blinkId) {
-      return document.querySelector(`[data-blnk-id="${elementData.blinkId}"]`);
-    }
-    if (elementData.id) {
-      return document.getElementById(elementData.id);
-    }
-    if (elementData.selector) {
-      return document.querySelector(elementData.selector);
-    }
-    return null;
+  isTrackingActive() {
+    return this.isTracking;
   }
   /**
-   * 销毁选择器
+   * 销毁交互追踪
    */
   destroy() {
-    this.disableSelector();
-    if (this.tooltip) {
-      this.tooltip.remove();
-      this.tooltip = null;
-    }
-    if (this.styleElement) {
-      this.styleElement.remove();
-      this.styleElement = null;
-    }
+    this.stopTracking();
+    this.interactions = [];
   }
 };
 
@@ -4943,7 +4083,6 @@ var getOriginalConsole2 = () => window.__originalConsole || {
 };
 var MessageBridge = class {
   constructor(sendMessage) {
-    this.elementSelector = null;
     this.componentTreeGenerator = null;
     this.messageSender = createDefaultMessageSender({
       addTimestamp: true,
@@ -4951,15 +4090,8 @@ var MessageBridge = class {
     });
     this.sendMessage = sendMessage || this.messageSender.createSendFunction();
     this.setupMessageListener();
-    console.log("[MessageBridge] \u6D88\u606F\u6865\u63A5\u5668\u521D\u59CB\u5316\u5B8C\u6210");
   }
   /** ----------------- 依赖注入方法 ----------------- */
-  /**
-   * 设置元素选择器
-   */
-  setElementSelector(elementSelector2) {
-    this.elementSelector = elementSelector2;
-  }
   /**
    * 设置组件树生成器
    */
@@ -4997,32 +4129,6 @@ var MessageBridge = class {
     try {
       const { type, payload } = message;
       switch (type) {
-        // 选择器相关消息
-        case "TOGGLE_SELECTOR":
-          this.handleToggleSelector(payload);
-          break;
-        case "ENABLE_SELECTOR":
-          this.handleEnableElementSelector();
-          break;
-        case "DISABLE_SELECTOR":
-          this.handleDisableElementSelector();
-          break;
-        case "GET_SELECTOR_STATE":
-          this.handleGetSelectorState();
-          break;
-        // 元素操作消息
-        case "HOVER_ELEMENT_BY_ID":
-          this.handleHoverElementById(payload);
-          break;
-        case "UNHOVER_ELEMENT_BY_ID":
-          this.handleUnhoverElementById(payload);
-          break;
-        case "HOVER_ELEMENT_REQUESTED":
-          this.handleHoverElementRequested(payload);
-          break;
-        case "UNHOVER_ELEMENT_REQUESTED":
-          this.handleUnhoverElementRequested(payload);
-          break;
         case "SET_ELEMENT_CONTENT":
           this.handleSetElementContent(payload);
           break;
@@ -5035,28 +4141,6 @@ var MessageBridge = class {
         case "EDIT_TEXT_REQUESTED":
           this.handleEditTextRequested(payload);
           break;
-        case "UPDATE_SELECTED_ELEMENTS":
-          this.handleUpdateSelectedElements(payload);
-          break;
-        // 新增的消息类型
-        case "GET_ELEMENT_AT_POINT":
-          this.handleGetElementAtPoint(payload);
-          break;
-        case "FIND_ELEMENTS_BY_LOCATION":
-          this.handleFindElementsByLocation(payload);
-          break;
-        case "SET_ELEMENT_ATTRIBUTES":
-          this.handleSetElementAttributes(payload);
-          break;
-        case "ENABLE_TEXT_EDITING":
-          this.handleEnableTextEditing(payload);
-          break;
-        case "HOVER_ELEMENT_BY_SELECTOR":
-          this.handleHoverElementBySelector(payload);
-          break;
-        case "UNHOVER_ELEMENT":
-          this.handleUnhoverElement();
-          break;
         // 组件树相关消息
         case "REQUEST_COMPONENT_TREE":
           this.handleRequestComponentTree();
@@ -5084,79 +4168,7 @@ var MessageBridge = class {
       });
     }
   }
-  /** ----------------- 选择器相关消息处理 ----------------- */
-  /**
-   * 处理切换选择器
-   */
-  handleToggleSelector(payload) {
-    if (!this.elementSelector) return;
-    const shouldActivate = !!payload;
-    if (shouldActivate) {
-      this.elementSelector.enableSelector();
-    } else {
-      this.elementSelector.disableSelector();
-    }
-  }
-  /**
-   * 处理获取选择器状态
-   */
-  handleGetSelectorState() {
-    if (!this.elementSelector) return;
-    const state = this.elementSelector.getSelectorState();
-    this.sendMessage({
-      type: "SELECTOR_EVENT",
-      payload: {
-        type: "state_response",
-        ...state
-      },
-      timestamp: Date.now()
-    });
-  }
-  /**
-   * 处理启用元素选择器
-   */
-  handleEnableElementSelector() {
-    if (!this.elementSelector) return;
-    this.elementSelector.enableSelector();
-  }
-  /**
-   * 处理禁用元素选择器
-   */
-  handleDisableElementSelector() {
-    if (!this.elementSelector) return;
-    this.elementSelector.disableSelector();
-  }
   /** ----------------- 元素操作消息处理 ----------------- */
-  /**
-   * 处理通过 ID 高亮元素
-   */
-  handleHoverElementById(payload) {
-    if (!this.elementSelector || !payload?.id) return;
-    const selector = `#${payload.id}`;
-    this.elementSelector.highlightElementBySelector(selector);
-  }
-  /**
-   * 处理通过 ID 取消高亮元素
-   */
-  handleUnhoverElementById(payload) {
-    if (!this.elementSelector || !payload?.id) return;
-    const selector = `#${payload.id}`;
-    this.elementSelector.unhighlightElementBySelector(selector);
-  }
-  /**
-   * 处理高亮元素请求
-   */
-  handleHoverElementRequested(payload) {
-    if (!this.elementSelector || !payload?.selector) return;
-    this.elementSelector.highlightElementBySelector(payload.selector);
-  }
-  /**
-   * 处理取消高亮元素请求
-   */
-  handleUnhoverElementRequested(payload) {
-    if (!this.elementSelector || !payload?.selector) return;
-    this.elementSelector.unhighlightElementBySelector(payload.selector);
-  }
   /**
    * 处理设置元素内容
    */
@@ -5260,22 +4272,6 @@ var MessageBridge = class {
       element.addEventListener("blur", handleBlur);
     }
   }
-  /**
-   * 处理更新选中元素
-   */
-  handleUpdateSelectedElements(payload) {
-    if (!this.elementSelector || !Array.isArray(payload)) return;
-    this.elementSelector.updateSelectedElements(payload);
-    this.sendMessage({
-      type: "ELEMENT_EVENT",
-      payload: {
-        type: "selected_elements_updated",
-        selectedElements: payload,
-        count: payload.length
-      },
-      timestamp: Date.now()
-    });
-  }
   /** ----------------- 组件树相关消息处理 ----------------- */
   /**
    * 处理请求组件树
@@ -5399,11 +4395,9 @@ var MessageBridge = class {
     if (dataTestId) return `[data-testid="${dataTestId}"]`;
     const dataHowoneId = element.getAttribute("data-howone-id");
     if (dataHowoneId) return `[data-howone-id="${dataHowoneId}"]`;
-    if (element.className) {
-      const classes = element.className.split(" ").filter((c) => c.trim());
-      if (classes.length > 0) {
-        return `.${classes[0]}`;
-      }
+    const classes = getElementClasses(element);
+    if (classes.length > 0) {
+      return `.${classes[0]}`;
     }
     return element.tagName.toLowerCase();
   }
@@ -5431,106 +4425,6 @@ var MessageBridge = class {
       timestamp: Date.now()
     });
   }
-  /** ----------------- 新增的消息处理方法 ----------------- */
-  /**
-   * 处理获取鼠标位置的元素
-   */
-  handleGetElementAtPoint(payload) {
-    if (!this.elementSelector) return;
-    const element = this.elementSelector.getElementAtPoint(payload?.x, payload?.y);
-    this.sendMessage({
-      type: "ELEMENT_EVENT",
-      payload: {
-        type: "at_point_response",
-        element: element ? this.getElementInfo(element) : null,
-        coordinates: { x: payload?.x, y: payload?.y }
-      },
-      timestamp: Date.now()
-    });
-  }
-  /**
-   * 处理根据位置查找元素
-   */
-  handleFindElementsByLocation(payload) {
-    if (!this.elementSelector || !payload?.filePath || !payload?.lineNumber) return;
-    const elements = this.elementSelector.findElementsByLocation(payload.filePath, payload.lineNumber);
-    this.sendMessage({
-      type: "ELEMENT_EVENT",
-      payload: {
-        type: "elements_by_location_response",
-        elements: elements.map((el) => this.getElementInfo(el)),
-        location: {
-          filePath: payload.filePath,
-          lineNumber: payload.lineNumber
-        }
-      },
-      timestamp: Date.now()
-    });
-  }
-  /**
-   * 处理设置元素属性（新版本）
-   */
-  handleSetElementAttributes(payload) {
-    if (!this.elementSelector || !payload?.selector || !payload?.attributes) return;
-    const success = this.elementSelector.setElementAttributes(payload.selector, payload.attributes);
-    this.sendMessage({
-      type: "ELEMENT_EVENT",
-      payload: {
-        type: "attributes_set_response",
-        success,
-        selector: payload.selector,
-        attributes: payload.attributes
-      },
-      timestamp: Date.now()
-    });
-  }
-  /**
-   * 处理启用文本编辑
-   */
-  handleEnableTextEditing(payload) {
-    if (!this.elementSelector || !payload?.selector) return;
-    const success = this.elementSelector.enableTextEditing(payload.selector);
-    this.sendMessage({
-      type: "ELEMENT_EVENT",
-      payload: {
-        type: "text_editing_enabled_response",
-        success,
-        selector: payload.selector
-      },
-      timestamp: Date.now()
-    });
-  }
-  /**
-   * 处理通过选择器悬停元素
-   */
-  handleHoverElementBySelector(payload) {
-    if (!this.elementSelector || !payload?.selector) return;
-    const success = this.elementSelector.hoverElementBySelector(payload.selector);
-    this.sendMessage({
-      type: "ELEMENT_EVENT",
-      payload: {
-        type: "hovered_by_selector_response",
-        success,
-        selector: payload.selector
-      },
-      timestamp: Date.now()
-    });
-  }
-  /**
-   * 处理取消悬停元素
-   */
-  handleUnhoverElement() {
-    if (!this.elementSelector) return;
-    this.elementSelector.unhoverElement();
-    this.sendMessage({
-      type: "ELEMENT_EVENT",
-      payload: {
-        type: "unhovered_response",
-        success: true
-      },
-      timestamp: Date.now()
-    });
-  }
   /** ----------------- 统一消息发送管理方法 ----------------- */
   /**
    * 获取统一的消息发送器实例
@@ -5564,7 +4458,6 @@ var MessageBridge = class {
       window.removeEventListener("message", this.messageListener);
       this.messageListener = void 0;
     }
-    console.log("[MessageBridge] \u6D88\u606F\u6865\u63A5\u5668\u5DF2\u9500\u6BC1");
   }
 };
 
@@ -5599,7 +4492,6 @@ var ErrorHandler = class {
     const sendMessage = this.messageSender.createSendFunction();
     this.errorTracking = new ErrorTracking(sendMessage);
     this.interactionTracking = new InteractionTracking(sendMessage);
-    this.elementSelector = new ElementSelector2(sendMessage);
     this.messageBridge = new MessageBridge();
     this.viewDetector = new ViewDetector();
     this.hardRefreshManager = new HardRefreshManager(GLOBAL_CONFIG.ALLOWED_ORIGINS);
@@ -5664,7 +4556,6 @@ var ErrorHandler = class {
    * 设置模块间的协作
    */
   setupModuleIntegration() {
-    this.messageBridge.setElementSelector(this.elementSelector);
     this.messageBridge.setComponentTreeGenerator(this.componentTreeGenerator);
     this.errorTracking.setViewDetector(this.viewDetector);
     this.errorTracking.setInteractionTracking(this.interactionTracking);
@@ -5741,12 +4632,6 @@ var ErrorHandler = class {
   getErrorStats() {
     return this.errorTracking.getErrorStats();
   }
-  /**
-   * 获取选择器状态
-   */
-  getSelectorState() {
-    return this.elementSelector.getSelectorState();
-  }
   /**
    * 获取交互历史
    */
@@ -5780,24 +4665,6 @@ var ErrorHandler = class {
   isViteEnvironment() {
     return ViteHMRDetector.isViteEnvironment();
   }
-  /**
-   * 启用元素选择器
-   */
-  enableElementSelector() {
-    this.elementSelector.enableSelector();
-  }
-  /**
-   * 禁用元素选择器
-   */
-  disableElementSelector() {
-    this.elementSelector.disableSelector();
-  }
-  /**
-   * 切换元素选择器状态
-   */
-  toggleElementSelector() {
-    this.elementSelector.toggleSelector();
-  }
   /**
    * 更新配置
    */
@@ -5811,7 +4678,6 @@ var ErrorHandler = class {
     try {
       this.errorTracking.destroy();
       this.interactionTracking.destroy();
-      this.elementSelector.destroy();
       this.messageBridge.destroy();
       if (this.viteHMRDetector) {
         this.viteHMRDetector.destroy();
@@ -5842,7 +4708,6 @@ var ErrorHandler = class {
         errorStats: this.getErrorStats(),
         currentView: this.getCurrentView(),
         interactionHistory: this.getInteractionHistory(),
-        selectorState: this.getSelectorState(),
         isViteEnvironment: this.isViteEnvironment(),
         timestamp: Date.now()
       };