chrome-devtools-frontend 1.0.1532228 → 1.0.1533544

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

@@ -1,8 +1,8 @@
 // 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 */
-/* eslint-disable rulesdir/no-lit-render-outside-of-view */
+/* eslint-disable @devtools/no-imperative-dom-api */
+/* eslint-disable @devtools/no-lit-render-outside-of-view */
 
 import '../../../ui/components/icon_button/icon_button.js';
 import './FieldSettingsDialog.js';
@@ -686,7 +686,7 @@ export class LiveMetricsView extends LegacyWrapper.LegacyWrapper.WrappableCompon
     // If there is no data at all we should force users to switch pages or reconfigure CrUX.
     const shouldDisable = !this.#cruxManager.pageResult?.['url-ALL'] && !this.#cruxManager.pageResult?.['origin-ALL'];
 
-    /* eslint-disable rulesdir/no-deprecated-component-usages */
+    /* eslint-disable @devtools/no-deprecated-component-usages */
     return html`
       <devtools-select-menu
         id="page-scope-select"
@@ -714,7 +714,7 @@ export class LiveMetricsView extends LegacyWrapper.LegacyWrapper.WrappableCompon
         </devtools-menu-item>
       </devtools-select-menu>
     `;
-    /* eslint-enable rulesdir/no-deprecated-component-usages */
+    /* eslint-enable @devtools/no-deprecated-component-usages */
   }
 
   #getDeviceScopeDisplayName(deviceScope: CrUXManager.DeviceScope): string {
@@ -769,7 +769,7 @@ export class LiveMetricsView extends LegacyWrapper.LegacyWrapper.WrappableCompon
     const currentDeviceLabel = this.#getLabelForDeviceOption(this.#cruxManager.fieldDeviceOption);
 
     // clang-format off
-    /* eslint-disable rulesdir/no-deprecated-component-usages */
+    /* eslint-disable @devtools/no-deprecated-component-usages */
     return html`
       <devtools-select-menu
         id="device-scope-select"
@@ -795,7 +795,7 @@ export class LiveMetricsView extends LegacyWrapper.LegacyWrapper.WrappableCompon
         })}
       </devtools-select-menu>
     `;
-    /* eslint-enable rulesdir/no-deprecated-component-usages */
+    /* eslint-enable @devtools/no-deprecated-component-usages */
     // clang-format on
   }
 

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

@@ -1,7 +1,7 @@
 // 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 */
+/* eslint-disable @devtools/no-lit-render-outside-of-view */
 
 import * as i18n from '../../../core/i18n/i18n.js';
 import * as Platform from '../../../core/platform/platform.js';

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

@@ -1,7 +1,7 @@
 // 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 */
+/* eslint-disable @devtools/no-lit-render-outside-of-view */
 
 import '../../../ui/components/icon_button/icon_button.js';
 

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

@@ -1,7 +1,7 @@
 // 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 */
+/* eslint-disable @devtools/no-lit-render-outside-of-view */
 
 import '../../../ui/components/icon_button/icon_button.js';
 import '../../../ui/components/menus/menus.js';
@@ -179,7 +179,7 @@ export class NetworkThrottlingSelector extends HTMLElement {
     }
 
     // clang-format off
-    /* eslint-disable rulesdir/no-deprecated-component-usages */
+    /* eslint-disable @devtools/no-deprecated-component-usages */
     const output = html`
       <style>${networkThrottlingSelectorStyles}</style>
       <devtools-select-menu
@@ -230,7 +230,7 @@ export class NetworkThrottlingSelector extends HTMLElement {
       </devtools-select-menu>
       ${recommendedInfoEl}
     `;
-    /* eslint-enable rulesdir/no-deprecated-component-usages */
+    /* eslint-enable @devtools/no-deprecated-component-usages */
     // clang-format on
     Lit.render(output, this.#shadow, {host: this});
   };

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

@@ -1,8 +1,8 @@
 // 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 */
-/* eslint-disable rulesdir/no-lit-render-outside-of-view */
+/* eslint-disable @devtools/no-imperative-dom-api */
+/* eslint-disable @devtools/no-lit-render-outside-of-view */
 
 import '../../../ui/components/icon_button/icon_button.js';
 

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

