chrome-devtools-frontend 1.0.1675430 → 1.0.1678416

package/front_end/panels/network/NetworkLogView.ts

@@ -61,6 +61,7 @@ import * as Components from '../../ui/legacy/components/utils/utils.js';
 import * as UI from '../../ui/legacy/legacy.js';
 import * as VisualLogging from '../../ui/visual_logging/visual_logging.js';
 
+import {commentForbiddenHeaders, isForbiddenHeader} from './FetchHeaderCommenting.js';
 import {canPreloadRequest, generatePreloadLink} from './LinkPreloadGenerator.js';
 import {
   Events,
@@ -173,7 +174,7 @@ const UIStrings = {
   /**
    * @description Text to announce to screen readers that network data is available.
    */
-  networkDataAvailable: 'Network Data Available',
+  networkDataAvailable: 'Network data available',
   /**
    * @description Text in Network Log View of the Network panel
    * @example {3} PH1
@@ -470,6 +471,33 @@ const UIStrings = {
    * @description Text to resend a network request
    */
   resend: 'Resend',
+  /**
+   * @description A context menu command in the Network panel that copies a request as an editable
+   * fetch command and pastes it into the Console for the user to modify before resending.
+   */
+  editAndResendAsFetch: 'Edit and resend as fetch',
+  /**
+   * @description Console message that appears when using "Edit and resend as fetch" feature.
+   * Indicates that a resendable copy of a request has been placed in the console.
+   * @example {GET} PH1
+   * @example {api/data} PH2
+   */
+  resendableCopyOfRequest: 'Resendable copy of {PH1} request to {PH2}',
+  /**
+   * @description Comment added before a generated fetch command, indicating which execution
+   * context the original request was sent from.
+   * @example {top} PH1
+   */
+  originallyCalledFromContext: '// Originally called from {PH1} context.',
+  /**
+   * @description Comment added before a generated fetch command, advising the user to select
+   * the execution context in the Console toolbar to resend from the same context.
+   */
+  selectExecutionContextInConsole: '// To resend from the same execution context, select it in the Console’s toolbar.',
+  /**
+   * @description Comment added after a generated fetch command, inviting the user to edit before resending.
+   */
+  editAndEnterToResend: '// Make any edits, then ENTER to resend',
   /**
    * @description Text in Network Log View of the Network panel
    */
@@ -1185,7 +1213,7 @@ export class NetworkLogView extends Common.ObjectWrapper.eventMixin<EventTypes,
           return;
         }
 
-        if (SDK.NetworkManager.NetworkManager.canResendRequest(request)) {
+        if (SDK.NetworkManager.NetworkManager.canResendRequest(request, true)) {
           SDK.NetworkManager.NetworkManager.replayRequest(request);
           void VisualLogging.logKeyDown(this.dataGrid.selectedNode.element(), event, 'resend');
         }
@@ -1975,11 +2003,17 @@ export class NetworkLogView extends Common.ObjectWrapper.eventMixin<EventTypes,
             {jslogContext: 'throttle-request-domain'});
       }
 
-      if (SDK.NetworkManager.NetworkManager.canResendRequest(request)) {
+      if (SDK.NetworkManager.NetworkManager.canResendRequest(request, true)) {
         contextMenu.debugSection().appendItem(i18nString(UIStrings.resend),
                                               SDK.NetworkManager.NetworkManager.replayRequest.bind(null, request),
                                               {jslogContext: 'resend'});
       }
+
+      if (SDK.NetworkManager.NetworkManager.canResendRequest(request, false)) {
+        contextMenu.debugSection().appendItem(i18nString(UIStrings.editAndResendAsFetch),
+                                              this.resendFromConsole.bind(this, request),
+                                              {jslogContext: 'edit-and-resend-as-fetch'});
+      }
     }
   }
 
@@ -2047,6 +2081,85 @@ export class NetworkLogView extends Common.ObjectWrapper.eventMixin<EventTypes,
     Host.InspectorFrontendHost.InspectorFrontendHostInstance.copyText(commands);
   }
 
