chrome-devtools-frontend 1.0.1512349 → 1.0.1514545

package/front_end/panels/timeline/components/timelineSummary.css

@@ -1,5 +1,5 @@
 /*
- * Copyright 2024 The Chromium Authors. All rights reserved.
+ * Copyright 2024 The Chromium Authors
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file.
  */

package/front_end/panels/timeline/enable-easter-egg.js

@@ -1,4 +1,4 @@
-// Copyright 2024 The Chromium Authors. All rights reserved.
+// Copyright 2024 The Chromium Authors
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 

package/front_end/panels/timeline/extensions/ExtensionUI.ts

@@ -1,4 +1,4 @@
-// Copyright 2024 The Chromium Authors. All rights reserved.
+// Copyright 2024 The Chromium Authors
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 

package/front_end/panels/timeline/extensions/extensions.ts

@@ -1,4 +1,4 @@
-// Copyright 2024 The Chromium Authors. All rights reserved.
+// Copyright 2024 The Chromium Authors
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 

package/front_end/panels/timeline/overlays/OverlaysImpl.ts

@@ -1,4 +1,4 @@
-// Copyright 2024 The Chromium Authors. All rights reserved.
+// Copyright 2024 The Chromium Authors
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 /* eslint-disable rulesdir/no-imperative-dom-api */
@@ -204,7 +204,7 @@ export interface TimelineCharts {
 }
 
 export interface OverlayEntryQueries {
-  parsedTrace: () => Trace.Handlers.Types.ParsedTrace | null;
+  parsedTrace: () => Trace.TraceModel.ParsedTrace | null;
   isEntryCollapsedByUser: (entry: Trace.Types.Events.Event) => boolean;
   firstVisibleParentForEntry: (entry: Trace.Types.Events.Event) => Trace.Types.Events.Event | null;
 }
