chrome-devtools-frontend 1.0.1682249 → 1.0.1684555

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

@@ -45,164 +45,164 @@ const RTT_MINIMUM = 60;
 
 const UIStrings = {
   /**
-   * @description Label of a badge/pill indicating that the metrics are for a soft navigation.
+   * @description Badge label indicating that the metrics are for a soft navigation in the Performance panel.
    */
   softNavigationPillText: 'SOFT NAV',
   /**
-   * @description Title of a view that shows performance metrics from the local environment and field metrics collected from real users. "field metrics" should be interpreted as "real user metrics".
+   * @description Title of a view that shows performance metrics from the local environment and field metrics collected from real users in the Performance panel.
    */
   localAndFieldMetrics: 'Local and field metrics',
   /**
-   * @description Title of a view that shows performance metrics from the local environment.
+   * @description Title of a view that shows performance metrics from the local environment in the Performance panel.
    */
   localMetrics: 'Local metrics',
   /**
-   *@description Text for the link to the historical field data for the specific URL or origin that is shown. This link text appears in parenthesis after the collection period information in the field data dialog. The link opens the CrUX Vis viewer (https://cruxvis.withgoogle.com).
+   * @description Link text to historical field data in the Performance panel.
    */
   fieldDataHistoryLink: 'View history',
   /**
-   *@description Tooltip for the CrUX Vis viewer link which shows the history of the field data for the specific URL or origin.
+   * @description Tooltip for the link to historical field data in the Performance panel.
    */
   fieldDataHistoryTooltip: 'View field data history in CrUX Vis',
   /**
-   * @description Accessible label for a section that logs user interactions and layout shifts. A layout shift is an event that shifts content in the layout of the page causing a jarring experience for the user.
+   * @description Accessible label for the section that logs user interactions and layout shifts in the Performance panel.
    */
   eventLogs: 'Interaction and layout shift logs section',
   /**
-   * @description Title of a section that lists user interactions.
+   * @description Section title for user interactions in the live metrics view of the Performance panel.
    */
   interactions: 'Interactions',
   /**
-   * @description Title of a section that lists layout shifts. A layout shift is an event that shifts content in the layout of the page causing a jarring experience for the user.
+   * @description Section title for layout shifts in the live metrics view of the Performance panel.
    */
   layoutShifts: 'Layout shifts',
   /**
-   * @description Title of a sidebar section that shows options for the user to take after using the main view.
+   * @description Title of a sidebar section that shows next step options in the Performance panel.
    */
   nextSteps: 'Next steps',
   /**
-   * @description Title of a section that shows options for how real user data in the field should be fetched. This should be interpreted as "Real user data".
+   * @description Section title for field metrics in the live metrics view of the Performance panel.
    */
   fieldMetricsTitle: 'Field metrics',
   /**
-   * @description Title of a section that shows settings to control the developers local testing environment.
+   * @description Section title for local environment settings in the live metrics view of the Performance panel.
    */
   environmentSettings: 'Environment settings',
   /**
-   * @description Label for an select box that selects which device type field metrics be shown for (e.g. desktop/mobile/all devices/etc). "field metrics" should be interpreted as "real user data".
+   * @description Label for a select dropdown to choose the device type for field metrics in the Performance panel.
    * @example {Mobile} PH1
    */
   showFieldDataForDevice: 'Show field metrics for device type: {PH1}',
   /**
-   * @description Text indicating that there is not enough data to report real user statistics.
+   * @description Text indicating that there is not enough data to report real user statistics in the Performance panel.
    */
   notEnoughData: 'Not enough data',
   /**
-   * @description Label for a text block that describes the network connections of real users.
+   * @description Label for real user network conditions in the live metrics view of the Performance panel.
    * @example {75th percentile is similar to Slow 4G throttling} PH1
    */
   network: 'Network: {PH1}',
   /**
-   * @description Label for an select box that selects which device type real user data should be shown for (e.g. desktop/mobile/all devices/etc).
+   * @description Label for a select dropdown to choose the device form factor in the Performance panel.
    * @example {Mobile} PH1
    */
   device: 'Device: {PH1}',
   /**
-   * @description Label for an option to select all device form factors.
+   * @description Label for an option to select all device form factors in the Performance panel.
    */
   allDevices: 'All devices',
   /**
-   * @description Label for an option to select the desktop form factor.
+   * @description Label for an option to select the desktop form factor in the Performance panel.
    */
   desktop: 'Desktop',
   /**
-   * @description Label for an option to select the mobile form factor.
+   * @description Label for an option to select the mobile form factor in the Performance panel.
    */
   mobile: 'Mobile',
   /**
-   * @description Label for an option to select the tablet form factor.
+   * @description Label for an option to select the tablet form factor in the Performance panel.
    */
   tablet: 'Tablet',
   /**
-   * @description Label for an option to to automatically select the form factor. The automatic selection will be displayed in PH1.
+   * @description Label for an option to automatically select the form factor in the Performance panel.
    * @example {Desktop} PH1
    */
   auto: 'Auto ({PH1})',
   /**
-   * @description Label for an option that is loading.
+   * @description Label for an option that is currently loading in the Performance panel.
    * @example {Desktop} PH1
    */
   loadingOption: '{PH1} - Loading…',
   /**
-   * @description Label for an option that does not have enough data and the user should ignore.
+   * @description Label for an option that lacks enough data in the Performance panel.
    * @example {Desktop} PH1
    */
   needsDataOption: '{PH1} - No data',
   /**
-   * @description Label for an option that selects the page's specific URL as opposed to it's entire origin/domain.
+   * @description Label for an option that selects the page specific URL in the Performance panel.
    */
   urlOption: 'URL',
   /**
-   * @description Label for an option that selects the page's entire origin/domain as opposed to it's specific URL.
+   * @description Label for an option that selects the entire origin in the Performance panel.
    */
   originOption: 'Origin',
   /**
-   * @description Label for an option that selects the page's specific URL as opposed to it's entire origin/domain.
+   * @description Label for an option that selects the specific URL with the URL displayed in the Performance panel.
    * @example {https://example.com/} PH1
    */
   urlOptionWithKey: 'URL: {PH1}',
   /**
-   * @description Label for an option that selects the page's entire origin/domain as opposed to it's specific URL.
+   * @description Label for an option that selects the entire origin with the origin displayed in the Performance panel.
    * @example {https://example.com} PH1
    */
   originOptionWithKey: 'Origin: {PH1}',
   /**
-   * @description Label for an combo-box that indicates if field metrics should be taken from the page's URL or it's origin/domain. "field metrics" should be interpreted as "real user data".
+   * @description Label for a dropdown indicating whether field metrics are shown for the URL or origin in the Performance panel.
    * @example {Origin: https://example.com} PH1
    */
   showFieldDataForPage: 'Show field metrics for {PH1}',
   /**
-   * @description Tooltip text explaining that real user connections are similar to a test environment with no throttling. "throttling" is when the network is intentionally slowed down to simulate a slower connection.
+   * @description Tooltip text explaining that real user connections are too fast to simulate with network throttling in the Performance panel.
    */
   tryDisablingThrottling: '75th percentile is too fast to simulate with throttling',
   /**
-   * @description Tooltip text explaining that real user connections are similar to a specif network throttling setup. "throttling" is when the network is intentionally slowed down to simulate a slower connection.
+   * @description Tooltip text explaining that real user connections are similar to a specific network throttling preset in the Performance panel.
    * @example {Slow 4G} PH1
    */
   tryUsingThrottling: '75th percentile is similar to {PH1} throttling',
   /**
-   * @description Text block listing what percentage of real users are on different device form factors.
+   * @description Text block listing the distribution of real users across device form factors in the Performance panel.
    * @example {60%} PH1
    * @example {30%} PH2
    */
   percentDevices: '{PH1}% mobile, {PH2}% desktop',
   /**
-   * @description Text block explaining how to simulate different mobile and desktop devices.
+   * @description Text block explaining how to simulate different mobile and desktop devices in the Performance panel.
    */
   useDeviceToolbar:
       'Use the [device toolbar](https://developer.chrome.com/docs/devtools/device-mode) and configure throttling to simulate real user environments and identify more performance issues.',
   /**
-   * @description Text label for a checkbox that controls if the network cache is disabled.
+   * @description Checkbox label that controls if the network cache is disabled in the Performance panel.
    */
   disableNetworkCache: 'Disable network cache',
   /**
-   * @description Text label for a selection box showing which CPU throttling option is applied.
+   * @description Label for the CPU throttling dropdown in the live metrics view of the Performance panel.
    */
   cpuThrottling: 'CPU:',
   /**
-   * @description Text label for a link to the Largest Contentful Paint (LCP) related page element. This element represents the largest content on the page. "LCP" should not be translated.
+   * @description Link label to the Largest Contentful Paint (LCP) page element in the live metrics view of the Performance panel.
    */
   lcpElement: 'LCP element',
   /**
-   * @description Text label for a button that reveals the user interaction associated with the Interaction to Next Paint (INP) performance metric. "INP" should not be translated.
+   * @description Button label to reveal the user interaction associated with INP in the live metrics view of the Performance panel.
    */
   inpInteractionLink: 'INP interaction',
   /**
-   * @description Text label for a button that reveals the cluster of layout shift events that affected the page content the most. A cluster is a group of layout shift events that occur in quick succession.
+   * @description Button label to reveal the worst layout shift cluster in the live metrics view of the Performance panel.
    */
   worstCluster: 'Worst cluster',
   /**
-   * @description [ICU Syntax] Text content of a button that reveals the cluster of layout shift events that affected the page content the most. A layout shift is an event that shifts content in the layout of the page causing a jarring experience for the user. This text will indicate how many shifts were in the cluster.
+   * @description [ICU Syntax] Button label indicating the number of shifts in the worst layout shift cluster in the live metrics view of the Performance panel.
    * @example {3} shiftCount
    */
   numShifts: `{shiftCount, plural,
@@ -210,105 +210,105 @@ const UIStrings = {
     other {{shiftCount} shifts}
   }`,
   /**
-   * @description Label for a a range of dates that represents the period of time a set of field metrics is collected from.
+   * @description Label for the date range representing the collection period for field metrics in the Performance panel.
    * @example {Oct 1, 2024 - Nov 1, 2024} PH1
    */
   collectionPeriod: 'Collection period: {PH1}',
   /**
-   * @description Text showing a range of dates meant to represent a period of time.
+   * @description Date range format string in the live metrics view of the Performance panel.
    * @example {Oct 1, 2024} PH1
    * @example {Nov 1, 2024} PH2
    */
   dateRange: '{PH1} - {PH2}',
   /**
-   * @description Text block telling the user to see how performance metrics measured on their local computer compare to data collected from real users. PH1 will be a link to more information about the Chrome UX Report and the link text will be untranslated because it is a product name.
+   * @description Text banner explaining how to compare local metrics to real user data in the Performance panel.
    * @example {Chrome UX Report} PH1
    */
   seeHowYourLocalMetricsCompare: 'See how your local metrics compare to real user data in the {PH1}.',
   /**
-   * @description Text for a link that goes to more documentation about local and field metrics. "Local" refers to performance metrics measured in the developers local environment. "field metrics" should be interpreted as "real user data".
+   * @description Link text for documentation about local and field metrics in the Performance panel.
    */
   localFieldLearnMoreLink: 'Learn more about local and field metrics',
   /**
-   * @description Tooltip text for a link that goes to documentation explaining the difference between local and field metrics. "Local metrics" are performance metrics measured in the developers local environment. "field metrics" should be interpreted as "real user data".
+   * @description Tooltip text explaining the difference between local and field metrics in the Performance panel.
    */
   localFieldLearnMoreTooltip:
-      'Local metrics are captured from the current page using your network connection and device. field metrics is measured by real users using many different network connections and devices.',
+      'Local metrics are captured from the current page using your network connection and device. Field metrics are measured by real users using many different network connections and devices.',
   /**
-   * @description Tooltip text explaining that this user interaction was ignored when calculating the Interaction to Next Paint (INP) metric because the interaction delay fell beyond the 98th percentile of interaction delays on this page. "INP" is an acronym and should not be translated.
+   * @description Tooltip text explaining why an interaction was excluded from the INP calculation in the Performance panel.
    */
   interactionExcluded:
       'INP is calculated using the 98th percentile of interaction delays, so some interaction delays may be larger than the INP value.',
   /**
-   * @description Tooltip for a button that will remove everything from the currently selected log.
+   * @description Tooltip for the button to clear the currently selected log in the live metrics view of the Performance panel.
    */
-  clearCurrentLog: 'Clear the current log',
+  clearCurrentLog: 'Clear current log',
   /**
-   * @description Title for a page load subpart that measures the time between when the page load starts and the time when the first byte of the initial document is downloaded.
+   * @description Label for the time to first byte subpart in the live metrics view of the Performance panel.
    */
   timeToFirstByte: 'Time to first byte',
   /**
-   * @description Title for a page load subpart that measures the time between when the first byte of the initial document is downloaded and when the request for the largest image content starts.
+   * @description Label for the resource load delay subpart in the live metrics view of the Performance panel.
    */
   resourceLoadDelay: 'Resource load delay',
   /**
-   * @description Title for a page load subpart that measures the time between when the request for the largest image content starts and when it finishes.
+   * @description Label for the resource load duration subpart in the live metrics view of the Performance panel.
    */
   resourceLoadDuration: 'Resource load duration',
   /**
-   * @description Title for a page load subpart that measures the time between when the request for the largest image content finishes and when the largest image element is rendered on the page.
+   * @description Label for the element render delay subpart in the live metrics view of the Performance panel.
    */
   elementRenderDelay: 'Element render delay',
   /**
-   * @description Title for a subpart during a user interaction that measures the time between when the interaction starts and when the browser starts running interaction handlers.
+   * @description Label for the input delay subpart of an interaction in the live metrics view of the Performance panel.
    */
   inputDelay: 'Input delay',
   /**
-   * @description Title for a subpart during a user interaction that measures the time between when the browser starts running interaction handlers and when the browser finishes running interaction handlers.
+   * @description Label for the processing duration subpart of an interaction in the live metrics view of the Performance panel.
    */
   processingDuration: 'Processing duration',
   /**
-   * @description Title for a subpart during a user interaction that measures the time between when the browser finishes running interaction handlers and when the browser renders the next visual frame that shows the result of the interaction.
+   * @description Label for the presentation delay subpart of an interaction in the live metrics view of the Performance panel.
    */
   presentationDelay: 'Presentation delay',
   /**
-   * @description Tooltip text for a status chip in a list of user interactions that indicates if the associated interaction is the interaction used in the Interaction to Next Paint (INP) performance metric because it's interaction delay is at the 98th percentile.
+   * @description Tooltip text for an interaction status chip indicating that it represents the 98th percentile INP interaction in the Performance panel.
    */
   inpInteraction: 'The INP interaction is at the 98th percentile of interaction delays.',
   /**
-   * @description Tooltip text for a button that reveals the user interaction associated with the Interaction to Next Paint (INP) performance metric.
+   * @description Tooltip text for the button to reveal the INP interaction in the live metrics view of the Performance panel.
    */
   showInpInteraction: 'Go to the INP interaction.',
   /**
-   * @description Tooltip text for a button that reveals the cluster of layout shift events that affected the page content the most. A layout shift is an event that shifts content in the layout of the page causing a jarring experience for the user. A cluster is a group of layout shift events that occur in quick succession.
+   * @description Tooltip text for the button to reveal the worst layout shift cluster in the live metrics view of the Performance panel.
    */
   showClsCluster: 'Go to worst layout shift cluster.',
   /**
-   * @description Column header for table cell values representing the subpart/component/stage/section of a larger duration.
+   * @description Table column header for subpart stage names in the live metrics view of the Performance panel.
    */
   subpart: 'Subpart',
   /**
-   * @description Column header for table cell values representing a subpart duration (in milliseconds) that was measured in the developers local environment.
+   * @description Table column header for local duration values in milliseconds in the live metrics view of the Performance panel.
    */
   duration: 'Local duration (ms)',
   /**
-   * @description Tooltip text for a button that will open the Chrome DevTools console to and log additional details about a user interaction.
+   * @description Tooltip text for the button to log interaction details to the console in the live metrics view of the Performance panel.
    */
-  logToConsole: 'Log additional interaction data to the console',
+  logToConsole: 'Log more interaction data to the console',
   /**
-   * @description Title of a view that can be used to analyze the performance of a Node process as a timeline. "Node" is a product name and should not be translated.
+   * @description Section title for Node process performance in the Performance panel.
    */
   nodePerformanceTimeline: 'Node performance',
   /**
-   * @description Description of a view that can be used to analyze the performance of a Node process as a timeline. "Node" is a product name and should not be translated.
+   * @description Description text for recording a performance timeline of a connected Node process in the Performance panel.
    */
   nodeClickToRecord: 'Record a performance timeline of the connected Node process.',
   /**
-   * @description Text in Timeline Panel of the Performance panel for network throttling
+   * @description Label for the network throttling dropdown in the live metrics view of the Performance panel.
    */
   networkThrottling: 'Network:',
   /**
-   * @description Text for why user should change a throttling setting.
+   * @description Tooltip text explaining why the user should adjust throttling settings in the Performance panel.
    */
   recommendedThrottlingReason: 'Consider changing setting to simulate real user environments',
 } as const;

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