+  private async resendFromConsole(request: SDK.NetworkRequest.NetworkRequest): Promise<void> {
+    // Record telemetry
+    Host.userMetrics.editResendRequest(Host.UserMetrics.resendRequestType(request.resourceType()));
+
+    // Step 1: Generate an editable fetch command that retains forbidden headers as comments.
+    let fetchCommand = await this.generateFetchCall(request, FetchStyle.BROWSER, {commentForbiddenHeaders: true});
+
+    // Step 2: Prepend 'await' unless already present
+    if (!fetchCommand.startsWith('await ')) {
+      fetchCommand = 'await ' + fetchCommand;
+    }
+
+    // Prepend execution context guidance comments
+    const contextDescription = NetworkRequestNode.getExecutionContextDescription(request);
+    if (contextDescription) {
+      const contextComments = i18nString(UIStrings.originallyCalledFromContext, {PH1: contextDescription}) + '\n' +
+          i18nString(UIStrings.selectExecutionContextInConsole) + '\n';
+      fetchCommand = contextComments + fetchCommand;
+    }
+
+    // Append invitation to edit before resending
+    fetchCommand += '\n' + i18nString(UIStrings.editAndEnterToResend);
+
+    // Step 3: Show the console drawer (without switching away from network panel)
+    UI.InspectorView.InspectorView.instance().showDrawer({focus: false, hasTargetDrawer: true});
+    void UI.ViewManager.ViewManager.instance().showView('console-view', /* userGesture */ false, /* omitFocus */ true);
+
+    // Step 4: Log console message with link to original request
+    NetworkLogView.logResendConsoleMessage(request);
+
+    // Step 5: Inject fetch command into console prompt
+    const consoleViewWrapper = await UI.ViewManager.ViewManager.instance().view('console-view');
+    if (!consoleViewWrapper) {
+      return;
+    }
+    const widget = await consoleViewWrapper.widget();
+
+    // Use a minimal interface to avoid circular imports
+    interface ConsoleViewWithPrompt {
+      insertIntoPrompt(text: string): void;
+    }
+    const consoleView = widget as unknown as Partial<ConsoleViewWithPrompt>;
+    if (typeof consoleView.insertIntoPrompt !== 'function') {
+      return;
+    }
+    consoleView.insertIntoPrompt(fetchCommand);
+  }
+
+  private static logResendConsoleMessage(request: SDK.NetworkRequest.NetworkRequest): void {
+    const target = SDK.TargetManager.TargetManager.instance().primaryPageTarget();
+    if (!target) {
+      return;
+    }
+    const runtimeModel = target.model(SDK.RuntimeModel.RuntimeModel);
+    const consoleModel = target.model(SDK.ConsoleModel.ConsoleModel);
+    if (!runtimeModel || !consoleModel) {
+      return;
+    }
+    const method = request.requestMethod;
+    const name = request.name();
+    const logMessage = i18nString(UIStrings.resendableCopyOfRequest, {PH1: method, PH2: name});
+    const requestId = request.requestId();
+
+    const message = new SDK.ConsoleModel.ConsoleMessage(
+        runtimeModel, Protocol.Log.LogEntrySource.Network, Protocol.Log.LogEntryLevel.Info, logMessage, {
+          affectedResources: {requestId: requestId as Protocol.Network.RequestId},
+        });
+    consoleModel.addMessage(message);
+
+    // Associate message with request for bidirectional linking
+    Logs.NetworkLog.NetworkLog.instance().associateConsoleMessageWithRequest(message, requestId);
+
+    // Clear the initiator-derived fields to prevent confusing "VM123:1" display
+    message.url = undefined;
+    message.line = 0;
+    message.column = 0;
+    message.stackTrace = undefined;
+  }
+
   private async copyPowerShellCommand(request: SDK.NetworkRequest.NetworkRequest): Promise<void> {
     const command = await this.generatePowerShellCommand(request);
     Host.InspectorFrontendHost.InspectorFrontendHostInstance.copyText(command);
@@ -2366,39 +2479,22 @@ export class NetworkLogView extends Common.ObjectWrapper.eventMixin<EventTypes,
     }
   }
 
