@feiyangdefeng/sdk 1.0.0 → 1.1.0

package/dist/index.es.js

@@ -16,7 +16,12 @@ const defaultConfig = {
   maxRetries: 3,
   userId: "",
   deviceId: "",
-  customProperties: {}
+  customProperties: {},
+  enableVueTracking: false,
+  enableNaiveUITracking: false,
+  componentInfoDepth: 3,
+  extractComponentProps: true,
+  extractComponentValue: true
 };
 class ConfigManager {
   constructor(config) {
@@ -133,8 +138,16 @@ function getDeviceId() {
   if (typeof window === "undefined") {
     return generateId();
   }
+  if (typeof localStorage === "undefined" || !localStorage) {
+    return generateId();
+  }
   const key = "__tracker_device_id__";
-  let deviceId = localStorage.getItem(key);
+  let deviceId = null;
+  try {
+    deviceId = localStorage.getItem(key);
+  } catch (e) {
+    return generateId();
+  }
   if (!deviceId) {
     deviceId = generateId();
     try {
@@ -148,8 +161,16 @@ function getSessionId() {
   if (typeof window === "undefined") {
     return generateId();
   }
+  if (typeof sessionStorage === "undefined" || !sessionStorage) {
+    return generateId();
+  }
   const key = "__tracker_session_id__";
-  let sessionId = sessionStorage.getItem(key);
+  let sessionId = null;
+  try {
+    sessionId = sessionStorage.getItem(key);
+  } catch (e) {
+    return generateId();
+  }
   if (!sessionId) {
     sessionId = generateId();
     try {
@@ -165,6 +186,12 @@ function getCurrentUrl() {
   }
   return window.location.href;
 }
+function isTrackerInternalPanel() {
+  if (typeof window === "undefined") {
+    return false;
+  }
+  return !!window.__trackerInternalPanel;
+}
 function getPageTitle() {
   if (typeof window === "undefined") {
     return "";
@@ -213,22 +240,33 @@ function throttle(func, wait) {
   };
 }
 function deepClone(obj) {
+  return deepCloneWithRefs(obj, /* @__PURE__ */ new WeakSet());
+}
+function deepCloneWithRefs(obj, visited) {
   if (obj === null || typeof obj !== "object") {
     return obj;
   }
+  if (visited.has(obj)) {
+    return { __circular: true };
+  }
   if (obj instanceof Date) {
     return new Date(obj.getTime());
   }
   if (obj instanceof Array) {
-    return obj.map((item) => deepClone(item));
+    visited.add(obj);
+    const cloned = obj.map((item) => deepCloneWithRefs(item, visited));
+    visited.delete(obj);
+    return cloned;
   }
   if (typeof obj === "object") {
+    visited.add(obj);
     const clonedObj = {};
     for (const key in obj) {
       if (Object.prototype.hasOwnProperty.call(obj, key)) {
-        clonedObj[key] = deepClone(obj[key]);
+        clonedObj[key] = deepCloneWithRefs(obj[key], visited);
       }
     }
+    visited.delete(obj);
     return clonedObj;
   }
   return obj;
@@ -312,6 +350,15 @@ class ViewTracker {
    * 追踪页面浏览
    */
   trackPageView() {
+    if (isTrackerInternalPanel()) {
+      return {
+        type: "pageview",
+        name: "pageview",
+        timestamp: Date.now(),
+        url: getCurrentUrl(),
+        title: getPageTitle()
+      };
+    }
     if (this.isTracking) {
       return {
         type: "pageview",
@@ -504,6 +551,539 @@ class ViewTracker {
     }
   }
 }
+function getVueComponentInstance(element) {
+  if (!element || typeof window === "undefined") {
+    return null;
+  }
+  const vueInstance = element;
+  if (vueInstance.__vueParentComponent) {
+    return vueInstance.__vueParentComponent;
+  }
+  if (vueInstance.__vue__) {
+    return vueInstance.__vue__;
+  }
+  let current = element.parentElement;
+  let depth = 0;
+  const maxDepth = 5;
+  while (current && depth < maxDepth) {
+    const parentVueInstance = current;
+    if (parentVueInstance.__vueParentComponent) {
+      return parentVueInstance.__vueParentComponent;
+    }
+    if (parentVueInstance.__vue__) {
+      return parentVueInstance.__vue__;
+    }
+    current = current.parentElement;
+    depth++;
+  }
+  return null;
+}
+function getComponentName(instance) {
+  var _a, _b, _c, _d, _e, _f, _g;
+  if (!instance) {
+    return void 0;
+  }
+  if ((_a = instance.$options) == null ? void 0 : _a.name) {
+    return instance.$options.name;
+  }
+  if (instance.__name) {
+    return instance.__name;
+  }
+  if ((_b = instance.type) == null ? void 0 : _b.name) {
+    return instance.type.name;
+  }
+  if ((_c = instance.type) == null ? void 0 : _c.__name) {
+    return instance.type.__name;
+  }
+  if ((_e = (_d = instance.$) == null ? void 0 : _d.type) == null ? void 0 : _e.name) {
+    return instance.$.type.name;
+  }
+  if ((_g = (_f = instance.$) == null ? void 0 : _f.type) == null ? void 0 : _g.__name) {
+    return instance.$.type.__name;
+  }
+  return void 0;
+}
+function getComponentProps(instance) {
+  if (!instance) {
+    return void 0;
+  }
+  if (instance.$props) {
+    return instance.$props;
+  }
+  if (instance.props) {
+    return instance.props;
+  }
+  return void 0;
+}
+function getComponentAttrs(instance) {
+  if (!instance) {
+    return void 0;
+  }
+  if (instance.$attrs) {
+    return instance.$attrs;
+  }
+  if (instance.attrs) {
+    return instance.attrs;
+  }
+  return void 0;
+}
+function getComponentValue(instance) {
+  if (!instance) {
+    return void 0;
+  }
+  const props = getComponentProps(instance);
+  if (props) {
+    if ("value" in props) {
+      return props.value;
+    }
+    if ("modelValue" in props) {
+      return props.modelValue;
+    }
+  }
+  if (instance.setupState) {
+    if ("value" in instance.setupState) {
+      return instance.setupState.value;
+    }
+    if ("modelValue" in instance.setupState) {
+      return instance.setupState.modelValue;
+    }
+  }
+  if (instance.ctx) {
+    if ("value" in instance.ctx) {
+      return instance.ctx.value;
+    }
+    if ("modelValue" in instance.ctx) {
+      return instance.ctx.modelValue;
+    }
+  }
+  return void 0;
+}
+const SENSITIVE_KEYS = ["password", "token", "secret", "key", "auth", "credential", "pwd"];
+function filterSensitiveData(data) {
+  if (!data) {
+    return void 0;
+  }
+  const filtered = {};
+  for (const [key, value] of Object.entries(data)) {
+    const lowerKey = key.toLowerCase();
+    const isSensitive = SENSITIVE_KEYS.some((sensitiveKey) => {
+      const lowerSensitiveKey = sensitiveKey.toLowerCase();
+      if (lowerKey === lowerSensitiveKey) return true;
+      const index = lowerKey.indexOf(lowerSensitiveKey);
+      if (index < 0) return false;
+      const prevChar = index > 0 ? key[index - 1] : null;
+      const nextChar = index + lowerSensitiveKey.length < key.length ? key[index + lowerSensitiveKey.length] : null;
+      if (index === 0 && nextChar !== null) {
+        if (nextChar === "-" || nextChar === "_" || /[A-Z]/.test(nextChar)) {
+          return true;
+        }
+      }
+      if (index === lowerKey.length - lowerSensitiveKey.length && prevChar !== null) {
+        if (prevChar === "-" || prevChar === "_" || /[A-Z]/.test(prevChar)) {
+          return true;
+        }
+        const originalSensitivePart = key.substring(index, index + lowerSensitiveKey.length);
+        if (/[A-Z]/.test(originalSensitivePart[0])) {
+          return true;
+        }
+      }
+      if (index > 0 && index < lowerKey.length - lowerSensitiveKey.length) {
+        if (prevChar !== null && nextChar !== null) {
+          if ((prevChar === "-" || prevChar === "_" || /[A-Z]/.test(prevChar)) && (nextChar === "-" || nextChar === "_" || /[A-Z]/.test(nextChar))) {
+            return true;
+          }
+          const originalSensitivePart = key.substring(index, index + lowerSensitiveKey.length);
+          if (/[A-Z]/.test(originalSensitivePart[0])) {
+            return true;
+          }
+        }
+      }
+      return false;
+    });
+    if (isSensitive) {
+      if (value === null) {
+        filtered[key] = "[null]";
+      } else if (value === void 0) {
+        continue;
+      } else {
+        filtered[key] = `[${typeof value}]`;
+      }
+    } else if (typeof value === "object" && value !== null && !Array.isArray(value)) {
+      const nestedFiltered = filterSensitiveData(value);
+      filtered[key] = nestedFiltered !== void 0 ? nestedFiltered : {};
+    } else {
+      filtered[key] = value;
+    }
+  }
+  return filtered;
+}
+function identifyNaiveUIComponent(element) {
+  var _a, _b;
+  if (!element) {
+    return void 0;
+  }
+  const className = element.className;
+  if (typeof className === "string") {
+    const match = className.match(/\bn-([a-z-]+)\b/);
+    if (match) {
+      return `n-${match[1]}`;
+    }
+  }
+  const tagName = (_a = element.tagName) == null ? void 0 : _a.toLowerCase();
+  if (tagName && tagName.startsWith("n-")) {
+    return tagName;
+  }
+  let current = element.parentElement;
+  let depth = 0;
+  const maxDepth = 3;
+  while (current && depth < maxDepth) {
+    const parentClassName = current.className;
+    if (typeof parentClassName === "string") {
+      const match = parentClassName.match(/\bn-([a-z-]+)\b/);
+      if (match) {
+        return `n-${match[1]}`;
+      }
+    }
+    const parentTagName = (_b = current.tagName) == null ? void 0 : _b.toLowerCase();
+    if (parentTagName && parentTagName.startsWith("n-")) {
+      return parentTagName;
+    }
+    current = current.parentElement;
+    depth++;
+  }
+  return void 0;
+}
+function extractVueComponentInfo(element, options = {}) {
+  var _a;
+  if (!element || typeof window === "undefined") {
+    return void 0;
+  }
+  const {
+    extractProps = true,
+    extractAttrs = true,
+    extractValue = true,
+    extractLabel = true
+  } = options;
+  const naiveUIComponentName = identifyNaiveUIComponent(element);
+  const vueInstance = getVueComponentInstance(element);
+  const componentName = naiveUIComponentName || getComponentName(vueInstance);
+  if (!componentName && !vueInstance) {
+    return void 0;
+  }
+  const componentInfo = {};
+  if (componentName) {
+    componentInfo.componentName = componentName;
+  }
+  if (extractProps && vueInstance) {
+    const props = getComponentProps(vueInstance);
+    if (props) {
+      componentInfo.props = filterSensitiveData(props);
+      if ("type" in props) {
+        componentInfo.componentType = String(props.type);
+      }
+      if ("disabled" in props) {
+        componentInfo.disabled = Boolean(props.disabled);
+      }
+      if ("label" in props && extractLabel) {
+        componentInfo.label = String(props.label);
+      }
+    }
+  }
+  if (extractAttrs && vueInstance) {
+    const attrs = getComponentAttrs(vueInstance);
+    if (attrs) {
+      componentInfo.attrs = filterSensitiveData(attrs);
+      if (!componentInfo.componentType && "type" in attrs) {
+        componentInfo.componentType = String(attrs.type);
+      }
+      if (componentInfo.disabled === void 0 && "disabled" in attrs) {
+        componentInfo.disabled = Boolean(attrs.disabled);
+      }
+    }
+  }
+  if (extractValue && vueInstance) {
+    const value = getComponentValue(vueInstance);
+    if (value !== void 0 && value !== null) {
+      const props = getComponentProps(vueInstance);
+      const isSensitive = props && ("type" in props && String(props.type).toLowerCase() === "password" || "password" in props || componentName === "n-input" && "type" in props && String(props.type).toLowerCase() === "password");
+      if (isSensitive) {
+        const valueLength = typeof value === "string" ? value.length : void 0;
+        componentInfo.value = valueLength !== void 0 ? `[password:${valueLength} chars]` : `[${typeof value}]`;
+      } else {
+        if (typeof value === "object") {
+          if (Array.isArray(value)) {
+            componentInfo.value = `[Array(${value.length})]`;
+            if (componentName === "n-select" || componentName === "n-cascader") {
+              componentInfo.options = {
+                count: value.length,
+                multiple: props && "multiple" in props ? Boolean(props.multiple) : false
+              };
+            }
+          } else {
+            componentInfo.value = `[Object]`;
+          }
+        } else {
+          componentInfo.value = value;
+        }
+      }
+    }
+  }
+  if (extractLabel && !componentInfo.label) {
+    const text = (_a = element.textContent) == null ? void 0 : _a.trim();
+    if (text && text.length > 0 && text.length < 100) {
+      componentInfo.label = text.substring(0, 100);
+    }
+  }
+  if ((componentName === "n-select" || componentName === "n-cascader") && vueInstance) {
+    const props = getComponentProps(vueInstance);
+    if (props && "options" in props && Array.isArray(props.options)) {
+      componentInfo.options = {
+        count: props.options.length,
+        multiple: props && "multiple" in props ? Boolean(props.multiple) : false
+      };
+    }
+  }
+  return Object.keys(componentInfo).length > 0 ? componentInfo : void 0;
+}
+function isVueComponent(element) {
+  if (!element) {
+    return false;
+  }
+  const vueInstance = getVueComponentInstance(element);
+  return vueInstance !== null;
+}
+function isNaiveUIComponent(element) {
+  if (!element) {
+    return false;
+  }
+  const componentName = identifyNaiveUIComponent(element);
+  return componentName !== void 0 && componentName.startsWith("n-");
+}
+const NAIVE_UI_COMPONENT_TYPES = {
+  "n-button": ["default", "primary", "success", "info", "warning", "error", "tertiary", "quaternary"],
+  "n-input": ["text", "password", "textarea", "number", "email", "tel", "url"],
+  "n-select": ["default", "multiple", "tags", "filterable"],
+  "n-checkbox": ["default", "indeterminate"],
+  "n-radio": ["default", "button"],
+  "n-switch": ["default"],
+  "n-date-picker": ["date", "datetime", "daterange", "datetimerange"],
+  "n-time-picker": ["time", "timerange"],
+  "n-cascader": ["default", "multiple", "filterable"],
+  "n-transfer": ["default"],
+  "n-tree-select": ["default", "multiple", "filterable"],
+  "n-form": ["default", "inline"],
+  "n-form-item": ["default"],
+  "n-table": ["default", "bordered", "striped"],
+  "n-pagination": ["default"],
+  "n-menu": ["default", "horizontal", "vertical"],
+  "n-tabs": ["default", "card", "bar"],
+  "n-drawer": ["default"],
+  "n-modal": ["default"],
+  "n-message": ["default", "success", "info", "warning", "error"],
+  "n-notification": ["default", "success", "info", "warning", "error"],
+  "n-popover": ["default"],
+  "n-tooltip": ["default"],
+  "n-dropdown": ["default"],
+  "n-breadcrumb": ["default"],
+  "n-steps": ["default", "vertical"],
+  "n-timeline": ["default"],
+  "n-card": ["default", "bordered", "hoverable"],
+  "n-collapse": ["default", "accordion"],
+  "n-divider": ["default", "horizontal", "vertical"],
+  "n-space": ["default", "vertical"],
+  "n-grid": ["default"],
+  "n-layout": ["default"],
+  "n-back-top": ["default"],
+  "n-anchor": ["default"],
+  "n-affix": ["default"],
+  "n-watermark": ["default"],
+  "n-spin": ["default"],
+  "n-skeleton": ["default"],
+  "n-progress": ["default", "line", "circle", "dashboard"],
+  "n-rate": ["default"],
+  "n-slider": ["default", "range"],
+  "n-color-picker": ["default"],
+  "n-image": ["default"],
+  "n-avatar": ["default", "circle", "square"],
+  "n-badge": ["default"],
+  "n-tag": ["default", "success", "info", "warning", "error"],
+  "n-empty": ["default"],
+  "n-result": ["default", "success", "info", "warning", "error", "404", "500"],
+  "n-descriptions": ["default", "bordered"],
+  "n-statistic": ["default"],
+  "n-list": ["default", "bordered"],
+  "n-list-item": ["default"],
+  "n-carousel": ["default", "dot", "arrow"],
+  "n-calendar": ["default"]
+};
+function extractNaiveUIComponentInfo(element, options = {}) {
+  if (!element) {
+    return void 0;
+  }
+  if (!isNaiveUIComponent(element)) {
+    return void 0;
+  }
+  const componentInfo = extractVueComponentInfo(element, {
+    extractProps: options.extractProps,
+    extractAttrs: options.extractAttrs,
+    extractValue: options.extractValue,
+    extractLabel: options.extractLabel
+  });
+  if (!componentInfo) {
+    return void 0;
+  }
+  const componentName = componentInfo.componentName;
+  if (!componentName || !componentName.startsWith("n-")) {
+    return componentInfo;
+  }
+  switch (componentName) {
+    case "n-button":
+      enhanceButtonInfo(element, componentInfo);
+      break;
+    case "n-input":
+      enhanceInputInfo(element, componentInfo);
+      break;
+    case "n-select":
+    case "n-cascader":
+    case "n-tree-select":
+      enhanceSelectInfo(element, componentInfo);
+      break;
+    case "n-checkbox":
+    case "n-radio":
+      enhanceCheckboxRadioInfo(element, componentInfo);
+      break;
+    case "n-switch":
+      enhanceSwitchInfo(element, componentInfo);
+      break;
+    case "n-form":
+    case "n-form-item":
+      enhanceFormInfo(element, componentInfo);
+      break;
+  }
+  return componentInfo;
+}
+function enhanceButtonInfo(element, componentInfo) {
+  var _a;
+  if (!componentInfo.label) {
+    const text = (_a = element.textContent) == null ? void 0 : _a.trim();
+    if (text) {
+      componentInfo.label = text.substring(0, 50);
+    }
+  }
+  const iconElement = element.querySelector('.n-button__icon, [class*="icon"]');
+  if (iconElement) {
+    componentInfo.hasIcon = true;
+  }
+  if (element.classList.contains("n-button--disabled") || element.hasAttribute("disabled")) {
+    componentInfo.disabled = true;
+  }
+  if (element.classList.contains("n-button--loading")) {
+    componentInfo.loading = true;
+  }
+}
+function enhanceInputInfo(element, componentInfo) {
+  var _a;
+  const inputElement = element.querySelector("input, textarea");
+  if (inputElement) {
+    if (!((_a = componentInfo.attrs) == null ? void 0 : _a.placeholder) && inputElement.placeholder) {
+      if (!componentInfo.attrs) {
+        componentInfo.attrs = {};
+      }
+      componentInfo.attrs.placeholder = inputElement.placeholder;
+    }
+    if (inputElement.tagName.toLowerCase() === "input") {
+      const inputType = inputElement.type || "text";
+      if (!componentInfo.componentType) {
+        componentInfo.componentType = inputType;
+      }
+      if (inputType === "password") {
+        componentInfo.isSensitive = true;
+        if (componentInfo.value && typeof componentInfo.value === "string") {
+          if (!componentInfo.value.startsWith("[password:")) {
+            componentInfo.value = `[password:${componentInfo.value.length} chars]`;
+          }
+        }
+      }
+    }
+    const value = inputElement.value;
+    if (value) {
+      const isPassword = inputElement.type === "password" || componentInfo.props && "type" in componentInfo.props && String(componentInfo.props.type).toLowerCase() === "password";
+      if (isPassword) {
+        componentInfo.value = `[password:${value.length} chars]`;
+        componentInfo.isSensitive = true;
+      } else {
+        componentInfo.value = value.length > 100 ? value.substring(0, 100) + "..." : value;
+      }
+    } else if (!componentInfo.value) ;
+  }
+}
+function enhanceSelectInfo(element, componentInfo) {
+  var _a;
+  const selectedElement = element.querySelector(".n-base-selection, .n-base-selection-label");
+  if (selectedElement) {
+    const selectedText = (_a = selectedElement.textContent) == null ? void 0 : _a.trim();
+    if (selectedText && !componentInfo.label) {
+      componentInfo.label = selectedText.substring(0, 100);
+    }
+  }
+  if (element.classList.contains("n-base-selection--multiple")) {
+    if (!componentInfo.options) {
+      componentInfo.options = {};
+    }
+    componentInfo.options.multiple = true;
+  }
+  if (element.querySelector(".n-base-selection-input")) {
+    componentInfo.filterable = true;
+  }
+}
+function enhanceCheckboxRadioInfo(element, componentInfo) {
+  var _a;
+  const inputElement = element.querySelector('input[type="checkbox"], input[type="radio"]');
+  if (inputElement) {
+    componentInfo.checked = inputElement.checked;
+    const labelElement = element.querySelector("label, .n-checkbox__label, .n-radio__label");
+    if (labelElement) {
+      const labelText = (_a = labelElement.textContent) == null ? void 0 : _a.trim();
+      if (labelText && !componentInfo.label) {
+        componentInfo.label = labelText.substring(0, 100);
+      }
+    }
+    if (inputElement.value) {
+      componentInfo.value = inputElement.value;
+    }
+  }
+}
+function enhanceSwitchInfo(element, componentInfo) {
+  const inputElement = element.querySelector('input[type="checkbox"]');
+  if (inputElement) {
+    componentInfo.checked = inputElement.checked;
+    componentInfo.value = inputElement.checked;
+  }
+}
+function enhanceFormInfo(element, componentInfo) {
+  var _a;
+  const labelElement = element.querySelector(".n-form-item-label, label");
+  if (labelElement) {
+    const labelText = (_a = labelElement.textContent) == null ? void 0 : _a.trim();
+    if (labelText && !componentInfo.label) {
+      componentInfo.label = labelText.substring(0, 100);
+    }
+  }
+  const requiredElement = element.querySelector('.n-form-item-label__asterisk, [class*="required"]');
+  if (requiredElement) {
+    componentInfo.required = true;
+  }
+}
+function isNaiveUIComponentType(element, componentType) {
+  if (!element) {
+    return false;
+  }
+  const componentName = identifyNaiveUIComponent(element);
+  return componentName === componentType;
+}
+function getNaiveUIComponentTypes(componentName) {
+  return NAIVE_UI_COMPONENT_TYPES[componentName];
+}
 class ClickTracker {
   constructor() {
     __publicField(this, "clickHandler", null);
@@ -515,18 +1095,28 @@ class ClickTracker {
     __publicField(this, "TOUCH_CLICK_THRESHOLD", 300);
     // ms
     __publicField(this, "TOUCH_DISTANCE_THRESHOLD", 10);
+    // px
+    __publicField(this, "enableVueTracking", false);
+    __publicField(this, "enableNaiveUITracking", false);
+    __publicField(this, "extractComponentProps", true);
+    __publicField(this, "extractComponentValue", true);
   }
-  // px
   /**
    * 初始化
    */
-  init(debounceTime) {
+  init(debounceTime, options) {
     if (typeof window === "undefined") {
       return;
     }
     if (debounceTime !== void 0) {
       this.debounceTime = debounceTime;
     }
+    if (options) {
+      this.enableVueTracking = options.enableVueTracking ?? false;
+      this.enableNaiveUITracking = options.enableNaiveUITracking ?? false;
+      this.extractComponentProps = options.extractComponentProps ?? true;
+      this.extractComponentValue = options.extractComponentValue ?? true;
+    }
     this.clickHandler = debounce((...args) => {
       const event = args[0];
       this.handleClick(event);
@@ -590,6 +1180,9 @@ class ClickTracker {
    * 处理触摸交互（模拟点击行为）
    */
   processTouchInteraction(touch, element) {
+    if (isTrackerInternalPanel()) {
+      return;
+    }
     if (!element) {
       return;
     }
@@ -617,6 +1210,30 @@ class ClickTracker {
           interactionType: "touch"
           // 标记为触摸交互
         };
+        if (this.enableNaiveUITracking || this.enableVueTracking) {
+          try {
+            if (this.enableNaiveUITracking) {
+              const naiveUIInfo = extractNaiveUIComponentInfo(element, {
+                extractProps: this.extractComponentProps,
+                extractValue: this.extractComponentValue
+              });
+              if (naiveUIInfo) {
+                touchEvent.componentInfo = naiveUIInfo;
+              }
+            }
+            if (!touchEvent.componentInfo && this.enableVueTracking) {
+              const vueInfo = extractVueComponentInfo(element, {
+                extractProps: this.extractComponentProps,
+                extractValue: this.extractComponentValue
+              });
+              if (vueInfo) {
+                touchEvent.componentInfo = vueInfo;
+              }
+            }
+          } catch (componentError) {
+            console.warn("ClickTracker: Error extracting component info:", componentError);
+          }
+        }
         if (typeof window !== "undefined" && window.__trackerEventBus) {
           window.__trackerEventBus.emit("click", touchEvent);
         }
@@ -634,6 +1251,9 @@ class ClickTracker {
    * 处理点击事件
    */
   handleClick(event) {
+    if (isTrackerInternalPanel()) {
+      return;
+    }
     try {
       const target = event.target;
       if (!target) {
@@ -662,6 +1282,30 @@ class ClickTracker {
             interactionType: "mouse"
             // 显式标识为鼠标交互
           };
+          if (this.enableNaiveUITracking || this.enableVueTracking) {
+            try {
+              if (this.enableNaiveUITracking) {
+                const naiveUIInfo = extractNaiveUIComponentInfo(target, {
+                  extractProps: this.extractComponentProps,
+                  extractValue: this.extractComponentValue
+                });
+                if (naiveUIInfo) {
+                  clickEvent.componentInfo = naiveUIInfo;
+                }
+              }
+              if (!clickEvent.componentInfo && this.enableVueTracking) {
+                const vueInfo = extractVueComponentInfo(target, {
+                  extractProps: this.extractComponentProps,
+                  extractValue: this.extractComponentValue
+                });
+                if (vueInfo) {
+                  clickEvent.componentInfo = vueInfo;
+                }
+              }
+            } catch (componentError) {
+              console.warn("ClickTracker: Error extracting component info:", componentError);
+            }
+          }
           if (typeof window !== "undefined" && window.__trackerEventBus) {
             window.__trackerEventBus.emit("click", clickEvent);
           }
@@ -821,6 +1465,9 @@ class ExposureTracker {
    * 处理IntersectionObserver回调
    */
   handleIntersection(entry) {
+    if (isTrackerInternalPanel()) {
+      return;
+    }
     const { target, intersectionRatio, isIntersecting } = entry;
     if (isIntersecting && intersectionRatio >= (this.options.threshold || 0.5)) {
       if (!this.exposedElements.has(target)) {
@@ -955,11 +1602,15 @@ class InputTracker {
     // 默认跳过空输入
     // 敏感字段关键词列表
     __publicField(this, "sensitiveKeywords", ["password", "pwd", "secret", "token", "key", "auth", "credential"]);
+    __publicField(this, "enableVueTracking", false);
+    __publicField(this, "enableNaiveUITracking", false);
+    __publicField(this, "extractComponentProps", true);
+    __publicField(this, "extractComponentValue", true);
   }
   /**
    * 初始化
    */
-  init(debounceTime, skipEmptyInput) {
+  init(debounceTime, skipEmptyInput, options) {
     if (typeof window === "undefined") {
       return;
     }
@@ -970,6 +1621,12 @@ class InputTracker {
     if (skipEmptyInput !== void 0) {
       this.skipEmptyInput = skipEmptyInput;
     }
+    if (options) {
+      this.enableVueTracking = options.enableVueTracking ?? false;
+      this.enableNaiveUITracking = options.enableNaiveUITracking ?? false;
+      this.extractComponentProps = options.extractComponentProps ?? true;
+      this.extractComponentValue = options.extractComponentValue ?? true;
+    }
     this.inputHandler = debounce((...args) => {
       const event = args[0];
       this.handleInput(event);
@@ -986,6 +1643,9 @@ class InputTracker {
    */
   handleInput(event) {
     var _a;
+    if (isTrackerInternalPanel()) {
+      return;
+    }
     const target = event.target;
     if (!target) {
       return;
@@ -1047,6 +1707,48 @@ class InputTracker {
           valueLength,
           isSensitive
         };
+        if (this.enableNaiveUITracking || this.enableVueTracking) {
+          try {
+            if (this.enableNaiveUITracking) {
+              const naiveUIInfo = extractNaiveUIComponentInfo(target, {
+                extractProps: this.extractComponentProps,
+                extractValue: this.extractComponentValue
+              });
+              if (naiveUIInfo) {
+                inputEvent.componentInfo = naiveUIInfo;
+                if (naiveUIInfo.value !== void 0 && !isSensitive) {
+                  if (typeof naiveUIInfo.value === "string") {
+                    if (!naiveUIInfo.value.startsWith("[password:") && !naiveUIInfo.value.startsWith("[FILTERED]")) {
+                      inputEvent.value = naiveUIInfo.value;
+                    }
+                  } else if (typeof naiveUIInfo.value === "number" || typeof naiveUIInfo.value === "boolean") {
+                    inputEvent.value = String(naiveUIInfo.value);
+                  }
+                }
+              }
+            }
+            if (!inputEvent.componentInfo && this.enableVueTracking) {
+              const vueInfo = extractVueComponentInfo(target, {
+                extractProps: this.extractComponentProps,
+                extractValue: this.extractComponentValue
+              });
+              if (vueInfo) {
+                inputEvent.componentInfo = vueInfo;
+                if (vueInfo.value !== void 0 && !isSensitive) {
+                  if (typeof vueInfo.value === "string") {
+                    if (!vueInfo.value.startsWith("[password:") && !vueInfo.value.startsWith("[FILTERED]")) {
+                      inputEvent.value = vueInfo.value;
+                    }
+                  } else if (typeof vueInfo.value === "number" || typeof vueInfo.value === "boolean") {
+                    inputEvent.value = String(vueInfo.value);
+                  }
+                }
+              }
+            }
+          } catch (componentError) {
+            console.warn("InputTracker: Error extracting component info:", componentError);
+          }
+        }
         if (typeof window !== "undefined" && window.__trackerEventBus) {
           window.__trackerEventBus.emit("input", inputEvent);
         }
@@ -1065,6 +1767,9 @@ class InputTracker {
    */
   handleChange(event) {
     var _a;
+    if (isTrackerInternalPanel()) {
+      return;
+    }
     const target = event.target;
     if (!target) {
       return;
@@ -1111,17 +1816,59 @@ class InputTracker {
           valueLength,
           isSensitive
         };
-        if (typeof window !== "undefined" && window.__trackerEventBus) {
-          window.__trackerEventBus.emit("input", inputEvent);
-        }
-      } catch (error) {
-        console.error("InputTracker: Error processing change event:", error);
-      }
-    };
-    if (typeof requestIdleCallback !== "undefined") {
-      requestIdleCallback(processChange, { timeout: 100 });
-    } else {
-      setTimeout(processChange, 0);
+        if (this.enableNaiveUITracking || this.enableVueTracking) {
+          try {
+            if (this.enableNaiveUITracking) {
+              const naiveUIInfo = extractNaiveUIComponentInfo(target, {
+                extractProps: this.extractComponentProps,
+                extractValue: this.extractComponentValue
+              });
+              if (naiveUIInfo) {
+                inputEvent.componentInfo = naiveUIInfo;
+                if (naiveUIInfo.value !== void 0 && !isSensitive) {
+                  if (typeof naiveUIInfo.value === "string") {
+                    if (!naiveUIInfo.value.startsWith("[password:") && !naiveUIInfo.value.startsWith("[FILTERED]")) {
+                      inputEvent.value = naiveUIInfo.value;
+                    }
+                  } else if (typeof naiveUIInfo.value === "number" || typeof naiveUIInfo.value === "boolean") {
+                    inputEvent.value = String(naiveUIInfo.value);
+                  }
+                }
+              }
+            }
+            if (!inputEvent.componentInfo && this.enableVueTracking) {
+              const vueInfo = extractVueComponentInfo(target, {
+                extractProps: this.extractComponentProps,
+                extractValue: this.extractComponentValue
+              });
+              if (vueInfo) {
+                inputEvent.componentInfo = vueInfo;
+                if (vueInfo.value !== void 0 && !isSensitive) {
+                  if (typeof vueInfo.value === "string") {
+                    if (!vueInfo.value.startsWith("[password:") && !vueInfo.value.startsWith("[FILTERED]")) {
+                      inputEvent.value = vueInfo.value;
+                    }
+                  } else if (typeof vueInfo.value === "number" || typeof vueInfo.value === "boolean") {
+                    inputEvent.value = String(vueInfo.value);
+                  }
+                }
+              }
+            }
+          } catch (componentError) {
+            console.warn("InputTracker: Error extracting component info:", componentError);
+          }
+        }
+        if (typeof window !== "undefined" && window.__trackerEventBus) {
+          window.__trackerEventBus.emit("input", inputEvent);
+        }
+      } catch (error) {
+        console.error("InputTracker: Error processing change event:", error);
+      }
+    };
+    if (typeof requestIdleCallback !== "undefined") {
+      requestIdleCallback(processChange, { timeout: 100 });
+    } else {
+      setTimeout(processChange, 0);
     }
   }
   /**
@@ -1194,16 +1941,36 @@ class AutoTracker {
     if (this.enabled) {
       return;
     }
-    const { enableClick = true, enableExposure = true, enableInput = true, clickDebounceTime, inputDebounceTime } = options || {};
+    const {
+      enableClick = true,
+      enableExposure = true,
+      enableInput = true,
+      clickDebounceTime,
+      inputDebounceTime,
+      enableVueTracking = false,
+      enableNaiveUITracking = false,
+      extractComponentProps = true,
+      extractComponentValue = true
+    } = options || {};
     this.viewTracker.init();
     if (enableClick) {
-      this.clickTracker.init(clickDebounceTime);
+      this.clickTracker.init(clickDebounceTime, {
+        enableVueTracking,
+        enableNaiveUITracking,
+        extractComponentProps,
+        extractComponentValue
+      });
     }
     if (enableExposure) {
       this.exposureTracker.init();
     }
     if (enableInput) {
-      this.inputTracker.init(inputDebounceTime);
+      this.inputTracker.init(inputDebounceTime, void 0, {
+        enableVueTracking,
+        enableNaiveUITracking,
+        extractComponentProps,
+        extractComponentValue
+      });
     }
     this.enabled = true;
   }
@@ -1307,6 +2074,9 @@ class ErrorTracker {
    * 处理Promise错误
    */
   handlePromiseError(event) {
+    if (isTrackerInternalPanel()) {
+      return;
+    }
     try {
       const reason = event.reason;
       let message = "Unhandled promise rejection";
@@ -1339,6 +2109,9 @@ class ErrorTracker {
    */
   handleResourceError(event) {
     var _a;
+    if (isTrackerInternalPanel()) {
+      return;
+    }
     try {
       const target = event.target;
       if (!target) {
@@ -1499,6 +2272,9 @@ class PerformanceTracker {
    * 采集Navigation Timing数据
    */
   collectNavigationTiming() {
+    if (isTrackerInternalPanel()) {
+      return;
+    }
     if (this.navigationTimingCollected) {
       return;
     }
@@ -1904,7 +2680,8 @@ class Deduplicator {
    * 清理过期缓存
    */
   cleanExpiredCache(now) {
-    const maxTimeout = Math.max(...Object.values(this.cacheTimeouts), this.defaultCacheTimeout);
+    const timeoutValues = Object.values(this.cacheTimeouts);
+    const maxTimeout = timeoutValues.length > 0 ? Math.max(...timeoutValues, this.defaultCacheTimeout) : this.defaultCacheTimeout;
     const expireTime = maxTimeout * 2;
     for (const [key, time] of this.eventCache.entries()) {
       if (now - time > expireTime) {
@@ -6243,6 +7020,24 @@ async function fetchPolyfill(url, init) {
         reject(new DOMException("Aborted", "AbortError"));
         return;
       }
+      if (typeof signal.addEventListener === "function") {
+        signal.addEventListener("abort", () => {
+          xhr.abort();
+          reject(new DOMException("Aborted", "AbortError"));
+        });
+      } else {
+        const checkAborted = setInterval(() => {
+          if (signal.aborted) {
+            clearInterval(checkAborted);
+            xhr.abort();
+            reject(new DOMException("Aborted", "AbortError"));
+          }
+        }, 100);
+        const cleanup = () => clearInterval(checkAborted);
+        xhr.addEventListener("loadend", cleanup);
+        xhr.addEventListener("error", cleanup);
+        xhr.addEventListener("timeout", cleanup);
+      }
     }
     xhr.onload = () => {
       const headersString = xhr.getAllResponseHeaders();
@@ -6311,15 +7106,18 @@ function getFetch() {
       new (getAbortController())();
       return fetch;
     } catch {
-      return fetchPolyfill;
+      if (typeof XMLHttpRequest !== "undefined") {
+        return fetchPolyfill;
+      }
+      throw new Error("AbortController is not available. This should not happen in Node.js 18+ or modern browsers.");
     }
   }
   if (typeof XMLHttpRequest !== "undefined") {
     return fetchPolyfill;
   }
-  throw new Error("fetch is not available and XMLHttpRequest fallback is not supported");
+  throw new Error("fetch is not available. Node.js 18+ is required (engines.node >= 18.0.0). For browser environments, please use a modern browser or provide a fetch polyfill.");
 }
-async function browserRequest(url, options = {}) {
+async function universalRequest(url, options = {}) {
   const { method = "POST", headers = {}, body, timeout = 1e4 } = options;
   const AbortControllerClass = getAbortController();
   const controller = new AbortControllerClass();
@@ -6354,64 +7152,8 @@ async function browserRequest(url, options = {}) {
     throw error;
   }
 }
-async function nodeRequest(url, options = {}) {
-  var _a;
-  const { method = "POST", headers = {}, body, timeout = 1e4 } = options;
-  try {
-    let nodeFetchFn;
-    try {
-      const nodeFetch = await import("node-fetch");
-      nodeFetchFn = nodeFetch.default || nodeFetch;
-    } catch (e) {
-      if (typeof process !== "undefined" && ((_a = process.versions) == null ? void 0 : _a.node)) {
-        throw new Error("node-fetch is required in Node.js environment. Please install it: pnpm add node-fetch");
-      }
-      throw new Error("Network request failed: node-fetch not available");
-    }
-    const AbortControllerClass = getAbortController();
-    const controller = new AbortControllerClass();
-    const timeoutId = setTimeout(() => controller.abort(), timeout);
-    try {
-      const response = await nodeFetchFn(url, {
-        method,
-        headers: {
-          "Content-Type": "application/json",
-          ...headers
-        },
-        body,
-        signal: controller.signal
-      });
-      clearTimeout(timeoutId);
-      let data;
-      const contentType = response.headers.get("content-type");
-      if (contentType && contentType.includes("application/json")) {
-        data = await response.json();
-      } else {
-        data = await response.text();
-      }
-      return {
-        ok: response.ok,
-        status: response.status,
-        statusText: response.statusText,
-        data
-      };
-    } catch (error) {
-      clearTimeout(timeoutId);
-      throw error;
-    }
-  } catch (error) {
-    throw error;
-  }
-}
 async function request(url, options = {}) {
-  var _a;
-  if (typeof process !== "undefined" && ((_a = process.versions) == null ? void 0 : _a.node)) {
-    return nodeRequest(url, options);
-  }
-  if (typeof window !== "undefined") {
-    return browserRequest(url, options);
-  }
-  return browserRequest(url, options);
+  return universalRequest(url, options);
 }
 function post(url, data, options = {}) {
   const body = typeof data === "string" ? data : JSON.stringify(data);
@@ -6428,14 +7170,15 @@ class RetryHandler {
       maxDelay = 1e4,
       shouldRetry = () => true
     } = options;
+    const actualMaxRetries = Math.min(maxRetries, 100);
     let lastError;
     let delay = initialDelay;
-    for (let attempt = 0; attempt <= maxRetries; attempt++) {
+    for (let attempt = 0; attempt <= actualMaxRetries; attempt++) {
       try {
         return await fn();
       } catch (error) {
         lastError = error;
-        if (attempt < maxRetries && shouldRetry(error)) {
+        if (attempt < actualMaxRetries && shouldRetry(error)) {
           await this.sleep(delay);
           delay = Math.min(delay * 2, maxDelay);
         } else {
@@ -7116,8 +7859,8 @@ class BatchSender {
     __publicField(this, "eventCallbacks", /* @__PURE__ */ new Map());
     this.sender = new Sender(serverUrl);
     this.offlineStorage = new OfflineStorage(options.maxOfflineStorageSize ?? 1e3);
-    this.batchSize = options.batchSize || 10;
-    this.batchWait = options.batchWait || 5e3;
+    this.batchSize = options.batchSize ?? 10;
+    this.batchWait = options.batchWait ?? 5e3;
     this.enableOfflineStorage = options.enableOfflineStorage ?? true;
     this.initPromise = this.init();
   }
@@ -7147,10 +7890,18 @@ class BatchSender {
     if (options == null ? void 0 : options.onBatchComplete) {
       this.eventCallbacks.set(event, options);
     }
+    if (this.batchSize === 0) {
+      this.flush();
+      return;
+    }
     if (this.queue.length >= this.batchSize) {
       this.flush();
       return;
     }
+    if (this.batchWait === 0) {
+      this.flush();
+      return;
+    }
     if (!this.timer) {
       this.timer = setTimeout(() => {
         this.flush();
@@ -7628,192 +8379,1883 @@ class SessionReplay {
     this.clear();
   }
 }
-class Tracker {
-  constructor(config) {
-    __publicField(this, "config");
-    __publicField(this, "autoTracker", null);
-    __publicField(this, "errorTracker", null);
-    __publicField(this, "performanceTracker", null);
-    __publicField(this, "customTracker");
-    __publicField(this, "dataProcessor");
-    __publicField(this, "batchSender");
-    __publicField(this, "pluginManager");
-    __publicField(this, "behaviorAnalysis");
-    __publicField(this, "sessionReplay", null);
-    __publicField(this, "userInfo", null);
-    __publicField(this, "deviceId");
-    __publicField(this, "sessionId");
-    if (!config.appId) {
-      throw new Error("Tracker: appId is required");
-    }
-    this.config = new ConfigManager(config);
-    this.deviceId = config.deviceId || getDeviceId();
-    this.sessionId = getSessionId();
-    this.customTracker = new CustomTracker();
-    this.dataProcessor = new DataProcessor();
-    const serverUrl = config.serverUrl || "about:blank";
-    this.batchSender = new BatchSender(serverUrl, {
-      batchSize: this.config.get("batchSize"),
-      batchWait: this.config.get("batchWait"),
-      enableOfflineStorage: this.config.get("enableOfflineStorage") ?? true,
-      // 未设置serverUrl时强制启用离线存储
-      maxOfflineStorageSize: this.config.get("maxOfflineStorageSize")
-    });
-    if (!config.serverUrl) {
-      this.batchSender.setServerUrl("");
-    }
-    this.pluginManager = new PluginManager();
-    this.behaviorAnalysis = new BehaviorAnalysis();
-    this.pluginManager.setTrackerInstance({
-      send: this.send.bind(this),
-      getConfig: () => this.config.getAll(),
-      setUser: this.setUser.bind(this),
-      getUser: () => this.userInfo
-    });
+class PerformanceMonitor {
+  constructor(options = {}) {
+    __publicField(this, "events", []);
+    __publicField(this, "alerts", []);
+    __publicField(this, "alertRules", []);
+    __publicField(this, "options");
+    __publicField(this, "storageKey");
+    __publicField(this, "maxStoredEvents");
+    __publicField(this, "retentionTime");
+    __publicField(this, "cleanupTimer", null);
+    this.options = {
+      enableAlerts: options.enableAlerts ?? true,
+      defaultAlertRules: options.defaultAlertRules ?? this.getDefaultAlertRules(),
+      onAlert: options.onAlert ?? (() => {
+      }),
+      storageKey: options.storageKey ?? "__tracker_performance_events__",
+      maxStoredEvents: options.maxStoredEvents ?? 1e4,
+      retentionTime: options.retentionTime ?? 7 * 24 * 60 * 60 * 1e3
+      // 7天
+    };
+    this.storageKey = this.options.storageKey;
+    this.maxStoredEvents = this.options.maxStoredEvents;
+    this.retentionTime = this.options.retentionTime;
+    this.alertRules = this.options.defaultAlertRules;
     this.init();
-    if (typeof window !== "undefined") {
-      window.__trackerEventBus = {
-        emit: (event, data) => {
-          eventBus.emit(event, data);
-        }
-      };
-    }
   }
   /**
    * 初始化
    */
   init() {
-    if (this.config.get("enableAutoTrack")) {
-      this.autoTracker = new AutoTracker();
-      this.autoTracker.init();
-      this.setupAutoTrackListeners();
-    }
-    if (this.config.get("enableErrorTrack")) {
-      this.errorTracker = new ErrorTracker();
-      this.errorTracker.init();
-    }
-    if (this.config.get("enablePerformanceTrack")) {
-      this.performanceTracker = new PerformanceTracker();
-      this.performanceTracker.init();
-    }
-    if (this.config.get("enableSessionReplay")) {
-      this.sessionReplay = new SessionReplay();
-      this.sessionReplay.start();
-    }
-    if (this.config.get("userId")) {
-      this.setUser({ userId: this.config.get("userId") });
-    }
+    const handler = (...args) => {
+      const event = args[0];
+      this.handlePerformanceEvent(event);
+    };
+    eventBus.on("performance", handler);
+    this._performanceHandler = handler;
+    this.loadHistoryData();
+    this.startCleanupTimer();
   }
   /**
-   * 设置自动埋点监听器
+   * 处理性能事件
    */
-  setupAutoTrackListeners() {
-    eventBus.on("pageview", (event) => {
-      this.send(event);
-    });
-    eventBus.on("click", (event) => {
-      this.send(event);
-    });
-    eventBus.on("exposure", (event) => {
-      this.send(event);
-    });
-    eventBus.on("input", (event) => {
-      this.send(event);
-    });
-    eventBus.on("error", (event) => {
-      this.send(event);
-    });
-    eventBus.on("performance", (event) => {
-      this.send(event);
-    });
+  handlePerformanceEvent(event) {
+    this.events.push(event);
+    if (this.events.length > this.maxStoredEvents) {
+      this.events = this.events.slice(-this.maxStoredEvents);
+    }
+    if (this.options.enableAlerts) {
+      this.checkAlertRules(event);
+    }
+    this.saveToStorage();
   }
   /**
-   * 发送事件
+   * 检查告警规则
    */
-  send(event) {
-    try {
-      const enrichedEvent = this.enrichEvent(event);
-      const processedEvent = this.dataProcessor.process(enrichedEvent, {
-        sampleRate: this.config.get("sampleRate"),
-        enableDeduplication: true,
-        isCritical: event.type === "error"
-      });
-      if (!processedEvent) {
-        return;
+  checkAlertRules(event) {
+    if (event.metricType !== "navigation" && event.metricType !== "longtask") {
+      return;
+    }
+    for (const rule of this.alertRules) {
+      if (!rule.enabled) {
+        continue;
       }
-      const beforeSend = this.config.get("beforeSend");
-      if (beforeSend) {
-        const result = beforeSend(processedEvent);
-        if (result === false || result === null) {
-          return;
-        }
-        if (result) {
-          Object.assign(processedEvent, result);
-        }
+      let value;
+      if (rule.metric === "ttfb" && event.metricType === "navigation") {
+        value = event.metrics.ttfb;
+      } else if (rule.metric === "total" && event.metricType === "navigation") {
+        value = event.metrics.total;
+      } else if (rule.metric === "longtask" && event.metricType === "longtask") {
+        value = event.metrics.duration;
+      } else {
+        continue;
       }
-      this.batchSender.add(processedEvent, {
-        onBatchComplete: (events, success) => {
-          const afterSend = this.config.get("afterSend");
-          if (afterSend) {
-            events.forEach((event2) => {
-              setTimeout(() => {
-                afterSend(event2, success);
-              }, 0);
-            });
-          }
-        }
-      });
-      if (event.type === "pageview") {
-        this.behaviorAnalysis.analyzePageView(processedEvent);
+      if (value === void 0) {
+        continue;
       }
-    } catch (error) {
-      const onError = this.config.get("onError");
-      if (onError) {
-        onError(error);
-      } else {
-        console.error("Tracker: Error sending event:", error);
+      let triggered = false;
+      switch (rule.operator) {
+        case ">":
+          triggered = value > rule.threshold;
+          break;
+        case ">=":
+          triggered = value >= rule.threshold;
+          break;
+        case "<":
+          triggered = value < rule.threshold;
+          break;
+        case "<=":
+          triggered = value <= rule.threshold;
+          break;
+      }
+      if (triggered) {
+        this.triggerAlert(rule, value, event);
       }
     }
   }
   /**
-   * 丰富事件数据
+   * 触发告警
    */
-  enrichEvent(event) {
-    var _a;
-    const userId = event.userId || ((_a = this.userInfo) == null ? void 0 : _a.userId) || this.config.get("userId");
-    const customProperties = this.config.get("customProperties") || {};
-    const eventProperties = event.properties || {};
-    const mergedProperties = {
-      ...customProperties,
-      ...eventProperties
-    };
-    const finalProperties = Object.keys(mergedProperties).length > 0 ? mergedProperties : void 0;
-    const enriched = {
-      ...event,
-      deviceId: event.deviceId || this.deviceId,
-      sessionId: event.sessionId || this.sessionId
-    };
-    if (userId && userId !== "") {
-      enriched.userId = userId;
+  triggerAlert(rule, value, event) {
+    let level = "warning";
+    if (value > rule.threshold * 2) {
+      level = "critical";
+    } else if (value > rule.threshold * 1.5) {
+      level = "error";
     }
-    if (finalProperties) {
-      enriched.properties = finalProperties;
+    const alert2 = {
+      id: `alert-${Date.now()}-${Math.random().toString(36).substring(2, 11)}`,
+      ruleId: rule.id,
+      level,
+      message: rule.message || `${rule.name}: ${value.toFixed(2)}ms 超过阈值 ${rule.threshold}ms`,
+      value,
+      threshold: rule.threshold,
+      timestamp: Date.now(),
+      url: event.url,
+      resolved: false
+    };
+    this.alerts.push(alert2);
+    if (this.alerts.length > 1e3) {
+      this.alerts = this.alerts.slice(-1e3);
     }
-    return enriched;
+    this.options.onAlert(alert2);
   }
   /**
-   * 追踪自定义事件
+   * 获取默认告警规则
    */
-  track(eventName, properties) {
-    const event = this.customTracker.track(eventName, properties);
-    this.send(event);
+  getDefaultAlertRules() {
+    return [
+      {
+        id: "ttfb-warning",
+        name: "TTFB告警",
+        metric: "ttfb",
+        threshold: 1e3,
+        operator: ">",
+        enabled: true,
+        message: "TTFB超过1000ms，可能影响用户体验"
+      },
+      {
+        id: "total-load-warning",
+        name: "总加载时间告警",
+        metric: "total",
+        threshold: 3e3,
+        operator: ">",
+        enabled: true,
+        message: "页面总加载时间超过3000ms，可能影响用户体验"
+      },
+      {
+        id: "longtask-warning",
+        name: "长任务告警",
+        metric: "longtask",
+        threshold: 50,
+        operator: ">",
+        enabled: true,
+        message: "检测到长任务超过50ms，可能阻塞主线程"
+      }
+    ];
   }
   /**
-   * 设置用户信息
+   * 获取性能指标
    */
-  setUser(user) {
-    this.userInfo = { ...this.userInfo, ...user };
-    this.config.set("userId", user.userId || "");
+  getMetrics(startTime, endTime) {
+    const now = Date.now();
+    const start = startTime || now - 36e5;
+    const end = endTime || now;
+    const filteredEvents = this.events.filter(
+      (e) => e.timestamp >= start && e.timestamp <= end
+    );
+    const navigationEvents = filteredEvents.filter(
+      (e) => e.metricType === "navigation"
+    );
+    const resourceEvents = filteredEvents.filter(
+      (e) => e.metricType === "resource"
+    );
+    const longTaskEvents = filteredEvents.filter(
+      (e) => e.metricType === "longtask"
+    );
+    let navigation = {
+      dns: 0,
+      tcp: 0,
+      ssl: 0,
+      ttfb: 0,
+      response: 0,
+      domParse: 0,
+      resourceLoad: 0,
+      total: 0,
+      domContentLoaded: 0,
+      load: 0
+    };
+    if (navigationEvents.length > 0) {
+      const metrics = navigationEvents.map((e) => e.metrics);
+      navigation = {
+        dns: this.average(metrics, "dns"),
+        tcp: this.average(metrics, "tcp"),
+        ssl: this.average(metrics, "ssl"),
+        ttfb: this.average(metrics, "ttfb"),
+        response: this.average(metrics, "response"),
+        domParse: this.average(metrics, "domParse"),
+        resourceLoad: this.average(metrics, "resourceLoad"),
+        total: this.average(metrics, "total"),
+        domContentLoaded: this.average(metrics, "domContentLoaded"),
+        load: this.average(metrics, "load")
+      };
+    }
+    const resources = {
+      total: resourceEvents.length,
+      avgLoadTime: 0,
+      maxLoadTime: 0,
+      totalSize: 0,
+      byType: {}
+    };
+    if (resourceEvents.length > 0) {
+      const loadTimes = resourceEvents.map((e) => e.metrics.total || 0).filter((t) => t > 0);
+      if (loadTimes.length > 0) {
+        resources.avgLoadTime = loadTimes.reduce((a, b) => a + b, 0) / loadTimes.length;
+        resources.maxLoadTime = Math.max(...loadTimes);
+      }
+      resources.totalSize = resourceEvents.reduce(
+        (sum, e) => sum + (e.metrics.size || 0),
+        0
+      );
+      const typeMap = /* @__PURE__ */ new Map();
+      resourceEvents.forEach((e) => {
+        const metricsWithString = e.metrics;
+        const type = metricsWithString.resourceType || "unknown";
+        if (!typeMap.has(type)) {
+          typeMap.set(type, []);
+        }
+        typeMap.get(type).push(metricsWithString.total || 0);
+      });
+      typeMap.forEach((times, type) => {
+        const typeEvents = resourceEvents.filter((e) => {
+          const metricsWithString = e.metrics;
+          return metricsWithString.resourceType === type;
+        });
+        resources.byType[type] = {
+          count: times.length,
+          avgLoadTime: times.reduce((a, b) => a + b, 0) / times.length,
+          totalSize: typeEvents.reduce((sum, e) => {
+            const metricsWithString = e.metrics;
+            return sum + (metricsWithString.size || 0);
+          }, 0)
+        };
+      });
+    }
+    const longTasks = {
+      total: longTaskEvents.length,
+      avgDuration: 0,
+      maxDuration: 0,
+      recent: longTaskEvents.slice(-10).map((e) => ({
+        duration: e.metrics.duration || 0,
+        startTime: e.metrics.startTime || 0,
+        timestamp: e.timestamp
+      }))
+    };
+    if (longTaskEvents.length > 0) {
+      const durations = longTaskEvents.map((e) => e.metrics.duration || 0).filter((d) => d > 0);
+      if (durations.length > 0) {
+        longTasks.avgDuration = durations.reduce((a, b) => a + b, 0) / durations.length;
+        longTasks.maxDuration = Math.max(...durations);
+      }
+    }
+    return {
+      navigation,
+      resources,
+      longTasks,
+      timeRange: {
+        start,
+        end
+      }
+    };
+  }
+  /**
+   * 计算平均值
+   */
+  average(metrics, key) {
+    const values = metrics.map((m) => m[key] || 0).filter((v) => v > 0);
+    if (values.length === 0) {
+      return 0;
+    }
+    return values.reduce((a, b) => a + b, 0) / values.length;
+  }
+  /**
+   * 生成性能报告
+   */
+  generateReport(options = {}) {
+    const now = Date.now();
+    const startTime = options.startTime || (options.duration ? now - options.duration : now - 36e5);
+    const endTime = options.endTime || now;
+    const metrics = this.getMetrics(startTime, endTime);
+    const filteredAlerts = this.alerts.filter(
+      (a) => a.timestamp >= startTime && a.timestamp <= endTime
+    );
+    const navigationEvents = this.events.filter(
+      (e) => e.metricType === "navigation" && e.timestamp >= startTime && e.timestamp <= endTime
+    );
+    const summary = {
+      pageLoads: navigationEvents.length,
+      avgTTFB: metrics.navigation.ttfb,
+      avgTotalLoadTime: metrics.navigation.total,
+      totalLongTasks: metrics.longTasks.total,
+      totalResources: metrics.resources.total
+    };
+    const trends = this.generateTrends(startTime, endTime);
+    return {
+      id: `report-${Date.now()}`,
+      generatedAt: now,
+      timeRange: {
+        start: startTime,
+        end: endTime
+      },
+      summary,
+      metrics,
+      alerts: filteredAlerts,
+      trends
+    };
+  }
+  /**
+   * 生成趋势数据
+   */
+  generateTrends(startTime, endTime) {
+    const trends = [];
+    const interval = 36e5;
+    let current = startTime;
+    while (current < endTime) {
+      const next = Math.min(current + interval, endTime);
+      const hourMetrics = this.getMetrics(current, next);
+      trends.push({
+        time: current,
+        metrics: {
+          navigation: hourMetrics.navigation,
+          resources: {
+            total: hourMetrics.resources.total,
+            avgLoadTime: hourMetrics.resources.avgLoadTime,
+            maxLoadTime: hourMetrics.resources.maxLoadTime,
+            totalSize: hourMetrics.resources.totalSize,
+            byType: hourMetrics.resources.byType
+          },
+          longTasks: {
+            total: hourMetrics.longTasks.total,
+            avgDuration: hourMetrics.longTasks.avgDuration,
+            maxDuration: hourMetrics.longTasks.maxDuration,
+            recent: hourMetrics.longTasks.recent
+          }
+        }
+      });
+      current = next;
+    }
+    return trends;
+  }
+  /**
+   * 获取告警列表
+   */
+  getAlerts(resolved) {
+    if (resolved === void 0) {
+      return [...this.alerts];
+    }
+    return this.alerts.filter((a) => a.resolved === resolved);
+  }
+  /**
+   * 添加告警规则
+   */
+  addAlertRule(rule) {
+    this.alertRules.push(rule);
+  }
+  /**
+   * 移除告警规则
+   */
+  removeAlertRule(ruleId) {
+    const index = this.alertRules.findIndex((r) => r.id === ruleId);
+    if (index >= 0) {
+      this.alertRules.splice(index, 1);
+      return true;
+    }
+    return false;
+  }
+  /**
+   * 获取告警规则
+   */
+  getAlertRules() {
+    return [...this.alertRules];
+  }
+  /**
+   * 标记告警为已处理
+   */
+  resolveAlert(alertId) {
+    const alert2 = this.alerts.find((a) => a.id === alertId);
+    if (alert2) {
+      alert2.resolved = true;
+      return true;
+    }
+    return false;
+  }
+  /**
+   * 保存到存储
+   */
+  async saveToStorage() {
+    try {
+      const data = {
+        events: this.events.slice(-1e3),
+        // 只保存最近1000个事件
+        alerts: this.alerts.slice(-100),
+        // 只保存最近100个告警
+        timestamp: Date.now()
+      };
+      await indexedDBStorage.setItem(this.storageKey, JSON.stringify(data));
+    } catch (error) {
+      console.error("PerformanceMonitor: Failed to save to storage:", error);
+    }
+  }
+  /**
+   * 加载历史数据
+   */
+  async loadHistoryData() {
+    try {
+      const dataStr = await indexedDBStorage.getItem(this.storageKey);
+      if (dataStr) {
+        const data = JSON.parse(dataStr);
+        if (data.events) {
+          this.events = data.events;
+        }
+        if (data.alerts) {
+          this.alerts = data.alerts;
+        }
+      }
+    } catch (error) {
+      console.error("PerformanceMonitor: Failed to load history data:", error);
+    }
+  }
+  /**
+   * 启动清理定时器
+   */
+  startCleanupTimer() {
+    if (this.cleanupTimer || typeof window === "undefined") {
+      return;
+    }
+    this.cleanupTimer = window.setInterval(() => {
+      this.cleanup();
+    }, 36e5);
+  }
+  /**
+   * 清理过期数据
+   */
+  cleanup() {
+    const now = Date.now();
+    const cutoffTime = now - this.retentionTime;
+    this.events = this.events.filter((e) => e.timestamp >= cutoffTime);
+    this.alerts = this.alerts.filter((a) => a.timestamp >= cutoffTime);
+    this.saveToStorage();
+  }
+  /**
+   * 销毁
+   */
+  destroy() {
+    const handler = this._performanceHandler;
+    if (handler) {
+      eventBus.off("performance", handler);
+    }
+    if (this.cleanupTimer && typeof window !== "undefined") {
+      clearInterval(this.cleanupTimer);
+      this.cleanupTimer = null;
+    }
+  }
+}
+const PERFORMANCE_PANEL_HTML = `
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>性能监控面板 - Tracker SDK</title>
+  <style>
+    * {
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+    }
+    body {
+      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+      background: #f5f5f5;
+      padding: 20px;
+    }
+    .container {
+      max-width: 1400px;
+      margin: 0 auto;
+      background: white;
+      border-radius: 8px;
+      box-shadow: 0 2px 8px rgba(0,0,0,0.1);
+      padding: 30px;
+    }
+    h1 {
+      color: #333;
+      margin-bottom: 10px;
+      border-bottom: 3px solid #9C27B0;
+      padding-bottom: 10px;
+    }
+    .subtitle {
+      color: #666;
+      margin-bottom: 30px;
+    }
+    .toolbar {
+      display: flex;
+      gap: 10px;
+      margin-bottom: 20px;
+      flex-wrap: wrap;
+    }
+    button {
+      background: #9C27B0;
+      color: white;
+      border: none;
+      padding: 10px 20px;
+      border-radius: 4px;
+      cursor: pointer;
+      font-size: 14px;
+      transition: background 0.3s;
+    }
+    button:hover {
+      background: #7B1FA2;
+    }
+    button.secondary {
+      background: #2196F3;
+    }
+    button.secondary:hover {
+      background: #1976D2;
+    }
+    button.success {
+      background: #4CAF50;
+    }
+    button.success:hover {
+      background: #45a049;
+    }
+    .stats-grid {
+      display: grid;
+      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+      gap: 15px;
+      margin-bottom: 30px;
+    }
+    .stat-card {
+      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+      color: white;
+      padding: 20px;
+      border-radius: 8px;
+      box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+    }
+    .stat-card.warning {
+      background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
+    }
+    .stat-card.success {
+      background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);
+    }
+    .stat-card.info {
+      background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
+    }
+    .stat-label {
+      font-size: 12px;
+      opacity: 0.9;
+      margin-bottom: 5px;
+    }
+    .stat-value {
+      font-size: 32px;
+      font-weight: bold;
+    }
+    .stat-unit {
+      font-size: 14px;
+      opacity: 0.8;
+      margin-left: 5px;
+    }
+    .tabs {
+      display: flex;
+      gap: 10px;
+      margin-bottom: 20px;
+      border-bottom: 2px solid #eee;
+    }
+    .tab {
+      padding: 10px 20px;
+      cursor: pointer;
+      border: none;
+      background: none;
+      color: #666;
+      font-size: 14px;
+      border-bottom: 2px solid transparent;
+      margin-bottom: -2px;
+    }
+    .tab.active {
+      color: #9C27B0;
+      border-bottom-color: #9C27B0;
+      font-weight: bold;
+    }
+    .tab-content {
+      display: none;
+    }
+    .tab-content.active {
+      display: block;
+    }
+    .metrics-table {
+      width: 100%;
+      border-collapse: collapse;
+      margin-top: 20px;
+    }
+    .metrics-table th,
+    .metrics-table td {
+      padding: 12px;
+      text-align: left;
+      border-bottom: 1px solid #eee;
+    }
+    .metrics-table th {
+      background: #f9f9f9;
+      font-weight: bold;
+      color: #333;
+    }
+    .metrics-table tr:hover {
+      background: #f9f9f9;
+    }
+    .alert-item {
+      padding: 15px;
+      border-left: 4px solid #f44336;
+      background: #fff3f3;
+      margin-bottom: 10px;
+      border-radius: 4px;
+    }
+    .alert-item.warning {
+      border-left-color: #FF9800;
+      background: #fff8f0;
+    }
+    .alert-item.error {
+      border-left-color: #f44336;
+      background: #fff3f3;
+    }
+    .alert-item.critical {
+      border-left-color: #d32f2f;
+      background: #ffebee;
+    }
+    .alert-header {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-bottom: 5px;
+    }
+    .alert-level {
+      display: inline-block;
+      padding: 4px 8px;
+      border-radius: 4px;
+      font-size: 12px;
+      font-weight: bold;
+      color: white;
+    }
+    .alert-level.warning {
+      background: #FF9800;
+    }
+    .alert-level.error {
+      background: #f44336;
+    }
+    .alert-level.critical {
+      background: #d32f2f;
+    }
+    .alert-time {
+      color: #999;
+      font-size: 12px;
+    }
+    .chart-container {
+      width: 100%;
+      height: 300px;
+      margin: 20px 0;
+      position: relative;
+    }
+    .chart-bar {
+      display: flex;
+      align-items: flex-end;
+      height: 250px;
+      gap: 10px;
+      padding: 20px;
+      background: #f9f9f9;
+      border-radius: 4px;
+    }
+    .chart-bar-item {
+      flex: 1;
+      background: linear-gradient(to top, #9C27B0, #7B1FA2);
+      border-radius: 4px 4px 0 0;
+      position: relative;
+      min-height: 10px;
+    }
+    .chart-bar-label {
+      text-align: center;
+      margin-top: 5px;
+      font-size: 12px;
+      color: #666;
+    }
+    .chart-bar-value {
+      position: absolute;
+      top: -20px;
+      left: 50%;
+      transform: translateX(-50%);
+      font-size: 11px;
+      color: #333;
+      font-weight: bold;
+    }
+    .loading {
+      text-align: center;
+      padding: 40px;
+      color: #666;
+    }
+    .spinner {
+      border: 3px solid #f3f3f3;
+      border-top: 3px solid #9C27B0;
+      border-radius: 50%;
+      width: 40px;
+      height: 40px;
+      animation: spin 1s linear infinite;
+      margin: 0 auto 20px;
+    }
+    @keyframes spin {
+      0% { transform: rotate(0deg); }
+      100% { transform: rotate(360deg); }
+    }
+    .empty-state {
+      text-align: center;
+      padding: 60px 20px;
+      color: #999;
+    }
+  </style>
+</head>
+<body>
+  <div class="container">
+    <h1>📊 性能监控面板</h1>
+    <p class="subtitle">实时性能指标监控和告警</p>
+
+    <div class="toolbar">
+      <button onclick="refreshData()">🔄 刷新数据</button>
+      <button class="secondary" onclick="generateReport()">📄 生成报告</button>
+      <button class="success" onclick="exportData()">📥 导出数据</button>
+    </div>
+
+    <div class="stats-grid" id="stats-grid">
+      <div class="stat-card">
+        <div class="stat-label">TTFB</div>
+        <div class="stat-value" id="stat-ttfb">-<span class="stat-unit">ms</span></div>
+      </div>
+      <div class="stat-card">
+        <div class="stat-label">总加载时间</div>
+        <div class="stat-value" id="stat-total">-<span class="stat-unit">ms</span></div>
+      </div>
+      <div class="stat-card info">
+        <div class="stat-label">资源总数</div>
+        <div class="stat-value" id="stat-resources">-</div>
+      </div>
+      <div class="stat-card warning">
+        <div class="stat-label">长任务</div>
+        <div class="stat-value" id="stat-longtasks">-</div>
+      </div>
+      <div class="stat-card warning">
+        <div class="stat-label">活跃告警</div>
+        <div class="stat-value" id="stat-alerts">-</div>
+      </div>
+    </div>
+
+    <div class="tabs">
+      <button class="tab active" onclick="switchTab('navigation')" data-tab="navigation">页面加载</button>
+      <button class="tab" onclick="switchTab('resources')" data-tab="resources">资源加载</button>
+      <button class="tab" onclick="switchTab('longtasks')" data-tab="longtasks">长任务</button>
+      <button class="tab" onclick="switchTab('alerts')" data-tab="alerts">告警</button>
+    </div>
+
+    <div id="tab-navigation" class="tab-content active">
+      <h2>页面加载性能</h2>
+      <div class="chart-container">
+        <div class="chart-bar" id="navigation-chart"></div>
+      </div>
+      <table class="metrics-table">
+        <thead>
+          <tr>
+            <th>指标</th>
+            <th>值</th>
+            <th>说明</th>
+          </tr>
+        </thead>
+        <tbody id="navigation-metrics">
+        </tbody>
+      </table>
+    </div>
+
+    <div id="tab-resources" class="tab-content">
+      <h2>资源加载性能</h2>
+      <table class="metrics-table">
+        <thead>
+          <tr>
+            <th>资源类型</th>
+            <th>数量</th>
+            <th>平均加载时间</th>
+            <th>总大小</th>
+          </tr>
+        </thead>
+        <tbody id="resources-metrics">
+        </tbody>
+      </table>
+    </div>
+
+    <div id="tab-longtasks" class="tab-content">
+      <h2>长任务监控</h2>
+      <table class="metrics-table">
+        <thead>
+          <tr>
+            <th>时间</th>
+            <th>持续时间</th>
+            <th>开始时间</th>
+          </tr>
+        </thead>
+        <tbody id="longtasks-metrics">
+        </tbody>
+      </table>
+    </div>
+
+    <div id="tab-alerts" class="tab-content">
+      <h2>性能告警</h2>
+      <div id="alerts-list"></div>
+    </div>
+  </div>
+
+  <script>
+    // 标记这是SDK内部面板，不应被监控
+    window.__trackerInternalPanel = true;
+    
+    let metricsData = null;
+    let alertsData = [];
+
+    // 从父窗口获取Tracker实例
+    function getTrackerInstance() {
+      if (window.opener && window.opener.__trackerInstance) {
+        return window.opener.__trackerInstance;
+      }
+      // 尝试从全局变量获取
+      if (window.__trackerInstance) {
+        return window.__trackerInstance;
+      }
+      return null;
+    }
+
+    // 刷新数据
+    async function refreshData() {
+      const tracker = getTrackerInstance();
+      if (!tracker) {
+        alert('无法获取Tracker实例，请确保从Tracker打开此面板');
+        return;
+      }
+
+      try {
+        // 获取性能指标
+        metricsData = tracker.getPerformanceMetrics();
+        
+        // 获取告警
+        alertsData = tracker.getPerformanceMonitor().getAlerts(false);
+
+        // 更新UI
+        updateStats();
+        updateNavigationTab();
+        updateResourcesTab();
+        updateLongTasksTab();
+        updateAlertsTab();
+      } catch (error) {
+        console.error('刷新数据失败:', error);
+        alert('刷新数据失败: ' + (error instanceof Error ? error.message : String(error)));
+      }
+    }
+
+    // 更新统计卡片
+    function updateStats() {
+      if (!metricsData) return;
+
+      document.getElementById('stat-ttfb').innerHTML = 
+        Math.round(metricsData.navigation.ttfb) + '<span class="stat-unit">ms</span>';
+      document.getElementById('stat-total').innerHTML = 
+        Math.round(metricsData.navigation.total) + '<span class="stat-unit">ms</span>';
+      document.getElementById('stat-resources').textContent = metricsData.resources.total;
+      document.getElementById('stat-longtasks').textContent = metricsData.longTasks.total;
+      document.getElementById('stat-alerts').textContent = alertsData.length;
+    }
+
+    // 更新页面加载标签页
+    function updateNavigationTab() {
+      if (!metricsData) return;
+
+      const nav = metricsData.navigation;
+      const metrics = [
+        { name: 'DNS查询', value: nav.dns, desc: '域名解析时间' },
+        { name: 'TCP连接', value: nav.tcp, desc: 'TCP连接建立时间' },
+        { name: 'SSL握手', value: nav.ssl, desc: 'SSL/TLS握手时间' },
+        { name: 'TTFB', value: nav.ttfb, desc: '首字节时间' },
+        { name: '响应时间', value: nav.response, desc: '服务器响应时间' },
+        { name: 'DOM解析', value: nav.domParse, desc: 'DOM解析时间' },
+        { name: '资源加载', value: nav.resourceLoad, desc: '资源加载时间' },
+        { name: '总加载时间', value: nav.total, desc: '页面总加载时间' }
+      ];
+
+      const tbody = document.getElementById('navigation-metrics');
+      tbody.innerHTML = metrics.map(m => \`
+        <tr>
+          <td><strong>\${m.name}</strong></td>
+          <td>\${Math.round(m.value)} ms</td>
+          <td>\${m.desc}</td>
+        </tr>
+      \`).join('');
+
+      // 更新图表
+      updateNavigationChart(metrics);
+    }
+
+    // 更新导航图表
+    function updateNavigationChart(metrics) {
+      const chart = document.getElementById('navigation-chart');
+      const values = metrics.map(m => m.value).filter(v => v > 0);
+      const maxValue = values.length > 0 ? Math.max(...values) : 1;
+      
+      chart.innerHTML = metrics.map(m => {
+        const height = maxValue > 0 ? (m.value / maxValue) * 100 : 0;
+        return \`
+          <div class="chart-bar-item" style="height: \${height}%">
+            <div class="chart-bar-value">\${Math.round(m.value)}ms</div>
+          </div>
+        \`;
+      }).join('') + metrics.map(m => \`
+        <div class="chart-bar-label">\${m.name}</div>
+      \`).join('');
+    }
+
+    // 更新资源标签页
+    function updateResourcesTab() {
+      if (!metricsData) return;
+
+      const resources = metricsData.resources;
+      const tbody = document.getElementById('resources-metrics');
+      
+      if (Object.keys(resources.byType).length === 0) {
+        tbody.innerHTML = '<tr><td colspan="4" style="text-align: center; color: #999;">暂无资源数据</td></tr>';
+        return;
+      }
+
+      tbody.innerHTML = Object.entries(resources.byType).map(([type, stats]) => \`
+        <tr>
+          <td><strong>\${type}</strong></td>
+          <td>\${stats.count}</td>
+          <td>\${Math.round(stats.avgLoadTime)} ms</td>
+          <td>\${formatSize(stats.totalSize)}</td>
+        </tr>
+      \`).join('');
+
+      // 添加总计行
+      tbody.innerHTML += \`
+        <tr style="background: #f9f9f9; font-weight: bold;">
+          <td>总计</td>
+          <td>\${resources.total}</td>
+          <td>\${Math.round(resources.avgLoadTime)} ms</td>
+          <td>\${formatSize(resources.totalSize)}</td>
+        </tr>
+      \`;
+    }
+
+    // 更新长任务标签页
+    function updateLongTasksTab() {
+      if (!metricsData) return;
+
+      const longTasks = metricsData.longTasks;
+      const tbody = document.getElementById('longtasks-metrics');
+      
+      if (longTasks.recent.length === 0) {
+        tbody.innerHTML = '<tr><td colspan="3" style="text-align: center; color: #999;">暂无长任务数据</td></tr>';
+        return;
+      }
+
+      tbody.innerHTML = longTasks.recent.map(task => {
+        const date = new Date(task.timestamp);
+        return \`
+          <tr>
+            <td>\${date.toLocaleString()}</td>
+            <td>\${Math.round(task.duration)} ms</td>
+            <td>\${Math.round(task.startTime)}</td>
+          </tr>
+        \`;
+      }).join('');
+    }
+
+    // 更新告警标签页
+    function updateAlertsTab() {
+      const container = document.getElementById('alerts-list');
+      
+      if (alertsData.length === 0) {
+        container.innerHTML = '<div class="empty-state"><p>暂无告警</p></div>';
+        return;
+      }
+
+      container.innerHTML = alertsData.map(alert => {
+        const date = new Date(alert.timestamp);
+        return \`
+          <div class="alert-item \${alert.level}">
+            <div class="alert-header">
+              <div>
+                <span class="alert-level \${alert.level}">\${alert.level.toUpperCase()}</span>
+                <strong style="margin-left: 10px;">\${alert.message}</strong>
+              </div>
+              <span class="alert-time">\${date.toLocaleString()}</span>
+            </div>
+            <div style="margin-top: 5px; color: #666; font-size: 13px;">
+              值: \${Math.round(alert.value)}ms | 阈值: \${alert.threshold}ms
+              \${alert.url ? ' | URL: ' + alert.url : ''}
+            </div>
+          </div>
+        \`;
+      }).join('');
+    }
+
+    // 切换标签页
+    function switchTab(tabName) {
+      // 更新标签按钮
+      document.querySelectorAll('.tab').forEach(tab => {
+        tab.classList.remove('active');
+        if (tab.getAttribute('data-tab') === tabName) {
+          tab.classList.add('active');
+        }
+      });
+
+      // 更新内容
+      document.querySelectorAll('.tab-content').forEach(content => content.classList.remove('active'));
+      const targetTab = document.getElementById('tab-' + tabName);
+      if (targetTab) {
+        targetTab.classList.add('active');
+      }
+    }
+
+    // 生成报告
+    async function generateReport() {
+      const tracker = getTrackerInstance();
+      if (!tracker) {
+        alert('无法获取Tracker实例');
+        return;
+      }
+
+      try {
+        const report = tracker.generatePerformanceReport({
+          duration: 3600000 // 最近1小时
+        });
+
+        // 下载JSON报告
+        const dataStr = JSON.stringify(report, null, 2);
+        const dataBlob = new Blob([dataStr], { type: 'application/json' });
+        const url = URL.createObjectURL(dataBlob);
+        const link = document.createElement('a');
+        link.href = url;
+        link.download = \`performance-report-\${new Date().toISOString().split('T')[0]}.json\`;
+        link.click();
+        URL.revokeObjectURL(url);
+      } catch (error) {
+        console.error('生成报告失败:', error);
+        alert('生成报告失败: ' + (error instanceof Error ? error.message : String(error)));
+      }
+    }
+
+    // 导出数据
+    function exportData() {
+      if (!metricsData) {
+        alert('请先刷新数据');
+        return;
+      }
+
+      const data = {
+        metrics: metricsData,
+        alerts: alertsData,
+        exportedAt: new Date().toISOString()
+      };
+
+      const dataStr = JSON.stringify(data, null, 2);
+      const dataBlob = new Blob([dataStr], { type: 'application/json' });
+      const url = URL.createObjectURL(dataBlob);
+      const link = document.createElement('a');
+      link.href = url;
+      link.download = \`performance-data-\${new Date().toISOString().split('T')[0]}.json\`;
+      link.click();
+      URL.revokeObjectURL(url);
+    }
+
+    // 格式化文件大小
+    function formatSize(bytes) {
+      if (bytes === 0) return '0 B';
+      const k = 1024;
+      const sizes = ['B', 'KB', 'MB', 'GB'];
+      const i = Math.floor(Math.log(bytes) / Math.log(k));
+      return Math.round(bytes / Math.pow(k, i) * 100) / 100 + ' ' + sizes[i];
+    }
+
+    // 页面加载时自动刷新
+    window.addEventListener('load', () => {
+      setTimeout(refreshData, 500);
+      
+      // 每30秒自动刷新
+      setInterval(refreshData, 30000);
+    });
+  <\/script>
+</body>
+</html>
+`;
+const OFFLINE_STORAGE_VIEWER_HTML = `
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>查看离线存储数据 - Tracker SDK</title>
+  <style>
+    * {
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+    }
+    body {
+      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+      background: #f5f5f5;
+      padding: 20px;
+    }
+    .container {
+      max-width: 1400px;
+      margin: 0 auto;
+      background: white;
+      border-radius: 8px;
+      box-shadow: 0 2px 8px rgba(0,0,0,0.1);
+      padding: 30px;
+    }
+    h1 {
+      color: #333;
+      margin-bottom: 10px;
+      border-bottom: 3px solid #4CAF50;
+      padding-bottom: 10px;
+    }
+    .subtitle {
+      color: #666;
+      margin-bottom: 30px;
+    }
+    .toolbar {
+      display: flex;
+      gap: 10px;
+      margin-bottom: 20px;
+      flex-wrap: wrap;
+    }
+    button {
+      background: #4CAF50;
+      color: white;
+      border: none;
+      padding: 10px 20px;
+      border-radius: 4px;
+      cursor: pointer;
+      font-size: 14px;
+      transition: background 0.3s;
+    }
+    button:hover {
+      background: #45a049;
+    }
+    button.danger {
+      background: #f44336;
+    }
+    button.danger:hover {
+      background: #da190b;
+    }
+    button.secondary {
+      background: #2196F3;
+    }
+    button.secondary:hover {
+      background: #1976D2;
+    }
+    .stats {
+      display: grid;
+      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+      gap: 15px;
+      margin-bottom: 20px;
+    }
+    .stat-card {
+      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+      color: white;
+      padding: 20px;
+      border-radius: 8px;
+      box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+    }
+    .stat-card.success {
+      background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);
+    }
+    .stat-card.warning {
+      background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
+    }
+    .stat-card.info {
+      background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
+    }
+    .stat-label {
+      font-size: 12px;
+      opacity: 0.9;
+      margin-bottom: 5px;
+    }
+    .stat-value {
+      font-size: 32px;
+      font-weight: bold;
+    }
+    .filters {
+      background: #f9f9f9;
+      padding: 15px;
+      border-radius: 4px;
+      margin-bottom: 20px;
+    }
+    .filters label {
+      display: inline-block;
+      margin-right: 15px;
+      font-size: 14px;
+      color: #666;
+    }
+    .filters select, .filters input {
+      padding: 5px 10px;
+      border: 1px solid #ddd;
+      border-radius: 4px;
+      margin-left: 5px;
+    }
+    .events-container {
+      max-height: 600px;
+      overflow-y: auto;
+      border: 1px solid #ddd;
+      border-radius: 4px;
+    }
+    .event-item {
+      border-bottom: 1px solid #eee;
+      padding: 15px;
+      transition: background 0.2s;
+    }
+    .event-item:hover {
+      background: #f9f9f9;
+    }
+    .event-item:last-child {
+      border-bottom: none;
+    }
+    .event-header {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-bottom: 10px;
+    }
+    .event-type {
+      display: inline-block;
+      padding: 4px 8px;
+      border-radius: 4px;
+      font-size: 12px;
+      font-weight: bold;
+      color: white;
+    }
+    .event-type.pageview { background: #4CAF50; }
+    .event-type.click { background: #2196F3; }
+    .event-type.exposure { background: #FF9800; }
+    .event-type.error { background: #f44336; }
+    .event-type.performance { background: #9C27B0; }
+    .event-type.custom { background: #607D8B; }
+    .event-time {
+      color: #999;
+      font-size: 12px;
+    }
+    .event-details {
+      font-size: 13px;
+      color: #666;
+      margin-top: 8px;
+    }
+    .event-details pre {
+      background: #f5f5f5;
+      padding: 10px;
+      border-radius: 4px;
+      overflow-x: auto;
+      font-size: 12px;
+      margin-top: 5px;
+    }
+    .empty-state {
+      text-align: center;
+      padding: 60px 20px;
+      color: #999;
+    }
+    .empty-state svg {
+      width: 100px;
+      height: 100px;
+      margin-bottom: 20px;
+      opacity: 0.3;
+    }
+    .loading {
+      text-align: center;
+      padding: 40px;
+      color: #666;
+    }
+    .spinner {
+      border: 3px solid #f3f3f3;
+      border-top: 3px solid #4CAF50;
+      border-radius: 50%;
+      width: 40px;
+      height: 40px;
+      animation: spin 1s linear infinite;
+      margin: 0 auto 20px;
+    }
+    @keyframes spin {
+      0% { transform: rotate(0deg); }
+      100% { transform: rotate(360deg); }
+    }
+    .json-viewer {
+      background: #f5f5f5;
+      padding: 10px;
+      border-radius: 4px;
+      font-family: 'Courier New', monospace;
+      font-size: 12px;
+      max-height: 300px;
+      overflow-y: auto;
+    }
+  </style>
+</head>
+<body>
+  <div class="container">
+    <h1>📦 离线存储数据查看器</h1>
+    <p class="subtitle">查看 Tracker SDK 离线存储的所有事件数据</p>
+
+    <div class="toolbar">
+      <button onclick="loadEvents()">🔄 刷新数据</button>
+      <button class="secondary" onclick="exportData()">📥 导出数据</button>
+      <button class="danger" onclick="clearStorage()">🗑️ 清空存储</button>
+      <button onclick="openDevTools()">🔧 打开开发者工具</button>
+    </div>
+
+    <div class="stats" id="stats">
+      <div class="stat-card success">
+        <div class="stat-label">总事件数</div>
+        <div class="stat-value" id="total-count">-</div>
+      </div>
+      <div class="stat-card info">
+        <div class="stat-label">存储大小</div>
+        <div class="stat-value" id="storage-size">-</div>
+      </div>
+      <div class="stat-card warning">
+        <div class="stat-label">事件类型分布</div>
+        <div class="stat-value" id="type-distribution">-</div>
+      </div>
+    </div>
+
+    <div class="filters">
+      <label>
+        事件类型:
+        <select id="filter-type" onchange="filterEvents()">
+          <option value="">全部</option>
+          <option value="pageview">页面浏览</option>
+          <option value="click">点击</option>
+          <option value="exposure">曝光</option>
+          <option value="error">错误</option>
+          <option value="performance">性能</option>
+          <option value="custom">自定义</option>
+        </select>
+      </label>
+      <label>
+        搜索:
+        <input type="text" id="search-input" placeholder="搜索事件..." oninput="filterEvents()">
+      </label>
+      <label>
+        排序:
+        <select id="sort-order" onchange="filterEvents()">
+          <option value="desc">最新优先</option>
+          <option value="asc">最旧优先</option>
+        </select>
+      </label>
+    </div>
+
+    <div class="events-container" id="events-container">
+      <div class="loading">
+        <div class="spinner"></div>
+        <p>加载中...</p>
+      </div>
+    </div>
+  </div>
+
+  <script>
+    // 标记这是SDK内部面板，不应被监控
+    window.__trackerInternalPanel = true;
+    
+    let allEvents = [];
+    let filteredEvents = [];
+
+    // 从父窗口获取Tracker实例
+    function getTrackerInstance() {
+      if (window.opener && window.opener.__trackerInstance) {
+        return window.opener.__trackerInstance;
+      }
+      // 尝试从全局变量获取
+      if (window.__trackerInstance) {
+        return window.__trackerInstance;
+      }
+      return null;
+    }
+
+    // 加载事件
+    async function loadEvents() {
+      const container = document.getElementById('events-container');
+      container.innerHTML = '<div class="loading"><div class="spinner"></div><p>加载中...</p></div>';
+
+      try {
+        const tracker = getTrackerInstance();
+        if (tracker) {
+          allEvents = await tracker.getOfflineEvents();
+        } else {
+          // 直接访问IndexedDB
+          allEvents = await getEventsFromIndexedDB();
+        }
+
+        updateStats();
+        filterEvents();
+      } catch (error) {
+        container.innerHTML = \`<div class="empty-state"><p>加载失败: \${error.message}</p></div>\`;
+        console.error('加载事件失败:', error);
+      }
+    }
+
+    // 直接从IndexedDB获取事件
+    async function getEventsFromIndexedDB() {
+      return new Promise((resolve, reject) => {
+        const request = indexedDB.open('__tracker_db__', 1);
+        
+        request.onsuccess = (event) => {
+          const db = event.target.result;
+          if (!db.objectStoreNames.contains('__tracker_store__')) {
+            resolve([]);
+            return;
+          }
+          const transaction = db.transaction(['__tracker_store__'], 'readonly');
+          const store = transaction.objectStore('__tracker_store__');
+          const index = store.index('key');
+          const getRequest = index.get('__tracker_offline_events__');
+
+          getRequest.onsuccess = () => {
+            const result = getRequest.result;
+            if (result && result.value) {
+              try {
+                const events = JSON.parse(result.value);
+                resolve(events);
+              } catch (e) {
+                resolve([]);
+              }
+            } else {
+              resolve([]);
+            }
+          };
+
+          getRequest.onerror = () => {
+            reject(new Error('获取数据失败'));
+          };
+        };
+
+        request.onerror = () => {
+          reject(new Error('打开数据库失败'));
+        };
+      });
+    }
+
+    // 更新统计信息
+    function updateStats() {
+      const totalCount = allEvents.length;
+      document.getElementById('total-count').textContent = totalCount;
+
+      const size = new Blob([JSON.stringify(allEvents)]).size;
+      const sizeKB = (size / 1024).toFixed(2);
+      document.getElementById('storage-size').textContent = sizeKB + ' KB';
+
+      const typeCount = {};
+      allEvents.forEach(event => {
+        typeCount[event.type] = (typeCount[event.type] || 0) + 1;
+      });
+      const typeStr = Object.entries(typeCount)
+        .map(([type, count]) => \`\${type}: \${count}\`)
+        .join(', ');
+      document.getElementById('type-distribution').textContent = typeStr || '无';
+    }
+
+    // 过滤事件
+    function filterEvents() {
+      const typeFilter = document.getElementById('filter-type').value;
+      const searchText = document.getElementById('search-input').value.toLowerCase();
+      const sortOrder = document.getElementById('sort-order').value;
+
+      filteredEvents = allEvents.filter(event => {
+        const matchType = !typeFilter || event.type === typeFilter;
+        const matchSearch = !searchText || 
+          JSON.stringify(event).toLowerCase().includes(searchText);
+        return matchType && matchSearch;
+      });
+
+      filteredEvents.sort((a, b) => {
+        return sortOrder === 'desc' ? b.timestamp - a.timestamp : a.timestamp - b.timestamp;
+      });
+
+      renderEvents();
+    }
+
+    // 渲染事件列表
+    function renderEvents() {
+      const container = document.getElementById('events-container');
+
+      if (filteredEvents.length === 0) {
+        container.innerHTML = \`
+          <div class="empty-state">
+            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+              <path d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/>
+            </svg>
+            <p>没有找到事件数据</p>
+            <p style="margin-top: 10px; font-size: 12px;">请确保已经使用Tracker SDK收集了一些事件</p>
+          </div>
+        \`;
+        return;
+      }
+
+      const typeLabels = {
+        pageview: '页面浏览',
+        click: '点击',
+        exposure: '曝光',
+        error: '错误',
+        performance: '性能',
+        custom: '自定义'
+      };
+
+      container.innerHTML = filteredEvents.map((event) => {
+        const date = new Date(event.timestamp);
+        return \`
+          <div class="event-item">
+            <div class="event-header">
+              <div>
+                <span class="event-type \${event.type}">\${typeLabels[event.type] || event.type}</span>
+                <span style="margin-left: 10px; font-weight: bold;">\${event.name || event.eventName || '-'}</span>
+              </div>
+              <div class="event-time">\${date.toLocaleString()}</div>
+            </div>
+            <div class="event-details">
+              <div><strong>URL:</strong> \${event.url || '-'}</div>
+              <div style="margin-top: 5px;"><strong>标题:</strong> \${event.title || '-'}</div>
+              \${event.userId ? \`<div style="margin-top: 5px;"><strong>用户ID:</strong> \${event.userId}</div>\` : ''}
+              \${event.properties ? \`
+                <div style="margin-top: 10px;">
+                  <strong>属性:</strong>
+                  <div class="json-viewer">\${JSON.stringify(event.properties, null, 2)}</div>
+                </div>
+              \` : ''}
+              \${event.errorType ? \`<div style="margin-top: 5px;"><strong>错误类型:</strong> \${event.errorType}</div>\` : ''}
+              \${event.message ? \`<div style="margin-top: 5px;"><strong>消息:</strong> \${event.message}</div>\` : ''}
+              <div style="margin-top: 10px; font-size: 11px; color: #999;">
+                <details>
+                  <summary style="cursor: pointer;">查看完整数据</summary>
+                  <div class="json-viewer" style="margin-top: 10px;">\${JSON.stringify(event, null, 2)}</div>
+                </details>
+              </div>
+            </div>
+          </div>
+        \`;
+      }).join('');
+    }
+
+    // 导出数据
+    function exportData() {
+      const dataStr = JSON.stringify(allEvents, null, 2);
+      const dataBlob = new Blob([dataStr], { type: 'application/json' });
+      const url = URL.createObjectURL(dataBlob);
+      const link = document.createElement('a');
+      link.href = url;
+      link.download = \`tracker-offline-events-\${new Date().toISOString().split('T')[0]}.json\`;
+      link.click();
+      URL.revokeObjectURL(url);
+    }
+
+    // 清空存储
+    async function clearStorage() {
+      if (!confirm('确定要清空所有离线存储的数据吗？此操作不可恢复！')) {
+        return;
+      }
+
+      try {
+        const tracker = getTrackerInstance();
+        if (tracker) {
+          await tracker.clearOfflineStorage();
+        } else {
+          const request = indexedDB.open('__tracker_db__', 1);
+          request.onsuccess = (event) => {
+            const db = event.target.result;
+            if (!db.objectStoreNames.contains('__tracker_store__')) {
+              alert('存储已清空（存储不存在）');
+              loadEvents();
+              return;
+            }
+            const transaction = db.transaction(['__tracker_store__'], 'readwrite');
+            const store = transaction.objectStore('__tracker_store__');
+            const index = store.index('key');
+            const getRequest = index.get('__tracker_offline_events__');
+            getRequest.onsuccess = () => {
+              if (getRequest.result) {
+                store.delete(getRequest.result.id);
+              }
+            };
+          };
+        }
+        alert('存储已清空');
+        loadEvents();
+      } catch (error) {
+        alert('清空失败: ' + error.message);
+        console.error('清空存储失败:', error);
+      }
+    }
+
+    // 打开开发者工具
+    function openDevTools() {
+      alert('请在浏览器中按F12打开开发者工具，然后：\\n\\n1. 打开 Application 标签\\n2. 选择 IndexedDB\\n3. 找到 TrackerStorage 数据库\\n4. 查看 keyValueStore 中的数据');
+    }
+
+    // 页面加载时自动加载数据
+    window.addEventListener('load', () => {
+      setTimeout(loadEvents, 500);
+    });
+  <\/script>
+</body>
+</html>
+`;
+class PanelManager {
+  /**
+   * 设置Tracker实例
+   */
+  setTrackerInstance(instance) {
+    if (typeof window !== "undefined") {
+      window.__trackerInstance = instance;
+    }
+  }
+  /**
+   * 打开性能监控面板
+   */
+  openPerformancePanel() {
+    if (typeof window === "undefined") {
+      console.warn("PanelManager: Cannot open panel in non-browser environment");
+      return;
+    }
+    try {
+      const win = window.open("about:blank", "_blank", "width=1400,height=900,resizable=yes,scrollbars=yes");
+      if (!win) {
+        alert("无法打开性能监控面板，请检查浏览器弹窗设置");
+        return;
+      }
+      win.document.write(PERFORMANCE_PANEL_HTML);
+      win.document.close();
+      win.document.title = "性能监控面板 - Tracker SDK";
+    } catch (error) {
+      console.error("PanelManager: Failed to open performance panel:", error);
+      alert("打开性能监控面板失败: " + (error instanceof Error ? error.message : String(error)));
+    }
+  }
+  /**
+   * 打开离线存储查看器
+   */
+  openOfflineStorageViewer() {
+    if (typeof window === "undefined") {
+      console.warn("PanelManager: Cannot open panel in non-browser environment");
+      return;
+    }
+    try {
+      const win = window.open("about:blank", "_blank", "width=1400,height=900,resizable=yes,scrollbars=yes");
+      if (!win) {
+        alert("无法打开离线存储查看器，请检查浏览器弹窗设置");
+        return;
+      }
+      win.document.write(OFFLINE_STORAGE_VIEWER_HTML);
+      win.document.close();
+      win.document.title = "离线存储数据查看器 - Tracker SDK";
+    } catch (error) {
+      console.error("PanelManager: Failed to open offline storage viewer:", error);
+      alert("打开离线存储查看器失败: " + (error instanceof Error ? error.message : String(error)));
+    }
+  }
+  /**
+   * 获取性能监控面板HTML
+   */
+  getPerformancePanelHTML() {
+    return PERFORMANCE_PANEL_HTML;
+  }
+  /**
+   * 获取离线存储查看器HTML
+   */
+  getOfflineStorageViewerHTML() {
+    return OFFLINE_STORAGE_VIEWER_HTML;
+  }
+}
+class Tracker {
+  constructor(config) {
+    __publicField(this, "config");
+    __publicField(this, "autoTracker", null);
+    __publicField(this, "errorTracker", null);
+    __publicField(this, "performanceTracker", null);
+    __publicField(this, "customTracker");
+    __publicField(this, "dataProcessor");
+    __publicField(this, "batchSender");
+    __publicField(this, "pluginManager");
+    __publicField(this, "behaviorAnalysis");
+    __publicField(this, "sessionReplay", null);
+    __publicField(this, "performanceMonitor");
+    __publicField(this, "panelManager");
+    __publicField(this, "userInfo", null);
+    __publicField(this, "deviceId");
+    __publicField(this, "sessionId");
+    if (!config.appId) {
+      throw new Error("Tracker: appId is required");
+    }
+    this.config = new ConfigManager(config);
+    this.deviceId = config.deviceId || getDeviceId();
+    this.sessionId = getSessionId();
+    this.customTracker = new CustomTracker();
+    this.dataProcessor = new DataProcessor();
+    const serverUrl = config.serverUrl || "about:blank";
+    this.batchSender = new BatchSender(serverUrl, {
+      batchSize: this.config.get("batchSize"),
+      batchWait: this.config.get("batchWait"),
+      enableOfflineStorage: this.config.get("enableOfflineStorage") ?? true,
+      // 未设置serverUrl时强制启用离线存储
+      maxOfflineStorageSize: this.config.get("maxOfflineStorageSize")
+    });
+    if (!config.serverUrl) {
+      this.batchSender.setServerUrl("");
+    }
+    this.pluginManager = new PluginManager();
+    this.behaviorAnalysis = new BehaviorAnalysis();
+    this.performanceMonitor = new PerformanceMonitor();
+    this.panelManager = new PanelManager();
+    this.pluginManager.setTrackerInstance({
+      send: this.send.bind(this),
+      getConfig: () => this.config.getAll(),
+      setUser: this.setUser.bind(this),
+      getUser: () => this.userInfo
+    });
+    this.panelManager.setTrackerInstance(this);
+    this.init();
+    if (typeof window !== "undefined") {
+      window.__trackerEventBus = {
+        emit: (event, data) => {
+          eventBus.emit(event, data);
+        }
+      };
+    }
+  }
+  /**
+   * 初始化
+   */
+  init() {
+    if (this.config.get("enableAutoTrack")) {
+      this.autoTracker = new AutoTracker();
+      this.autoTracker.init({
+        enableVueTracking: this.config.get("enableVueTracking") ?? false,
+        enableNaiveUITracking: this.config.get("enableNaiveUITracking") ?? false,
+        extractComponentProps: this.config.get("extractComponentProps") ?? true,
+        extractComponentValue: this.config.get("extractComponentValue") ?? true
+      });
+      this.setupAutoTrackListeners();
+    }
+    if (this.config.get("enableErrorTrack")) {
+      this.errorTracker = new ErrorTracker();
+      this.errorTracker.init();
+    }
+    if (this.config.get("enablePerformanceTrack")) {
+      this.performanceTracker = new PerformanceTracker();
+      this.performanceTracker.init();
+    }
+    if (this.config.get("enableSessionReplay")) {
+      this.sessionReplay = new SessionReplay();
+      this.sessionReplay.start();
+    }
+    if (this.config.get("userId")) {
+      this.setUser({ userId: this.config.get("userId") });
+    }
+  }
+  /**
+   * 设置自动埋点监听器
+   */
+  setupAutoTrackListeners() {
+    eventBus.on("pageview", (event) => {
+      this.send(event);
+    });
+    eventBus.on("click", (event) => {
+      this.send(event);
+    });
+    eventBus.on("exposure", (event) => {
+      this.send(event);
+    });
+    eventBus.on("input", (event) => {
+      this.send(event);
+    });
+    eventBus.on("error", (event) => {
+      this.send(event);
+    });
+    eventBus.on("performance", (event) => {
+      this.send(event);
+    });
+  }
+  /**
+   * 发送事件
+   */
+  send(event) {
+    if (typeof window !== "undefined" && isTrackerInternalPanel()) {
+      return;
+    }
+    try {
+      const enrichedEvent = this.enrichEvent(event);
+      const processedEvent = this.dataProcessor.process(enrichedEvent, {
+        sampleRate: this.config.get("sampleRate"),
+        enableDeduplication: true,
+        isCritical: event.type === "error"
+      });
+      if (!processedEvent) {
+        return;
+      }
+      const beforeSend = this.config.get("beforeSend");
+      if (beforeSend) {
+        const result = beforeSend(processedEvent);
+        if (result === false || result === null) {
+          return;
+        }
+        if (result) {
+          Object.assign(processedEvent, result);
+        }
+      }
+      this.batchSender.add(processedEvent, {
+        onBatchComplete: (events, success) => {
+          const afterSend = this.config.get("afterSend");
+          if (afterSend) {
+            events.forEach((event2) => {
+              setTimeout(() => {
+                afterSend(event2, success);
+              }, 0);
+            });
+          }
+        }
+      });
+      if (event.type === "pageview") {
+        this.behaviorAnalysis.analyzePageView(processedEvent);
+      }
+    } catch (error) {
+      const onError = this.config.get("onError");
+      if (onError) {
+        onError(error);
+      } else {
+        console.error("Tracker: Error sending event:", error);
+      }
+    }
+  }
+  /**
+   * 丰富事件数据
+   */
+  enrichEvent(event) {
+    var _a;
+    const userId = event.userId || ((_a = this.userInfo) == null ? void 0 : _a.userId) || this.config.get("userId");
+    const customProperties = this.config.get("customProperties") || {};
+    const eventProperties = event.properties || {};
+    const mergedProperties = {
+      ...customProperties,
+      ...eventProperties
+    };
+    const finalProperties = Object.keys(mergedProperties).length > 0 ? mergedProperties : void 0;
+    const enriched = {
+      ...event,
+      deviceId: event.deviceId || this.deviceId,
+      sessionId: event.sessionId || this.sessionId
+    };
+    if (userId && userId !== "") {
+      enriched.userId = userId;
+    }
+    if (finalProperties) {
+      enriched.properties = finalProperties;
+    }
+    return enriched;
+  }
+  /**
+   * 追踪自定义事件
+   */
+  track(eventName, properties) {
+    const event = this.customTracker.track(eventName, properties);
+    this.send(event);
+  }
+  /**
+   * 设置用户信息
+   */
+  setUser(user) {
+    this.userInfo = { ...this.userInfo, ...user };
+    this.config.set("userId", user.userId || "");
   }
   /**
    * 获取用户信息
@@ -7887,6 +10329,36 @@ class Tracker {
   getConfig() {
     return this.config.getAll();
   }
+  /**
+   * 打开性能监控面板
+   */
+  openPerformancePanel() {
+    this.panelManager.openPerformancePanel();
+  }
+  /**
+   * 打开离线存储查看器
+   */
+  openOfflineStorageViewer() {
+    this.panelManager.openOfflineStorageViewer();
+  }
+  /**
+   * 获取性能监控数据
+   */
+  getPerformanceMetrics(startTime, endTime) {
+    return this.performanceMonitor.getMetrics(startTime, endTime);
+  }
+  /**
+   * 生成性能报告
+   */
+  generatePerformanceReport(options) {
+    return this.performanceMonitor.generateReport(options);
+  }
+  /**
+   * 获取性能监控器实例
+   */
+  getPerformanceMonitor() {
+    return this.performanceMonitor;
+  }
   /**
    * 获取行为分析数据
    */
@@ -7934,6 +10406,7 @@ class Tracker {
     (_b = this.errorTracker) == null ? void 0 : _b.destroy();
     (_c = this.performanceTracker) == null ? void 0 : _c.destroy();
     (_d = this.sessionReplay) == null ? void 0 : _d.destroy();
+    this.performanceMonitor.destroy();
     this.batchSender.destroy();
     this.pluginManager.clear();
     eventBus.clear();
@@ -7947,6 +10420,7 @@ class Tracker {
     (_b = this.errorTracker) == null ? void 0 : _b.destroy();
     (_c = this.performanceTracker) == null ? void 0 : _c.destroy();
     (_d = this.sessionReplay) == null ? void 0 : _d.destroy();
+    this.performanceMonitor.destroy();
     await this.batchSender.destroyAsync();
     this.pluginManager.clear();
     eventBus.clear();
@@ -8430,14 +10904,587 @@ function createNetworkInterceptorPlugin(options = {}) {
   };
 }
 const networkInterceptorPlugin = createNetworkInterceptorPlugin();
+function vuePlugin(app, options) {
+  const { tracker, enableAutoTrack = true, enableComponentInfo = true } = options;
+  if (!tracker) {
+    console.error("VuePlugin: Tracker instance is required");
+    return;
+  }
+  app.config.globalProperties.$tracker = tracker;
+  app.provide("tracker", tracker);
+  if (enableAutoTrack) {
+    app.mixin({
+      mounted() {
+      }
+    });
+  }
+}
+function useTracker() {
+  var _a, _b;
+  if (typeof window === "undefined") {
+    return void 0;
+  }
+  const vueApp = window.__VUE_APP__;
+  if ((_b = (_a = vueApp == null ? void 0 : vueApp.config) == null ? void 0 : _a.globalProperties) == null ? void 0 : _b.$tracker) {
+    return vueApp.config.globalProperties.$tracker;
+  }
+  const globalTracker = window.__TRACKER_INSTANCE__;
+  if (globalTracker) {
+    return globalTracker;
+  }
+  return void 0;
+}
+class UserActionSequence {
+  constructor(sessionId, deviceId, userId, options = {}) {
+    __publicField(this, "events", []);
+    __publicField(this, "sessionId");
+    __publicField(this, "userId");
+    __publicField(this, "deviceId");
+    __publicField(this, "startTime");
+    __publicField(this, "maxEvents");
+    __publicField(this, "sampleRate");
+    __publicField(this, "enableSampling");
+    __publicField(this, "performanceMode");
+    __publicField(this, "performanceBudget");
+    // 索引优化
+    __publicField(this, "eventTypeCounts", /* @__PURE__ */ new Map());
+    __publicField(this, "isSorted", true);
+    __publicField(this, "lastEventTimestamp", 0);
+    __publicField(this, "eventIndexes", {
+      pageViews: [],
+      clicks: [],
+      inputs: [],
+      errors: [],
+      customEvents: []
+    });
+    // 缓存优化
+    __publicField(this, "cachedProfile", null);
+    __publicField(this, "cacheTimestamp", 0);
+    __publicField(this, "cacheTTL", 5e3);
+    // 5秒缓存
+    // 异步处理队列
+    __publicField(this, "eventQueue", []);
+    __publicField(this, "isProcessing", false);
+    __publicField(this, "maxQueueSize", 100);
+    // 性能监控
+    __publicField(this, "performanceMetrics", {
+      addEventTimes: [],
+      profileGenerationTimes: []
+    });
+    // 性能模式状态
+    __publicField(this, "performanceModeActive", false);
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    this.sessionId = sessionId;
+    this.deviceId = deviceId;
+    this.userId = userId;
+    this.startTime = Date.now();
+    this.maxEvents = options.maxEvents ?? 1e4;
+    this.sampleRate = options.sampleRate ?? 1;
+    this.enableSampling = options.enableSampling ?? true;
+    this.performanceMode = {
+      mode: ((_a = options.performanceMode) == null ? void 0 : _a.mode) ?? "balanced",
+      asyncProcessing: ((_b = options.performanceMode) == null ? void 0 : _b.asyncProcessing) ?? true,
+      useWebWorker: ((_c = options.performanceMode) == null ? void 0 : _c.useWebWorker) ?? false,
+      eventSampleRate: ((_d = options.performanceMode) == null ? void 0 : _d.eventSampleRate) ?? this.sampleRate,
+      maxEvents: ((_e = options.performanceMode) == null ? void 0 : _e.maxEvents) ?? this.maxEvents,
+      enablePerformanceMonitoring: ((_f = options.performanceMode) == null ? void 0 : _f.enablePerformanceMonitoring) ?? true
+    };
+    this.performanceBudget = {
+      addEventMaxTime: ((_g = options.performanceBudget) == null ? void 0 : _g.addEventMaxTime) ?? 1,
+      profileGenerationMaxTime: ((_h = options.performanceBudget) == null ? void 0 : _h.profileGenerationMaxTime) ?? 16
+    };
+  }
+  /**
+   * 添加事件（异步版本，推荐使用）
+   * 快速入队，不阻塞主线程
+   */
+  addEventAsync(event) {
+    if (!this.performanceMode.asyncProcessing) {
+      this.addEventInternal(event);
+      return;
+    }
+    if (this.eventQueue.length >= this.maxQueueSize) {
+      this.eventQueue.shift();
+    }
+    this.eventQueue.push(event);
+    if (!this.isProcessing) {
+      this.processQueueAsync();
+    }
+  }
+  /**
+   * 添加事件（同步版本）
+   * 注意：如果事件很多，可能影响性能
+   */
+  addEvent(event) {
+    const start = performance.now();
+    try {
+      if (this.shouldSkipForPerformance(event)) {
+        return;
+      }
+      this.addEventInternal(event);
+    } finally {
+      const duration = performance.now() - start;
+      this.recordPerformance("addEvent", duration);
+      if (duration > this.performanceBudget.addEventMaxTime) {
+        this.enablePerformanceMode();
+      }
+    }
+  }
+  /**
+   * 内部添加事件逻辑
+   */
+  addEventInternal(event) {
+    if (this.events.length >= this.maxEvents) {
+      this.cleanupOldEvents();
+    }
+    if (this.enableSampling && Math.random() > this.sampleRate) {
+      if (event.type !== "error" && event.type !== "custom") {
+        return;
+      }
+    }
+    const lightweightEvent = {
+      type: event.type,
+      name: event.name,
+      timestamp: event.timestamp,
+      url: event.url,
+      title: event.title,
+      sessionId: this.sessionId,
+      deviceId: this.deviceId,
+      userId: this.userId || event.userId,
+      properties: this.sanitizeProperties(event.properties),
+      // 如果是自定义事件，需要保留 eventName
+      ...event.type === "custom" && "eventName" in event ? { eventName: event.eventName } : {}
+    };
+    const index = this.events.length;
+    this.events.push(lightweightEvent);
+    this.updateIndexes(event.type, index);
+    this.eventTypeCounts.set(
+      event.type,
+      (this.eventTypeCounts.get(event.type) || 0) + 1
+    );
+    if (event.timestamp < this.lastEventTimestamp) {
+      this.isSorted = false;
+    }
+    this.lastEventTimestamp = event.timestamp;
+    this.cachedProfile = null;
+  }
+  /**
+   * 异步处理队列
+   */
+  processQueueAsync() {
+    if (this.eventQueue.length === 0) {
+      this.isProcessing = false;
+      return;
+    }
+    this.isProcessing = true;
+    if (typeof window !== "undefined" && "requestIdleCallback" in window) {
+      requestIdleCallback(
+        () => {
+          this.processBatch();
+          this.processQueueAsync();
+        },
+        { timeout: 100 }
+      );
+    } else {
+      setTimeout(() => {
+        this.processBatch();
+        this.processQueueAsync();
+      }, 0);
+    }
+  }
+  /**
+   * 处理一批事件
+   */
+  processBatch() {
+    const batchSize = 10;
+    const batch = this.eventQueue.splice(0, batchSize);
+    batch.forEach((event) => {
+      this.addEventInternal(event);
+    });
+  }
+  /**
+   * 判断是否应该跳过事件（性能模式）
+   */
+  shouldSkipForPerformance(event) {
+    if (!this.performanceModeActive) {
+      return false;
+    }
+    if (event.type === "error" || event.type === "custom") {
+      return false;
+    }
+    return Math.random() > 0.5;
+  }
+  /**
+   * 启用性能模式
+   */
+  enablePerformanceMode() {
+    if (!this.performanceModeActive) {
+      console.warn("UserActionSequence: Entering performance mode due to slow operations");
+      this.performanceModeActive = true;
+      this.sampleRate = Math.max(0.1, this.sampleRate * 0.5);
+      this.maxEvents = Math.floor(this.maxEvents * 0.5);
+      this.cleanupOldEvents();
+    }
+  }
+  /**
+   * 清理属性，限制大小
+   */
+  sanitizeProperties(properties) {
+    if (!properties) return void 0;
+    const sanitized = {};
+    for (const [key, value] of Object.entries(properties)) {
+      const valueStr = JSON.stringify(value);
+      if (valueStr.length > 1e3) {
+        sanitized[key] = valueStr.substring(0, 1e3) + "...";
+      } else {
+        sanitized[key] = value;
+      }
+    }
+    return Object.keys(sanitized).length > 0 ? sanitized : void 0;
+  }
+  /**
+   * 更新索引
+   */
+  updateIndexes(eventType, index) {
+    switch (eventType) {
+      case "pageview":
+        this.eventIndexes.pageViews.push(index);
+        break;
+      case "click":
+        this.eventIndexes.clicks.push(index);
+        break;
+      case "input":
+        this.eventIndexes.inputs.push(index);
+        break;
+      case "error":
+        this.eventIndexes.errors.push(index);
+        break;
+      case "custom":
+        this.eventIndexes.customEvents.push(index);
+        break;
+    }
+  }
+  /**
+   * 清理旧事件
+   */
+  cleanupOldEvents() {
+    const keepCount = Math.floor(this.maxEvents / 2);
+    const removedCount = this.events.length - keepCount;
+    this.events = this.events.slice(-keepCount);
+    this.rebuildIndexes();
+    this.recalculateCounts();
+    if (this.performanceMode.enablePerformanceMonitoring) {
+      console.warn(
+        `UserActionSequence: Cleaned up ${removedCount} old events`
+      );
+    }
+  }
+  /**
+   * 重建索引
+   */
+  rebuildIndexes() {
+    this.eventIndexes = {
+      pageViews: [],
+      clicks: [],
+      inputs: [],
+      errors: [],
+      customEvents: []
+    };
+    this.events.forEach((event, index) => {
+      this.updateIndexes(event.type, index);
+    });
+  }
+  /**
+   * 重新计算统计
+   */
+  recalculateCounts() {
+    this.eventTypeCounts.clear();
+    this.events.forEach((event) => {
+      this.eventTypeCounts.set(
+        event.type,
+        (this.eventTypeCounts.get(event.type) || 0) + 1
+      );
+    });
+  }
+  /**
+   * 获取事件序列（已排序）
+   */
+  getSequence() {
+    if (!this.isSorted) {
+      this.events.sort((a, b) => a.timestamp - b.timestamp);
+      this.isSorted = true;
+      this.rebuildIndexes();
+    }
+    return this.events;
+  }
+  /**
+   * 获取会话时长
+   */
+  getDuration() {
+    if (this.events.length === 0) return 0;
+    const sequence = this.getSequence();
+    const lastEvent = sequence[sequence.length - 1];
+    return lastEvent.timestamp - this.startTime;
+  }
+  /**
+   * 使用索引快速获取特定类型的事件
+   */
+  getEventsByType(type) {
+    const indexes = this.getIndexesByType(type);
+    const sequence = this.getSequence();
+    return indexes.filter((index) => index >= 0 && index < sequence.length).map((index) => sequence[index]).filter(Boolean);
+  }
+  /**
+   * 根据类型获取索引
+   */
+  getIndexesByType(type) {
+    switch (type) {
+      case "pageview":
+        return this.eventIndexes.pageViews;
+      case "click":
+        return this.eventIndexes.clicks;
+      case "input":
+        return this.eventIndexes.inputs;
+      case "error":
+        return this.eventIndexes.errors;
+      case "custom":
+        return this.eventIndexes.customEvents;
+      default:
+        return [];
+    }
+  }
+  /**
+   * 生成操作画像（同步版本）
+   */
+  generateProfile() {
+    const now = Date.now();
+    if (this.cachedProfile && now - this.cacheTimestamp < this.cacheTTL) {
+      return this.cachedProfile;
+    }
+    const sequence = this.getSequence();
+    const filterValidIndexes = (indexes) => {
+      return indexes.filter((index) => index >= 0 && index < sequence.length).map((index) => sequence[index]).filter(Boolean);
+    };
+    const profile = {
+      sessionId: this.sessionId,
+      userId: this.userId,
+      deviceId: this.deviceId,
+      startTime: this.startTime,
+      duration: this.getDuration(),
+      totalEvents: sequence.length,
+      eventTypes: Object.fromEntries(this.eventTypeCounts),
+      pageViews: filterValidIndexes(this.eventIndexes.pageViews),
+      clicks: filterValidIndexes(this.eventIndexes.clicks),
+      inputs: filterValidIndexes(this.eventIndexes.inputs),
+      errors: filterValidIndexes(this.eventIndexes.errors),
+      customEvents: filterValidIndexes(this.eventIndexes.customEvents),
+      userJourney: this.buildUserJourneyOptimized(sequence),
+      behaviorMetrics: this.calculateBehaviorMetricsOptimized(sequence)
+    };
+    this.cachedProfile = profile;
+    this.cacheTimestamp = now;
+    return profile;
+  }
+  /**
+   * 生成操作画像（异步版本）
+   */
+  generateProfileAsync() {
+    return new Promise((resolve) => {
+      if (typeof window !== "undefined" && "requestIdleCallback" in window) {
+        requestIdleCallback(
+          () => {
+            const start = performance.now();
+            const profile = this.generateProfile();
+            const duration = performance.now() - start;
+            this.recordPerformance("profileGeneration", duration);
+            resolve(profile);
+          },
+          { timeout: 1e3 }
+        );
+      } else {
+        setTimeout(() => {
+          const start = performance.now();
+          const profile = this.generateProfile();
+          const duration = performance.now() - start;
+          this.recordPerformance("profileGeneration", duration);
+          resolve(profile);
+        }, 0);
+      }
+    });
+  }
+  /**
+   * 生成轻量级画像（不包含完整事件数组）
+   */
+  generateLightweightProfile() {
+    const sequence = this.getSequence();
+    return {
+      sessionId: this.sessionId,
+      userId: this.userId,
+      deviceId: this.deviceId,
+      startTime: this.startTime,
+      duration: this.getDuration(),
+      totalEvents: sequence.length,
+      eventTypes: Object.fromEntries(this.eventTypeCounts),
+      behaviorMetrics: this.calculateBehaviorMetricsOptimized(sequence)
+    };
+  }
+  /**
+   * 优化的用户旅程构建
+   */
+  buildUserJourneyOptimized(events) {
+    const journey = [];
+    let prevTimestamp = this.startTime;
+    for (let i = 0; i < events.length; i++) {
+      const event = events[i];
+      journey.push({
+        step: i + 1,
+        timestamp: event.timestamp,
+        type: event.type,
+        url: event.url,
+        title: event.title,
+        action: this.extractAction(event),
+        duration: event.timestamp - prevTimestamp
+      });
+      prevTimestamp = event.timestamp;
+    }
+    return journey;
+  }
+  /**
+   * 提取操作描述
+   */
+  extractAction(event) {
+    var _a, _b;
+    switch (event.type) {
+      case "pageview":
+        return `访问页面: ${event.title || event.url}`;
+      case "click":
+        const clickEvent = event;
+        return `点击: ${((_a = clickEvent.elementInfo) == null ? void 0 : _a.text) || clickEvent.elementPath || "未知元素"}`;
+      case "input":
+        const inputEvent = event;
+        return `输入: ${((_b = inputEvent.elementInfo) == null ? void 0 : _b.name) || inputEvent.elementPath || "未知字段"}`;
+      case "error":
+        const errorEvent = event;
+        return `错误: ${errorEvent.message}`;
+      case "custom":
+        const customEvent = event;
+        return `自定义事件: ${customEvent.eventName}`;
+      default:
+        return `${event.type} 事件`;
+    }
+  }
+  /**
+   * 优化的行为指标计算
+   */
+  calculateBehaviorMetricsOptimized(events) {
+    const pageViewIndexes = this.eventIndexes.pageViews.filter(
+      (i) => i >= 0 && i < events.length
+    );
+    const pageViews = pageViewIndexes.map(
+      (i) => events[i]
+    );
+    let totalDuration = 0;
+    const uniquePages = /* @__PURE__ */ new Set();
+    for (const pv of pageViews) {
+      if (pv.duration) {
+        totalDuration += pv.duration;
+      }
+      uniquePages.add(pv.url);
+    }
+    return {
+      pv: pageViewIndexes.length,
+      avgPageDuration: pageViewIndexes.length > 0 ? totalDuration / pageViewIndexes.length : 0,
+      clickCount: this.eventIndexes.clicks.length,
+      inputCount: this.eventIndexes.inputs.length,
+      errorCount: this.eventIndexes.errors.length,
+      uniquePages: uniquePages.size
+    };
+  }
+  /**
+   * 记录性能指标
+   */
+  recordPerformance(operation, duration) {
+    if (!this.performanceMode.enablePerformanceMonitoring) {
+      return;
+    }
+    const metrics = this.performanceMetrics[`${operation}Times`];
+    if (metrics) {
+      metrics.push(duration);
+      if (metrics.length > 100) {
+        metrics.shift();
+      }
+    }
+  }
+  /**
+   * 获取性能统计
+   */
+  getPerformanceStats() {
+    const addEventTimes = this.performanceMetrics.addEventTimes;
+    const profileTimes = this.performanceMetrics.profileGenerationTimes;
+    return {
+      avgAddEventTime: addEventTimes.length > 0 ? addEventTimes.reduce((a, b) => a + b, 0) / addEventTimes.length : 0,
+      avgProfileGenerationTime: profileTimes.length > 0 ? profileTimes.reduce((a, b) => a + b, 0) / profileTimes.length : 0,
+      p95AddEventTime: this.percentile(addEventTimes, 95),
+      p95ProfileGenerationTime: this.percentile(profileTimes, 95)
+    };
+  }
+  /**
+   * 计算百分位数
+   */
+  percentile(arr, p) {
+    if (arr.length === 0) return 0;
+    const sorted = [...arr].sort((a, b) => a - b);
+    const index = Math.ceil(p / 100 * sorted.length) - 1;
+    return sorted[Math.max(0, index)] || 0;
+  }
+  /**
+   * 重置序列
+   */
+  reset() {
+    this.events = [];
+    this.eventQueue = [];
+    this.eventTypeCounts.clear();
+    this.eventIndexes = {
+      pageViews: [],
+      clicks: [],
+      inputs: [],
+      errors: [],
+      customEvents: []
+    };
+    this.cachedProfile = null;
+    this.isSorted = true;
+    this.lastEventTimestamp = 0;
+    this.startTime = Date.now();
+    this.performanceModeActive = false;
+  }
+}
 export {
+  PerformanceMonitor,
+  UserActionSequence,
   createNetworkInterceptorPlugin,
   Tracker as default,
   eventBus,
+  extractNaiveUIComponentInfo,
+  extractVueComponentInfo,
+  filterSensitiveData,
+  getComponentAttrs,
+  getComponentName,
+  getComponentProps,
+  getComponentValue,
+  getDeviceId,
+  getNaiveUIComponentTypes,
+  getSessionId,
+  getVueComponentInstance,
+  identifyNaiveUIComponent,
   indexedDBStorage,
+  isNaiveUIComponent,
+  isNaiveUIComponentType,
+  isVueComponent,
   localStorage$1 as localStorage,
   memoryStorage,
   networkInterceptorPlugin,
-  sessionStorage$1 as sessionStorage
+  sessionStorage$1 as sessionStorage,
+  useTracker,
+  vuePlugin
 };
 //# sourceMappingURL=index.es.js.map