@@ -31,113 +31,113 @@ const {html, nothing} = Lit;
 
 const UIStrings = {
   /**
-   * @description Label for a metric value that was measured in the local environment.
+   * @description Label for a metric value measured in the local environment in the live metrics view of the Performance panel.
    */
   localValue: 'Local',
   /**
-   * @description Label for the 75th percentile of a metric according to data collected from real users in the field. This should be interpreted as "75th percentile of real users".
+   * @description Label for the 75th percentile of real user field metrics in the live metrics view of the Performance panel.
    */
   field75thPercentile: 'Field 75th percentile',
   /**
-   * @description Column header for the 75th percentile of a metric according to data collected from real users in the field. This should be interpreted as "75th percentile of real users". Width of the column is limited so character length should be as small as possible.
+   * @description Column header for the 75th percentile field metrics in the live metrics view of the Performance panel.
    */
   fieldP75: 'Field p75',
   /**
-   * @description Text label for values that are classified as "good".
+   * @description Label for metric values classified as good in the live metrics view of the Performance panel.
    */
   good: 'Good',
   /**
-   * @description Text label for values that are classified as "needs improvement".
+   * @description Label for metric values classified as needs improvement in the live metrics view of the Performance panel.
    */
   needsImprovement: 'Needs improvement',
   /**
-   * @description Text label for values that are classified as "poor".
+   * @description Label for metric values classified as poor in the live metrics view of the Performance panel.
    */
   poor: 'Poor',
   /**
-   * @description Text label for a range of values that are less than or equal to a certain value.
+   * @description Label for a range of values that are less than or equal to a threshold in the live metrics view of the Performance panel.
    * @example {500 ms} PH1
    */
   leqRange: '(≤{PH1})',
   /**
-   * @description Text label for a range of values that are between two values.
+   * @description Label for a range of values between two thresholds in the live metrics view of the Performance panel.
    * @example {500 ms} PH1
    * @example {800 ms} PH2
    */
   betweenRange: '({PH1}-{PH2})',
   /**
-   * @description Text label for a range of values that are greater than a certain value.
+   * @description Label for a range of values greater than a threshold in the live metrics view of the Performance panel.
    * @example {500 ms} PH1
    */
   gtRange: '(>{PH1})',
   /**
-   * @description Text for a percentage value in the live metrics view.
+   * @description Percentage value format string in the live metrics view of the Performance panel.
    * @example {13} PH1
    */
   percentage: '{PH1}%',
   /**
-   * @description Text instructing the user to interact with the page because a user interaction is required to measure Interaction to Next Paint (INP).
+   * @description Prompt instructing the user to interact with the page to measure INP in the live metrics view of the Performance panel.
    */
   interactToMeasure: 'Interact with the page to measure INP.',
   /**
-   * @description Label for a tooltip that provides more details.
+   * @description Tooltip label to expand more details in the metric card of the Performance panel.
    */
   viewCardDetails: 'View card details',
   /**
-   * @description Text block recommending a site developer look at their test environment followed by bullet points that highlight specific things about the test environment. "local" refers to the testing setup of the developer as opposed to the conditions experienced by real users.
+   * @description Header recommending the user inspect their local test environment in the live metrics view of the Performance panel.
    */
   considerTesting: 'Consider your local test conditions',
   /**
-   * @description Text block explaining how network conditions can slow down the page load. "network throttling" refers to artificially slowing down the network to simulate slower network conditions.
+   * @description Recommendation explaining how network throttling affects LCP page loads in the Performance panel.
    */
   recThrottlingLCP:
       'Real users may experience longer page loads due to slower network conditions. Increasing network throttling will simulate slower network conditions.',
   /**
-   * @description Text block explaining how CPU speed affects how long it takes the page to render after an interaction. "CPU throttling" refers to artificially slowing down the CPU to simulate slower devices.
+   * @description Recommendation explaining how CPU throttling affects INP interaction delays in the Performance panel.
    */
   recThrottlingINP:
       'Real users may experience longer interactions due to slower CPU speeds. Increasing CPU throttling will simulate a slower device.',
   /**
-   * @description Text block explaining how screen size can affect what content is rendered and therefore affects the LCP performance metric. "viewport" and "screen size" are synonymous in this case. "LCP element" refers to the page element that was the largest content on the page.
+   * @description Recommendation explaining how viewport size affects the LCP element in the Performance panel.
    */
   recViewportLCP: 'Screen size can influence what the LCP element is. Ensure you are testing common viewport sizes.',
   /**
-   * @description Text block explaining viewport size can affect layout shifts. "viewport" and "screen size" are synonymous in this case. "layout shifts" refer to page instability where content moving around can create a jarring experience.
+   * @description Recommendation explaining how viewport size affects layout shifts in the Performance panel.
    */
   recViewportCLS: 'Screen size can influence what layout shifts happen. Ensure you are testing common viewport sizes.',
   /**
-   * @description Text block explaining how a user interacts with the page can cause different amounts of layout shifts. "layout shifts" refer to page instability where content moving around can create a jarring experience.
+   * @description Recommendation explaining how user interaction journeys affect layout shifts in the Performance panel.
    */
   recJourneyCLS:
       'How a user interacts with the page can influence layout shifts. Ensure you are testing common interactions like scrolling the page.',
   /**
-   * @description Text block explaining how a user interacts with the page can affect interaction delays. "interaction delay" refers to the delay between an interaction and the page rendering new content.
+   * @description Recommendation explaining how user interaction journeys affect interaction delays in the Performance panel.
    */
   recJourneyINP:
       'How a user interacts with the page influences interaction delays. Ensure you are testing common interactions.',
   /**
-   * @description Text block explaining how dynamic content can affect LCP. "LCP" is a performance metric measuring when the largest content was rendered on the page. "LCP element" refers to the page element that was the largest content on the page.
+   * @description Recommendation explaining how dynamic content affects LCP in the Performance panel.
    */
   recDynamicContentLCP: 'The LCP element can vary between page loads if content is dynamic.',
   /**
-   * @description Text block explaining how dynamic content can affect layout shifts. "layout shifts" refer to page instability where content moving around can create a jarring experience.
+   * @description Recommendation explaining how dynamic content affects layout shifts in the Performance panel.
    */
   recDynamicContentCLS: 'Dynamic content can influence what layout shifts happen.',
   /**
-   * @description Column header for table cell values representing the subpart/component/stage/section of a larger duration.
+   * @description Table column header for subpart stage names in the live metrics view of the Performance panel.
    */
   subpart: 'Subpart',
   /**
-   * @description Tooltip text for a link that goes to documentation explaining the Largest Contentful Paint (LCP) metric. "LCP" is an acronym and should not be translated.
+   * @description Tooltip text explaining the Largest Contentful Paint (LCP) metric in the live metrics view of the Performance panel.
    */
   lcpHelpTooltip:
       'LCP reports the render time of the largest image, text block, or video visible in the viewport. Click here to learn more about LCP.',
   /**
-   * @description Tooltip text for a link that goes to documentation explaining the Cumulative Layout Shift (CLS) metric. "CLS" is an acronym and should not be translated.
+   * @description Tooltip text explaining the Cumulative Layout Shift (CLS) metric in the live metrics view of the Performance panel.
    */
   clsHelpTooltip: 'CLS measures the amount of unexpected shifted content. Click here to learn more about CLS.',
   /**
-   * @description Tooltip text for a link that goes to documentation explaining the Interaction to Next Paint (INP) metric. "INP" is an acronym and should not be translated.
+   * @description Tooltip text explaining the Interaction to Next Paint (INP) metric in the live metrics view of the Performance panel.
    */
   inpHelpTooltip:
       'INP measures the overall responsiveness to all click, tap, and keyboard interactions. Click here to learn more about INP.',

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

@@ -26,91 +26,91 @@ const MAX_URL_LENGTH = 100;
 
 const UIStrings = {
   /**
-   * @description Text that refers to the network request method
+   * @description Label for the HTTP request method in the network request details view of the Performance panel.
    */
   requestMethod: 'Request method',
   /**
-   * @description Text that refers to the network request protocol
+   * @description Label for the network protocol in the network request details view of the Performance panel.
    */
   protocol: 'Protocol',
   /**
-   * @description Text to show the priority of an item
+   * @description Label for the network request priority in the network request details view of the Performance panel.
    */
   priority: 'Priority',
   /**
-   * @description Text used when referring to the data sent in a network request that is encoded as a particular file format.
+   * @description Label for the encoded data size in the network request details view of the Performance panel.
    */
   encodedData: 'Encoded data',
   /**
-   * @description Text used to refer to the data sent in a network request that has been decoded.
+   * @description Label for the decoded body size in the network request details view of the Performance panel.
    */
   decodedBody: 'Decoded body',
   /**
-   * @description Text in Timeline indicating that input has happened recently
+   * @description Value indicating yes in the network request details view of the Performance panel.
    */
   yes: 'Yes',
   /**
-   * @description Text in Timeline indicating that input has not happened recently
+   * @description Value indicating no in the network request details view of the Performance panel.
    */
   no: 'No',
   /**
-   * @description Text to indicate to the user they are viewing an event representing a network request.
+   * @description Header title for a network request in the network request details view of the Performance panel.
    */
   networkRequest: 'Network request',
   /**
-   * @description Text for the data source of a network request.
+   * @description Label indicating whether a network request was served from cache in the network request details view of the Performance panel.
    */
   fromCache: 'From cache',
   /**
-   * @description Text used to show the mime-type of the data transferred with a network request (e.g. "application/json").
+   * @description Label for the MIME type of a network request in the network request details view of the Performance panel.
    */
   mimeType: 'MIME type',
   /**
-   * @description Text used to show the user that a request was served from the browser's in-memory cache.
+   * @description Suffix indicating that a network request was served from memory cache in the Performance panel.
    */
   FromMemoryCache: ' (from memory cache)',
   /**
-   * @description Text used to show the user that a request was served from the browser's file cache.
+   * @description Suffix indicating that a network request was served from disk cache in the Performance panel.
    */
   FromCache: ' (from cache)',
   /**
-   * @description Label for a network request indicating that it was a HTTP2 server push instead of a regular network request, in the Performance panel
+   * @description Suffix indicating that a network request was served from server push in the Performance panel.
    */
   FromPush: ' (from push)',
   /**
-   * @description Text used to show a user that a request was served from an installed, active service worker.
+   * @description Suffix indicating that a network request was served from a service worker in the Performance panel.
    */
   FromServiceWorker: ' (from `service worker`)',
   /**
-   * @description Text for the event initiated by another one
+   * @description Label indicating what initiated the network request in the network request details view of the Performance panel.
    */
   initiatedBy: 'Initiated by',
   /**
-   * @description Text that refers to if the network request is blocking
+   * @description Label for the render-blocking status of a network request in the network request details view of the Performance panel.
    */
   blocking: 'Blocking',
   /**
-   * @description Text that refers to if the network request is in-body parser render-blocking
+   * @description Status value indicating that a network request is in-body parser blocking in the Performance panel.
    */
   inBodyParserBlocking: 'In-body parser blocking',
   /**
-   * @description Text that refers to if the network request is render-blocking
+   * @description Status value indicating that a network request is render-blocking in the Performance panel.
    */
   renderBlocking: 'Render-blocking',
   /**
-   * @description Text to refer to a 3rd Party entity.
+   * @description Label for the third-party entity of a network request in the network request details view of the Performance panel.
    */
   entity: '3rd party',
   /**
-   * @description Label for a column containing the names of timings (performance metric) taken in the server side application.
+   * @description Column header for server timing metric names in the network request details view of the Performance panel.
    */
   serverTiming: 'Server timing',
   /**
-   * @description Label for a column containing the values of timings (performance metric) taken in the server side application.
+   * @description Column header for server timing duration values in the network request details view of the Performance panel.
    */
   time: 'Time',
   /**
-   * @description Label for a column containing the description of timings (performance metric) taken in the server side application.
+   * @description Column header for server timing descriptions in the network request details view of the Performance panel.
    */
   description: 'Description',
 } as const;