-  private async generateFetchCall(request: SDK.NetworkRequest.NetworkRequest, style: FetchStyle): Promise<string> {
-    const ignoredHeaders = new Set<string>([
-      // Internal headers
-      'method',
-      'path',
-      'scheme',
-      'version',
-
-      // Unsafe headers
-      // Keep this list synchronized with src/net/http/http_util.cc
-      'accept-charset',
-      'accept-encoding',
-      'access-control-request-headers',
-      'access-control-request-method',
-      'connection',
-      'content-length',
-      'cookie',
-      'cookie2',
-      'date',
-      'dnt',
-      'expect',
-      'host',
-      'keep-alive',
-      'origin',
-      'referer',
-      'te',
-      'trailer',
-      'transfer-encoding',
-      'upgrade',
-      'via',
+  private async generateFetchCall(request: SDK.NetworkRequest.NetworkRequest, style: FetchStyle,
+                                  generateOptions?: {commentForbiddenHeaders?: boolean}): Promise<string> {
+    // Editable fetch commands retain unsafe headers so the generated output can
+    // show them as comments, but still omit protocol-internal pseudo-headers.
+    const internalOnly = new Set<string>(['method', 'path', 'scheme', 'version']);
+    const shouldFilterHeader = (name: string, value: string): boolean => {
+      const lowerName = name.toLowerCase();
+      if (internalOnly.has(lowerName) || name.includes(':')) {
+        return true;
+      }
+      if (generateOptions?.commentForbiddenHeaders) {
+        return false;
+      }
       // TODO(phistuck) - remove this once crbug.com/571722 is fixed.
-      'user-agent',
-    ]);
+      return lowerName === 'user-agent' || isForbiddenHeader(name, value);
+    };
 
     const credentialHeaders = new Set<string>(['cookie', 'authorization']);
 
@@ -2412,7 +2508,7 @@ export class NetworkLogView extends Common.ObjectWrapper.eventMixin<EventTypes,
     const headerData: Headers = requestHeaders.reduce((result, header) => {
       const name = header.name;
 
-      if (!ignoredHeaders.has(name.toLowerCase()) && !name.includes(':')) {
+      if (!shouldFilterHeader(name, header.value)) {
         result.append(name, header.value);
       }
 
@@ -2466,7 +2562,10 @@ export class NetworkLogView extends Common.ObjectWrapper.eventMixin<EventTypes,
       fetchOptions.credentials = credentials;
     }
 
-    const options = JSON.stringify(fetchOptions, null, 2);
+    let options = JSON.stringify(fetchOptions, null, 2);
+    if (generateOptions?.commentForbiddenHeaders) {
+      options = commentForbiddenHeaders(options);
+    }
     return `fetch(${url}, ${options});`;
   }
 
@@ -2520,7 +2619,7 @@ export class NetworkLogView extends Common.ObjectWrapper.eventMixin<EventTypes,
       return encapsChars +
           str.replace(/\\/g, '\\\\')
               .replace(/"/g, '\\"')
-              .replace(/[^a-zA-Z0-9\s_\-:=+~'\/.',?;()*`]/g, '^$&')
+              .replace(/[^a-zA-Z0-9\s_\-:=+~'\/.',?;*]/g, '^$&')
               .replace(/%(?=[a-zA-Z0-9_])/g, '%^')
               .replace(/[^ -~\r\n]/g, ' ')
               .replace(/\r?\n|\r/g, '^\n\n') +

package/front_end/panels/network/NetworkLogViewColumns.ts

@@ -22,7 +22,7 @@ import {RequestInitiatorView} from './RequestInitiatorView.js';
 
 const UIStrings = {
   /**
-   * @description Data grid name for Network Log data grids
+   * @description Data grid name for network log data grids.
    */
   networkLog: 'Network Log',
   /**
@@ -42,131 +42,131 @@ const UIStrings = {
    */
   manageHeaderColumns: 'Manage Header Columns…',
   /**
-   * @description Text for the start time of an activity
+   * @description Column header for the request start time column in network log table of the Network panel.
    */
   startTime: 'Start time',
   /**
-   * @description Text in Network Log View Columns of the Network panel
+   * @description Column header for the response time column in network log table of the Network panel.
    */
   responseTime: 'Response time',
   /**
-   * @description Text in Network Log View Columns of the Network panel
+   * @description Column header for the request end time column in network log table of the Network panel.
    */
   endTime: 'End time',
   /**
-   * @description Text in Network Log View Columns of the Network panel
+   * @description Column header for the total request duration column in network log table of the Network panel.
    */
   totalDuration: 'Total duration',
   /**
-   * @description Text for the latency of a task
+   * @description Column header for the request latency column in network log table of the Network panel.
    */
   latency: 'Latency',
   /**
-   * @description Text for the name of something
+   * @description Column header for the request name column in network log table of the Network panel.
    */
   name: 'Name',
   /**
-   * @description Text that refers to a file path
+   * @description Column header for the request URL path column in network log table of the Network panel.
    */
   path: 'Path',
   /**
-   * @description Text in Timeline UIUtils of the Performance panel
+   * @description Column header for the full request URL column in network log table of the Network panel.
    */
   url: 'URL',
   /**
-   * @description Column header in the Network log view of the Network panel
+   * @description Column header for the request index number column in network log table of the Network panel.
    */
   requestNumber: 'Request #',
   /**
-   * @description Text for one or a group of functions
+   * @description Column header for the HTTP request method column in network log table of the Network panel.
    */
   method: 'Method',
   /**
-   * @description Text for the status of something
+   * @description Column header for the HTTP response status code column in network log table of the Network panel.
    */
   status: 'Status',
   /**
-   * @description Generic label for any text
+   * @description Column header for the HTTP response status text column in network log table of the Network panel.
    */
   text: 'Text',
   /**
-   * @description Text for security or network protocol
+   * @description Column header for the network transport protocol column in network log table of the Network panel.
    */
   protocol: 'Protocol',
   /**
-   * @description Text in Network Log View Columns of the Network panel
+   * @description Column header for the URL scheme column in network log table of the Network panel.
    */
   scheme: 'Scheme',
   /**
-   * @description Text for the domain of a website
+   * @description Column header for the request target domain column in network log table of the Network panel.
    */
   domain: 'Domain',
   /**
-   * @description Text in Network Log View Columns of the Network panel
+   * @description Column header for the remote IP address column in network log table of the Network panel.
    */
   remoteAddress: 'Remote address',
   /**
-   * @description Text that refers to some types
+   * @description Column header for the resource MIME type or category column in network log table of the Network panel.
    */
   type: 'Type',
   /**
-   * @description Text for the initiator of something
+   * @description Column header for the request initiator column in network log table of the Network panel.
    */
   initiator: 'Initiator',
   /**
-   * @description Column header in the Network log view of the Network panel
+   * @description Column header for the override status column in network log table of the Network panel.
    */
   hasOverrides: 'Has overrides',
   /**
-   * @description Column header in the Network log view of the Network panel
+   * @description Column header for the initiator IP address space column in network log table of the Network panel.
    */
   initiatorAddressSpace: 'Initiator address space',
   /**
-   * @description Text for web cookies
+   * @description Column header for the request cookie count column in network log table of the Network panel.
    */
   cookies: 'Cookies',
   /**
-   * @description Text in Network Log View Columns of the Network panel
+   * @description Column header for the set cookies count column in network log table of the Network panel.
    */
-  setCookies: 'Set Cookies',
+  setCookies: 'Set cookies',
   /**
-   * @description Text for the size of something
+   * @description Column header for the request transfer and resource size column in network log table of the Network panel.
    */
   size: 'Size',
   /**
-   * @description Text in Network Log View Columns of the Network panel
+   * @description Column header for the resource decoded content size column in network log table of the Network panel.
    */
   content: 'Content',
   /**
-   * @description Noun that refers to a duration in milliseconds.
+   * @description Column header for the total request duration column in network log table of the Network panel.
    */
   time: 'Time',
   /**
-   * @description Text to show the priority of an item
+   * @description Column header for the request fetch priority column in network log table of the Network panel.
    */
   priority: 'Priority',
   /**
-   * @description Text in Network Log View Columns of the Network panel
+   * @description Column header for the connection ID column in network log table of the Network panel.
    */
   connectionId: 'Connection ID',
   /**
-   * @description Text in Network Log View Columns of the Network panel
+   * @description Column header for the remote IP address space column in network log table of the Network panel.
    */
   remoteAddressSpace: 'Remote address space',
   /**
-   * @description Text to show whether a request is ad-related
+   * @description Column header for the ad-related status column in network log table of the Network panel.
    */
-  isAdRelated: 'Is Ad-Related',
+  isAdRelated: 'Is ad-related',
   /**
-   * @description Text in Network Log View Columns of the Network panel
+   * @description Column header for the render-blocking status column in network log table of the Network panel.
    */
   renderBlocking: 'Render-blocking',
   /**
-   * @description Text to show whether a request is preloaded
+   * @description Column header for the preloaded status column in network log table of the Network panel.
    */
   isPreloaded: 'Preloaded',
   /**
-   * @description Column header in the Network log view of the Network panel
+   * @description Column header for the execution context column in network log table of the Network panel.
    */
   executionContext: 'Execution context',
 } as const;

package/front_end/panels/network/NetworkManageCustomHeadersView.ts

@@ -24,7 +24,7 @@ const UIStrings = {
   /**
    * @description Text in Network Manage Custom Headers View of the Network panel
    */
-  headerName: 'Header Name',
+  headerName: 'Header name',
 } as const;
 const str_ = i18n.i18n.registerUIStrings('panels/network/NetworkManageCustomHeadersView.ts', UIStrings);
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);

package/front_end/panels/network/NetworkPanel.ts

@@ -87,7 +87,7 @@ const UIStrings = {
    */
   disableCache: 'Disable cache',
   /**
-   * @description Tooltip text that appears when hovering over the largeicon settings gear in show settings pane setting in network panel of the network panel
+   * @description Tooltip text for settings button in Network panel.
    */
   networkSettings: 'Network settings',
   /**
@@ -963,7 +963,7 @@ export class FilmStripRecorder implements Tracing.TracingManager.TracingManagerC
 
     this.#tracingManager = tracingManager;
     this.#resourceTreeModel = this.#tracingManager.target().model(SDK.ResourceTreeModel.ResourceTreeModel);
-    void this.#tracingManager.start(this, '-*,disabled-by-default-devtools.screenshot');
+    void this.#tracingManager.start(this, ['-*', ...Trace.Types.Events.OptionalCategories.Screenshot].join(','));
 
     Host.userMetrics.actionTaken(Host.UserMetrics.Action.FilmStripStartedRecording);
   }

package/front_end/panels/network/RequestConditionsDrawer.ts

@@ -30,11 +30,11 @@ const UIStrings = {
    */
   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
+   * @description Tooltip text for add button in request blocking tool of the Network panel.
    */
   addRule: 'Add rule',
   /**
-   * @description Accessible label for the button to add request blocking patterns in the network request blocking tool
+   * @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',
   /**
@@ -46,14 +46,14 @@ const UIStrings = {
    * @example {Learn more} PH1
    */
   noThrottlingOrBlockingPattern:
-      `To throttle or block a network request, add a rule here manually or via the network panel’s context menu. {PH1}`,
+      `To throttle or block a network request, add a rule here manually or via the Network panel’s context menu. {PH1}`,
   /**
-   * @description Text in Blocked URLs Pane of the Network panel
+   * @description Text in request blocking tool of the Network panel.
    * @example {4} PH1
    */
   dAffected: '{PH1} affected',
   /**
-   * @description Text in Blocked URLs Pane of the Network panel
+   * @description Tooltip text for pattern input in request blocking tool of the Network panel.
    */
   textEditPattern: 'Text pattern to block or throttle matching requests; use URL Pattern syntax.',
   /**

package/front_end/panels/network/RequestCookiesView.ts

@@ -25,7 +25,7 @@ const UIStrings = {
    * @description Title for a table which shows all of the cookies associated with a selected network
    * request, in the Network panel. Noun phrase.
    */
-  requestCookies: 'Request Cookies',
+  requestCookies: 'Request cookies',
   /**
    * @description Tooltip to explain what request cookies are
    */
@@ -33,7 +33,7 @@ const UIStrings = {
   /**
    * @description Label for showing request cookies that were not actually sent
    */
-  showFilteredOutRequestCookies: 'show filtered out request cookies',
+  showFilteredOutRequestCookies: 'Show filtered-out request cookies',
   /**
    * @description Text in Request Headers View of the Network Panel
    */
@@ -41,7 +41,7 @@ const UIStrings = {
   /**
    * @description Text in Request Cookies View of the Network panel
    */
-  responseCookies: 'Response Cookies',
+  responseCookies: 'Response cookies',
   /**
    * @description Tooltip to explain what response cookies are
    */
@@ -50,7 +50,7 @@ const UIStrings = {
   /**
    * @description Label for response cookies with invalid syntax
    */
-  malformedResponseCookies: 'Malformed Response Cookies',
+  malformedResponseCookies: 'Malformed response cookies',
   /**
    * @description Tooltip to explain what malformed response cookies are. Malformed cookies are
    * cookies that did not match the expected format and could not be interpreted, and are invalid.

package/front_end/panels/network/RequestHeadersView.ts

@@ -59,19 +59,19 @@ const UIStrings = {
   /**
    * @description Text in Request Headers View of the Network panel
    */
-  referrerPolicy: 'Referrer Policy',
+  referrerPolicy: 'Referrer policy',
   /**
    * @description Text in Network Log View Columns of the Network panel
    */
-  remoteAddress: 'Remote Address',
+  remoteAddress: 'Remote address',
   /**
    * @description Text in Request Headers View of the Network panel
    */
-  requestHeaders: 'Request Headers',
+  requestHeaders: 'Request headers',
   /**
    * @description The HTTP method of a request
    */
-  requestMethod: 'Request Method',
+  requestMethod: 'Request method',
   /**
    * @description The URL of a request
    */
@@ -91,7 +91,7 @@ const UIStrings = {
   /**
    * @description HTTP response code
    */
-  statusCode: 'Status Code',
+  statusCode: 'Status code',
 } as const;
 const str_ = i18n.i18n.registerUIStrings('panels/network/RequestHeadersView.ts', UIStrings);
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);

package/front_end/panels/network/RequestPayloadView.ts

@@ -69,7 +69,7 @@ const UIStrings = {
    * @description Text in Request Payload View of the Network panel. This is a noun-phrase meaning the
    * payload of a network request.
    */
-  requestPayload: 'Request Payload',
+  requestPayload: 'Request payload',
   /**
    * @description Text in Request Payload View of the Network panel
    */
@@ -77,11 +77,11 @@ const UIStrings = {
   /**
    * @description Text in Request Payload View of the Network panel
    */
-  queryStringParameters: 'Query String Parameters',
+  queryStringParameters: 'Query string parameters',
   /**
    * @description Text in Request Payload View of the Network panel
    */
-  formData: 'Form Data',
+  formData: 'Form data',
   /**
    * @description Text for toggling the view of payload data (e.g. query string parameters) from source to parsed in the payload tab
    */
@@ -201,6 +201,7 @@ export const DEFAULT_VIEW: View = (input, output, target) => {
       readOnly: true,
       propertiesMode: ObjectUI.ObjectPropertiesSection.ObjectPropertiesMode.OWN_AND_INTERNAL_AND_INHERITED,
     });
+    objectTree.expanded = true;
     return html`
       <li role=treeitem class="source-code object-properties-section-root-element object-properties-section" open>
         ${object.description}

package/front_end/panels/network/RequestTimingView.ts

@@ -41,7 +41,7 @@ const UIStrings = {
   /**
    * @description Text in Request Timing View of the Network panel
    */
-  dnsLookup: 'DNS Lookup',
+  dnsLookup: 'DNS lookup',
   /**
    * @description Text in Request Timing View of the Network panel
    */
@@ -53,7 +53,7 @@ const UIStrings = {
   /**
    * @description Text in Request Timing View of the Network panel
    */
-  contentDownload: 'Content Download',
+  contentDownload: 'Content download',
   /**
    * @description Text in Request Timing View of the Network panel
    */
@@ -89,11 +89,11 @@ const UIStrings = {
   /**
    * @description Text in Request Timing View of the Network panel
    */
-  routerEvaluation: 'Router Evaluation',
+  routerEvaluation: 'Router evaluation',
   /**
    * @description Text in Request Timing View of the Network panel
    */
-  routerCacheLookup: 'Cache Lookup',
+  routerCacheLookup: 'Cache lookup',
   /**
    * @description Inner element text content in Network Log View Columns of the Network panel
    */
@@ -115,15 +115,15 @@ const UIStrings = {
   /**
    * @description Text in Request Timing View of the Network panel
    */
-  serverPush: 'Server Push',
+  serverPush: 'Server push',
   /**
    * @description Text of a DOM element in Request Timing View of the Network panel
    */
-  resourceScheduling: 'Resource Scheduling',
+  resourceScheduling: 'Resource scheduling',
   /**
    * @description Text in Request Timing View of the Network panel
    */
-  connectionStart: 'Connection Start',
+  connectionStart: 'Connection start',
   /**
    * @description Text in Request Timing View of the Network panel
    */
@@ -131,7 +131,7 @@ const UIStrings = {
   /**
    * @description Text of a DOM element in Request Timing View of the Network panel
    */
-  cautionRequestIsNotFinishedYet: 'CAUTION: request is not finished yet!',
+  cautionRequestIsNotFinishedYet: 'Caution: Request isn’t finished yet',
   /**
    * @description Text in Request Timing View of the Network panel
    */

package/front_end/panels/network/ResourceChunkView.ts

@@ -36,7 +36,7 @@ const UIStrings = {
   /**
    * @description Text to clear everything
    */
-  clearAll: 'Clear All',
+  clearAll: 'Clear all',
   /**
    * @description Text to filter result items
    */