@@ -1,7 +1,7 @@
 // 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 */
+/* eslint-disable @devtools/no-imperative-dom-api */
 
 import type * as Trace from '../../../models/trace/trace.js';
 import * as RenderCoordinator from '../../../ui/components/render_coordinator/render_coordinator.js';

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

@@ -1,7 +1,7 @@
 // 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 */
+/* eslint-disable @devtools/no-lit-render-outside-of-view */
 
 import * as Common from '../../../core/common/common.js';
 import * as i18n from '../../../core/i18n/i18n.js';

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

@@ -1,7 +1,7 @@
 // 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 */
+/* eslint-disable @devtools/no-lit-render-outside-of-view */
 
 import './SidebarSingleInsightSet.js';
 

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

@@ -1,7 +1,7 @@
 // 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 */
+/* eslint-disable @devtools/no-lit-render-outside-of-view */
 
 import * as i18n from '../../../core/i18n/i18n.js';
 import * as Platform from '../../../core/platform/platform.js';

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

@@ -1,7 +1,7 @@
 // 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 */
+/* eslint-disable @devtools/no-lit-render-outside-of-view */
 
 import * as i18n from '../../../core/i18n/i18n.js';
 import type * as Trace from '../../../models/trace/trace.js';

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

@@ -1,7 +1,7 @@
 // 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 */
+/* eslint-disable @devtools/no-imperative-dom-api */
 
 import * as i18n from '../../../core/i18n/i18n.js';
 import * as Platform from '../../../core/platform/platform.js';

package/front_end/panels/timeline/components/insights/BaseInsightComponent.ts

@@ -1,7 +1,7 @@
 // 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 */
+/* eslint-disable @devtools/no-lit-render-outside-of-view */
 
 import '../../../../ui/components/markdown_view/markdown_view.js';
 
@@ -83,7 +83,7 @@ export abstract class BaseInsightComponent<T extends InsightModel> extends HTMLE
 
   // This flag tracks if the Insights AI feature is enabled within Chrome for
   // the active user.
-  #insightsAskAiEnabled = false;
+  #askAiEnabled = false;
 
   #selected = false;
   #model: T|null = null;
@@ -122,8 +122,7 @@ export abstract class BaseInsightComponent<T extends InsightModel> extends HTMLE
     this.dataset.insightName = this.internalName;
 
     const {devToolsAiAssistancePerformanceAgent} = Root.Runtime.hostConfig;
-    this.#insightsAskAiEnabled =
-        Boolean(devToolsAiAssistancePerformanceAgent?.enabled && devToolsAiAssistancePerformanceAgent?.insightsEnabled);
+    this.#askAiEnabled = Boolean(devToolsAiAssistancePerformanceAgent?.enabled);
   }
 
   set selected(selected: boolean) {
@@ -361,7 +360,7 @@ export abstract class BaseInsightComponent<T extends InsightModel> extends HTMLE
     }
 
     // matches the one in ai_assistance-meta.ts
-    const actionId = 'drjones.performance-insight-context';
+    const actionId = 'drjones.performance-panel-context';
     if (!UI.ActionRegistry.ActionRegistry.instance().hasAction(actionId)) {
       return;
     }
@@ -382,7 +381,7 @@ export abstract class BaseInsightComponent<T extends InsightModel> extends HTMLE
   #canShowAskAI(): boolean {
     const aiAvailable = Root.Runtime.hostConfig.aidaAvailability?.enterprisePolicyValue !==
             Root.Runtime.GenAiEnterprisePolicyValue.DISABLE &&
-        this.#insightsAskAiEnabled && Root.Runtime.hostConfig.aidaAvailability?.enabled === true;
+        this.#askAiEnabled && Root.Runtime.hostConfig.aidaAvailability?.enabled === true;
 
     return aiAvailable && this.hasAskAiSupport();
   }

package/front_end/panels/timeline/components/insights/Checklist.ts

@@ -1,7 +1,7 @@
 // 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 */
