chrome-devtools-frontend 1.0.1679704 → 1.0.1681091

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

@@ -18,6 +18,14 @@ import * as SettingsUI from '../../ui/settings/settings.js';
 import type * as Sources from './sources.js';
 
 const UIStrings = {
+  /**
+   * @description Label of a checkbox in the DevTools settings UI.
+   */
+  enableRemoteFileLoading: 'Allow loading remote file path resources in DevTools',
+  /**
+   * @description Tooltip text for a setting that controls whether external resource can be loaded in DevTools.
+   */
+  remoteFileLoadingInfo: 'Example resources are source maps. Disabled by default for security reasons.',
   /**
    * @description Title of a setting under the Debugger category in Settings.
    */
@@ -1611,6 +1619,14 @@ SettingsUI.SettingUIRegistration.register(SDK.SDKSettings.cssSourceMapsEnabledSe
   ],
 });
 
+SettingsUI.SettingUIRegistration.register(SDK.SDKSettings.enableRemoteFileLoadingSettingDescriptor, {
+  category: Common.Settings.SettingCategory.SOURCES,
+  title: i18nLazyString(UIStrings.enableRemoteFileLoading),
+  learnMore: {
+    tooltip: i18nLazyString(UIStrings.remoteFileLoadingInfo),
+  },
+});
+
 SettingsUI.SettingUIRegistration.register(SDK.SDKSettings.javaScriptDisabledSettingDescriptor, {
   category: Common.Settings.SettingCategory.DEBUGGER,
   title: i18nLazyString(UIStrings.disableJavascript),

package/front_end/panels/timeline/TimelineLoader.ts

@@ -119,7 +119,7 @@ export class TimelineLoader {
     client.loadingStarted();
 
     const allowRemoteFilePaths =
-        Common.Settings.Settings.instance().moduleSetting('network.enable-remote-file-loading').get();
+        Common.Settings.Settings.instance().resolve(SDK.SDKSettings.enableRemoteFileLoadingSettingDescriptor).get();
     Host.ResourceLoader.loadAsStream(url, null, stream, finishedCallback, allowRemoteFilePaths);
 
     async function finishedCallback(success: boolean, _headers: Record<string, string>,

package/front_end/panels/timeline/TimelineUIUtils.ts

@@ -62,6 +62,7 @@ import * as UI from '../../ui/legacy/legacy.js';
 import * as ThemeSupport from '../../ui/legacy/theme_support/theme_support.js';
 import {html, render} from '../../ui/lit/lit.js';
 import * as SettingUIRegistration from '../../ui/settings/settings.js';
+import * as VisualLogging from '../../ui/visual_logging/visual_logging.js';
 import * as PanelsCommon from '../common/common.js';
 
 import {getDurationString} from './AppenderUtils.js';
@@ -2235,6 +2236,7 @@ export class TimelineDetailsContentHelper {
 
     this.element = document.createElement('div');
     this.element.classList.add('timeline-details-view-block');
+    this.element.setAttribute('jslog', `${VisualLogging.section('timeline.event-details')}`);
     this.tableElement = this.element.createChild('div', 'vbox timeline-details-chip-body');
     this.fragment.appendChild(this.element);
   }
@@ -2245,6 +2247,7 @@ export class TimelineDetailsContentHelper {
     } else {
       this.element = document.createElement('div');
       this.element.classList.add('timeline-details-view-block');
+      this.element.setAttribute('jslog', `${VisualLogging.section('timeline.event-details')}`);
       this.fragment.appendChild(this.element);
     }
 
@@ -2309,12 +2312,14 @@ export class TimelineDetailsContentHelper {
 
   appendTextRow(title: string, value: string|number|boolean): void {
     const rowElement = this.tableElement.createChild('div', 'timeline-details-view-row');
+    rowElement.setAttribute('jslog', `${VisualLogging.item('detail-row')}`);
     rowElement.createChild('div', 'timeline-details-view-row-title').textContent = title;
     rowElement.createChild('div', 'timeline-details-view-row-value').textContent = value.toString();
   }
 
   appendElementRow(title: string, content: string|Node, isWarning?: boolean, isStacked?: boolean): void {
     const rowElement = this.tableElement.createChild('div', 'timeline-details-view-row');
+    rowElement.setAttribute('jslog', `${VisualLogging.item('detail-row')}`);
     rowElement.setAttribute('data-row-title', title);
     if (isWarning) {
       rowElement.classList.add('timeline-details-warning');
@@ -2403,6 +2408,7 @@ export class TimelineDetailsContentHelper {
 
     const stackTraceElement = document.createElement('div');
     stackTraceElement.classList.add('timeline-details-view-row', 'timeline-details-stack-values');
+    stackTraceElement.setAttribute('jslog', `${VisualLogging.item('detail-row')}`);
     callFrameContents.markAsRoot();
     callFrameContents.show(stackTraceElement);
     return stackTraceElement;

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

@@ -12,6 +12,7 @@ import * as Buttons from '../../../ui/components/buttons/buttons.js';
 import * as LegacyComponents from '../../../ui/legacy/components/utils/utils.js';
 import * as UI from '../../../ui/legacy/legacy.js';
 import * as Lit from '../../../ui/lit/lit.js';
+import * as VisualLogging from '../../../ui/visual_logging/visual_logging.js';
 
 import * as Insights from './insights/insights.js';
 import {nodeLink} from './insights/NodeLink.js';
@@ -228,7 +229,7 @@ function renderLayoutShiftDetails(
 
   // clang-format off
     return html`
-      <table class="layout-shift-details-table">
+      <table class="layout-shift-details-table" jslog=${VisualLogging.section('layout-shift-details')}>
         <thead class="table-title">
           <tr>
             <th>${i18nString(UIStrings.startTime)}</th>
@@ -271,7 +272,7 @@ function renderLayoutShiftClusterDetails(
 
   // clang-format off
   return html`
-    <table class="layout-shift-details-table">
+    <table class="layout-shift-details-table" jslog=${VisualLogging.section('layout-shift-details')}>
       <thead class="table-title">
         <tr>
           <th>${i18nString(UIStrings.startTime)}</th>
@@ -314,7 +315,7 @@ function renderShiftRow(
 
   // clang-format off
     return html`
-      <tr class="shift-row" data-ts=${currentShift.ts}>
+      <tr class="shift-row" data-ts=${currentShift.ts} jslog=${VisualLogging.tableRow('shift-row')}>
         <td>${renderStartTime(currentShift, userHasSingleShiftSelected, parsedTrace, onEventClick)}</td>
         <td>${(score.toFixed(4))}</td>
         ${elementsShifted.length ? html`

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

@@ -662,7 +662,7 @@ function renderRecordingSettings(input: ViewInput): Lit.LitTemplate {
       <setting-checkbox
         class="network-cache-setting"
         .data=${{
-          setting: Common.Settings.Settings.instance().moduleSetting('cache-disabled'),
+          setting: Common.Settings.Settings.instance().resolve(SDK.SDKSettings.cacheDisabledSettingDescriptor),
           textOverride: i18nString(UIStrings.disableNetworkCache),
         } as Settings.SettingCheckbox.SettingCheckboxData}
       ></setting-checkbox>

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

@@ -11,6 +11,7 @@ import * as Buttons from '../../../ui/components/buttons/buttons.js';
 import * as ComponentHelpers from '../../../ui/components/helpers/helpers.js';
 import * as UIHelpers from '../../../ui/helpers/helpers.js';
 import * as Lit from '../../../ui/lit/lit.js';
+import * as VisualLogging from '../../../ui/visual_logging/visual_logging.js';
 
 import metricCardStyles from './metricCard.css.js';
 import {type CompareRating, renderCompareText, renderDetailedCompareText} from './MetricCompareStrings.js';
@@ -551,7 +552,7 @@ export class MetricCard extends HTMLElement {
 
     // clang-format off
     return html`
-      <div class="bucket-summaries histogram">
+      <div class="bucket-summaries histogram" jslog=${VisualLogging.canvas('metric-histogram')}>
         ${goodLabel}
         <div class="histogram-bar good-bg" style="width: ${this.#getBarWidthForRating('good')}"></div>
         <div class="histogram-percent">${this.#getPercentLabelForRating('good')}</div>
@@ -585,7 +586,7 @@ export class MetricCard extends HTMLElement {
           ` : nothing}
         </div>
         ${subparts.map(subpart => html`
-          <div class="subpart-table-row" role="row">
+          <div class="subpart-table-row" role="row" jslog=${VisualLogging.tableRow('metric-subpart')}>
             <div role="cell">${subpart[0]}</div>
             <div role="cell" class="subpart-table-value">${i18n.TimeUtilities.preciseMillisToString(subpart[1])}</div>
             ${subpart[2] !== undefined ? html`
@@ -614,7 +615,7 @@ export class MetricCard extends HTMLElement {
     const output = html`
       <style>${metricCardStyles}</style>
       <style>${metricValueStyles}</style>
-      <div class="metric-card">
+      <div class="metric-card" jslog=${VisualLogging.section(Platform.StringUtilities.toKebabCase(this.#data.metric))}>
         <h3 class="title">
           ${this.#getTitle()}
           <devtools-button

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

@@ -13,6 +13,7 @@ import * as Trace from '../../../models/trace/trace.js';
 import * as LegacyComponents from '../../../ui/legacy/components/utils/utils.js';
 import * as UI from '../../../ui/legacy/legacy.js';
 import * as Lit from '../../../ui/lit/lit.js';
+import * as VisualLogging from '../../../ui/visual_logging/visual_logging.js';
 
 import networkRequestDetailsStyles from './networkRequestDetails.css.js';
 import networkRequestTooltipStyles from './networkRequestTooltip.css.js';
@@ -210,7 +211,9 @@ export const DEFAULT_VIEW: (
         <style>${networkRequestDetailsStyles}</style>
         <style>${networkRequestTooltipStyles}</style>
 
-        <div class="network-request-details-content">
+        <div class="network-request-details-content"
+             data-network-request-id=${input.request.args.data.requestId}
+             jslog=${VisualLogging.section('timeline.network-request-details')}>
           ${renderTitle(input.request)}
           ${renderURL(input.request)}
           <div class="network-request-details-cols">
@@ -337,7 +340,7 @@ function renderRow(title: string, value?: string|Node|Lit.TemplateResult): Lit.L
   }
   // clang-format off
     return html`
-      <div class="network-request-details-row">
+      <div class="network-request-details-row" jslog=${VisualLogging.item('detail-row')}>
         <div class="title">${title}</div>
         <div class="value">${value}</div>
       </div>`;

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

@@ -54,7 +54,7 @@ export const TIMELINE_RANGE_SUMMARY_VIEW_DEFAULT_VIEW: View = (input, _output, t
     if (!value) {
       continue;
     }
-    categories.push({value, color: category.getCSSValue(), title: category.title});
+    categories.push({value, color: category.getCSSValue(), title: category.title, name: category.name});
   }
   categories.sort((a, b) => b.value - a.value);
 

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

@@ -3,9 +3,11 @@
 // found in the LICENSE file.
 
 import * as i18n from '../../../core/i18n/i18n.js';
+import * as Platform from '../../../core/platform/platform.js';
 import * as Buttons from '../../../ui/components/buttons/buttons.js';
 import * as UI from '../../../ui/legacy/legacy.js';
 import * as Lit from '../../../ui/lit/lit.js';
+import * as VisualLogging from '../../../ui/visual_logging/visual_logging.js';
 
 import timelineSummaryStyles from './timelineSummary.css.js';
 
@@ -30,6 +32,7 @@ export interface CategoryData {
   value: number;
   color: string;
   title: string;
+  name?: string;
 }
 
 interface ViewInput {
@@ -52,15 +55,15 @@ export const CATEGORY_SUMMARY_DEFAULT_VIEW: View = (input, _output, target): voi
         <style>${timelineSummaryStyles}</style>
         <style>@scope to (devtools-widget > *) { ${UI.inspectorCommonStyles} }</style>
         <style>@scope to (devtools-widget > *) { ${Buttons.textButtonStyles} }</style>
-        <div class=${summaryClasses}>
+        <div class=${summaryClasses} jslog=${VisualLogging.section('timeline-summary')}>
             <div class="summary-range">${i18nString(UIStrings.rangeSS, {PH1: i18n.TimeUtilities.millisToString(input.rangeStart), PH2: i18n.TimeUtilities.millisToString(input.rangeEnd)})}</div>
             <div class="category-summary">
                 ${input.categories.map(category => {
                     return html`
-                        <div class="category-row">
+                        <div class="category-row" jslog=${VisualLogging.item(category.name || Platform.StringUtilities.toKebabCase(category.title))}>
                         <div class="category-swatch" style="background-color: ${category.color};"></div>
                         <div class="category-name">${category.title}</div>
-                        <div class="category-value">
+                        <div class="category-value" jslog=${VisualLogging.value()}>
                             ${i18n.TimeUtilities.preciseMillisToString(category.value)}
                             <div class="background-bar-container">
                                 <div class="background-bar" style='width: ${(category.value * 100 / input.total).toFixed(1)}%;'></div>
@@ -68,10 +71,10 @@ export const CATEGORY_SUMMARY_DEFAULT_VIEW: View = (input, _output, target): voi
                         </div>
                         </div>`;
                 })}
-                <div class="category-row">
+                <div class="category-row" jslog=${VisualLogging.item('total')}>
                     <div class="category-swatch"></div>
                     <div class="category-name">${i18nString(UIStrings.total)}</div>
-                    <div class="category-value">
+                    <div class="category-value" jslog=${VisualLogging.value()}>
                         ${i18n.TimeUtilities.preciseMillisToString(input.total)}
                         <div class="background-bar-container">
                             <div class="background-bar"></div>

package/front_end/third_party/chromium/README.chromium

@@ -1,7 +1,7 @@
 Name: Dependencies sourced from the upstream `chromium` repository
 URL: Internal
 Version: N/A
-Revision: 2606b89d677c6df418e67f3e551560a430c328be
+Revision: 86cee6df69e0463a839c0cc8435c9d4c259434d3
 Update Mechanism: Manual (https://crbug.com/428069060)
 License: BSD-3-Clause
 License File: LICENSE

package/front_end/ui/legacy/TabbedPane.ts

@@ -1672,6 +1672,24 @@ export interface TabbedPaneTabDelegate {
 }
 
 export class TabbedPaneElement extends WidgetElement<TabbedPane> {
+  #closeableTabs = false;
+  #allowTabReorder = false;
+  #automaticReorder = false;
+
+  set closeableTabs(closeable: boolean) {
+    this.#closeableTabs = closeable;
+    this.getWidget()?.setCloseableTabs(closeable);
+  }
+
+  set allowTabReorder(allow: boolean) {
+    this.#allowTabReorder = allow;
+    this.getWidget()?.setAllowTabReorder(this.#allowTabReorder, this.#automaticReorder);
+  }
+
+  set automaticReorder(automatic: boolean) {
+    this.#automaticReorder = automatic;
+    this.getWidget()?.setAllowTabReorder(this.#allowTabReorder, this.#automaticReorder);
+  }
   readonly #tabObserver = new MutationObserver(() => this.#updateTabs());
 
   constructor() {
@@ -1679,6 +1697,8 @@ export class TabbedPaneElement extends WidgetElement<TabbedPane> {
 
     registerWidgetConfig(this, widgetConfig(element => {
                            const widget = new TabbedPane(element as TabbedPaneElement);
+                           widget.setCloseableTabs(this.#closeableTabs);
+                           widget.setAllowTabReorder(this.#allowTabReorder, this.#automaticReorder);
                            const slot = widget.contentElement.querySelector('slot:not([name])');
                            if (slot) {
                              slot.addEventListener('slotchange', () => this.#syncTabs());
@@ -1696,6 +1716,13 @@ export class TabbedPaneElement extends WidgetElement<TabbedPane> {
                              }
                              this.dispatchEvent(new CustomEvent('select', {detail: {tabId: widget.selectedTabId}}));
                            });
+                           widget.addEventListener(Events.TabClosed, event => {
+                             this.dispatchEvent(new CustomEvent('close', {detail: {tabId: event.data.tabId}}));
+                           });
+                           widget.addEventListener(Events.TabOrderChanged, event => {
+                             this.dispatchEvent(new CustomEvent(
+                                 'taborderchanged', {detail: {tabId: event.data.tabId, tabIds: widget.tabIds()}}));
+                           });
                            this.#syncTabs(widget);
                            return widget;
                          }));
@@ -1719,8 +1746,10 @@ export class TabbedPaneElement extends WidgetElement<TabbedPane> {
     const slot = widget.contentElement.querySelector('slot:not([name])') as HTMLSlotElement | null;
     const nodes = slot ? slot.assignedElements() : [];
     for (const child of nodes) {
-      this.#tabObserver.observe(
-          child, {attributes: true, attributeFilter: ['title', 'jslogcontext', 'selected', 'disabled']});
+      this.#tabObserver.observe(child, {
+        attributes: true,
+        attributeFilter: ['title', 'jslogcontext', 'selected', 'disabled', 'closeable', 'uncloseable'],
+      });
     }
   }
 
@@ -1737,6 +1766,8 @@ export class TabbedPaneElement extends WidgetElement<TabbedPane> {
       const jslogContext = child.getAttribute('jslogcontext') || undefined;
       const selected = child.hasAttribute('selected');
       const enabled = !child.hasAttribute('disabled');
+      const isCloseable =
+          child.hasAttribute('closeable') ? true : (child.hasAttribute('uncloseable') ? false : undefined);
       const view = Widget.getOrCreateWidget(child as HTMLElement);
       view.setHideOnDetach();
       if (widget.selectedTabId !== id) {
@@ -1752,6 +1783,7 @@ export class TabbedPaneElement extends WidgetElement<TabbedPane> {
         jslogContext,
         selected,
         enabled,
+        isCloseable,
       });
     }
 

package/front_end/ui/legacy/components/quick_open/CommandMenu.ts

@@ -19,23 +19,23 @@ import {QuickOpenImpl} from './QuickOpen.js';
 
 const UIStrings = {
   /**
-   * @description Message to display if a setting change requires a reload of DevTools
+   * @description Warning message displayed when a setting change requires reloading DevTools.
    */
   settingsChangedReloadDevTools: 'Settings changed. To apply, reload DevTools.',
   /**
-   * @description Text in Command Menu of the Command Menu
+   * @description Message shown when no commands match the query in the command menu.
    */
   noCommandsFound: 'No commands found',
   /**
-   * @description Text for command prefix of run a command
+   * @description Prefix text for the prompt in the command menu.
    */
   run: 'Run',
   /**
-   * @description Text for command suggestion of run a command
+   * @description Suggestion placeholder text for the prompt in the command menu.
    */
   command: 'Command',
   /**
-   * @description Text for help title of run command menu
+   * @description Title for the command menu entry in the help menu.
    */
   runCommand: 'Run command',
 } as const;

package/front_end/ui/legacy/components/quick_open/FilteredListWidget.ts

@@ -18,28 +18,28 @@ import filteredListWidgetStyles from './filteredListWidget.css.js';
 
 const UIStrings = {
   /**
-   * @description Aria label for quick open dialog prompt
+   * @description Accessible name for the input prompt in the quick open dialog.
    */
   quickOpenPrompt: 'Quick open prompt',
   /**
-   * @description Title of quick open dialog
+   * @description Title for the quick open dialog.
    */
   quickOpen: 'Quick open',
   /**
-   * @description Text to show no results have been found
+   * @description Message displayed when a search returns no matching items.
    */
   noResultsFound: 'No results found',
   /**
-   * @description Aria alert to read the item in list when navigating with screen readers
-   * @example {name} PH1
+   * @description Announcement for screen readers when navigating items in a list.
+   * @example {Show Console} PH1
    * @example {2} PH2
    * @example {5} PH3
    */
   sItemSOfS: '{PH1}, item {PH2} of {PH3}',
   /**
-   * @description Text that should be read out by screen readers when a new badge is available
+   * @description Text announced by screen readers when an item has a new feature badge.
    */
-  newFeature: 'This is a new feature',
+  newFeature: 'New feature',
 } as const;
 const str_ = i18n.i18n.registerUIStrings('ui/legacy/components/quick_open/FilteredListWidget.ts', UIStrings);
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);

package/front_end/ui/legacy/components/quick_open/QuickOpen.ts

@@ -14,7 +14,7 @@ import {
 
 const UIStrings = {
   /**
-   * @description Text of the hint shows under Quick Open input box
+   * @description Hint text displayed below the quick open input prompt.
    */
   typeToSeeAvailableCommands: 'Type ? to see available commands',
 } as const;

package/front_end/ui/legacy/components/quick_open/quick_open-meta.ts

@@ -9,11 +9,11 @@ import type * as QuickOpen from './quick_open.js';
 
 const UIStrings = {
   /**
-   * @description Title of action that opens a file
+   * @description Title of an action that opens a file.
    */
   openFile: 'Open file',
   /**
-   * @description Title of command that runs a Quick Open command
+   * @description Title of an action that opens the command menu.
    */
   runCommand: 'Run command',
 } as const;

package/front_end/ui/visual_logging/KnownContextValues.ts

@@ -518,6 +518,7 @@ export const knownContextValues = new Set([
   'aspect-ratio',
   'asserted-events',
   'asus-zenbook-fold',
+  'async',
   'attribute',
   'attribute-modified',
   'attributes',
@@ -828,6 +829,7 @@ export const knownContextValues = new Set([
   'close-walkthrough',
   'closeable-tabs',
   'closeableTabs',
+  'cls',
   'cls-culprits-widget',
   'code',
   'code-completion.accordion',
@@ -1351,8 +1353,11 @@ export const knownContextValues = new Set([
   'desktop',
   'desktop-touch',
   'destination',
+  'detached-element',
+  'detached-elements',
   'detached-node',
   'detached-node-count',
+  'detail-row',
   'details',
   'details-general',
   'details-response-headers',
@@ -1457,6 +1462,7 @@ export const knownContextValues = new Set([
   'dragstart',
   'drawer',
   'drawer-view-closeableTabs',
+  'drawing',
   'drjones.network-floating-button',
   'drjones.network-panel-context',
   'drjones.network-panel-context.failures',
@@ -1557,6 +1563,7 @@ export const knownContextValues = new Set([
   'emulate-page-focus-true',
   'emulated-css-media',
   'emulated-css-media-feature-color-gamut',
+  'emulated-css-media-feature-color-gamut-srgb',
   'emulated-css-media-feature-forced-colors',
   'emulated-css-media-feature-forced-colors-active',
   'emulated-css-media-feature-forced-colors-none',
@@ -1568,6 +1575,7 @@ export const knownContextValues = new Set([
   'emulated-css-media-feature-prefers-reduced-motion',
   'emulated-css-media-feature-prefers-reduced-motion-reduce',
   'emulated-css-media-feature-prefers-reduced-transparency',
+  'emulated-css-media-feature-prefers-reduced-transparency-reduce',
   'emulated-css-media-print',
   'emulated-css-media-screen',
   'emulated-os-text-scale',
@@ -1654,6 +1662,7 @@ export const knownContextValues = new Set([
   'execution-context',
   'expand',
   'expand-recursively',
+  'experience',
   'experimental-item',
   'experiments',
   'experiments-filter',
@@ -1697,6 +1706,7 @@ export const knownContextValues = new Set([
   'fantasy',
   'fast-4g',
   'fast-out-linear-in',
+  'fcp',
   'feedback',
   'fetch',
   'fetch-and-xhr',
@@ -1896,6 +1906,7 @@ export const knownContextValues = new Set([
   'googlebot-desktop',
   'googlebot-smartphone',
   'gotpointercapture',
+  'gpu',
   'grace-period-link',
   'grace-period-mitigation-disabled',
   'greendev',
@@ -1969,7 +1980,9 @@ export const knownContextValues = new Set([
   'headers-view.add-override-rule',
   'headers-view.remove-apply-to-section',
   'headers-view.remove-header',
+  'heap',
   'heap-profiler',
+  'heap-record',
   'heap-snapshot.constructors-view',
   'heap-snapshot.retaining-paths-view',
   'heap-tracking-overview',
@@ -2038,6 +2051,7 @@ export const knownContextValues = new Set([
   'icons',
   'id',
   'identity',
+  'idle',
   'ignore-this-retainer',
   'image',
   'image-animation',
@@ -2080,6 +2094,7 @@ export const knownContextValues = new Set([
   'inline-size',
   'inline-variable-values',
   'inline-variable-values-false',
+  'inp',
   'inp-breakdown-widget',
   'input',
   'insertCompositionText',
@@ -2350,8 +2365,10 @@ export const knownContextValues = new Set([
   'layers.zoom-out',
   'layout',
   'layout-count',
+  'layout-shift-details',
   'layout-shifts',
   'lazy-load-image-details',
+  'lcp',
   'lcp-breakdown',
   'lcp-breakdown-widget',
   'lcp-discovery-widget',
@@ -2764,6 +2781,8 @@ export const knownContextValues = new Set([
   'metadata',
   'metadata-allowed-sites-details',
   'method',
+  'metric-histogram',
+  'metric-subpart',
   'microsoft-edge-android-mobile',
   'microsoft-edge-android-tablet',
   'microsoft-edge-chromium-mac',
@@ -3036,6 +3055,7 @@ export const knownContextValues = new Set([
   'overscroll-behavior-inline',
   'overscroll-behavior-x',
   'overscroll-behavior-y',
+  'overscroll-container-type',
   'overscroll-position',
   'p3',
   'pa',
@@ -3209,6 +3229,7 @@ export const knownContextValues = new Set([
   'private-state-tokens',
   'processing-instruction-value',
   'production-origin',
+  'profile-item',
   'profile-loading-failed',
   'profile-options',
   'profile-view',
@@ -3226,6 +3247,7 @@ export const knownContextValues = new Set([
   'profiler.heap-snapshot-statistics-view',
   'profiler.heap-toggle-recording',
   'profiler.js-toggle-recording',
+  'profiler.launcher',
   'profiler.load-from-file',
   'profiler.profile-type',
   'profiler.save-to-file',
@@ -3273,6 +3295,7 @@ export const knownContextValues = new Set([
   'quotes',
   'r',
   'range',
+  'rasterizing',
   'ratechange',
   'raw-headers',
   'raw-headers-show-more',
@@ -3509,6 +3532,7 @@ export const knownContextValues = new Set([
   'safe-area-right',
   'safe-area-top',
   'same-site',
+  'sampling-heap',
   'sampling-heap-profiler-timeline',
   'samsung-galaxy-a24-4g',
   'samsung-galaxy-a51-71',
@@ -3747,6 +3771,7 @@ export const knownContextValues = new Set([
   'shift-home',
   'shift-pagedown',
   'shift-pageup',
+  'shift-row',
   'shift-tab',
   'shortcut',
   'shortcut-panel-switch',
@@ -4164,6 +4189,7 @@ export const knownContextValues = new Set([
   'timeline-show-settings-toolbar',
   'timeline-sidebar-opened-at-least-once',
   'timeline-status',
+  'timeline-summary',
   'timeline-tree-current-thread',
   'timeline-tree-group-by',
   'timeline-trigger',
@@ -4213,6 +4239,7 @@ export const knownContextValues = new Set([
   'timeline.disable',
   'timeline.download-after-error',
   'timeline.enable',
+  'timeline.event-details',
   'timeline.export-trace-options',
   'timeline.export-trace-options.annotations-checkbox',
   'timeline.export-trace-options.resource-content-checkbox',
@@ -4296,6 +4323,7 @@ export const knownContextValues = new Set([
   'timeline.layout-shifts',
   'timeline.load-from-file',
   'timeline.network',
+  'timeline.network-request-details',
   'timeline.next-recording',
   'timeline.overlays.candy-striped-time-range',
   'timeline.overlays.cursor-timestamp-marker',
@@ -4364,6 +4392,7 @@ export const knownContextValues = new Set([
   'timezone-id',
   'timing',
   'timing-info',
+  'timing-rows',
   'title',
   'toggle-accessibility-tree',
   'toggle-drawer-orientation',

package/package.json

@@ -92,5 +92,5 @@
     "webidl2": "24.5.0",
     "yargs": "17.7.2"
   },
-  "version": "1.0.1679704"
+  "version": "1.0.1681091"
 }