chrome-devtools-frontend 1.0.1636056 → 1.0.1638082

package/front_end/models/stack_trace/DetailedErrorStackParser.ts

@@ -180,7 +180,7 @@ export function parseMessage(stack: string): string {
  */
 export function augmentRawFramesWithScriptIds(
     rawFrames: RawFrame[], protocolStackTrace: Protocol.Runtime.StackTrace): void {
-  for (const rawFrame of rawFrames) {
+  function augmentFrame(rawFrame: RawFrame): void {
     const isWasm = rawFrame.parsedFrameInfo?.isWasm;
     const protocolFrame = protocolStackTrace.callFrames.find(frame => {
       if (isWasm) {
@@ -196,5 +196,13 @@ export function augmentRawFramesWithScriptIds(
       // @ts-expect-error scriptId is a readonly property.
       rawFrame.scriptId = protocolFrame.scriptId;
     }
+
+    if (rawFrame.parsedFrameInfo?.evalOrigin) {
+      augmentFrame(rawFrame.parsedFrameInfo.evalOrigin);
+    }
+  }
+
+  for (const rawFrame of rawFrames) {
+    augmentFrame(rawFrame);
   }
 }

package/front_end/models/trace/lantern/core/NetworkAnalyzer.ts

@@ -4,8 +4,6 @@
 
 import type * as Lantern from '../types/types.js';
 
-import {LanternError} from './LanternError.js';
-
 class UrlUtils {
   /**
    * There is fancy URL rewriting logic for the chrome://settings page that we need to work around.
@@ -100,6 +98,12 @@ class NetworkAnalyzer {
     const grouped = new Map();
     records.forEach(item => {
       const key = item.parsedURL.securityOrigin;
+
+      // We never care about requests for extensions.
+      if (key.startsWith('chrome-extension:')) {
+        return;
+      }
+
       const group = grouped.get(key) || [];
       group.push(item);
       grouped.set(key, group);
@@ -458,30 +462,25 @@ class NetworkAnalyzer {
       }
     }
 
-    if (!estimatesByOrigin.size) {
-      throw new LanternError('No timing information available');
-    }
     return NetworkAnalyzer.summarize(estimatesByOrigin);
   }
 
+  static estimateMinimumRTTByOrigin(records: Lantern.NetworkRequest[], options?: RTTEstimateOptions):
+      Map<string, number> {
+    const rttByOrigin = new Map<string, number>();
+    for (const [origin, summary] of NetworkAnalyzer.estimateRTTByOrigin(records, options).entries()) {
+      rttByOrigin.set(origin, summary.min);
+    }
+    return rttByOrigin;
+  }
+
   /**
-   * Estimates the server response time of each origin. RTT times can be passed in or will be
-   * estimated automatically if not provided.
+   * Estimates the server response time of each origin. RTT times must be passed in.
    */
-  static estimateServerResponseTimeByOrigin(records: Lantern.NetworkRequest[], options?: RTTEstimateOptions&{
-    rttByOrigin?: Map<string, number>,
+  static estimateServerResponseTimeByOrigin(records: Lantern.NetworkRequest[], options: {
+    rttByOrigin: Map<string, number>,
   }): Map<string, Summary> {
-    let rttByOrigin = options?.rttByOrigin;
-    if (!rttByOrigin) {
-      rttByOrigin = new Map();
-
-      const rttSummaryByOrigin = NetworkAnalyzer.estimateRTTByOrigin(records, options);
-      for (const [origin, summary] of rttSummaryByOrigin.entries()) {
-        rttByOrigin.set(origin, summary.min);
-      }
-    }
-
-    const estimatesByOrigin = NetworkAnalyzer.estimateResponseTimeByOrigin(records, rttByOrigin);
+    const estimatesByOrigin = NetworkAnalyzer.estimateResponseTimeByOrigin(records, options.rttByOrigin);
     return NetworkAnalyzer.summarize(estimatesByOrigin);
   }
 
@@ -546,14 +545,11 @@ class NetworkAnalyzer {
   static computeRTTAndServerResponseTime(records: Lantern.NetworkRequest[]):
       {rtt: number, additionalRttByOrigin: Map<string, number>, serverResponseTimeByOrigin: Map<string, number>} {
     // First pass compute the estimated observed RTT to each origin's servers.
-    const rttByOrigin = new Map<string, number>();
-    for (const [origin, summary] of NetworkAnalyzer.estimateRTTByOrigin(records).entries()) {
-      rttByOrigin.set(origin, summary.min);
-    }
+    const rttByOrigin = NetworkAnalyzer.estimateMinimumRTTByOrigin(records);
 
     // We'll use the minimum RTT as the assumed connection latency since we care about how much addt'l
     // latency each origin introduces as Lantern will be simulating with its own connection latency.
-    const minimumRtt = Math.min(...Array.from(rttByOrigin.values()));
+    const minimumRtt = rttByOrigin.size ? Math.min(...Array.from(rttByOrigin.values())) : 0;
     // We'll use the observed RTT information to help estimate the server response time
     const responseTimeSummaries = NetworkAnalyzer.estimateServerResponseTimeByOrigin(records, {
       rttByOrigin,

package/front_end/panels/ai_assistance/AiAssistancePanel.ts

@@ -332,13 +332,6 @@ async function getEmptyStateSuggestions(conversation?: AiAssistanceModel.AiConve
         {title: 'What performance issues exist with my page?', jslogContext: 'performance-default'},
       ];
     }
-    case AiAssistanceModel.AiHistoryStorage.ConversationType.BREAKPOINT: {
-      return [
-        {title: 'Why did the code pause here?'},
-        {title: 'What function does this breakpoint belong to?'},
-        {title: 'Why is this error thrown?'},
-      ];
-    }
 
     case AiAssistanceModel.AiHistoryStorage.ConversationType.NONE: {
       return [
@@ -383,9 +376,8 @@ function getMarkdownRenderer(conversation?: AiAssistanceModel.AiConversation.AiC
     return new StylingAgentMarkdownRenderer(mainFrameId);
   } else if (conversation?.type === AiAssistanceModel.AiHistoryStorage.ConversationType.ACCESSIBILITY) {
     const domModel = SDK.TargetManager.TargetManager.instance().primaryPageTarget()?.model(SDK.DOMModel.DOMModel);
-    const resourceTreeModel = domModel?.target().model(SDK.ResourceTreeModel.ResourceTreeModel);
-    const mainFrameId = resourceTreeModel?.mainFrame?.id;
-    return new AccessibilityAgentMarkdownRenderer(mainFrameId);
+    const mainDocumentURL = domModel?.existingDocument()?.documentURL;
+    return new AccessibilityAgentMarkdownRenderer(mainDocumentURL);
   }
 
   return new MarkdownRendererWithCodeBlock();
@@ -526,8 +518,7 @@ function defaultView(input: ViewInput, output: PanelViewOutput, target: HTMLElem
     }
   }
 
-  if (Root.Runtime.hostConfig.devToolsAiAssistanceV2?.enabled ||
-    Greendev.Prototypes.instance().isEnabled('breakpointDebuggerAgent')) {
+  if (Root.Runtime.hostConfig.devToolsAiAssistanceV2?.enabled) {
 
     const shouldShowWalkthrough = input.state === ViewState.CHAT_VIEW && input.props.walkthrough.isExpanded;
     /**
@@ -590,14 +581,6 @@ function createFileContext(file: Workspace.UISourceCode.UISourceCode|null): AiAs
   return new AiAssistanceModel.FileAgent.FileContext(file);
 }
 
-function createBreakpointContext(uiLocation: Workspace.UISourceCode.UILocation|null):
-    AiAssistanceModel.BreakpointDebuggerAgent.BreakpointContext|null {
-  if (!uiLocation) {
-    return null;
-  }
-  return new AiAssistanceModel.BreakpointDebuggerAgent.BreakpointContext(uiLocation);
-}
-
 function createAccessibilityContext(report: LighthousePanel.LighthousePanel.ActiveLighthouseReport|null):
     AiAssistanceModel.AccessibilityAgent.AccessibilityContext|null {
   if (!report) {
@@ -684,7 +667,7 @@ export class AiAssistancePanel extends UI.Panel.Panel {
   #selectedElement: AiAssistanceModel.StylingAgent.NodeContext|null = null;
   #selectedPerformanceTrace: AiAssistanceModel.PerformanceAgent.PerformanceTraceContext|null = null;
   #selectedRequest: AiAssistanceModel.NetworkAgent.RequestContext|null = null;
-  #selectedBreakpoint: AiAssistanceModel.BreakpointDebuggerAgent.BreakpointContext|null = null;
+
   #selectedAccessibility: AiAssistanceModel.AccessibilityAgent.AccessibilityContext|null = null;
   #selectedStorage: AiAssistanceModel.StorageAgent.StorageContext|null = null;
 
@@ -1017,10 +1000,7 @@ export class AiAssistancePanel extends UI.Panel.Panel {
       targetConversationType = AiAssistanceModel.AiHistoryStorage.ConversationType.STYLING;
     } else if (isNetworkPanelVisible && hostConfig.devToolsAiAssistanceNetworkAgent?.enabled) {
       targetConversationType = AiAssistanceModel.AiHistoryStorage.ConversationType.NETWORK;
-    } else if (
-        isSourcesPanelVisible &&
-        this.#conversation?.type === AiAssistanceModel.AiHistoryStorage.ConversationType.BREAKPOINT) {
-      targetConversationType = AiAssistanceModel.AiHistoryStorage.ConversationType.BREAKPOINT;
+
     } else if (isSourcesPanelVisible && hostConfig.devToolsAiAssistanceFileAgent?.enabled) {
       targetConversationType = AiAssistanceModel.AiHistoryStorage.ConversationType.FILE;
     } else if (isPerformancePanelVisible && hostConfig.devToolsAiAssistancePerformanceAgent?.enabled) {
@@ -1127,30 +1107,6 @@ export class AiAssistancePanel extends UI.Panel.Panel {
     this.requestUpdate();
   }
 
-  async handleBreakpointConversation(uiLocation: Workspace.UISourceCode.UILocation, errorMsg?: string): Promise<void> {
-    const context = new AiAssistanceModel.BreakpointDebuggerAgent.BreakpointContext(uiLocation);
-    this.#selectedBreakpoint = context;
-    const conversation = new AiAssistanceModel.AiConversation.AiConversation({
-      type: AiAssistanceModel.AiHistoryStorage.ConversationType.BREAKPOINT,
-      data: [],
-      isReadOnly: false,
-      aidaClient: this.#aidaClient,
-      changeManager: this.#changeManager,
-      isExternal: false,
-      performanceRecordAndReload: this.#handlePerformanceRecordAndReload.bind(this),
-      onInspectElement: this.#handleInspectElement.bind(this),
-      networkTimeCalculator: NetworkPanel.NetworkPanel.NetworkPanel.instance().networkLogView.timeCalculator(),
-      lighthouseRecording: this.#handleLighthouseRun.bind(this),
-    });
-    this.#updateConversationState(conversation);
-    this.#conversation?.setContext(context);
-    this.requestUpdate();
-    await UI.ViewManager.ViewManager.instance().showView(AiAssistancePanel.panelName);
-    const prompt = errorMsg ? `debug the error "${errorMsg}" using breakpoint debugging agent` :
-                              'debug the error using breakpoint debugging agent';
-    await this.#startConversation(prompt);
-  }
-
   override wasShown(): void {
     super.wasShown();
     this.#viewOutput.chatView?.restoreScrollPosition();
@@ -1163,8 +1119,7 @@ export class AiAssistancePanel extends UI.Panel.Panel {
     this.#selectedPerformanceTrace =
         createPerformanceTraceContext(UI.Context.Context.instance().flavor(AiAssistanceModel.AIContext.AgentFocus));
     this.#selectedFile = createFileContext(UI.Context.Context.instance().flavor(Workspace.UISourceCode.UISourceCode));
-    this.#selectedBreakpoint =
-        createBreakpointContext(UI.Context.Context.instance().flavor(Workspace.UISourceCode.UILocation));
+
     this.#selectedAccessibility = createAccessibilityContext(
         UI.Context.Context.instance().flavor(LighthousePanel.LighthousePanel.ActiveLighthouseReport));
     this.#selectedStorage =
@@ -1186,8 +1141,7 @@ export class AiAssistancePanel extends UI.Panel.Panel {
 
     UI.Context.Context.instance().addFlavorChangeListener(
         Workspace.UISourceCode.UISourceCode, this.#handleUISourceCodeFlavorChange);
-    UI.Context.Context.instance().addFlavorChangeListener(
-        Workspace.UISourceCode.UILocation, this.#handleBreakpointFlavorChange);
+
     UI.Context.Context.instance().addFlavorChangeListener(
         LighthousePanel.LighthousePanel.ActiveLighthouseReport, this.#handleLighthouseReportFlavorChange);
 
@@ -1328,17 +1282,6 @@ export class AiAssistancePanel extends UI.Panel.Panel {
         this.#updateConversationState(this.#conversation);
       };
 
-  #handleBreakpointFlavorChange =
-      (ev: Common.EventTarget.EventTargetEvent<Workspace.UISourceCode.UILocation>): void => {
-        const newBreakpoint = ev.data;
-
-        if (!newBreakpoint || this.#selectedBreakpoint?.getItem() === newBreakpoint) {
-          return;
-        }
-        this.#selectedBreakpoint = new AiAssistanceModel.BreakpointDebuggerAgent.BreakpointContext(newBreakpoint);
-        this.#updateConversationState(this.#conversation);
-      };
-
   #handleLighthouseReportFlavorChange =
       (ev: Common.EventTarget.EventTargetEvent<LighthousePanel.LighthousePanel.ActiveLighthouseReport>): void => {
         const newReport = ev.data;
@@ -1447,8 +1390,7 @@ export class AiAssistancePanel extends UI.Panel.Panel {
 
         return lockedString(UIStringsNotTranslate.inputPlaceholderForPerformanceWithNoRecording);
       }
-      case AiAssistanceModel.AiHistoryStorage.ConversationType.BREAKPOINT:
-        return lockedString(UIStringsNotTranslate.inputPlaceholderForNoContext);
+
       case AiAssistanceModel.AiHistoryStorage.ConversationType.ACCESSIBILITY:
         return this.#conversation.selectedContext ?
             lockedString(UIStringsNotTranslate.inputPlaceholderForAccessibility) :
@@ -1510,8 +1452,6 @@ export class AiAssistancePanel extends UI.Panel.Panel {
         }
         return lockedString(UIStringsNotTranslate.inputDisclaimerForAccessibilityEnterpriseNoLogging);
 
-      case AiAssistanceModel.AiHistoryStorage.ConversationType.BREAKPOINT:
-
       case AiAssistanceModel.AiHistoryStorage.ConversationType.STORAGE:
       case AiAssistanceModel.AiHistoryStorage.ConversationType.NONE:
         if (loggingEnabled) {
@@ -1763,8 +1703,7 @@ export class AiAssistancePanel extends UI.Panel.Panel {
         return this.#selectedRequest;
       case AiAssistanceModel.AiHistoryStorage.ConversationType.PERFORMANCE:
         return this.#selectedPerformanceTrace;
-      case AiAssistanceModel.AiHistoryStorage.ConversationType.BREAKPOINT:
-        return this.#selectedBreakpoint;
+
       case AiAssistanceModel.AiHistoryStorage.ConversationType.ACCESSIBILITY:
         return this.#selectedAccessibility;
       case AiAssistanceModel.AiHistoryStorage.ConversationType.STORAGE:
@@ -1786,8 +1725,7 @@ export class AiAssistancePanel extends UI.Panel.Panel {
       this.#selectedRequest = data;
     } else if (data instanceof AiAssistanceModel.PerformanceAgent.PerformanceTraceContext) {
       this.#selectedPerformanceTrace = data;
-    } else if (data instanceof AiAssistanceModel.BreakpointDebuggerAgent.BreakpointContext) {
-      this.#selectedBreakpoint = data;
+
     } else if (data instanceof AiAssistanceModel.AccessibilityAgent.AccessibilityContext) {
       this.#selectedAccessibility = data;
     } else if (data instanceof AiAssistanceModel.StorageAgent.StorageContext) {
@@ -1946,9 +1884,7 @@ export class AiAssistancePanel extends UI.Panel.Panel {
             // This ensures that when a user asks a new question, the sidebar updates
             // immediately to show the "loading" state of the new walkthrough.
             const isSidebarWalkthroughOpen = this.#walkthrough.isExpanded && !this.#walkthrough.isInlined;
-            if (isSidebarWalkthroughOpen ||
-                (Greendev.Prototypes.instance().isEnabled('breakpointDebuggerAgent') &&
-                 this.#conversation?.type === AiAssistanceModel.AiHistoryStorage.ConversationType.BREAKPOINT)) {
+            if (isSidebarWalkthroughOpen) {
               this.#openWalkthrough(systemMessage);
             }
             break;

package/front_end/panels/ai_assistance/components/AccessibilityAgentMarkdownRenderer.ts

@@ -2,8 +2,10 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
+import type * as Platform from '../../../core/platform/platform.js';
 import * as SDK from '../../../core/sdk/sdk.js';
 import type * as Protocol from '../../../generated/protocol.js';
+import * as AiAssistanceModel from '../../../models/ai_assistance/ai_assistance.js';
 import type * as Marked from '../../../third_party/marked/marked.js';
 import * as Lit from '../../../ui/lit/lit.js';
 import * as PanelsCommon from '../../common/common.js';
@@ -27,11 +29,16 @@ type ParsedLink = {
 
 export class AccessibilityAgentMarkdownRenderer extends MarkdownRendererWithCodeBlock {
   constructor(
-      private mainFrameId = '',
+      private mainDocumentURL: Platform.DevToolsPath.UrlString = '' as Platform.DevToolsPath.UrlString,
   ) {
     super();
   }
 
+  #isSameOrigin(node: SDK.DOMModel.DOMNode): boolean {
+    const nodeDocumentURL = node.ownerDocument?.documentURL ?? '' as Platform.DevToolsPath.UrlString;
+    return AiAssistanceModel.AiUtils.isSameOrigin(this.mainDocumentURL, nodeDocumentURL);
+  }
+
   override templateForToken(token: Marked.Marked.MarkedToken): Lit.LitTemplate|null {
     if (token.type === 'link' && token.href.startsWith('#')) {
       const parsed = this.#parseLink(token.href);
@@ -98,7 +105,7 @@ export class AccessibilityAgentMarkdownRenderer extends MarkdownRendererWithCode
       return;
     }
 
-    if (node.frameId() !== this.mainFrameId) {
+    if (!this.#isSameOrigin(node)) {
       return;
     }
 
@@ -123,7 +130,7 @@ export class AccessibilityAgentMarkdownRenderer extends MarkdownRendererWithCode
     if (!node) {
       return;
     }
-    if (node.frameId() !== this.mainFrameId) {
+    if (!this.#isSameOrigin(node)) {
       return;
     }
     const linkedNode = PanelsCommon.DOMLinkifier.Linkifier.instance().linkify(node, {textContent: label});

package/front_end/panels/ai_assistance/components/ChatMessage.ts

@@ -14,8 +14,9 @@ import * as SDK from '../../../core/sdk/sdk.js';
 import type * as Protocol from '../../../generated/protocol.js';
 import type {
   AiWidget, BottomUpTreeAiWidget, ComputedStyleAiWidget, CoreVitalsAiWidget, DomTreeAiWidget, LighthouseReportAiWidget,
-  PerfInsightAiWidget, PerformanceTraceAiWidget, SourceFileAiWidget, StylePropertiesAiWidget,
-  TimelineEventSummaryAiWidget, TimelineRangeSummaryAiWidget} from '../../../models/ai_assistance/agents/AiAgent.js';
+  NetworkRequestGeneralHeadersAiWidget, PerfInsightAiWidget, PerformanceTraceAiWidget, SourceFileAiWidget,
+  StylePropertiesAiWidget, TimelineEventSummaryAiWidget,
+  TimelineRangeSummaryAiWidget} from '../../../models/ai_assistance/agents/AiAgent.js';
 import * as AiAssistanceModel from '../../../models/ai_assistance/ai_assistance.js';
 import * as ComputedStyle from '../../../models/computed_style/computed_style.js';
 import * as Trace from '../../../models/trace/trace.js';
@@ -32,6 +33,8 @@ import * as Lit from '../../../ui/lit/lit.js';
 import * as VisualLogging from '../../../ui/visual_logging/visual_logging.js';
 import * as Elements from '../../elements/elements.js';
 import * as Lighthouse from '../../lighthouse/lighthouse.js';
+import * as NetworkForward from '../../network/forward/forward.js';
+import * as Network from '../../network/network.js';
 import * as TimelineComponents from '../../timeline/components/components.js';
 import type {BaseInsightComponent} from '../../timeline/components/insights/BaseInsightComponent.js';
 import * as TimelineInsights from '../../timeline/components/insights/insights.js';
@@ -384,6 +387,14 @@ const UIStringsNotTranslate = {
    * @description Title for the viewport optimization widget.
    */
   viewport: 'Viewport optimization',
+  /**
+   * @description Accessible label for the reveal button in the network request general headers widget.
+   */
+  revealNetworkRequest: 'Reveal network request',
+  /**
+   * @description Title for the network request general headers widget.
+   */
+  networkRequest: 'Network request',
   /**
    * @description Accessible label for the reveal button in the modern HTTP usage widget.
    */
@@ -1464,6 +1475,8 @@ export function getWidgetSignature(widget: AiWidget): string {
       return `${widget.name}:${widget.data.report.fetchTime}`;
     case 'TIMELINE_EVENT_SUMMARY':
       return `${widget.name}:${widget.data.event.ts}:${widget.data.event.name}`;
+    case 'NETWORK_REQUEST_GENERAL_HEADERS':
+      return `${widget.name}:${widget.data.request.requestId()}`;
     default:
       Platform.assertNever(widget, 'Unknown AiWidget name');
   }
@@ -1556,6 +1569,9 @@ async function renderWidgets(
       case 'TIMELINE_EVENT_SUMMARY':
         response = await makeTimelineEventSummaryWidget(widgetData);
         break;
+      case 'NETWORK_REQUEST_GENERAL_HEADERS':
+        response = await makeNetworkRequestGeneralHeadersWidget(widgetData);
+        break;
       default:
         Platform.assertNever(widgetData, 'Unknown AiWidget name');
     }
@@ -2131,3 +2147,21 @@ async function makeTimelineEventSummaryWidget(widgetData: TimelineEventSummaryAi
     jslogContext: 'timeline-event-summary-widget',
   };
 }
+
+async function makeNetworkRequestGeneralHeadersWidget(widgetData: NetworkRequestGeneralHeadersAiWidget):
+    Promise<WidgetMakerResponse|null> {
+  const renderedWidget = html`<devtools-widget class="network-request-general-headers-widget" ${widget(() => {
+    return Network.RequestHeadersView.RequestHeadersView.createGeneralHeadersView(widgetData.data.request);
+  })}></devtools-widget>`;
+
+  return {
+    renderedWidget,
+    revealable: NetworkForward.UIRequestLocation.UIRequestLocation.tab(
+        widgetData.data.request,
+        NetworkForward.UIRequestLocation.UIRequestTabs.HEADERS_COMPONENT,
+        ),
+    accessibleRevealLabel: lockedString(UIStringsNotTranslate.revealNetworkRequest),
+    title: lockedString(UIStringsNotTranslate.networkRequest),
+    jslogContext: 'network-request-general-headers-widget',
+  };
+}

package/front_end/panels/application/preloading/components/UsedPreloadingView.ts

@@ -475,14 +475,14 @@ export class UsedPreloadingView extends UI.Widget.VBox {
     if (prerenderLike?.status === SDK.PreloadingModel.PreloadingStatus.FAILURE &&
         prefetch?.status === SDK.PreloadingModel.PreloadingStatus.SUCCESS) {
       kind = UsedKind.DOWNGRADED_PRERENDER_TO_PREFETCH_AND_USED;
-    } else if (prefetch?.status === SDK.PreloadingModel.PreloadingStatus.SUCCESS) {
-      kind = UsedKind.PREFETCH_USED;
     } else if (prerenderLike?.status === SDK.PreloadingModel.PreloadingStatus.SUCCESS) {
       kind = UsedKind.PRERENDER_USED;
-    } else if (prefetch?.status === SDK.PreloadingModel.PreloadingStatus.FAILURE) {
-      kind = UsedKind.PREFETCH_FAILED;
+    } else if (prefetch?.status === SDK.PreloadingModel.PreloadingStatus.SUCCESS) {
+      kind = UsedKind.PREFETCH_USED;
     } else if (prerenderLike?.status === SDK.PreloadingModel.PreloadingStatus.FAILURE) {
       kind = UsedKind.PRERENDER_FAILED;
+    } else if (prefetch?.status === SDK.PreloadingModel.PreloadingStatus.FAILURE) {
+      kind = UsedKind.PREFETCH_FAILED;
     } else {
       kind = UsedKind.NO_PRELOADS;
     }

package/front_end/panels/console/ConsoleViewMessage.ts

@@ -43,8 +43,6 @@ import * as SDK from '../../core/sdk/sdk.js';
 import * as Protocol from '../../generated/protocol.js';
 import * as AiAssistanceModel from '../../models/ai_assistance/ai_assistance.js';
 import * as Bindings from '../../models/bindings/bindings.js';
-import * as Breakpoints from '../../models/breakpoints/breakpoints.js';
-import * as Greendev from '../../models/greendev/greendev.js';
 import type * as IssuesManager from '../../models/issues_manager/issues_manager.js';
 import * as Logs from '../../models/logs/logs.js';
 import * as StackTrace from '../../models/stack_trace/stack_trace.js';
@@ -63,7 +61,6 @@ import * as Components from '../../ui/legacy/components/utils/utils.js';
 import * as UI from '../../ui/legacy/legacy.js';
 import {type LitTemplate, nothing, render} from '../../ui/lit/lit.js';
 import * as VisualLogging from '../../ui/visual_logging/visual_logging.js';
-import * as AiAssistancePanel from '../ai_assistance/ai_assistance.js';
 
 import {format, updateStyle} from './ConsoleFormat.js';
 import {ConsoleInsightTeaser} from './ConsoleInsightTeaser.js';
@@ -1508,11 +1505,6 @@ export class ConsoleViewMessage implements ConsoleViewportElement {
       this.consoleRowWrapper.append(this.#createHoverButton());
     }
 
-    const breakpointAgentEnabled = Greendev.Prototypes.instance().isEnabled('breakpointDebuggerAgent');
-    if (breakpointAgentEnabled && this.message.level === Protocol.Log.LogEntryLevel.Error) {
-      this.consoleRowWrapper.append(this.#createBreakpointButton());
-    }
-
     if (this.repeatCountInternal > 1) {
       this.showRepeatCountElement();
     }
@@ -1606,88 +1598,6 @@ export class ConsoleViewMessage implements ConsoleViewportElement {
     return button;
   }
 
-  #createBreakpointButton(): HTMLButtonElement {
-    const button = document.createElement('button');
-
-    const icon = new Icon();
-    icon.name = 'bug';
-    icon.style.color = 'var(--devtools-icon-color)';
-    icon.classList.add('medium');
-    button.append(icon);
-
-    const label = document.createElement('div');
-    label.classList.add('button-label');
-    const text = document.createElement('div');
-    // We use a data attribute and a CSS pseudo-element for the button label
-    // to prevent the text from being picked up by the console's custom
-    // copy-to-clipboard traversal, which only collects actual text nodes.
-    text.setAttribute('data-text', 'Debug with breakpoint AI');
-    label.append(text);
-    button.append(label);
-    button.classList.add('hover-button');
-    // Offset the button to the left of the existing one (24px width + 6px right + gap)
-    if (this.shouldShowInsights()) {
-      button.style.right = '36px';
-    }
-    button.ariaLabel = 'Debug with breakpoint AI';
-    button.tabIndex = 0;
-
-    button.onclick = async (event: Event) => {
-      event.stopPropagation();
-      const runtimeModel = this.message.runtimeModel();
-      if (!runtimeModel) {
-        return;
-      }
-      const debuggerModel = runtimeModel.debuggerModel();
-      const debuggerWorkspaceBinding = Bindings.DebuggerWorkspaceBinding.DebuggerWorkspaceBinding.instance();
-      let uiLocation: Workspace.UISourceCode.UILocation|null = null;
-
-      // 1. Try stack trace latest called line
-      if (this.message.stackTrace?.callFrames.length) {
-        const callFrame = this.message.stackTrace.callFrames[0];
-        if (callFrame.scriptId) {
-          const script = debuggerModel.scriptForId(callFrame.scriptId);
-          if (script) {
-            const rawLocation = new SDK.DebuggerModel.Location(
-                debuggerModel, callFrame.scriptId, callFrame.lineNumber, callFrame.columnNumber);
-            uiLocation = await debuggerWorkspaceBinding.rawLocationToUILocation(rawLocation);
-          }
-        }
-      }
-
-      // 2. Try scriptId on message
-      if (!uiLocation && this.message.scriptId) {
-        const script = debuggerModel.scriptForId(this.message.scriptId);
-        if (script) {
-          const rawLocation = new SDK.DebuggerModel.Location(
-              debuggerModel, this.message.scriptId, this.message.line, this.message.column);
-          uiLocation = await debuggerWorkspaceBinding.rawLocationToUILocation(rawLocation);
-        }
-      }
-
-      // 3. Try URL
-      if (!uiLocation && this.message.url) {
-        const uiSourceCode = Workspace.Workspace.WorkspaceImpl.instance().uiSourceCodeForURL(this.message.url);
-        if (uiSourceCode) {
-          uiLocation = uiSourceCode.uiLocation(this.message.line, this.message.column);
-        }
-      }
-
-      if (uiLocation) {
-        await Common.Revealer.reveal(uiLocation);
-        const breakpointManager = Breakpoints.BreakpointManager.BreakpointManager.instance();
-        await breakpointManager.setBreakpoint(
-            uiLocation.uiSourceCode, uiLocation.lineNumber, uiLocation.columnNumber,
-            Breakpoints.BreakpointManager.EMPTY_BREAKPOINT_CONDITION, /* enabled */ true,
-            /* isLogpoint */ false, Breakpoints.BreakpointManager.BreakpointOrigin.OTHER);
-        const aiPanel = await AiAssistancePanel.AiAssistancePanel.instance();
-        void aiPanel.handleBreakpointConversation(uiLocation, this.text);
-      }
-    };
-
-    return button;
-  }
-
   private shouldRenderAsWarning(): boolean {
     return (this.message.level === Protocol.Log.LogEntryLevel.Verbose ||
             this.message.level === Protocol.Log.LogEntryLevel.Info) &&

package/front_end/panels/elements/StylePropertiesSection.ts

@@ -343,7 +343,7 @@ export class StylePropertiesSection {
     this.#isCollapsed = false;
     this.markSelectorMatches();
     this.onpopulate();
-    this.#updateCollapsedState();
+    this.updateCollapsedState();
   }
 
   setComputedStyles(computedStyles: Map<string, string>|null): void {
@@ -1317,6 +1317,10 @@ export class StylePropertiesSection {
    * since the user intentionally toggled them off and they should remain visible.
    */
   #shouldCollapse(): boolean {
+    if (!Common.Settings.Settings.instance().moduleSetting('collapse-non-contributing-css-rules').get()) {
+      return false;
+    }
+
     const style = this.styleInternal;
     const properties = style.leadingProperties();
 
@@ -1343,7 +1347,7 @@ export class StylePropertiesSection {
     return allOverloaded;
   }
 
-  #updateCollapsedState(): void {
+  updateCollapsedState(): void {
     const shouldCollapse = this.#shouldCollapse();
     // Mark as collapsible so the toggle icon is always shown for
     // sections that can be collapsed, even after manual expansion.

package/front_end/panels/elements/StylesSidebarPane.ts

@@ -236,6 +236,9 @@ export class StylesSidebarPane extends Common.ObjectWrapper.eventMixin<EventType
     this.setMinimumSize(96, 26);
     this.registerRequiredCSS(stylesSidebarPaneStyles);
     Common.Settings.Settings.instance().moduleSetting('text-editor-indent').addChangeListener(this.requestUpdate, this);
+    Common.Settings.Settings.instance()
+        .moduleSetting('collapse-non-contributing-css-rules')
+        .addChangeListener(this.updateCollapsedSectionsSetting, this);
     this.toolbarPaneElement = this.createStylesSidebarToolbar();
     this.noMatchesElement = this.contentElement.createChild('div', 'gray-info-message hidden');
     this.noMatchesElement.textContent = i18nString(UIStrings.noMatchingSelectorOrStyle);
@@ -363,6 +366,12 @@ export class StylesSidebarPane extends Common.ObjectWrapper.eventMixin<EventType
     this.requestUpdate();
   }
 
+  private updateCollapsedSectionsSetting(): void {
+    for (const section of this.allSections()) {
+      section.updateCollapsedState();
+    }
+  }
+
   private sectionsContainerKeyDown(event: Event): void {
     const activeElement = UI.DOMUtilities.deepActiveElement(this.sectionsContainer.contentElement.ownerDocument);
     if (!activeElement) {

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

@@ -156,6 +156,10 @@ const UIStrings = {
    * @description Title of a setting under the Elements category.
    */
   cssAnimationsOnlyWhenAnimationsTabOpen: 'Show animation styles only when the Animations tab is open',
+  /**
+   * @description Whether CSS rules that do not apply active styles in the Styles pane are collapsed by default.
+   */
+  collapseNonContributingCSSRules: 'Collapse non-contributing CSS rules',
 } as const;
 const str_ = i18n.i18n.registerUIStrings('panels/elements/elements-meta.ts', UIStrings);
 const i18nLazyString = i18n.i18n.getLazilyComputedLocalizedString.bind(undefined, str_);
@@ -558,6 +562,16 @@ Common.Settings.registerSettingExtension({
   defaultValue: true,
 });
 
+Common.Settings.registerSettingExtension({
+  category: Common.Settings.SettingCategory.ELEMENTS,
+  storageType: Common.Settings.SettingStorageType.SYNCED,
+  order: 7,
+  title: i18nLazyString(UIStrings.collapseNonContributingCSSRules),
+  settingName: 'collapse-non-contributing-css-rules',
+  settingType: Common.Settings.SettingType.BOOLEAN,
+  defaultValue: false,
+});
+
 Common.Settings.registerSettingExtension({
   settingName: 'show-event-listeners-for-ancestors',
   settingType: Common.Settings.SettingType.BOOLEAN,