vite-devtools-svelte 0.1.2 → 0.2.1

package/dist/index.mjs

@@ -6,24 +6,27 @@ import { fileURLToPath as i } from "node:url";
 import { execFile as a } from "node:child_process";
 import o from "fs";
 import s from "path";
+import { McpServer as c } from "@modelcontextprotocol/sdk/server/mcp.js";
+import { StreamableHTTPServerTransport as l } from "@modelcontextprotocol/sdk/server/streamableHttp.js";
+import { z as u } from "zod";
 //#region src/analyzers/routes.ts
-function c(e) {
+function d(e) {
 	if (!o.existsSync(e)) return [];
 	let t = [];
-	return l(e, e, t), t.sort((e, t) => e.path.localeCompare(t.path));
+	return f(e, e, t), t.sort((e, t) => e.path.localeCompare(t.path));
 }
-function l(e, t, n) {
+function f(e, t, n) {
 	let r = o.readdirSync(e, { withFileTypes: !0 }), i = [], a = !1;
 	for (let o of r) {
 		if (o.isDirectory()) {
-			l(s.join(e, o.name), t, n);
+			f(s.join(e, o.name), t, n);
 			continue;
 		}
-		let r = u(o.name, s.join(e, o.name));
+		let r = p(o.name, s.join(e, o.name));
 		r && (i.push(r), a = !0);
 	}
 	if (a) {
-		let r = s.relative(t, e), a = d(r), o = f(r);
+		let r = s.relative(t, e), a = m(r), o = h(r);
 		n.push({
 			id: r || "/",
 			path: a,
@@ -41,7 +44,7 @@ function l(e, t, n) {
 		});
 	}
 }
-function u(e, t) {
+function p(e, t) {
 	let n = {
 		"+page.svelte": "page",
 		"+layout.svelte": "layout",
@@ -62,7 +65,7 @@ function u(e, t) {
 		path: t
 	} : null;
 }
-function d(e) {
+function m(e) {
 	return e ? "/" + e.split(s.sep).map((e) => {
 		if (e.startsWith("(") && e.endsWith(")")) return null;
 		if (e.startsWith("[") && e.endsWith("]")) {
@@ -72,7 +75,7 @@ function d(e) {
 		return e;
 	}).filter(Boolean).join("/") : "/";
 }
-function f(e) {
+function h(e) {
 	if (!e) return [];
 	let t = [], n = e.split(s.sep);
 	for (let e of n) {
@@ -102,7 +105,7 @@ function f(e) {
 }
 //#endregion
 //#region src/analyzers/assets.ts
-var p = {
+var g = {
 	".png": "image/png",
 	".jpg": "image/jpeg",
 	".jpeg": "image/jpeg",
@@ -129,17 +132,17 @@ var p = {
 	".js": "text/javascript",
 	".html": "text/html"
 };
-function m(e) {
+function _(e) {
 	if (!o.existsSync(e)) return [];
 	let t = [];
-	return h(e, e, t), t.sort((e, t) => e.relativePath.localeCompare(t.relativePath));
+	return v(e, e, t), t.sort((e, t) => e.relativePath.localeCompare(t.relativePath));
 }
-function h(e, t, n) {
+function v(e, t, n) {
 	let r = o.readdirSync(e, { withFileTypes: !0 });
 	for (let i of r) {
 		let r = s.join(e, i.name);
 		if (i.isDirectory()) {
-			h(r, t, n);
+			v(r, t, n);
 			continue;
 		}
 		if (i.name.startsWith(".")) continue;
@@ -149,59 +152,59 @@ function h(e, t, n) {
 			path: r,
 			relativePath: s.relative(t, r),
 			size: a.size,
-			type: p[c] || "application/octet-stream",
+			type: g[c] || "application/octet-stream",
 			mtime: a.mtimeMs
 		});
 	}
 }
 //#endregion
 //#region src/analyzers/project.ts
-var g = 5e3, _ = null, v = null, y = 0;
-function b(e) {
+var y = 5e3, b = null, x = null, S = 0;
+function C(e) {
 	let t = Date.now();
-	if (_ && v === e && t - y < g) return _;
-	let n = x(e);
-	return _ = n, v = e, y = t, n;
+	if (b && x === e && t - S < y) return b;
+	let n = w(e);
+	return b = n, x = e, S = t, n;
 }
-function x(e) {
+function w(e) {
 	let t = s.join(e, "package.json"), n = o.existsSync(t) ? JSON.parse(o.readFileSync(t, "utf-8")) : {}, r = n.dependencies || {}, i = n.devDependencies || {};
 	return {
 		name: n.name || s.basename(e),
 		version: n.version || "0.0.0",
-		svelteVersion: S(e, "svelte") || r.svelte || i.svelte || "unknown",
-		sveltekitVersion: S(e, "@sveltejs/kit") || r["@sveltejs/kit"] || i["@sveltejs/kit"] || "unknown",
-		viteVersion: S(e, "vite") || r.vite || i.vite || "unknown",
+		svelteVersion: T(e, "svelte") || r.svelte || i.svelte || "unknown",
+		sveltekitVersion: T(e, "@sveltejs/kit") || r["@sveltejs/kit"] || i["@sveltejs/kit"] || "unknown",
+		viteVersion: T(e, "vite") || r.vite || i.vite || "unknown",
 		dependencies: r,
 		devDependencies: i,
-		routesDir: C(e),
-		staticDir: w(e)
+		routesDir: E(e),
+		staticDir: D(e)
 	};
 }
-function S(e, t) {
+function T(e, t) {
 	try {
 		let n = s.join(e, "node_modules", t, "package.json");
 		if (o.existsSync(n)) return JSON.parse(o.readFileSync(n, "utf-8")).version;
 	} catch {}
 	return null;
 }
-function C(e) {
+function E(e) {
 	let t = [s.join(e, "src", "routes"), s.join(e, "src", "pages")];
 	for (let e of t) if (o.existsSync(e)) return e;
 	return s.join(e, "src", "routes");
 }
-function w(e) {
+function D(e) {
 	let t = [s.join(e, "static"), s.join(e, "public")];
 	for (let e of t) if (o.existsSync(e)) return e;
 	return s.join(e, "static");
 }
 //#endregion
 //#region src/analyzers/components.ts
-function T(e) {
+function O(e) {
 	let t = s.join(e, "src");
 	if (!o.existsSync(t)) return [];
 	let n = [];
-	return E(t, n), n.map((t) => {
-		let n = D(o.readFileSync(t, "utf-8"), t), r = A(t);
+	return k(t, n), n.map((t) => {
+		let n = A(o.readFileSync(t, "utf-8"), t), r = N(t);
 		return {
 			file: s.relative(e, t),
 			name: r,
@@ -209,27 +212,27 @@ function T(e) {
 		};
 	});
 }
-function E(e, t) {
+function k(e, t) {
 	let n = o.readdirSync(e, { withFileTypes: !0 });
 	for (let r of n) {
 		let n = s.join(e, r.name);
 		if (r.isDirectory()) {
 			if (r.name === "node_modules" || r.name === ".svelte-kit") continue;
-			E(n, t);
+			k(n, t);
 		} else r.name.endsWith(".svelte") && t.push(n);
 	}
 }
-function D(e, t) {
+function A(e, t) {
 	let n = [], r = s.dirname(t), i = /import\s+[\w{}\s,*]+\s+from\s+['"]([^'"]+\.svelte)['"]/g, a;
 	for (; (a = i.exec(e)) !== null;) {
-		let e = a[1], i = O(e, r, t);
+		let e = a[1], i = j(e, r, t);
 		i && n.push(i);
 	}
 	return n;
 }
-function O(e, t, n) {
+function j(e, t, n) {
 	if (e.startsWith("$lib/")) {
-		let t = k(n);
+		let t = M(n);
 		if (t) {
 			let n = s.join(t, "src", "lib", e.slice(5));
 			if (o.existsSync(n)) return n;
@@ -242,7 +245,7 @@ function O(e, t, n) {
 	}
 	return null;
 }
-function k(e) {
+function M(e) {
 	let t = s.dirname(e);
 	for (; t !== s.dirname(t);) {
 		if (o.existsSync(s.join(t, "package.json"))) return t;
@@ -250,13 +253,547 @@ function k(e) {
 	}
 	return null;
 }
-function A(e) {
+function N(e) {
 	return s.basename(e, ".svelte");
 }
 //#endregion
 //#region src/runtime.ts
-var j = "virtual:svelte-devtools-runtime", M = "\0" + j, N = "\0svelte-devtools:wrapped-client", P = "\nimport * as __svelte_original from 'svelte/internal/client';\nexport * from 'svelte/internal/client';\n\nfunction __dt() {\n  return typeof window !== 'undefined' ? window.__SVELTE_DEVTOOLS__ : null;\n}\n\n// Component ID stack (parallel to runtime._stack but local to wrapper)\nconst __idStack = [];\nfunction __currentId() {\n  return __idStack.length > 0 ? __idStack[__idStack.length - 1] : null;\n}\n\n// Tracks the most recently created signal for type determination in tag()\nconst __pendingSignal = { ref: null, type: null };\n\n// --- Component Lifecycle ---\n//\n// Observer must not break the observed: every devtools side-effect below is\n// wrapped in try/catch so a bug or an out-of-shape runtime cannot tear down\n// the user's app. The original Svelte function is always called, and its\n// return value always returned, regardless of devtools failures.\n\nexport function push() {\n  const result = __svelte_original.push.apply(null, arguments);\n  try {\n    const dt = __dt();\n    if (dt) {\n      const file = dt._pendingFile || 'Unknown';\n      dt._pendingFile = null;\n      const id = dt.register(file);\n      __idStack.push(id);\n      dt.startInit(id);\n      try {\n        __svelte_original.user_effect(() => {\n          return () => { try { dt.unmount(id); } catch {} };\n        });\n      } catch {}\n    }\n  } catch {}\n  return result;\n}\n\nexport function pop() {\n  // Capture devtools errors but ALWAYS forward to the original pop so the\n  // Svelte component stack stays balanced.\n  try {\n    const dt = __dt();\n    if (dt && __idStack.length > 0) {\n      const id = __idStack.pop();\n      try { dt.endInit(id); } catch {}\n      try { dt.registered(id); } catch {}\n    }\n  } catch {}\n  return __svelte_original.pop.apply(null, arguments);\n}\n\n// --- Signal Creation (type markers) ---\n\nexport function state() {\n  const signal = __svelte_original.state.apply(null, arguments);\n  try {\n    __pendingSignal.ref = signal;\n    __pendingSignal.type = 'state';\n  } catch {}\n  return signal;\n}\n\nexport function derived() {\n  const signal = __svelte_original.derived.apply(null, arguments);\n  try {\n    __pendingSignal.ref = signal;\n    __pendingSignal.type = 'derived';\n  } catch {}\n  return signal;\n}\n\nexport function proxy() {\n  const p = __svelte_original.proxy.apply(null, arguments);\n  try {\n    __pendingSignal.ref = p;\n    __pendingSignal.type = 'proxy';\n  } catch {}\n  return p;\n}\n\n// --- Signal Tagging (Svelte dev mode) ---\n\nexport function tag(signal, name) {\n  const result = __svelte_original.tag.apply(null, arguments);\n  try {\n    const dt = __dt();\n    const cid = __currentId();\n    if (dt && cid !== null) {\n      const type = (__pendingSignal.ref === signal) ? __pendingSignal.type : 'state';\n      if (type === 'derived') {\n        dt.trackDerived(signal, name, cid);\n      } else {\n        dt.trackState(signal, name, cid);\n      }\n    }\n    __pendingSignal.ref = null;\n    __pendingSignal.type = null;\n  } catch {}\n  return result;\n}\n\nexport function tag_proxy(proxy, name) {\n  const result = __svelte_original.tag_proxy.apply(null, arguments);\n  try {\n    const dt = __dt();\n    const cid = __currentId();\n    if (dt && cid !== null) {\n      dt.trackProxy(proxy, name, cid);\n    }\n    __pendingSignal.ref = null;\n    __pendingSignal.type = null;\n  } catch {}\n  return result;\n}\n\n// --- Effect Tracking ---\n\nexport function user_effect() {\n  const result = __svelte_original.user_effect.apply(null, arguments);\n  try {\n    const dt = __dt();\n    const cid = __currentId();\n    if (dt && cid !== null) {\n      dt._effectCounter = (dt._effectCounter || 0) + 1;\n      // Track the effect OBJECT (not the callback). The Svelte runtime\n      // populates result.deps with the signals this effect depends on,\n      // which is what getReactiveGraph() reads to build edges.\n      dt.trackEffect(result, 'effect_' + dt._effectCounter, cid);\n    }\n  } catch {}\n  return result;\n}\n\nexport function user_pre_effect() {\n  const result = __svelte_original.user_pre_effect.apply(null, arguments);\n  try {\n    const dt = __dt();\n    const cid = __currentId();\n    if (dt && cid !== null) {\n      dt._effectCounter = (dt._effectCounter || 0) + 1;\n      dt.trackEffect(result, 'effect_pre_' + dt._effectCounter, cid);\n    }\n  } catch {}\n  return result;\n}\n", F = "\nif (typeof window !== 'undefined' && !window.__SVELTE_DEVTOOLS__) {\n  const __SVELTE_DT = {\n    _nextId: 0,\n    _instances: new Map(),\n    _stack: [],\n    _pendingFile: null,\n    _effectCounter: 0,\n    _debounceTimer: null,\n    _listeners: new Set(),\n\n    // Phase 2: Profiling data\n    _profiles: new Map(),\n    _initStartTimes: new Map(),\n    _profileDebounceTimer: null,\n\n    // Phase 2: Reactive graph data\n    _reactiveNodes: new Map(),\n    _reactiveProxies: new Map(),\n\n    // Phase 3: State timeline\n    _stateTimeline: [],\n    _stateSnapshots: new Map(),\n    _timelineDebounceTimer: null,\n\n    register(file) {\n      const id = this._nextId++;\n      const parentId = this._stack.length > 0 ? this._stack[this._stack.length - 1] : null;\n      const name = file.split('/').pop()?.replace('.svelte', '') || 'Unknown';\n      this._instances.set(id, { id, file, name, parentId, mounted: true, children: [] });\n      if (parentId !== null) {\n        const parent = this._instances.get(parentId);\n        if (parent) parent.children.push(id);\n      }\n      this._stack.push(id);\n      this._scheduleUpdate();\n      return id;\n    },\n\n    registered(id) {\n      const idx = this._stack.indexOf(id);\n      if (idx !== -1) this._stack.splice(idx, 1);\n    },\n\n    mount(id) {\n      const instance = this._instances.get(id);\n      if (instance && !instance.mounted) {\n        instance.mounted = true;\n        this._scheduleUpdate();\n      }\n    },\n\n    unmount(id) {\n      const instance = this._instances.get(id);\n      if (instance) {\n        if (instance.parentId !== null) {\n          const parent = this._instances.get(instance.parentId);\n          if (parent) {\n            parent.children = parent.children.filter(cid => cid !== id);\n          }\n        }\n        this._removeChildren(id);\n        this._cleanupReactiveNodes(id);\n        this._instances.delete(id);\n      }\n      this._scheduleUpdate();\n    },\n\n    _cleanupReactiveNodes(componentId) {\n      for (const [nodeId, entry] of this._reactiveNodes) {\n        if (entry.meta.componentId === componentId) {\n          this._reactiveNodes.delete(nodeId);\n        }\n      }\n    },\n\n    _removeChildren(parentId) {\n      const parent = this._instances.get(parentId);\n      if (!parent) return;\n      for (const childId of [...parent.children]) {\n        this._removeChildren(childId);\n        this._cleanupReactiveNodes(childId);\n        this._instances.delete(childId);\n      }\n    },\n\n    _scheduleUpdate() {\n      if (this._debounceTimer) clearTimeout(this._debounceTimer);\n      this._debounceTimer = setTimeout(() => {\n        this._sendUpdate();\n      }, 100);\n    },\n\n    _sendUpdate() {\n      const components = [];\n      for (const [, instance] of this._instances) {\n        if (instance.mounted) {\n          components.push({\n            id: instance.id,\n            file: instance.file,\n            name: instance.name,\n            parentId: instance.parentId,\n            mounted: instance.mounted,\n          });\n        }\n      }\n      if (import.meta.hot) {\n        import.meta.hot.send('svelte-devtools:components', { components });\n      }\n    },\n\n    getTree() {\n      const components = [];\n      for (const [, instance] of this._instances) {\n        if (instance.mounted) {\n          components.push({\n            id: instance.id,\n            file: instance.file,\n            name: instance.name,\n            parentId: instance.parentId,\n            mounted: instance.mounted,\n          });\n        }\n      }\n      return components;\n    },\n\n    // --- Phase 2: Render Profiling ---\n\n    startInit(id) {\n      this._initStartTimes.set(id, performance.now());\n    },\n\n    endInit(id) {\n      const start = this._initStartTimes.get(id);\n      if (start === undefined) return;\n      const initTime = performance.now() - start;\n      this._initStartTimes.delete(id);\n      const instance = this._instances.get(id);\n      if (!instance) return;\n      this._profiles.set(id, {\n        componentId: id,\n        file: instance.file,\n        name: instance.name,\n        initTime,\n        renderCount: 0,\n        totalRenderTime: 0,\n        lastRenderTime: 0,\n        lastRenderAt: Date.now(),\n      });\n      this._scheduleProfileUpdate();\n    },\n\n    recordRender(id) {\n      const profile = this._profiles.get(id);\n      if (!profile) {\n        const instance = this._instances.get(id);\n        if (!instance) return;\n        this._profiles.set(id, {\n          componentId: id,\n          file: instance.file,\n          name: instance.name,\n          initTime: 0,\n          renderCount: 1,\n          totalRenderTime: 0,\n          lastRenderTime: 0,\n          lastRenderAt: Date.now(),\n        });\n      } else {\n        profile.renderCount++;\n        profile.lastRenderAt = Date.now();\n      }\n      this._scheduleProfileUpdate();\n    },\n\n    recordRenderTime(id, duration) {\n      const profile = this._profiles.get(id);\n      if (profile) {\n        profile.totalRenderTime += duration;\n        profile.lastRenderTime = duration;\n      }\n    },\n\n    _scheduleProfileUpdate() {\n      if (this._profileDebounceTimer) clearTimeout(this._profileDebounceTimer);\n      this._profileDebounceTimer = setTimeout(() => {\n        this._sendProfileUpdate();\n      }, 500);\n    },\n\n    _sendProfileUpdate() {\n      const profiles = Array.from(this._profiles.values());\n      if (import.meta.hot) {\n        import.meta.hot.send('svelte-devtools:profiles', { profiles });\n      }\n    },\n\n    getProfiles() {\n      return Array.from(this._profiles.values());\n    },\n\n    resetProfiles() {\n      this._profiles.clear();\n      this._scheduleProfileUpdate();\n    },\n\n    // --- Phase 2: Reactive Graph Tracking ---\n\n    trackState(signal, name, componentId) {\n      const instance = this._instances.get(componentId);\n      const nodeId = componentId + ':' + name;\n      this._reactiveNodes.set(nodeId, {\n        signal: new WeakRef(signal),\n        meta: { id: nodeId, type: 'state', name, componentId, componentFile: instance ? instance.file : '' }\n      });\n    },\n\n    trackProxy(proxy, name, componentId) {\n      const instance = this._instances.get(componentId);\n      const nodeId = componentId + ':' + name;\n      this._reactiveProxies.set(nodeId, new WeakRef(proxy));\n      this._reactiveNodes.set(nodeId, {\n        signal: new WeakRef({ v: '(proxy)', _isProxy: true }),\n        meta: { id: nodeId, type: 'state', name, componentId, componentFile: instance ? instance.file : '' }\n      });\n    },\n\n    trackDerived(signal, name, componentId) {\n      const instance = this._instances.get(componentId);\n      const nodeId = componentId + ':' + name;\n      this._reactiveNodes.set(nodeId, {\n        signal: new WeakRef(signal),\n        meta: { id: nodeId, type: 'derived', name, componentId, componentFile: instance ? instance.file : '' }\n      });\n    },\n\n    trackEffect(effect, name, componentId) {\n      const instance = this._instances.get(componentId);\n      const nodeId = componentId + ':' + name;\n      this._reactiveNodes.set(nodeId, {\n        signal: new WeakRef(effect || { v: undefined, _isEffect: true }),\n        meta: { id: nodeId, type: 'effect', name, componentId, componentFile: instance ? instance.file : '' }\n      });\n      return effect;\n    },\n\n    getReactiveGraph() {\n      const nodes = [];\n      const edges = [];\n      const signalToId = new Map();\n\n      for (const [nodeId, entry] of this._reactiveNodes) {\n        const signal = entry.signal.deref();\n        if (!signal || !this._instances.has(entry.meta.componentId)) {\n          this._reactiveNodes.delete(nodeId);\n          continue;\n        }\n        signalToId.set(signal, nodeId);\n        const node = { ...entry.meta };\n        if (signal._isProxy) {\n          const proxyRef = this._reactiveProxies.get(nodeId);\n          const proxy = proxyRef?.deref();\n          if (proxy) {\n            try {\n              node.value = Array.isArray(proxy) ? '[' + proxy.length + ']' : '{' + Object.keys(proxy).length + '}';\n            } catch { node.value = '(proxy)'; }\n          }\n        } else if (node.type !== 'effect' && signal.v !== undefined && typeof signal.v !== 'symbol') {\n          try {\n            const v = signal.v;\n            if (typeof v === 'number' || typeof v === 'string' || typeof v === 'boolean' || v === null) {\n              node.value = v;\n            } else {\n              node.value = '(object)';\n            }\n          } catch { /* ignore */ }\n        }\n        nodes.push(node);\n      }\n\n      // Map proxy internal signals to their proxy node ID\n      for (const [nodeId, ref] of this._reactiveProxies) {\n        const proxy = ref.deref();\n        if (!proxy) { this._reactiveProxies.delete(nodeId); continue; }\n        const meta = this._reactiveNodes.get(nodeId)?.meta;\n        if (!meta || !this._instances.has(meta.componentId)) { this._reactiveProxies.delete(nodeId); continue; }\n      }\n\n      // Build edges from deps\n      const edgeSet = new Set();\n      for (const [nodeId, entry] of this._reactiveNodes) {\n        const signal = entry.signal.deref();\n        if (!signal) continue;\n        if (!signal.deps) continue;\n\n        const visited = new Set();\n        const queue = [...signal.deps];\n        while (queue.length > 0) {\n          const dep = queue.shift();\n          if (!dep || visited.has(dep)) continue;\n          visited.add(dep);\n          const depId = signalToId.get(dep);\n          if (depId) {\n            const key = depId + '>' + nodeId;\n            if (depId !== nodeId && !edgeSet.has(key)) {\n              edgeSet.add(key);\n              edges.push({ from: depId, to: nodeId });\n            }\n          } else if (dep.deps) {\n            for (const d of dep.deps) queue.push(d);\n          }\n        }\n      }\n\n      return { nodes, edges };\n    },\n\n    sendReactiveGraph() {\n      const graph = this.getReactiveGraph();\n      if (import.meta.hot) {\n        import.meta.hot.send('svelte-devtools:reactive-graph', graph);\n      }\n    },\n\n    // --- Phase 3: State Timeline ---\n\n    _pollStateValues() {\n      for (const [nodeId, entry] of this._reactiveNodes) {\n        if (entry.meta.type !== 'state') continue;\n        if (!this._instances.has(entry.meta.componentId)) {\n          this._reactiveNodes.delete(nodeId);\n          continue;\n        }\n        const signal = entry.signal.deref();\n        if (!signal || signal.v === undefined) continue;\n        try {\n          const currentVal = signal.v;\n          const prev = this._stateSnapshots.get(nodeId);\n          if (prev !== undefined && currentVal === prev) continue;\n          const isPrimitive = currentVal === null || typeof currentVal !== 'object';\n          let newSnapshot;\n          if (isPrimitive) {\n            if (prev !== undefined && prev === currentVal) continue;\n            newSnapshot = currentVal;\n          } else {\n            const currStr = JSON.stringify(currentVal);\n            const prevStr = this._stateSnapshotStrs?.get(nodeId);\n            if (prevStr === currStr) continue;\n            newSnapshot = JSON.parse(currStr);\n            if (!this._stateSnapshotStrs) this._stateSnapshotStrs = new Map();\n            this._stateSnapshotStrs.set(nodeId, currStr);\n          }\n          if (this._stateTimeline.length >= 500) this._stateTimeline.splice(0, this._stateTimeline.length - 499);\n          this._stateTimeline.push({\n            id: nodeId,\n            name: entry.meta.name,\n            componentFile: entry.meta.componentFile,\n            oldValue: prev !== undefined ? prev : null,\n            newValue: newSnapshot,\n            timestamp: Date.now(),\n          });\n          this._stateSnapshots.set(nodeId, newSnapshot);\n          this._scheduleTimelineUpdate();\n        } catch { /* ignore non-serializable */ }\n      }\n    },\n\n    _scheduleTimelineUpdate() {\n      if (this._timelineDebounceTimer) clearTimeout(this._timelineDebounceTimer);\n      this._timelineDebounceTimer = setTimeout(() => {\n        if (import.meta.hot) {\n          import.meta.hot.send('svelte-devtools:state-timeline', { changes: this._stateTimeline });\n        }\n      }, 300);\n    },\n\n    getStateTimeline() {\n      return this._stateTimeline;\n    },\n\n    clearStateTimeline() {\n      this._stateTimeline = [];\n      this._scheduleTimelineUpdate();\n    },\n\n    // --- FPS Monitoring ---\n    // Uses requestAnimationFrame to measure frame rate with minimal overhead.\n    // Only stores timestamps - no allocations per frame beyond a single array push.\n    _fpsFrameTimes: [],\n\n    _fpsLoop() {\n      this._fpsFrameTimes.push(performance.now());\n      requestAnimationFrame(() => this._fpsLoop());\n    },\n\n    _sampleFps() {\n      const now = performance.now();\n      // Remove frame timestamps older than 1 second\n      const cutoff = now - 1000;\n      let i = 0;\n      while (i < this._fpsFrameTimes.length && this._fpsFrameTimes[i] < cutoff) i++;\n      if (i > 0) this._fpsFrameTimes.splice(0, i);\n      const fps = this._fpsFrameTimes.length;\n      if (import.meta.hot) {\n        import.meta.hot.send('svelte-devtools:fps', { timestamp: Date.now(), fps });\n      }\n    }\n  };\n\n  window.__SVELTE_DEVTOOLS__ = __SVELTE_DT;\n\n  // Poll state values for timeline\n  setInterval(() => { __SVELTE_DT._pollStateValues(); }, 200);\n\n  // FPS monitoring\n  requestAnimationFrame(() => __SVELTE_DT._fpsLoop());\n  setInterval(() => __SVELTE_DT._sampleFps(), 500);\n\n  // Phase 3: Capture runtime errors\n  window.addEventListener('error', (event) => {\n    if (import.meta.hot) {\n      import.meta.hot.send('svelte-devtools:runtime-error', {\n        message: event.message,\n        file: event.filename,\n        line: event.lineno,\n        column: event.colno,\n        stack: event.error?.stack || '',\n        timestamp: Date.now(),\n      });\n    }\n  });\n  window.addEventListener('unhandledrejection', (event) => {\n    if (import.meta.hot) {\n      const reason = event.reason;\n      import.meta.hot.send('svelte-devtools:runtime-error', {\n        message: reason?.message || String(reason),\n        stack: reason?.stack || '',\n        timestamp: Date.now(),\n      });\n    }\n  });\n\n  // Listen for reactive graph requests from server\n  if (import.meta.hot) {\n    import.meta.hot.on('svelte-devtools:request-reactive-graph', () => {\n      __SVELTE_DT.sendReactiveGraph();\n    });\n    import.meta.hot.on('svelte-devtools:request-state-timeline', () => {\n      import.meta.hot.send('svelte-devtools:state-timeline', { changes: __SVELTE_DT._stateTimeline });\n    });\n    import.meta.hot.on('svelte-devtools:clear-state-timeline', () => {\n      __SVELTE_DT.clearStateTimeline();\n    });\n  }\n}\n", I = e.dirname(i(import.meta.url));
-function L(e) {
+var P = "virtual:svelte-devtools-runtime", ee = "\0virtual:svelte-devtools-runtime", F = "\0svelte-devtools:wrapped-client", I = "\nimport * as __svelte_original from 'svelte/internal/client';\nexport * from 'svelte/internal/client';\n\nfunction __dt() {\n  return typeof window !== 'undefined' ? window.__SVELTE_DEVTOOLS__ : null;\n}\n\n// Component ID stack (parallel to runtime._stack but local to wrapper)\nconst __idStack = [];\nfunction __currentId() {\n  return __idStack.length > 0 ? __idStack[__idStack.length - 1] : null;\n}\n\n// Tracks the most recently created signal for type determination in tag()\nconst __pendingSignal = { ref: null, type: null };\n\n// --- Component Lifecycle ---\n//\n// Observer must not break the observed: every devtools side-effect below is\n// wrapped in try/catch so a bug or an out-of-shape runtime cannot tear down\n// the user's app. The original Svelte function is always called, and its\n// return value always returned, regardless of devtools failures.\n\nexport function push() {\n  const result = __svelte_original.push.apply(null, arguments);\n  try {\n    const dt = __dt();\n    if (dt) {\n      const file = dt._pendingFile || 'Unknown';\n      dt._pendingFile = null;\n      const id = dt.register(file);\n      __idStack.push(id);\n      dt.startInit(id);\n      try {\n        __svelte_original.user_effect(() => {\n          return () => { try { dt.unmount(id); } catch {} };\n        });\n      } catch {}\n    }\n  } catch {}\n  return result;\n}\n\nexport function pop() {\n  // Capture devtools errors but ALWAYS forward to the original pop so the\n  // Svelte component stack stays balanced.\n  try {\n    const dt = __dt();\n    if (dt && __idStack.length > 0) {\n      const id = __idStack.pop();\n      try { dt.endInit(id); } catch {}\n      try { dt.registered(id); } catch {}\n    }\n  } catch {}\n  return __svelte_original.pop.apply(null, arguments);\n}\n\n// --- Signal Creation (type markers) ---\n\nexport function state() {\n  const signal = __svelte_original.state.apply(null, arguments);\n  try {\n    __pendingSignal.ref = signal;\n    __pendingSignal.type = 'state';\n  } catch {}\n  return signal;\n}\n\nexport function derived() {\n  const signal = __svelte_original.derived.apply(null, arguments);\n  try {\n    __pendingSignal.ref = signal;\n    __pendingSignal.type = 'derived';\n  } catch {}\n  return signal;\n}\n\nexport function proxy() {\n  const p = __svelte_original.proxy.apply(null, arguments);\n  try {\n    __pendingSignal.ref = p;\n    __pendingSignal.type = 'proxy';\n  } catch {}\n  return p;\n}\n\n// --- Signal Tagging (Svelte dev mode) ---\n\nexport function tag(signal, name) {\n  const result = __svelte_original.tag.apply(null, arguments);\n  try {\n    const dt = __dt();\n    const cid = __currentId();\n    if (dt && cid !== null) {\n      const type = (__pendingSignal.ref === signal) ? __pendingSignal.type : 'state';\n      if (type === 'derived') {\n        dt.trackDerived(signal, name, cid);\n      } else {\n        dt.trackState(signal, name, cid);\n      }\n    }\n    __pendingSignal.ref = null;\n    __pendingSignal.type = null;\n  } catch {}\n  return result;\n}\n\nexport function tag_proxy(proxy, name) {\n  const result = __svelte_original.tag_proxy.apply(null, arguments);\n  try {\n    const dt = __dt();\n    const cid = __currentId();\n    if (dt && cid !== null) {\n      dt.trackProxy(proxy, name, cid);\n    }\n    __pendingSignal.ref = null;\n    __pendingSignal.type = null;\n  } catch {}\n  return result;\n}\n\n// --- Effect Tracking ---\n\nexport function user_effect() {\n  const result = __svelte_original.user_effect.apply(null, arguments);\n  try {\n    const dt = __dt();\n    const cid = __currentId();\n    if (dt && cid !== null) {\n      dt._effectCounter = (dt._effectCounter || 0) + 1;\n      // Track the effect OBJECT (not the callback). The Svelte runtime\n      // populates result.deps with the signals this effect depends on,\n      // which is what getReactiveGraph() reads to build edges.\n      dt.trackEffect(result, 'effect_' + dt._effectCounter, cid);\n    }\n  } catch {}\n  return result;\n}\n\nexport function user_pre_effect() {\n  const result = __svelte_original.user_pre_effect.apply(null, arguments);\n  try {\n    const dt = __dt();\n    const cid = __currentId();\n    if (dt && cid !== null) {\n      dt._effectCounter = (dt._effectCounter || 0) + 1;\n      dt.trackEffect(result, 'effect_pre_' + dt._effectCounter, cid);\n    }\n  } catch {}\n  return result;\n}\n", L = "\nif (typeof window !== 'undefined' && !window.__SVELTE_DEVTOOLS__) {\n  const __SVELTE_DT = {\n    _nextId: 0,\n    _instances: new Map(),\n    _stack: [],\n    _pendingFile: null,\n    _effectCounter: 0,\n    _debounceTimer: null,\n    _listeners: new Set(),\n\n    // Phase 2: Profiling data\n    _profiles: new Map(),\n    _initStartTimes: new Map(),\n    _profileDebounceTimer: null,\n\n    // Phase 2: Reactive graph data\n    _reactiveNodes: new Map(),\n    _reactiveProxies: new Map(),\n\n    // Phase 3: State timeline\n    _stateTimeline: [],\n    _stateSnapshots: new Map(),\n    _timelineDebounceTimer: null,\n\n    register(file) {\n      const id = this._nextId++;\n      const parentId = this._stack.length > 0 ? this._stack[this._stack.length - 1] : null;\n      const name = file.split('/').pop()?.replace('.svelte', '') || 'Unknown';\n      this._instances.set(id, { id, file, name, parentId, mounted: true, children: [] });\n      if (parentId !== null) {\n        const parent = this._instances.get(parentId);\n        if (parent) parent.children.push(id);\n      }\n      this._stack.push(id);\n      this._scheduleUpdate();\n      return id;\n    },\n\n    registered(id) {\n      const idx = this._stack.indexOf(id);\n      if (idx !== -1) this._stack.splice(idx, 1);\n    },\n\n    mount(id) {\n      const instance = this._instances.get(id);\n      if (instance && !instance.mounted) {\n        instance.mounted = true;\n        this._scheduleUpdate();\n      }\n    },\n\n    unmount(id) {\n      const instance = this._instances.get(id);\n      if (instance) {\n        if (instance.parentId !== null) {\n          const parent = this._instances.get(instance.parentId);\n          if (parent) {\n            parent.children = parent.children.filter(cid => cid !== id);\n          }\n        }\n        this._removeChildren(id);\n        this._cleanupReactiveNodes(id);\n        this._instances.delete(id);\n      }\n      this._scheduleUpdate();\n    },\n\n    _cleanupReactiveNodes(componentId) {\n      for (const [nodeId, entry] of this._reactiveNodes) {\n        if (entry.meta.componentId === componentId) {\n          this._reactiveNodes.delete(nodeId);\n        }\n      }\n    },\n\n    _removeChildren(parentId) {\n      const parent = this._instances.get(parentId);\n      if (!parent) return;\n      for (const childId of [...parent.children]) {\n        this._removeChildren(childId);\n        this._cleanupReactiveNodes(childId);\n        this._instances.delete(childId);\n      }\n    },\n\n    _scheduleUpdate() {\n      if (this._debounceTimer) clearTimeout(this._debounceTimer);\n      this._debounceTimer = setTimeout(() => {\n        this._sendUpdate();\n      }, 100);\n    },\n\n    _sendUpdate() {\n      const components = [];\n      for (const [, instance] of this._instances) {\n        if (instance.mounted) {\n          components.push({\n            id: instance.id,\n            file: instance.file,\n            name: instance.name,\n            parentId: instance.parentId,\n            mounted: instance.mounted,\n          });\n        }\n      }\n      if (import.meta.hot) {\n        import.meta.hot.send('svelte-devtools:components', { components });\n      }\n    },\n\n    getTree() {\n      const components = [];\n      for (const [, instance] of this._instances) {\n        if (instance.mounted) {\n          components.push({\n            id: instance.id,\n            file: instance.file,\n            name: instance.name,\n            parentId: instance.parentId,\n            mounted: instance.mounted,\n          });\n        }\n      }\n      return components;\n    },\n\n    // --- Phase 2: Render Profiling ---\n\n    startInit(id) {\n      this._initStartTimes.set(id, performance.now());\n    },\n\n    endInit(id) {\n      const start = this._initStartTimes.get(id);\n      if (start === undefined) return;\n      const initTime = performance.now() - start;\n      this._initStartTimes.delete(id);\n      const instance = this._instances.get(id);\n      if (!instance) return;\n      this._profiles.set(id, {\n        componentId: id,\n        file: instance.file,\n        name: instance.name,\n        initTime,\n        renderCount: 0,\n        totalRenderTime: 0,\n        lastRenderTime: 0,\n        lastRenderAt: Date.now(),\n      });\n      this._scheduleProfileUpdate();\n    },\n\n    recordRender(id) {\n      const profile = this._profiles.get(id);\n      if (!profile) {\n        const instance = this._instances.get(id);\n        if (!instance) return;\n        this._profiles.set(id, {\n          componentId: id,\n          file: instance.file,\n          name: instance.name,\n          initTime: 0,\n          renderCount: 1,\n          totalRenderTime: 0,\n          lastRenderTime: 0,\n          lastRenderAt: Date.now(),\n        });\n      } else {\n        profile.renderCount++;\n        profile.lastRenderAt = Date.now();\n      }\n      this._scheduleProfileUpdate();\n    },\n\n    recordRenderTime(id, duration) {\n      const profile = this._profiles.get(id);\n      if (profile) {\n        profile.totalRenderTime += duration;\n        profile.lastRenderTime = duration;\n      }\n    },\n\n    _scheduleProfileUpdate() {\n      if (this._profileDebounceTimer) clearTimeout(this._profileDebounceTimer);\n      this._profileDebounceTimer = setTimeout(() => {\n        this._sendProfileUpdate();\n      }, 500);\n    },\n\n    _sendProfileUpdate() {\n      const profiles = Array.from(this._profiles.values());\n      if (import.meta.hot) {\n        import.meta.hot.send('svelte-devtools:profiles', { profiles });\n      }\n    },\n\n    getProfiles() {\n      return Array.from(this._profiles.values());\n    },\n\n    resetProfiles() {\n      this._profiles.clear();\n      this._scheduleProfileUpdate();\n    },\n\n    // --- Phase 2: Reactive Graph Tracking ---\n\n    trackState(signal, name, componentId) {\n      const instance = this._instances.get(componentId);\n      const nodeId = componentId + ':' + name;\n      this._reactiveNodes.set(nodeId, {\n        signal: new WeakRef(signal),\n        meta: { id: nodeId, type: 'state', name, componentId, componentFile: instance ? instance.file : '' }\n      });\n    },\n\n    trackProxy(proxy, name, componentId) {\n      const instance = this._instances.get(componentId);\n      const nodeId = componentId + ':' + name;\n      this._reactiveProxies.set(nodeId, new WeakRef(proxy));\n      this._reactiveNodes.set(nodeId, {\n        signal: new WeakRef({ v: '(proxy)', _isProxy: true }),\n        meta: { id: nodeId, type: 'state', name, componentId, componentFile: instance ? instance.file : '' }\n      });\n    },\n\n    trackDerived(signal, name, componentId) {\n      const instance = this._instances.get(componentId);\n      const nodeId = componentId + ':' + name;\n      this._reactiveNodes.set(nodeId, {\n        signal: new WeakRef(signal),\n        meta: { id: nodeId, type: 'derived', name, componentId, componentFile: instance ? instance.file : '' }\n      });\n    },\n\n    trackEffect(effect, name, componentId) {\n      const instance = this._instances.get(componentId);\n      const nodeId = componentId + ':' + name;\n      this._reactiveNodes.set(nodeId, {\n        signal: new WeakRef(effect || { v: undefined, _isEffect: true }),\n        meta: { id: nodeId, type: 'effect', name, componentId, componentFile: instance ? instance.file : '' }\n      });\n      return effect;\n    },\n\n    getReactiveGraph() {\n      const nodes = [];\n      const edges = [];\n      const signalToId = new Map();\n\n      for (const [nodeId, entry] of this._reactiveNodes) {\n        const signal = entry.signal.deref();\n        if (!signal || !this._instances.has(entry.meta.componentId)) {\n          this._reactiveNodes.delete(nodeId);\n          continue;\n        }\n        signalToId.set(signal, nodeId);\n        const node = { ...entry.meta };\n        if (signal._isProxy) {\n          const proxyRef = this._reactiveProxies.get(nodeId);\n          const proxy = proxyRef?.deref();\n          if (proxy) {\n            try {\n              node.value = Array.isArray(proxy) ? '[' + proxy.length + ']' : '{' + Object.keys(proxy).length + '}';\n            } catch { node.value = '(proxy)'; }\n          }\n        } else if (node.type !== 'effect' && signal.v !== undefined && typeof signal.v !== 'symbol') {\n          try {\n            const v = signal.v;\n            if (typeof v === 'number' || typeof v === 'string' || typeof v === 'boolean' || v === null) {\n              node.value = v;\n            } else {\n              node.value = '(object)';\n            }\n          } catch { /* ignore */ }\n        }\n        nodes.push(node);\n      }\n\n      // Map proxy internal signals to their proxy node ID\n      for (const [nodeId, ref] of this._reactiveProxies) {\n        const proxy = ref.deref();\n        if (!proxy) { this._reactiveProxies.delete(nodeId); continue; }\n        const meta = this._reactiveNodes.get(nodeId)?.meta;\n        if (!meta || !this._instances.has(meta.componentId)) { this._reactiveProxies.delete(nodeId); continue; }\n      }\n\n      // Build edges from deps\n      const edgeSet = new Set();\n      for (const [nodeId, entry] of this._reactiveNodes) {\n        const signal = entry.signal.deref();\n        if (!signal) continue;\n        if (!signal.deps) continue;\n\n        const visited = new Set();\n        const queue = [...signal.deps];\n        while (queue.length > 0) {\n          const dep = queue.shift();\n          if (!dep || visited.has(dep)) continue;\n          visited.add(dep);\n          const depId = signalToId.get(dep);\n          if (depId) {\n            const key = depId + '>' + nodeId;\n            if (depId !== nodeId && !edgeSet.has(key)) {\n              edgeSet.add(key);\n              edges.push({ from: depId, to: nodeId });\n            }\n          } else if (dep.deps) {\n            for (const d of dep.deps) queue.push(d);\n          }\n        }\n      }\n\n      return { nodes, edges };\n    },\n\n    sendReactiveGraph() {\n      const graph = this.getReactiveGraph();\n      if (import.meta.hot) {\n        import.meta.hot.send('svelte-devtools:reactive-graph', graph);\n      }\n    },\n\n    // --- Phase 3: State Timeline ---\n\n    _pollStateValues() {\n      for (const [nodeId, entry] of this._reactiveNodes) {\n        if (entry.meta.type !== 'state') continue;\n        if (!this._instances.has(entry.meta.componentId)) {\n          this._reactiveNodes.delete(nodeId);\n          continue;\n        }\n        const signal = entry.signal.deref();\n        if (!signal || signal.v === undefined) continue;\n        try {\n          const currentVal = signal.v;\n          const prev = this._stateSnapshots.get(nodeId);\n          if (prev !== undefined && currentVal === prev) continue;\n          const isPrimitive = currentVal === null || typeof currentVal !== 'object';\n          let newSnapshot;\n          if (isPrimitive) {\n            if (prev !== undefined && prev === currentVal) continue;\n            newSnapshot = currentVal;\n          } else {\n            const currStr = JSON.stringify(currentVal);\n            const prevStr = this._stateSnapshotStrs?.get(nodeId);\n            if (prevStr === currStr) continue;\n            newSnapshot = JSON.parse(currStr);\n            if (!this._stateSnapshotStrs) this._stateSnapshotStrs = new Map();\n            this._stateSnapshotStrs.set(nodeId, currStr);\n          }\n          if (this._stateTimeline.length >= 500) this._stateTimeline.splice(0, this._stateTimeline.length - 499);\n          this._stateTimeline.push({\n            id: nodeId,\n            name: entry.meta.name,\n            componentFile: entry.meta.componentFile,\n            oldValue: prev !== undefined ? prev : null,\n            newValue: newSnapshot,\n            timestamp: Date.now(),\n          });\n          this._stateSnapshots.set(nodeId, newSnapshot);\n          this._scheduleTimelineUpdate();\n        } catch { /* ignore non-serializable */ }\n      }\n    },\n\n    _scheduleTimelineUpdate() {\n      if (this._timelineDebounceTimer) clearTimeout(this._timelineDebounceTimer);\n      this._timelineDebounceTimer = setTimeout(() => {\n        if (import.meta.hot) {\n          import.meta.hot.send('svelte-devtools:state-timeline', { changes: this._stateTimeline });\n        }\n      }, 300);\n    },\n\n    getStateTimeline() {\n      return this._stateTimeline;\n    },\n\n    clearStateTimeline() {\n      this._stateTimeline = [];\n      this._scheduleTimelineUpdate();\n    },\n\n    // --- FPS Monitoring ---\n    // Uses requestAnimationFrame to measure frame rate with minimal overhead.\n    // Only stores timestamps - no allocations per frame beyond a single array push.\n    _fpsFrameTimes: [],\n\n    _fpsLoop() {\n      this._fpsFrameTimes.push(performance.now());\n      requestAnimationFrame(() => this._fpsLoop());\n    },\n\n    _sampleFps() {\n      const now = performance.now();\n      // Remove frame timestamps older than 1 second\n      const cutoff = now - 1000;\n      let i = 0;\n      while (i < this._fpsFrameTimes.length && this._fpsFrameTimes[i] < cutoff) i++;\n      if (i > 0) this._fpsFrameTimes.splice(0, i);\n      const fps = this._fpsFrameTimes.length;\n      if (import.meta.hot) {\n        import.meta.hot.send('svelte-devtools:fps', { timestamp: Date.now(), fps });\n      }\n    }\n  };\n\n  window.__SVELTE_DEVTOOLS__ = __SVELTE_DT;\n\n  // Poll state values for timeline\n  setInterval(() => { __SVELTE_DT._pollStateValues(); }, 200);\n\n  // FPS monitoring\n  requestAnimationFrame(() => __SVELTE_DT._fpsLoop());\n  setInterval(() => __SVELTE_DT._sampleFps(), 500);\n\n  // Phase 3: Capture runtime errors\n  window.addEventListener('error', (event) => {\n    if (import.meta.hot) {\n      import.meta.hot.send('svelte-devtools:runtime-error', {\n        message: event.message,\n        file: event.filename,\n        line: event.lineno,\n        column: event.colno,\n        stack: event.error?.stack || '',\n        timestamp: Date.now(),\n      });\n    }\n  });\n  window.addEventListener('unhandledrejection', (event) => {\n    if (import.meta.hot) {\n      const reason = event.reason;\n      import.meta.hot.send('svelte-devtools:runtime-error', {\n        message: reason?.message || String(reason),\n        stack: reason?.stack || '',\n        timestamp: Date.now(),\n      });\n    }\n  });\n\n  // Listen for reactive graph requests from server\n  if (import.meta.hot) {\n    import.meta.hot.on('svelte-devtools:request-reactive-graph', () => {\n      __SVELTE_DT.sendReactiveGraph();\n    });\n    import.meta.hot.on('svelte-devtools:request-state-timeline', () => {\n      import.meta.hot.send('svelte-devtools:state-timeline', { changes: __SVELTE_DT._stateTimeline });\n    });\n    import.meta.hot.on('svelte-devtools:clear-state-timeline', () => {\n      __SVELTE_DT.clearStateTimeline();\n    });\n  }\n}\n", R = 1, z = 5, B = 1, V = 30;
+function H(e) {
+	return {
+		renderProfiles: e.getRenderProfiles().map((e) => ({
+			componentId: e.componentId,
+			file: e.file,
+			name: e.name,
+			renderCount: e.renderCount,
+			totalRenderTime: e.totalRenderTime
+		})),
+		loadProfilesCount: e.getLoadProfiles().length,
+		fpsCount: e.getFpsSamples().length,
+		takenAt: Date.now()
+	};
+}
+function U(e, t, n) {
+	return Math.abs(e) < t ? "unchanged" : n ? e < 0 ? "improved" : "regressed" : e > 0 ? "improved" : "regressed";
+}
+var te = class {
+	sessions = /* @__PURE__ */ new Map();
+	active = null;
+	persistDir;
+	getters;
+	constructor(e) {
+		this.persistDir = e.persistDir, this.getters = e.getters;
+	}
+	start(e, t) {
+		if (this.active) throw Error(`A session is already active: ${this.active}. Call end_session before starting a new one.`);
+		let n = `s_${Date.now().toString(36)}_${r.randomBytes(3).toString("hex")}`, i = {
+			id: n,
+			label: e,
+			startedAt: Date.now(),
+			persist: t,
+			startSnapshot: H(this.getters),
+			loadProfiles: [],
+			fpsSamples: []
+		};
+		return this.sessions.set(n, i), this.active = n, i;
+	}
+	recordLoadProfile(e) {
+		if (!this.active) return;
+		let t = this.sessions.get(this.active);
+		t && t.loadProfiles.push(e);
+	}
+	recordFpsSample(e) {
+		if (!this.active) return;
+		let t = this.sessions.get(this.active);
+		t && t.fpsSamples.push(e);
+	}
+	end(e) {
+		if (!this.active) throw Error("No active session");
+		let t = this.sessions.get(this.active);
+		if (!t) throw Error("Active session missing from store");
+		return t.endedAt = Date.now(), t.endSnapshot = H(this.getters), this.active = null, e === "discard" ? this.sessions.delete(t.id) : (e === "disk" || t.persist) && this.persistToDisk(t), t;
+	}
+	get(e) {
+		return this.sessions.get(e) || this.loadFromDisk(e);
+	}
+	list() {
+		let n = /* @__PURE__ */ new Set(), r = [];
+		for (let e of this.sessions.values()) n.add(e.id), r.push({
+			id: e.id,
+			label: e.label,
+			startedAt: e.startedAt,
+			endedAt: e.endedAt,
+			persisted: t.existsSync(this.pathFor(e.id)),
+			active: this.active === e.id
+		});
+		try {
+			if (t.existsSync(this.persistDir)) for (let i of t.readdirSync(this.persistDir)) {
+				if (!i.endsWith(".json")) continue;
+				let a = i.slice(0, -5);
+				if (!n.has(a)) try {
+					let n = JSON.parse(t.readFileSync(e.join(this.persistDir, i), "utf-8"));
+					r.push({
+						id: n.id,
+						label: n.label,
+						startedAt: n.startedAt,
+						endedAt: n.endedAt,
+						persisted: !0,
+						active: !1
+					});
+				} catch {}
+			}
+		} catch {}
+		return r.sort((e, t) => t.startedAt - e.startedAt);
+	}
+	delete(e) {
+		let n = this.sessions.delete(e), r = !1;
+		try {
+			let n = this.pathFor(e);
+			t.existsSync(n) && (t.unlinkSync(n), r = !0);
+		} catch {}
+		return this.active === e && (this.active = null), n || r;
+	}
+	delta(e) {
+		let t = this.get(e);
+		if (!t) throw Error(`Session not found: ${e}`);
+		if (!t.endSnapshot || t.endedAt === void 0) throw Error(`Session ${e} has not been ended yet`);
+		let n = new Map(t.startSnapshot.renderProfiles.map((e) => [e.componentId, e])), r = t.endSnapshot.renderProfiles.map((e) => {
+			let t = n.get(e.componentId), r = t?.renderCount ?? 0, i = t?.totalRenderTime ?? 0, a = e.renderCount - r, o = e.totalRenderTime - i;
+			return {
+				componentId: e.componentId,
+				file: e.file,
+				name: e.name,
+				renderCountDelta: a,
+				totalRenderTimeDelta: o,
+				avgRenderTimeDelta: a > 0 ? o / a : 0
+			};
+		}).filter((e) => e.renderCountDelta > 0).sort((e, t) => t.totalRenderTimeDelta - e.totalRenderTimeDelta), i = t.loadProfiles.map((e) => e.duration), a = W(i), o = ne(i, 95), s = t.fpsSamples.map((e) => e.fps), c = W(s), l = s.length ? Math.min(...s) : 0, u = s.filter((e) => e < V).length;
+		return {
+			durationMs: t.endedAt - t.startedAt,
+			components: r,
+			loadProfiles: {
+				count: t.loadProfiles.length,
+				avgDuration: a,
+				p95Duration: o
+			},
+			fps: {
+				samples: s.length,
+				avg: c,
+				min: l,
+				drops: u
+			}
+		};
+	}
+	compare(e, t) {
+		let n = this.delta(e), r = this.delta(t), i = this.get(e), a = this.get(t), o = n.components.reduce((e, t) => e + t.totalRenderTimeDelta, 0), s = r.components.reduce((e, t) => e + t.totalRenderTimeDelta, 0), c = s - o, l = r.loadProfiles.avgDuration - n.loadProfiles.avgDuration, u = r.fps.avg - n.fps.avg;
+		return {
+			a: {
+				id: i.id,
+				label: i.label
+			},
+			b: {
+				id: a.id,
+				label: a.label
+			},
+			render: {
+				totalRenderTimeDeltaA: o,
+				totalRenderTimeDeltaB: s,
+				diff: c,
+				verdict: U(c, R, !0)
+			},
+			load: {
+				avgA: n.loadProfiles.avgDuration,
+				avgB: r.loadProfiles.avgDuration,
+				diff: l,
+				verdict: U(l, z, !0)
+			},
+			fps: {
+				avgA: n.fps.avg,
+				avgB: r.fps.avg,
+				diff: u,
+				verdict: U(u, B, !1)
+			}
+		};
+	}
+	pathFor(t) {
+		return e.join(this.persistDir, `${t}.json`);
+	}
+	persistToDisk(e) {
+		try {
+			t.mkdirSync(this.persistDir, { recursive: !0 }), t.writeFileSync(this.pathFor(e.id), JSON.stringify(e, null, 2), { mode: 384 });
+		} catch {}
+	}
+	loadFromDisk(e) {
+		try {
+			let n = t.readFileSync(this.pathFor(e), "utf-8");
+			return JSON.parse(n);
+		} catch {
+			return;
+		}
+	}
+};
+function W(e) {
+	return e.length ? e.reduce((e, t) => e + t, 0) / e.length : 0;
+}
+function ne(e, t) {
+	if (!e.length) return 0;
+	let n = [...e].sort((e, t) => e - t);
+	return n[Math.min(n.length - 1, Math.floor(t / 100 * n.length))];
+}
+//#endregion
+//#region src/mcp/issues.ts
+var G = {
+	avgRenderTimeMs: 4,
+	renderCount: 30,
+	loadDurationMs: 200,
+	fpsDropThreshold: 40,
+	effectMaxDeps: 8
+};
+function re(e, t = {}) {
+	let n = {
+		...G,
+		...t
+	}, r = [];
+	for (let t of e.renderProfiles) {
+		let e = t.renderCount > 0 ? t.totalRenderTime / t.renderCount : 0;
+		e >= n.avgRenderTimeMs && r.push({
+			id: `slow-render:${t.file}:${t.componentId}`,
+			kind: "slow-component-render",
+			severity: e >= n.avgRenderTimeMs * 4 ? "high" : e >= n.avgRenderTimeMs * 2 ? "medium" : "low",
+			summary: `${t.name} averages ${e.toFixed(2)}ms per render (${t.renderCount} renders)`,
+			file: t.file,
+			metric: {
+				avgRenderTimeMs: q(e),
+				renderCount: t.renderCount,
+				totalRenderTimeMs: q(t.totalRenderTime)
+			},
+			suggestedTool: "get_render_profile"
+		}), t.renderCount >= n.renderCount && r.push({
+			id: `over-render:${t.file}:${t.componentId}`,
+			kind: "over-rendered-component",
+			severity: t.renderCount >= n.renderCount * 8 ? "high" : t.renderCount >= n.renderCount * 3 ? "medium" : "low",
+			summary: `${t.name} rendered ${t.renderCount} times`,
+			file: t.file,
+			metric: {
+				renderCount: t.renderCount,
+				avgRenderTimeMs: q(e)
+			},
+			suggestedTool: "get_component_hotspots"
+		});
+	}
+	for (let t of e.loadProfiles) t.duration >= n.loadDurationMs && r.push({
+		id: `slow-load:${t.route}:${t.timestamp}`,
+		kind: "slow-load",
+		severity: t.duration >= n.loadDurationMs * 5 ? "high" : t.duration >= n.loadDurationMs * 2 ? "medium" : "low",
+		summary: `${t.type} load for ${t.route} took ${t.duration.toFixed(0)}ms`,
+		file: t.file,
+		metric: {
+			durationMs: q(t.duration),
+			dataSizeBytes: t.dataSize
+		},
+		suggestedTool: "get_load_waterfall"
+	});
+	let i = e.fpsSamples.filter((e) => e.fps < n.fpsDropThreshold);
+	if (i.length > 0) {
+		let t = Math.min(...i.map((e) => e.fps));
+		r.push({
+			id: `fps-drops:${e.fpsSamples[0]?.timestamp ?? 0}`,
+			kind: "fps-drop",
+			severity: t < 15 ? "high" : t < 30 ? "medium" : "low",
+			summary: `${i.length} FPS samples below ${n.fpsDropThreshold} (min ${t})`,
+			metric: {
+				dropCount: i.length,
+				minFps: t,
+				threshold: n.fpsDropThreshold
+			},
+			suggestedTool: "get_fps_drops"
+		});
+	}
+	let a = /* @__PURE__ */ new Map();
+	for (let t of e.reactiveGraph.edges) a.set(t.from, (a.get(t.from) ?? 0) + 1);
+	let o = /* @__PURE__ */ new Map();
+	for (let t of e.reactiveGraph.edges) o.set(t.to, (o.get(t.to) ?? 0) + 1);
+	for (let t of e.reactiveGraph.nodes) {
+		if (t.type === "effect") {
+			let e = o.get(t.id) ?? 0;
+			e >= n.effectMaxDeps && r.push({
+				id: `effect-deps:${t.id}`,
+				kind: "effect-overconnected",
+				severity: e >= n.effectMaxDeps * 3 ? "high" : e >= n.effectMaxDeps * 2 ? "medium" : "low",
+				summary: `effect "${t.name}" depends on ${e} reactive values`,
+				file: t.componentFile,
+				metric: { depCount: e },
+				suggestedTool: "get_reactive_graph_problems"
+			});
+		}
+		if (t.type === "derived") {
+			let e = a.get(t.id) ?? 0;
+			e === 0 && (o.get(t.id) ?? 0) > 0 && r.push({
+				id: `derived-orphan:${t.id}`,
+				kind: "derived-orphan",
+				severity: "low",
+				summary: `derived "${t.name}" has dependencies but is unused`,
+				file: t.componentFile,
+				metric: { fanout: e },
+				suggestedTool: "get_reactive_graph_problems"
+			});
+		}
+	}
+	return r.sort(ie);
+}
+var K = {
+	high: 0,
+	medium: 1,
+	low: 2
+};
+function ie(e, t) {
+	return K[e.severity] - K[t.severity];
+}
+function q(e) {
+	return Math.round(e * 100) / 100;
+}
+function ae(e, t = {}) {
+	let n = {
+		...G,
+		...t
+	}, r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map();
+	for (let t of e.edges) r.set(t.to, (r.get(t.to) ?? 0) + 1), i.set(t.from, (i.get(t.from) ?? 0) + 1);
+	let a = [], o = [], s = [];
+	for (let t of e.nodes) {
+		let e = r.get(t.id) ?? 0, c = i.get(t.id) ?? 0;
+		t.type === "effect" && e >= n.effectMaxDeps && a.push({
+			id: t.id,
+			name: t.name,
+			file: t.componentFile,
+			depCount: e
+		}), t.type === "derived" && c === 0 && e > 0 && o.push({
+			id: t.id,
+			name: t.name,
+			file: t.componentFile
+		}), e === 0 && c === 0 && s.push({
+			id: t.id,
+			name: t.name,
+			type: t.type,
+			file: t.componentFile
+		});
+	}
+	return {
+		effects: a,
+		orphanDeriveds: o,
+		isolatedNodes: s
+	};
+}
+//#endregion
+//#region src/mcp/server.ts
+var J = (e) => ({ content: [{
+	type: "text",
+	text: typeof e == "string" ? e : JSON.stringify(e, null, 2)
+}] });
+function oe(e) {
+	let t = new c({
+		name: "vite-devtools-svelte",
+		version: "0.1.0"
+	});
+	return t.registerTool("list_performance_issues", {
+		title: "List performance issues",
+		description: "Cross-cuts render/reactive/load/fps metrics and returns ranked issues. The entry point for AI-driven performance audits. Each issue carries `suggestedTool` naming the detail tool to call next.",
+		inputSchema: {
+			avgRenderTimeMs: u.number().optional(),
+			renderCount: u.number().optional(),
+			loadDurationMs: u.number().optional(),
+			fpsDropThreshold: u.number().optional(),
+			effectMaxDeps: u.number().optional()
+		}
+	}, async (t) => {
+		let n = t, r = await e.getReactiveGraph(), i = re({
+			renderProfiles: e.getRenderProfiles(),
+			reactiveGraph: r,
+			loadProfiles: e.getLoadProfiles(),
+			fpsSamples: e.getFpsSamples()
+		}, n);
+		return J({
+			count: i.length,
+			issues: i
+		});
+	}), t.registerTool("get_component_hotspots", {
+		title: "Component render hotspots",
+		description: "Top components by total render time, with render count and per-render average.",
+		inputSchema: { topN: u.number().int().min(1).max(200).optional() }
+	}, async ({ topN: t = 20 }) => J([...e.getRenderProfiles()].map((e) => ({
+		file: e.file,
+		name: e.name,
+		componentId: e.componentId,
+		renderCount: e.renderCount,
+		totalRenderTimeMs: Y(e.totalRenderTime),
+		avgRenderTimeMs: Y(e.renderCount > 0 ? e.totalRenderTime / e.renderCount : 0),
+		lastRenderTimeMs: Y(e.lastRenderTime),
+		lastRenderAt: e.lastRenderAt
+	})).sort((e, t) => t.totalRenderTimeMs - e.totalRenderTimeMs).slice(0, t))), t.registerTool("get_reactive_graph_problems", {
+		title: "Reactive graph problems",
+		description: "Classified reactive graph issues: over-connected effects, orphan deriveds, isolated nodes. Returns categories instead of the full graph.",
+		inputSchema: { effectMaxDeps: u.number().int().min(1).optional() }
+	}, async ({ effectMaxDeps: t }) => J(ae(await e.getReactiveGraph(), { effectMaxDeps: t }))), t.registerTool("get_load_waterfall", {
+		title: "SvelteKit load waterfall",
+		description: "Load profiles grouped by route, with timing and data size. Optionally filtered by route.",
+		inputSchema: { route: u.string().optional() }
+	}, async ({ route: t }) => {
+		let n = e.getLoadProfiles();
+		t && (n = n.filter((e) => e.route === t));
+		let r = /* @__PURE__ */ new Map();
+		for (let e of n) {
+			let t = r.get(e.route) ?? [];
+			t.push(e), r.set(e.route, t);
+		}
+		return J([...r.entries()].map(([e, t]) => {
+			let n = t.map((e) => e.duration);
+			return {
+				route: e,
+				file: t[0]?.file,
+				count: t.length,
+				avgDuration: Y(se(n)),
+				maxDuration: Y(Math.max(...n)),
+				totalDataBytes: t.reduce((e, t) => e + t.dataSize, 0),
+				samples: t
+			};
+		}).sort((e, t) => t.avgDuration - e.avgDuration));
+	}), t.registerTool("get_fps_drops", {
+		title: "FPS drops",
+		description: "Samples whose FPS fell below `threshold`. Returns timestamp + fps for each.",
+		inputSchema: {
+			threshold: u.number().min(1).max(120).optional(),
+			sinceMs: u.number().optional()
+		}
+	}, async ({ threshold: t = 40, sinceMs: n }) => {
+		let r = e.getFpsSamples();
+		if (n !== void 0) {
+			let e = Date.now() - n;
+			r = r.filter((t) => t.timestamp >= e);
+		}
+		let i = r.filter((e) => e.fps < t);
+		return J({
+			threshold: t,
+			sampleCount: r.length,
+			dropCount: i.length,
+			minFps: i.length ? Math.min(...i.map((e) => e.fps)) : null,
+			drops: i
+		});
+	}), t.registerTool("get_render_profile", {
+		title: "Render profile for a specific file",
+		description: "Returns render profile entries matching the given component file (substring match).",
+		inputSchema: { file: u.string() }
+	}, async ({ file: t }) => J(e.getRenderProfiles().filter((e) => e.file.includes(t)).map((e) => ({
+		...e,
+		totalRenderTimeMs: Y(e.totalRenderTime),
+		avgRenderTimeMs: Y(e.renderCount > 0 ? e.totalRenderTime / e.renderCount : 0)
+	})))), t.registerTool("get_project_info", {
+		title: "Project info",
+		description: "Package name/version, Svelte / SvelteKit / Vite versions, dependency lists.",
+		inputSchema: {}
+	}, async () => J(e.getProject())), t.registerTool("get_routes", {
+		title: "SvelteKit routes",
+		description: "Static analysis of the SvelteKit routes tree.",
+		inputSchema: {}
+	}, async () => J(e.getRoutes())), t.registerTool("get_live_components", {
+		title: "Currently mounted components",
+		description: "Component instances with file, parent, mounted status as currently mounted in the browser.",
+		inputSchema: {}
+	}, async () => J(e.getLiveComponents())), t.registerTool("get_component_relations", {
+		title: "Component import graph",
+		description: "Static import relations between .svelte components.",
+		inputSchema: {}
+	}, async () => J(e.getComponentRelations())), t.registerTool("start_session", {
+		title: "Start measurement session",
+		description: "Begin capturing metrics under a labelled session. Required before compare_sessions. Set `persist:true` to write to disk on end; otherwise the session lives in memory only.",
+		inputSchema: {
+			label: u.string(),
+			persist: u.boolean().optional()
+		}
+	}, async ({ label: t, persist: n = !1 }) => {
+		let r = e.sessions.start(t, n);
+		return J({
+			id: r.id,
+			label: r.label,
+			startedAt: r.startedAt,
+			persist: r.persist
+		});
+	}), t.registerTool("end_session", {
+		title: "End current measurement session",
+		description: "Closes the active session and returns its delta. `keep` decides disposal: \"memory\" keeps it for this dev-server lifetime, \"disk\" writes to .vite-devtools-svelte/sessions/, \"discard\" deletes it.",
+		inputSchema: { keep: u.enum([
+			"memory",
+			"disk",
+			"discard"
+		]).optional() }
+	}, async ({ keep: t = "memory" }) => {
+		let n = e.sessions.end(t), r = n.endedAt ? e.sessions.delta(n.id) : null;
+		return J({
+			id: n.id,
+			label: n.label,
+			startedAt: n.startedAt,
+			endedAt: n.endedAt,
+			keep: t,
+			delta: r
+		});
+	}), t.registerTool("compare_sessions", {
+		title: "Compare two sessions",
+		description: "Diff render / load / fps metrics between two ended sessions. Each section carries `verdict`: improved | regressed | unchanged.",
+		inputSchema: {
+			a: u.string(),
+			b: u.string()
+		}
+	}, async ({ a: t, b: n }) => J(e.sessions.compare(t, n))), t.registerTool("list_sessions", {
+		title: "List sessions",
+		description: "In-memory + on-disk sessions, most recent first.",
+		inputSchema: {}
+	}, async () => J(e.sessions.list())), t.registerTool("load_session", {
+		title: "Load a session by id",
+		description: "Returns the full session record (including delta if ended) by id.",
+		inputSchema: { id: u.string() }
+	}, async ({ id: t }) => {
+		let n = e.sessions.get(t);
+		if (!n) return J({ error: `Session not found: ${t}` });
+		let r = n.endedAt ? e.sessions.delta(t) : null;
+		return J({
+			...n,
+			delta: r
+		});
+	}), t.registerTool("delete_session", {
+		title: "Delete a session",
+		description: "Removes a session from memory and disk.",
+		inputSchema: { id: u.string() }
+	}, async ({ id: t }) => J({ deleted: e.sessions.delete(t) })), t;
+}
+function se(e) {
+	return e.length ? e.reduce((e, t) => e + t, 0) / e.length : 0;
+}
+function Y(e) {
+	return Math.round(e * 100) / 100;
+}
+var ce = "templates: {", X = "/@id/@vitejs/devtools/client/inject", le = `<script type=\\"module\\" src=\\"${X}\\"><\/script>`, Z = "</body>";
+function ue(e) {
+	if (!e.includes("templates: {") || !e.includes(Z) || e.includes(X)) return null;
+	let t = e.indexOf(ce), n = e.indexOf(Z, t);
+	return n === -1 ? null : e.slice(0, n) + le + e.slice(n);
+}
+function de() {
+	return {
+		name: "vite-devtools-svelte:sveltekit-template-injector",
+		enforce: "post",
+		apply: (e, t) => t.command === "serve" && !t.isSsrBuild,
+		transform(e, t) {
+			if (!t.endsWith(".svelte-kit/generated/server/internal.js")) return;
+			let n = ue(e);
+			if (n !== null) return {
+				code: n,
+				map: null
+			};
+		}
+	};
+}
+//#endregion
+//#region src/plugin.ts
+var Q = e.dirname(i(import.meta.url));
+function $(e) {
 	let t;
 	try {
 		t = new URL(e);
@@ -267,21 +804,21 @@ function L(e) {
 	let r = t.hostname;
 	if (r === "::1" || r === "[::1]") throw Error("Blocked: loopback address");
 	if (n.isIP(r)) {
-		if (R(r)) throw Error(`Blocked: private IP address ${r}`);
+		if (fe(r)) throw Error(`Blocked: private IP address ${r}`);
 	} else {
 		let e = r.toLowerCase();
 		if (e === "localhost" || e.endsWith(".local") || e.endsWith(".internal")) throw Error(`Blocked: internal hostname ${r}`);
 	}
 }
-function R(e) {
+function fe(e) {
 	let t = e.split(".").map(Number);
 	return !!(t.length === 4 && (t[0] === 127 || t[0] === 10 || t[0] === 172 && t[1] >= 16 && t[1] <= 31 || t[0] === 192 && t[1] === 168 || t[0] === 169 && t[1] === 254 || t.every((e) => e === 0)));
 }
-function z(n = {}) {
-	let { componentTracking: i = !0 } = n, o, s, l, u = r.randomUUID();
-	function d(n) {
+function pe(n = {}) {
+	let { componentTracking: i = !0 } = n, o, s, c, u = r.randomUUID();
+	function f(n) {
 		if (typeof n != "string" || n.length === 0) throw Error("Invalid file path");
-		let r = t.realpathSync(l), i = e.isAbsolute(n) ? n : e.resolve(l, n), a;
+		let r = t.realpathSync(c), i = e.isAbsolute(n) ? n : e.resolve(c, n), a;
 		try {
 			a = t.realpathSync(i);
 		} catch {
@@ -290,23 +827,34 @@ function z(n = {}) {
 		if (a !== r && !a.startsWith(r + e.sep)) throw Error("Forbidden: path outside project root");
 		return a;
 	}
-	let f = [], h = [], g = [], _ = {
+	let p = [], m = [], h = [], v = {
 		nodes: [],
 		edges: []
-	}, v = [], y = [], x = [], S = [], C = [], w = [], E = null;
+	}, y = [], b = [], x = [], S = [], w = [], T = [], E = null;
 	function D() {
-		return E || (E = {
-			"svelte-devtools:get-project": async () => b(l),
-			"svelte-devtools:get-routes": async () => c(b(l).routesDir),
-			"svelte-devtools:get-assets": async () => m(b(l).staticDir),
-			"svelte-devtools:get-component-relations": async () => T(l),
-			"svelte-devtools:get-live-components": async () => f,
+		return E ||= new te({
+			persistDir: e.join(c, "node_modules", ".vite-devtools-svelte", "sessions"),
+			getters: {
+				getRenderProfiles: () => m,
+				getLoadProfiles: () => h,
+				getFpsSamples: () => T
+			}
+		}), E;
+	}
+	let k = null;
+	function A() {
+		return k || (k = {
+			"svelte-devtools:get-project": async () => C(c),
+			"svelte-devtools:get-routes": async () => d(C(c).routesDir),
+			"svelte-devtools:get-assets": async () => _(C(c).staticDir),
+			"svelte-devtools:get-component-relations": async () => O(c),
+			"svelte-devtools:get-live-components": async () => p,
 			"svelte-devtools:open-in-editor": async (e, t) => {
-				let n = d(String(e));
+				let n = f(String(e));
 				t && Number(t) > 0 ? a("code", ["--goto", `${n}:${Number(t)}`]) : a("code", [n]);
 			},
 			"svelte-devtools:open-reactive-in-editor": async (e, n, r) => {
-				let i = d(String(e)), o = 0;
+				let i = f(String(e)), o = 0;
 				try {
 					let e = t.readFileSync(i, "utf-8").split("\n");
 					if (String(r) === "effect") {
@@ -324,20 +872,20 @@ function z(n = {}) {
 				} catch {}
 				o > 0 ? a("code", ["--goto", `${i}:${o}`]) : a("code", [i]);
 			},
-			"svelte-devtools:get-render-profiles": async () => h,
+			"svelte-devtools:get-render-profiles": async () => m,
 			"svelte-devtools:get-reactive-graph": async () => s ? (s.hot.send("svelte-devtools:request-reactive-graph", {}), new Promise((e) => {
 				let t = !1, n = (n) => {
 					t || (t = !0, clearTimeout(r), e(n));
 				}, r = setTimeout(() => {
 					t = !0;
-					let r = v.indexOf(n);
-					r !== -1 && v.splice(r, 1), e(_);
+					let r = y.indexOf(n);
+					r !== -1 && y.splice(r, 1), e(v);
 				}, 1e3);
-				v.push(n);
-			})) : _,
-			"svelte-devtools:get-load-profiles": async () => g,
+				y.push(n);
+			})) : v,
+			"svelte-devtools:get-load-profiles": async () => h,
 			"svelte-devtools:clear-load-profiles": async () => {
-				g = [];
+				h = [];
 			},
 			"svelte-devtools:get-state-timeline": async () => s ? (s.hot.send("svelte-devtools:request-state-timeline", {}), new Promise((e) => {
 				let t = !1, n = (n) => {
@@ -345,15 +893,15 @@ function z(n = {}) {
 				}, r = setTimeout(() => {
 					t = !0;
 					let r = x.indexOf(n);
-					r !== -1 && x.splice(r, 1), e(y);
+					r !== -1 && x.splice(r, 1), e(b);
 				}, 1e3);
 				x.push(n);
-			})) : y,
+			})) : b,
 			"svelte-devtools:clear-state-timeline": async () => {
-				y = [], s?.hot.send("svelte-devtools:clear-state-timeline", {});
+				b = [], s?.hot.send("svelte-devtools:clear-state-timeline", {});
 			},
 			"svelte-devtools:get-api-endpoints": async () => {
-				let e = c(b(l).routesDir), n = [];
+				let e = d(C(c).routesDir), n = [];
 				for (let r of e) {
 					let e = r.files.find((e) => e.type === "endpoint");
 					if (e) {
@@ -382,7 +930,7 @@ function z(n = {}) {
 			"svelte-devtools:send-api-request": async (e, t, n, r) => {
 				let i = performance.now();
 				try {
-					L(String(e));
+					$(String(e));
 					let a = n ? JSON.parse(String(n)) : {}, o = {
 						method: String(t),
 						headers: a
@@ -409,18 +957,18 @@ function z(n = {}) {
 				}
 			},
 			"svelte-devtools:get-compiler-warnings": async () => S,
-			"svelte-devtools:get-runtime-errors": async () => C,
+			"svelte-devtools:get-runtime-errors": async () => w,
 			"svelte-devtools:clear-errors": async () => {
-				S = [], C = [];
+				S = [], w = [];
 			},
-			"svelte-devtools:get-svelte-files": async () => T(l).map((e) => ({
+			"svelte-devtools:get-svelte-files": async () => O(c).map((e) => ({
 				file: e.file,
 				name: e.name
 			})),
 			"svelte-devtools:inspect-file": async (e) => {
 				let n = String(e), r;
 				try {
-					r = d(n);
+					r = f(n);
 				} catch {
 					return {
 						source: "",
@@ -456,52 +1004,52 @@ function z(n = {}) {
 					sources: c
 				};
 			},
-			"svelte-devtools:get-module-graph": async () => k(),
-			"svelte-devtools:get-og-preview": async (e) => A(String(e)),
+			"svelte-devtools:get-module-graph": async () => M(),
+			"svelte-devtools:get-og-preview": async (e) => N(String(e)),
 			"svelte-devtools:get-build-analysis": async () => R(),
-			"svelte-devtools:get-fps": async () => w,
+			"svelte-devtools:get-fps": async () => T,
 			"svelte-devtools:clear-fps": async () => {
-				w = [];
+				T = [];
 			}
-		}, E);
+		}, k);
 	}
-	let O = {
+	let j = {
 		name: "vite-devtools-svelte",
 		enforce: "pre",
 		api: { getDevtoolsToken: () => u },
 		configResolved(e) {
-			o = e, l = o.root;
+			o = e, c = o.root;
 		},
 		configureServer(n) {
 			s = n;
-			let r = 5e3, i = 5e3, a = 5e3, c = 2e4;
+			let r = 5e3, i = 2e4;
 			s.hot.on("svelte-devtools:components", (e) => {
 				let t = Array.isArray(e?.components) ? e.components : [];
-				f = t.length > r ? t.slice(-r) : t;
+				p = t.length > 5e3 ? t.slice(-5e3) : t;
 			}), s.hot.on("svelte-devtools:profiles", (e) => {
 				let t = Array.isArray(e?.profiles) ? e.profiles : [];
-				h = t.length > i ? t.slice(-i) : t;
+				m = t.length > 5e3 ? t.slice(-5e3) : t;
 			}), s.hot.on("svelte-devtools:state-timeline", (e) => {
 				let t = Array.isArray(e?.changes) ? e.changes : [];
-				y = t.length > 500 ? t.slice(-500) : t;
+				b = t.length > 500 ? t.slice(-500) : t;
 				let n = x;
 				x = [];
-				for (let e of n) e(y);
+				for (let e of n) e(b);
 			}), s.hot.on("svelte-devtools:fps", (e) => {
-				w.push(e), w.length > 1200 && (w = w.slice(-1200));
+				T.push(e), T.length > 1200 && (T = T.slice(-1200)), D().recordFpsSample(e);
 			}), s.hot.on("svelte-devtools:runtime-error", (e) => {
-				C.push(e), C.length > 200 && (C = C.slice(-200));
+				w.push(e), w.length > 200 && (w = w.slice(-200));
 			}), s.hot.on("svelte-devtools:reactive-graph", (e) => {
 				let t = Array.isArray(e?.nodes) ? e.nodes : [], n = Array.isArray(e?.edges) ? e.edges : [];
-				_ = {
-					nodes: t.length > a ? t.slice(0, a) : t,
-					edges: n.length > c ? n.slice(0, c) : n
+				v = {
+					nodes: t.length > r ? t.slice(0, r) : t,
+					edges: n.length > i ? n.slice(0, i) : n
 				};
-				let r = v;
-				v = [];
-				for (let e of r) e(_);
+				let a = y;
+				y = [];
+				for (let e of a) e(v);
 			});
-			let d = () => {
+			let a = () => {
 				let e = /* @__PURE__ */ new Set(), t = s?.config?.server ?? o?.server, n = t?.port ?? 5173, r = t?.https ? "https" : "http";
 				for (let t of [
 					"localhost",
@@ -509,8 +1057,8 @@ function z(n = {}) {
 					"[::1]"
 				]) e.add(`${r}://${t}`), e.add(`${r}://${t}:${n}`);
 				return e;
-			}, m = (e) => {
-				let t = d(), n = e.headers.origin, r = e.headers.referer, i = (() => {
+			}, f = (e) => {
+				let t = a(), n = e.headers.origin, r = e.headers.referer, i = (() => {
 					if (typeof n == "string" && n) return n;
 					if (typeof r == "string" && r) try {
 						return new URL(r).origin;
@@ -520,15 +1068,15 @@ function z(n = {}) {
 					return null;
 				})();
 				if (i !== null && !t.has(i)) return !1;
-				let a = e.headers["x-svelte-devtools-token"];
-				return (Array.isArray(a) ? a[0] : a) === u;
-			}, g = e.resolve(I, "client");
+				let o = e.headers["x-svelte-devtools-token"];
+				return (Array.isArray(o) ? o[0] : o) === u;
+			}, _ = e.resolve(Q, "client");
 			s.middlewares.use("/.svelte-devtools", (n, r, i) => {
-				let a = (n.url || "/").split("?")[0], o = a === "/" || a === "" || a === "/index.html", s = o ? e.join(g, "index.html") : e.join(g, a);
+				let a = (n.url || "/").split("?")[0], o = a === "/" || a === "" || a === "/index.html", s = o ? e.join(_, "index.html") : e.join(_, a);
 				try {
 					if (t.statSync(s).isFile()) {
 						let n = e.extname(s).toLowerCase();
-						if (r.setHeader("Content-Type", p[n] || "application/octet-stream"), o) {
+						if (r.setHeader("Content-Type", g[n] || "application/octet-stream"), o) {
 							let e = t.readFileSync(s, "utf-8"), n = `<meta name="svelte-devtools-token" content="${u}">`, i = e.includes("</head>") ? e.replace("</head>", `  ${n}\n</head>`) : `${n}\n${e}`;
 							r.end(i);
 						} else t.createReadStream(s).pipe(r);
@@ -541,7 +1089,7 @@ function z(n = {}) {
 					t.statusCode = 405, t.end("Method not allowed");
 					return;
 				}
-				if (!m(e)) {
+				if (!f(e)) {
 					t.statusCode = 403, t.end("Forbidden");
 					return;
 				}
@@ -555,7 +1103,7 @@ function z(n = {}) {
 					a || (i += e.toString(), i.length > 1e6 && (a = !0, t.statusCode = 413, t.end("Payload Too Large")));
 				}), e.on("end", async () => {
 					if (!a) try {
-						let { method: e, args: n } = JSON.parse(i), r = D()[e];
+						let { method: e, args: n } = JSON.parse(i), r = A()[e];
 						if (!r) throw Error(`Unknown RPC method: ${e}`);
 						let a = await r(...n);
 						t.setHeader("Content-Type", "application/json"), t.end(JSON.stringify(a));
@@ -564,7 +1112,7 @@ function z(n = {}) {
 					}
 				});
 			}), s.middlewares.use("/__svelte-devtools/asset", (n, r) => {
-				if (!m(n)) {
+				if (!f(n)) {
 					r.statusCode = 403, r.end("Forbidden");
 					return;
 				}
@@ -573,48 +1121,87 @@ function z(n = {}) {
 					r.statusCode = 400, r.end("Missing path parameter");
 					return;
 				}
-				let c = b(l), u = t.realpathSync(c.staticDir), d = e.resolve(s), f;
+				let l = C(c), u = t.realpathSync(l.staticDir), d = e.resolve(s), p;
 				try {
-					f = t.realpathSync(d);
+					p = t.realpathSync(d);
 				} catch {
 					r.statusCode = 404, r.end("Not found");
 					return;
 				}
-				if (!f.startsWith(u + e.sep) && f !== u) {
+				if (!p.startsWith(u + e.sep) && p !== u) {
 					r.statusCode = 403, r.end("Forbidden");
 					return;
 				}
 				try {
-					if (!t.statSync(f).isFile()) throw Error("Not a file");
-					let n = e.extname(f).toLowerCase();
-					r.setHeader("Content-Type", p[n] || "application/octet-stream"), t.createReadStream(f).pipe(r);
+					if (!t.statSync(p).isFile()) throw Error("Not a file");
+					let n = e.extname(p).toLowerCase();
+					r.setHeader("Content-Type", g[n] || "application/octet-stream"), t.createReadStream(p).pipe(r);
 				} catch {
 					r.statusCode = 404, r.end("Not found");
 				}
 			});
+			let S = () => oe({
+				getProject: () => C(c),
+				getRoutes: () => d(C(c).routesDir),
+				getLiveComponents: () => p,
+				getComponentRelations: () => O(c),
+				getRenderProfiles: () => m,
+				getReactiveGraph: () => A()["svelte-devtools:get-reactive-graph"](),
+				getLoadProfiles: () => h,
+				getFpsSamples: () => T,
+				sessions: D()
+			});
+			n.httpServer?.once("listening", () => {
+				try {
+					let e = n.httpServer?.address();
+					if (!e || typeof e == "string") return;
+					let t = `claude mcp add --transport http svelte ${`${n.config.server?.https ? "https" : "http"}://${e.address === "::" || e.address === "0.0.0.0" || e.address === "::1" || e.address === "127.0.0.1" ? "localhost" : e.family === "IPv6" ? `[${e.address}]` : e.address}:${e.port}/__svelte-devtools/mcp`} --header x-svelte-devtools-token:${u}`;
+					n.config.logger.info(""), n.config.logger.info("  svelte-devtools MCP ready — register with Claude Code:"), n.config.logger.info(`    ${t}`), n.config.logger.info("");
+				} catch {}
+			}), s.middlewares.use("/__svelte-devtools/mcp", async (e, t) => {
+				let r = e.headers["x-svelte-devtools-token"];
+				if ((Array.isArray(r) ? r[0] : r) !== u) {
+					t.statusCode = 403, t.end("Forbidden");
+					return;
+				}
+				let i = S(), a = new l({
+					sessionIdGenerator: void 0,
+					enableJsonResponse: !0
+				});
+				a.onerror = (e) => {
+					n.config.logger.error(`[svelte-devtools] MCP transport error: ${e.stack || e.message}`);
+				};
+				try {
+					await i.connect(a), await a.handleRequest(e, t);
+				} catch (e) {
+					n.config.logger.error(`[svelte-devtools] MCP handler error: ${e instanceof Error ? e.stack || e.message : String(e)}`), t.headersSent || (t.statusCode = 500, t.setHeader("Content-Type", "application/json"), t.end(JSON.stringify({ error: String(e) })));
+				} finally {
+					await a.close().catch(() => {}), await i.close().catch(() => {});
+				}
+			});
 		},
 		resolveId(e, t) {
 			if (o?.command === "serve") {
-				if (e === "virtual:svelte-devtools-runtime") return M;
-				if (i && e === "svelte/internal/client" && t && !t.includes("node_modules") && !t.startsWith("\0")) return N;
+				if (e === "virtual:svelte-devtools-runtime") return ee;
+				if (i && e === "svelte/internal/client" && t && !t.includes("node_modules") && !t.startsWith("\0")) return F;
 			}
 		},
 		load(e) {
 			if (o?.command === "serve") {
-				if (e === "\0virtual:svelte-devtools-runtime") return F;
-				if (e === "\0svelte-devtools:wrapped-client") return P;
+				if (e === "\0virtual:svelte-devtools-runtime") return L;
+				if (e === "\0svelte-devtools:wrapped-client") return I;
 			}
 		},
 		transformIndexHtml() {
 			return o.command === "serve" ? [{
 				tag: "script",
 				attrs: { type: "module" },
-				children: `import '${j}'`,
+				children: `import '${P}'`,
 				injectTo: "head-prepend"
 			}] : [];
 		},
 		devtools: { setup(t) {
-			let n = e.resolve(I, "client");
+			let n = e.resolve(Q, "client");
 			t.views.hostStatic("/.svelte-devtools/", n), t.docks.register({
 				id: "svelte-devtools",
 				title: "Svelte",
@@ -623,14 +1210,14 @@ function z(n = {}) {
 				url: "/.svelte-devtools/",
 				category: "framework"
 			});
-			let r = D();
+			let r = A();
 			for (let [e, n] of Object.entries(r)) t.rpc.register({
 				name: e,
 				handler: n
 			});
 		} }
 	};
-	function k() {
+	function M() {
 		if (!s) return {
 			modules: [],
 			cycles: []
@@ -648,16 +1235,16 @@ function z(n = {}) {
 		} catch {}
 		for (let o of a) {
 			if (!o.file || o.file.includes("node_modules")) continue;
-			let a = e.relative(l, o.file);
+			let a = e.relative(c, o.file);
 			if (a.startsWith("..") || r.has(o.file)) continue;
-			let s = e.extname(o.file).toLowerCase(), c = s === ".svelte" ? "svelte" : s === ".ts" || s === ".js" ? s === ".ts" ? "ts" : "js" : s === ".css" ? "css" : "other", u;
+			let s = e.extname(o.file).toLowerCase(), l = s === ".svelte" ? "svelte" : s === ".ts" || s === ".js" ? s === ".ts" ? "ts" : "js" : s === ".css" ? "css" : "other", u;
 			try {
 				u = t.statSync(o.file).size;
 			} catch {}
 			let d = {
 				id: a,
 				file: o.file,
-				type: c,
+				type: l,
 				importedBy: [],
 				imports: [],
 				size: u
@@ -672,7 +1259,7 @@ function z(n = {}) {
 				n.has(a) || (n.add(a), t.imports.push(a)), e.importedBy.includes(t.id) || e.importedBy.push(t.id);
 			}
 		}
-		let o = [], c = /* @__PURE__ */ new Set(), u = /* @__PURE__ */ new Set(), d = [];
+		let o = [], l = /* @__PURE__ */ new Set(), u = /* @__PURE__ */ new Set(), d = [];
 		function f(e) {
 			if (u.has(e)) {
 				let t = d.indexOf(e);
@@ -682,8 +1269,8 @@ function z(n = {}) {
 				}
 				return;
 			}
-			if (c.has(e)) return;
-			c.add(e), u.add(e), d.push(e);
+			if (l.has(e)) return;
+			l.add(e), u.add(e), d.push(e);
 			let t = i.get(e);
 			if (t) for (let e of t.imports) f(e);
 			d.pop(), u.delete(e);
@@ -696,7 +1283,7 @@ function z(n = {}) {
 			cycles: o
 		};
 	}
-	async function A(e) {
+	async function N(e) {
 		let t = {
 			url: e,
 			title: "",
@@ -706,7 +1293,7 @@ function z(n = {}) {
 			issues: []
 		};
 		try {
-			L(e);
+			$(e);
 			let n = await (await fetch(e)).text(), r = /<meta\s+([^>]*?)\/?>/gi, i = /(?:property|name)=["']([^"']+)["']/, a = /content=["']([^"']+)["']/, o;
 			for (; (o = r.exec(n)) !== null;) {
 				let e = o[1], n = e.match(i), r = e.match(a);
@@ -733,11 +1320,11 @@ function z(n = {}) {
 		return t;
 	}
 	function R() {
-		let n = e.resolve(l, ".svelte-kit/output"), r = e.resolve(l, "build/client"), i = [];
+		let n = e.resolve(c, ".svelte-kit/output"), r = e.resolve(c, "build/client"), i = [];
 		for (let a of [
 			n,
 			r,
-			e.resolve(l, "build")
+			e.resolve(c, "build")
 		]) try {
 			let n = (r) => {
 				for (let a of t.readdirSync(r, { withFileTypes: !0 })) {
@@ -755,7 +1342,7 @@ function z(n = {}) {
 						let n = t.statSync(o);
 						i.push({
 							name: a.name,
-							file: e.relative(l, o),
+							file: e.relative(c, o),
 							size: n.size,
 							modules: [],
 							isEntry: a.name.includes("index") || a.name.includes("start")
@@ -772,7 +1359,7 @@ function z(n = {}) {
 		};
 	}
 	return [
-		O,
+		j,
 		{
 			name: "vite-devtools-svelte:tracking",
 			enforce: "post",
@@ -780,7 +1367,7 @@ function z(n = {}) {
 				if (!i || !t.endsWith(".svelte") || t.includes("node_modules") || o?.command !== "serve" || !e.includes("$.push(")) return null;
 				let n = JSON.stringify(t);
 				return {
-					code: `import '${j}';\n` + e.replace(/(\$\.push\([^)]+\);?)/, `if (typeof window !== 'undefined' && window.__SVELTE_DEVTOOLS__) { window.__SVELTE_DEVTOOLS__._pendingFile = ${n}; }\n$1`),
+					code: `import '${P}';\n` + e.replace(/(\$\.push\([^)]+\);?)/, `if (typeof window !== 'undefined' && window.__SVELTE_DEVTOOLS__) { window.__SVELTE_DEVTOOLS__._pendingFile = ${n}; }\n$1`),
 					map: null
 				};
 			}
@@ -816,14 +1403,15 @@ export const load = async (event) => {
 			name: "vite-devtools-svelte:load-profile-server",
 			configureServer() {
 				globalThis.__svelte_devtools_record_load = (e, t, n, r, i) => {
-					g.push({
+					let a = {
 						route: e,
 						file: t,
 						type: n,
 						duration: Math.round(r * 100) / 100,
 						dataSize: i,
 						timestamp: Date.now()
-					}), g.length > 200 && (g = g.slice(-200));
+					};
+					h.push(a), h.length > 200 && (h = h.slice(-200)), D().recordLoadProfile(a);
 				};
 			}
 		},
@@ -846,10 +1434,11 @@ export const load = async (event) => {
 					t(e, n);
 				};
 			}
-		}
+		},
+		de()
 	];
 }
 //#endregion
-export { z as svelteDevtools };
+export { pe as svelteDevtools };
 
 //# sourceMappingURL=index.mjs.map