+/* eslint-disable @devtools/no-lit-render-outside-of-view */
 
 /**
  * @file A list of pass/fail conditions for an insight.

package/front_end/panels/timeline/components/insights/EventRef.ts

@@ -1,7 +1,7 @@
 // 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 */
+/* eslint-disable @devtools/no-lit-render-outside-of-view */
 
 import * as i18n from '../../../../core/i18n/i18n.js';
 import type * as Platform from '../../../../core/platform/platform.js';

package/front_end/panels/timeline/components/insights/LCPDiscovery.ts

@@ -1,7 +1,7 @@
 // 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 */
+/* eslint-disable @devtools/no-imperative-dom-api */
 
 import './Checklist.js';
 
@@ -17,7 +17,7 @@ const {UIStrings, i18nString, getImageData} = Trace.Insights.Models.LCPDiscovery
 
 const {html} = Lit;
 
-// eslint-disable-next-line rulesdir/l10n-filename-matches
+// eslint-disable-next-line @devtools/l10n-filename-matches
 const str_ = i18n.i18n.registerUIStrings('models/trace/insights/LCPDiscovery.ts', UIStrings);
 
 export class LCPDiscovery extends BaseInsightComponent<LCPDiscoveryInsightModel> {

package/front_end/panels/timeline/components/insights/NodeLink.ts

@@ -1,7 +1,7 @@
 // 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 */
+/* eslint-disable @devtools/no-lit-render-outside-of-view */
 
 // TODO: move to ui/components/node_link?
 

package/front_end/panels/timeline/components/insights/Table.ts

@@ -1,7 +1,7 @@
 // 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 */
+/* eslint-disable @devtools/no-lit-render-outside-of-view */
 
 import * as i18n from '../../../../core/i18n/i18n.js';
 import type * as Trace from '../../../../models/trace/trace.js';

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

@@ -1,7 +1,7 @@
 // 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 */
+/* eslint-disable @devtools/no-imperative-dom-api */
 
 import * as Common from '../../../core/common/common.js';
 import * as i18n from '../../../core/i18n/i18n.js';

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

@@ -3,7 +3,7 @@
 // found in the LICENSE file.
 import '../../../../ui/components/icon_button/icon_button.js';
 
-/* eslint-disable rulesdir/no-lit-render-outside-of-view */
+/* eslint-disable @devtools/no-lit-render-outside-of-view */
 
 import * as i18n from '../../../../core/i18n/i18n.js';
 import * as Trace from '../../../../models/trace/trace.js';

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

@@ -1,7 +1,7 @@
 // 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 */
+/* eslint-disable @devtools/no-lit-render-outside-of-view */
 
 import '../../../../ui/components/icon_button/icon_button.js';
 import '../../../../ui/components/tooltips/tooltips.js';

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

@@ -1,7 +1,7 @@
 // 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 */
+/* eslint-disable @devtools/no-lit-render-outside-of-view */
 
 import * as i18n from '../../../../core/i18n/i18n.js';
 import * as Platform from '../../../../core/platform/platform.js';

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

@@ -1,7 +1,7 @@
 // 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 */
+/* eslint-disable @devtools/no-lit-render-outside-of-view */
 
 import * as i18n from '../../../../core/i18n/i18n.js';
 import type * as Trace from '../../../../models/trace/trace.js';

package/front_end/panels/utils/utils.ts

@@ -6,7 +6,7 @@ import '../../ui/components/icon_button/icon_button.js';
 
 import * as Common from '../../core/common/common.js';
 import * as i18n from '../../core/i18n/i18n.js';
-import type * as SDK from '../../core/sdk/sdk.js';
+import * as SDK from '../../core/sdk/sdk.js';
 import * as Formatter from '../../models/formatter/formatter.js';
 import * as Persistence from '../../models/persistence/persistence.js';
 import type * as Workspace from '../../models/workspace/workspace.js';
@@ -36,6 +36,12 @@ const UIStrings = {
    */
   thirdPartyPhaseout:
       'Cookies for this request are blocked either because of Chrome flags or browser configuration. Learn more in the Issues panel.',
+  /**
+   * @description Tooltip to explain that a request was throttled
+   * @example {Image} PH1
+   * @example {3G} PH2
+   */
+  resourceTypeWithThrottling: '{PH1} (throttled to {PH2})',
 } as const;
 
 const str_ = i18n.i18n.registerUIStrings('panels/utils/utils.ts', UIStrings);
@@ -129,8 +135,10 @@ export class PanelUtils {
 
     if (type === Common.ResourceType.resourceTypes.Image) {
       return html`<div class="image icon">
-          <img class="image-network-icon-preview" alt=${request.resourceType().title()}
-              ${ref(e => request.populateImageSource(e as HTMLImageElement))}>
+          <img class="image-network-icon-preview"
+               title=${iconTitleForRequest(request)}
+               alt=${iconTitleForRequest(request)}
+               ${ref(e => request.populateImageSource(e as HTMLImageElement))}>
         </div>`;
     }
 
@@ -139,7 +147,7 @@ export class PanelUtils {
         Common.ResourceType.ResourceType.simplifyContentType(request.mimeType) === 'application/json') {
       // clang-format off
       return html`<devtools-icon
-          class="icon" name="file-json" title=${request.resourceType().title()}
+          class="icon" name="file-json" title=${iconTitleForRequest(request)}
           style="color:var(--icon-file-script)">
         </devtools-icon>`;
       // clang-format on
@@ -149,10 +157,22 @@ export class PanelUtils {
     const {iconName, color} = PanelUtils.iconDataForResourceType(type);
     // clang-format off
     return html`<devtools-icon
-        class="icon" name=${iconName} title=${request.resourceType().title()}
+        class="icon" name=${iconName} title=${iconTitleForRequest(request)}
         style=${styleMap({color})}>
       </devtools-icon>`;
     // clang-format on
+
+    function iconTitleForRequest(request: SDK.NetworkRequest.NetworkRequest): string {
+      const throttlingConditions =
+          SDK.NetworkManager.MultitargetNetworkManager.instance().appliedRequestConditions(request);
+      if (!throttlingConditions?.urlPattern) {
+        return request.resourceType().title();
+      }
+      const title = typeof throttlingConditions?.conditions.title === 'string' ?
+          throttlingConditions?.conditions.title :
+          throttlingConditions?.conditions.title();
+      return i18nString(UIStrings.resourceTypeWithThrottling, {PH1: request.resourceType().title(), PH2: title});
+    }
   }
 
   static iconDataForResourceType(resourceType: Common.ResourceType.ResourceType): {iconName: string, color?: string} {

package/front_end/panels/webauthn/WebauthnPane.ts

@@ -769,7 +769,7 @@ export class WebauthnPaneImpl extends UI.Panel.Panel implements
     }
     pem += PRIVATE_KEY_FOOTER;
 
-    /* eslint-disable-next-line rulesdir/no-imperative-dom-api */
+    /* eslint-disable-next-line @devtools/no-imperative-dom-api */
     const link = document.createElement('a');
     link.download = i18nString(UIStrings.privateKeypem);
     link.href = 'data:application/x-pem-file,' + encodeURIComponent(pem);

package/front_end/third_party/chromium/README.chromium

@@ -1,7 +1,7 @@
 Name: Dependencies sourced from the upstream `chromium` repository
 URL: https://source.chromium.org/chromium/chromium/src/+/main:components/variations/proto/devtools/
 Version: N/A
-Revision: d9f4be1af20015ff4b3850d8e33f8038de6b5c2c
+Revision: 76a8f4b60fc076cb95111041b636ebf814a70823
 Update Mechanism: Manual (https://crbug.com/428069060)
 License: BSD-3-Clause
 License File: LICENSE

package/front_end/third_party/lighthouse/README.chromium

@@ -1,7 +1,7 @@
 Name: Lighthouse
 Short Name: lighthouse
-Version: 13.0.0
-Revision: 82e119638a65629f7a19b2ec11bcd6ddc1ad6b89
+Version: 13.0.1
+Revision: 6ca156ba2950a5220f9f2c8468eee88842eff39a
 Update Mechanism: Manual
 URL: https://github.com/GoogleChrome/lighthouse
 License: Apache-2.0