chrome-devtools-frontend 1.0.1582745 → 1.0.1583146

package/front_end/panels/elements/EventListenersWidget.ts

@@ -105,8 +105,7 @@ export const DEFAULT_VIEW: View = (input, _output, target) => {
       <devtools-toolbar class="event-listener-toolbar" role="presentation">
         <devtools-button ${bindToAction(input.refreshEventListenersActionName)}></devtools-button>
         <devtools-checkbox title=${i18nString(UIStrings.showListenersOnTheAncestors)}
-          ${bindToSetting(input.showForAncestorsSetting)}
-          jslog=${VisualLogging.toggle('show-event-listeners-for-ancestors').track({ change: true })}>
+          ${bindToSetting(input.showForAncestorsSetting)}>
           ${i18nString(UIStrings.ancestors)}
         </devtools-checkbox>
         <select class="dispatch-filter"
@@ -120,8 +119,7 @@ export const DEFAULT_VIEW: View = (input, _output, target) => {
             </option>`)}
         </select>
         <devtools-checkbox title=${i18nString(UIStrings.resolveEventListenersBoundWith)}
-          ${bindToSetting(input.showFrameworkListenersSetting)}
-          jslog=${VisualLogging.toggle('show-frameowkr-listeners').track({ change: true })}>
+          ${bindToSetting(input.showFrameworkListenersSetting)}>
           ${i18nString(UIStrings.frameworkListeners)}
         </devtools-checkbox>
       </devtools-toolbar>

package/front_end/panels/elements/PropertiesWidget.ts

@@ -86,8 +86,7 @@ export const DEFAULT_VIEW: View = (input, _output, target) => {
       <div class="hbox properties-widget-toolbar">
         <devtools-toolbar class="styles-pane-toolbar" role="presentation">
           <devtools-toolbar-input type="filter" @change=${input.onFilterChanged} style="flex-grow:1; flex-shrink:1"></devtools-toolbar-input>
-          <devtools-checkbox title=${i18nString(UIStrings.showAllTooltip)} ${bindToSetting(getShowAllPropertiesSetting())}
-              jslog=${VisualLogging.toggle('show-all-properties').track({change: true})}>
+          <devtools-checkbox title=${i18nString(UIStrings.showAllTooltip)} ${bindToSetting(getShowAllPropertiesSetting())}>
             ${i18nString(UIStrings.showAll)}
           </devtools-checkbox>
         </devtools-toolbar>

package/front_end/panels/elements/StylePropertyTreeElement.ts

@@ -2155,6 +2155,9 @@ export class StylePropertyTreeElement extends UI.TreeOutline.TreeElement {
   }
 
   renderedPropertyText(): string {
+    if (!this.#isConnected()) {
+      return '';
+    }
     if (!this.nameElement || !this.valueElement) {
       return '';
     }
@@ -2895,8 +2898,7 @@ export class StylePropertyTreeElement extends UI.TreeOutline.TreeElement {
     const regex = new RegExp(propertyNamePattern, 'i');
     await computedStyleWidget.filterComputedStyles(regex);
 
-    computedStyleWidget.input.setValue(this.property.name);
-    computedStyleWidget.input.element.focus();
+    computedStyleWidget.setFilterInput(this.property.name);
   }
 
   private copyCssDeclarationAsJs(): void {
@@ -3434,7 +3436,17 @@ export class StylePropertyTreeElement extends UI.TreeOutline.TreeElement {
   styleTextAppliedForTest(): void {
   }
 
+  // If the item isn't connected to the DOM, then reading its innerText will
+  // also include any invisible text (e.g. sources, styles), so we don't want
+  // to do that.
+  #isConnected(): boolean {
+    return this.listItemElement.isConnected;
+  }
+
   applyStyleText(styleText: string, majorChange: boolean, property?: SDK.CSSProperty.CSSProperty|null): Promise<void> {
+    if (!this.#isConnected()) {
+      return Promise.resolve();
+    }
     return this.applyStyleThrottler.schedule(this.innerApplyStyleText.bind(this, styleText, majorChange, property));
   }
 
@@ -3445,6 +3457,10 @@ export class StylePropertyTreeElement extends UI.TreeOutline.TreeElement {
       return;
     }
 
+    if (!this.#isConnected()) {
+      return;
+    }
+
     const oldStyleRange = this.style.range;
     if (!oldStyleRange) {
       return;

package/front_end/panels/elements/computedStyleWidget.css

@@ -0,0 +1,30 @@
+/*
+ * 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.
+ */
+
+@scope to (devtools-widget > *) {
+  .styles-sidebar-pane-toolbar {
+    border-bottom: 1px solid var(--sys-color-divider);
+    flex-shrink: 0;
+  }
+
+  .styles-pane-toolbar {
+    width: 100%;
+  }
+
+  .styles-sidebar-computed-style-widget {
+    min-height: auto;
+  }
+
+  .computed-style-tree-outline-container {
+    flex-grow: 1;
+    flex-shrink: 0;
+  }
+
+  devtools-toolbar-input[type="filter"] {
+    flex-grow: 1;
+    flex-shrink: 1;
+  }
+}

package/front_end/panels/network/NetworkLogView.ts

@@ -39,7 +39,6 @@ import * as Common from '../../core/common/common.js';
 import * as Host from '../../core/host/host.js';
 import * as i18n from '../../core/i18n/i18n.js';
 import * as Platform from '../../core/platform/platform.js';
-import * as Root from '../../core/root/root.js';
 import * as SDK from '../../core/sdk/sdk.js';
 import * as Protocol from '../../generated/protocol.js';
 import * as Annotations from '../../models/annotations/annotations.js';
@@ -1722,21 +1721,21 @@ export class NetworkLogView extends Common.ObjectWrapper.eventMixin<EventTypes,
         }
 
         UI.Context.Context.instance().setFlavor(SDK.NetworkRequest.NetworkRequest, request);
-          const action = UI.ActionRegistry.ActionRegistry.instance().getAction(openAiAssistanceId);
-          const submenu = contextMenu.footerSection().appendSubMenuItem(action.title(), false, openAiAssistanceId);
-          submenu.defaultSection().appendAction(openAiAssistanceId, i18nString(UIStrings.startAChat));
-          appendSubmenuPromptAction(
-              submenu, action, i18nString(UIStrings.explainPurpose), 'What is the purpose of this request?',
-              openAiAssistanceId + '.purpose');
-          appendSubmenuPromptAction(
-              submenu, action, i18nString(UIStrings.explainSlowness), 'Why is this request taking so long?',
-              openAiAssistanceId + '.slowness');
-          appendSubmenuPromptAction(
-              submenu, action, i18nString(UIStrings.explainFailures), 'Why is the request failing?',
-              openAiAssistanceId + '.failures');
-          appendSubmenuPromptAction(
-              submenu, action, i18nString(UIStrings.assessSecurityHeaders), 'Are there any security headers present?',
-              openAiAssistanceId + '.security');
+        const action = UI.ActionRegistry.ActionRegistry.instance().getAction(openAiAssistanceId);
+        const submenu = contextMenu.footerSection().appendSubMenuItem(action.title(), false, openAiAssistanceId);
+        submenu.defaultSection().appendAction(openAiAssistanceId, i18nString(UIStrings.startAChat));
+        appendSubmenuPromptAction(
+            submenu, action, i18nString(UIStrings.explainPurpose), 'What is the purpose of this request?',
+            openAiAssistanceId + '.purpose');
+        appendSubmenuPromptAction(
+            submenu, action, i18nString(UIStrings.explainSlowness), 'Why is this request taking so long?',
+            openAiAssistanceId + '.slowness');
+        appendSubmenuPromptAction(
+            submenu, action, i18nString(UIStrings.explainFailures), 'Why is the request failing?',
+            openAiAssistanceId + '.failures');
+        appendSubmenuPromptAction(
+            submenu, action, i18nString(UIStrings.assessSecurityHeaders), 'Are there any security headers present?',
+            openAiAssistanceId + '.security');
       }
       copyMenu.defaultSection().appendItem(
           i18nString(UIStrings.copyURL),
@@ -1854,98 +1853,58 @@ export class NetworkLogView extends Common.ObjectWrapper.eventMixin<EventTypes,
       const maxBlockedURLLength = 20;
       const manager = SDK.NetworkManager.MultitargetNetworkManager.instance();
 
-      if (!Root.Runtime.hostConfig.devToolsIndividualRequestThrottling?.enabled) {
-        function addBlockedURL(url: string): void {
-          manager.requestConditions.add(SDK.NetworkManager.RequestCondition.createFromSetting(
-              {enabled: true, url: url as Platform.DevToolsPath.UrlString}));
-          manager.requestConditions.conditionsEnabled = true;
+      function removeRequestCondition(pattern: SDK.NetworkManager.RequestURLPattern): void {
+        const entry = manager.requestConditions.findCondition(pattern.constructorString);
+        if (entry) {
+          manager.requestConditions.delete(entry);
           void UI.ViewManager.ViewManager.instance().showView('network.blocked-urls');
         }
+      }
 
-        function removeBlockedURL(url: string): void {
-          const entry = manager.requestConditions.findCondition(url);
-          if (entry) {
-            manager.requestConditions.delete(entry);
-          }
-          void UI.ViewManager.ViewManager.instance().showView('network.blocked-urls');
-        }
-
-        const urlWithoutScheme = request.parsedURL.urlWithoutScheme();
-        if (urlWithoutScheme && !manager.requestConditions.has(urlWithoutScheme)) {
-          contextMenu.debugSection().appendItem(
-              i18nString(UIStrings.blockRequestUrl), addBlockedURL.bind(null, urlWithoutScheme),
-              {jslogContext: 'block-request-url'});
-        } else if (urlWithoutScheme) {
-          const croppedURL = Platform.StringUtilities.trimMiddle(urlWithoutScheme, maxBlockedURLLength);
-          contextMenu.debugSection().appendItem(
-              i18nString(UIStrings.unblockS, {PH1: croppedURL}), removeBlockedURL.bind(null, urlWithoutScheme),
-              {jslogContext: 'unblock'});
-        }
-
-        const domain = request.parsedURL.domain();
-        if (domain && !manager.requestConditions.has(domain)) {
-          contextMenu.debugSection().appendItem(
-              i18nString(UIStrings.blockRequestDomain), addBlockedURL.bind(null, domain),
-              {jslogContext: 'block-request-domain'});
-        } else if (domain) {
-          const croppedDomain = Platform.StringUtilities.trimMiddle(domain, maxBlockedURLLength);
-          contextMenu.debugSection().appendItem(
-              i18nString(UIStrings.unblockS, {PH1: croppedDomain}), removeBlockedURL.bind(null, domain),
-              {jslogContext: 'unblock'});
-        }
-      } else {
-        function removeRequestCondition(pattern: SDK.NetworkManager.RequestURLPattern): void {
-          const entry = manager.requestConditions.findCondition(pattern.constructorString);
-          if (entry) {
-            manager.requestConditions.delete(entry);
-            void UI.ViewManager.ViewManager.instance().showView('network.blocked-urls');
-          }
-        }
-
-        function addRequestCondition(
-            pattern: SDK.NetworkManager.RequestURLPattern,
-            conditions: SDK.NetworkManager.ThrottlingConditions,
-            ): void {
-          const entry = manager.requestConditions.findCondition(pattern.constructorString);
-          if (entry) {
-            entry.conditions = conditions;
-          } else {
-            manager.requestConditions.add(SDK.NetworkManager.RequestCondition.create(pattern, conditions));
-          }
-          manager.requestConditions.conditionsEnabled = true;
-          void UI.ViewManager.ViewManager.instance().showView('network.blocked-urls');
+      function addRequestCondition(
+          pattern: SDK.NetworkManager.RequestURLPattern,
+          conditions: SDK.NetworkManager.ThrottlingConditions,
+          ): void {
+        const entry = manager.requestConditions.findCondition(pattern.constructorString);
+        if (entry) {
+          entry.conditions = conditions;
+        } else {
+          manager.requestConditions.add(SDK.NetworkManager.RequestCondition.create(pattern, conditions));
         }
+        manager.requestConditions.conditionsEnabled = true;
+        void UI.ViewManager.ViewManager.instance().showView('network.blocked-urls');
+      }
 
-        const blockingMenu =
-            contextMenu.debugSection().appendSubMenuItem(i18nString(UIStrings.blockRequests), /* disabled=*/ true);
-        const throttlingMenu =
-            contextMenu.debugSection().appendSubMenuItem(i18nString(UIStrings.throttleRequests), /* disabled=*/ true);
-
-        const urlWithoutScheme = request.parsedURL.urlWithoutScheme();
-        const urlPattern = urlWithoutScheme &&
-            SDK.NetworkManager.RequestURLPattern.create(
-                `*://${urlWithoutScheme}` as SDK.NetworkManager.URLPatternConstructorString);
-        if (urlPattern) {
-          throttlingMenu.setEnabled(true);
-          blockingMenu.setEnabled(true);
-          const existingConditions = manager.requestConditions.findCondition(urlPattern.constructorString);
-          const isBlocking = existingConditions?.conditions === SDK.NetworkManager.BlockingConditions;
-          const isThrottling = existingConditions &&
-              existingConditions.conditions !== SDK.NetworkManager.BlockingConditions &&
-              existingConditions.conditions !== SDK.NetworkManager.NoThrottlingConditions;
-          const croppedURL = Platform.StringUtilities.trimMiddle(urlPattern.constructorString, maxBlockedURLLength);
-          blockingMenu.debugSection().appendItem(
-              isBlocking ? i18nString(UIStrings.unblockS, {PH1: croppedURL}) : i18nString(UIStrings.blockRequestUrl),
-              () => isBlocking ? removeRequestCondition(urlPattern) :
-                                 addRequestCondition(urlPattern, SDK.NetworkManager.BlockingConditions),
-              {jslogContext: 'block-request-url'});
-          throttlingMenu.debugSection().appendItem(
-              isThrottling ? i18nString(UIStrings.unthrottleS, {PH1: croppedURL}) :
-                             i18nString(UIStrings.throttleRequestUrl),
-              () => isThrottling ? removeRequestCondition(urlPattern) :
-                                   addRequestCondition(urlPattern, SDK.NetworkManager.Slow3GConditions),
-              {jslogContext: 'throttle-request-url'});
-        }
+      const blockingMenu =
+          contextMenu.debugSection().appendSubMenuItem(i18nString(UIStrings.blockRequests), /* disabled=*/ true);
+      const throttlingMenu =
+          contextMenu.debugSection().appendSubMenuItem(i18nString(UIStrings.throttleRequests), /* disabled=*/ true);
+
+      const urlWithoutScheme = request.parsedURL.urlWithoutScheme();
+      const urlPattern = urlWithoutScheme &&
+          SDK.NetworkManager.RequestURLPattern.create(
+              `*://${urlWithoutScheme}` as SDK.NetworkManager.URLPatternConstructorString);
+      if (urlPattern) {
+        throttlingMenu.setEnabled(true);
+        blockingMenu.setEnabled(true);
+        const existingConditions = manager.requestConditions.findCondition(urlPattern.constructorString);
+        const isBlocking = existingConditions?.conditions === SDK.NetworkManager.BlockingConditions;
+        const isThrottling = existingConditions &&
+            existingConditions.conditions !== SDK.NetworkManager.BlockingConditions &&
+            existingConditions.conditions !== SDK.NetworkManager.NoThrottlingConditions;
+        const croppedURL = Platform.StringUtilities.trimMiddle(urlPattern.constructorString, maxBlockedURLLength);
+        blockingMenu.debugSection().appendItem(
+            isBlocking ? i18nString(UIStrings.unblockS, {PH1: croppedURL}) : i18nString(UIStrings.blockRequestUrl),
+            () => isBlocking ? removeRequestCondition(urlPattern) :
+                               addRequestCondition(urlPattern, SDK.NetworkManager.BlockingConditions),
+            {jslogContext: 'block-request-url'});
+        throttlingMenu.debugSection().appendItem(
+            isThrottling ? i18nString(UIStrings.unthrottleS, {PH1: croppedURL}) :
+                           i18nString(UIStrings.throttleRequestUrl),
+            () => isThrottling ? removeRequestCondition(urlPattern) :
+                                 addRequestCondition(urlPattern, SDK.NetworkManager.Slow3GConditions),
+            {jslogContext: 'throttle-request-url'});
+      }
 
         const domain = request.parsedURL.domain();
         const domainPattern = domain &&
@@ -1971,7 +1930,6 @@ export class NetworkLogView extends Common.ObjectWrapper.eventMixin<EventTypes,
               () => isThrottling ? removeRequestCondition(domainPattern) :
                                    addRequestCondition(domainPattern, SDK.NetworkManager.Slow3GConditions),
               {jslogContext: 'throttle-request-domain'});
-        }
       }
 
       if (SDK.NetworkManager.NetworkManager.canReplayRequest(request)) {
@@ -2758,7 +2716,8 @@ export class MoreFiltersDropDownUI extends Common.ObjectWrapper.ObjectWrapper<UI
     this.updateActiveFiltersCount();
 
     this.dropDownButton = new UI.Toolbar.ToolbarMenuButton(
-        this.showMoreFiltersContextMenu.bind(this), /* isIconDropdown=*/ false, /* useSoftMenu=*/ true,
+        this.showMoreFiltersContextMenu.bind(this),
+        /* isIconDropdown=*/ false, /* useSoftMenu=*/ true,
         /* jslogContext=*/ undefined, /* iconName=*/ undefined,
         /* keepOpen=*/ true);
     this.dropDownButton.setTitle(i18nString(UIStrings.showOnlyHideRequests));

package/front_end/panels/network/RequestConditionsDrawer.ts

@@ -10,7 +10,6 @@ import '../../ui/components/tooltips/tooltips.js';
 import type * as Common from '../../core/common/common.js';
 import * as i18n from '../../core/i18n/i18n.js';
 import * as Platform from '../../core/platform/platform.js';
-import * as Root from '../../core/root/root.js';
 import * as SDK from '../../core/sdk/sdk.js';
 import * as Logs from '../../models/logs/logs.js';
 import * as Buttons from '../../ui/components/buttons/buttons.js';
@@ -28,34 +27,18 @@ const {ref, live} = Directives;
 const {widgetConfig} = UI.Widget;
 
 const UIStrings = {
-  /**
-   * @description Text to enable blocking of network requests
-   */
-  enableNetworkRequestBlocking: 'Enable network request blocking',
   /**
    * @description Text to enable blocking of network requests
    */
   enableBlockingAndThrottling: 'Enable blocking and throttling',
-  /**
-   * @description Tooltip text that appears when hovering over the plus button in the Blocked URLs Pane of the Network panel
-   */
-  addPattern: 'Add pattern',
   /**
    * @description Tooltip text that appears when hovering over the plus button in the Blocked URLs Pane of the Network panel
    */
   addRule: 'Add rule',
-  /**
-   * @description Accessible label for the button to add request blocking patterns in the network request blocking tool
-   */
-  addNetworkRequestBlockingPattern: 'Add network request blocking pattern',
   /**
    * @description Accessible label for the button to add request blocking patterns in the network request blocking tool
    */
   addPatternLabel: 'Add network request throttling or blocking pattern',
-  /**
-   * @description Text that shows in the network request blocking panel if no pattern has yet been added.
-   */
-  noNetworkRequestsBlocked: 'No blocked network requests',
   /**
    * @description Text that shows in the network request blocking panel if no pattern has yet been added.
    */
@@ -66,25 +49,11 @@ const UIStrings = {
    */
   noThrottlingOrBlockingPattern:
       `To throttle or block a network request, add a rule here manually or via the network panel's context menu. {PH1}`,
-  /**
-   * @description Text that shows  in the network request blocking panel if no pattern has yet been added.
-   * @example {Add pattern} PH1
-   */
-  addPatternToBlock: 'Add a pattern by clicking on the "{PH1}" button.',
-  /**
-   * @description Text in Blocked URLs Pane of the Network panel
-   * @example {4} PH1
-   */
-  dBlocked: '{PH1} blocked',
   /**
    * @description Text in Blocked URLs Pane of the Network panel
    * @example {4} PH1
    */
   dAffected: '{PH1} affected',
-  /**
-   * @description Text in Blocked URLs Pane of the Network panel
-   */
-  textPatternToBlockMatching: 'Text pattern to block matching requests; use * for wildcard',
   /**
    * @description Text in Blocked URLs Pane of the Network panel
    */
@@ -178,7 +147,6 @@ interface ViewInput {
 }
 type View = (input: ViewInput, output: object, target: HTMLElement) => void;
 export const DEFAULT_VIEW: View = (input, output, target) => {
-  const individualThrottlingEnabled = Boolean(Root.Runtime.hostConfig.devToolsIndividualRequestThrottling?.enabled);
   render(
       // clang-format off
     html`
@@ -187,31 +155,24 @@ export const DEFAULT_VIEW: View = (input, output, target) => {
         ?checked=${input.enabled}
         @click=${input.toggleEnabled}
         .jslogContext=${'network.enable-request-blocking'}>
-        ${individualThrottlingEnabled ? i18nString(UIStrings.enableBlockingAndThrottling)
-                                      : i18nString(UIStrings.enableNetworkRequestBlocking)}
+        ${i18nString(UIStrings.enableBlockingAndThrottling)}
       </devtools-checkbox>
       <div class="toolbar-divider"></div>
       <devtools-button ${bindToAction('network.add-network-request-blocking-pattern')}></devtools-button>
       <devtools-button ${bindToAction('network.remove-all-network-request-blocking-patterns')}></devtools-button>
     </devtools-toolbar>
     <div class=empty-state ${ref(e => input.list.setEmptyPlaceholder(e ?? null))}>
-      <span class=empty-state-header>${individualThrottlingEnabled
-                                       ? i18nString(UIStrings.noPattern)
-                                       : i18nString(UIStrings.noNetworkRequestsBlocked)}</span>
+      <span class=empty-state-header>${i18nString(UIStrings.noPattern)}</span>
       <div class=empty-state-description>
-        ${individualThrottlingEnabled
-        ? uiI18n.getFormatLocalizedStringTemplate(str_, UIStrings.noThrottlingOrBlockingPattern, {PH1: learnMore()})
-        : html`<span>${i18nString(UIStrings.addPatternToBlock,
-                                  {PH1: i18nString(UIStrings.addPattern)})}</span>${learnMore()}`}
+        ${uiI18n.getFormatLocalizedStringTemplate(str_, UIStrings.noThrottlingOrBlockingPattern, {PH1: learnMore()})}
       </div>
       <devtools-button
         @click=${input.addPattern}
         class=add-button
         .jslogContext=${'network.add-network-request-blocking-pattern'}
-        title=${individualThrottlingEnabled ? i18nString(UIStrings.addPatternLabel)
-                                                 : i18nString(UIStrings.addNetworkRequestBlockingPattern)}
+        title=${i18nString(UIStrings.addPatternLabel)}
         .variant=${Buttons.Button.Variant.TONAL}>
-          ${individualThrottlingEnabled ? i18nString(UIStrings.addRule) : i18nString(UIStrings.addPattern)}
+          ${i18nString(UIStrings.addRule)}
       </devtools-button>
     </div>
     <devtools-widget .widgetConfig=${UI.Widget.widgetConfig(UI.Widget.VBox)}>
@@ -227,35 +188,11 @@ interface AffectedCountViewInput {
 }
 type AffectedCountView = (input: AffectedCountViewInput, output: object, target: HTMLElement) => void;
 export const AFFECTED_COUNT_DEFAULT_VIEW: AffectedCountView = (input, output, target) => {
-  if (Root.Runtime.hostConfig.devToolsIndividualRequestThrottling?.enabled) {
-    render(html`${i18nString(UIStrings.dAffected, {PH1: input.count})}`, target);
-  } else {
-    render(html`${i18nString(UIStrings.dBlocked, {PH1: input.count})}`, target);
-  }
+  render(html`${i18nString(UIStrings.dAffected, {PH1: input.count})}`, target);
 };
 
 function matchesUrl(conditions: SDK.NetworkManager.RequestCondition, url: string): boolean {
-  function matchesPattern(pattern: string, url: string): boolean {
-    let pos = 0;
-    const parts = pattern.split('*');
-    for (let index = 0; index < parts.length; index++) {
-      const part = parts[index];
-      if (!part.length) {
-        continue;
-      }
-      pos = url.indexOf(part, pos);
-      if (pos === -1) {
-        return false;
-      }
-      pos += part.length;
-    }
-    return true;
-  }
-
-  return Boolean(
-      Root.Runtime.hostConfig.devToolsIndividualRequestThrottling?.enabled ?
-          conditions.originalOrUpgradedURLPattern?.test(url) :
-          (conditions.wildcardURL && matchesPattern(conditions.wildcardURL, url)));
+  return Boolean(conditions.originalOrUpgradedURLPattern?.test(url));
 }
 
 export class AffectedCountWidget extends UI.Widget.Widget {
@@ -290,9 +227,8 @@ export class AffectedCountWidget extends UI.Widget.Widget {
       return;
     }
 
-    const count = !Root.Runtime.hostConfig.devToolsIndividualRequestThrottling?.enabled || this.#condition.isBlocking ?
-        this.#drawer.blockedRequestsCount(this.#condition) :
-        this.#drawer.throttledRequestsCount(this.#condition);
+    const count = this.#condition.isBlocking ? this.#drawer.blockedRequestsCount(this.#condition) :
+                                               this.#drawer.throttledRequestsCount(this.#condition);
 
     this.#view({count}, {}, this.element);
   }
@@ -420,23 +356,22 @@ export class RequestConditionsDrawer extends UI.Widget.VBox implements
 
     const {enabled, originalOrUpgradedURLPattern, constructorStringOrWildcardURL, wildcardURL} = condition;
 
-    if (Root.Runtime.hostConfig.devToolsIndividualRequestThrottling?.enabled) {
-      const moveUp = (e: Event): void => {
-        if (this.manager.requestConditions.conditionsEnabled) {
-          UI.ARIAUtils.LiveAnnouncer.status(i18nString(UIStrings.patternMovedUp));
-          e.consume(true);
-          this.manager.requestConditions.increasePriority(condition);
-        }
-      };
-      const moveDown = (e: Event): void => {
-        if (this.manager.requestConditions.conditionsEnabled) {
-          UI.ARIAUtils.LiveAnnouncer.status(i18nString(UIStrings.patternMovedDown));
-          e.consume(true);
-          this.manager.requestConditions.decreasePriority(condition);
-        }
-      };
-      render(
-          // clang-format off
+    const moveUp = (e: Event): void => {
+      if (this.manager.requestConditions.conditionsEnabled) {
+        UI.ARIAUtils.LiveAnnouncer.status(i18nString(UIStrings.patternMovedUp));
+        e.consume(true);
+        this.manager.requestConditions.increasePriority(condition);
+      }
+    };
+    const moveDown = (e: Event): void => {
+      if (this.manager.requestConditions.conditionsEnabled) {
+        UI.ARIAUtils.LiveAnnouncer.status(i18nString(UIStrings.patternMovedDown));
+        e.consume(true);
+        this.manager.requestConditions.decreasePriority(condition);
+      }
+    };
+    render(
+        // clang-format off
         html`
     <input class=blocked-url-checkbox
       @change=${toggle}
@@ -512,23 +447,8 @@ export class RequestConditionsDrawer extends UI.Widget.VBox implements
     <devtools-widget
       ?disabled=${!editable || !originalOrUpgradedURLPattern}
       .widgetConfig=${widgetConfig(AffectedCountWidget, {condition, drawer: this})}></devtools-widget>`,
-          // clang-format on
-          element);
-    } else {
-      render(
-          // clang-format off
-        html`
-    <input class=blocked-url-checkbox
-      @change=${toggle}
-      type=checkbox
-      .checked=${condition.enabled}
-      .disabled=${!editable}
-      jslog=${VisualLogging.toggle().track({ change: true })}>
-    <div @click=${toggle} class=blocked-url-label>${wildcardURL}</div>
-    <devtools-widget .widgetConfig=${widgetConfig(AffectedCountWidget, {condition, drawer: this})}></devtools-widget>`,
-          // clang-format on
-          element);
-    }
+        // clang-format on
+        element);
   }
 
   private toggleEnabled(): void {
@@ -543,9 +463,7 @@ export class RequestConditionsDrawer extends UI.Widget.VBox implements
 
   beginEdit(pattern: SDK.NetworkManager.RequestCondition): UI.ListWidget.Editor<SDK.NetworkManager.RequestCondition> {
     this.editor = this.createEditor();
-    this.editor.control('url').value = Root.Runtime.hostConfig.devToolsIndividualRequestThrottling?.enabled ?
-        pattern.constructorStringOrWildcardURL :
-        pattern.wildcardURL ?? '';
+    this.editor.control('url').value = pattern.constructorStringOrWildcardURL;
     return this.editor;
   }
 
@@ -553,9 +471,7 @@ export class RequestConditionsDrawer extends UI.Widget.VBox implements
       item: SDK.NetworkManager.RequestCondition, editor: UI.ListWidget.Editor<SDK.NetworkManager.RequestCondition>,
       isNew: boolean): void {
     const constructorString = editor.control('url').value as SDK.NetworkManager.URLPatternConstructorString;
-    const pattern = Root.Runtime.hostConfig.devToolsIndividualRequestThrottling?.enabled ?
-        SDK.NetworkManager.RequestURLPattern.create(constructorString) :
-        constructorString;
+    const pattern = SDK.NetworkManager.RequestURLPattern.create(constructorString);
     if (!pattern) {
       throw new Error('Failed to parse pattern');
     }
@@ -574,14 +490,10 @@ export class RequestConditionsDrawer extends UI.Widget.VBox implements
     const content = editor.contentElement();
     const titles = content.createChild('div', 'blocked-url-edit-row');
     const label = titles.createChild('label');
-    if (Root.Runtime.hostConfig.devToolsIndividualRequestThrottling?.enabled) {
-      const learnMore = Link.create(PATTERN_API_DOCS_URL, i18nString(UIStrings.learnMore), undefined, 'learn-more');
-      learnMore.title = i18nString(UIStrings.learnMoreLabel);
-      titles.append('\xA0', learnMore);
-      label.textContent = i18nString(UIStrings.textEditPattern);
-    } else {
-      label.textContent = i18nString(UIStrings.textPatternToBlockMatching);
-    }
+    const learnMore = Link.create(PATTERN_API_DOCS_URL, i18nString(UIStrings.learnMore), undefined, 'learn-more');
+    learnMore.title = i18nString(UIStrings.learnMoreLabel);
+    titles.append('\xA0', learnMore);
+    label.textContent = i18nString(UIStrings.textEditPattern);
     const fields = content.createChild('div', 'blocked-url-edit-row');
     const validator =
         (_item: SDK.NetworkManager.RequestCondition, _index: number, input: UI.ListWidget.EditorControl): {
@@ -594,14 +506,12 @@ export class RequestConditionsDrawer extends UI.Widget.VBox implements
           if (this.manager.requestConditions.has(input.value)) {
             return {errorMessage: i18nString(UIStrings.patternAlreadyExists), valid: false};
           }
-          if (Root.Runtime.hostConfig.devToolsIndividualRequestThrottling?.enabled) {
-            const isValid = SDK.NetworkManager.RequestURLPattern.isValidPattern(input.value);
-            switch (isValid) {
-              case SDK.NetworkManager.RequestURLPatternValidity.FAILED_TO_PARSE:
-                return {errorMessage: i18nString(UIStrings.patternFailedToParse), valid: false};
-              case SDK.NetworkManager.RequestURLPatternValidity.HAS_REGEXP_GROUPS:
-                return {errorMessage: i18nString(UIStrings.patternFailedWithRegExpGroups), valid: false};
-            }
+          const isValid = SDK.NetworkManager.RequestURLPattern.isValidPattern(input.value);
+          switch (isValid) {
+            case SDK.NetworkManager.RequestURLPatternValidity.FAILED_TO_PARSE:
+              return {errorMessage: i18nString(UIStrings.patternFailedToParse), valid: false};
+            case SDK.NetworkManager.RequestURLPatternValidity.HAS_REGEXP_GROUPS:
+              return {errorMessage: i18nString(UIStrings.patternFailedWithRegExpGroups), valid: false};
           }
           return {valid: true, errorMessage: undefined};
         };
@@ -613,8 +523,7 @@ export class RequestConditionsDrawer extends UI.Widget.VBox implements
 
   update(): void {
     const enabled = this.manager.requestConditions.conditionsEnabled;
-    const newItems = Array.from(this.manager.requestConditions.conditions.filter(
-        pattern => Root.Runtime.hostConfig.devToolsIndividualRequestThrottling?.enabled || pattern.wildcardURL));
+    const newItems = Array.from(this.manager.requestConditions.conditions);
 
     let oldIndex = 0;
     for (; oldIndex < newItems.length; ++oldIndex) {