@lytjs/devtools 4.2.0 → 6.0.0

package/dist/index.mjs

@@ -1,619 +1,1668 @@
-var Ce=`
-/* === Lyt DevTools \u9762\u677F\u57FA\u7840\u6837\u5F0F === */
-.lyt-devtools-panel {
-  position: fixed;
-  z-index: 999999;
-  background: #1e1e2e;
-  border: 1px solid #313244;
-  border-radius: 8px;
-  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
-  font-family: 'SF Mono', 'Monaco', 'Menlo', 'Consolas', monospace;
-  font-size: 12px;
-  color: #cdd6f4;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-  user-select: none;
-  transition: opacity 0.2s ease;
-}
+import { isObject, isFunction } from '@lytjs/common-is';
 
-/* === \u6807\u9898\u680F === */
-.lyt-devtools-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 0 12px;
-  height: 36px;
-  min-height: 36px;
-  background: #181825;
-  border-bottom: 1px solid #313244;
-  cursor: move;
-  border-radius: 8px 8px 0 0;
+// src/componentTree.ts
+var componentIdCounter = 0;
+function generateComponentId() {
+  return `component-${++componentIdCounter}`;
 }
-
-.lyt-devtools-title {
-  font-size: 13px;
-  font-weight: 600;
-  color: #cba6f7;
-  display: flex;
-  align-items: center;
-  gap: 6px;
+function extractComponentInfo(component) {
+  if (!component) return null;
+  const id = generateComponentId();
+  const name = component.name || component.displayName || "Anonymous";
+  const props = {};
+  if (component.props && isObject(component.props)) {
+    for (const [key, value] of Object.entries(component.props)) {
+      if (typeof value !== "function") {
+        props[key] = value;
+      }
+    }
+  }
+  return {
+    id,
+    name,
+    props: Object.keys(props).length > 0 ? props : void 0
+  };
 }
-
-.lyt-devtools-title-icon {
-  font-size: 14px;
+function buildComponentTreeRecursive(component, parentId) {
+  const node = extractComponentInfo(component);
+  if (!node) return null;
+  if (parentId) {
+    node.parent = parentId;
+  }
+  if (component.children && Array.isArray(component.children)) {
+    const children = [];
+    for (const child of component.children) {
+      const childNode = buildComponentTreeRecursive(child, node.id);
+      if (childNode) {
+        children.push(childNode);
+      }
+    }
+    if (children.length > 0) {
+      node.children = children;
+    }
+  }
+  return node;
 }
-
-.lyt-devtools-header-actions {
-  display: flex;
-  align-items: center;
-  gap: 4px;
+function getComponentTree(rootComponent) {
+  if (!rootComponent) {
+    const globalRoot = globalThis.__LYTJS_ROOT__;
+    if (!globalRoot) {
+      return [];
+    }
+    rootComponent = globalRoot;
+  }
+  const tree = buildComponentTreeRecursive(rootComponent);
+  return tree ? [tree] : [];
 }
-
-.lyt-devtools-btn {
-  background: transparent;
-  border: 1px solid transparent;
-  color: #a6adc8;
-  cursor: pointer;
-  padding: 2px 6px;
-  border-radius: 4px;
-  font-size: 14px;
-  line-height: 1;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 24px;
-  height: 24px;
-  transition: all 0.15s ease;
+function serializeComponentTree(nodes, indent = 0) {
+  let result = "";
+  const prefix = "  ".repeat(indent);
+  for (const node of nodes) {
+    result += `${prefix}- ${node.name}`;
+    if (node.props && Object.keys(node.props).length > 0) {
+      const propsStr = Object.entries(node.props).map(([k, v]) => `${k}=${JSON.stringify(v)}`).join(", ");
+      result += ` (${propsStr})`;
+    }
+    result += "\n";
+    if (node.children && node.children.length > 0) {
+      result += serializeComponentTree(node.children, indent + 1);
+    }
+  }
+  return result;
 }
-
-.lyt-devtools-btn:hover {
-  background: #313244;
-  color: #cdd6f4;
-  border-color: #45475a;
+function registerRootComponent(component) {
+  globalThis.__LYTJS_ROOT__ = component;
 }
-
-.lyt-devtools-btn-close:hover {
-  background: #f38ba8;
-  color: #1e1e2e;
-  border-color: #f38ba8;
+function unregisterRootComponent() {
+  delete globalThis.__LYTJS_ROOT__;
 }
-
-/* === \u6807\u7B7E\u680F === */
-.lyt-devtools-tabs {
-  display: flex;
-  background: #181825;
-  border-bottom: 1px solid #313244;
-  padding: 0 8px;
-  min-height: 32px;
+var storeRegistry = /* @__PURE__ */ new Map();
+var subscribers = /* @__PURE__ */ new Map();
+var globalChangeCallbacks = /* @__PURE__ */ new Set();
+function registerStore(id, store) {
+  storeRegistry.set(id, store);
 }
-
-.lyt-devtools-tab {
-  padding: 6px 12px;
-  cursor: pointer;
-  color: #a6adc8;
-  border-bottom: 2px solid transparent;
-  transition: all 0.15s ease;
-  font-size: 12px;
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  white-space: nowrap;
+function unregisterStore(id) {
+  storeRegistry.delete(id);
 }
-
-.lyt-devtools-tab:hover {
-  color: #cdd6f4;
-  background: #1e1e2e;
+function getStoreStates() {
+  const states = [];
+  for (const [id, store] of storeRegistry.entries()) {
+    const stateInfo = {
+      id,
+      state: {}
+    };
+    if (store.$state) {
+      stateInfo.state = deepClone(store.$state);
+    } else if (isObject(store)) {
+      for (const [key, value] of Object.entries(store)) {
+        if (!key.startsWith("$") && !isFunction(value)) {
+          stateInfo.state[key] = deepClone(value);
+        }
+      }
+    }
+    if (store.$id) {
+      stateInfo.id = store.$id;
+    }
+    states.push(stateInfo);
+  }
+  return states;
 }
-
-.lyt-devtools-tab.active {
-  color: #cba6f7;
-  border-bottom-color: #cba6f7;
+function getStoreState(storeId) {
+  const store = storeRegistry.get(storeId);
+  if (!store) return null;
+  const stateInfo = {
+    id: storeId,
+    state: {}
+  };
+  if (store.$state) {
+    stateInfo.state = deepClone(store.$state);
+  } else if (isObject(store)) {
+    for (const [key, value] of Object.entries(store)) {
+      if (!key.startsWith("$") && !isFunction(value)) {
+        stateInfo.state[key] = deepClone(value);
+      }
+    }
+  }
+  return stateInfo;
 }
-
-.lyt-devtools-tab-icon {
-  font-size: 12px;
+function setStoreState(storeId, path, value) {
+  const store = storeRegistry.get(storeId);
+  if (!store) return false;
+  const keys = path.split(".");
+  let current = store.$state || store;
+  for (let i = 0; i < keys.length - 1; i++) {
+    const key = keys[i];
+    if (!isObject(current[key])) {
+      return false;
+    }
+    current = current[key];
+  }
+  const lastKey = keys[keys.length - 1];
+  if (lastKey) {
+    current[lastKey] = value;
+  }
+  return true;
 }
-
-/* === \u5185\u5BB9\u533A\u57DF === */
-.lyt-devtools-content {
-  flex: 1;
-  overflow: auto;
-  padding: 8px;
-  background: #1e1e2e;
+function dispatchStoreAction(storeId, actionName, ...args) {
+  const store = storeRegistry.get(storeId);
+  if (!store) return null;
+  const action = store[actionName];
+  if (!isFunction(action)) {
+    throw new Error(`Action "${actionName}" not found in store "${storeId}"`);
+  }
+  return action.apply(store, args);
 }
-
-.lyt-devtools-content::-webkit-scrollbar {
-  width: 6px;
-  height: 6px;
+function serializeStoreStates(states) {
+  return JSON.stringify(states, null, 2);
 }
-
-.lyt-devtools-content::-webkit-scrollbar-track {
-  background: transparent;
+function deepClone(obj) {
+  if (obj === null || typeof obj !== "object") {
+    return obj;
+  }
+  if (obj instanceof Date) {
+    return new Date(obj.getTime());
+  }
+  if (Array.isArray(obj)) {
+    return obj.map((item) => deepClone(item));
+  }
+  if (isObject(obj)) {
+    const cloned = {};
+    for (const [key, value] of Object.entries(obj)) {
+      cloned[key] = deepClone(value);
+    }
+    return cloned;
+  }
+  return obj;
 }
-
-.lyt-devtools-content::-webkit-scrollbar-thumb {
-  background: #45475a;
-  border-radius: 3px;
+function subscribeStore(storeId) {
+  const store = storeRegistry.get(storeId);
+  if (!store) return false;
+  if (subscribers.has(storeId)) {
+    unsubscribeStore(storeId);
+  }
+  if (isFunction(store.$subscribe)) {
+    const unsubscribe = store.$subscribe((_mutation, state) => {
+      const currentState = isObject(state) ? deepClone(state) : {};
+      globalChangeCallbacks.forEach((cb) => cb(storeId, currentState));
+    });
+    subscribers.set(storeId, isFunction(unsubscribe) ? unsubscribe : () => {
+    });
+    return true;
+  }
+  return false;
 }
-
-.lyt-devtools-content::-webkit-scrollbar-thumb:hover {
-  background: #585b70;
+function unsubscribeStore(storeId) {
+  const unsubscribe = subscribers.get(storeId);
+  if (unsubscribe) {
+    unsubscribe();
+    subscribers.delete(storeId);
+  }
 }
-
-/* === \u5E95\u90E8\u72B6\u6001\u680F === */
-.lyt-devtools-statusbar {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 0 12px;
-  height: 24px;
-  min-height: 24px;
-  background: #181825;
-  border-top: 1px solid #313244;
-  font-size: 11px;
-  color: #6c7086;
-  border-radius: 0 0 8px 8px;
+function onStoreChange(callback) {
+  globalChangeCallbacks.add(callback);
+  return () => {
+    globalChangeCallbacks.delete(callback);
+  };
 }
-
-.lyt-devtools-status-left {
-  display: flex;
-  align-items: center;
-  gap: 8px;
+function clearStoreRegistry() {
+  for (const storeId of subscribers.keys()) {
+    unsubscribeStore(storeId);
+  }
+  globalChangeCallbacks.clear();
+  storeRegistry.clear();
 }
-
-.lyt-devtools-status-right {
-  display: flex;
-  align-items: center;
-  gap: 8px;
+function getRegisteredStoreIds() {
+  return Array.from(storeRegistry.keys());
 }
-
-.lyt-devtools-status-dot {
-  width: 6px;
-  height: 6px;
-  border-radius: 50%;
-  background: #a6e3a1;
+var routerInstance = null;
+var routeHistory = [];
+var afterEachHandler = null;
+function registerRouter(router) {
+  routerInstance = router;
 }
-
-.lyt-devtools-status-dot.disconnected {
-  background: #f38ba8;
+function unregisterRouter() {
+  unwatchRouteChanges();
+  routerInstance = null;
 }
-
-/* === \u8C03\u6574\u5927\u5C0F\u624B\u67C4 === */
-.lyt-devtools-resize-handle {
-  position: absolute;
-  bottom: 0;
-  right: 0;
-  width: 16px;
-  height: 16px;
-  cursor: nwse-resize;
-  z-index: 10;
+function getCurrentRoute() {
+  if (!routerInstance) return null;
+  const currentRoute = routerInstance.currentRoute?.();
+  if (!currentRoute) return null;
+  return {
+    path: currentRoute.path || "/",
+    name: currentRoute.name || null,
+    params: currentRoute.params || {},
+    query: currentRoute.query || {},
+    matched: (currentRoute.matched || []).map((m) => ({
+      path: m.path || "",
+      name: m.name || null
+    }))
+  };
 }
-
-.lyt-devtools-resize-handle::after {
-  content: '';
-  position: absolute;
-  bottom: 3px;
-  right: 3px;
-  width: 8px;
-  height: 8px;
-  border-right: 2px solid #585b70;
-  border-bottom: 2px solid #585b70;
+function getRouteHistory() {
+  return [...routeHistory];
 }
-
-/* === \u6298\u53E0\u72B6\u6001 === */
-.lyt-devtools-panel.collapsed .lyt-devtools-tabs,
-.lyt-devtools-panel.collapsed .lyt-devtools-content,
-.lyt-devtools-panel.collapsed .lyt-devtools-statusbar,
-.lyt-devtools-panel.collapsed .lyt-devtools-resize-handle {
-  display: none;
+function watchRouteChanges() {
+  if (!routerInstance) return false;
+  if (!isFunction(routerInstance.afterEach)) return false;
+  if (afterEachHandler !== null) {
+    unwatchRouteChanges();
+  }
+  routerInstance.afterEach((to) => {
+    const routeInfo = {
+      path: to.path || "/",
+      name: to.name || null,
+      params: to.params || {},
+      query: to.query || {},
+      matched: (to.matched || []).map((m) => ({
+        path: m.path || "",
+        name: m.name || null
+      }))
+    };
+    routeHistory.push(routeInfo);
+  });
+  afterEachHandler = () => {
+    afterEachHandler = null;
+  };
+  return true;
 }
-
-.lyt-devtools-panel.collapsed {
-  width: auto !important;
-  height: auto !important;
-  border-radius: 8px;
+function unwatchRouteChanges() {
+  if (afterEachHandler) {
+    afterEachHandler();
+    afterEachHandler = null;
+  }
 }
-
-/* === \u901A\u7528\u7EC4\u4EF6\u6837\u5F0F === */
-.lyt-devtools-search {
-  width: 100%;
-  padding: 6px 8px;
-  background: #181825;
-  border: 1px solid #313244;
-  border-radius: 4px;
-  color: #cdd6f4;
-  font-size: 12px;
-  font-family: inherit;
-  outline: none;
-  box-sizing: border-box;
-  margin-bottom: 8px;
+function navigateTo(path) {
+  if (!routerInstance) {
+    return Promise.reject(new Error("Router not registered"));
+  }
+  return routerInstance.push?.(path) || Promise.resolve();
 }
-
-.lyt-devtools-search:focus {
-  border-color: #cba6f7;
+function navigateToName(name, params) {
+  if (!routerInstance) {
+    return Promise.reject(new Error("Router not registered"));
+  }
+  return routerInstance.push?.({ name, params }) || Promise.resolve();
 }
-
-.lyt-devtools-search::placeholder {
-  color: #585b70;
+function goBack() {
+  if (!routerInstance) {
+    return Promise.reject(new Error("Router not registered"));
+  }
+  return routerInstance.back?.() || Promise.resolve();
+}
+function serializeRouteInfo(route) {
+  if (!route) return "No route information available";
+  let result = `Path: ${route.path}
+`;
+  result += `Name: ${route.name || "N/A"}
+`;
+  result += `Params: ${JSON.stringify(route.params)}
+`;
+  result += `Query: ${JSON.stringify(route.query)}
+`;
+  result += `Matched Routes:
+`;
+  if (route.matched.length === 0) {
+    result += "  (none)\n";
+  } else {
+    for (const match of route.matched) {
+      result += `  - ${match.path}${match.name ? ` (${match.name})` : ""}
+`;
+    }
+  }
+  return result;
+}
+function getRoutes() {
+  if (!routerInstance) return [];
+  const routes = routerInstance.getRoutes?.() || [];
+  return routes.map((r) => ({
+    path: r.path || "",
+    name: r.name || null
+  }));
+}
+function isRouterRegistered() {
+  return routerInstance !== null;
+}
+function clearRouteHistory() {
+  routeHistory.length = 0;
 }
 
-.lyt-devtools-empty {
-  text-align: center;
-  color: #585b70;
-  padding: 24px;
-  font-style: italic;
+// src/signalsInspector.ts
+var signalRegistry = /* @__PURE__ */ new Map();
+var snapshotManager = {
+  snapshots: [],
+  maxSnapshots: 100,
+  add(snapshot) {
+    this.snapshots.push(snapshot);
+    if (this.snapshots.length > this.maxSnapshots) {
+      this.snapshots.shift();
+    }
+  },
+  getAll() {
+    return [...this.snapshots];
+  },
+  get(index) {
+    return this.snapshots[index];
+  },
+  clear() {
+    this.snapshots = [];
+  },
+  getLength() {
+    return this.snapshots.length;
+  }
+};
+var performanceRecords = [];
+var maxPerformanceRecords = 1e3;
+function registerSignal(id, name, type, initialValue) {
+  signalRegistry.set(id, {
+    type,
+    name,
+    dependencies: /* @__PURE__ */ new Set(),
+    dependents: /* @__PURE__ */ new Set(),
+    value: initialValue,
+    updateCount: 0,
+    updateTimes: [],
+    lastUpdateTime: 0
+  });
+}
+function unregisterSignal(id) {
+  const node = signalRegistry.get(id);
+  if (node) {
+    node.dependencies.forEach((depId) => {
+      const dep = signalRegistry.get(depId);
+      if (dep) {
+        dep.dependents.delete(id);
+      }
+    });
+    node.dependents.forEach((depId) => {
+      const dep = signalRegistry.get(depId);
+      if (dep) {
+        dep.dependencies.delete(id);
+      }
+    });
+  }
+  signalRegistry.delete(id);
+}
+function recordSignalUpdate(id, newValue, duration) {
+  const node = signalRegistry.get(id);
+  if (node) {
+    node.previousValue = node.value;
+    node.value = newValue;
+    node.updateCount++;
+    node.lastUpdateTime = Date.now();
+    if (duration !== void 0) {
+      node.updateTimes.push(duration);
+      if (node.updateTimes.length > 10) {
+        node.updateTimes.shift();
+      }
+    }
+    if (duration !== void 0) {
+      recordPerformance({
+        id,
+        name: node.name,
+        type: node.type,
+        duration,
+        timestamp: Date.now()
+      });
+    }
+  }
+}
+function recordDependency(sourceId, targetId) {
+  const source = signalRegistry.get(sourceId);
+  const target = signalRegistry.get(targetId);
+  if (source && target) {
+    source.dependencies.add(targetId);
+    target.dependents.add(sourceId);
+  }
+}
+function getSignalNodes() {
+  return Array.from(signalRegistry.entries()).map(([id, node]) => ({
+    id,
+    name: node.name,
+    type: node.type,
+    value: node.value,
+    previousValue: node.previousValue,
+    dependencies: Array.from(node.dependencies),
+    dependents: Array.from(node.dependents),
+    updateCount: node.updateCount,
+    lastUpdateTime: node.lastUpdateTime,
+    averageUpdateTime: node.updateTimes.length > 0 ? node.updateTimes.reduce((a, b) => a + b, 0) / node.updateTimes.length : 0
+  }));
+}
+function getSignalNode(id) {
+  const node = signalRegistry.get(id);
+  if (!node) return void 0;
+  return {
+    id,
+    name: node.name,
+    type: node.type,
+    value: node.value,
+    previousValue: node.previousValue,
+    dependencies: Array.from(node.dependencies),
+    dependents: Array.from(node.dependents),
+    updateCount: node.updateCount,
+    lastUpdateTime: node.lastUpdateTime,
+    averageUpdateTime: node.updateTimes.length > 0 ? node.updateTimes.reduce((a, b) => a + b, 0) / node.updateTimes.length : 0
+  };
+}
+function getDependencyGraph() {
+  const nodes = [];
+  const edges = [];
+  signalRegistry.forEach((node, id) => {
+    nodes.push({
+      id,
+      name: node.name,
+      type: node.type
+    });
+    node.dependencies.forEach((depId) => {
+      edges.push({
+        source: depId,
+        target: id,
+        type: "dependency"
+      });
+    });
+  });
+  return { nodes, edges };
+}
+function createSnapshot(label) {
+  const snapshot = {
+    id: `snapshot_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`,
+    timestamp: Date.now(),
+    label,
+    signals: {}
+  };
+  signalRegistry.forEach((node, id) => {
+    snapshot.signals[id] = {
+      value: node.value,
+      dependencies: Array.from(node.dependencies)
+    };
+  });
+  snapshotManager.add(snapshot);
+  return snapshot;
+}
+function getSnapshots() {
+  return snapshotManager.getAll();
+}
+function getTimeTravelState() {
+  const length = snapshotManager.getLength();
+  return {
+    snapshots: snapshotManager.getAll(),
+    currentIndex: length - 1,
+    canUndo: length > 1,
+    canRedo: false
+  };
+}
+function restoreSnapshot(index) {
+  const snapshot = snapshotManager.get(index);
+  if (!snapshot) return void 0;
+  Object.entries(snapshot.signals).forEach(([id, signalSnapshot]) => {
+    const node = signalRegistry.get(id);
+    if (node) {
+      node.value = signalSnapshot.value;
+    }
+  });
+  return snapshot;
+}
+function clearSnapshots() {
+  snapshotManager.clear();
+}
+function recordPerformance(record) {
+  performanceRecords.push(record);
+  if (performanceRecords.length > maxPerformanceRecords) {
+    performanceRecords.shift();
+  }
+}
+function getPerformanceRecords(limit) {
+  const records = [...performanceRecords];
+  if (limit !== void 0) {
+    return records.slice(-limit);
+  }
+  return records;
+}
+function getPerformanceStats() {
+  if (performanceRecords.length === 0) {
+    return {
+      totalRecords: 0,
+      averageDuration: 0,
+      maxDuration: 0,
+      minDuration: 0,
+      byType: {}
+    };
+  }
+  const durations = performanceRecords.map((r) => r.duration);
+  const byType = {};
+  performanceRecords.forEach((record) => {
+    if (!byType[record.type]) {
+      byType[record.type] = { count: 0, total: 0, max: 0 };
+    }
+    const typeStats = byType[record.type];
+    typeStats.count++;
+    typeStats.total += record.duration;
+    typeStats.max = Math.max(typeStats.max, record.duration);
+  });
+  const byTypeResult = {};
+  Object.entries(byType).forEach(([type, data]) => {
+    byTypeResult[type] = {
+      count: data.count,
+      average: data.total / data.count,
+      max: data.max
+    };
+  });
+  return {
+    totalRecords: performanceRecords.length,
+    averageDuration: durations.reduce((a, b) => a + b, 0) / durations.length,
+    maxDuration: Math.max(...durations),
+    minDuration: Math.min(...durations),
+    byType: byTypeResult
+  };
+}
+function clearPerformanceRecords() {
+  performanceRecords.length = 0;
 }
+function clearSignalRegistry() {
+  signalRegistry.clear();
+}
+function serializeSignalNode(node) {
+  let result = `\u{1F4CA} ${node.name} (${node.type})
+`;
+  result += `   ID: ${node.id}
+`;
+  result += `   \u66F4\u65B0\u6B21\u6570: ${node.updateCount}
+`;
+  result += `   \u6700\u540E\u66F4\u65B0: ${new Date(node.lastUpdateTime).toLocaleTimeString()}
+`;
+  if (node.averageUpdateTime > 0) {
+    result += `   \u5E73\u5747\u66F4\u65B0\u8017\u65F6: ${node.averageUpdateTime.toFixed(2)}ms
+`;
+  }
+  if (node.dependencies.length > 0) {
+    result += `   \u4F9D\u8D56: ${node.dependencies.join(", ")}
+`;
+  }
+  if (node.dependents.length > 0) {
+    result += `   \u88AB\u4F9D\u8D56: ${node.dependents.join(", ")}
+`;
+  }
+  return result;
+}
+function serializeDependencyGraph() {
+  const graph = getDependencyGraph();
+  if (graph.nodes.length === 0) {
+    return "\u6682\u65E0\u4FE1\u53F7\u6570\u636E";
+  }
+  let result = `\u{1F4C8} \u4F9D\u8D56\u56FE (${graph.nodes.length} \u4E2A\u8282\u70B9, ${graph.edges.length} \u6761\u8FB9)
 
