@oddsquad/vite-plugin-lit 0.4.0 → 0.6.0

package/lib/runtime/rpc-transport.d.ts

@@ -0,0 +1,46 @@
+/**
+ * @license
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+import type { PageTransport } from './page-channel.js';
+/** The slice of a scoped devframe client the transport uses. */
+export interface PageRpc {
+    callEvent(method: string, ...args: unknown[]): void;
+    register(fn: {
+        name: string;
+        type: 'event';
+        handler: (...args: any[]) => void;
+    }): void;
+}
+/**
+ * A {@link PageTransport} over a devframe RPC client: `send` becomes a
+ * `page-send` event, and `page-receive` events fan out to the listeners
+ * registered with `on`.
+ */
+export declare const createRpcTransport: (rpc: PageRpc) => PageTransport;
+export interface ConnectOptions {
+    /**
+     * A bearer token the server already trusts. Without one the client falls
+     * back to devframe's own flow (a stored token, a magic-link code in the URL,
+     * or a prompt for the one-time code the server prints) unless the server was
+     * started with `--no-auth`.
+     */
+    authToken?: string;
+}
+/**
+ * Point this page's runtime at a standalone `lit-devtools dev` server.
+ *
+ * Resolves once the connection is trusted, after which the tree, inspector
+ * and timeline traffic that used to go to this page's own Vite server goes to
+ * `url` instead (the runtime announces itself again so the server can replay
+ * recording state). Returns a function that disconnects and hands the channel
+ * back to the carrier it replaced.
+ *
+ * The page's origin must be allowed to reach `url`; this does not set up
+ * cross-origin access.
+ *
+ * @param url Origin of the dev server, e.g. `http://localhost:5180/`.
+ */
+export declare const connectToDevServer: (url: string, options?: ConnectOptions) => Promise<() => void>;
+//# sourceMappingURL=rpc-transport.d.ts.map

package/lib/runtime/rpc-transport.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rpc-transport.d.ts","sourceRoot":"","sources":["../../src/lib/runtime/rpc-transport.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAmBH,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAErD,gEAAgE;AAChE,MAAM,WAAW,OAAO;IACtB,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;IACpD,QAAQ,CAAC,EAAE,EAAE;QACX,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,OAAO,CAAC;QACd,OAAO,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;KACnC,GAAG,IAAI,CAAC;CACV;AAED;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,QAAS,OAAO,KAAG,aA4BjD,CAAC;AAEF,MAAM,WAAW,cAAc;IAC7B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,kBAAkB,QACxB,MAAM,YACF,cAAc,KACtB,OAAO,CAAC,MAAM,IAAI,CAepB,CAAC"}

package/lib/runtime/rpc-transport.js

@@ -0,0 +1,82 @@
+/**
+ * @license
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+/**
+ * Carries the page channel over devframe RPC to a standalone
+ * `lit-devtools dev` server, so a page that is not served by a DevTools-enabled
+ * Vite dev server can still feed the panel. The server half is
+ * `devframe/rpc-source.ts`.
+ *
+ * Opt-in and explicit: nothing connects until {@link connectToDevServer} is
+ * called, and `devframe/client` is only imported then, so a page that never
+ * asks pays nothing.
+ */
+import {
+  LIT_DEVFRAME_ID,
+  RPC_PAGE_RECEIVE,
+  RPC_PAGE_SEND,
+} from '../devframe/protocol.js';
+import {pageChannel} from './page-channel.js';
+/**
+ * A {@link PageTransport} over a devframe RPC client: `send` becomes a
+ * `page-send` event, and `page-receive` events fan out to the listeners
+ * registered with `on`.
+ */
+export const createRpcTransport = (rpc) => {
+  const listeners = new Map();
+  rpc.register({
+    name: RPC_PAGE_RECEIVE,
+    type: 'event',
+    handler: (channel, data) => {
+      for (const listener of listeners.get(channel) ?? []) {
+        try {
+          listener(data);
+        } catch (error) {
+          console.error(`[lit-devtools] listener for ${channel} threw`, error);
+        }
+      }
+    },
+  });
+  return {
+    send(channel, data) {
+      rpc.callEvent(RPC_PAGE_SEND, channel, data);
+    },
+    on(channel, handler) {
+      let set = listeners.get(channel);
+      if (set === undefined) listeners.set(channel, (set = new Set()));
+      set.add(handler);
+      return () => void set.delete(handler);
+    },
+  };
+};
+/**
+ * Point this page's runtime at a standalone `lit-devtools dev` server.
+ *
+ * Resolves once the connection is trusted, after which the tree, inspector
+ * and timeline traffic that used to go to this page's own Vite server goes to
+ * `url` instead (the runtime announces itself again so the server can replay
+ * recording state). Returns a function that disconnects and hands the channel
+ * back to the carrier it replaced.
+ *
+ * The page's origin must be allowed to reach `url`; this does not set up
+ * cross-origin access.
+ *
+ * @param url Origin of the dev server, e.g. `http://localhost:5180/`.
+ */
+export const connectToDevServer = async (url, options = {}) => {
+  const {getDevframeRpcClient} = await import('devframe/client');
+  const client = await getDevframeRpcClient({
+    baseURL: url,
+    authToken: options.authToken,
+  });
+  await client.ensureTrusted();
+  const previous = pageChannel.transport;
+  pageChannel.attach(createRpcTransport(client.scope(LIT_DEVFRAME_ID).rpc));
+  return () => {
+    client.close?.();
+    if (previous !== undefined) pageChannel.attach(previous);
+  };
+};
+//# sourceMappingURL=rpc-transport.js.map

package/lib/runtime/rpc-transport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rpc-transport.js","sourceRoot":"","sources":["../../src/lib/runtime/rpc-transport.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;;;;;;;GASG;AAEH,OAAO,EACL,eAAe,EACf,gBAAgB,EAChB,aAAa,GACd,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAC,WAAW,EAAC,MAAM,mBAAmB,CAAC;AAa9C;;;;GAIG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,GAAY,EAAiB,EAAE;IAChE,MAAM,SAAS,GAAG,IAAI,GAAG,EAAwC,CAAC;IAElE,GAAG,CAAC,QAAQ,CAAC;QACX,IAAI,EAAE,gBAAgB;QACtB,IAAI,EAAE,OAAO;QACb,OAAO,EAAE,CAAC,OAAe,EAAE,IAAc,EAAE,EAAE;YAC3C,KAAK,MAAM,QAAQ,IAAI,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC;gBACpD,IAAI,CAAC;oBACH,QAAQ,CAAC,IAAI,CAAC,CAAC;gBACjB,CAAC;gBAAC,OAAO,KAAK,EAAE,CAAC;oBACf,OAAO,CAAC,KAAK,CAAC,+BAA+B,OAAO,QAAQ,EAAE,KAAK,CAAC,CAAC;gBACvE,CAAC;YACH,CAAC;QACH,CAAC;KACF,CAAC,CAAC;IAEH,OAAO;QACL,IAAI,CAAC,OAAO,EAAE,IAAI;YAChB,GAAG,CAAC,SAAS,CAAC,aAAa,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;QAC9C,CAAC;QACD,EAAE,CAAC,OAAO,EAAE,OAAO;YACjB,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;YACjC,IAAI,GAAG,KAAK,SAAS;gBAAE,SAAS,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC,GAAG,GAAG,IAAI,GAAG,EAAE,CAAC,CAAC,CAAC;YACjE,GAAG,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;YACjB,OAAO,GAAG,EAAE,CAAC,KAAK,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QACxC,CAAC;KACF,CAAC;AACJ,CAAC,CAAC;AAYF;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,KAAK,EACrC,GAAW,EACX,OAAO,GAAmB,EAAE,EACP,EAAE;IACvB,MAAM,EAAC,oBAAoB,EAAC,GAAG,MAAM,MAAM,CAAC,iBAAiB,CAAC,CAAC;IAC/D,MAAM,MAAM,GAAG,MAAM,oBAAoB,CAAC;QACxC,OAAO,EAAE,GAAG;QACZ,SAAS,EAAE,OAAO,CAAC,SAAS;KAC7B,CAAC,CAAC;IACH,MAAM,MAAM,CAAC,aAAa,EAAE,CAAC;IAE7B,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC;IACvC,WAAW,CAAC,MAAM,CAAC,kBAAkB,CAAC,MAAM,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;IAE1E,OAAO,GAAG,EAAE;QACV,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC;QACjB,IAAI,QAAQ,KAAK,SAAS;YAAE,WAAW,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC3D,CAAC,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\n/**\n * Carries the page channel over devframe RPC to a standalone\n * `lit-devtools dev` server, so a page that is not served by a DevTools-enabled\n * Vite dev server can still feed the panel. The server half is\n * `devframe/rpc-source.ts`.\n *\n * Opt-in and explicit: nothing connects until {@link connectToDevServer} is\n * called, and `devframe/client` is only imported then, so a page that never\n * asks pays nothing.\n */\n\nimport {\n  LIT_DEVFRAME_ID,\n  RPC_PAGE_RECEIVE,\n  RPC_PAGE_SEND,\n} from '../devframe/protocol.js';\nimport {pageChannel} from './page-channel.js';\nimport type {PageTransport} from './page-channel.js';\n\n/** The slice of a scoped devframe client the transport uses. */\nexport interface PageRpc {\n  callEvent(method: string, ...args: unknown[]): void;\n  register(fn: {\n    name: string;\n    type: 'event';\n    handler: (...args: any[]) => void;\n  }): void;\n}\n\n/**\n * A {@link PageTransport} over a devframe RPC client: `send` becomes a\n * `page-send` event, and `page-receive` events fan out to the listeners\n * registered with `on`.\n */\nexport const createRpcTransport = (rpc: PageRpc): PageTransport => {\n  const listeners = new Map<string, Set<(data: unknown) => void>>();\n\n  rpc.register({\n    name: RPC_PAGE_RECEIVE,\n    type: 'event',\n    handler: (channel: string, data?: unknown) => {\n      for (const listener of listeners.get(channel) ?? []) {\n        try {\n          listener(data);\n        } catch (error) {\n          console.error(`[lit-devtools] listener for ${channel} threw`, error);\n        }\n      }\n    },\n  });\n\n  return {\n    send(channel, data) {\n      rpc.callEvent(RPC_PAGE_SEND, channel, data);\n    },\n    on(channel, handler) {\n      let set = listeners.get(channel);\n      if (set === undefined) listeners.set(channel, (set = new Set()));\n      set.add(handler);\n      return () => void set.delete(handler);\n    },\n  };\n};\n\nexport interface ConnectOptions {\n  /**\n   * A bearer token the server already trusts. Without one the client falls\n   * back to devframe's own flow (a stored token, a magic-link code in the URL,\n   * or a prompt for the one-time code the server prints) unless the server was\n   * started with `--no-auth`.\n   */\n  authToken?: string;\n}\n\n/**\n * Point this page's runtime at a standalone `lit-devtools dev` server.\n *\n * Resolves once the connection is trusted, after which the tree, inspector\n * and timeline traffic that used to go to this page's own Vite server goes to\n * `url` instead (the runtime announces itself again so the server can replay\n * recording state). Returns a function that disconnects and hands the channel\n * back to the carrier it replaced.\n *\n * The page's origin must be allowed to reach `url`; this does not set up\n * cross-origin access.\n *\n * @param url Origin of the dev server, e.g. `http://localhost:5180/`.\n */\nexport const connectToDevServer = async (\n  url: string,\n  options: ConnectOptions = {}\n): Promise<() => void> => {\n  const {getDevframeRpcClient} = await import('devframe/client');\n  const client = await getDevframeRpcClient({\n    baseURL: url,\n    authToken: options.authToken,\n  });\n  await client.ensureTrusted();\n\n  const previous = pageChannel.transport;\n  pageChannel.attach(createRpcTransport(client.scope(LIT_DEVFRAME_ID).rpc));\n\n  return () => {\n    client.close?.();\n    if (previous !== undefined) pageChannel.attach(previous);\n  };\n};\n"]}