@@ -1564,7 +1564,7 @@ export class Overlays extends EventTarget {
         return overlayElement;
       }
       case 'TIMINGS_MARKER': {
-        const {color} = Utils.EntryStyles.markerDetailsForEvent(overlay.entries[0]);
+        const {color} = Trace.Styles.markerDetailsForEvent(overlay.entries[0]);
         const markersComponent = this.#createTimingsMarkerElement(overlay);
         overlayElement.appendChild(markersComponent);
         overlayElement.style.backgroundColor = color;
@@ -1633,7 +1633,7 @@ export class Overlays extends EventTarget {
     const markers = document.createElement('div');
     markers.classList.add('markers');
     for (const entry of overlay.entries) {
-      const {color, title} = Utils.EntryStyles.markerDetailsForEvent(entry);
+      const {color, title} = Trace.Styles.markerDetailsForEvent(entry);
       const marker = document.createElement('div');
       marker.classList.add('marker-title');
       marker.textContent = title;

package/front_end/panels/timeline/overlays/components/EntriesLinkOverlay.ts

@@ -1,4 +1,4 @@
-// Copyright 2024 The Chromium Authors. All rights reserved.
+// Copyright 2024 The Chromium Authors
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 import '../../../../ui/components/icon_button/icon_button.js';

package/front_end/panels/timeline/overlays/components/EntryLabelOverlay.ts

@@ -1,4 +1,4 @@
-// Copyright 2024 The Chromium Authors. All rights reserved.
+// Copyright 2024 The Chromium Authors
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 /* eslint-disable rulesdir/no-lit-render-outside-of-view */

package/front_end/panels/timeline/overlays/components/TimeRangeOverlay.ts

@@ -1,4 +1,4 @@
-// Copyright 2024 The Chromium Authors. All rights reserved.
+// Copyright 2024 The Chromium Authors
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 /* eslint-disable rulesdir/no-lit-render-outside-of-view */

package/front_end/panels/timeline/overlays/components/TimespanBreakdownOverlay.ts

@@ -1,4 +1,4 @@
-// Copyright 2024 The Chromium Authors. All rights reserved.
+// Copyright 2024 The Chromium Authors
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 /* eslint-disable rulesdir/no-lit-render-outside-of-view */

package/front_end/panels/timeline/overlays/components/components.ts

@@ -1,4 +1,4 @@
-// Copyright 2024 The Chromium Authors. All rights reserved.
+// Copyright 2024 The Chromium Authors
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 

package/front_end/panels/timeline/overlays/components/entriesLinkOverlay.css

@@ -1,5 +1,5 @@
 /*
- * Copyright 2024 The Chromium Authors. All rights reserved.
+ * Copyright 2024 The Chromium Authors
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file.
  */

package/front_end/panels/timeline/overlays/components/entryLabelOverlay.css

@@ -1,5 +1,5 @@
 /*
- * Copyright 2024 The Chromium Authors. All rights reserved.
+ * Copyright 2024 The Chromium Authors
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file.
  */

package/front_end/panels/timeline/overlays/components/timeRangeOverlay.css

@@ -1,5 +1,5 @@
 /*
- * Copyright 2024 The Chromium Authors. All rights reserved.
+ * Copyright 2024 The Chromium Authors
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file.
  */

package/front_end/panels/timeline/overlays/components/timespanBreakdownOverlay.css

@@ -1,5 +1,5 @@
 /*
- * Copyright 2024 The Chromium Authors. All rights reserved.
+ * Copyright 2024 The Chromium Authors
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file.
  */

package/front_end/panels/timeline/overlays/overlays.ts

@@ -1,4 +1,4 @@
-// Copyright 2024 The Chromium Authors. All rights reserved.
+// Copyright 2024 The Chromium Authors
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 

package/front_end/panels/timeline/thirdPartyTreeView.css

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 The Chromium Authors. All rights reserved.
+ * Copyright 2025 The Chromium Authors
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file.
  */

package/front_end/panels/timeline/timeline-meta.ts

@@ -1,4 +1,4 @@
-// Copyright 2020 The Chromium Authors. All rights reserved.
+// Copyright 2020 The Chromium Authors
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 

package/front_end/panels/timeline/timeline.ts

@@ -1,4 +1,4 @@
-// Copyright 2019 The Chromium Authors. All rights reserved.
+// Copyright 2019 The Chromium Authors
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 

package/front_end/panels/timeline/timelineDetailsView.css

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 The Chromium Authors. All rights reserved.
+ * Copyright 2025 The Chromium Authors
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file.
  */

package/front_end/panels/timeline/timelineFlameChartView.css

@@ -1,5 +1,5 @@
 /*
- * Copyright 2024 The Chromium Authors. All rights reserved.
+ * Copyright 2024 The Chromium Authors
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file.
  */

package/front_end/panels/timeline/timelineFlamechartPopover.css

@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2015 The Chromium Authors. All rights reserved.
+ * Copyright 2015 The Chromium Authors
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file.
  */

package/front_end/panels/timeline/timelineHistoryManager.css

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017 The Chromium Authors. All rights reserved.
+ * Copyright 2017 The Chromium Authors
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file.
  */

package/front_end/panels/timeline/timelineMiniMap.css

@@ -1,5 +1,5 @@
 /*
- * Copyright 2023 The Chromium Authors. All rights reserved.
+ * Copyright 2023 The Chromium Authors
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file.
  */

package/front_end/panels/timeline/timelinePaintProfiler.css

@@ -1,5 +1,5 @@
 /*
- * Copyright 2016 The Chromium Authors. All rights reserved.
+ * Copyright 2016 The Chromium Authors
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file.
  */

package/front_end/panels/timeline/timelineSelectorStatsView.css

@@ -1,9 +1,9 @@
 /*
- * Copyright 2025 The Chromium Authors. All rights reserved.
+ * Copyright 2025 The Chromium Authors
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file.
  */
 
 devtools-data-grid {
   flex: auto;
-}
+}

package/front_end/panels/timeline/timelineStatusDialog.css

@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2015 The Chromium Authors. All rights reserved.
+ * Copyright 2015 The Chromium Authors
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file.
  */

package/front_end/panels/timeline/timelineTreeView.css

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 The Chromium Authors. All rights reserved.
+ * Copyright 2025 The Chromium Authors
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file.
  */

package/front_end/panels/timeline/utils/AICallTree.ts

@@ -1,13 +1,10 @@
-// Copyright 2024 The Chromium Authors. All rights reserved.
+// Copyright 2024 The Chromium Authors
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 import * as Root from '../../../core/root/root.js';
 import * as Trace from '../../../models/trace/trace.js';
-
-import {nameForEntry} from './EntryName.js';
-import {visibleTypes} from './EntryStyles.js';
-import {SourceMapsResolver} from './SourceMapsResolver.js';
+import * as SourceMapsResolver from '../../../models/trace_source_maps_resolver/trace_source_maps_resolver.js';
 
 /** Iterates from a node down through its descendents. If the callback returns true, the loop stops. */
 function depthFirstWalk(
@@ -22,7 +19,7 @@ function depthFirstWalk(
 
 export interface FromTimeOnThreadOptions {
   thread: {pid: Trace.Types.Events.ProcessID, tid: Trace.Types.Events.ThreadID};
-  parsedTrace: Trace.Handlers.Types.ParsedTrace;
+  parsedTrace: Trace.TraceModel.ParsedTrace;
   bounds: Trace.Types.Timing.TraceWindowMicro;
 }
 
@@ -30,13 +27,12 @@ export class AICallTree {
   constructor(
       public selectedNode: Trace.Extras.TraceTree.Node|null,
       public rootNode: Trace.Extras.TraceTree.TopDownRootNode,
-      // TODO: see if we can avoid passing around this entire thing.
-      public parsedTrace: Trace.Handlers.Types.ParsedTrace,
+      public parsedTrace: Trace.TraceModel.ParsedTrace,
   ) {
   }
 
   static findEventsForThread({thread, parsedTrace, bounds}: FromTimeOnThreadOptions): Trace.Types.Events.Event[]|null {
-    const threadEvents = parsedTrace.Renderer.processes.get(thread.pid)?.threads.get(thread.tid)?.entries;
+    const threadEvents = parsedTrace.data.Renderer.processes.get(thread.pid)?.threads.get(thread.tid)?.entries;
     if (!threadEvents) {
       return null;
     }
@@ -46,7 +42,7 @@ export class AICallTree {
 
   static findMainThreadTasks({thread, parsedTrace, bounds}: FromTimeOnThreadOptions):
       Trace.Types.Events.RunTask[]|null {
-    const threadEvents = parsedTrace.Renderer.processes.get(thread.pid)?.threads.get(thread.tid)?.entries;
+    const threadEvents = parsedTrace.data.Renderer.processes.get(thread.pid)?.threads.get(thread.tid)?.entries;
     if (!threadEvents) {
       return null;
     }
@@ -66,7 +62,7 @@ export class AICallTree {
       return null;
     }
 
-    const visibleEventsFilter = new Trace.Extras.TraceFilter.VisibleEventsFilter(visibleTypes());
+    const visibleEventsFilter = new Trace.Extras.TraceFilter.VisibleEventsFilter(Trace.Styles.visibleTypes());
 
     // By default, we remove events whose duration is less than 0.5% of the total
     // range. So if the range is 10s, an event must be 0.05s+ to be included.
@@ -100,7 +96,7 @@ export class AICallTree {
    * This filters out other events we make such as SyntheticLayoutShifts which are not valid
    * If the event is not valid, or there is an unexpected error building the tree, `null` is returned.
    */
-  static fromEvent(selectedEvent: Trace.Types.Events.Event, parsedTrace: Trace.Handlers.Types.ParsedTrace): AICallTree
+  static fromEvent(selectedEvent: Trace.Types.Events.Event, parsedTrace: Trace.TraceModel.ParsedTrace): AICallTree
       |null {
     // Special case: performance.mark events are shown on the main thread
     // technically, but because they are instant events they are shown with a
@@ -117,7 +113,7 @@ export class AICallTree {
     }
 
     // First: check that the selected event is on the thread we have identified as the main thread.
-    const threads = Trace.Handlers.Threads.threadsInTrace(parsedTrace);
+    const threads = Trace.Handlers.Threads.threadsInTrace(parsedTrace.data);
     const thread = threads.find(t => t.pid === selectedEvent.pid && t.tid === selectedEvent.tid);
     if (!thread) {
       return null;
@@ -139,7 +135,8 @@ export class AICallTree {
     // information such as Layout Shift clusters.
     // We check Renderer + Samples to ensure we support CPU Profiles (which do
     // not populate the Renderer Handler)
-    if (!parsedTrace.Renderer.entryToNode.has(selectedEvent) && !parsedTrace.Samples.entryToNode.has(selectedEvent)) {
+    const data = parsedTrace.data;
+    if (!data.Renderer.entryToNode.has(selectedEvent) && !data.Samples.entryToNode.has(selectedEvent)) {
       return null;
     }
 
@@ -147,10 +144,10 @@ export class AICallTree {
     const {startTime, endTime} = Trace.Helpers.Timing.eventTimingsMilliSeconds(selectedEvent);
     const selectedEventBounds = Trace.Helpers.Timing.traceWindowFromMicroSeconds(
         Trace.Helpers.Timing.milliToMicro(startTime), Trace.Helpers.Timing.milliToMicro(endTime));
-    let threadEvents = parsedTrace.Renderer.processes.get(selectedEvent.pid)?.threads.get(selectedEvent.tid)?.entries;
+    let threadEvents = data.Renderer.processes.get(selectedEvent.pid)?.threads.get(selectedEvent.tid)?.entries;
     if (!threadEvents) {
       // None from the renderer: try the samples handler, this might be a CPU trace.
-      threadEvents = parsedTrace.Samples.profilesInProcess.get(selectedEvent.pid)?.get(selectedEvent.tid)?.profileCalls;
+      threadEvents = data.Samples.profilesInProcess.get(selectedEvent.pid)?.get(selectedEvent.tid)?.profileCalls;
     }
 
     if (!threadEvents) {
@@ -166,7 +163,7 @@ export class AICallTree {
     // events here, otherwise the generated call tree will not match what the
     // user is seeing.
     if (!allEventsEnabled) {
-      filters.push(new Trace.Extras.TraceFilter.VisibleEventsFilter(visibleTypes()));
+      filters.push(new Trace.Extras.TraceFilter.VisibleEventsFilter(Trace.Styles.visibleTypes()));
     }
 
     // Build a tree bounded by the selected event's timestamps, and our other filters applied
@@ -300,7 +297,7 @@ export class AICallTree {
   *     - This node is the selected node (S marker)
   */
   stringifyNode(
-      node: Trace.Extras.TraceTree.Node, nodeId: number, parsedTrace: Trace.Handlers.Types.ParsedTrace,
+      node: Trace.Extras.TraceTree.Node, nodeId: number, parsedTrace: Trace.TraceModel.ParsedTrace,
       selectedNode: Trace.Extras.TraceTree.Node|null, allUrls: string[], childStartingNodeIndex?: number): string {
     const event = node.event;
     if (!event) {
@@ -311,7 +308,7 @@ export class AICallTree {
     const idStr = String(nodeId);
 
     // 2. Name
-    const name = nameForEntry(event, parsedTrace);
+    const name = Trace.Name.forEntry(event, parsedTrace);
 
     // Round milliseconds to one decimal place, return empty string if zero/undefined
     const roundToTenths = (num: number|undefined): string => {
@@ -328,7 +325,7 @@ export class AICallTree {
     const selfTimeStr = roundToTenths(node.selfTime);
 
     // 5. URL Index
-    const url = SourceMapsResolver.resolvedURLForEntry(parsedTrace, event);
+    const url = SourceMapsResolver.SourceMapsResolver.resolvedURLForEntry(parsedTrace, event);
     let urlIndexStr = '';
     if (url) {
       const existingIndex = allUrls.indexOf(url);

package/front_end/panels/timeline/utils/AIContext.ts

@@ -1,64 +1,85 @@
-// Copyright 2025 The Chromium Authors. All rights reserved.
+// Copyright 2025 The Chromium Authors
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-import type * as Trace from '../../../models/trace/trace.js';
+import * as Trace from '../../../models/trace/trace.js';
 
 import type {AICallTree} from './AICallTree.js';
 
 export interface AgentFocusDataFull {
   type: 'full';
-  parsedTrace: Trace.Handlers.Types.ParsedTrace;
+  parsedTrace: Trace.TraceModel.ParsedTrace;
   insightSet: Trace.Insights.Types.InsightSet|null;
-  traceMetadata: Trace.Types.File.MetaData;
 }
 
 interface AgentFocusDataCallTree {
   type: 'call-tree';
-  parsedTrace: Trace.Handlers.Types.ParsedTrace;
+  parsedTrace: Trace.TraceModel.ParsedTrace;
+  insightSet: Trace.Insights.Types.InsightSet|null;
   callTree: AICallTree;
 }
 
 export interface AgentFocusDataInsight {
   type: 'insight';
-  parsedTrace: Trace.Handlers.Types.ParsedTrace;
+  parsedTrace: Trace.TraceModel.ParsedTrace;
   insightSet: Trace.Insights.Types.InsightSet|null;
-  traceMetadata: Trace.Types.File.MetaData;
   insight: Trace.Insights.Types.InsightModel;
 }
 
 type AgentFocusData = AgentFocusDataCallTree|AgentFocusDataInsight|AgentFocusDataFull;
 
+function getFirstInsightSet(insights: Trace.Insights.Types.TraceInsightSets): Trace.Insights.Types.InsightSet|null {
+  // Currently only support a single insight set. Pick the first one with a navigation.
+  // TODO(cjamcl): we should just give the agent the entire insight set, and give
+  // summary detail about all of them + the ability to query each.
+  return [...insights.values()].filter(insightSet => insightSet.navigation).at(0) ?? null;
+}
+
 export class AgentFocus {
-  static full(
-      parsedTrace: Trace.Handlers.Types.ParsedTrace, insights: Trace.Insights.Types.TraceInsightSets,
-      traceMetadata: Trace.Types.File.MetaData): AgentFocus {
-    // Currently only support a single insight set. Pick the first one with a navigation.
-    const insightSet = [...insights.values()].filter(insightSet => insightSet.navigation).at(0) ?? null;
+  static full(parsedTrace: Trace.TraceModel.ParsedTrace): AgentFocus {
+    if (!parsedTrace.insights) {
+      throw new Error('missing insights');
+    }
+
+    const insightSet = getFirstInsightSet(parsedTrace.insights);
     return new AgentFocus({
       type: 'full',
       parsedTrace,
       insightSet,
-      traceMetadata,
     });
   }
 
-  static fromInsight(
-      parsedTrace: Trace.Handlers.Types.ParsedTrace, insights: Trace.Insights.Types.TraceInsightSets,
-      traceMetadata: Trace.Types.File.MetaData, insight: Trace.Insights.Types.InsightModel): AgentFocus {
-    // Currently only support a single insight set. Pick the first one with a navigation.
-    const insightSet = [...insights.values()].filter(insightSet => insightSet.navigation).at(0) ?? null;
+  static fromInsight(parsedTrace: Trace.TraceModel.ParsedTrace, insight: Trace.Insights.Types.InsightModel):
+      AgentFocus {
+    if (!parsedTrace.insights) {
+      throw new Error('missing insights');
+    }
+
+    const insightSet = getFirstInsightSet(parsedTrace.insights);
     return new AgentFocus({
       type: 'insight',
       parsedTrace,
       insightSet,
-      traceMetadata,
       insight,
     });
   }
 
   static fromCallTree(callTree: AICallTree): AgentFocus {
-    return new AgentFocus({type: 'call-tree', parsedTrace: callTree.parsedTrace, callTree});
+    const insights = callTree.parsedTrace.insights;
+
+    // Select the insight set containing the call tree.
+    // If for some reason that fails, fallback to the first one.
+    let insightSet = null;
+    if (insights) {
+      const callTreeTimeRange = Trace.Helpers.Timing.traceWindowFromEvent(callTree.rootNode.event);
+      insightSet = insights.values().find(set => Trace.Helpers.Timing.boundsIncludeTimeRange({
+        timeRange: callTreeTimeRange,
+        bounds: set.bounds,
+      })) ??
+          getFirstInsightSet(insights);
+    }
+
+    return new AgentFocus({type: 'call-tree', parsedTrace: callTree.parsedTrace, insightSet, callTree});
   }
 
   #data: AgentFocusData;
@@ -74,11 +95,9 @@ export class AgentFocus {
 
 export function getPerformanceAgentFocusFromModel(model: Trace.TraceModel.Model): AgentFocus|null {
   const parsedTrace = model.parsedTrace();
-  const insights = model.traceInsights();
-  const traceMetadata = model.metadata();
-  if (!insights || !parsedTrace || !traceMetadata) {
+  if (!parsedTrace) {
     return null;
   }
 
-  return AgentFocus.full(parsedTrace, insights, traceMetadata);
+  return AgentFocus.full(parsedTrace);
 }

package/front_end/panels/timeline/utils/EntryNodes.ts

@@ -1,4 +1,4 @@
-// Copyright 2025 The Chromium Authors. All rights reserved.
+// Copyright 2025 The Chromium Authors
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
@@ -15,7 +15,7 @@ const domNodesForEventCache =
  * The result is cached so you can safely call this multiple times.
  **/
 export function nodeIdsForEvent(
-    modelData: Trace.Handlers.Types.ParsedTrace,
+    parsedTrace: Trace.TraceModel.ParsedTrace,
     event: Trace.Types.Events.Event,
     ): Set<Protocol.DOM.BackendNodeId> {
   const fromCache = nodeIdsForEventCache.get(event);
@@ -45,12 +45,12 @@ export function nodeIdsForEvent(
     // For a DecodeImage event, we can use the ImagePaintingHandler, which has
     // done the work to build the relationship between a DecodeImage event and
     // the corresponding PaintImage event.
-    const paintImageEvent = modelData.ImagePainting.paintImageForEvent.get(event);
+    const paintImageEvent = parsedTrace.data.ImagePainting.paintImageForEvent.get(event);
     if (typeof paintImageEvent?.args.data.nodeId !== 'undefined') {
       foundIds.add(paintImageEvent.args.data.nodeId);
     }
   } else if (Trace.Types.Events.isDrawLazyPixelRef(event) && event.args?.LazyPixelRef) {
-    const paintImageEvent = modelData.ImagePainting.paintImageByDrawLazyPixelRef.get(event.args.LazyPixelRef);
+    const paintImageEvent = parsedTrace.data.ImagePainting.paintImageByDrawLazyPixelRef.get(event.args.LazyPixelRef);
     if (typeof paintImageEvent?.args.data.nodeId !== 'undefined') {
       foundIds.add(paintImageEvent.args.data.nodeId);
     }
@@ -67,14 +67,14 @@ export function nodeIdsForEvent(
  * This method is cached for the given event.
  */
 export async function relatedDOMNodesForEvent(
-    modelData: Trace.Handlers.Types.ParsedTrace,
+    parsedTrace: Trace.TraceModel.ParsedTrace,
     event: Trace.Types.Events.Event): Promise<Map<Protocol.DOM.BackendNodeId, SDK.DOMModel.DOMNode|null>|null> {
   const fromCache = domNodesForEventCache.get(event);
   if (fromCache) {
     return fromCache;
   }
 
-  const nodeIds = nodeIdsForEvent(modelData, event);
+  const nodeIds = nodeIdsForEvent(parsedTrace, event);
   if (nodeIds.size) {
     const frame = event.args?.data?.frame as Protocol.Page.FrameId;
     const result = await domNodesForBackendIds(frame, nodeIds);

package/front_end/panels/timeline/utils/FreshRecording.ts

@@ -1,4 +1,4 @@
-// Copyright 2024 The Chromium Authors. All rights reserved.
+// Copyright 2024 The Chromium Authors
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 import type * as Trace from '../../../models/trace/trace.js';
@@ -12,7 +12,7 @@ let instance: Tracker|null = null;
  * is loaded, we set this flag accordingly.
  **/
 export class Tracker {
-  #freshRecordings = new WeakSet<Trace.Handlers.Types.ParsedTrace>();
+  #freshRecordings = new WeakSet<Trace.TraceModel.ParsedTrace>();
 
   static instance(opts: {forceNew: boolean} = {forceNew: false}): Tracker {
     if (!instance || opts.forceNew) {
@@ -21,11 +21,11 @@ export class Tracker {
     return instance;
   }
 
-  registerFreshRecording(data: Trace.Handlers.Types.ParsedTrace): void {
+  registerFreshRecording(data: Trace.TraceModel.ParsedTrace): void {
     this.#freshRecordings.add(data);
   }
 
-  recordingIsFresh(data: Trace.Handlers.Types.ParsedTrace): boolean {
+  recordingIsFresh(data: Trace.TraceModel.ParsedTrace): boolean {
     return this.#freshRecordings.has(data);
   }
 }

package/front_end/panels/timeline/utils/Helpers.ts

@@ -1,19 +1,12 @@
-// Copyright 2024 The Chromium Authors. All rights reserved.
+// Copyright 2024 The Chromium Authors
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-import '../../../ui/components/markdown_view/markdown_view.js';
-
-import type * as Common from '../../../core/common/common.js';
 import * as Platform from '../../../core/platform/platform.js';
 import * as SDK from '../../../core/sdk/sdk.js';
 import * as CrUXManager from '../../../models/crux-manager/crux-manager.js';
 import type * as Trace from '../../../models/trace/trace.js';
-import * as Marked from '../../../third_party/marked/marked.js';
-import * as Lit from '../../../ui/lit/lit.js';
-import * as MobileThrottling from '../../mobile_throttling/mobile_throttling.js';
 
-const {html} = Lit;
 const MAX_ORIGIN_LENGTH = 60;
 
 export function getThrottlingRecommendations(): {
@@ -30,7 +23,7 @@ export function getThrottlingRecommendations(): {
   const response = CrUXManager.CrUXManager.instance().getSelectedFieldMetricData('round_trip_time');
   if (response?.percentiles) {
     const rtt = Number(response.percentiles.p75);
-    networkConditions = MobileThrottling.ThrottlingPresets.ThrottlingPresets.getRecommendedNetworkPreset(rtt);
+    networkConditions = SDK.NetworkManager.getRecommendedNetworkPreset(rtt);
   }
 
   return {
@@ -127,18 +120,6 @@ export function shortenUrl(url: URL, maxChars = 20): string {
   return shortenedUrl;
 }
 
-/**
- * Returns a rendered MarkdownView component.
- *
- * This should only be used for markdown that is guaranteed to be valid,
- * and not contain any user-generated content.
- */
-export function md(markdown: Common.UIString.LocalizedString): Lit.TemplateResult {
-  const tokens = Marked.Marked.lexer(markdown);
-  const data = {tokens};
-  return html`<devtools-markdown-view .data=${data}></devtools-markdown-view>`;
-}
-
 /**
  * Returns a string containing both the origin and its 3rd party entity.
  *

package/front_end/panels/timeline/utils/IgnoreList.ts

@@ -1,14 +1,13 @@
-// Copyright 2024 The Chromium Authors. All rights reserved.
+// Copyright 2024 The Chromium Authors
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 import * as i18n from '../../../core/i18n/i18n.js';
 import type * as Platform from '../../../core/platform/platform.js';
 import * as Trace from '../../../models/trace/trace.js';
+import * as SourceMapsResolver from '../../../models/trace_source_maps_resolver/trace_source_maps_resolver.js';
 import * as Workspace from '../../../models/workspace/workspace.js';
 
-import {SourceMapsResolver} from './SourceMapsResolver.js';
-
 const UIStrings = {
   /**
    * @description Refers to when skipping content scripts is enabled and the current script is ignored because it's a content script.
@@ -35,7 +34,7 @@ function getUrlAndIgnoreListOptions(entry: Trace.Types.Events.SyntheticProfileCa
     {url: Platform.DevToolsPath.UrlString, ignoreListOptions: Workspace.IgnoreListManager.IgnoreListGeneralRules} {
   const rawUrl = entry.callFrame.url as Platform.DevToolsPath.UrlString;
 
-  const sourceMappedData = SourceMapsResolver.resolvedCodeLocationForEntry(entry);
+  const sourceMappedData = SourceMapsResolver.SourceMapsResolver.resolvedCodeLocationForEntry(entry);
   const script = sourceMappedData?.script;
   const uiSourceCode = sourceMappedData?.devtoolsLocation?.uiSourceCode;
   const resolvedUrl = uiSourceCode?.url();