-.lyt-devtools-badge {
-  display: inline-block;
-  padding: 1px 5px;
-  border-radius: 3px;
-  font-size: 10px;
-  font-weight: 600;
+`;
+  graph.nodes.forEach((node) => {
+    const nodeInfo = signalRegistry.get(node.id);
+    const deps = nodeInfo?.dependencies || /* @__PURE__ */ new Set();
+    const dependents = nodeInfo?.dependents || /* @__PURE__ */ new Set();
+    result += `\u{1F539} ${node.name} (${node.type})
+`;
+    if (deps.size > 0) {
+      result += `   \u2193 \u4F9D\u8D56: ${Array.from(deps).join(", ")}
+`;
+    }
+    if (dependents.size > 0) {
+      result += `   \u2191 \u88AB\u4F9D\u8D56: ${Array.from(dependents).join(", ")}
+`;
+    }
+    result += "\n";
+  });
+  return result;
 }
+function serializePerformanceStats() {
+  const stats = getPerformanceStats();
+  if (stats.totalRecords === 0) {
+    return "\u6682\u65E0\u6027\u80FD\u6570\u636E";
+  }
+  let result = `\u26A1 \u6027\u80FD\u7EDF\u8BA1
 
-.lyt-devtools-badge-blue {
-  background: #89b4fa;
-  color: #1e1e2e;
+`;
+  result += `\u603B\u8BB0\u5F55\u6570: ${stats.totalRecords}
+`;
+  result += `\u5E73\u5747\u8017\u65F6: ${stats.averageDuration.toFixed(2)}ms
+`;
+  result += `\u6700\u5927\u8017\u65F6: ${stats.maxDuration.toFixed(2)}ms
+`;
+  result += `\u6700\u5C0F\u8017\u65F6: ${stats.minDuration.toFixed(2)}ms
+
+`;
+  result += `\u6309\u7C7B\u578B\u7EDF\u8BA1:
+`;
+  Object.entries(stats.byType).forEach(([type, data]) => {
+    result += `  ${type}: ${data.count} \u6B21, \u5E73\u5747 ${data.average.toFixed(2)}ms, \u6700\u5927 ${data.max.toFixed(2)}ms
+`;
+  });
+  return result;
 }
 
-.lyt-devtools-badge-green {
-  background: #a6e3a1;
-  color: #1e1e2e;
+// src/performance.ts
+var DEFAULT_OPTIONS = {
+  enabled: true,
+  maxRecords: 1e3,
+  sampleRate: 1,
+  autoRecordPageMetrics: true,
+  autoRecordLongTasks: true,
+  longTaskThreshold: 50
+};
+var metrics = [];
+var alertRules = /* @__PURE__ */ new Map();
+var alerts = [];
+var alertCooldowns = /* @__PURE__ */ new Map();
+var options = { ...DEFAULT_OPTIONS };
+var observers = /* @__PURE__ */ new Set();
+function initPerformanceMonitor(opts) {
+  options = { ...DEFAULT_OPTIONS, ...opts };
+  if (options.enabled) {
+    if (options.autoRecordPageMetrics) {
+      initPageMetrics();
+    }
+    if (options.autoRecordLongTasks) {
+      initLongTaskObserver();
+    }
+    initDefaultAlertRules();
+  }
+}
+function initPageMetrics() {
+  if (typeof window === "undefined") return;
+  if (typeof PerformanceObserver !== "undefined") {
+    try {
+      new PerformanceObserver((list) => {
+        for (const entry of list.getEntries()) {
+          if (entry.entryType === "paint") {
+            recordMetric({
+              name: entry.name,
+              type: "custom",
+              duration: entry.startTime,
+              metadata: { entryType: entry.entryType }
+            });
+          }
+        }
+      }).observe({ type: "paint", buffered: true });
+    } catch (e) {
+      console.warn("[LytJS Performance] Failed to observe paint metrics:", e);
+    }
+    try {
+      new PerformanceObserver((list) => {
+        for (const entry of list.getEntries()) {
+          const firstInputEntry = entry;
+          if (firstInputEntry.processingStart !== void 0) {
+            recordMetric({
+              name: "First Input Delay",
+              type: "custom",
+              duration: firstInputEntry.processingStart - firstInputEntry.startTime,
+              metadata: { entryType: entry.entryType }
+            });
+          }
+        }
+      }).observe({ type: "first-input", buffered: true });
+    } catch (e) {
+      console.warn("[LytJS Performance] Failed to observe first-input:", e);
+    }
+  }
+}
+function initLongTaskObserver() {
+  if (typeof PerformanceObserver === "undefined") return;
+  try {
+    new PerformanceObserver((list) => {
+      for (const entry of list.getEntries()) {
+        if (entry.entryType === "longtask") {
+          recordMetric({
+            name: "Long Task",
+            type: "custom",
+            duration: entry.duration,
+            metadata: { attribution: entry.attribution }
+          });
+        }
+      }
+    }).observe({ type: "longtask", buffered: true });
+  } catch (e) {
+    console.warn("[LytJS Performance] Failed to observe long tasks:", e);
+  }
+}
+function initDefaultAlertRules() {
+  registerAlertRule({
+    id: "long_task_warning",
+    name: "\u957F\u4EFB\u52A1\u8B66\u544A",
+    level: "warning",
+    condition: (metric) => metric.duration > options.longTaskThreshold,
+    message: "\u68C0\u6D4B\u5230\u957F\u4EFB\u52A1: {{name}}, \u8017\u65F6 {{duration}}ms",
+    enabled: true,
+    cooldown: 5e3
+  });
+  registerAlertRule({
+    id: "slow_render_error",
+    name: "\u6E32\u67D3\u8FC7\u6162",
+    level: "error",
+    condition: (metric, stats) => metric.duration > stats.p99 * 1.5 && stats.count > 10,
+    message: "\u6E32\u67D3\u6027\u80FD\u5F02\u5E38: {{name}}, \u8017\u65F6 {{duration}}ms",
+    enabled: true,
+    cooldown: 1e4
+  });
+  registerAlertRule({
+    id: "critical_render",
+    name: "\u4E25\u91CD\u6E32\u67D3\u95EE\u9898",
+    level: "critical",
+    condition: (metric) => metric.duration > 500,
+    message: "\u4E25\u91CD\u6027\u80FD\u95EE\u9898: {{name}} \u8017\u65F6\u8D85\u8FC7 500ms!",
+    enabled: true,
+    cooldown: 3e4
+  });
+}
+function recordMetric(metric) {
+  if (!options.enabled) {
+    return { id: "", timestamp: 0, ...metric };
+  }
+  if (Math.random() > options.sampleRate) {
+    return { id: "", timestamp: 0, ...metric };
+  }
+  const fullMetric = {
+    id: `metric_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`,
+    timestamp: Date.now(),
+    ...metric
+  };
+  metrics.push(fullMetric);
+  if (metrics.length > options.maxRecords) {
+    metrics.shift();
+  }
+  observers.forEach((cb) => cb(fullMetric));
+  checkAlertRules(fullMetric);
+  return fullMetric;
+}
+function getMetrics(limit) {
+  const result = [...metrics];
+  if (limit !== void 0) {
+    return result.slice(-limit);
+  }
+  return result;
+}
+function getStats(type) {
+  const filteredMetrics = type ? metrics.filter((m) => m.type === type) : [...metrics];
+  if (filteredMetrics.length === 0) {
+    return {
+      count: 0,
+      total: 0,
+      average: 0,
+      min: 0,
+      max: 0,
+      p50: 0,
+      p90: 0,
+      p99: 0
+    };
+  }
+  const durations = filteredMetrics.map((m) => m.duration).sort((a, b) => a - b);
+  const total = durations.reduce((a, b) => a + b, 0);
+  return {
+    count: durations.length,
+    total,
+    average: total / durations.length,
+    min: durations[0] ?? 0,
+    max: durations[durations.length - 1] ?? 0,
+    p50: percentile(durations, 50),
+    p90: percentile(durations, 90),
+    p99: percentile(durations, 99)
+  };
+}
+function percentile(sortedArray, p) {
+  if (sortedArray.length === 0) return 0;
+  const index = Math.ceil(sortedArray.length * p / 100) - 1;
+  return sortedArray[Math.max(0, index)] ?? 0;
+}
+function registerAlertRule(rule) {
+  alertRules.set(rule.id, rule);
+}
+function unregisterAlertRule(ruleId) {
+  alertRules.delete(ruleId);
+}
+function setAlertRuleEnabled(ruleId, enabled) {
+  const rule = alertRules.get(ruleId);
+  if (rule) {
+    rule.enabled = enabled;
+  }
+}
+function getAlertRules() {
+  return Array.from(alertRules.values());
+}
+function getAlerts(includeAcknowledged = true) {
+  if (includeAcknowledged) {
+    return [...alerts];
+  }
+  return alerts.filter((a) => !a.acknowledged);
+}
+function acknowledgeAlert(alertId) {
+  const alert = alerts.find((a) => a.id === alertId);
+  if (alert) {
+    alert.acknowledged = true;
+  }
 }
+function acknowledgeAllAlerts() {
+  alerts.forEach((alert) => {
+    alert.acknowledged = true;
+  });
+}
+function clearAlerts() {
+  alerts.length = 0;
+}
+function checkAlertRules(metric) {
+  const stats = getStats(metric.type);
+  alertRules.forEach((rule) => {
+    if (!rule.enabled) return;
+    const lastTriggered = alertCooldowns.get(rule.id) || 0;
+    if (Date.now() - lastTriggered < rule.cooldown) return;
+    if (rule.condition(metric, stats)) {
+      const alert = {
+        id: `alert_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`,
+        ruleId: rule.id,
+        ruleName: rule.name,
+        level: rule.level,
+        message: interpolateMessage(rule.message, metric),
+        metric,
+        timestamp: Date.now(),
+        acknowledged: false
+      };
+      alerts.push(alert);
+      alertCooldowns.set(rule.id, Date.now());
+      if (alerts.length > 100) {
+        alerts.shift();
+      }
+      outputAlert(alert);
+    }
+  });
+}
+function interpolateMessage(message, metric) {
+  return message.replace(/\{\{name\}\}/g, metric.name).replace(/\{\{duration\}\}/g, metric.duration.toFixed(2)).replace(/\{\{type\}\}/g, metric.type);
+}
+function outputAlert(alert) {
+  const levelStyles = {
+    info: "color: #1890ff;",
+    warning: "color: #faad14;",
+    error: "color: #ff4d4f;",
+    critical: "color: #722ed1; background: #ff4d4f; padding: 2px 5px;"
+  };
+  console.log(
+    `%c[LytJS Alert] ${alert.ruleName}%c ${alert.message}`,
+    levelStyles[alert.level],
+    "color: inherit;"
+  );
+}
+function addObserver(callback) {
+  observers.add(callback);
+}
+function removeObserver(callback) {
+  observers.delete(callback);
+}
+function clearMetrics() {
+  metrics.length = 0;
+}
+function resetPerformanceMonitor() {
+  metrics.length = 0;
+  alerts.length = 0;
+  observers.clear();
+  alertCooldowns.clear();
+  alertRules.clear();
+}
+function getPerformanceReport() {
+  const stats = {
+    render: getStats("render"),
+    update: getStats("update"),
+    effect: getStats("effect"),
+    computed: getStats("computed"),
+    reaction: getStats("reaction"),
+    custom: getStats("custom")
+  };
+  const allStats = getStats();
+  return {
+    metrics: [...metrics],
+    stats,
+    alerts: [...alerts],
+    summary: {
+      totalMetrics: metrics.length,
+      totalAlerts: alerts.length,
+      unacknowledgedAlerts: alerts.filter((a) => !a.acknowledged).length,
+      averageDuration: allStats.average
+    }
+  };
+}
+function serializePerformanceReport() {
+  const report = getPerformanceReport();
+  let result = `\u26A1 \u6027\u80FD\u62A5\u544A
 
-.lyt-devtools-badge-yellow {
-  background: #f9e2af;
-  color: #1e1e2e;
+`;
+  result += `\u{1F4CA} \u7EDF\u8BA1\u6458\u8981:
+`;
+  result += `  \u603B\u8BB0\u5F55\u6570: ${report.summary.totalMetrics}
+`;
+  result += `  \u5E73\u5747\u8017\u65F6: ${report.summary.averageDuration.toFixed(2)}ms
+`;
+  result += `  \u603B\u544A\u8B66\u6570: ${report.summary.totalAlerts}
+`;
+  result += `  \u672A\u786E\u8BA4\u544A\u8B66: ${report.summary.unacknowledgedAlerts}
+
+`;
+  result += `\u{1F4C8} \u5206\u7C7B\u578B\u7EDF\u8BA1:
+`;
+  Object.entries(report.stats).forEach(([type, stats]) => {
+    if (stats.count > 0) {
+      result += `  ${type}: ${stats.count} \u6B21, \u5E73\u5747 ${stats.average.toFixed(2)}ms, \u6700\u5927 ${stats.max.toFixed(2)}ms
+`;
+    }
+  });
+  if (report.alerts.length > 0) {
+    result += `
+\u{1F6A8} \u6700\u8FD1\u544A\u8B66:
+`;
+    report.alerts.slice(-5).forEach((alert) => {
+      const levelIcon = alert.level === "critical" ? "\u{1F534}" : alert.level === "error" ? "\u274C" : alert.level === "warning" ? "\u26A0\uFE0F" : "\u2139\uFE0F";
+      result += `  ${levelIcon} [${alert.level}] ${alert.ruleName}: ${alert.message}
+`;
+    });
+  }
+  return result;
+}
+function startTimer(name, type = "custom") {
+  const startTime = performance.now();
+  return () => {
+    const duration = performance.now() - startTime;
+    recordMetric({ name, type, duration });
+  };
 }
 
-.lyt-devtools-badge-red {
-  background: #f38ba8;
-  color: #1e1e2e;
+// src/benchmark.ts
+var LARGE_SCALE_SCENARIOS = [
+  { name: "\u865A\u62DF\u5217\u8868-1000\u8282\u70B9", nodeCount: 1e3, description: "1000 \u4E2A\u865A\u62DF\u5217\u8868\u8282\u70B9\u6E32\u67D3" },
+  { name: "\u865A\u62DF\u5217\u8868-5000\u8282\u70B9", nodeCount: 5e3, description: "5000 \u4E2A\u865A\u62DF\u5217\u8868\u8282\u70B9\u6E32\u67D3" },
+  { name: "\u865A\u62DF\u5217\u8868-10000\u8282\u70B9", nodeCount: 1e4, description: "10000 \u4E2A\u865A\u62DF\u5217\u8868\u8282\u70B9\u6E32\u67D3" },
+  { name: "\u7EC4\u4EF6\u6811-100\u7EC4\u4EF6", nodeCount: 100, description: "100 \u4E2A\u7EC4\u4EF6\u540C\u65F6\u6E32\u67D3" },
+  { name: "\u7EC4\u4EF6\u6811-500\u7EC4\u4EF6", nodeCount: 500, description: "500 \u4E2A\u7EC4\u4EF6\u540C\u65F6\u6E32\u67D3" },
+  { name: "\u7EC4\u4EF6\u6811-1000\u7EC4\u4EF6", nodeCount: 1e3, description: "1000 \u4E2A\u7EC4\u4EF6\u540C\u65F6\u6E32\u67D3" },
+  { name: "\u4FE1\u53F7\u8FFD\u8E2A-500\u4FE1\u53F7", nodeCount: 500, description: "500 \u4E2A\u4FE1\u53F7\u540C\u65F6\u8FFD\u8E2A" },
+  { name: "\u4FE1\u53F7\u8FFD\u8E2A-1000\u4FE1\u53F7", nodeCount: 1e3, description: "1000 \u4E2A\u4FE1\u53F7\u540C\u65F6\u8FFD\u8E2A" }
+];
+var benchmarkResults = /* @__PURE__ */ new Map();
+function runBenchmark(config) {
+  const { name, iterations, warmup = 10, fn } = config;
+  for (let i = 0; i < warmup; i++) {
+    fn();
+  }
+  const durations = [];
+  const startTime = performance.now();
+  for (let i = 0; i < iterations; i++) {
+    const iterStart = performance.now();
+    fn();
+    durations.push(performance.now() - iterStart);
+  }
+  const totalDuration = performance.now() - startTime;
+  const result = {
+    name,
+    iterations,
+    totalDuration,
+    averageDuration: durations.reduce((a, b) => a + b, 0) / durations.length,
+    minDuration: Math.min(...durations),
+    maxDuration: Math.max(...durations),
+    opsPerSecond: iterations / totalDuration * 1e3,
+    timestamp: Date.now()
+  };
+  storeBenchmarkResult(name, result);
+  return result;
+}
+async function runAsyncBenchmark(config) {
+  const { name, iterations, warmup = 10, asyncFn } = config;
+  if (!asyncFn) {
+    throw new Error("asyncFn is required for async benchmark");
+  }
+  for (let i = 0; i < warmup; i++) {
+    await asyncFn();
+  }
+  const durations = [];
+  const startTime = performance.now();
+  for (let i = 0; i < iterations; i++) {
+    const iterStart = performance.now();
+    await asyncFn();
+    durations.push(performance.now() - iterStart);
+  }
+  const totalDuration = performance.now() - startTime;
+  const result = {
+    name,
+    iterations,
+    totalDuration,
+    averageDuration: durations.reduce((a, b) => a + b, 0) / durations.length,
+    minDuration: Math.min(...durations),
+    maxDuration: Math.max(...durations),
+    opsPerSecond: iterations / totalDuration * 1e3,
+    timestamp: Date.now()
+  };
+  storeBenchmarkResult(name, result);
+  return result;
+}
+function storeBenchmarkResult(name, result) {
+  if (!benchmarkResults.has(name)) {
+    benchmarkResults.set(name, []);
+  }
+  const results = benchmarkResults.get(name);
+  results.push(result);
+  if (results.length > 100) {
+    results.shift();
+  }
+}
+function getBenchmarkResults(name) {
+  if (name) {
+    return benchmarkResults.get(name) || [];
+  }
+  const allResults = [];
+  benchmarkResults.forEach((results) => {
+    allResults.push(...results);
+  });
+  return allResults.sort((a, b) => b.timestamp - a.timestamp);
+}
+function getLatestBenchmarkResult(name) {
+  const results = benchmarkResults.get(name);
+  if (!results || results.length === 0) return void 0;
+  return results[results.length - 1];
 }
+function clearBenchmarkResults(name) {
+  if (name) {
+    benchmarkResults.delete(name);
+  } else {
+    benchmarkResults.clear();
+  }
+}
+function serializeBenchmarkResult(result) {
+  return `
+\u{1F4CA} ${result.name}
+   \u8FED\u4EE3\u6B21\u6570: ${result.iterations}
+   \u603B\u8017\u65F6: ${result.totalDuration.toFixed(2)}ms
+   \u5E73\u5747\u8017\u65F6: ${result.averageDuration.toFixed(4)}ms
+   \u6700\u5C0F\u8017\u65F6: ${result.minDuration.toFixed(4)}ms
+   \u6700\u5927\u8017\u65F6: ${result.maxDuration.toFixed(4)}ms
+   OPS: ${result.opsPerSecond.toFixed(2)} ops/s
+   \u65F6\u95F4: ${new Date(result.timestamp).toLocaleString()}
+`.trim();
+}
+function serializeAllBenchmarkResults() {
+  const allResults = getBenchmarkResults();
+  if (allResults.length === 0) {
+    return "\u6682\u65E0\u57FA\u51C6\u6D4B\u8BD5\u7ED3\u679C";
+  }
+  let result = `\u{1F4C8} \u57FA\u51C6\u6D4B\u8BD5\u62A5\u544A (${allResults.length} \u6761\u8BB0\u5F55)
 
-/* === \u9AD8\u4EAE\u52A8\u753B === */
-@keyframes lyt-devtools-highlight {
-  0% { background-color: rgba(203, 166, 247, 0.3); }
-  100% { background-color: transparent; }
+`;
+  const grouped = /* @__PURE__ */ new Map();
+  allResults.forEach((r) => {
+    if (!grouped.has(r.name)) {
+      grouped.set(r.name, []);
+    }
+    grouped.get(r.name).push(r);
+  });
+  grouped.forEach((results, name) => {
+    const latest = results[results.length - 1];
+    if (latest) {
+      result += `\u{1F539} ${name}
+`;
+      result += `   \u6700\u65B0: ${latest.averageDuration.toFixed(4)}ms (${latest.opsPerSecond.toFixed(2)} ops/s)
+`;
+      result += `   \u5386\u53F2: ${results.length} \u6B21\u6D4B\u8BD5
+`;
+      result += "\n";
+    }
+  });
+  return result;
+}
+function compareBenchmarkResults(oldResult, newResult) {
+  const durationDiff = oldResult.averageDuration - newResult.averageDuration;
+  const durationDiffPercent = durationDiff / oldResult.averageDuration * 100;
+  const opsDiff = newResult.opsPerSecond - oldResult.opsPerSecond;
+  const opsDiffPercent = opsDiff / oldResult.opsPerSecond * 100;
+  return {
+    durationDiff,
+    durationDiffPercent,
+    opsDiff,
+    opsDiffPercent,
+    improved: durationDiff > 0
+  };
+}
+function createLargeScaleBenchmark(scenario, testFn) {
+  return {
+    name: `\u5927\u89C4\u6A21\u6D4B\u8BD5-${scenario.name}`,
+    iterations: 100,
+    warmup: 10,
+    fn: () => testFn(scenario.nodeCount)
+  };
+}
+function getMemoryUsage() {
+  if (typeof performance === "undefined") return null;
+  const memory = performance.memory;
+  if (!memory) return null;
+  return {
+    usedJSHeapSize: memory.usedJSHeapSize,
+    totalJSHeapSize: memory.totalJSHeapSize,
+    jsHeapSizeLimit: memory.jsHeapSizeLimit
+  };
+}
+function serializeMemoryUsage(usage) {
+  const formatBytes = (bytes) => {
+    if (bytes < 1024) return `${bytes} B`;
+    if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(2)} KB`;
+    return `${(bytes / (1024 * 1024)).toFixed(2)} MB`;
+  };
+  return `
+\u{1F4BE} \u5185\u5B58\u4F7F\u7528
+   \u5DF2\u4F7F\u7528\u5806: ${formatBytes(usage.usedJSHeapSize)}
+   \u603B\u5806\u5927\u5C0F: ${formatBytes(usage.totalJSHeapSize)}
+   \u5806\u5927\u5C0F\u9650\u5236: ${formatBytes(usage.jsHeapSizeLimit)}
+   \u4F7F\u7528\u7387: ${(usage.usedJSHeapSize / usage.totalJSHeapSize * 100).toFixed(2)}%
+`.trim();
+}
+function createRegressionDetector(threshold = 0.1) {
+  const history = /* @__PURE__ */ new Map();
+  return {
+    addResult(result) {
+      if (!history.has(result.name)) {
+        history.set(result.name, []);
+      }
+      const results = history.get(result.name);
+      results.push(result);
+      if (results.length < 2) return false;
+      const previous = results[results.length - 2];
+      if (!previous) return false;
+      const regression = previous.averageDuration < result.averageDuration && (result.averageDuration - previous.averageDuration) / previous.averageDuration > threshold;
+      return regression;
+    },
+    getHistory(name) {
+      return history.get(name) || [];
+    },
+    clear() {
+      history.clear();
+    }
+  };
 }
 
-.lyt-devtools-highlight {
-  animation: lyt-devtools-highlight 1s ease-out;
-}
-`,Ee=[{id:"components",label:"\u7EC4\u4EF6\u6811",icon:"\u{1F333}"},{id:"state",label:"\u72B6\u6001",icon:"\u{1F4CA}"},{id:"events",label:"\u4E8B\u4EF6",icon:"\u26A1"},{id:"router",label:"\u8DEF\u7531",icon:"\u{1F517}"}],D=class{constructor(e){this.activeTab="components";this.tabRenderers=new Map;this._visible=!0;this._collapsed=!1;this.highlightOverlay=null;this._resizeHandle=null;this.onWindowResize=()=>{if(!(typeof window!="undefined"&&typeof document!="undefined"))return;let t=this.panelEl.getBoundingClientRect(),n=window.innerWidth-100,r=window.innerHeight-36;t.left>n&&(this.panelEl.style.left=`${n}px`),t.top>r&&(this.panelEl.style.top=`${r}px`)};var n,r,o,s,l,p,c,a;this.config={width:(n=e==null?void 0:e.width)!=null?n:420,height:(r=e==null?void 0:e.height)!=null?r:560,x:(s=e==null?void 0:e.x)!=null?s:typeof window!="undefined"?window.innerWidth-((o=e==null?void 0:e.width)!=null?o:420)-20:100,y:(l=e==null?void 0:e.y)!=null?l:60,minWidth:(p=e==null?void 0:e.minWidth)!=null?p:320,minHeight:(c=e==null?void 0:e.minHeight)!=null?c:200,title:(a=e==null?void 0:e.title)!=null?a:"Lyt DevTools"},this.dragState={isDragging:!1,startX:0,startY:0,startLeft:0,startTop:0},this.resizeState={isResizing:!1,startX:0,startY:0,startWidth:0,startHeight:0};let t=typeof window!="undefined"&&typeof document!="undefined";if(t?(this.styleEl=document.createElement("style"),this.styleEl.textContent=Ce,document.head.appendChild(this.styleEl)):this.styleEl={},t){let{panel:d,header:u,tabs:h,content:f,statusbar:m,statusLeft:x,statusRight:v,resizeHandle:y}=this.createPanelElementWithRefs();this.panelEl=d,this.headerEl=u,this.tabsEl=h,this.contentEl=f,this.statusbarEl=m,this.statusLeftEl=x,this.statusRightEl=v,this._resizeHandle=y}else this.panelEl=this.createMockPanelElement(),this.headerEl=this.panelEl.headerEl,this.tabsEl=this.panelEl.tabsEl,this.contentEl=this.panelEl.contentEl,this.statusbarEl=this.panelEl.statusbarEl,this.statusLeftEl=this.panelEl.statusLeftEl,this.statusRightEl=this.panelEl.statusRightEl,this._resizeHandle=this.panelEl.resizeHandleEl;t&&document.body.appendChild(this.panelEl),t&&(this.bindDragEvents(),this.bindResizeEvents(),this.bindKeyboardEvents(),window.addEventListener("resize",this.onWindowResize))}createPanelElementWithRefs(){let e=document.createElement("div");e.className="lyt-devtools-panel",e.style.width=`${this.config.width}px`,e.style.height=`${this.config.height}px`,e.style.left=`${this.config.x}px`,e.style.top=`${this.config.y}px`;let t=document.createElement("div");t.className="lyt-devtools-header";let n=document.createElement("span");n.className="lyt-devtools-title",n.innerHTML=`<span class="lyt-devtools-title-icon">\u{1F50D}</span>${this.config.title}`;let r=document.createElement("div");r.className="lyt-devtools-header-actions";let o=document.createElement("button");o.className="lyt-devtools-btn",o.textContent="\u2014",o.title="\u6298\u53E0/\u5C55\u5F00",o.addEventListener("click",h=>{h.stopPropagation(),this.toggleCollapse()});let s=document.createElement("button");s.className="lyt-devtools-btn lyt-devtools-btn-close",s.textContent="\u2715",s.title="\u5173\u95ED\u9762\u677F",s.addEventListener("click",h=>{h.stopPropagation(),this.hide()}),r.appendChild(o),r.appendChild(s),t.appendChild(n),t.appendChild(r);let l=document.createElement("div");l.className="lyt-devtools-tabs";for(let h of Ee){let f=document.createElement("div");f.className=`lyt-devtools-tab${h.id===this.activeTab?" active":""}`,f.dataset?f.dataset.tab=h.id:f.setAttribute("data-tab",h.id),f.innerHTML=`<span class="lyt-devtools-tab-icon">${h.icon}</span>${h.label}`,f.addEventListener("click",()=>this.switchTab(h.id)),l.appendChild(f)}let p=document.createElement("div");p.className="lyt-devtools-content";let c=document.createElement("div");c.className="lyt-devtools-statusbar";let a=document.createElement("span");a.className="lyt-devtools-status-left",a.innerHTML='<span class="lyt-devtools-status-dot"></span><span>\u5C31\u7EEA</span>';let d=document.createElement("span");d.className="lyt-devtools-status-right",d.textContent="v0.0.1",c.appendChild(a),c.appendChild(d);let u=document.createElement("div");return u.className="lyt-devtools-resize-handle",e.appendChild(t),e.appendChild(l),e.appendChild(p),e.appendChild(c),e.appendChild(u),{panel:e,header:t,tabs:l,content:p,statusbar:c,statusLeft:a,statusRight:d,resizeHandle:u}}createPanelElement(){return this.createPanelElementWithRefs().panel}createMockPanelElement(){let e=n=>({className:n,classList:{add:()=>{},remove:()=>{},toggle:()=>{},contains:()=>!1},style:{},dataset:{},querySelector:r=>r===".lyt-devtools-header"?t.headerEl:r===".lyt-devtools-tabs"?t.tabsEl:r===".lyt-devtools-content"?t.contentEl:r===".lyt-devtools-statusbar"?t.statusbarEl:r===".lyt-devtools-status-left"?t.statusLeftEl:r===".lyt-devtools-status-right"?t.statusRightEl:r===".lyt-devtools-resize-handle"?t.resizeHandleEl:null,querySelectorAll:()=>[],appendChild:()=>{},addEventListener:()=>{},removeEventListener:()=>{},offsetLeft:0,offsetTop:0,offsetWidth:100,offsetHeight:100,getBoundingClientRect:()=>({left:0,top:0,right:100,bottom:100,width:100,height:100})}),t=e("lyt-devtools-panel");return t.headerEl=e("lyt-devtools-header"),t.tabsEl=e("lyt-devtools-tabs"),t.contentEl=e("lyt-devtools-content"),t.statusbarEl=e("lyt-devtools-statusbar"),t.statusLeftEl=e("lyt-devtools-status-left"),t.statusRightEl=e("lyt-devtools-status-right"),t.resizeHandleEl=e("lyt-devtools-resize-handle"),t}switchTab(e){if(this.activeTab===e)return;this.activeTab=e,typeof window!="undefined"&&typeof document!="undefined"&&this.tabsEl&&this.tabsEl.querySelectorAll&&this.tabsEl.querySelectorAll(".lyt-devtools-tab").forEach(r=>{let o=r;o.classList&&o.dataset&&o.classList.toggle("active",o.dataset.tab===e)}),this.renderContent()}registerTabRenderer(e,t){this.tabRenderers.set(e,t),this.activeTab===e&&this.renderContent()}renderContent(){if(typeof window!="undefined"&&typeof document!="undefined"&&this.contentEl){this.contentEl.innerHTML="";let t=this.tabRenderers.get(this.activeTab);t?t(this.contentEl):this.contentEl.innerHTML='<div class="lyt-devtools-empty">\u6682\u65E0\u5185\u5BB9</div>'}}getActiveTab(){return this.activeTab}getContentElement(){return this.contentEl}show(){this._visible=!0,typeof window!="undefined"&&typeof document!="undefined"&&this.panelEl&&this.panelEl.style&&(this.panelEl.style.display="flex")}hide(){this._visible=!1,typeof window!="undefined"&&typeof document!="undefined"&&this.panelEl&&this.panelEl.style&&(this.panelEl.style.display="none")}toggle(){this._visible?this.hide():this.show()}isVisible(){return this._visible}toggleCollapse(){this._collapsed=!this._collapsed,typeof window!="undefined"&&typeof document!="undefined"&&this.panelEl&&this.panelEl.classList&&this.panelEl.classList.toggle("collapsed",this._collapsed)}isCollapsed(){return this._collapsed}bindDragEvents(){typeof window!="undefined"&&typeof document!="undefined"&&(this.headerEl.addEventListener("mousedown",t=>{t.target.closest(".lyt-devtools-btn")||(this.dragState.isDragging=!0,this.dragState.startX=t.clientX,this.dragState.startY=t.clientY,this.dragState.startLeft=this.panelEl.offsetLeft,this.dragState.startTop=this.panelEl.offsetTop,t.preventDefault())}),document.addEventListener("mousemove",t=>{if(!this.dragState.isDragging)return;let n=t.clientX-this.dragState.startX,r=t.clientY-this.dragState.startY,o=this.dragState.startLeft+n,s=this.dragState.startTop+r;o=Math.max(0,Math.min(o,window.innerWidth-100)),s=Math.max(0,Math.min(s,window.innerHeight-36)),this.panelEl.style.left=`${o}px`,this.panelEl.style.top=`${s}px`}),document.addEventListener("mouseup",()=>{this.dragState.isDragging=!1}))}bindResizeEvents(){typeof window!="undefined"&&typeof document!="undefined"&&this._resizeHandle&&(this._resizeHandle.addEventListener("mousedown",t=>{this.resizeState.isResizing=!0,this.resizeState.startX=t.clientX,this.resizeState.startY=t.clientY,this.resizeState.startWidth=this.panelEl.offsetWidth,this.resizeState.startHeight=this.panelEl.offsetHeight,t.preventDefault(),t.stopPropagation()}),document.addEventListener("mousemove",t=>{if(!this.resizeState.isResizing)return;let n=t.clientX-this.resizeState.startX,r=t.clientY-this.resizeState.startY,o=Math.max(this.config.minWidth,this.resizeState.startWidth+n),s=Math.max(this.config.minHeight,this.resizeState.startHeight+r);this.panelEl.style.width=`${o}px`,this.panelEl.style.height=`${s}px`}),document.addEventListener("mouseup",()=>{this.resizeState.isResizing=!1}))}bindKeyboardEvents(){typeof window!="undefined"&&typeof document!="undefined"&&document.addEventListener("keydown",t=>{t.ctrlKey&&t.shiftKey&&t.key==="D"&&(t.preventDefault(),this.toggle()),t.key==="Escape"&&this._visible&&this.hide()})}setStatusLeft(e){typeof window!="undefined"&&typeof document!="undefined"&&this.statusLeftEl&&(this.statusLeftEl.innerHTML=e)}setStatusRight(e){typeof window!="undefined"&&typeof document!="undefined"&&this.statusRightEl&&(this.statusRightEl.textContent=e)}setConnected(e){if(typeof window!="undefined"&&typeof document!="undefined"&&this.statusLeftEl&&this.statusLeftEl.querySelector){let n=this.statusLeftEl.querySelector(".lyt-devtools-status-dot");n&&n.classList&&n.classList.toggle("disconnected",!e)}}highlightElement(e){if(this.clearHighlight(),!e)return;if(typeof window!="undefined"&&typeof document!="undefined"){this.highlightOverlay=document.createElement("div"),this.highlightOverlay.style.cssText=`
-        position: fixed;
-        z-index: 999998;
-        pointer-events: none;
-        border: 2px solid #cba6f7;
-        background: rgba(203, 166, 247, 0.1);
-        border-radius: 2px;
-        transition: all 0.15s ease;
-      `;let n=e.getBoundingClientRect();this.highlightOverlay.style.left=`${n.left}px`,this.highlightOverlay.style.top=`${n.top}px`,this.highlightOverlay.style.width=`${n.width}px`,this.highlightOverlay.style.height=`${n.height}px`,document.body.appendChild(this.highlightOverlay)}}clearHighlight(){typeof window!="undefined"&&typeof document!="undefined"&&this.highlightOverlay&&(this.highlightOverlay.remove(),this.highlightOverlay=null)}destroy(){let e=typeof window!="undefined"&&typeof document!="undefined";e&&this.styleEl&&this.styleEl.remove&&this.styleEl.remove(),e&&this.panelEl&&this.panelEl.remove&&this.panelEl.remove(),this.clearHighlight(),e&&window.removeEventListener("resize",this.onWindowResize),this.tabRenderers.clear()}};var E=new Map,M=[],S=[],ye=0,H=null,C={},_=!1;function we(){return`comp_${++ye}`}function Se(){return`evt_${++ye}`}function ge(i){var t;if(!i)return"Unknown";let e=i.type||i.options;return e?e.name?e.name:e.render&&e.render.name?e.render.name:e.setup&&e.setup.name?e.setup.name:e._isComponentDefine&&((t=e.options)!=null&&t.name)?e.options.name:"Anonymous":"Anonymous"}function w(i){if(i===null||typeof i!="object")return i;if(Array.isArray(i))return i.map(t=>w(t));let e={};for(let t of Object.keys(i))e[t]=w(i[t]);return e}function Re(i,e){return i===e?!1:typeof i!=typeof e?!0:i===null||e===null?i!==e:typeof i=="object"?JSON.stringify(i)!==JSON.stringify(e):i!==e}function Me(i,e){let t=e.split("."),n=i;for(let r of t){if(n==null||typeof n!="object")return;n=n[r]}return n}function Le(i,e,t){let n=e.split("."),r=i;for(let o=0;o<n.length-1;o++)(r[n[o]]===null||r[n[o]]===void 0||typeof r[n[o]]!="object")&&(r[n[o]]={}),r=r[n[o]];r[n[n.length-1]]=t}function J(i,e){_||(e&&Object.assign(C,e),_=!0,ke(i),i._instance&&(U(i._instance,null),V()))}function ke(i){let e=i.mount.bind(i);i.mount=function(t){let n=e(t);return i._instance&&(U(i._instance,null),V()),n}}function U(i,e){var o,s,l,p,c,a,d,u;if(!i)return;let t=ve(i),n=!t;if(n){let h=we();t={id:h,name:ge(i),parentId:e,childIds:[],props:{},state:{},computed:{},isMounted:(o=i.isMounted)!=null?o:!1,isUnmounted:(s=i.isUnmounted)!=null?s:!1,el:(l=i.el)!=null?l:null,renderTime:0,lastUpdateTime:Date.now(),instance:i},E.set(h,t)}else t&&(t.parentId=e,t.name=ge(i),t.isMounted=(p=i.isMounted)!=null?p:!1,t.isUnmounted=(c=i.isUnmounted)!=null?c:!1,t.el=(a=i.el)!=null?a:null,t.lastUpdateTime=Date.now());t&&i.props&&(t.props=w(i.props)),t&&i.state&&(t.state=w(i.state)),t&&i.computedCache&&(t.computed=w(i.computedCache)),n&&t&&i.state&&typeof i.state=="object"&&Pe(t.id,i),n&&t&&i.emit&&typeof i.emit=="function"&&De(t.id,i),n&&t?(d=C.onComponentCreated)==null||d.call(C,t):t&&((u=C.onComponentUpdated)==null||u.call(C,t));let r=i.subTree;r&&t&&xe(r,t.id)}function xe(i,e){if(i){if(i.component){U(i.component,e);let t=E.get(e);if(t&&!t.childIds.includes(i.component.id||i.component._id)){let n=He(i.component);n&&!t.childIds.includes(n)&&t.childIds.push(n)}return}if(i.children&&Array.isArray(i.children))for(let t of i.children)t&&typeof t=="object"&&xe(t,e)}}function Pe(i,e){if(!e.state||typeof e.state!="object")return;let t=e.state,n=E.get(i);if(n&&!t.__devtools_intercepted__)try{Object.defineProperty(t,"__devtools_intercepted__",{value:!0,enumerable:!1,configurable:!1});let r=new Proxy(t,{set(o,s,l){var a;let p=o[s],c=Reflect.set(o,s,l);if(Re(p,l)){let d=String(s),u={componentId:i,componentName:n.name,path:d,oldValue:w(p),newValue:w(l),timestamp:Date.now()};S.push(u),S.length>1e3&&S.splice(0,S.length-1e3),n.state=w(o),n.lastUpdateTime=Date.now(),(a=C.onStateChanged)==null||a.call(C,u)}return c}});Object.defineProperty(e,"__devtools_state_proxy__",{value:r,enumerable:!1,configurable:!0})}catch(r){}}function De(i,e){if(!e.emit||typeof e.emit!="function")return;let t=e.emit,n=E.get(i);n&&(e.emit=function(r,...o){var l;let s={id:Se(),name:r,timestamp:Date.now(),args:w(o),componentId:i,componentName:n.name};return M.push(s),M.length>500&&M.splice(0,M.length-500),(l=C.onEventEmitted)==null||l.call(C,s),t.call(this,r,...o)})}function V(){typeof window!="undefined"&&window.dispatchEvent(new CustomEvent("lyt-devtools-update"))}function ve(i){for(let e of E.values())if(e.instance===i)return e;return null}function He(i){let e=ve(i);return e?e.id:null}function k(){return Array.from(E.values())}function W(){for(let i of E.values())if(i.parentId===null)return i;return null}function I(i){var e;return(e=E.get(i))!=null?e:null}function Y(i){let e=E.get(i);return e?e.childIds.map(t=>E.get(t)).filter(Boolean):[]}function K(){return[...M]}function Ie(){return[...S]}function X(i){return S.filter(e=>e.componentId===i)}function Be(i){return M.filter(e=>e.componentId===i)}function G(i){H=i}function Q(){var i;return H&&(i=E.get(H))!=null?i:null}function P(){return H}function Z(i,e,t){var l;let n=E.get(i);if(!n||!n.instance)return!1;let r=n.instance.state;if(!r||typeof r!="object")return!1;let o=Me(r,e);Le(r,e,t);let s={componentId:i,componentName:n.name,path:e,oldValue:w(o),newValue:w(t),timestamp:Date.now()};return S.push(s),n.state=w(r),n.lastUpdateTime=Date.now(),(l=C.onStateChanged)==null||l.call(C,s),!0}function ee(i){E.clear(),i._instance&&(U(i._instance,null),V())}function te(){M.length=0,S.length=0}function ne(){E.clear(),M.length=0,S.length=0,H=null,_=!1}function ze(){return _}function Ne(){return E.size}var B=class{constructor(e,t){this.searchKeyword="";this.expandedNodes=new Set;this.container=null;this.updateTimer=null;this.onUpdate=()=>{this.updateTimer&&clearTimeout(this.updateTimer),this.updateTimer=setTimeout(()=>{this.renderTree()},100)};this.panel=e,this.onSelect=t||(()=>{});let n=W();n&&this.expandedNodes.add(n.id),typeof window!="undefined"&&window.addEventListener("lyt-devtools-update",this.onUpdate)}render(e){this.container=e,this.renderTree()}renderTree(){if(!this.container)return;this.container.innerHTML="";let e=document.createElement("input");e.type="text",e.className="lyt-devtools-search",e.placeholder="\u641C\u7D22\u7EC4\u4EF6...",e.value=this.searchKeyword,e.addEventListener("input",r=>{this.searchKeyword=r.target.value,this.renderTree()}),this.container.appendChild(e);let t=k();if(t.length===0){let r=document.createElement("div");r.className="lyt-devtools-empty",r.textContent="\u6682\u65E0\u7EC4\u4EF6\uFF0C\u8BF7\u786E\u4FDD\u5E94\u7528\u5DF2\u6302\u8F7D\u3002",this.container.appendChild(r);return}let n=this.buildTree();for(let r of n){let o=this.renderTreeNode(r);o&&this.container.appendChild(o)}this.panel.setStatusLeft(`<span class="lyt-devtools-status-dot"></span><span>${t.length} \u4E2A\u7EC4\u4EF6</span>`)}buildTree(){let e=k(),t=new Map,n=[];for(let r of e){if(this.searchKeyword){let s=this.searchKeyword.toLowerCase(),l=r.name.toLowerCase().includes(s),p=r.id.toLowerCase().includes(s);if(!l&&!p)continue}let o={info:r,children:[],depth:0,expanded:this.expandedNodes.has(r.id)};t.set(r.id,o)}for(let r of t.values()){let o=r.info.parentId;if(o&&t.has(o)){let s=t.get(o);s.children.push(r),r.depth=s.depth+1}else n.push(r)}return n}renderTreeNode(e){let{info:t,depth:n,expanded:r}=e,o=P(),s=t.id===o,l=document.createElement("div");l.className="lyt-tree-node",l.style.cssText=`
-      display: flex;
-      align-items: center;
-      padding: 3px 8px;
-      cursor: pointer;
-      border-radius: 3px;
-      margin-bottom: 1px;
-      transition: background 0.1s ease;
-      ${s?"background: rgba(203, 166, 247, 0.15); border-left: 2px solid #cba6f7;":""}
-    `,l.addEventListener("mouseenter",()=>{s||(l.style.background="rgba(69, 71, 90, 0.5)")}),l.addEventListener("mouseleave",()=>{s||(l.style.background="")});let p=document.createElement("span");p.style.cssText=`display: inline-block; width: ${n*16}px; flex-shrink: 0;`,l.appendChild(p);let c=t.childIds.length>0,a=document.createElement("span");a.style.cssText=`
-      display: inline-flex;
-      align-items: center;
-      justify-content: center;
-      width: 16px;
-      height: 16px;
-      font-size: 10px;
-      color: #6c7086;
-      flex-shrink: 0;
-      transition: transform 0.15s ease;
-      ${c?"":"visibility: hidden;"}
-      ${r?"transform: rotate(90deg);":""}
-    `,a.textContent="\u25B6",l.appendChild(a);let d=document.createElement("span");d.style.cssText=`
-      display: inline-flex;
-      align-items: center;
-      justify-content: center;
-      width: 16px;
-      height: 16px;
-      font-size: 12px;
-      margin-right: 4px;
-      flex-shrink: 0;
-    `,d.textContent=t.isUnmounted?"\u{1F480}":"\u{1F4E6}",l.appendChild(d);let u=document.createElement("span");u.style.cssText=`
-      flex: 1;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
+// src/devtools.ts
+var devtoolsInstance = null;
+var DevTools = class {
+  constructor(options2 = {}) {
+    this.isOpen = false;
+    // API 方法
+    this.getComponentTree = getComponentTree;
+    this.getStoreStates = getStoreStates;
+    this.getCurrentRoute = getCurrentRoute;
+    this.options = {
+      enabled: options2.enabled ?? true,
+      position: options2.position ?? "right",
+      size: options2.size ?? 300
+    };
+    if (this.options.enabled) {
+      this.init();
+    }
+  }
+  /**
+   * 初始化 DevTools
+   */
+  init() {
+    if (typeof window === "undefined") return;
+    this.createPanel();
+    window.addEventListener("keydown", (e) => {
+      if ((e.ctrlKey || e.metaKey) && e.shiftKey && e.key === "D") {
+        e.preventDefault();
+        this.toggle();
+      }
+    });
+    console.log("[LytJS DevTools] Initialized. Press Ctrl+Shift+D to toggle.");
+  }
+  /**
+   * 创建 DevTools 面板
+   */
+  createPanel() {
+    if (typeof document === "undefined") return;
+    if (document.getElementById("lytjs-devtools")) return;
+    const panel = document.createElement("div");
+    panel.id = "lytjs-devtools";
+    panel.style.cssText = `
+      position: fixed;
+      top: 0;
+      ${this.options.position}: -${this.options.size}px;
+      width: ${this.options.size}px;
+      height: 100vh;
+      background: #1e1e1e;
+      color: #d4d4d4;
+      font-family: 'Consolas', 'Monaco', monospace;
       font-size: 12px;
-      color: ${s?"#cba6f7":"#cdd6f4"};
-    `,u.textContent=t.name,l.appendChild(u);let h=Object.keys(t.state).length;if(h>0){let m=document.createElement("span");m.className="lyt-devtools-badge lyt-devtools-badge-blue",m.textContent=`${h}`,m.title=`${h} \u4E2A\u72B6\u6001\u5C5E\u6027`,l.appendChild(m)}let f=Object.keys(t.computed).length;if(f>0){let m=document.createElement("span");m.className="lyt-devtools-badge lyt-devtools-badge-green",m.textContent=`C:${f}`,m.title=`${f} \u4E2A\u8BA1\u7B97\u5C5E\u6027`,m.style.marginLeft="3px",l.appendChild(m)}if(!t.isMounted&&!t.isUnmounted){let m=document.createElement("span");m.className="lyt-devtools-badge lyt-devtools-badge-yellow",m.textContent="\u672A\u6302\u8F7D",m.style.marginLeft="3px",l.appendChild(m)}else if(t.isUnmounted){let m=document.createElement("span");m.className="lyt-devtools-badge lyt-devtools-badge-red",m.textContent="\u5DF2\u5378\u8F7D",m.style.marginLeft="3px",l.appendChild(m)}if(l.addEventListener("click",m=>{m.stopPropagation(),c&&(this.expandedNodes.has(t.id)?this.expandedNodes.delete(t.id):this.expandedNodes.add(t.id)),G(t.id),this.onSelect(t.id),this.panel.highlightElement(t.el),this.renderTree()}),l.addEventListener("mouseenter",()=>{this.panel.highlightElement(t.el)}),l.addEventListener("mouseleave",()=>{var v;let m=P(),x=m?I(m):null;this.panel.highlightElement((v=x==null?void 0:x.el)!=null?v:null)}),r&&c){let m=Y(t.id);for(let x of m){if(this.searchKeyword){let g=this.searchKeyword.toLowerCase(),b=x.name.toLowerCase().includes(g),T=x.id.toLowerCase().includes(g);if(!b&&!T)continue}let v={info:x,children:[],depth:n+1,expanded:this.expandedNodes.has(x.id)},y=this.renderTreeNode(v);y&&l.appendChild(y)}}return l}refresh(){this.renderTree()}destroy(){this.updateTimer&&clearTimeout(this.updateTimer),typeof window!="undefined"&&window.removeEventListener("lyt-devtools-update",this.onUpdate),this.container=null}};function $e(i){return i===null?"null":i===void 0?"undefined":typeof i=="string"?"string":typeof i=="number"?"number":typeof i=="boolean"?"boolean":typeof i=="function"?"function":Array.isArray(i)?`Array[${i.length}]`:i instanceof Date?"Date":i instanceof RegExp?"RegExp":typeof i=="object"?"Object":typeof i}function re(i,e=80){if(i===null)return"null";if(i===void 0)return"undefined";if(typeof i=="string")return i.length>e?`"${i.slice(0,e)}..."`:`"${i}"`;if(typeof i=="function")return`fn(${i.name||"anonymous"})`;if(typeof i=="object")try{let t=JSON.stringify(i);return t.length>e?`${t.slice(0,e)}...`:t}catch(t){return"[Object]"}return String(i)}function be(i){return i!==null&&typeof i=="object"&&!(i instanceof Date)&&!(i instanceof RegExp)}var z=class{constructor(e){this.container=null;this.expandedPaths=new Set;this.changedPaths=new Map;this.highlightTimer=null;this.showHistory=!1;this.updateTimer=null;this.onUpdate=()=>{this.updateTimer&&clearTimeout(this.updateTimer),this.updateTimer=setTimeout(()=>{this.renderState()},150)};this.panel=e,typeof window!="undefined"&&window.addEventListener("lyt-devtools-update",this.onUpdate)}render(e){this.container=e,this.renderState()}renderState(){if(!this.container)return;this.container.innerHTML="";let e=Q();if(!e){let p=document.createElement("div");p.className="lyt-devtools-empty",p.textContent="\u8BF7\u5148\u5728\u7EC4\u4EF6\u6811\u4E2D\u9009\u62E9\u4E00\u4E2A\u7EC4\u4EF6\u3002",this.container.appendChild(p);return}let t=document.createElement("div");t.style.cssText=`
+      z-index: 999999;
+      transition: ${this.options.position} 0.3s ease;
       display: flex;
-      align-items: center;
-      justify-content: space-between;
-      padding: 6px 8px;
-      margin-bottom: 8px;
-      background: #181825;
-      border-radius: 4px;
-      border: 1px solid #313244;
-    `;let n=document.createElement("span");n.style.cssText="font-weight: 600; color: #cba6f7; font-size: 13px;",n.textContent=e.name;let r=document.createElement("button");r.style.cssText=`
-      background: ${this.showHistory?"#cba6f7":"transparent"};
-      color: ${this.showHistory?"#1e1e2e":"#a6adc8"};
-      border: 1px solid ${this.showHistory?"#cba6f7":"#313244"};
-      padding: 2px 8px;
-      border-radius: 3px;
-      cursor: pointer;
-      font-size: 11px;
-      font-family: inherit;
-    `,r.textContent="\u53D8\u5316\u5386\u53F2",r.addEventListener("click",()=>{this.showHistory=!this.showHistory,this.renderState()}),t.appendChild(n),t.appendChild(r),this.container.appendChild(t),this.showHistory?this.renderHistory(e):(this.renderCategory(this.container,"props",e.props,!0,!1,!1),this.renderCategory(this.container,"state",e.state,!1,!0,!1),this.renderCategory(this.container,"computed",e.computed,!1,!1,!0));let o=Object.keys(e.state).length,s=Object.keys(e.props).length,l=Object.keys(e.computed).length;this.panel.setStatusLeft(`<span class="lyt-devtools-status-dot"></span><span>${e.name}</span><span style="color: #585b70;">|</span><span>P:${s} S:${o} C:${l}</span>`)}renderCategory(e,t,n,r,o,s){let l=Object.keys(n);if(l.length===0)return;let p=document.createElement("div");p.style.cssText=`
+      flex-direction: column;
+      box-shadow: 2px 0 8px rgba(0,0,0,0.3);
+    `;
+    const header = document.createElement("div");
+    header.style.cssText = `
+      padding: 10px 15px;
+      background: #2d2d2d;
+      border-bottom: 1px solid #3d3d3d;
       display: flex;
+      justify-content: space-between;
       align-items: center;
-      padding: 4px 8px;
-      margin-top: 6px;
-      margin-bottom: 2px;
-      font-size: 11px;
-      font-weight: 600;
-      color: #6c7086;
-      text-transform: uppercase;
-      letter-spacing: 0.5px;
-    `;let c={props:"Props",state:"State",computed:"Computed"},a={props:"#89b4fa",state:"#a6e3a1",computed:"#f9e2af"};p.innerHTML=`
-      <span style="color: ${a[t]}; margin-right: 6px;">\u25CF</span>
-      ${c[t]}
-      <span style="color: #585b70; margin-left: 4px;">(${l.length})</span>
-      ${r?'<span style="color: #585b70; margin-left: 6px; font-size: 10px;">[\u53EA\u8BFB]</span>':""}
-      ${o?'<span style="color: #585b70; margin-left: 6px; font-size: 10px;">[\u54CD\u5E94\u5F0F]</span>':""}
-      ${s?'<span style="color: #585b70; margin-left: 6px; font-size: 10px;">[\u7F13\u5B58]</span>':""}
-    `,e.appendChild(p);for(let d of l){let u=n[d],h=`${t}.${d}`,f=this.changedPaths.has(h),m=be(u);this.renderProperty(e,{key:d,value:u,category:t,isReactive:o,isCached:s,isReadonly:r},h,0,m)}}renderProperty(e,t,n,r,o){let s=document.createElement("div");s.style.cssText=`
+    `;
+    header.innerHTML = `
+      <span style="font-weight: bold; color: #4fc08d;">\u{1F6E0}\uFE0F LytJS DevTools</span>
+      <button id="lytjs-devtools-close" style="
+        background: transparent;
+        border: none;
+        color: #d4d4d4;
+        cursor: pointer;
+        font-size: 16px;
+      ">\u2715</button>
+    `;
+    const tabs = document.createElement("div");
+    tabs.style.cssText = `
       display: flex;
-      align-items: flex-start;
-      padding: 2px 8px;
-      border-radius: 2px;
-      cursor: default;
-      transition: background 0.1s ease;
-      ${this.changedPaths.has(n)?"background: rgba(249, 226, 175, 0.1);":""}
-    `,s.addEventListener("mouseenter",()=>{s.style.background="rgba(69, 71, 90, 0.3)"}),s.addEventListener("mouseleave",()=>{s.style.background=this.changedPaths.has(n)?"rgba(249, 226, 175, 0.1)":""});let l=document.createElement("span");l.style.cssText=`display: inline-block; width: ${r*16}px; flex-shrink: 0;`,s.appendChild(l);let p=document.createElement("span");p.style.cssText=`
-      display: inline-flex;
-      align-items: center;
-      justify-content: center;
-      width: 14px;
-      height: 14px;
-      font-size: 9px;
-      color: #6c7086;
-      flex-shrink: 0;
-      transition: transform 0.15s ease;
-      ${o?"":"visibility: hidden;"}
-      ${this.expandedPaths.has(n)?"transform: rotate(90deg);":""}
-    `,p.textContent="\u25B6",s.appendChild(p);let c=document.createElement("span");c.style.cssText=`
-      color: #89b4fa;
-      margin-right: 6px;
-      flex-shrink: 0;
-      font-size: 12px;
-      min-width: 60px;
-    `,c.textContent=t.key,s.appendChild(c);let a=document.createElement("span");a.style.cssText="color: #6c7086; margin-right: 6px; flex-shrink: 0;",a.textContent=":",s.appendChild(a);let d=document.createElement("span"),u=$e(t.value),h={string:"#a6e3a1",number:"#fab387",boolean:"#89b4fa",null:"#6c7086",undefined:"#6c7086",function:"#cba6f7",Object:"#cdd6f4",Array:"#f9e2af",Date:"#f38ba8",RegExp:"#f38ba8"};d.style.cssText=`
-      color: ${h[u]||"#cdd6f4"};
-      font-size: 12px;
-      flex: 1;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      cursor: ${t.isReadonly?"default":"text"};
-    `,d.textContent=re(t.value),s.appendChild(d);let f=document.createElement("span");if(f.style.cssText=`
-      color: #585b70;
-      font-size: 10px;
-      flex-shrink: 0;
-      margin-left: 6px;
-    `,f.textContent=u,s.appendChild(f),o&&s.addEventListener("click",m=>{m.stopPropagation(),this.expandedPaths.has(n)?this.expandedPaths.delete(n):this.expandedPaths.add(n),this.renderState()}),!t.isReadonly&&t.category==="state"&&d.addEventListener("dblclick",m=>{m.stopPropagation(),this.startEdit(s,t,n,d)}),e.appendChild(s),o&&this.expandedPaths.has(n)){let m=t.value,x=Object.keys(m);for(let v of x){let y=`${n}.${v}`,g=m[v],b=be(g);this.renderProperty(e,{key:v,value:g,category:t.category,isReactive:t.isReactive,isCached:t.isCached,isReadonly:t.isReadonly},y,r+1,b)}}}startEdit(e,t,n,r){let o=P();if(!o)return;let s=document.createElement("input");s.type="text",s.style.cssText=`
-      background: #181825;
-      border: 1px solid #cba6f7;
-      color: #cdd6f4;
-      font-size: 12px;
-      font-family: inherit;
-      padding: 1px 4px;
-      border-radius: 2px;
-      outline: none;
-      width: 100%;
-      box-sizing: border-box;
-    `;let l;typeof t.value=="string"?(l=t.value,s.value=t.value):(l=JSON.stringify(t.value),s.value=l),r.style.display="none",e.insertBefore(s,r.nextSibling),s.focus(),s.select();let p=()=>{let a,d=s.value;try{a=JSON.parse(d)}catch(h){a=d}let u=n.replace(/^state\./,"");Z(o,u,a),s.remove(),r.style.display="",this.renderState()},c=()=>{s.remove(),r.style.display=""};s.addEventListener("keydown",a=>{a.key==="Enter"?(a.preventDefault(),p()):a.key==="Escape"&&(a.preventDefault(),c())}),s.addEventListener("blur",()=>{p()})}renderHistory(e){let t=X(e.id);if(t.length===0){let o=document.createElement("div");o.className="lyt-devtools-empty",o.textContent="\u6682\u65E0\u72B6\u6001\u53D8\u5316\u8BB0\u5F55\u3002",this.container.appendChild(o);return}let n=document.createElement("div");n.style.cssText="max-height: 400px; overflow-y: auto;";let r=[...t].reverse();for(let o=0;o<r.length;o++){let s=r[o],l=document.createElement("div");l.style.cssText=`
-        padding: 6px 8px;
-        border-bottom: 1px solid #313244;
-        font-size: 11px;
-        cursor: default;
-        transition: background 0.1s ease;
-      `,l.addEventListener("mouseenter",()=>{l.style.background="rgba(69, 71, 90, 0.3)"}),l.addEventListener("mouseleave",()=>{l.style.background=""});let p=new Date(s.timestamp).toLocaleTimeString();l.innerHTML=`
-        <div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 3px;">
-          <span style="color: #89b4fa; font-weight: 600;">${s.path}</span>
-          <span style="color: #585b70;">${p}</span>
-        </div>
-        <div style="display: flex; align-items: center; gap: 6px;">
-          <span style="color: #f38ba8; text-decoration: line-through; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 140px;">${re(s.oldValue,40)}</span>
-          <span style="color: #6c7086;">\u2192</span>
-          <span style="color: #a6e3a1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 140px;">${re(s.newValue,40)}</span>
-        </div>
-      `,n.appendChild(l)}this.container.appendChild(n)}markChanged(e){this.changedPaths.set(e,Date.now()),this.highlightTimer&&clearTimeout(this.highlightTimer),this.highlightTimer=setTimeout(()=>{this.changedPaths.clear(),this.renderState()},3e3)}refresh(){this.renderState()}destroy(){this.updateTimer&&clearTimeout(this.updateTimer),this.highlightTimer&&clearTimeout(this.highlightTimer),typeof window!="undefined"&&window.removeEventListener("lyt-devtools-update",this.onUpdate),this.container=null,this.expandedPaths.clear(),this.changedPaths.clear()}};function Ae(i,e=60){if(i===null)return"null";if(i===void 0)return"undefined";if(typeof i=="string")return i.length>e?`"${i.slice(0,e)}..."`:`"${i}"`;if(typeof i=="function")return`fn(${i.name||"anonymous"})`;if(typeof i=="object")try{let t=JSON.stringify(i);return t.length>e?`${t.slice(0,e)}...`:t}catch(t){return"[Object]"}return String(i)}function Te(i){let e=new Date(i);return e.toLocaleTimeString("zh-CN",{hour12:!1,hour:"2-digit",minute:"2-digit",second:"2-digit"})+`.${String(e.getMilliseconds()).padStart(3,"0")}`}function Fe(i){let t=Date.now()-i;return t<1e3?`${t}ms \u524D`:t<6e4?`${Math.floor(t/1e3)}s \u524D`:`${Math.floor(t/6e4)}m \u524D`}var N=class{constructor(e){this.container=null;this.nameFilter="";this.componentFilter="";this.paused=!1;this.selectedEventId=null;this.updateTimer=null;this.autoScrollTimer=null;this.onUpdate=()=>{this.paused||(this.updateTimer&&clearTimeout(this.updateTimer),this.updateTimer=setTimeout(()=>{this.renderEvents()},100))};this.panel=e,typeof window!="undefined"&&window.addEventListener("lyt-devtools-update",this.onUpdate)}render(e){this.container=e,this.renderEvents()}renderEvents(){if(!this.container)return;this.container.innerHTML="";let e=document.createElement("div");e.style.cssText="display: flex; gap: 6px; margin-bottom: 8px; align-items: center;";let t=document.createElement("input");t.type="text",t.className="lyt-devtools-search",t.placeholder="\u6309\u4E8B\u4EF6\u540D\u79F0\u8FC7\u6EE4...",t.value=this.nameFilter,t.style.marginBottom="0",t.style.flex="1",t.addEventListener("input",a=>{this.nameFilter=a.target.value,this.renderEvents()}),e.appendChild(t);let n=document.createElement("input");n.type="text",n.className="lyt-devtools-search",n.placeholder="\u6309\u7EC4\u4EF6\u8FC7\u6EE4...",n.value=this.componentFilter,n.style.marginBottom="0",n.style.flex="1",n.addEventListener("input",a=>{this.componentFilter=a.target.value,this.renderEvents()}),e.appendChild(n);let r=document.createElement("button");r.style.cssText=`
-      background: ${this.paused?"#f38ba8":"transparent"};
-      color: ${this.paused?"#1e1e2e":"#a6adc8"};
-      border: 1px solid ${this.paused?"#f38ba8":"#313244"};
-      padding: 4px 8px;
-      border-radius: 4px;
-      cursor: pointer;
-      font-size: 11px;
-      font-family: inherit;
-      white-space: nowrap;
-      flex-shrink: 0;
-    `,r.textContent=this.paused?"\u7EE7\u7EED":"\u6682\u505C",r.addEventListener("click",()=>{this.paused=!this.paused,this.renderEvents()}),e.appendChild(r);let o=document.createElement("button");o.style.cssText=`
-      background: transparent;
-      color: #a6adc8;
-      border: 1px solid #313244;
-      padding: 4px 8px;
-      border-radius: 4px;
-      cursor: pointer;
-      font-size: 11px;
-      font-family: inherit;
-      white-space: nowrap;
-      flex-shrink: 0;
-    `,o.textContent="\u6E05\u7A7A",o.addEventListener("click",()=>{this.clearEvents()}),e.appendChild(o),this.container.appendChild(e);let s=K();if(this.nameFilter){let a=this.nameFilter.toLowerCase();s=s.filter(d=>d.name.toLowerCase().includes(a))}if(this.componentFilter){let a=this.componentFilter.toLowerCase();s=s.filter(d=>d.componentName.toLowerCase().includes(a))}if(this.panel.setStatusLeft(`<span class="lyt-devtools-status-dot"></span><span>${s.length} \u4E2A\u4E8B\u4EF6${this.paused?" (\u5DF2\u6682\u505C)":""}</span>`),s.length===0){let a=document.createElement("div");a.className="lyt-devtools-empty",a.textContent=this.nameFilter||this.componentFilter?"\u6CA1\u6709\u5339\u914D\u7684\u4E8B\u4EF6\u8BB0\u5F55\u3002":"\u6682\u65E0\u4E8B\u4EF6\u8BB0\u5F55\uFF0C\u7B49\u5F85\u7EC4\u4EF6\u89E6\u53D1\u4E8B\u4EF6...",this.container.appendChild(a);return}if(this.selectedEventId){let a=s.find(d=>d.id===this.selectedEventId);a&&this.renderEventDetail(a)}let l=document.createElement("div");l.style.cssText="max-height: 360px; overflow-y: auto;";let p=[...s].reverse(),c=Math.min(p.length,200);for(let a=0;a<c;a++){let d=p[a],u=d.id===this.selectedEventId,h=document.createElement("div");h.style.cssText=`
-        display: flex;
-        align-items: center;
-        padding: 4px 8px;
-        border-bottom: 1px solid rgba(49, 50, 68, 0.5);
+      background: #252526;
+      border-bottom: 1px solid #3d3d3d;
+    `;
+    tabs.innerHTML = `
+      <button class="lytjs-devtools-tab active" data-tab="components" style="
+        flex: 1;
+        padding: 10px;
+        background: #1e1e1e;
+        border: none;
+        color: #d4d4d4;
         cursor: pointer;
-        font-size: 11px;
-        transition: background 0.1s ease;
-        ${u?"background: rgba(203, 166, 247, 0.15); border-left: 2px solid #cba6f7;":""}
-      `,h.addEventListener("mouseenter",()=>{u||(h.style.background="rgba(69, 71, 90, 0.3)")}),h.addEventListener("mouseleave",()=>{u||(h.style.background="")});let f=document.createElement("span");f.style.cssText="color: #585b70; margin-right: 8px; flex-shrink: 0; font-size: 10px;",f.textContent=Te(d.timestamp),h.appendChild(f);let m=document.createElement("span");m.style.cssText=`
-        color: #f9e2af;
-        font-weight: 600;
-        margin-right: 8px;
-        flex-shrink: 0;
-        max-width: 120px;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-      `,m.textContent=d.name,m.title=d.name,h.appendChild(m);let x=document.createElement("span");x.style.cssText=`
-        color: #89b4fa;
-        margin-right: 8px;
-        flex-shrink: 0;
-        max-width: 80px;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-      `,x.textContent=d.componentName,x.title=d.componentName,h.appendChild(x);let v=d.args.map(b=>Ae(b,30)).join(", "),y=document.createElement("span");y.style.cssText=`
-        color: #6c7086;
+        border-bottom: 2px solid #4fc08d;
+      ">Components</button>
+      <button class="lytjs-devtools-tab" data-tab="store" style="
         flex: 1;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        font-size: 10px;
-      `,y.textContent=d.args.length>0?`(${v})`:"()",y.title=d.args.length>0?v:"\u65E0\u53C2\u6570",h.appendChild(y);let g=document.createElement("span");g.style.cssText="color: #45475a; flex-shrink: 0; font-size: 10px; margin-left: 4px;",g.textContent=Fe(d.timestamp),h.appendChild(g),h.addEventListener("click",()=>{this.selectedEventId===d.id?this.selectedEventId=null:this.selectedEventId=d.id,this.renderEvents()}),l.appendChild(h)}if(p.length>c){let a=document.createElement("div");a.style.cssText="padding: 6px 8px; text-align: center; color: #585b70; font-size: 11px;",a.textContent=`\u8FD8\u6709 ${p.length-c} \u6761\u8BB0\u5F55\u672A\u663E\u793A...`,l.appendChild(a)}this.container.appendChild(l)}renderEventDetail(e){let t=document.createElement("div");t.style.cssText=`
-      background: #181825;
-      border: 1px solid #313244;
-      border-radius: 4px;
-      padding: 8px;
-      margin-bottom: 8px;
-    `;let n=document.createElement("div");n.style.cssText="display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px;";let r=document.createElement("span");r.style.cssText="font-weight: 600; color: #f9e2af; font-size: 12px;",r.textContent=`\u4E8B\u4EF6: ${e.name}`;let o=document.createElement("span");o.style.cssText="cursor: pointer; color: #6c7086; font-size: 14px;",o.textContent="\u2715",o.addEventListener("click",()=>{this.selectedEventId=null,this.renderEvents()}),n.appendChild(r),n.appendChild(o),t.appendChild(n);let s=document.createElement("div");if(s.style.cssText="display: flex; gap: 12px; margin-bottom: 6px; font-size: 11px;",s.innerHTML=`
-      <span><span style="color: #6c7086;">\u6765\u6E90\u7EC4\u4EF6:</span> <span style="color: #89b4fa;">${e.componentName}</span></span>
-      <span><span style="color: #6c7086;">\u7EC4\u4EF6 ID:</span> <span style="color: #585b70;">${e.componentId}</span></span>
-      <span><span style="color: #6c7086;">\u65F6\u95F4:</span> <span style="color: #585b70;">${Te(e.timestamp)}</span></span>
-    `,t.appendChild(s),e.args.length>0){let l=document.createElement("div");l.style.cssText="color: #6c7086; font-size: 11px; margin-bottom: 4px; font-weight: 600;",l.textContent=`\u53C2\u6570 (${e.args.length}):`,t.appendChild(l);for(let p=0;p<e.args.length;p++){let c=document.createElement("div");c.style.cssText=`
-          padding: 3px 8px;
-          background: #1e1e2e;
-          border-radius: 2px;
-          margin-bottom: 2px;
-          font-size: 11px;
-          font-family: 'SF Mono', 'Monaco', 'Menlo', 'Consolas', monospace;
-        `;let a=e.args[p],d=typeof a,u;try{u=JSON.stringify(a,null,2)}catch(h){u=String(a)}u.length>500&&(u=u.slice(0,500)+`
-... (\u5DF2\u622A\u65AD)`),c.innerHTML=`
-          <span style="color: #6c7086;">[${p}]</span>
-          <span style="color: #585b70; margin: 0 4px;">${d}:</span>
-          <span style="color: #a6e3a1; white-space: pre-wrap; word-break: break-all;">${this.escapeHtml(u)}</span>
-        `,t.appendChild(c)}}else{let l=document.createElement("div");l.style.cssText="color: #585b70; font-size: 11px; font-style: italic;",l.textContent="\u6B64\u4E8B\u4EF6\u65E0\u53C2\u6570\u3002",t.appendChild(l)}this.container.appendChild(t)}escapeHtml(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;")}clearEvents(){this.selectedEventId=null,this.renderEvents()}setPaused(e){this.paused=e}isPaused(){return this.paused}refresh(){this.renderEvents()}destroy(){this.updateTimer&&clearTimeout(this.updateTimer),this.autoScrollTimer&&clearInterval(this.autoScrollTimer),typeof window!="undefined"&&window.removeEventListener("lyt-devtools-update",this.onUpdate),this.container=null}};function L(i){if(i===null||typeof i!="object")return i;if(i instanceof Map){let t=new Map;for(let[n,r]of i)t.set(n,L(r));return t}if(Array.isArray(i))return i.map(t=>L(t));let e={};for(let t of Object.keys(i))e[t]=L(i[t]);return e}function _e(i){let e=new Date(i);return e.toLocaleTimeString("zh-CN",{hour12:!1,hour:"2-digit",minute:"2-digit",second:"2-digit"})+`.${String(e.getMilliseconds()).padStart(3,"0")}`}var $=class{constructor(e){this.container=null;this.snapshots=[];this.snapshotCounter=0;this.maxSnapshots=100;this.currentIndex=-1;this.playState="stopped";this.playSpeed=500;this.playTimer=null;this.autoSnapshot=!0;this.updateTimer=null;this.onUpdate=()=>{this.autoSnapshot&&(this.updateTimer&&clearTimeout(this.updateTimer),this.updateTimer=setTimeout(()=>{this.takeSnapshot("\u81EA\u52A8\u5FEB\u7167")},300))};this.panel=e,typeof window!="undefined"&&window.addEventListener("lyt-devtools-update",this.onUpdate)}takeSnapshot(e,t){let n=k(),r=new Map;for(let s of n)r.set(s.id,{id:s.id,name:s.name,state:L(s.state),props:L(s.props),computed:L(s.computed),isMounted:s.isMounted});let o={id:++this.snapshotCounter,timestamp:Date.now(),description:e||`\u5FEB\u7167 #${this.snapshotCounter}`,components:r,trigger:t};return this.snapshots.push(o),this.snapshots.length>this.maxSnapshots&&this.snapshots.splice(0,this.snapshots.length-this.maxSnapshots),(this.currentIndex===-1||this.currentIndex===this.snapshots.length-2)&&(this.currentIndex=this.snapshots.length-1),o}getSnapshots(){return[...this.snapshots]}getSnapshot(e){var t;return(t=this.snapshots[e])!=null?t:null}getCurrentIndex(){return this.currentIndex}clearSnapshots(){this.snapshots=[],this.snapshotCounter=0,this.currentIndex=-1,this.stopPlayback(),this.renderTimeTravel()}setAutoSnapshot(e){this.autoSnapshot=e}travelTo(e){e<0||e>=this.snapshots.length||(this.currentIndex=e,this.renderTimeTravel())}stepBack(){this.currentIndex>0&&this.travelTo(this.currentIndex-1)}stepForward(){this.currentIndex<this.snapshots.length-1&&this.travelTo(this.currentIndex+1)}goToLatest(){this.currentIndex=-1,this.stopPlayback(),this.renderTimeTravel()}restoreSnapshot(e){let t=this.snapshots[e];if(!t)return!1;for(let[n,r]of t.components){let o=I(n);if(!(!o||!o.instance)&&o.instance.state&&typeof o.instance.state=="object"){let s=Object.keys(r.state);for(let l of s)try{o.instance.state[l]=L(r.state[l])}catch(p){}}}return!0}startPlayback(){this.playState!=="playing"&&((this.currentIndex===-1||this.currentIndex>=this.snapshots.length-1)&&(this.currentIndex=0),this.playState="playing",this.renderTimeTravel(),this.playTimer=setInterval(()=>{this.currentIndex<this.snapshots.length-1?(this.currentIndex++,this.renderTimeTravel()):this.stopPlayback()},this.playSpeed))}pausePlayback(){this.playState==="playing"&&(this.playState="paused",this.playTimer&&(clearInterval(this.playTimer),this.playTimer=null),this.renderTimeTravel())}stopPlayback(){this.playState="stopped",this.playTimer&&(clearInterval(this.playTimer),this.playTimer=null),this.renderTimeTravel()}setPlaySpeed(e){this.playSpeed=e,this.playState==="playing"&&(this.pausePlayback(),this.startPlayback())}getPlayState(){return this.playState}render(e){this.container=e,this.renderTimeTravel()}renderTimeTravel(){if(!this.container)return;this.container.innerHTML="";let e=document.createElement("div");e.style.cssText="display: flex; gap: 4px; margin-bottom: 8px; align-items: center; flex-wrap: wrap;";let t=document.createElement("button");t.style.cssText=this.createButtonStyle("#a6e3a1","#1e1e2e"),t.textContent="\u{1F4F8} \u5FEB\u7167",t.title="\u624B\u52A8\u521B\u5EFA\u5FEB\u7167",t.addEventListener("click",()=>{this.takeSnapshot("\u624B\u52A8\u5FEB\u7167"),this.renderTimeTravel()}),e.appendChild(t);let n=document.createElement("button");n.style.cssText=this.createButtonStyle("#89b4fa","#1e1e2e"),n.textContent="\u{1F504} \u6700\u65B0",n.title="\u56DE\u5230\u6700\u65B0\u72B6\u6001",n.addEventListener("click",()=>{this.goToLatest()}),e.appendChild(n);let r=document.createElement("button");r.style.cssText=this.createButtonStyle("#f38ba8","#1e1e2e"),r.textContent="\u{1F5D1} \u6E05\u7A7A",r.title="\u6E05\u7A7A\u6240\u6709\u5FEB\u7167",r.addEventListener("click",()=>{this.clearSnapshots()}),e.appendChild(r);let o=document.createElement("label");o.style.cssText="display: flex; align-items: center; gap: 4px; font-size: 11px; color: #a6adc8; margin-left: 8px; cursor: pointer;";let s=document.createElement("input");s.type="checkbox",s.checked=this.autoSnapshot,s.style.cssText="cursor: pointer;",s.addEventListener("change",()=>{this.autoSnapshot=s.checked}),o.appendChild(s),o.appendChild(document.createTextNode("\u81EA\u52A8\u5FEB\u7167")),e.appendChild(o),this.container.appendChild(e),this.snapshots.length>0&&this.renderPlaybackControls(this.container),this.renderSnapshotList(this.container);let l=this.currentIndex===-1;this.panel.setStatusLeft(`<span class="lyt-devtools-status-dot"></span><span>${this.snapshots.length} \u4E2A\u5FEB\u7167</span><span style="color: #585b70;">|</span><span>${l?"\u5B9E\u65F6":`\u5386\u53F2 #${this.currentIndex+1}`}</span>`)}renderPlaybackControls(e){let t=document.createElement("div");t.style.cssText=`
-      display: flex;
-      align-items: center;
-      gap: 6px;
-      padding: 8px;
-      background: #181825;
-      border: 1px solid #313244;
-      border-radius: 4px;
-      margin-bottom: 8px;
-    `;let n=document.createElement("button");n.style.cssText=this.createSmallButtonStyle(),n.textContent="\u23EE",n.title="\u6B65\u9000",n.disabled=this.currentIndex<=0,n.addEventListener("click",()=>this.stepBack()),t.appendChild(n);let r=document.createElement("button");r.style.cssText=this.createSmallButtonStyle(),this.playState==="playing"?(r.textContent="\u23F8",r.title="\u6682\u505C",r.addEventListener("click",()=>this.pausePlayback())):(r.textContent="\u25B6",r.title="\u64AD\u653E",r.addEventListener("click",()=>this.startPlayback())),t.appendChild(r);let o=document.createElement("button");o.style.cssText=this.createSmallButtonStyle(),o.textContent="\u23F9",o.title="\u505C\u6B62",o.disabled=this.playState==="stopped",o.addEventListener("click",()=>this.stopPlayback()),t.appendChild(o);let s=document.createElement("button");s.style.cssText=this.createSmallButtonStyle(),s.textContent="\u23ED",s.title="\u6B65\u8FDB",s.disabled=this.currentIndex>=this.snapshots.length-1,s.addEventListener("click",()=>this.stepForward()),t.appendChild(s);let l=document.createElement("input");l.type="range",l.min="0",l.max=String(Math.max(0,this.snapshots.length-1)),l.value=String(Math.max(0,this.currentIndex)),l.style.cssText=`
-      flex: 1;
-      height: 4px;
-      -webkit-appearance: none;
-      appearance: none;
-      background: #313244;
-      border-radius: 2px;
-      outline: none;
-      cursor: pointer;
-    `,l.addEventListener("input",d=>{let u=parseInt(d.target.value,10);this.travelTo(u)}),t.appendChild(l);let p=document.createElement("select");p.style.cssText=`
-      background: #1e1e2e;
-      color: #cdd6f4;
-      border: 1px solid #313244;
-      border-radius: 3px;
-      padding: 2px 4px;
-      font-size: 11px;
-      font-family: inherit;
-      cursor: pointer;
-      outline: none;
-    `;let c=[{value:200,label:"0.5x"},{value:500,label:"1x"},{value:1e3,label:"2x"},{value:2e3,label:"4x"}];for(let d of c){let u=document.createElement("option");u.value=String(d.value),u.textContent=d.label,d.value===this.playSpeed&&(u.selected=!0),p.appendChild(u)}p.addEventListener("change",d=>{this.setPlaySpeed(parseInt(d.target.value,10))}),t.appendChild(p);let a=document.createElement("span");a.style.cssText="color: #6c7086; font-size: 11px; flex-shrink: 0; min-width: 40px; text-align: right;",a.textContent=this.currentIndex===-1?`--/${this.snapshots.length}`:`${this.currentIndex+1}/${this.snapshots.length}`,t.appendChild(a),e.appendChild(t)}renderSnapshotList(e){if(this.snapshots.length===0){let r=document.createElement("div");r.className="lyt-devtools-empty",r.textContent='\u6682\u65E0\u5FEB\u7167\u3002\u70B9\u51FB"\u5FEB\u7167"\u6309\u94AE\u624B\u52A8\u521B\u5EFA\uFF0C\u6216\u5F00\u542F"\u81EA\u52A8\u5FEB\u7167"\u3002',e.appendChild(r);return}let t=document.createElement("div");t.style.cssText="max-height: 300px; overflow-y: auto;";let n=[...this.snapshots].reverse();for(let r=n.length-1;r>=0;r--){let o=n[r],s=this.snapshots.indexOf(o),l=s===this.currentIndex,p=document.createElement("div");p.style.cssText=`
-        display: flex;
-        align-items: center;
-        padding: 4px 8px;
-        border-bottom: 1px solid rgba(49, 50, 68, 0.5);
+        padding: 10px;
+        background: transparent;
+        border: none;
+        color: #d4d4d4;
         cursor: pointer;
-        font-size: 11px;
-        transition: background 0.1s ease;
-        ${l?"background: rgba(203, 166, 247, 0.15); border-left: 2px solid #cba6f7;":""}
-      `,p.addEventListener("mouseenter",()=>{l||(p.style.background="rgba(69, 71, 90, 0.3)")}),p.addEventListener("mouseleave",()=>{l||(p.style.background="")});let c=document.createElement("span");c.style.cssText="color: #585b70; margin-right: 6px; flex-shrink: 0; min-width: 24px;",c.textContent=`#${o.id}`,p.appendChild(c);let a=document.createElement("span");a.style.cssText="color: #585b70; margin-right: 8px; flex-shrink: 0; font-size: 10px;",a.textContent=_e(o.timestamp),p.appendChild(a);let d=document.createElement("span");d.style.cssText="color: #cdd6f4; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;",d.textContent=o.description,p.appendChild(d);let u=document.createElement("span");u.style.cssText="color: #6c7086; flex-shrink: 0; font-size: 10px; margin-left: 4px;",u.textContent=`${o.components.size} \u7EC4\u4EF6`,p.appendChild(u);let h=document.createElement("span");h.style.cssText=`
-        color: #585b70;
+        border-bottom: 2px solid transparent;
+      ">Store</button>
+      <button class="lytjs-devtools-tab" data-tab="router" style="
+        flex: 1;
+        padding: 10px;
+        background: transparent;
+        border: none;
+        color: #d4d4d4;
         cursor: pointer;
-        margin-left: 6px;
-        font-size: 10px;
-        padding: 1px 4px;
-        border: 1px solid #313244;
-        border-radius: 2px;
-        flex-shrink: 0;
-        transition: all 0.15s ease;
-      `,h.textContent="\u6062\u590D",h.title="\u6062\u590D\u6B64\u5FEB\u7167\u7684\u72B6\u6001",h.addEventListener("mouseenter",()=>{h.style.color="#f9e2af",h.style.borderColor="#f9e2af"}),h.addEventListener("mouseleave",()=>{h.style.color="#585b70",h.style.borderColor="#313244"}),h.addEventListener("click",f=>{f.stopPropagation(),confirm(`\u786E\u5B9A\u8981\u6062\u590D\u5FEB\u7167 #${o.id} \u7684\u72B6\u6001\u5417\uFF1F
-\u8FD9\u5C06\u4FEE\u6539\u7EC4\u4EF6\u7684\u5B9E\u9645\u72B6\u6001\u3002`)&&this.restoreSnapshot(s)}),p.appendChild(h),p.addEventListener("click",()=>{this.travelTo(s)}),t.appendChild(p)}e.appendChild(t)}createButtonStyle(e,t){return`
-      background: ${e};
-      color: ${t};
-      border: none;
-      padding: 4px 8px;
-      border-radius: 4px;
-      cursor: pointer;
-      font-size: 11px;
-      font-family: inherit;
-      white-space: nowrap;
-      flex-shrink: 0;
-      transition: opacity 0.15s ease;
-    `}createSmallButtonStyle(){return`
-      background: transparent;
-      color: #cdd6f4;
-      border: 1px solid #313244;
-      width: 28px;
-      height: 28px;
-      border-radius: 4px;
-      cursor: pointer;
-      font-size: 14px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      flex-shrink: 0;
-      transition: all 0.15s ease;
-      padding: 0;
-    `}refresh(){this.renderTimeTravel()}destroy(){this.stopPlayback(),this.updateTimer&&clearTimeout(this.updateTimer),typeof window!="undefined"&&window.removeEventListener("lyt-devtools-update",this.onUpdate),this.container=null,this.snapshots=[]}};var oe=class{constructor(e,t){this.history=[];this.currentPath="/";this.currentParams={};this.currentQuery={};var n;this.container=e,this.maxHistory=(n=t==null?void 0:t.maxHistory)!=null?n:50,this.render()}updateRoute(e,t,n){this.history.push({path:e,params:t?{...t}:void 0,query:n?{...n}:void 0,timestamp:Date.now()}),this.history.length>this.maxHistory&&this.history.shift(),this.currentPath=e,this.currentParams=t?{...t}:{},this.currentQuery=n?{...n}:{},this.render()}getHistory(){return[...this.history].reverse()}getCurrentPath(){return this.currentPath}clearHistory(){this.history=[],this.render()}render(){this.container.innerHTML="";let e=document.createElement("div");e.style.cssText="margin-bottom: 16px;";let t=document.createElement("div");t.style.cssText="font-size: 11px; color: #a6adc8; margin-bottom: 8px; text-transform: uppercase; letter-spacing: 0.5px;",t.textContent="Current Route",e.appendChild(t);let n=document.createElement("div");n.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 6px;";let r=document.createElement("span");r.style.cssText="color: #585b70; font-size: 11px; min-width: 50px;",r.textContent="Path:";let o=document.createElement("span");if(o.style.cssText="color: #cba6f7; font-size: 13px; font-weight: 600;",o.textContent=this.currentPath||"/",n.appendChild(r),n.appendChild(o),e.appendChild(n),Object.keys(this.currentParams).length>0){let c=document.createElement("div");c.style.cssText="display: flex; align-items: flex-start; gap: 8px; margin-bottom: 6px;";let a=document.createElement("span");a.style.cssText="color: #585b70; font-size: 11px; min-width: 50px;",a.textContent="Params:";let d=document.createElement("span");d.style.cssText="color: #a6e3a1; font-size: 12px;",d.textContent=JSON.stringify(this.currentParams),c.appendChild(a),c.appendChild(d),e.appendChild(c)}if(Object.keys(this.currentQuery).length>0){let c=document.createElement("div");c.style.cssText="display: flex; align-items: flex-start; gap: 8px; margin-bottom: 6px;";let a=document.createElement("span");a.style.cssText="color: #585b70; font-size: 11px; min-width: 50px;",a.textContent="Query:";let d=document.createElement("span");d.style.cssText="color: #89b4fa; font-size: 12px;",d.textContent=JSON.stringify(this.currentQuery),c.appendChild(a),c.appendChild(d),e.appendChild(c)}this.container.appendChild(e);let s=document.createElement("div");s.style.cssText="display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px;";let l=document.createElement("span");l.style.cssText="font-size: 11px; color: #a6adc8; text-transform: uppercase; letter-spacing: 0.5px;",l.textContent=`History (${this.history.length})`,s.appendChild(l);let p=document.createElement("button");if(p.style.cssText="background: transparent; border: 1px solid #45475a; color: #a6adc8; cursor: pointer; padding: 2px 8px; border-radius: 3px; font-size: 11px; font-family: inherit;",p.textContent="Clear",p.addEventListener("click",()=>this.clearHistory()),s.appendChild(p),this.container.appendChild(s),this.history.length===0){let c=document.createElement("div");c.style.cssText="color: #585b70; font-size: 12px; text-align: center; padding: 16px 0; font-style: italic;",c.textContent="No navigation history",this.container.appendChild(c)}else{let c=document.createElement("div");c.style.cssText="max-height: 300px; overflow-y: auto;";let a=[...this.history].reverse();for(let d of a){let u=document.createElement("div");u.style.cssText="display: flex; align-items: center; justify-content: space-between; padding: 4px 8px; border-radius: 3px; font-size: 12px; transition: background 0.15s; cursor: default;",u.addEventListener("mouseenter",()=>{u.style.background="#313244"}),u.addEventListener("mouseleave",()=>{u.style.background="transparent"});let h=document.createElement("span");h.style.cssText="color: #cdd6f4; font-family: inherit;",h.textContent=d.path;let f=document.createElement("span");f.style.cssText="color: #585b70; font-size: 10px; white-space: nowrap;";let m=new Date(d.timestamp);f.textContent=`${m.getHours().toString().padStart(2,"0")}:${m.getMinutes().toString().padStart(2,"0")}:${m.getSeconds().toString().padStart(2,"0")}.${m.getMilliseconds().toString().padStart(3,"0")}`,u.appendChild(h),u.appendChild(f),c.appendChild(u)}this.container.appendChild(c)}}destroy(){this.container.innerHTML="",this.history=[]}};var R=class{constructor(e){this.head=0;this.count=0;this.capacity=e,this.buffer=new Array(e).fill(void 0)}push(e){let t=(this.head+this.count)%this.capacity;this.buffer[t]=e,this.count<this.capacity?this.count++:this.head=(this.head+1)%this.capacity}getAll(){let e=[];for(let t=0;t<this.count;t++){let n=this.buffer[(this.head+t)%this.capacity];n!==void 0&&e.push(n)}return e}get size(){return this.count}get isEmpty(){return this.count===0}clear(){this.buffer.fill(void 0),this.head=0,this.count=0}},Ue=100,Oe=16,A=class{constructor(e=Ue){this.pendingMarks=new Map;this.componentUpdateCounts=new Map;this._isRecording=!1;this.bufferSize=e,this.fcpBuffer=new R(e),this.inpBuffer=new R(e),this.renderBuffer=new R(e),this.updateFrequencyBuffer=new R(e),this.memoryBuffer=new R(e),this.customMarkBuffer=new R(e),this.fpsBuffer=new R(e),this.fpsState={isMonitoring:!1,frameCount:0,lastTime:0,rafId:null}}recordFCP(e){if(e===void 0)if(typeof performance!="undefined"&&performance.getEntriesByType){let n=performance.getEntriesByType("paint").find(r=>r.name==="first-contentful-paint");e=n?n.startTime:0}else e=0;this.fcpBuffer.push({type:"fcp",value:e,timestamp:Date.now()})}recordINP(e,t,n){this.inpBuffer.push({type:"inp",value:e,eventName:t,componentName:n,timestamp:Date.now()})}recordRender(e,t,n="update",r){this.renderBuffer.push({type:"render",value:t,componentName:e,componentId:r,phase:n,timestamp:Date.now()}),this.trackComponentUpdate(e)}trackComponentUpdate(e){let t=Date.now(),n=this.componentUpdateCounts.get(e);if(!n){this.componentUpdateCounts.set(e,{count:1,startTime:t});return}n.count++;let r=t-n.startTime;r>=1e3&&(this.updateFrequencyBuffer.push({type:"update-frequency",componentName:e,count:n.count,windowMs:r,timestamp:t}),n.count=0,n.startTime=t)}recordMemory(e,t){this.memoryBuffer.push({type:"memory",proxyCount:e,reactiveCount:t,timestamp:Date.now()})}startMark(e){this.pendingMarks.set(e,performance.now())}endMark(e){let t=this.pendingMarks.get(e);if(t===void 0)return-1;let n=performance.now()-t;return this.pendingMarks.delete(e),this.customMarkBuffer.push({type:"custom",name:e,value:n,timestamp:Date.now()}),n}startFPSMonitor(){if(this.fpsState.isMonitoring||typeof requestAnimationFrame!="function")return;this.fpsState.isMonitoring=!0,this.fpsState.frameCount=0,this.fpsState.lastTime=performance.now();let e=t=>{if(!this.fpsState.isMonitoring)return;this.fpsState.frameCount++;let n=t-this.fpsState.lastTime;if(n>=1e3){let r=this.fpsState.frameCount/n*1e3;this.fpsBuffer.push({type:"fps",value:Math.round(r),timestamp:Date.now()}),this.fpsState.frameCount=0,this.fpsState.lastTime=t}this.fpsState.rafId=requestAnimationFrame(e)};this.fpsState.rafId=requestAnimationFrame(e)}stopFPSMonitor(){this.fpsState.isMonitoring=!1,this.fpsState.rafId!==null&&(typeof cancelAnimationFrame=="function"&&cancelAnimationFrame(this.fpsState.rafId),this.fpsState.rafId=null)}isFPSMonitoring(){return this.fpsState.isMonitoring}startRecording(){this._isRecording=!0,this.startFPSMonitor()}stopRecording(){this._isRecording=!1,this.stopFPSMonitor()}isRecording(){return this._isRecording}getMetrics(){return[...this.fcpBuffer.getAll(),...this.inpBuffer.getAll(),...this.renderBuffer.getAll(),...this.updateFrequencyBuffer.getAll(),...this.memoryBuffer.getAll(),...this.customMarkBuffer.getAll(),...this.fpsBuffer.getAll()]}getMetricsByType(e){return this.getMetrics().filter(n=>n.type===e)}getCurrentFPS(){let e=this.fpsBuffer.getAll();return e.length===0?0:e[e.length-1].value}getRenderRankings(){let e=new Map;for(let t of this.renderBuffer.getAll()){let n=e.get(t.componentName)||{renderCount:0,totalTime:0,maxTime:0};n.renderCount++,n.totalTime+=t.value,n.maxTime=Math.max(n.maxTime,t.value),e.set(t.componentName,n)}return Array.from(e.entries()).map(([t,n])=>({componentName:t,renderCount:n.renderCount,avgRenderTime:n.renderCount>0?n.totalTime/n.renderCount:0,maxRenderTime:n.maxTime,totalRenderTime:n.totalTime})).sort((t,n)=>n.avgRenderTime-t.avgRenderTime)}getProxyCount(){let e=this.memoryBuffer.getAll();return e.length===0?0:e[e.length-1].proxyCount}getSlowRenders(){return this.renderBuffer.getAll().filter(e=>e.value>Oe)}getReport(){let e=this.fcpBuffer.getAll(),t=e.length>0?e[e.length-1]:null,r=this.inpBuffer.getAll().map(y=>y.value),o={avg:r.length>0?r.reduce((y,g)=>y+g,0)/r.length:0,max:r.length>0?Math.max(...r):0,min:r.length>0?Math.min(...r):0,count:r.length},s=this.getRenderRankings(),l=this.updateFrequencyBuffer.getAll(),p=new Map;for(let y of l){let g=y.count/y.windowMs*1e3,b=p.get(y.componentName)||[];b.push(g),p.set(y.componentName,b)}let c=Array.from(p.entries()).map(([y,g])=>({componentName:y,avgFrequency:g.reduce((b,T)=>b+T,0)/g.length})),a=this.memoryBuffer.getAll(),d=a.length>0?a[a.length-1]:null,h=this.fpsBuffer.getAll().map(y=>y.value),f={avg:h.length>0?h.reduce((y,g)=>y+g,0)/h.length:0,min:h.length>0?Math.min(...h):0,count:h.length},m=this.customMarkBuffer.getAll(),x=new Map;for(let y of m){let g=x.get(y.name)||[];g.push(y.value),x.set(y.name,g)}let v=Array.from(x.entries()).map(([y,g])=>({name:y,avg:g.reduce((b,T)=>b+T,0)/g.length,max:Math.max(...g),count:g.length}));return{generatedAt:Date.now(),fcp:t,inp:o,renderStats:s,updateFrequencyStats:c,memory:d,fps:f,customMarks:v}}exportJSON(){return JSON.stringify({metrics:this.getMetrics(),report:this.getReport()},null,2)}clear(){this.fcpBuffer.clear(),this.inpBuffer.clear(),this.renderBuffer.clear(),this.updateFrequencyBuffer.clear(),this.memoryBuffer.clear(),this.customMarkBuffer.clear(),this.fpsBuffer.clear(),this.pendingMarks.clear(),this.componentUpdateCounts.clear()}destroy(){this.stopFPSMonitor(),this.clear()}};var F=class{constructor(e=16){this.activeProfiles=new Map;this.slowThreshold=e}startProfile(e){return this.activeProfiles.has(e)?!1:(this.activeProfiles.set(e,{componentName:e,startTime:performance.now(),records:[],slowThreshold:this.slowThreshold}),!0)}stopProfile(e){let t=this.activeProfiles.get(e);return t?(this.activeProfiles.delete(e),this.buildResult(t)):null}stopAllProfiles(){let e=[];for(let t of this.activeProfiles.values())e.push(this.buildResult(t));return this.activeProfiles.clear(),e}recordRender(e,t){let n=this.activeProfiles.get(e);if(!n)return;let r={duration:t,timestamp:Date.now(),isSlow:t>n.slowThreshold};n.records.push(r)}getSnapshot(e){let t=this.activeProfiles.get(e);return t?this.buildResult(t):null}isProfiling(e){return this.activeProfiles.has(e)}getActiveProfileNames(){return Array.from(this.activeProfiles.keys())}getActiveProfileCount(){return this.activeProfiles.size}getSlowRenders(e){let t=this.activeProfiles.get(e);return t?t.records.filter(n=>n.isSlow):[]}setSlowThreshold(e){this.slowThreshold=e;for(let t of this.activeProfiles.values()){t.slowThreshold=e;for(let n of t.records)n.isSlow=n.duration>e}}getSlowThreshold(){return this.slowThreshold}clear(){this.activeProfiles.clear()}destroy(){this.clear()}buildResult(e){let t=e.records,n=t.length,r=t.reduce((a,d)=>a+d.duration,0),o=n>0?r/n:0,s=n>0?Math.max(...t.map(a=>a.duration)):0,l=n>0?Math.min(...t.map(a=>a.duration)):0,p=t.filter(a=>a.isSlow).length,c=performance.now()-e.startTime;return{componentName:e.componentName,renderCount:n,avgRenderTime:o,maxRenderTime:s,minRenderTime:l,totalRenderTime:r,slowRenderCount:p,slowThreshold:e.slowThreshold,records:[...t],profileDuration:c}}};var se=class{constructor(e,t){this.entries=new Map;this.isRecording=!1;this.fpsUpdateTimer=null;var n,r;this.container=e,this.config={autoStartFPS:(n=t==null?void 0:t.autoStartFPS)!=null?n:!1,fpsUpdateInterval:(r=t==null?void 0:t.fpsUpdateInterval)!=null?r:1e3},this.fpsUpdateInterval=this.config.fpsUpdateInterval,this.collector=new A,this.profiler=new F,this.config.autoStartFPS&&this.collector.startFPSMonitor(),this.render()}recordRender(e,t){let n=this.entries.get(e)||{name:e,renders:0,totalTime:0,avgTime:0,maxTime:0,lastTime:0};n.renders++,n.totalTime+=t,n.avgTime=n.totalTime/n.renders,n.maxTime=Math.max(n.maxTime,t),n.lastTime=t,this.entries.set(e,n),this.collector.recordRender(e,t,"update"),this.profiler.recordRender(e,t),this.render()}getStats(){return Array.from(this.entries.values()).sort((e,t)=>t.totalTime-e.totalTime)}getEntry(e){return this.entries.get(e)||null}getTotalRenders(){let e=0;for(let t of this.entries.values())e+=t.renders;return e}getTotalTime(){let e=0;for(let t of this.entries.values())e+=t.totalTime;return e}clear(){this.entries.clear(),this.collector.clear(),this.profiler.clear(),this.render()}getCurrentFPS(){return this.collector.getCurrentFPS()}startFPSMonitor(){this.collector.startFPSMonitor(),this.startFPSUpdateLoop()}stopFPSMonitor(){this.collector.stopFPSMonitor(),this.stopFPSUpdateLoop()}isFPSMonitoring(){return this.collector.isFPSMonitoring()}getRenderRankings(){return this.collector.getRenderRankings()}getUpdateFrequencyStats(){return this.collector.getReport().updateFrequencyStats}recordProxyCount(e,t){this.collector.recordMemory(e,t)}getProxyCount(){return this.collector.getProxyCount()}startRecording(){this.isRecording=!0,this.collector.startRecording(),this.startFPSUpdateLoop(),this.render()}stopRecording(){this.isRecording=!1,this.collector.stopRecording(),this.stopFPSUpdateLoop(),this.render()}isRecordingActive(){return this.isRecording}exportJSON(){return this.collector.exportJSON()}getReport(){return this.collector.getReport()}startProfile(e){return this.profiler.startProfile(e)}stopProfile(e){return this.profiler.stopProfile(e)}getProfileSnapshot(e){return this.profiler.getSnapshot(e)}getSlowRenders(){return this.getStats().filter(e=>e.maxTime>16)}getCollector(){return this.collector}getProfiler(){return this.profiler}render(){this.container.innerHTML="";let e=document.createElement("div");e.style.cssText="display: flex; gap: 8px; margin-bottom: 12px; flex-wrap: wrap;";let t=this.getCurrentFPS(),n=t>=55?"#a6e3a1":t>=30?"#f9e2af":"#f38ba8",r=this.createStatCard("FPS",String(t),n),o=this.createStatCard("Proxies",String(this.getProxyCount()),"#cba6f7"),s=this.createStatCard("Total Renders",String(this.getTotalRenders()),"#89b4fa"),l=this.createStatCard("Total Time",`${this.getTotalTime().toFixed(2)}ms`,"#a6e3a1"),p=this.createStatCard("Components",String(this.entries.size),"#f9e2af");e.appendChild(r),e.appendChild(o),e.appendChild(s),e.appendChild(l),e.appendChild(p),this.container.appendChild(e);let c=document.createElement("div");c.style.cssText="display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px;";let a=document.createElement("span");a.style.cssText="font-size: 11px; color: #a6adc8; text-transform: uppercase; letter-spacing: 0.5px;",a.textContent="Render Performance",c.appendChild(a);let d=document.createElement("div");d.style.cssText="display: flex; gap: 4px;";let u=document.createElement("button");u.style.cssText=this.getRecordButtonStyle(),u.textContent=this.isRecording?"Stop":"Record",u.addEventListener("click",()=>{this.isRecording?this.stopRecording():this.startRecording()}),d.appendChild(u);let h=document.createElement("button");h.style.cssText="background: transparent; border: 1px solid #45475a; color: #a6adc8; cursor: pointer; padding: 2px 8px; border-radius: 3px; font-size: 11px; font-family: inherit;",h.textContent="Export",h.addEventListener("click",()=>{let x=this.exportJSON(),v=new Blob([x],{type:"application/json"}),y=URL.createObjectURL(v),g=document.createElement("a");g.href=y,g.download=`lyt-perf-${Date.now()}.json`,g.click(),URL.revokeObjectURL(y)}),d.appendChild(h);let f=document.createElement("button");f.style.cssText="background: transparent; border: 1px solid #45475a; color: #a6adc8; cursor: pointer; padding: 2px 8px; border-radius: 3px; font-size: 11px; font-family: inherit;",f.textContent="Clear",f.addEventListener("click",()=>this.clear()),d.appendChild(f),c.appendChild(d),this.container.appendChild(c);let m=this.getStats().sort((x,v)=>v.avgTime-x.avgTime);if(m.length===0){let x=document.createElement("div");x.style.cssText="color: #585b70; font-size: 12px; text-align: center; padding: 16px 0; font-style: italic;",x.textContent="No performance data recorded",this.container.appendChild(x)}else{let x=document.createElement("div");x.style.cssText="display: grid; grid-template-columns: 2fr 1fr 1fr 1fr 1fr; gap: 4px; padding: 4px 8px; font-size: 10px; color: #585b70; text-transform: uppercase; letter-spacing: 0.5px; border-bottom: 1px solid #313244; margin-bottom: 4px;",x.innerHTML="<span>Component</span><span>Renders</span><span>Avg</span><span>Max</span><span>Last</span>",this.container.appendChild(x);let v=document.createElement("div");v.style.cssText="max-height: 300px; overflow-y: auto;";for(let y of m){let g=document.createElement("div");g.style.cssText="display: grid; grid-template-columns: 2fr 1fr 1fr 1fr 1fr; gap: 4px; padding: 6px 8px; font-size: 12px; border-radius: 3px; transition: background 0.15s; cursor: default;",g.addEventListener("mouseenter",()=>{g.style.background="#313244"}),g.addEventListener("mouseleave",()=>{g.style.background="transparent"});let b=document.createElement("span");b.style.cssText="color: #cdd6f4; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;",b.textContent=y.name;let T=document.createElement("span");T.style.cssText="color: #89b4fa;",T.textContent=String(y.renders);let O=document.createElement("span");O.style.cssText=this.getPerfColor(y.avgTime),O.textContent=`${y.avgTime.toFixed(2)}ms`;let q=document.createElement("span");q.style.cssText=this.getPerfColor(y.maxTime),q.textContent=`${y.maxTime.toFixed(2)}ms`;let j=document.createElement("span");j.style.cssText=this.getPerfColor(y.lastTime),j.textContent=`${y.lastTime.toFixed(2)}ms`,g.appendChild(b),g.appendChild(T),g.appendChild(O),g.appendChild(q),g.appendChild(j),v.appendChild(g)}this.container.appendChild(v)}}createStatCard(e,t,n){let r=document.createElement("div");r.style.cssText="flex: 1; padding: 8px 12px; background: #181825; border: 1px solid #313244; border-radius: 4px; min-width: 70px;";let o=document.createElement("div");o.style.cssText=`font-size: 16px; font-weight: 600; color: ${n}; margin-bottom: 2px;`,o.textContent=t;let s=document.createElement("div");return s.style.cssText="font-size: 10px; color: #585b70; text-transform: uppercase; letter-spacing: 0.5px;",s.textContent=e,r.appendChild(o),r.appendChild(s),r}getRecordButtonStyle(){return this.isRecording?"background: #f38ba8; border: 1px solid #f38ba8; color: #1e1e2e; cursor: pointer; padding: 2px 8px; border-radius: 3px; font-size: 11px; font-family: inherit; font-weight: 600;":"background: transparent; border: 1px solid #45475a; color: #a6adc8; cursor: pointer; padding: 2px 8px; border-radius: 3px; font-size: 11px; font-family: inherit;"}getPerfColor(e){return e<1?"color: #a6e3a1;":e<5?"color: #f9e2af;":e<16?"color: #fab387;":"color: #f38ba8;"}startFPSUpdateLoop(){this.stopFPSUpdateLoop(),this.fpsUpdateTimer=window.setInterval(()=>{this.render()},this.fpsUpdateInterval)}stopFPSUpdateLoop(){this.fpsUpdateTimer!==null&&(clearInterval(this.fpsUpdateTimer),this.fpsUpdateTimer=null)}destroy(){this.stopFPSUpdateLoop(),this.collector.destroy(),this.profiler.destroy(),this.container.innerHTML="",this.entries.clear()}};var ie=class{constructor(e){this.buffer=[];this._paused=!1;this.filterPattern="";this.counter=0;this.writeIndex=0;this.bufferFull=!1;this.element=null;var t,n,r;this.maxBuffer=(t=e==null?void 0:e.maxBuffer)!=null?t:200,this.autoScroll=(n=e==null?void 0:e.autoScroll)!=null?n:!0,this.title=(r=e==null?void 0:e.title)!=null?r:"\u4E8B\u4EF6\u9762\u677F"}captureEvent(e,t,n){if(this._paused)return;let r={name:e,payload:t,sourceComponent:n,timestamp:Date.now(),index:this.counter++};this.bufferFull?this.buffer[this.writeIndex]=r:(this.buffer.push(r),this.buffer.length>=this.maxBuffer&&(this.bufferFull=!0)),this.writeIndex=(this.writeIndex+1)%this.maxBuffer}getEvents(){let e=this.bufferFull?this.buffer.slice(this.writeIndex).concat(this.buffer.slice(0,this.writeIndex)):[...this.buffer];if(this.filterPattern){let t=this.filterPattern.toLowerCase();e=e.filter(n=>n.name.toLowerCase().includes(t)||n.sourceComponent&&n.sourceComponent.toLowerCase().includes(t))}return e}getAllEvents(){return this.bufferFull?this.buffer.slice(this.writeIndex).concat(this.buffer.slice(0,this.writeIndex)):[...this.buffer]}clear(){this.buffer=[],this.writeIndex=0,this.bufferFull=!1}setFilter(e){this.filterPattern=e}getFilter(){return this.filterPattern}pause(){this._paused=!0}resume(){this._paused=!1}isPaused(){return this._paused}exportJSON(){let e=this.getEvents();return JSON.stringify(e,null,2)}getCount(){return this.bufferFull?this.maxBuffer:this.buffer.length}getMaxBuffer(){return this.maxBuffer}render(){this.element&&this.element.remove();let e=document.createElement("div");e.className="lyt-event-panel",e.style.cssText="font-family: monospace; font-size: 12px; color: #cdd6f4;";let t=document.createElement("div");t.style.cssText="display: flex; align-items: center; justify-content: space-between; padding: 8px 12px; background: #1e1e2e; border-bottom: 1px solid #313244;";let n=document.createElement("span");n.textContent=this.title,n.style.cssText="font-weight: bold; font-size: 13px;",t.appendChild(n);let r=document.createElement("div");r.style.cssText="display: flex; gap: 4px;";let o=document.createElement("button");o.textContent=this._paused?"\u6062\u590D":"\u6682\u505C",o.style.cssText="padding: 2px 8px; border: 1px solid #45475a; background: #313244; color: #cdd6f4; cursor: pointer; border-radius: 3px; font-size: 11px;",o.addEventListener("click",()=>{this._paused?this.resume():this.pause(),o.textContent=this._paused?"\u6062\u590D":"\u6682\u505C",this.render()}),r.appendChild(o);let s=document.createElement("button");s.textContent="\u6E05\u9664",s.style.cssText="padding: 2px 8px; border: 1px solid #45475a; background: #313244; color: #cdd6f4; cursor: pointer; border-radius: 3px; font-size: 11px;",s.addEventListener("click",()=>{this.clear(),this.render()}),r.appendChild(s);let l=document.createElement("button");l.textContent="\u5BFC\u51FA",l.style.cssText="padding: 2px 8px; border: 1px solid #45475a; background: #313244; color: #cdd6f4; cursor: pointer; border-radius: 3px; font-size: 11px;",l.addEventListener("click",()=>{let u=this.exportJSON(),h=new Blob([u],{type:"application/json"}),f=URL.createObjectURL(h),m=document.createElement("a");m.href=f,m.download=`lyt-events-${Date.now()}.json`,m.click(),URL.revokeObjectURL(f)}),r.appendChild(l),t.appendChild(r),e.appendChild(t);let p=document.createElement("div");p.style.cssText="padding: 6px 12px; background: #181825; border-bottom: 1px solid #313244;";let c=document.createElement("input");c.type="text",c.placeholder="\u8FC7\u6EE4\u4E8B\u4EF6\u540D\u79F0...",c.value=this.filterPattern,c.style.cssText="width: 100%; padding: 4px 8px; border: 1px solid #45475a; background: #1e1e2e; color: #cdd6f4; border-radius: 3px; font-size: 11px; box-sizing: border-box;",c.addEventListener("input",()=>{this.setFilter(c.value),this.render()}),p.appendChild(c),e.appendChild(p);let a=document.createElement("div");a.style.cssText="max-height: 400px; overflow-y: auto; padding: 4px 0;";let d=this.getEvents();if(d.length===0){let u=document.createElement("div");u.style.cssText="padding: 20px; text-align: center; color: #585b70;",u.textContent="\u6682\u65E0\u4E8B\u4EF6",a.appendChild(u)}else for(let u of d){let h=document.createElement("div");h.style.cssText="padding: 4px 12px; border-bottom: 1px solid #1e1e2e; cursor: pointer;";let f=new Date(u.timestamp),m=`${String(f.getHours()).padStart(2,"0")}:${String(f.getMinutes()).padStart(2,"0")}:${String(f.getSeconds()).padStart(2,"0")}.${String(f.getMilliseconds()).padStart(3,"0")}`,x="";try{x=JSON.stringify(u.payload),x.length>50&&(x=x.slice(0,50)+"...")}catch(y){x=String(u.payload)}let v=u.sourceComponent?` [${u.sourceComponent}]`:"";h.textContent=`${m} ${u.name}${v} ${x}`,a.appendChild(h)}return e.appendChild(a),this.autoScroll&&(a.scrollTop=a.scrollHeight),this.element=e,e}destroy(){this.element&&(this.element.remove(),this.element=null),this.clear()}};var ae=class{constructor(e){this.currentRoute=null;this.history=[];this.navCounter=0;this.element=null;this.selectedHistoryIndex=-1;var t,n;this.maxHistory=(t=e==null?void 0:e.maxHistory)!=null?t:50,this.title=(n=e==null?void 0:e.title)!=null?n:"\u8DEF\u7531\u9762\u677F"}onRouteChange(e,t,n){let r={index:this.navCounter++,to:{...e},from:{...t},timestamp:Date.now(),type:n!=null?n:"push"};this.history.push(r),this.history.length>this.maxHistory&&(this.history=this.history.slice(this.history.length-this.maxHistory)),this.currentRoute={...e},this.selectedHistoryIndex=-1}getCurrentRoute(){return this.currentRoute?{...this.currentRoute}:null}getHistory(){return this.history.map(e=>({...e,to:{...e.to},from:{...e.from}}))}clearHistory(){this.history=[],this.navCounter=0,this.selectedHistoryIndex=-1}getHistoryCount(){return this.history.length}getMaxHistory(){return this.maxHistory}selectHistoryEntry(e){e>=0&&e<this.history.length&&(this.selectedHistoryIndex=e)}getSelectedHistoryEntry(){if(this.selectedHistoryIndex>=0&&this.selectedHistoryIndex<this.history.length){let e=this.history[this.selectedHistoryIndex];return{...e,to:{...e.to},from:{...e.from}}}return null}render(){this.element&&this.element.remove();let e=document.createElement("div");e.className="lyt-router-panel",e.style.cssText="font-family: monospace; font-size: 12px; color: #cdd6f4;";let t=document.createElement("div");t.style.cssText="display: flex; align-items: center; justify-content: space-between; padding: 8px 12px; background: #1e1e2e; border-bottom: 1px solid #313244;";let n=document.createElement("span");n.textContent=this.title,n.style.cssText="font-weight: bold; font-size: 13px;",t.appendChild(n);let r=document.createElement("button");r.textContent="\u6E05\u9664\u5386\u53F2",r.style.cssText="padding: 2px 8px; border: 1px solid #45475a; background: #313244; color: #cdd6f4; cursor: pointer; border-radius: 3px; font-size: 11px;",r.addEventListener("click",()=>{this.clearHistory(),this.render()}),t.appendChild(r),e.appendChild(t);let o=document.createElement("div");o.style.cssText="padding: 8px 12px; background: #181825; border-bottom: 1px solid #313244;";let s=document.createElement("div");if(s.style.cssText="color: #a6adc8; font-size: 11px; margin-bottom: 4px;",s.textContent="\u5F53\u524D\u8DEF\u7531",o.appendChild(s),this.currentRoute){let a=document.createElement("div");if(a.style.cssText="font-weight: bold; font-size: 14px; color: #89b4fa;",a.textContent=this.currentRoute.path,o.appendChild(a),this.currentRoute.params&&Object.keys(this.currentRoute.params).length>0){let d=document.createElement("div");d.style.cssText="margin-top: 4px; color: #a6e3a1; font-size: 11px;",d.textContent=`params: ${JSON.stringify(this.currentRoute.params)}`,o.appendChild(d)}if(this.currentRoute.query&&Object.keys(this.currentRoute.query).length>0){let d=document.createElement("div");d.style.cssText="margin-top: 2px; color: #f9e2af; font-size: 11px;",d.textContent=`query: ${JSON.stringify(this.currentRoute.query)}`,o.appendChild(d)}if(this.currentRoute.name){let d=document.createElement("div");d.style.cssText="margin-top: 2px; color: #cba6f7; font-size: 11px;",d.textContent=`name: ${this.currentRoute.name}`,o.appendChild(d)}}else{let a=document.createElement("div");a.style.cssText="color: #585b70; font-size: 11px;",a.textContent="\u6682\u65E0\u8DEF\u7531\u4FE1\u606F",o.appendChild(a)}e.appendChild(o);let l=document.createElement("div");l.style.cssText="padding: 8px 12px; background: #1e1e2e; border-bottom: 1px solid #313244;";let p=document.createElement("div");p.style.cssText="color: #a6adc8; font-size: 11px; margin-bottom: 4px;",p.textContent=`\u5BFC\u822A\u5386\u53F2 (${this.history.length})`,l.appendChild(p),e.appendChild(l);let c=document.createElement("div");if(c.style.cssText="max-height: 300px; overflow-y: auto;",this.history.length===0){let a=document.createElement("div");a.style.cssText="padding: 20px; text-align: center; color: #585b70;",a.textContent="\u6682\u65E0\u5BFC\u822A\u8BB0\u5F55",c.appendChild(a)}else for(let a=this.history.length-1;a>=0;a--){let d=this.history[a],u=document.createElement("div"),h=a===this.selectedHistoryIndex;u.style.cssText=`padding: 4px 12px; border-bottom: 1px solid #1e1e2e; cursor: pointer;${h?" background: #313244;":""}`;let f=new Date(d.timestamp),m=`${String(f.getHours()).padStart(2,"0")}:${String(f.getMinutes()).padStart(2,"0")}:${String(f.getSeconds()).padStart(2,"0")}`,x=d.type==="pop"?"<-":d.type==="replace"?"=":">";u.textContent=`${m} ${x} ${d.from.path} -> ${d.to.path}`;let v=a;u.addEventListener("click",()=>{this.selectHistoryEntry(v),this.render()}),c.appendChild(u)}if(e.appendChild(c),this.selectedHistoryIndex>=0){let a=this.history[this.selectedHistoryIndex];if(a){let d=document.createElement("div");d.style.cssText="padding: 8px 12px; background: #181825; border-top: 1px solid #313244;";let u=document.createElement("div");u.style.cssText="color: #a6adc8; font-size: 11px; margin-bottom: 4px;",u.textContent="\u5BFC\u822A\u8BE6\u60C5",d.appendChild(u);let h=document.createElement("div");h.style.cssText="font-size: 11px; line-height: 1.6;";let f=a.from,m=a.to;h.innerHTML=`
-          <div><span style="color:#a6adc8;">\u7C7B\u578B:</span> ${a.type}</div>
-          <div><span style="color:#a6adc8;">\u6765\u6E90:</span> ${f.path}</div>
-          ${f.params?`<div><span style="color:#a6adc8;">\u6765\u6E90\u53C2\u6570:</span> ${JSON.stringify(f.params)}</div>`:""}
-          ${f.query?`<div><span style="color:#a6adc8;">\u6765\u6E90\u67E5\u8BE2:</span> ${JSON.stringify(f.query)}</div>`:""}
-          <div><span style="color:#a6adc8;">\u76EE\u6807:</span> ${m.path}</div>
-          ${m.params?`<div><span style="color:#a6adc8;">\u76EE\u6807\u53C2\u6570:</span> ${JSON.stringify(m.params)}</div>`:""}
-          ${m.query?`<div><span style="color:#a6adc8;">\u76EE\u6807\u67E5\u8BE2:</span> ${JSON.stringify(m.query)}</div>`:""}
-          <div><span style="color:#a6adc8;">\u65F6\u95F4:</span> ${new Date(a.timestamp).toLocaleString("zh-CN")}</div>
-        `,d.appendChild(h),e.appendChild(d)}}return this.element=e,e}destroy(){this.element&&(this.element.remove(),this.element=null),this.clearHistory(),this.currentRoute=null}};var le=class{constructor(e,t){this.components=[];this.flatNodes=[];this.expandedMap=new Map;this.filterQuery="";this.selectedId=null;this.scrollTop=0;this.scrollContainer=null;this.contentContainer=null;this.viewportContainer=null;this.destroyed=!1;var n,r,o,s;this.container=e,this.nodeHeight=(n=t==null?void 0:t.nodeHeight)!=null?n:28,this.visibleHeight=(r=t==null?void 0:t.visibleHeight)!=null?r:400,this.indentWidth=(o=t==null?void 0:t.indentWidth)!=null?o:20,this.onNodeClick=t==null?void 0:t.onNodeClick,this.defaultExpandAll=(s=t==null?void 0:t.defaultExpandAll)!=null?s:!1,this.boundScrollHandler=this.handleScroll.bind(this),this.renderContainer()}setComponents(e){this.components=e,this.defaultExpandAll&&this.components.length>0&&this.expandAllInternal(),this.flatten(),this.renderNodes()}setSelectedComponent(e){this.selectedId=e,this.renderNodes()}setFilter(e){this.filterQuery=e,this.flatten(),this.renderNodes()}expandAll(){this.expandAllInternal(),this.flatten(),this.renderNodes()}collapseAll(){this.expandedMap.clear(),this.flatten(),this.renderNodes()}destroy(){this.destroyed=!0,this.scrollContainer&&this.scrollContainer.removeEventListener("scroll",this.boundScrollHandler),this.container.innerHTML="",this.flatNodes=[],this.expandedMap.clear(),this.components=[],this.scrollContainer=null,this.contentContainer=null,this.viewportContainer=null}isAllExpanded(){if(this.components.length===0)return!1;for(let e of this.components)if(!this.expandedMap.get(e.id))return!1;return!0}expandAllInternal(){let e=t=>{for(let n of t)n.children&&n.children.length>0&&(this.expandedMap.set(n.id,!0),e(n.children))};e(this.components)}flatten(){this.flatNodes=[];let e=0,t=this.filterQuery.toLowerCase(),n=o=>!t||o.name.toLowerCase().includes(t)?!0:o.children?o.children.some(s=>n(s)):!1,r=(o,s,l)=>{var p;for(let c of o){let a=!t||c.name.toLowerCase().includes(t),d=n(c),u=(p=this.expandedMap.get(c.id))!=null?p:!1,h;t?h=l&&d:h=l;let f={node:c,depth:s,expanded:u,visible:h,flatIndex:e++};this.flatNodes.push(f),c.children&&c.children.length>0&&(t?r(c.children,s+1,h):r(c.children,s+1,h&&u))}};r(this.components,0,!0)}getVisibleNodes(){return this.flatNodes.filter(e=>e.visible)}renderContainer(){this.container.innerHTML="";let e=document.createElement("div");e.style.cssText="position: relative; overflow: hidden;",this.scrollContainer=document.createElement("div"),this.scrollContainer.style.cssText=`overflow-y: auto; height: ${this.visibleHeight}px; position: relative;`,this.scrollContainer.addEventListener("scroll",this.boundScrollHandler),this.contentContainer=document.createElement("div"),this.contentContainer.style.cssText="position: relative; width: 100%;",this.viewportContainer=document.createElement("div"),this.viewportContainer.style.cssText="position: absolute; top: 0; left: 0; right: 0;",this.contentContainer.appendChild(this.viewportContainer),this.scrollContainer.appendChild(this.contentContainer),e.appendChild(this.scrollContainer),this.container.appendChild(e)}renderNodes(){if(!this.contentContainer||!this.viewportContainer||this.destroyed)return;let e=this.getVisibleNodes(),t=e.length*this.nodeHeight;this.contentContainer.style.height=`${t}px`;let n=Math.floor(this.scrollTop/this.nodeHeight),r=Math.min(n+Math.ceil(this.visibleHeight/this.nodeHeight)+1,e.length);this.viewportContainer.innerHTML="";for(let o=n;o<r;o++){let s=e[o],l=this.createNodeElement(s,o);this.viewportContainer.appendChild(l)}}createNodeElement(e,t){let n=document.createElement("div"),r=e.node.id===this.selectedId,o=e.node.active,s=e.node.children&&e.node.children.length>0;n.style.cssText=`
-      position: absolute;
-      top: ${t*this.nodeHeight}px;
-      left: 0;
-      right: 0;
-      height: ${this.nodeHeight}px;
-      line-height: ${this.nodeHeight}px;
-      padding-left: ${e.depth*this.indentWidth+8}px;
-      cursor: pointer;
-      font-family: monospace;
-      font-size: 12px;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      box-sizing: border-box;
-      background: ${r?"#313244":"transparent"};
-      color: ${o?"#89b4fa":"#cdd6f4"};
-      border-bottom: 1px solid #1e1e2e;
-    `;let l=document.createElement("span");l.style.cssText="display: inline-block; width: 14px; text-align: center; margin-right: 4px; font-size: 10px; color: #585b70;",s?l.textContent=e.expanded?"\u25BC":"\u25B6":l.textContent="\xB7",n.appendChild(l);let p=document.createElement("span");if(p.textContent=e.node.name,p.style.cssText="font-weight: bold;",n.appendChild(p),e.node.stateSummary){let d=document.createElement("span");d.textContent=` ${e.node.stateSummary}`,d.style.cssText="color: #a6adc8; font-size: 10px; margin-left: 6px;",n.appendChild(d)}if(e.node.propsCount!==void 0&&e.node.propsCount>0){let d=document.createElement("span");d.textContent=` [${e.node.propsCount} props]`,d.style.cssText="color: #585b70; font-size: 10px; margin-left: 4px;",n.appendChild(d)}let c=e.node,a=c.id;return n.addEventListener("click",()=>{var d;if(s){let u=(d=this.expandedMap.get(a))!=null?d:!1;this.expandedMap.set(a,!u),this.flatten(),this.renderNodes()}this.selectedId=a,this.onNodeClick&&this.onNodeClick(c)}),n}handleScroll(e){if(this.destroyed)return;let t=e.target;this.scrollTop=t.scrollTop,this.renderNodes()}getFlatNodes(){return[...this.flatNodes]}getVisibleNodeCount(){return this.getVisibleNodes().length}getTotalNodeCount(){return this.flatNodes.length}};var de=class{constructor(e){this.head=0;this.count=0;this.capacity=e,this.buffer=new Array(e).fill(void 0)}push(e){let t=(this.head+this.count)%this.capacity;this.buffer[t]=e,this.count<this.capacity?this.count++:this.head=(this.head+1)%this.capacity}getAll(){let e=[];for(let t=0;t<this.count;t++){let n=this.buffer[(this.head+t)%this.capacity];n!==void 0&&e.push(n)}return e}get size(){return this.count}get isEmpty(){return this.count===0}clear(){this.buffer.fill(void 0),this.head=0,this.count=0}},qe=100,je=1024,Je=.7,Ve=5,pe=class{constructor(e){this.counter=0;var t,n,r,o;this.config={bufferSize:(t=e==null?void 0:e.bufferSize)!=null?t:qe,leakGrowthThreshold:(n=e==null?void 0:e.leakGrowthThreshold)!=null?n:je,leakRSquaredThreshold:(r=e==null?void 0:e.leakRSquaredThreshold)!=null?r:Je,leakMinSnapshots:(o=e==null?void 0:e.leakMinSnapshots)!=null?o:Ve},this.snapshots=new de(this.config.bufferSize)}trackMemoryUsage(e,t,n,r){if(e===void 0){let s=performance.memory;s&&(e=s.usedJSHeapSize,t=s.totalJSHeapSize,n=s.jsHeapSizeLimit)}if(e===void 0)return null;let o={timestamp:r!=null?r:Date.now(),usedJSHeapSize:e,totalJSHeapSize:t!=null?t:0,jsHeapSizeLimit:n!=null?n:0,index:this.counter++};return this.snapshots.push(o),o}getMemoryTrend(){let e=this.snapshots.getAll();return e.length===0?[]:e.map((t,n)=>{let r=n>0?e[n-1]:null,o=r?t.usedJSHeapSize-r.usedJSHeapSize:0,s=t.jsHeapSizeLimit>0?t.usedJSHeapSize/t.jsHeapSizeLimit*100:0;return{timestamp:t.timestamp,usedJSHeapSize:t.usedJSHeapSize,delta:o,usagePercent:s}})}detectMemoryLeak(){let e=this.snapshots.getAll();if(e.length<this.config.leakMinSnapshots)return{hasLeak:!1,severity:"none",description:`\u5FEB\u7167\u6570\u91CF\u4E0D\u8DB3\uFF08\u9700\u8981\u81F3\u5C11 ${this.config.leakMinSnapshots} \u4E2A\uFF0C\u5F53\u524D ${e.length} \u4E2A\uFF09`,snapshotCount:e.length,growthRate:0,rSquared:0};let t=e.length,n=0,r=0,o=0,s=0,l=0;for(let g=0;g<t;g++){let b=g,T=e[g].usedJSHeapSize;n+=b,r+=T,o+=b*T,s+=b*b,l+=T*T}let p=t*s-n*n,c=p!==0?(t*o-n*r)/p:0,a=r/t,d=0,u=0;for(let g=0;g<t;g++){let b=e[g].usedJSHeapSize,T=c*g+(r-c*n)/t;d+=(b-a)*(b-a),u+=(b-T)*(b-T)}let h=d!==0?1-u/d:0,f=(e[t-1].timestamp-e[0].timestamp)/1e3,m=f>0?c/f:0,x=h>=this.config.leakRSquaredThreshold&&m>=this.config.leakGrowthThreshold,v="none",y="\u672A\u68C0\u6D4B\u5230\u5185\u5B58\u6CC4\u6F0F";return x&&(m>=this.config.leakGrowthThreshold*10?(v="high",y=`\u68C0\u6D4B\u5230\u4E25\u91CD\u5185\u5B58\u6CC4\u6F0F\uFF0C\u589E\u957F\u901F\u7387 ${Math.round(m)} bytes/s\uFF0CR\xB2=${h.toFixed(3)}`):m>=this.config.leakGrowthThreshold*3?(v="medium",y=`\u68C0\u6D4B\u5230\u4E2D\u7B49\u5185\u5B58\u6CC4\u6F0F\uFF0C\u589E\u957F\u901F\u7387 ${Math.round(m)} bytes/s\uFF0CR\xB2=${h.toFixed(3)}`):(v="low",y=`\u68C0\u6D4B\u5230\u8F7B\u5FAE\u5185\u5B58\u6CC4\u6F0F\uFF0C\u589E\u957F\u901F\u7387 ${Math.round(m)} bytes/s\uFF0CR\xB2=${h.toFixed(3)}`)),{hasLeak:x,severity:v,description:y,snapshotCount:t,growthRate:m,rSquared:h}}getMemoryReport(){let e=this.snapshots.getAll(),t=this.getMemoryTrend(),n=this.detectMemoryLeak(),r=null,o=0,s=0,l=0,p=1/0;for(let d of e)(!r||d.timestamp>r.timestamp)&&(r=d),d.usedJSHeapSize>o&&(o=d.usedJSHeapSize,s=d.timestamp),l+=d.usedJSHeapSize,d.usedJSHeapSize<p&&(p=d.usedJSHeapSize);let c=e.length>0?l/e.length:0;p===1/0&&(p=0);let a=e.length>=2?e[e.length-1].usedJSHeapSize-e[0].usedJSHeapSize:0;return{generatedAt:Date.now(),current:r,peakUsage:o,peakTimestamp:s,averageUsage:c,minUsage:p,totalGrowth:a,trend:t,leakDetection:n,snapshotCount:e.length}}getSnapshots(){return this.snapshots.getAll()}getSnapshotCount(){return this.snapshots.size}clear(){this.snapshots.clear(),this.counter=0}destroy(){this.clear()}};var ce=class{constructor(e){this.head=0;this.count=0;this.capacity=e,this.buffer=new Array(e).fill(void 0)}push(e){let t=(this.head+this.count)%this.capacity;this.buffer[t]=e,this.count<this.capacity?this.count++:this.head=(this.head+1)%this.capacity}getAll(){let e=[];for(let t=0;t<this.count;t++){let n=this.buffer[(this.head+t)%this.capacity];n!==void 0&&e.push(n)}return e}get size(){return this.count}get isEmpty(){return this.count===0}clear(){this.buffer.fill(void 0),this.head=0,this.count=0}},We=200,Ye=16,ue=class{constructor(e){this.counter=0;var t,n;this.config={bufferSize:(t=e==null?void 0:e.bufferSize)!=null?t:We,slowThreshold:(n=e==null?void 0:e.slowThreshold)!=null?n:Ye},this.records=new ce(this.config.bufferSize)}trackRender(e,t){this.records.push({componentName:e,duration:t,timestamp:Date.now(),index:this.counter++})}getSlowRenderers(e){let t=e!=null?e:this.config.slowThreshold;return this.records.getAll().filter(r=>r.duration>t).map(r=>({componentName:r.componentName,duration:r.duration,timestamp:r.timestamp,overThreshold:r.duration-t})).sort((r,o)=>o.duration-r.duration)}getRenderStats(){let e=this.records.getAll(),t=this.config.slowThreshold;if(e.length===0)return{totalRenders:0,totalDuration:0,avgDuration:0,maxDuration:0,minDuration:0,slowRenderCount:0,slowRenderRatio:0,byComponent:[]};let n=0,r=-1/0,o=1/0,s=0,l=new Map;for(let c of e){n+=c.duration,c.duration>r&&(r=c.duration),c.duration<o&&(o=c.duration),c.duration>t&&s++;let a=l.get(c.componentName);a||(a={renderCount:0,totalDuration:0,maxDuration:-1/0,minDuration:1/0,slowCount:0},l.set(c.componentName,a)),a.renderCount++,a.totalDuration+=c.duration,c.duration>a.maxDuration&&(a.maxDuration=c.duration),c.duration<a.minDuration&&(a.minDuration=c.duration),c.duration>t&&a.slowCount++}let p=Array.from(l.entries()).map(([c,a])=>({componentName:c,renderCount:a.renderCount,avgDuration:a.totalDuration/a.renderCount,maxDuration:a.maxDuration===-1/0?0:a.maxDuration,minDuration:a.minDuration===1/0?0:a.minDuration,totalDuration:a.totalDuration,slowCount:a.slowCount})).sort((c,a)=>a.avgDuration-c.avgDuration);return{totalRenders:e.length,totalDuration:n,avgDuration:n/e.length,maxDuration:r===-1/0?0:r,minDuration:o===1/0?0:o,slowRenderCount:s,slowRenderRatio:s/e.length,byComponent:p}}getRenderTimeline(){let e=this.records.getAll(),t=this.config.slowThreshold;return e.map((n,r)=>({componentName:n.componentName,duration:n.duration,timestamp:n.timestamp,isSlow:n.duration>t,gap:r>0?n.timestamp-e[r-1].timestamp:-1}))}getRecords(){return this.records.getAll()}getRecordCount(){return this.records.size}clear(){this.records.clear(),this.counter=0}destroy(){this.clear()}};var he=class{constructor(e){this.head=0;this.count=0;this.capacity=e,this.buffer=new Array(e).fill(void 0)}push(e){let t=(this.head+this.count)%this.capacity;this.buffer[t]=e,this.count<this.capacity?this.count++:this.head=(this.head+1)%this.capacity}getAll(){let e=[];for(let t=0;t<this.count;t++){let n=this.buffer[(this.head+t)%this.capacity];n!==void 0&&e.push(n)}return e}get size(){return this.count}get isEmpty(){return this.count===0}clear(){this.buffer.fill(void 0),this.head=0,this.count=0}},Ke=100,Xe=1e3,Ge=2,me=class{constructor(e){this.pending=new Map;this.counter=0;var t,n,r;this.config={bufferSize:(t=e==null?void 0:e.bufferSize)!=null?t:Ke,slowThreshold:(n=e==null?void 0:e.slowThreshold)!=null?n:Xe,outlierSigmaThreshold:(r=e==null?void 0:e.outlierSigmaThreshold)!=null?r:Ge},this.records=new he(this.config.bufferSize)}startBatch(e){return this.pending.has(e)?!1:(this.pending.set(e,Date.now()),!0)}endBatch(e){let t=this.pending.get(e);if(t===void 0)return null;let n=Date.now(),r=n-t;this.pending.delete(e);let o={name:e,startTime:t,endTime:n,duration:r,index:this.counter++};return this.records.push(o),o}getBatchStats(){let e=this.records.getAll();if(e.length===0)return{totalBatches:0,totalDuration:0,avgDuration:0,maxDuration:0,minDuration:0,byName:[]};let t=0,n=-1/0,r=1/0,o=new Map;for(let l of e){t+=l.duration,l.duration>n&&(n=l.duration),l.duration<r&&(r=l.duration);let p=o.get(l.name);p||(p={count:0,totalDuration:0,maxDuration:-1/0,minDuration:1/0,durations:[]},o.set(l.name,p)),p.count++,p.totalDuration+=l.duration,l.duration>p.maxDuration&&(p.maxDuration=l.duration),l.duration<p.minDuration&&(p.minDuration=l.duration),p.durations.push(l.duration)}let s=Array.from(o.entries()).map(([l,p])=>{let c=p.totalDuration/p.count,a=0;for(let u of p.durations)a+=(u-c)*(u-c);a/=p.count;let d=Math.sqrt(a);return{name:l,count:p.count,avgDuration:c,maxDuration:p.maxDuration===-1/0?0:p.maxDuration,minDuration:p.minDuration===1/0?0:p.minDuration,totalDuration:p.totalDuration,stdDev:d}});return{totalBatches:e.length,totalDuration:t,avgDuration:t/e.length,maxDuration:n===-1/0?0:n,minDuration:r===1/0?0:r,byName:s}}detectAnomalousBatches(){let e=this.records.getAll();if(e.length===0)return[];let t=this.getBatchStats(),n=[],r=new Map;for(let o of t.byName)r.set(o.name,o);for(let o of e){let s=r.get(o.name);if(o.duration>this.config.slowThreshold){n.push({name:o.name,duration:o.duration,timestamp:o.endTime,anomalyType:"slow",description:`\u64CD\u4F5C "${o.name}" \u8017\u65F6 ${o.duration.toFixed(1)}ms\uFF0C\u8D85\u8FC7\u6162\u64CD\u4F5C\u9608\u503C ${this.config.slowThreshold}ms`,deviationSigma:s&&s.stdDev>0?(o.duration-s.avgDuration)/s.stdDev:0});continue}if(s&&s.count>=2&&s.stdDev>0){let l=(o.duration-s.avgDuration)/s.stdDev;if(Math.abs(l)>this.config.outlierSigmaThreshold){let p=l>0?"slow":"fast";n.push({name:o.name,duration:o.duration,timestamp:o.endTime,anomalyType:p,description:`\u64CD\u4F5C "${o.name}" \u8017\u65F6 ${o.duration.toFixed(1)}ms\uFF0C\u504F\u79BB\u5E73\u5747\u503C ${l.toFixed(1)} \u4E2A\u6807\u51C6\u5DEE`,deviationSigma:l})}}}return n.sort((o,s)=>o.timestamp-s.timestamp),n}getRecords(){return this.records.getAll()}getRecordCount(){return this.records.size}getPendingBatches(){return Array.from(this.pending.keys())}clear(){this.records.clear(),this.pending.clear(),this.counter=0}destroy(){this.clear()}};var fe=class{constructor(e){this._installed=!1;this.app=null;var t,n,r,o,s,l;this.config={width:(t=e==null?void 0:e.width)!=null?t:420,height:(n=e==null?void 0:e.height)!=null?n:560,x:(r=e==null?void 0:e.x)!=null?r:0,y:(o=e==null?void 0:e.y)!=null?o:0,autoShow:(s=e==null?void 0:e.autoShow)!=null?s:!0,title:(l=e==null?void 0:e.title)!=null?l:"Lyt DevTools"},this.panel=new D({width:this.config.width,height:this.config.height,x:this.config.x,y:this.config.y,title:this.config.title}),this.componentTree=new B(this.panel,p=>{this.panel.switchTab("state"),this.stateInspector.refresh()}),this.stateInspector=new z(this.panel),this.eventTracker=new N(this.panel),this.timeTravel=new $(this.panel),this.panel.registerTabRenderer("components",p=>{this.componentTree.render(p)}),this.panel.registerTabRenderer("state",p=>{this.stateInspector.render(p)}),this.panel.registerTabRenderer("events",p=>{this.eventTracker.render(p)}),this.panel.registerTabRenderer("router",p=>{this.renderRouterTab(p)}),this.panel.renderContent(),this.config.autoShow||this.panel.hide()}install(e){if(this._installed)return;this.app=e,this._installed=!0,J(e,{onComponentCreated:n=>{this.componentTree.refresh()},onComponentUpdated:n=>{this.componentTree.refresh(),this.stateInspector.refresh()},onComponentUnmounted:n=>{this.componentTree.refresh()},onStateChanged:n=>{this.stateInspector.markChanged(`state.${n.path}`),this.stateInspector.refresh()},onEventEmitted:n=>{this.eventTracker.refresh()}}),this.panel.setConnected(!0)}show(){this.panel.show()}hide(){this.panel.hide()}toggle(){this.panel.toggle()}isVisible(){return this.panel.isVisible()}renderRouterTab(e){e.innerHTML="";let t=document.createElement("div");t.className="lyt-devtools-empty",t.style.cssText="padding: 40px 24px;",t.innerHTML=`
-      <div style="font-size: 32px; margin-bottom: 12px;">\u{1F517}</div>
-      <div style="color: #cdd6f4; font-size: 14px; margin-bottom: 8px; font-style: normal;">\u8DEF\u7531\u68C0\u67E5\u5668</div>
-      <div style="color: #585b70; font-size: 12px;">
-        \u6B64\u529F\u80FD\u9700\u8981\u5B89\u88C5 @lytjs/router \u5305\u3002<br>
-        \u8DEF\u7531\u68C0\u67E5\u5668\u5C06\u663E\u793A\u5F53\u524D\u8DEF\u7531\u4FE1\u606F\u3001<br>
-        \u8DEF\u7531\u5B88\u536B\u548C\u5BFC\u822A\u5386\u53F2\u3002
+        border-bottom: 2px solid transparent;
+      ">Router</button>
+      <button class="lytjs-devtools-tab" data-tab="signals" style="
+        flex: 1;
+        padding: 10px;
+        background: transparent;
+        border: none;
+        color: #d4d4d4;
+        cursor: pointer;
+        border-bottom: 2px solid transparent;
+      ">Signals</button>
+      <button class="lytjs-devtools-tab" data-tab="performance" style="
+        flex: 1;
+        padding: 10px;
+        background: transparent;
+        border: none;
+        color: #d4d4d4;
+        cursor: pointer;
+        border-bottom: 2px solid transparent;
+      ">Performance</button>
+    `;
+    const content = document.createElement("div");
+    content.id = "lytjs-devtools-content";
+    content.style.cssText = `
+      flex: 1;
+      overflow: auto;
+      padding: 15px;
+    `;
+    panel.appendChild(header);
+    panel.appendChild(tabs);
+    panel.appendChild(content);
+    document.body.appendChild(panel);
+    document.getElementById("lytjs-devtools-close")?.addEventListener("click", () => this.close());
+    tabs.querySelectorAll(".lytjs-devtools-tab").forEach((tab) => {
+      tab.addEventListener("click", (e) => {
+        const target = e.target;
+        const tabName = target.dataset.tab;
+        tabs.querySelectorAll(".lytjs-devtools-tab").forEach((t) => {
+          t.style.background = "transparent";
+          t.style.borderBottomColor = "transparent";
+        });
+        target.style.background = "#1e1e1e";
+        target.style.borderBottomColor = "#4fc08d";
+        this.renderTab(tabName || "components");
+      });
+    });
+    this.renderTab("components");
+  }
+  /**
+   * 渲染标签页内容
+   */
+  renderTab(tab) {
+    const content = document.getElementById("lytjs-devtools-content");
+    if (!content) return;
+    switch (tab) {
+      case "components":
+        content.innerHTML = this.renderComponentsTab();
+        break;
+      case "store":
+        content.innerHTML = this.renderStoreTab();
+        break;
+      case "router":
+        content.innerHTML = this.renderRouterTab();
+        break;
+      case "signals":
+        content.innerHTML = this.renderSignalsTab();
+        break;
+      case "performance":
+        content.innerHTML = this.renderPerformanceTab();
+        break;
+    }
+  }
+  /**
+   * 渲染组件标签页
+   */
+  renderComponentsTab() {
+    const tree = getComponentTree();
+    if (tree.length === 0) {
+      return '<div style="color: #666; text-align: center; padding: 40px;">No components found.<br>Register your root component with registerRootComponent().</div>';
+    }
+    return `<pre style="margin: 0; white-space: pre-wrap; word-break: break-all;">${serializeComponentTree(tree)}</pre>`;
+  }
+  /**
+   * 渲染 Store 标签页
+   */
+  renderStoreTab() {
+    const states = getStoreStates();
+    if (states.length === 0) {
+      return '<div style="color: #666; text-align: center; padding: 40px;">No stores registered.<br>Use registerStore() to register your stores.</div>';
+    }
+    let html = '<div style="margin-bottom: 10px;">';
+    html += `<strong>Registered Stores:</strong> ${getRegisteredStoreIds().join(", ")}`;
+    html += "</div>";
+    html += `<pre style="margin: 0; white-space: pre-wrap; word-break: break-all;">${serializeStoreStates(states)}</pre>`;
+    return html;
+  }
+  /**
+   * 渲染 Signals 标签页
+   */
+  renderSignalsTab() {
+    const nodes = getSignalNodes();
+    let html = `
+      <div style="margin-bottom: 15px;">
+        <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;">
+          <strong>\u{1F4CA} Signals (${nodes.length})</strong>
+          <div>
+            <button id="lytjs-devtools-create-snapshot" style="
+              background: #4fc08d;
+              border: none;
+              color: white;
+              padding: 5px 10px;
+              border-radius: 4px;
+              cursor: pointer;
+              font-size: 11px;
+            ">\u521B\u5EFA\u5FEB\u7167</button>
+            <button id="lytjs-devtools-clear-signals" style="
+              background: #ff4d4f;
+              border: none;
+              color: white;
+              padding: 5px 10px;
+              border-radius: 4px;
+              cursor: pointer;
+              font-size: 11px;
+              margin-left: 5px;
+            ">\u6E05\u7A7A</button>
+          </div>
+        </div>
+        
+        <div style="display: flex; gap: 10px; margin-bottom: 10px;">
+          <button id="lytjs-devtools-tab-signals-list" style="
+            flex: 1;
+            padding: 8px;
+            background: #4fc08d;
+            border: none;
+            color: white;
+            border-radius: 4px;
+            cursor: pointer;
+            font-size: 11px;
+          ">\u5217\u8868\u89C6\u56FE</button>
+          <button id="lytjs-devtools-tab-signals-graph" style="
+            flex: 1;
+            padding: 8px;
+            background: #333;
+            border: none;
+            color: #d4d4d4;
+            border-radius: 4px;
+            cursor: pointer;
+            font-size: 11px;
+          ">\u4F9D\u8D56\u56FE</button>
+          <button id="lytjs-devtools-tab-signals-timetravel" style="
+            flex: 1;
+            padding: 8px;
+            background: #333;
+            border: none;
+            color: #d4d4d4;
+            border-radius: 4px;
+            cursor: pointer;
+            font-size: 11px;
+          ">\u65F6\u95F4\u65C5\u884C</button>
+        </div>
+        
+        <div id="lytjs-devtools-signals-content">
+          ${this.renderSignalsList(nodes)}
+        </div>
       </div>
-    `,e.appendChild(t)}refreshTree(){this.app&&ee(this.app),this.componentTree.refresh()}clearAllRecords(){te(),this.eventTracker.refresh(),this.stateInspector.refresh()}getPanel(){return this.panel}getComponentTree(){return this.componentTree}getStateInspector(){return this.stateInspector}getEventTracker(){return this.eventTracker}getTimeTravel(){return this.timeTravel}destroy(){this.componentTree.destroy(),this.stateInspector.destroy(),this.eventTracker.destroy(),this.timeTravel.destroy(),this.panel.destroy(),ne(),this._installed=!1,this.app=null}};function Dt(i){let e=null;return{install(t){if(e)return;e=new fe(i),t.globalProperties&&(t.globalProperties.__LYT_DEVTOOLS__=e);let n=t;(n._instance!==void 0||n.mount)&&e.install(n)}}}export{me as BatchAnalyzer,F as ComponentProfiler,B as ComponentTreeInspector,fe as DevTools,D as DevToolsPanel,ie as EventPanel,N as EventTracker,pe as MemoryTracker,se as PerfPanel,A as PerformanceCollector,ue as RenderTracker,oe as RoutePanel,ae as RouterPanel,z as StateInspector,$ as TimeTravelDebugger,le as VirtualComponentTree,te as clearRecords,J as connectToApp,Dt as createDevTools,ne as disconnect,k as getAllComponents,Y as getChildComponents,I as getComponentById,Ne as getComponentCount,Be as getComponentEvents,X as getComponentStateChanges,K as getEventRecords,W as getRootComponent,Q as getSelectedComponent,P as getSelectedComponentId,Ie as getStateChangeRecords,ze as isAppConnected,ee as refreshComponentTree,G as selectComponent,Z as setComponentState};
+    `;
+    return html;
+  }
+  /**
+   * 渲染信号列表
+   */
+  renderSignalsList(nodes) {
+    if (nodes.length === 0) {
+      return '<div style="color: #666; text-align: center; padding: 40px;">\u6682\u65E0\u4FE1\u53F7\u6570\u636E<br>\u4F7F\u7528 registerSignal() \u6CE8\u518C\u4FE1\u53F7</div>';
+    }
+    let html = '<div style="max-height: 400px; overflow-y: auto;">';
+    nodes.forEach((node) => {
+      const typeIcon = node.type === "signal" ? "\u{1F4CC}" : node.type === "computed" ? "\u{1F9EE}" : "\u26A1";
+      const typeColor = node.type === "signal" ? "#4fc08d" : node.type === "computed" ? "#1890ff" : "#faad14";
+      html += `
+        <div style="
+          background: #252526;
+          border-radius: 4px;
+          padding: 10px;
+          margin-bottom: 8px;
+          border-left: 3px solid ${typeColor};
+        ">
+          <div style="display: flex; justify-content: space-between; align-items: center;">
+            <span style="font-weight: bold;">${typeIcon} ${node.name}</span>
+            <span style="color: #888; font-size: 10px;">${node.type}</span>
+          </div>
+          <div style="color: #888; font-size: 11px; margin-top: 5px;">
+            \u66F4\u65B0\u6B21\u6570: ${node.updateCount} | 
+            \u6700\u540E\u66F4\u65B0: ${node.lastUpdateTime ? new Date(node.lastUpdateTime).toLocaleTimeString() : "N/A"}
+          </div>
+          ${node.averageUpdateTime > 0 ? `<div style="color: #888; font-size: 11px;">\u5E73\u5747\u8017\u65F6: ${node.averageUpdateTime.toFixed(2)}ms</div>` : ""}
+          <div style="color: #888; font-size: 10px; margin-top: 5px;">
+            \u4F9D\u8D56: ${node.dependencies.length > 0 ? node.dependencies.join(", ") : "\u65E0"} |
+            \u88AB\u4F9D\u8D56: ${node.dependents.length > 0 ? node.dependents.join(", ") : "\u65E0"}
+          </div>
+        </div>
+      `;
+    });
+    html += "</div>";
+    return html;
+  }
+  /**
+   * 渲染 Performance 标签页
+   */
+  renderPerformanceTab() {
+    const stats = getPerformanceStats();
+    const records = getPerformanceRecords(50);
+    let html = `
+      <div style="margin-bottom: 15px;">
+        <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;">
+          <strong>\u26A1 Performance</strong>
+          <button id="lytjs-devtools-clear-performance" style="
+            background: #ff4d4f;
+            border: none;
+            color: white;
+            padding: 5px 10px;
+            border-radius: 4px;
+            cursor: pointer;
+            font-size: 11px;
+          ">\u6E05\u7A7A\u8BB0\u5F55</button>
+        </div>
+        
+        <div style="background: #252526; border-radius: 4px; padding: 15px; margin-bottom: 15px;">
+          <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 10px;">
+            <div style="text-align: center;">
+              <div style="color: #888; font-size: 11px;">\u603B\u8BB0\u5F55\u6570</div>
+              <div style="font-size: 24px; font-weight: bold; color: #4fc08d;">${stats.totalRecords}</div>
+            </div>
+            <div style="text-align: center;">
+              <div style="color: #888; font-size: 11px;">\u5E73\u5747\u8017\u65F6</div>
+              <div style="font-size: 24px; font-weight: bold; color: #1890ff;">${stats.averageDuration.toFixed(2)}ms</div>
+            </div>
+            <div style="text-align: center;">
+              <div style="color: #888; font-size: 11px;">\u6700\u5927\u8017\u65F6</div>
+              <div style="font-size: 24px; font-weight: bold; color: #ff4d4f;">${stats.maxDuration.toFixed(2)}ms</div>
+            </div>
+            <div style="text-align: center;">
+              <div style="color: #888; font-size: 11px;">\u6700\u5C0F\u8017\u65F6</div>
+              <div style="font-size: 24px; font-weight: bold; color: #52c41a;">${stats.minDuration.toFixed(2)}ms</div>
+            </div>
+          </div>
+        </div>
+    `;
+    if (Object.keys(stats.byType).length > 0) {
+      html += `
+        <div style="margin-bottom: 15px;">
+          <strong style="display: block; margin-bottom: 10px;">\u6309\u7C7B\u578B\u7EDF\u8BA1</strong>
+          <div style="background: #252526; border-radius: 4px; padding: 10px;">
+      `;
+      Object.entries(stats.byType).forEach(([type, data]) => {
+        const typeColor = type === "signal" ? "#4fc08d" : type === "computed" ? "#1890ff" : "#faad14";
+        html += `
+          <div style="display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid #333;">
+            <span style="color: ${typeColor};">${type}</span>
+            <span>${data.count} \u6B21 | \u5E73\u5747 ${data.average.toFixed(2)}ms | \u6700\u5927 ${data.max.toFixed(2)}ms</span>
+          </div>
+        `;
+      });
+      html += "</div></div>";
+    }
+    if (records.length > 0) {
+      html += `
+        <div>
+          <strong style="display: block; margin-bottom: 10px;">\u6700\u8FD1\u8BB0\u5F55 (50\u6761)</strong>
+          <div style="background: #252526; border-radius: 4px; padding: 10px; max-height: 300px; overflow-y: auto;">
+      `;
+      records.slice().reverse().forEach((record) => {
+        const durationColor = record.duration > 16 ? "#ff4d4f" : record.duration > 8 ? "#faad14" : "#4fc08d";
+        html += `
+          <div style="display: flex; justify-content: space-between; padding: 6px 0; border-bottom: 1px solid #333; font-size: 11px;">
+            <span>${record.name}</span>
+            <span style="color: ${durationColor};">${record.duration.toFixed(2)}ms</span>
+            <span style="color: #888;">${new Date(record.timestamp).toLocaleTimeString()}</span>
+          </div>
+        `;
+      });
+      html += "</div></div>";
+    } else {
+      html += '<div style="color: #666; text-align: center; padding: 40px;">\u6682\u65E0\u6027\u80FD\u6570\u636E</div>';
+    }
+    html += "</div>";
+    return html;
+  }
+  /**
+   * 渲染 Router 标签页
+   */
+  renderRouterTab() {
+    if (!isRouterRegistered()) {
+      return '<div style="color: #666; text-align: center; padding: 40px;">Router not registered.<br>Use registerRouter() to register your router.</div>';
+    }
+    const route = getCurrentRoute();
+    const routes = getRoutes();
+    let html = '<div style="margin-bottom: 15px;">';
+    html += "<strong>Current Route:</strong>";
+    html += "</div>";
+    html += `<pre style="margin: 0 0 15px 0; white-space: pre-wrap; word-break: break-all; background: #252526; padding: 10px; border-radius: 4px;">${serializeRouteInfo(route)}</pre>`;
+    if (routes.length > 0) {
+      html += '<div style="margin-bottom: 10px;">';
+      html += "<strong>All Routes:</strong>";
+      html += "</div>";
+      html += '<ul style="margin: 0; padding-left: 20px;">';
+      for (const r of routes) {
+        html += `<li>${r.path}${r.name ? ` (${r.name})` : ""}</li>`;
+      }
+      html += "</ul>";
+    }
+    return html;
+  }
+  /**
+   * 打开面板
+   */
+  open() {
+    if (!this.options.enabled) return;
+    const panel = document.getElementById("lytjs-devtools");
+    if (panel) {
+      panel.style[this.options.position] = "0";
+      this.isOpen = true;
+      this.refresh();
+    }
+  }
+  /**
+   * 关闭面板
+   */
+  close() {
+    if (typeof document === "undefined") return;
+    const panel = document.getElementById("lytjs-devtools");
+    if (panel) {
+      panel.style[this.options.position] = `-${this.options.size}px`;
+      this.isOpen = false;
+    }
+  }
+  /**
+   * 切换面板
+   */
+  toggle() {
+    if (this.isOpen) {
+      this.close();
+    } else {
+      this.open();
+    }
+  }
+  /**
+   * 刷新内容
+   */
+  refresh() {
+    const activeTab = document.querySelector(".lytjs-devtools-tab.active");
+    if (activeTab) {
+      this.renderTab(activeTab.dataset.tab || "components");
+    }
+  }
+};
+function installDevTools(options2) {
+  if (!devtoolsInstance) {
+    devtoolsInstance = new DevTools(options2);
+  }
+  return devtoolsInstance;
+}
+function getDevTools() {
+  return devtoolsInstance;
+}
+function uninstallDevTools() {
+  if (devtoolsInstance) {
+    devtoolsInstance.close();
+    devtoolsInstance = null;
+  }
+  if (typeof document !== "undefined") {
+    const panel = document.getElementById("lytjs-devtools");
+    if (panel) {
+      panel.remove();
+    }
+  }
+}
+
+export { LARGE_SCALE_SCENARIOS, acknowledgeAlert, acknowledgeAllAlerts, addObserver, clearAlerts, clearBenchmarkResults, clearMetrics, clearPerformanceRecords, clearRouteHistory, clearSignalRegistry, clearSnapshots, clearStoreRegistry, compareBenchmarkResults, createLargeScaleBenchmark, createRegressionDetector, createSnapshot, installDevTools as default, dispatchStoreAction, getAlertRules, getAlerts, getBenchmarkResults, getComponentTree, getCurrentRoute, getDependencyGraph, getDevTools, getLatestBenchmarkResult, getMemoryUsage, getMetrics, getPerformanceRecords, getPerformanceReport, getPerformanceStats, getRegisteredStoreIds, getRouteHistory, getRoutes, getSignalNode, getSignalNodes, getSnapshots, getStats, getStoreState, getStoreStates, getTimeTravelState, goBack, initPerformanceMonitor, installDevTools, isRouterRegistered, navigateTo, navigateToName, onStoreChange, recordDependency, recordMetric, recordSignalUpdate, registerAlertRule, registerRootComponent, registerRouter, registerSignal, registerStore, removeObserver, resetPerformanceMonitor, restoreSnapshot, runAsyncBenchmark, runBenchmark, serializeAllBenchmarkResults, serializeBenchmarkResult, serializeComponentTree, serializeDependencyGraph, serializeMemoryUsage, serializePerformanceReport, serializePerformanceStats, serializeRouteInfo, serializeSignalNode, serializeStoreStates, setAlertRuleEnabled, setStoreState, startTimer, subscribeStore, uninstallDevTools, unregisterAlertRule, unregisterRootComponent, unregisterRouter, unregisterSignal, unregisterStore, unsubscribeStore, unwatchRouteChanges, watchRouteChanges };
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map