@oddsquad/vite-plugin-lit 0.3.0 → 0.5.0

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;AA8XD,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 {
@@ -45,6 +46,7 @@ class LitSourceOverlay extends HTMLElement {
   #lastMouseY = 0;
   #edgeDispose;
   #overrideSubscribed = false;
+  #hotOff;
   constructor() {
     super();
     const root = this.attachShadow({mode: 'closed'});
@@ -72,12 +74,26 @@ class LitSourceOverlay extends HTMLElement {
     document.addEventListener('mousemove', this.#onTrackMouse, true);
     document.addEventListener('keydown', this.#onKeyDown, true);
     const hot = import.meta.hot;
-    this.#hot = hot;
-    hot?.on('vite:beforeFullReload', () => this.deactivate());
-    hot?.on('vite:ws:disconnect', () => (this.#connected = false));
-    hot?.on('vite:ws:connect', () => (this.#connected = true));
-    // Toggle from the Vite DevTools command/shortcut (handler runs server-side).
-    hot?.on(INSPECT_OVERLAY_TOGGLE_CHANNEL, () => this.toggle());
+    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.
+      const handlers = [
+        ['vite:beforeFullReload', () => this.deactivate()],
+        ['vite:ws:disconnect', () => (this.#connected = false)],
+        ['vite:ws:connect', () => (this.#connected = true)],
+      ];
+      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.
     this.#edgeDispose = observeEdgeInsets((insets) => {
       this.style.setProperty('--edge-bottom', `${insets.bottom}px`);
@@ -100,6 +116,8 @@ class LitSourceOverlay extends HTMLElement {
     this.deactivate();
     this.#edgeDispose?.();
     this.#edgeDispose = undefined;
+    this.#hotOff?.();
+    this.#hotOff = undefined;
   }
   configure(options) {
     this.#options = options;
@@ -164,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 {
@@ -271,7 +294,7 @@ class LitSourceOverlay extends HTMLElement {
   #onKeyDown = (event) => {
     if ((event.metaKey || event.ctrlKey) && event.shiftKey && !event.altKey) {
       const pressed = event.key.toLowerCase();
-      const hotkey = (this.#options.key ?? 'e').toLowerCase();
+      const hotkey = (this.#options.key ?? 's').toLowerCase();
       if (pressed === hotkey) {
         event.preventDefault();
         this.toggle();

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\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          send: (event: string, data: unknown) => void;\n        };\n      }\n    ).hot;\n    this.#hot = hot;\n    hot?.on('vite:beforeFullReload', () => this.deactivate());\n    hot?.on('vite:ws:disconnect', () => (this.#connected = false));\n    hot?.on('vite:ws:connect', () => (this.#connected = true));\n    // Toggle from the Vite DevTools command/shortcut (handler runs server-side).\n    hot?.on(INSPECT_OVERLAY_TOGGLE_CHANNEL, () => this.toggle());\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  }\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 ?? 'e').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/install.js

@@ -20,6 +20,7 @@ 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.
 // ---------------------------------------------------------------------------
@@ -27,40 +28,51 @@ const state = {
   recordingState: false,
   litLifecycleEnabled: true,
   litRenderEnabled: true,
+  litRenderVerboseEnabled: false,
   mouseEventEnabled: false,
   keyboardEventEnabled: false,
 };
 const recording = () => state.recordingState;
 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 so
-// lit-html only pays the per-render CustomEvent dispatch cost while we're
-// actually capturing the render layer.
+// Drive Lit's debug event flag from recording × (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);
+  setRenderDebugEnabled(
+    state.recordingState &&
+      (state.litRenderEnabled || state.litRenderVerboseEnabled)
+  );
 };
 // ---------------------------------------------------------------------------
 // Capture layer installation
 // ---------------------------------------------------------------------------
 installLifecycleLayer(emit, recording, lifecycleEnabled);
-installRenderLayer(emit, recording, renderEnabled);
+installRenderLayer(emit, recording, renderEnabled, renderVerboseEnabled);
 installMouseLayer(emit, recording, mouseEnabled);
 installKeyboardLayer(emit, recording, 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);
 });
 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.
@@ -68,11 +80,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

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

@@ -1 +1 @@
-{"version":3,"file":"install.js","sourceRoot":"","sources":["../../../src/lib/runtime/timeline/install.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 * Timeline runtime install entry point.\n *\n * Injected by the plugin into the host page via `transformIndexHtml` when\n * `timeline: true` is set. Sets up all capture layers and wires them to the\n * transport.\n *\n * Recording starts off; the panel iframe toggles it via the Vite HMR channel\n * (Phase 0/1) or devframe shared state (Phase 2+).\n */\n\nimport {emit, setHotClient} from './transport.js';\nimport {resetClock} from './clock.js';\nimport {installLifecycleLayer, setUpdateHook} from './lifecycle.js';\nimport {installRenderLayer, setRenderDebugEnabled} from './render.js';\nimport {installMouseLayer, installKeyboardLayer} from './input.js';\nimport {flashUpdate, setFlashEnabled, setFlashRamp} from './flash.js';\nimport {subscribeOverride} from '../overrides.js';\nimport type {TimelineLayersState} from '../../../types/timeline.js';\n\n// ---------------------------------------------------------------------------\n// Recording state — written by the panel toggle, read by all capture layers.\n// ---------------------------------------------------------------------------\n\nconst state: TimelineLayersState = {\n  recordingState: false,\n  litLifecycleEnabled: true,\n  litRenderEnabled: true,\n  mouseEventEnabled: false,\n  keyboardEventEnabled: false,\n};\n\nconst recording = (): boolean => state.recordingState;\nconst lifecycleEnabled = (): boolean => state.litLifecycleEnabled;\nconst renderEnabled = (): boolean => state.litRenderEnabled;\nconst mouseEnabled = (): boolean => state.mouseEventEnabled;\nconst keyboardEnabled = (): boolean => state.keyboardEventEnabled;\n\n// Drive Lit's debug event flag from recording × render-layer-enabled so\n// lit-html only pays the per-render CustomEvent dispatch cost while we're\n// actually capturing the render layer.\nconst syncRenderDebug = (): void => {\n  setRenderDebugEnabled(state.recordingState && state.litRenderEnabled);\n};\n\n// ---------------------------------------------------------------------------\n// Capture layer installation\n// ---------------------------------------------------------------------------\n\ninstallLifecycleLayer(emit, recording, lifecycleEnabled);\ninstallRenderLayer(emit, recording, renderEnabled);\ninstallMouseLayer(emit, recording, mouseEnabled);\ninstallKeyboardLayer(emit, recording, keyboardEnabled);\n\n// Flash-on-update rides the lifecycle wrappers but not the recording gate:\n// it's a page-side visual the panel toggles as a preference, so it follows the\n// settings override (read at boot, pushed live) rather than the layer state.\nsetUpdateHook(flashUpdate);\n\n// ---------------------------------------------------------------------------\n// HMR channel wiring (Phase 0/1 transport)\n// ---------------------------------------------------------------------------\n\n// `import.meta.hot` exists in Vite dev builds; the tsconfig lib set doesn't\n// include it, so we access it through the un-typed global shape.\ntype ViteHot = {\n  send: (event: string, data: unknown) => void;\n  on: (event: string, handler: (data: unknown) => void) => void;\n};\nconst hot = (import.meta as {hot?: ViteHot}).hot;\n\nsubscribeOverride(hot, (o) => {\n  setFlashEnabled(o.flashUpdates ?? false);\n  setFlashRamp(o.flashUpdatesRamp ?? false);\n});\n\nif (hot !== undefined) {\n  setHotClient(hot);\n\n  // Panel → app: toggle recording and per-layer flags.\n  hot.on('lit:timeline:recording-changed', (data) => {\n    const next = (data as {recording: boolean}).recording;\n    // Re-zero the timeline clock on the rising edge so event times read as\n    // \"ms since recording started\" rather than since page load.\n    if (next && !state.recordingState) resetClock();\n    state.recordingState = next;\n    syncRenderDebug();\n  });\n\n  hot.on('lit:timeline:layers-changed', (data) => {\n    Object.assign(state, data as Partial<TimelineLayersState>);\n    syncRenderDebug();\n  });\n\n  // Announce readiness so the panel can detect the runtime.\n  hot.send('lit:timeline:runtime-ready', {});\n}\n"]}
+{"version":3,"file":"install.js","sourceRoot":"","sources":["../../../src/lib/runtime/timeline/install.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 * Timeline runtime install entry point.\n *\n * Injected by the plugin into the host page via `transformIndexHtml` when\n * `timeline: true` is set. Sets up all capture layers and wires them to the\n * transport.\n *\n * Recording starts off; the panel iframe toggles it via the Vite HMR channel\n * (Phase 0/1) or devframe shared state (Phase 2+).\n */\n\nimport {emit, setHotClient} from './transport.js';\nimport {resetClock} from './clock.js';\nimport {installLifecycleLayer, setUpdateHook} from './lifecycle.js';\nimport {installRenderLayer, setRenderDebugEnabled} from './render.js';\nimport {installMouseLayer, installKeyboardLayer} from './input.js';\nimport {flashUpdate, setFlashEnabled, setFlashRamp} from './flash.js';\nimport {subscribeOverride} from '../overrides.js';\nimport {pageChannel} from '../page-channel.js';\nimport type {ViteHotLike} from '../page-channel.js';\nimport type {TimelineLayersState} from '../../../types/timeline.js';\n\n// ---------------------------------------------------------------------------\n// Recording state — written by the panel toggle, read by all capture layers.\n// ---------------------------------------------------------------------------\n\nconst state: TimelineLayersState = {\n  recordingState: false,\n  litLifecycleEnabled: true,\n  litRenderEnabled: true,\n  litRenderVerboseEnabled: false,\n  mouseEventEnabled: false,\n  keyboardEventEnabled: false,\n};\n\nconst recording = (): boolean => state.recordingState;\nconst lifecycleEnabled = (): boolean => state.litLifecycleEnabled;\nconst renderEnabled = (): boolean => state.litRenderEnabled;\nconst renderVerboseEnabled = (): boolean => state.litRenderVerboseEnabled;\nconst mouseEnabled = (): boolean => state.mouseEventEnabled;\nconst keyboardEnabled = (): boolean => state.keyboardEventEnabled;\n\n// Drive Lit's debug event flag from recording × (render-layer-enabled OR\n// verbose-layer-enabled) so lit-html only pays the per-render CustomEvent\n// dispatch cost while we're actually capturing one of the two render layers.\nconst syncRenderDebug = (): void => {\n  setRenderDebugEnabled(\n    state.recordingState &&\n      (state.litRenderEnabled || state.litRenderVerboseEnabled)\n  );\n};\n\n// ---------------------------------------------------------------------------\n// Capture layer installation\n// ---------------------------------------------------------------------------\n\ninstallLifecycleLayer(emit, recording, lifecycleEnabled);\ninstallRenderLayer(emit, recording, renderEnabled, renderVerboseEnabled);\ninstallMouseLayer(emit, recording, mouseEnabled);\ninstallKeyboardLayer(emit, recording, keyboardEnabled);\n\n// Flash-on-update rides the lifecycle wrappers but not the recording gate:\n// it's a page-side visual the panel toggles as a preference, so it follows the\n// settings override (read at boot, pushed live) rather than the layer state.\nsetUpdateHook(flashUpdate);\n\n// ---------------------------------------------------------------------------\n// Page channel wiring\n// ---------------------------------------------------------------------------\n\n// `import.meta.hot` exists in Vite dev builds; the tsconfig lib set doesn't\n// include it, so we access it through the un-typed global shape.\nconst hot = (import.meta as {hot?: ViteHotLike}).hot;\n\nsubscribeOverride(hot, (o) => {\n  setFlashEnabled(o.flashUpdates ?? false);\n  setFlashRamp(o.flashUpdatesRamp ?? false);\n});\n\nif (hot !== undefined) {\n  pageChannel.useViteHot(hot);\n  setHotClient(pageChannel);\n\n  // Panel → app: toggle recording and per-layer flags.\n  pageChannel.on('lit:timeline:recording-changed', (data) => {\n    const next = (data as {recording: boolean}).recording;\n    // Re-zero the timeline clock on the rising edge so event times read as\n    // \"ms since recording started\" rather than since page load.\n    if (next && !state.recordingState) resetClock();\n    state.recordingState = next;\n    syncRenderDebug();\n  });\n\n  pageChannel.on('lit:timeline:layers-changed', (data) => {\n    Object.assign(state, data as Partial<TimelineLayersState>);\n    syncRenderDebug();\n  });\n\n  // Announce readiness so the panel can detect the runtime.\n  pageChannel.send('lit:timeline:runtime-ready', {});\n  // A carrier attached later starts with no idea a runtime exists.\n  pageChannel.onAttach(() =>\n    pageChannel.send('lit:timeline:runtime-ready', {})\n  );\n}\n"]}

package/lib/runtime/timeline/public-api.d.ts

@@ -10,8 +10,8 @@ export type { TimelineEvent, TimelineLayer };
  *
  * The event is forwarded to the Timeline panel when recording is active.
  * Use a custom `layerId` registered with `addTimelineLayer`, or one of the
- * built-in layer ids (`'lit-lifecycle'`, `'lit-render'`, `'mouse'`,
- * `'keyboard'`).
+ * built-in layer ids (`'lit-lifecycle'`, `'lit-render'`,
+ * `'lit-render-verbose'`, `'mouse'`, `'keyboard'`).
  *
  * No-ops in production (the HMR channel is absent; events are dropped in the
  * transport queue).

package/lib/runtime/timeline/public-api.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../../../src/lib/runtime/timeline/public-api.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAYH,OAAO,KAAK,EAAC,aAAa,EAAE,aAAa,EAAC,MAAM,4BAA4B,CAAC;AAE7E,YAAY,EAAC,aAAa,EAAE,aAAa,EAAC,CAAC;AAE3C;;;;;;;;;;GAUG;AACH,eAAO,MAAM,gBAAgB,UAAW,aAAa,KAAG,IAEvD,CAAC;AAIF;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,UAAW,aAAa,KAAG,IAOvD,CAAC"}
+{"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../../../src/lib/runtime/timeline/public-api.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAaH,OAAO,KAAK,EAAC,aAAa,EAAE,aAAa,EAAC,MAAM,4BAA4B,CAAC;AAE7E,YAAY,EAAC,aAAa,EAAE,aAAa,EAAC,CAAC;AAE3C;;;;;;;;;;GAUG;AACH,eAAO,MAAM,gBAAgB,UAAW,aAAa,KAAG,IAEvD,CAAC;AAYF;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,UAAW,aAAa,KAAG,IAMvD,CAAC"}

package/lib/runtime/timeline/public-api.js

@@ -11,14 +11,15 @@
  * This module shares the same `transport.ts` instance as `install.ts`, so
  * events emitted here flow through the same batched HMR channel to the panel.
  */
+import {pageChannel} from '../page-channel.js';
 import {emit, setHotClientCallback} from './transport.js';
 /**
  * Emit a custom timeline event from app code.
  *
  * The event is forwarded to the Timeline panel when recording is active.
  * Use a custom `layerId` registered with `addTimelineLayer`, or one of the
- * built-in layer ids (`'lit-lifecycle'`, `'lit-render'`, `'mouse'`,
- * `'keyboard'`).
+ * built-in layer ids (`'lit-lifecycle'`, `'lit-render'`,
+ * `'lit-render-verbose'`, `'mouse'`, `'keyboard'`).
  *
  * No-ops in production (the HMR channel is absent; events are dropped in the
  * transport queue).
@@ -26,6 +27,14 @@ import {emit, setHotClientCallback} from './transport.js';
 export const addTimelineEvent = (event) => {
   emit(event);
 };
+const announcedLayers = [];
+// A carrier attached later (the dev server's own RPC link, say) never saw the
+// layers registered before it, so they are announced to it again.
+pageChannel.onAttach(() => {
+  for (const layer of announcedLayers) {
+    pageChannel.send('lit:timeline:custom-layer', {layer});
+  }
+});
 /**
  * Register a custom timeline layer and announce it to the panel.
  *
@@ -35,9 +44,8 @@ export const addTimelineEvent = (event) => {
  */
 export const addTimelineLayer = (layer) => {
   const send = () => {
-    import.meta.hot?.send('lit:timeline:custom-layer', {
-      layer,
-    });
+    announcedLayers.push(layer);
+    pageChannel.send('lit:timeline:custom-layer', {layer});
   };
   setHotClientCallback(send);
 };

package/lib/runtime/timeline/public-api.js.map

@@ -1 +1 @@
-{"version":3,"file":"public-api.js","sourceRoot":"","sources":["../../../src/lib/runtime/timeline/public-api.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;;;;;GAOG;AAEH,OAAO,EAAC,IAAI,EAAE,oBAAoB,EAAC,MAAM,gBAAgB,CAAC;AAK1D;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAAoB,EAAQ,EAAE;IAC7D,IAAI,CAAC,KAAK,CAAC,CAAC;AACd,CAAC,CAAC;AAIF;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAAoB,EAAQ,EAAE;IAC7D,MAAM,IAAI,GAAG,GAAS,EAAE;QACrB,OAAO,IAAwB,CAAC,GAAG,EAAE,IAAI,CAAC,2BAA2B,EAAE;YACtE,KAAK;SACN,CAAC,CAAC;IACL,CAAC,CAAC;IACF,oBAAoB,CAAC,IAAI,CAAC,CAAC;AAC7B,CAAC,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\n/**\n * Public timeline API — re-exported by the `virtual:lit-plugin/timeline`\n * virtual module so app code and other plugins can contribute events and\n * custom layers without reaching into plugin internals.\n *\n * This module shares the same `transport.ts` instance as `install.ts`, so\n * events emitted here flow through the same batched HMR channel to the panel.\n */\n\nimport {emit, setHotClientCallback} from './transport.js';\nimport type {TimelineEvent, TimelineLayer} from '../../../types/timeline.js';\n\nexport type {TimelineEvent, TimelineLayer};\n\n/**\n * Emit a custom timeline event from app code.\n *\n * The event is forwarded to the Timeline panel when recording is active.\n * Use a custom `layerId` registered with `addTimelineLayer`, or one of the\n * built-in layer ids (`'lit-lifecycle'`, `'lit-render'`, `'mouse'`,\n * `'keyboard'`).\n *\n * No-ops in production (the HMR channel is absent; events are dropped in the\n * transport queue).\n */\nexport const addTimelineEvent = (event: TimelineEvent): void => {\n  emit(event);\n};\n\ntype ViteHot = {send: (event: string, data: unknown) => void};\n\n/**\n * Register a custom timeline layer and announce it to the panel.\n *\n * The panel adds the layer to its toggle strip after the built-in layers.\n * The registration message is sent once on first call; duplicate ids are\n * ignored.\n */\nexport const addTimelineLayer = (layer: TimelineLayer): void => {\n  const send = (): void => {\n    (import.meta as {hot?: ViteHot}).hot?.send('lit:timeline:custom-layer', {\n      layer,\n    });\n  };\n  setHotClientCallback(send);\n};\n"]}
+{"version":3,"file":"public-api.js","sourceRoot":"","sources":["../../../src/lib/runtime/timeline/public-api.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;;;;;GAOG;AAEH,OAAO,EAAC,WAAW,EAAC,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAC,IAAI,EAAE,oBAAoB,EAAC,MAAM,gBAAgB,CAAC;AAK1D;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAAoB,EAAQ,EAAE;IAC7D,IAAI,CAAC,KAAK,CAAC,CAAC;AACd,CAAC,CAAC;AAEF,MAAM,eAAe,GAAoB,EAAE,CAAC;AAE5C,8EAA8E;AAC9E,kEAAkE;AAClE,WAAW,CAAC,QAAQ,CAAC,GAAG,EAAE;IACxB,KAAK,MAAM,KAAK,IAAI,eAAe,EAAE,CAAC;QACpC,WAAW,CAAC,IAAI,CAAC,2BAA2B,EAAE,EAAC,KAAK,EAAC,CAAC,CAAC;IACzD,CAAC;AACH,CAAC,CAAC,CAAC;AAEH;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAAoB,EAAQ,EAAE;IAC7D,MAAM,IAAI,GAAG,GAAS,EAAE;QACtB,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC5B,WAAW,CAAC,IAAI,CAAC,2BAA2B,EAAE,EAAC,KAAK,EAAC,CAAC,CAAC;IACzD,CAAC,CAAC;IACF,oBAAoB,CAAC,IAAI,CAAC,CAAC;AAC7B,CAAC,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\n/**\n * Public timeline API — re-exported by the `virtual:lit-plugin/timeline`\n * virtual module so app code and other plugins can contribute events and\n * custom layers without reaching into plugin internals.\n *\n * This module shares the same `transport.ts` instance as `install.ts`, so\n * events emitted here flow through the same batched HMR channel to the panel.\n */\n\nimport {pageChannel} from '../page-channel.js';\nimport {emit, setHotClientCallback} from './transport.js';\nimport type {TimelineEvent, TimelineLayer} from '../../../types/timeline.js';\n\nexport type {TimelineEvent, TimelineLayer};\n\n/**\n * Emit a custom timeline event from app code.\n *\n * The event is forwarded to the Timeline panel when recording is active.\n * Use a custom `layerId` registered with `addTimelineLayer`, or one of the\n * built-in layer ids (`'lit-lifecycle'`, `'lit-render'`,\n * `'lit-render-verbose'`, `'mouse'`, `'keyboard'`).\n *\n * No-ops in production (the HMR channel is absent; events are dropped in the\n * transport queue).\n */\nexport const addTimelineEvent = (event: TimelineEvent): void => {\n  emit(event);\n};\n\nconst announcedLayers: TimelineLayer[] = [];\n\n// A carrier attached later (the dev server's own RPC link, say) never saw the\n// layers registered before it, so they are announced to it again.\npageChannel.onAttach(() => {\n  for (const layer of announcedLayers) {\n    pageChannel.send('lit:timeline:custom-layer', {layer});\n  }\n});\n\n/**\n * Register a custom timeline layer and announce it to the panel.\n *\n * The panel adds the layer to its toggle strip after the built-in layers.\n * The registration message is sent once on first call; duplicate ids are\n * ignored.\n */\nexport const addTimelineLayer = (layer: TimelineLayer): void => {\n  const send = (): void => {\n    announcedLayers.push(layer);\n    pageChannel.send('lit:timeline:custom-layer', {layer});\n  };\n  setHotClientCallback(send);\n};\n"]}

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

@@ -4,29 +4,38 @@
  * SPDX-License-Identifier: BSD-3-Clause
  */
 /**
- * lit-render timeline layer — listens to the built-in lit-debug CustomEvents
- * instead of patching prototypes, so it's zero-cost when the Lit debug flag
- * is off and perfectly accurate for the render layer.
+ * lit-render timeline layers — listen to the built-in lit-debug CustomEvents
+ * instead of patching prototypes, so they're zero-cost when the Lit debug
+ * flag is off and perfectly accurate for the render layers.
  *
  * `globalThis.emitLitDebugLogEvents = true` gates the events, and lit-html
  * dispatches a CustomEvent per render whenever it's set — a real per-render
  * cost. So the caller drives the flag via {@link setRenderDebugEnabled} from
- * `recording × layer-enabled` rather than leaving it on for the whole session.
+ * `recording × (lit-render OR lit-render-verbose enabled)` rather than
+ * leaving it on for the whole session.
  * The events are tagged `*Unstable` in the Lit source; we tolerate missing
  * `kind` values gracefully.
  *
  * begin render / end render share a numeric `id` → we use it as groupId so
  * the panel can show a duration bar for each render call.
+ *
+ * `template updating` / `template instantiated[ and updated]` / `set part` /
+ * `commit *` fire once per template-bound part on *every* render — extremely
+ * high volume (a ticking clock or animation floods the layer). They're
+ * emitted on the separate opt-in `lit-render-verbose` layer rather than
+ * `lit-render`, so the common case (the begin/end render duration bar) stays
+ * quiet by default.
  */
 import type { TimelineEvent } from '../../../types/timeline.js';
 type EmitFn = (event: TimelineEvent) => void;
 type RecordingFn = () => boolean;
 type LayerEnabledFn = () => boolean;
 /**
- * Install the lit-debug render layer.
+ * Install the lit-debug render layers (`lit-render` and the opt-in
+ * `lit-render-verbose`).
  * Idempotent — calling again when already installed is a no-op.
  */
-export declare const installRenderLayer: (emit: EmitFn, recording: RecordingFn, layerEnabled: LayerEnabledFn) => void;
+export declare const installRenderLayer: (emit: EmitFn, recording: RecordingFn, renderEnabled: LayerEnabledFn, verboseEnabled: LayerEnabledFn) => void;
 /**
  * Toggle Lit's debug event system. Enabling makes lit-html dispatch a
  * CustomEvent on every render (dev-only; no-op in prod builds), so the caller

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

@@ -1 +1 @@
-{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../../src/lib/runtime/timeline/render.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,4BAA4B,CAAC;AAI9D,KAAK,MAAM,GAAG,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;AAC7C,KAAK,WAAW,GAAG,MAAM,OAAO,CAAC;AACjC,KAAK,cAAc,GAAG,MAAM,OAAO,CAAC;AAmGpC;;;GAGG;AACH,eAAO,MAAM,kBAAkB,SACvB,MAAM,aACD,WAAW,gBACR,cAAc,KAC3B,IASF,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,YAAa,OAAO,KAAG,IAGxD,CAAC;AAEF,wDAAwD;AACxD,eAAO,MAAM,oBAAoB,QAAO,IAIvC,CAAC"}
+{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../../src/lib/runtime/timeline/render.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,4BAA4B,CAAC;AAI9D,KAAK,MAAM,GAAG,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;AAC7C,KAAK,WAAW,GAAG,MAAM,OAAO,CAAC;AACjC,KAAK,cAAc,GAAG,MAAM,OAAO,CAAC;AA2QpC;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,SACvB,MAAM,aACD,WAAW,iBACP,cAAc,kBACb,cAAc,KAC7B,IAUF,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,YAAa,OAAO,KAAG,IAGxD,CAAC;AAEF,wDAAwD;AACxD,eAAO,MAAM,oBAAoB,QAAO,IAIvC,CAAC"}