package/lib/runtime/source-overlay/overlay-element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"overlay-element.d.ts","sourceRoot":"","sources":["../../../src/lib/runtime/source-overlay/overlay-element.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAC,WAAW,EAAE,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAmB9D,MAAM,WAAW,wBAAwB;IACvC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,OAAO,KAAK,OAAO,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IACvC,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AA4YD,eAAO,MAAM,iBAAiB,iBACf,wBAAwB,SAMtC,CAAC;AAEF,eAAO,MAAM,mBAAmB,YAK/B,CAAC"}
+{"version":3,"file":"overlay-element.d.ts","sourceRoot":"","sources":["../../../src/lib/runtime/source-overlay/overlay-element.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAC,WAAW,EAAE,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAoB9D,MAAM,WAAW,wBAAwB;IACvC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,OAAO,KAAK,OAAO,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IACvC,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAqZD,eAAO,MAAM,iBAAiB,iBACf,wBAAwB,SAMtC,CAAC;AAEF,eAAO,MAAM,mBAAmB,YAK/B,CAAC"}

package/lib/runtime/source-overlay/overlay-element.js

@@ -13,6 +13,7 @@ import {buildSpotlightClipPath} from './mask-path.js';
 import {OVERLAY_HTML} from './template.js';
 import {observeEdgeInsets} from '../edge-panel.js';
 import {subscribeOverride} from '../overrides.js';
+import {pageChannel} from '../page-channel.js';
 import {injectTokens} from '../../tokens.js';
 import {idOf} from '../timeline/identity.js';
 import {
@@ -73,7 +74,8 @@ class LitSourceOverlay extends HTMLElement {
     document.addEventListener('mousemove', this.#onTrackMouse, true);
     document.addEventListener('keydown', this.#onKeyDown, true);
     const hot = import.meta.hot;
-    this.#hot = hot;
+    if (hot !== undefined) pageChannel.useViteHot(hot);
+    this.#hot = hot === undefined ? undefined : pageChannel;
     if (hot !== undefined && this.#hotOff === undefined) {
       // Removed again in disconnectedCallback, so a re-attached overlay
       // doesn't stack duplicates and a detached one stops reacting.
@@ -81,12 +83,15 @@ class LitSourceOverlay extends HTMLElement {
         ['vite:beforeFullReload', () => this.deactivate()],
         ['vite:ws:disconnect', () => (this.#connected = false)],
         ['vite:ws:connect', () => (this.#connected = true)],
-        // Toggle from the Vite DevTools command/shortcut (handler runs server-side).
-        [INSPECT_OVERLAY_TOGGLE_CHANNEL, () => this.toggle()],
       ];
       for (const [event, cb] of handlers) hot.on(event, cb);
+      // Toggle from the Vite DevTools command/shortcut (handler runs server-side).
+      const offToggle = pageChannel.on(INSPECT_OVERLAY_TOGGLE_CHANNEL, () =>
+        this.toggle()
+      );
       this.#hotOff = () => {
         for (const [event, cb] of handlers) hot.off(event, cb);
+        offToggle();
       };
     }
     // Keep the (bottom-fixed) tooltip clear of the Vite DevTools edge panel.
@@ -177,6 +182,11 @@ class LitSourceOverlay extends HTMLElement {
         file: path,
         line: String(lineNumber),
       });
+      // Name the editor the developer picked (config, env or the panel's
+      // override) so the server opens that one; custom editors and an unset
+      // choice send nothing and the server auto-detects.
+      const {editor} = this.#options;
+      if (typeof editor === 'string') params.set('editor', editor);
       const res = await fetch(`${endpoint}?${params.toString()}`);
       if (res.ok) return;
     } catch {

package/lib/runtime/source-overlay/overlay-element.js.map

@@ -1 +1 @@
-{"version":3,"file":"overlay-element.js","sourceRoot":"","sources":["../../../src/lib/runtime/source-overlay/overlay-element.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport type {ElementInfo, EditorConfig} from '../../types.js';\nimport {BUILTIN_EDITORS, resolveEditor} from './editors.js';\nimport {\n  defaultResolver,\n  findSourceAtPoint,\n  findSourceHost,\n  type ElementResolver,\n} from './source-host.js';\nimport {buildSpotlightClipPath} from './mask-path.js';\nimport {OVERLAY_HTML} from './template.js';\nimport {observeEdgeInsets} from '../edge-panel.js';\nimport {subscribeOverride} from '../overrides.js';\nimport {injectTokens} from '../../tokens.js';\nimport {idOf} from '../timeline/identity.js';\nimport {\n  INSPECT_OVERLAY_TOGGLE_CHANNEL,\n  INSPECT_DATA_CHANNEL,\n} from '../../../types/inspector.js';\n\nexport interface SourceOverlayInitOptions {\n  key?: string;\n  editor?: EditorConfig | string;\n  workspaceRoot?: string;\n  throttleMs?: number;\n  exclude?: (el: Element) => boolean;\n  onSelect?: (info: ElementInfo) => void;\n  openInEditorPath?: string;\n}\n\nclass LitSourceOverlay extends HTMLElement {\n  #active = false;\n  #hot: {send: (event: string, data: unknown) => void} | undefined;\n  #options: SourceOverlayInitOptions = {};\n  #editor: EditorConfig = BUILTIN_EDITORS.vscode;\n  #resolver: ElementResolver = defaultResolver;\n  #dialog: HTMLDialogElement;\n  #mask: HTMLElement;\n  #highlight: HTMLElement;\n  #tooltip: HTMLElement;\n  #tag: HTMLElement;\n  #path: HTMLElement;\n  #info: ElementInfo | null = null;\n  #targetEl: Element | null = null;\n  #throttleTimer: ReturnType<typeof setTimeout> | undefined;\n  #scrollTimer: ReturnType<typeof setTimeout> | undefined;\n  #resizeObserver: ResizeObserver | undefined;\n  #cursorStyle: HTMLStyleElement | null = null;\n  // Whether the Vite HMR WebSocket is currently connected. Used to suppress the\n  // editor-URL-scheme fallback once the dev server is gone — otherwise a failed\n  // open-in-editor fetch would navigate the tab to `vscode://…`.\n  #connected = true;\n  #lastMouseX = 0;\n  #lastMouseY = 0;\n  #edgeDispose: (() => void) | undefined;\n  #overrideSubscribed = false;\n  #hotOff: (() => void) | undefined;\n\n  constructor() {\n    super();\n    const root = this.attachShadow({mode: 'closed'});\n    root.innerHTML = OVERLAY_HTML;\n    this.#dialog = root.getElementById('overlay') as HTMLDialogElement;\n    this.#mask = root.getElementById('mask')!;\n    this.#highlight = root.getElementById('highlight')!;\n    this.#tooltip = root.getElementById('tooltip')!;\n    this.#tag = root.getElementById('tag')!;\n    this.#path = root.getElementById('path')!;\n    root.getElementById('open')!.addEventListener('click', (e) => {\n      e.stopPropagation();\n      if (this.#info !== null) this.#select(this.#info, true);\n    });\n    root.getElementById('copy')!.addEventListener('click', (e) => {\n      e.stopPropagation();\n      if (this.#info === null) return;\n      const text = `${this.#normalizePath(this.#info.source.filePath)}:${this.#info.source.lineNumber}`;\n      void navigator.clipboard?.writeText(text);\n    });\n    this.#dialog.addEventListener('cancel', (e) => e.preventDefault());\n  }\n\n  connectedCallback() {\n    injectTokens();\n    document.addEventListener('mousemove', this.#onTrackMouse, true);\n    document.addEventListener('keydown', this.#onKeyDown, true);\n    const hot = (\n      import.meta as {\n        hot?: {\n          on: (event: string, cb: (data?: unknown) => void) => void;\n          off: (event: string, cb: (data?: unknown) => void) => void;\n          send: (event: string, data: unknown) => void;\n        };\n      }\n    ).hot;\n    this.#hot = hot;\n    if (hot !== undefined && this.#hotOff === undefined) {\n      // Removed again in disconnectedCallback, so a re-attached overlay\n      // doesn't stack duplicates and a detached one stops reacting.\n      const handlers: Array<[string, (data?: unknown) => void]> = [\n        ['vite:beforeFullReload', () => this.deactivate()],\n        ['vite:ws:disconnect', () => (this.#connected = false)],\n        ['vite:ws:connect', () => (this.#connected = true)],\n        // Toggle from the Vite DevTools command/shortcut (handler runs server-side).\n        [INSPECT_OVERLAY_TOGGLE_CHANNEL, () => this.toggle()],\n      ];\n      for (const [event, cb] of handlers) hot.on(event, cb);\n      this.#hotOff = () => {\n        for (const [event, cb] of handlers) hot.off(event, cb);\n      };\n    }\n    // Keep the (bottom-fixed) tooltip clear of the Vite DevTools edge panel.\n    this.#edgeDispose = observeEdgeInsets((insets) => {\n      this.style.setProperty('--edge-bottom', `${insets.bottom}px`);\n    });\n    // Apply the panel's editor override live (and on load). Merge so other\n    // configured options (key, throttle, …) survive.\n    if (!this.#overrideSubscribed) {\n      this.#overrideSubscribed = true;\n      subscribeOverride(hot, (o) => {\n        if (o.sourceOverlayEditor !== undefined) {\n          this.#options = {...this.#options, editor: o.sourceOverlayEditor};\n          this.#editor = resolveEditor(o.sourceOverlayEditor);\n        }\n      });\n    }\n  }\n\n  disconnectedCallback() {\n    document.removeEventListener('mousemove', this.#onTrackMouse, true);\n    document.removeEventListener('keydown', this.#onKeyDown, true);\n    this.deactivate();\n    this.#edgeDispose?.();\n    this.#edgeDispose = undefined;\n    this.#hotOff?.();\n    this.#hotOff = undefined;\n  }\n\n  configure(options: SourceOverlayInitOptions) {\n    this.#options = options;\n    this.#editor = resolveEditor(options.editor);\n  }\n\n  activate() {\n    if (this.#active) return;\n    this.#active = true;\n    this.#dialog.showModal();\n    this.#mask.style.background = 'rgba(0,0,0,0.35)';\n    // The overlay is pointer-events:none, so the cursor reflects the hovered\n    // page element. Force a crosshair while inspecting. The closed shadow DOM\n    // tooltip is unaffected, so its buttons keep their own pointer cursor.\n    if (this.#cursorStyle === null) {\n      this.#cursorStyle = document.createElement('style');\n      this.#cursorStyle.textContent = '*{cursor:crosshair !important}';\n    }\n    document.head.append(this.#cursorStyle);\n    document.addEventListener('mousemove', this.#onMouseMove, true);\n    document.addEventListener('click', this.#onClick, true);\n    window.addEventListener('scroll', this.#onScrollOrResize, {passive: true});\n    window.addEventListener('resize', this.#onScrollOrResize, {passive: true});\n    void this.#resolveAt(this.#lastMouseX, this.#lastMouseY);\n  }\n\n  deactivate() {\n    if (!this.#active) return;\n    this.#active = false;\n    this.#dialog.close();\n    this.#mask.style.background = 'rgba(0,0,0,0)';\n    this.#cursorStyle?.remove();\n    document.removeEventListener('mousemove', this.#onMouseMove, true);\n    document.removeEventListener('click', this.#onClick, true);\n    window.removeEventListener('scroll', this.#onScrollOrResize);\n    window.removeEventListener('resize', this.#onScrollOrResize);\n    if (this.#throttleTimer !== undefined) {\n      clearTimeout(this.#throttleTimer);\n      this.#throttleTimer = undefined;\n    }\n    if (this.#scrollTimer !== undefined) {\n      clearTimeout(this.#scrollTimer);\n      this.#scrollTimer = undefined;\n    }\n    this.#clearTarget();\n  }\n\n  toggle() {\n    if (this.#active) this.deactivate();\n    else this.activate();\n  }\n\n  #normalizePath(filePath: string): string {\n    const root = this.#options.workspaceRoot;\n    if (root !== undefined && filePath.startsWith(root)) {\n      const rest = filePath.slice(root.length);\n      return rest.startsWith('/') ? rest.slice(1) : rest;\n    }\n    return filePath;\n  }\n\n  async #openInEditor(filePath: string, lineNumber: number) {\n    const path = this.#normalizePath(filePath);\n    const endpoint = this.#options.openInEditorPath ?? '/__lit-open-in-editor';\n    try {\n      const params = new URLSearchParams({\n        file: path,\n        line: String(lineNumber),\n      });\n      const res = await fetch(`${endpoint}?${params.toString()}`);\n      if (res.ok) return;\n    } catch {\n      // Fall back to editor URL schemes (e.g. StackBlitz previews).\n    }\n    // Skip the URL-scheme fallback when the dev server is gone: a fetch failure\n    // there means \"server quit\", not \"no endpoint\", and navigating the tab to\n    // `vscode://…` on shutdown is jarring and unwanted.\n    if (!this.#connected) return;\n    window.open(this.#editor.url(path, lineNumber), '_self');\n  }\n\n  #updateHighlightRect() {\n    if (this.#targetEl === null) return;\n    const rect = this.#targetEl.getBoundingClientRect();\n    const raw = getComputedStyle(this)\n      .getPropertyValue('--lit-devtools-radius')\n      .trim();\n    const r = parseFloat(raw) || 6;\n    // The tinted box hugs the element's exact rect — that's the boundary being\n    // picked; only the spotlight cutout gets the breathing room of `r`.\n    this.#highlight.style.display = 'block';\n    this.#highlight.style.left = `${rect.left}px`;\n    this.#highlight.style.top = `${rect.top}px`;\n    this.#highlight.style.width = `${rect.width}px`;\n    this.#highlight.style.height = `${rect.height}px`;\n    this.#mask.style.clipPath = buildSpotlightClipPath(\n      rect.left - r,\n      rect.top - r,\n      rect.width + 2 * r,\n      rect.height + 2 * r,\n      r\n    );\n  }\n\n  #showTooltip() {\n    if (this.#info === null) return;\n    this.#tag.textContent = `<${this.#info.tagName}>`;\n    this.#path.textContent = `${this.#normalizePath(this.#info.source.filePath)}:${this.#info.source.lineNumber}`;\n    this.#tooltip.style.display = 'flex';\n  }\n\n  #clearTarget() {\n    this.#targetEl = null;\n    this.#info = null;\n    this.#highlight.style.display = 'none';\n    this.#highlight.style.left = '0';\n    this.#highlight.style.top = '0';\n    this.#highlight.style.width = '0';\n    this.#highlight.style.height = '0';\n    this.#mask.style.clipPath = 'none';\n    this.#tooltip.style.display = 'none';\n    if (this.#resizeObserver !== undefined) {\n      this.#resizeObserver.disconnect();\n      this.#resizeObserver = undefined;\n    }\n  }\n\n  #shouldSkip(el: Element): boolean {\n    if (el === this.#dialog || this.#dialog.contains(el)) return true;\n    if (el.tagName === 'IFRAME') return true;\n    // Never target devtools' own injected elements (indicator, overlay).\n    const tag = el.tagName.toLowerCase();\n    if (tag === 'lit-source-overlay' || tag.startsWith('lit-devtools-')) {\n      return true;\n    }\n    const exclude = this.#options.exclude;\n    return exclude !== undefined && exclude(el);\n  }\n\n  async #resolveAt(x: number, y: number) {\n    this.#lastMouseX = x;\n    this.#lastMouseY = y;\n    const el = findSourceAtPoint(x, y, this.#dialog);\n    if (el === null || this.#shouldSkip(el)) {\n      this.#clearTarget();\n      return;\n    }\n    const host = findSourceHost(el);\n    if (host === null) {\n      this.#clearTarget();\n      return;\n    }\n    if (host === this.#targetEl && this.#info !== null) {\n      this.#updateHighlightRect();\n      return;\n    }\n    this.#targetEl = host;\n    if (this.#resizeObserver === undefined) {\n      this.#resizeObserver = new ResizeObserver(() =>\n        this.#updateHighlightRect()\n      );\n    } else {\n      this.#resizeObserver.disconnect();\n    }\n    this.#resizeObserver.observe(host);\n    const resolved = await this.#resolver.resolveElementInfo(el);\n    if (resolved === null) {\n      this.#clearTarget();\n      return;\n    }\n    this.#info = resolved;\n    this.#updateHighlightRect();\n    this.#showTooltip();\n  }\n\n  #onTrackMouse = (event: MouseEvent) => {\n    this.#lastMouseX = event.clientX;\n    this.#lastMouseY = event.clientY;\n  };\n\n  #onKeyDown = (event: KeyboardEvent) => {\n    if ((event.metaKey || event.ctrlKey) && event.shiftKey && !event.altKey) {\n      const pressed = event.key.toLowerCase();\n      const hotkey = (this.#options.key ?? 's').toLowerCase();\n      if (pressed === hotkey) {\n        event.preventDefault();\n        this.toggle();\n      }\n    }\n    if (this.#active && event.key === 'Escape') {\n      event.preventDefault();\n      event.stopPropagation();\n    }\n  };\n\n  #onMouseMove = (event: MouseEvent) => {\n    if (!this.#active) return;\n    // Keep the current selection while hovering the tooltip so its buttons stay\n    // clickable — the tooltip isn't a source element, so re-resolving here would\n    // clear the target and hide the panel out from under the pointer.\n    if (this.#pointInTooltip(event.clientX, event.clientY)) return;\n    const throttleMs = this.#options.throttleMs ?? 50;\n    if (this.#throttleTimer !== undefined) return;\n    this.#throttleTimer = setTimeout(() => {\n      this.#throttleTimer = undefined;\n      // Resolve against the latest pointer position (kept current by\n      // #onTrackMouse), not the coords captured when this timer was scheduled\n      // ~throttleMs ago — otherwise the highlight lags the cursor during\n      // continuous movement.\n      const x = this.#lastMouseX;\n      const y = this.#lastMouseY;\n      if (this.#pointInTooltip(x, y)) return;\n      void this.#resolveAt(x, y);\n    }, throttleMs);\n  };\n\n  #select(info: ElementInfo, openInEditor = false) {\n    const target = this.#targetEl;\n    // Cancel the whole selection mode on any deliberate pick, before acting —\n    // the editor may open via a URL scheme that doesn't navigate this tab away,\n    // so we can't rely on the open outcome to dismiss the inspector.\n    this.deactivate();\n    this.#options.onSelect?.(info);\n    if (openInEditor) {\n      void this.#openInEditor(info.source.filePath, info.source.lineNumber);\n      return;\n    }\n    // Report the picked element to the DevTools panel, which selects it in the\n    // Components tree. Identity matches the inspector runtime via idOf().\n    if (target !== null) {\n      this.#hot?.send(INSPECT_DATA_CHANNEL, {type: 'pick', id: idOf(target)});\n      this.#openDevtoolsPanel();\n    }\n  }\n\n  /**\n   * Bring the Lit DevTools dock entry to the front so a pick is visible even\n   * when the panel was closed. The panel mirrors this from its own\n   * `inspector-activate` handler, but only once its iframe is mounted — and the\n   * @vitejs/devtools shell does not mount that iframe until the entry has been\n   * opened at least once. This overlay always runs on the page, so calling\n   * `switchEntry` here covers the cold-start case where no panel exists yet to\n   * receive the `pick` message.\n   */\n  #openDevtoolsPanel() {\n    try {\n      const ctx = (\n        window as unknown as Record<\n          string,\n          undefined | {docks?: {switchEntry?: (id: string) => Promise<boolean>}}\n        >\n      ).__VITE_DEVTOOLS_CLIENT_CONTEXT__;\n      void ctx?.docks?.switchEntry?.('lit-devtools');\n    } catch {\n      // Not running inside the DevTools shell — ignore.\n    }\n  }\n\n  #pointInTooltip(x: number, y: number): boolean {\n    if (this.#tooltip.style.display === 'none') return false;\n    const r = this.#tooltip.getBoundingClientRect();\n    return x >= r.left && x <= r.right && y >= r.top && y <= r.bottom;\n  }\n\n  #onClick = (event: MouseEvent) => {\n    if (!this.#active || this.#info === null) return;\n    // Clicks on the tooltip panel are handled by its own buttons (open/copy).\n    // The overlay's shadow root is closed, so we detect this by hit-rect rather\n    // than inspecting the event path, and let the event reach those buttons.\n    if (this.#pointInTooltip(event.clientX, event.clientY)) return;\n    event.preventDefault();\n    event.stopPropagation();\n    this.#select(this.#info, event.metaKey || event.ctrlKey);\n  };\n\n  #onScrollOrResize = () => {\n    if (this.#scrollTimer !== undefined) clearTimeout(this.#scrollTimer);\n    this.#scrollTimer = setTimeout(() => {\n      this.#scrollTimer = undefined;\n      if (this.#targetEl !== null) {\n        this.#updateHighlightRect();\n      }\n    }, 50);\n  };\n}\n\ncustomElements.define('lit-source-overlay', LitSourceOverlay);\n\nexport const initSourceOverlay = (\n  initOptions: SourceOverlayInitOptions = {}\n) => {\n  if (typeof window === 'undefined') return;\n  const el = document.createElement('lit-source-overlay') as LitSourceOverlay;\n  el.configure(initOptions);\n  document.body.append(el);\n};\n\nexport const toggleSourceOverlay = () => {\n  const el = document.querySelector(\n    'lit-source-overlay'\n  ) as LitSourceOverlay | null;\n  el?.toggle();\n};\n"]}
+{"version":3,"file":"overlay-element.js","sourceRoot":"","sources":["../../../src/lib/runtime/source-overlay/overlay-element.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport type {ElementInfo, EditorConfig} from '../../types.js';\nimport {BUILTIN_EDITORS, resolveEditor} from './editors.js';\nimport {\n  defaultResolver,\n  findSourceAtPoint,\n  findSourceHost,\n  type ElementResolver,\n} from './source-host.js';\nimport {buildSpotlightClipPath} from './mask-path.js';\nimport {OVERLAY_HTML} from './template.js';\nimport {observeEdgeInsets} from '../edge-panel.js';\nimport {subscribeOverride} from '../overrides.js';\nimport {pageChannel} from '../page-channel.js';\nimport {injectTokens} from '../../tokens.js';\nimport {idOf} from '../timeline/identity.js';\nimport {\n  INSPECT_OVERLAY_TOGGLE_CHANNEL,\n  INSPECT_DATA_CHANNEL,\n} from '../../../types/inspector.js';\n\nexport interface SourceOverlayInitOptions {\n  key?: string;\n  editor?: EditorConfig | string;\n  workspaceRoot?: string;\n  throttleMs?: number;\n  exclude?: (el: Element) => boolean;\n  onSelect?: (info: ElementInfo) => void;\n  openInEditorPath?: string;\n}\n\nclass LitSourceOverlay extends HTMLElement {\n  #active = false;\n  #hot: typeof pageChannel | undefined;\n  #options: SourceOverlayInitOptions = {};\n  #editor: EditorConfig = BUILTIN_EDITORS.vscode;\n  #resolver: ElementResolver = defaultResolver;\n  #dialog: HTMLDialogElement;\n  #mask: HTMLElement;\n  #highlight: HTMLElement;\n  #tooltip: HTMLElement;\n  #tag: HTMLElement;\n  #path: HTMLElement;\n  #info: ElementInfo | null = null;\n  #targetEl: Element | null = null;\n  #throttleTimer: ReturnType<typeof setTimeout> | undefined;\n  #scrollTimer: ReturnType<typeof setTimeout> | undefined;\n  #resizeObserver: ResizeObserver | undefined;\n  #cursorStyle: HTMLStyleElement | null = null;\n  // Whether the Vite HMR WebSocket is currently connected. Used to suppress the\n  // editor-URL-scheme fallback once the dev server is gone — otherwise a failed\n  // open-in-editor fetch would navigate the tab to `vscode://…`.\n  #connected = true;\n  #lastMouseX = 0;\n  #lastMouseY = 0;\n  #edgeDispose: (() => void) | undefined;\n  #overrideSubscribed = false;\n  #hotOff: (() => void) | undefined;\n\n  constructor() {\n    super();\n    const root = this.attachShadow({mode: 'closed'});\n    root.innerHTML = OVERLAY_HTML;\n    this.#dialog = root.getElementById('overlay') as HTMLDialogElement;\n    this.#mask = root.getElementById('mask')!;\n    this.#highlight = root.getElementById('highlight')!;\n    this.#tooltip = root.getElementById('tooltip')!;\n    this.#tag = root.getElementById('tag')!;\n    this.#path = root.getElementById('path')!;\n    root.getElementById('open')!.addEventListener('click', (e) => {\n      e.stopPropagation();\n      if (this.#info !== null) this.#select(this.#info, true);\n    });\n    root.getElementById('copy')!.addEventListener('click', (e) => {\n      e.stopPropagation();\n      if (this.#info === null) return;\n      const text = `${this.#normalizePath(this.#info.source.filePath)}:${this.#info.source.lineNumber}`;\n      void navigator.clipboard?.writeText(text);\n    });\n    this.#dialog.addEventListener('cancel', (e) => e.preventDefault());\n  }\n\n  connectedCallback() {\n    injectTokens();\n    document.addEventListener('mousemove', this.#onTrackMouse, true);\n    document.addEventListener('keydown', this.#onKeyDown, true);\n    const hot = (\n      import.meta as {\n        hot?: {\n          on: (event: string, cb: (data?: unknown) => void) => void;\n          off: (event: string, cb: (data?: unknown) => void) => void;\n          send: (event: string, data: unknown) => void;\n        };\n      }\n    ).hot;\n    if (hot !== undefined) pageChannel.useViteHot(hot);\n    this.#hot = hot === undefined ? undefined : pageChannel;\n    if (hot !== undefined && this.#hotOff === undefined) {\n      // Removed again in disconnectedCallback, so a re-attached overlay\n      // doesn't stack duplicates and a detached one stops reacting.\n      const handlers: Array<[string, (data?: unknown) => void]> = [\n        ['vite:beforeFullReload', () => this.deactivate()],\n        ['vite:ws:disconnect', () => (this.#connected = false)],\n        ['vite:ws:connect', () => (this.#connected = true)],\n      ];\n      for (const [event, cb] of handlers) hot.on(event, cb);\n      // Toggle from the Vite DevTools command/shortcut (handler runs server-side).\n      const offToggle = pageChannel.on(INSPECT_OVERLAY_TOGGLE_CHANNEL, () =>\n        this.toggle()\n      );\n      this.#hotOff = () => {\n        for (const [event, cb] of handlers) hot.off(event, cb);\n        offToggle();\n      };\n    }\n    // Keep the (bottom-fixed) tooltip clear of the Vite DevTools edge panel.\n    this.#edgeDispose = observeEdgeInsets((insets) => {\n      this.style.setProperty('--edge-bottom', `${insets.bottom}px`);\n    });\n    // Apply the panel's editor override live (and on load). Merge so other\n    // configured options (key, throttle, …) survive.\n    if (!this.#overrideSubscribed) {\n      this.#overrideSubscribed = true;\n      subscribeOverride(hot, (o) => {\n        if (o.sourceOverlayEditor !== undefined) {\n          this.#options = {...this.#options, editor: o.sourceOverlayEditor};\n          this.#editor = resolveEditor(o.sourceOverlayEditor);\n        }\n      });\n    }\n  }\n\n  disconnectedCallback() {\n    document.removeEventListener('mousemove', this.#onTrackMouse, true);\n    document.removeEventListener('keydown', this.#onKeyDown, true);\n    this.deactivate();\n    this.#edgeDispose?.();\n    this.#edgeDispose = undefined;\n    this.#hotOff?.();\n    this.#hotOff = undefined;\n  }\n\n  configure(options: SourceOverlayInitOptions) {\n    this.#options = options;\n    this.#editor = resolveEditor(options.editor);\n  }\n\n  activate() {\n    if (this.#active) return;\n    this.#active = true;\n    this.#dialog.showModal();\n    this.#mask.style.background = 'rgba(0,0,0,0.35)';\n    // The overlay is pointer-events:none, so the cursor reflects the hovered\n    // page element. Force a crosshair while inspecting. The closed shadow DOM\n    // tooltip is unaffected, so its buttons keep their own pointer cursor.\n    if (this.#cursorStyle === null) {\n      this.#cursorStyle = document.createElement('style');\n      this.#cursorStyle.textContent = '*{cursor:crosshair !important}';\n    }\n    document.head.append(this.#cursorStyle);\n    document.addEventListener('mousemove', this.#onMouseMove, true);\n    document.addEventListener('click', this.#onClick, true);\n    window.addEventListener('scroll', this.#onScrollOrResize, {passive: true});\n    window.addEventListener('resize', this.#onScrollOrResize, {passive: true});\n    void this.#resolveAt(this.#lastMouseX, this.#lastMouseY);\n  }\n\n  deactivate() {\n    if (!this.#active) return;\n    this.#active = false;\n    this.#dialog.close();\n    this.#mask.style.background = 'rgba(0,0,0,0)';\n    this.#cursorStyle?.remove();\n    document.removeEventListener('mousemove', this.#onMouseMove, true);\n    document.removeEventListener('click', this.#onClick, true);\n    window.removeEventListener('scroll', this.#onScrollOrResize);\n    window.removeEventListener('resize', this.#onScrollOrResize);\n    if (this.#throttleTimer !== undefined) {\n      clearTimeout(this.#throttleTimer);\n      this.#throttleTimer = undefined;\n    }\n    if (this.#scrollTimer !== undefined) {\n      clearTimeout(this.#scrollTimer);\n      this.#scrollTimer = undefined;\n    }\n    this.#clearTarget();\n  }\n\n  toggle() {\n    if (this.#active) this.deactivate();\n    else this.activate();\n  }\n\n  #normalizePath(filePath: string): string {\n    const root = this.#options.workspaceRoot;\n    if (root !== undefined && filePath.startsWith(root)) {\n      const rest = filePath.slice(root.length);\n      return rest.startsWith('/') ? rest.slice(1) : rest;\n    }\n    return filePath;\n  }\n\n  async #openInEditor(filePath: string, lineNumber: number) {\n    const path = this.#normalizePath(filePath);\n    const endpoint = this.#options.openInEditorPath ?? '/__lit-open-in-editor';\n    try {\n      const params = new URLSearchParams({\n        file: path,\n        line: String(lineNumber),\n      });\n      // Name the editor the developer picked (config, env or the panel's\n      // override) so the server opens that one; custom editors and an unset\n      // choice send nothing and the server auto-detects.\n      const {editor} = this.#options;\n      if (typeof editor === 'string') params.set('editor', editor);\n      const res = await fetch(`${endpoint}?${params.toString()}`);\n      if (res.ok) return;\n    } catch {\n      // Fall back to editor URL schemes (e.g. StackBlitz previews).\n    }\n    // Skip the URL-scheme fallback when the dev server is gone: a fetch failure\n    // there means \"server quit\", not \"no endpoint\", and navigating the tab to\n    // `vscode://…` on shutdown is jarring and unwanted.\n    if (!this.#connected) return;\n    window.open(this.#editor.url(path, lineNumber), '_self');\n  }\n\n  #updateHighlightRect() {\n    if (this.#targetEl === null) return;\n    const rect = this.#targetEl.getBoundingClientRect();\n    const raw = getComputedStyle(this)\n      .getPropertyValue('--lit-devtools-radius')\n      .trim();\n    const r = parseFloat(raw) || 6;\n    // The tinted box hugs the element's exact rect — that's the boundary being\n    // picked; only the spotlight cutout gets the breathing room of `r`.\n    this.#highlight.style.display = 'block';\n    this.#highlight.style.left = `${rect.left}px`;\n    this.#highlight.style.top = `${rect.top}px`;\n    this.#highlight.style.width = `${rect.width}px`;\n    this.#highlight.style.height = `${rect.height}px`;\n    this.#mask.style.clipPath = buildSpotlightClipPath(\n      rect.left - r,\n      rect.top - r,\n      rect.width + 2 * r,\n      rect.height + 2 * r,\n      r\n    );\n  }\n\n  #showTooltip() {\n    if (this.#info === null) return;\n    this.#tag.textContent = `<${this.#info.tagName}>`;\n    this.#path.textContent = `${this.#normalizePath(this.#info.source.filePath)}:${this.#info.source.lineNumber}`;\n    this.#tooltip.style.display = 'flex';\n  }\n\n  #clearTarget() {\n    this.#targetEl = null;\n    this.#info = null;\n    this.#highlight.style.display = 'none';\n    this.#highlight.style.left = '0';\n    this.#highlight.style.top = '0';\n    this.#highlight.style.width = '0';\n    this.#highlight.style.height = '0';\n    this.#mask.style.clipPath = 'none';\n    this.#tooltip.style.display = 'none';\n    if (this.#resizeObserver !== undefined) {\n      this.#resizeObserver.disconnect();\n      this.#resizeObserver = undefined;\n    }\n  }\n\n  #shouldSkip(el: Element): boolean {\n    if (el === this.#dialog || this.#dialog.contains(el)) return true;\n    if (el.tagName === 'IFRAME') return true;\n    // Never target devtools' own injected elements (indicator, overlay).\n    const tag = el.tagName.toLowerCase();\n    if (tag === 'lit-source-overlay' || tag.startsWith('lit-devtools-')) {\n      return true;\n    }\n    const exclude = this.#options.exclude;\n    return exclude !== undefined && exclude(el);\n  }\n\n  async #resolveAt(x: number, y: number) {\n    this.#lastMouseX = x;\n    this.#lastMouseY = y;\n    const el = findSourceAtPoint(x, y, this.#dialog);\n    if (el === null || this.#shouldSkip(el)) {\n      this.#clearTarget();\n      return;\n    }\n    const host = findSourceHost(el);\n    if (host === null) {\n      this.#clearTarget();\n      return;\n    }\n    if (host === this.#targetEl && this.#info !== null) {\n      this.#updateHighlightRect();\n      return;\n    }\n    this.#targetEl = host;\n    if (this.#resizeObserver === undefined) {\n      this.#resizeObserver = new ResizeObserver(() =>\n        this.#updateHighlightRect()\n      );\n    } else {\n      this.#resizeObserver.disconnect();\n    }\n    this.#resizeObserver.observe(host);\n    const resolved = await this.#resolver.resolveElementInfo(el);\n    if (resolved === null) {\n      this.#clearTarget();\n      return;\n    }\n    this.#info = resolved;\n    this.#updateHighlightRect();\n    this.#showTooltip();\n  }\n\n  #onTrackMouse = (event: MouseEvent) => {\n    this.#lastMouseX = event.clientX;\n    this.#lastMouseY = event.clientY;\n  };\n\n  #onKeyDown = (event: KeyboardEvent) => {\n    if ((event.metaKey || event.ctrlKey) && event.shiftKey && !event.altKey) {\n      const pressed = event.key.toLowerCase();\n      const hotkey = (this.#options.key ?? 's').toLowerCase();\n      if (pressed === hotkey) {\n        event.preventDefault();\n        this.toggle();\n      }\n    }\n    if (this.#active && event.key === 'Escape') {\n      event.preventDefault();\n      event.stopPropagation();\n    }\n  };\n\n  #onMouseMove = (event: MouseEvent) => {\n    if (!this.#active) return;\n    // Keep the current selection while hovering the tooltip so its buttons stay\n    // clickable — the tooltip isn't a source element, so re-resolving here would\n    // clear the target and hide the panel out from under the pointer.\n    if (this.#pointInTooltip(event.clientX, event.clientY)) return;\n    const throttleMs = this.#options.throttleMs ?? 50;\n    if (this.#throttleTimer !== undefined) return;\n    this.#throttleTimer = setTimeout(() => {\n      this.#throttleTimer = undefined;\n      // Resolve against the latest pointer position (kept current by\n      // #onTrackMouse), not the coords captured when this timer was scheduled\n      // ~throttleMs ago — otherwise the highlight lags the cursor during\n      // continuous movement.\n      const x = this.#lastMouseX;\n      const y = this.#lastMouseY;\n      if (this.#pointInTooltip(x, y)) return;\n      void this.#resolveAt(x, y);\n    }, throttleMs);\n  };\n\n  #select(info: ElementInfo, openInEditor = false) {\n    const target = this.#targetEl;\n    // Cancel the whole selection mode on any deliberate pick, before acting —\n    // the editor may open via a URL scheme that doesn't navigate this tab away,\n    // so we can't rely on the open outcome to dismiss the inspector.\n    this.deactivate();\n    this.#options.onSelect?.(info);\n    if (openInEditor) {\n      void this.#openInEditor(info.source.filePath, info.source.lineNumber);\n      return;\n    }\n    // Report the picked element to the DevTools panel, which selects it in the\n    // Components tree. Identity matches the inspector runtime via idOf().\n    if (target !== null) {\n      this.#hot?.send(INSPECT_DATA_CHANNEL, {type: 'pick', id: idOf(target)});\n      this.#openDevtoolsPanel();\n    }\n  }\n\n  /**\n   * Bring the Lit DevTools dock entry to the front so a pick is visible even\n   * when the panel was closed. The panel mirrors this from its own\n   * `inspector-activate` handler, but only once its iframe is mounted — and the\n   * @vitejs/devtools shell does not mount that iframe until the entry has been\n   * opened at least once. This overlay always runs on the page, so calling\n   * `switchEntry` here covers the cold-start case where no panel exists yet to\n   * receive the `pick` message.\n   */\n  #openDevtoolsPanel() {\n    try {\n      const ctx = (\n        window as unknown as Record<\n          string,\n          undefined | {docks?: {switchEntry?: (id: string) => Promise<boolean>}}\n        >\n      ).__VITE_DEVTOOLS_CLIENT_CONTEXT__;\n      void ctx?.docks?.switchEntry?.('lit-devtools');\n    } catch {\n      // Not running inside the DevTools shell — ignore.\n    }\n  }\n\n  #pointInTooltip(x: number, y: number): boolean {\n    if (this.#tooltip.style.display === 'none') return false;\n    const r = this.#tooltip.getBoundingClientRect();\n    return x >= r.left && x <= r.right && y >= r.top && y <= r.bottom;\n  }\n\n  #onClick = (event: MouseEvent) => {\n    if (!this.#active || this.#info === null) return;\n    // Clicks on the tooltip panel are handled by its own buttons (open/copy).\n    // The overlay's shadow root is closed, so we detect this by hit-rect rather\n    // than inspecting the event path, and let the event reach those buttons.\n    if (this.#pointInTooltip(event.clientX, event.clientY)) return;\n    event.preventDefault();\n    event.stopPropagation();\n    this.#select(this.#info, event.metaKey || event.ctrlKey);\n  };\n\n  #onScrollOrResize = () => {\n    if (this.#scrollTimer !== undefined) clearTimeout(this.#scrollTimer);\n    this.#scrollTimer = setTimeout(() => {\n      this.#scrollTimer = undefined;\n      if (this.#targetEl !== null) {\n        this.#updateHighlightRect();\n      }\n    }, 50);\n  };\n}\n\ncustomElements.define('lit-source-overlay', LitSourceOverlay);\n\nexport const initSourceOverlay = (\n  initOptions: SourceOverlayInitOptions = {}\n) => {\n  if (typeof window === 'undefined') return;\n  const el = document.createElement('lit-source-overlay') as LitSourceOverlay;\n  el.configure(initOptions);\n  document.body.append(el);\n};\n\nexport const toggleSourceOverlay = () => {\n  const el = document.querySelector(\n    'lit-source-overlay'\n  ) as LitSourceOverlay | null;\n  el?.toggle();\n};\n"]}

package/lib/runtime/timeline/chrome-tracks.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @license
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+/**
+ * Mirrors timeline events into Chrome DevTools' Performance panel as custom
+ * tracks, via `console.timeStamp(label, start, end, track, group, color)`.
+ *
+ * Start/end are `performance.now()` values. Paired `:start`/`:end` events
+ * become a range; everything else becomes a zero-length marker.
+ */
+import type { TimelineEvent } from '../../../types/timeline.js';
+type TrackColor = 'primary' | 'primary-light' | 'primary-dark' | 'secondary' | 'secondary-light' | 'secondary-dark' | 'tertiary' | 'tertiary-light' | 'tertiary-dark' | 'error';
+export type TimeStamp = (label: string, start: number, end: number, track: string, group: string, color: TrackColor) => void;
+export interface ChromeTracksSink {
+    push(event: TimelineEvent): void;
+    reset(): void;
+}
+export declare const createChromeTracksSink: (stamp?: TimeStamp, toPerf?: (t: number) => number) => ChromeTracksSink;
+export {};
+//# sourceMappingURL=chrome-tracks.d.ts.map

package/lib/runtime/timeline/chrome-tracks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chrome-tracks.d.ts","sourceRoot":"","sources":["../../../src/lib/runtime/timeline/chrome-tracks.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;;;;GAMG;AAEH,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,4BAA4B,CAAC;AAG9D,KAAK,UAAU,GACX,SAAS,GACT,eAAe,GACf,cAAc,GACd,WAAW,GACX,iBAAiB,GACjB,gBAAgB,GAChB,UAAU,GACV,gBAAgB,GAChB,eAAe,GACf,OAAO,CAAC;AAEZ,MAAM,MAAM,SAAS,GAAG,CACtB,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,EACb,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,UAAU,KACd,IAAI,CAAC;AAEV,MAAM,WAAW,gBAAgB;IAC/B,IAAI,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI,CAAC;IACjC,KAAK,IAAI,IAAI,CAAC;CACf;AAuBD,eAAO,MAAM,sBAAsB,WAC1B,SAAS,WACR,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,KAC5B,gBAgDF,CAAC"}

package/lib/runtime/timeline/chrome-tracks.js

@@ -0,0 +1,74 @@
+/**
+ * @license
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+import {toPerfTime} from './clock.js';
+const GROUP = 'Lit';
+const MAX_PENDING = 1000;
+const TRACKS = {
+  'lit-lifecycle': {track: 'Lifecycle', color: 'primary', lit: true},
+  'lit-render': {track: 'Render', color: 'secondary', lit: true},
+  'lit-render-verbose': {
+    track: 'Render (verbose)',
+    color: 'secondary-light',
+    lit: true,
+  },
+  mouse: {track: 'Input', color: 'tertiary', lit: false},
+  keyboard: {track: 'Input', color: 'tertiary', lit: false},
+};
+const consoleStamp = (...args) => {
+  const c = console;
+  if (typeof c.timeStamp === 'function') c.timeStamp(...args);
+};
+export const createChromeTracksSink = (
+  stamp = consoleStamp,
+  toPerf = toPerfTime
+) => {
+  // Start times are converted at receipt because the clock epoch can reset
+  // before the matching :end arrives.
+  const pending = new Map();
+  return {
+    push(event) {
+      const cfg = TRACKS[event.layerId];
+      if (cfg === undefined) return;
+      const title = event.title ?? '';
+      const isError = event.logType === 'error';
+      const isStart = title.endsWith(':start');
+      const isEnd = title.endsWith(':end');
+      const phase =
+        isStart || isEnd ? title.slice(0, title.lastIndexOf(':')) : title;
+      const tag = cfg.lit ? (event.meta?.tagName ?? event.subtitle) : undefined;
+      const label = tag ? `<${tag}> ${phase}` : phase;
+      if (isStart) {
+        const key = `${event.layerId}|${event.groupId}|${phase}`;
+        pending.delete(key);
+        pending.set(key, {start: toPerf(event.time), error: isError});
+        if (pending.size > MAX_PENDING) {
+          const oldest = pending.keys().next().value;
+          if (oldest !== undefined) pending.delete(oldest);
+        }
+      } else if (isEnd) {
+        const key = `${event.layerId}|${event.groupId}|${phase}`;
+        const p = pending.get(key);
+        if (p === undefined) return;
+        pending.delete(key);
+        stamp(
+          label,
+          p.start,
+          toPerf(event.time),
+          cfg.track,
+          GROUP,
+          p.error || isError ? 'error' : cfg.color
+        );
+      } else {
+        const t = toPerf(event.time);
+        stamp(label, t, t, cfg.track, GROUP, isError ? 'error' : cfg.color);
+      }
+    },
+    reset() {
+      pending.clear();
+    },
+  };
+};
+//# sourceMappingURL=chrome-tracks.js.map

package/lib/runtime/timeline/chrome-tracks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chrome-tracks.js","sourceRoot":"","sources":["../../../src/lib/runtime/timeline/chrome-tracks.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\n/**\n * Mirrors timeline events into Chrome DevTools' Performance panel as custom\n * tracks, via `console.timeStamp(label, start, end, track, group, color)`.\n *\n * Start/end are `performance.now()` values. Paired `:start`/`:end` events\n * become a range; everything else becomes a zero-length marker.\n */\n\nimport type {TimelineEvent} from '../../../types/timeline.js';\nimport {toPerfTime} from './clock.js';\n\ntype TrackColor =\n  | 'primary'\n  | 'primary-light'\n  | 'primary-dark'\n  | 'secondary'\n  | 'secondary-light'\n  | 'secondary-dark'\n  | 'tertiary'\n  | 'tertiary-light'\n  | 'tertiary-dark'\n  | 'error';\n\nexport type TimeStamp = (\n  label: string,\n  start: number,\n  end: number,\n  track: string,\n  group: string,\n  color: TrackColor\n) => void;\n\nexport interface ChromeTracksSink {\n  push(event: TimelineEvent): void;\n  reset(): void;\n}\n\nconst GROUP = 'Lit';\nconst MAX_PENDING = 1000;\n\nconst TRACKS: Record<string, {track: string; color: TrackColor; lit: boolean}> =\n  {\n    'lit-lifecycle': {track: 'Lifecycle', color: 'primary', lit: true},\n    'lit-render': {track: 'Render', color: 'secondary', lit: true},\n    'lit-render-verbose': {\n      track: 'Render (verbose)',\n      color: 'secondary-light',\n      lit: true,\n    },\n    mouse: {track: 'Input', color: 'tertiary', lit: false},\n    keyboard: {track: 'Input', color: 'tertiary', lit: false},\n  };\n\nconst consoleStamp: TimeStamp = (...args) => {\n  const c = console as unknown as {timeStamp?: TimeStamp};\n  if (typeof c.timeStamp === 'function') c.timeStamp(...args);\n};\n\nexport const createChromeTracksSink = (\n  stamp: TimeStamp = consoleStamp,\n  toPerf: (t: number) => number = toPerfTime\n): ChromeTracksSink => {\n  // Start times are converted at receipt because the clock epoch can reset\n  // before the matching :end arrives.\n  const pending = new Map<string, {start: number; error: boolean}>();\n\n  return {\n    push(event) {\n      const cfg = TRACKS[event.layerId];\n      if (cfg === undefined) return;\n      const title = event.title ?? '';\n      const isError = event.logType === 'error';\n      const isStart = title.endsWith(':start');\n      const isEnd = title.endsWith(':end');\n      const phase =\n        isStart || isEnd ? title.slice(0, title.lastIndexOf(':')) : title;\n      const tag = cfg.lit ? (event.meta?.tagName ?? event.subtitle) : undefined;\n      const label = tag ? `<${tag}> ${phase}` : phase;\n\n      if (isStart) {\n        const key = `${event.layerId}|${event.groupId}|${phase}`;\n        pending.delete(key);\n        pending.set(key, {start: toPerf(event.time), error: isError});\n        if (pending.size > MAX_PENDING) {\n          const oldest = pending.keys().next().value;\n          if (oldest !== undefined) pending.delete(oldest);\n        }\n      } else if (isEnd) {\n        const key = `${event.layerId}|${event.groupId}|${phase}`;\n        const p = pending.get(key);\n        if (p === undefined) return;\n        pending.delete(key);\n        stamp(\n          label,\n          p.start,\n          toPerf(event.time),\n          cfg.track,\n          GROUP,\n          p.error || isError ? 'error' : cfg.color\n        );\n      } else {\n        const t = toPerf(event.time);\n        stamp(label, t, t, cfg.track, GROUP, isError ? 'error' : cfg.color);\n      }\n    },\n    reset() {\n      pending.clear();\n    },\n  };\n};\n"]}

package/lib/runtime/timeline/clock.d.ts

@@ -7,4 +7,10 @@
 export declare const resetClock: () => void;
 /** Milliseconds since the last {@link resetClock}. */
 export declare const now: () => number;
+/**
+ * Convert a recording-relative time (from {@link now}) back to a
+ * `performance.now()` value, i.e. milliseconds since `performance.timeOrigin`.
+ * Chrome DevTools' `console.timeStamp` expects that timebase.
+ */
+export declare const toPerfTime: (t: number) => number;
 //# sourceMappingURL=clock.d.ts.map

package/lib/runtime/timeline/clock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"clock.d.ts","sourceRoot":"","sources":["../../../src/lib/runtime/timeline/clock.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAcH,qEAAqE;AACrE,eAAO,MAAM,UAAU,QAAO,IAE7B,CAAC;AAEF,sDAAsD;AACtD,eAAO,MAAM,GAAG,QAAO,MAAmC,CAAC"}
+{"version":3,"file":"clock.d.ts","sourceRoot":"","sources":["../../../src/lib/runtime/timeline/clock.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAcH,qEAAqE;AACrE,eAAO,MAAM,UAAU,QAAO,IAE7B,CAAC;AAEF,sDAAsD;AACtD,eAAO,MAAM,GAAG,QAAO,MAAmC,CAAC;AAE3D;;;;GAIG;AACH,eAAO,MAAM,UAAU,MAAO,MAAM,KAAG,MAAmB,CAAC"}

package/lib/runtime/timeline/clock.js

@@ -19,4 +19,10 @@ export const resetClock = () => {
 };
 /** Milliseconds since the last {@link resetClock}. */
 export const now = () => performance.now() - epoch;
+/**
+ * Convert a recording-relative time (from {@link now}) back to a
+ * `performance.now()` value, i.e. milliseconds since `performance.timeOrigin`.
+ * Chrome DevTools' `console.timeStamp` expects that timebase.
+ */
+export const toPerfTime = (t) => t + epoch;
 //# sourceMappingURL=clock.js.map

package/lib/runtime/timeline/clock.js.map

@@ -1 +1 @@
-{"version":3,"file":"clock.js","sourceRoot":"","sources":["../../../src/lib/runtime/timeline/clock.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;;;;;;GAQG;AAEH,IAAI,KAAK,GAAG,CAAC,CAAC;AAEd,qEAAqE;AACrE,MAAM,CAAC,MAAM,UAAU,GAAG,GAAS,EAAE;IACnC,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC;AAC5B,CAAC,CAAC;AAEF,sDAAsD;AACtD,MAAM,CAAC,MAAM,GAAG,GAAG,GAAW,EAAE,CAAC,WAAW,CAAC,GAAG,EAAE,GAAG,KAAK,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\n/**\n * Recording-relative clock for the timeline.\n *\n * Built-in capture layers timestamp events with {@link now} rather than raw\n * `performance.now()`, so event times read as \"ms since recording started\"\n * (the first event is ~0) instead of \"ms since the app page loaded\" — which is\n * also meaningless to the panel, an iframe with its own time origin. The origin\n * is re-zeroed on each rising edge of recording via {@link resetClock}.\n */\n\nlet epoch = 0;\n\n/** Re-zero the clock; called when recording transitions off → on. */\nexport const resetClock = (): void => {\n  epoch = performance.now();\n};\n\n/** Milliseconds since the last {@link resetClock}. */\nexport const now = (): number => performance.now() - epoch;\n"]}
+{"version":3,"file":"clock.js","sourceRoot":"","sources":["../../../src/lib/runtime/timeline/clock.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;;;;;;GAQG;AAEH,IAAI,KAAK,GAAG,CAAC,CAAC;AAEd,qEAAqE;AACrE,MAAM,CAAC,MAAM,UAAU,GAAG,GAAS,EAAE;IACnC,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC;AAC5B,CAAC,CAAC;AAEF,sDAAsD;AACtD,MAAM,CAAC,MAAM,GAAG,GAAG,GAAW,EAAE,CAAC,WAAW,CAAC,GAAG,EAAE,GAAG,KAAK,CAAC;AAE3D;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,CAAS,EAAU,EAAE,CAAC,CAAC,GAAG,KAAK,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\n/**\n * Recording-relative clock for the timeline.\n *\n * Built-in capture layers timestamp events with {@link now} rather than raw\n * `performance.now()`, so event times read as \"ms since recording started\"\n * (the first event is ~0) instead of \"ms since the app page loaded\" — which is\n * also meaningless to the panel, an iframe with its own time origin. The origin\n * is re-zeroed on each rising edge of recording via {@link resetClock}.\n */\n\nlet epoch = 0;\n\n/** Re-zero the clock; called when recording transitions off → on. */\nexport const resetClock = (): void => {\n  epoch = performance.now();\n};\n\n/** Milliseconds since the last {@link resetClock}. */\nexport const now = (): number => performance.now() - epoch;\n\n/**\n * Convert a recording-relative time (from {@link now}) back to a\n * `performance.now()` value, i.e. milliseconds since `performance.timeOrigin`.\n * Chrome DevTools' `console.timeStamp` expects that timebase.\n */\nexport const toPerfTime = (t: number): number => t + epoch;\n"]}

package/lib/runtime/timeline/install.js

@@ -11,15 +11,20 @@
  * transport.
  *
  * Recording starts off; the panel iframe toggles it via the Vite HMR channel
- * (Phase 0/1) or devframe shared state (Phase 2+).
+ * (Phase 0/1) or devframe shared state (Phase 2+). Layers capture while the
+ * panel is recording OR the "chrome performance tracks" preference is on; the
+ * panel transport only receives events while recording, the Chrome tracks sink
+ * only while the preference is on.
  */
 import {emit, setHotClient} from './transport.js';
 import {resetClock} from './clock.js';
+import {createChromeTracksSink} from './chrome-tracks.js';
 import {installLifecycleLayer, setUpdateHook} from './lifecycle.js';
 import {installRenderLayer, setRenderDebugEnabled} from './render.js';
 import {installMouseLayer, installKeyboardLayer} from './input.js';
 import {flashUpdate, setFlashEnabled, setFlashRamp} from './flash.js';
 import {subscribeOverride} from '../overrides.js';
+import {pageChannel} from '../page-channel.js';
 // ---------------------------------------------------------------------------
 // Recording state — written by the panel toggle, read by all capture layers.
 // ---------------------------------------------------------------------------
@@ -31,41 +36,61 @@ const state = {
   mouseEventEnabled: false,
   keyboardEventEnabled: false,
 };
-const recording = () => state.recordingState;
+// Mirror to Chrome DevTools' Performance panel; a page-side preference driven
+// by the settings override, independent of panel recording.
+let chromeTracks = false;
+const sink = createChromeTracksSink();
+// Layers run when either consumer wants events.
+const capturing = () => state.recordingState || chromeTracks;
+const out = (e) => {
+  if (state.recordingState) emit(e);
+  if (chromeTracks) sink.push(e);
+};
 const lifecycleEnabled = () => state.litLifecycleEnabled;
 const renderEnabled = () => state.litRenderEnabled;
 const renderVerboseEnabled = () => state.litRenderVerboseEnabled;
 const mouseEnabled = () => state.mouseEventEnabled;
 const keyboardEnabled = () => state.keyboardEventEnabled;
-// Drive Lit's debug event flag from recording × (render-layer-enabled OR
+// Drive Lit's debug event flag from capturing × (render-layer-enabled OR
 // verbose-layer-enabled) so lit-html only pays the per-render CustomEvent
 // dispatch cost while we're actually capturing one of the two render layers.
 const syncRenderDebug = () => {
   setRenderDebugEnabled(
-    state.recordingState &&
-      (state.litRenderEnabled || state.litRenderVerboseEnabled)
+    capturing() && (state.litRenderEnabled || state.litRenderVerboseEnabled)
   );
 };
 // ---------------------------------------------------------------------------
 // Capture layer installation
 // ---------------------------------------------------------------------------
-installLifecycleLayer(emit, recording, lifecycleEnabled);
-installRenderLayer(emit, recording, renderEnabled, renderVerboseEnabled);
-installMouseLayer(emit, recording, mouseEnabled);
-installKeyboardLayer(emit, recording, keyboardEnabled);
+installLifecycleLayer(out, capturing, lifecycleEnabled);
+installRenderLayer(out, capturing, renderEnabled, renderVerboseEnabled);
+installMouseLayer(out, capturing, mouseEnabled);
+installKeyboardLayer(out, capturing, keyboardEnabled);
 // Flash-on-update rides the lifecycle wrappers but not the recording gate:
 // it's a page-side visual the panel toggles as a preference, so it follows the
 // settings override (read at boot, pushed live) rather than the layer state.
 setUpdateHook(flashUpdate);
+// ---------------------------------------------------------------------------
+// Page channel wiring
+// ---------------------------------------------------------------------------
+// `import.meta.hot` exists in Vite dev builds; the tsconfig lib set doesn't
+// include it, so we access it through the un-typed global shape.
 const hot = import.meta.hot;
 subscribeOverride(hot, (o) => {
   setFlashEnabled(o.flashUpdates ?? false);
   setFlashRamp(o.flashUpdatesRamp ?? false);
+  const next = o.chromeTracks ?? false;
+  if (next !== chromeTracks) {
+    chromeTracks = next;
+    if (!next) sink.reset();
+    syncRenderDebug();
+  }
 });
 if (hot !== undefined) {
-  setHotClient(hot);
+  pageChannel.useViteHot(hot);
+  setHotClient(pageChannel);
   // Panel → app: toggle recording and per-layer flags.
-  hot.on('lit:timeline:recording-changed', (data) => {
+  pageChannel.on('lit:timeline:recording-changed', (data) => {
     const next = data.recording;
     // Re-zero the timeline clock on the rising edge so event times read as
     // "ms since recording started" rather than since page load.
@@ -73,11 +98,15 @@ if (hot !== undefined) {
     state.recordingState = next;
     syncRenderDebug();
   });
-  hot.on('lit:timeline:layers-changed', (data) => {
+  pageChannel.on('lit:timeline:layers-changed', (data) => {
     Object.assign(state, data);
     syncRenderDebug();
   });
   // Announce readiness so the panel can detect the runtime.
-  hot.send('lit:timeline:runtime-ready', {});
+  pageChannel.send('lit:timeline:runtime-ready', {});
+  // A carrier attached later starts with no idea a runtime exists.
+  pageChannel.onAttach(() =>
+    pageChannel.send('lit:timeline:runtime-ready', {})
+  );
 }
 //# sourceMappingURL=install.js.map