chrome-devtools-frontend 1.0.1682249 → 1.0.1684555

package/front_end/ui/legacy/UIUtils.ts

@@ -1046,14 +1046,18 @@ export function createHistoryInput(type = 'search', className?: string): HTMLInp
 
   function onKeydown(event: KeyboardEvent): void {
     if (event.keyCode === Keys.Up.code) {
-      historyPosition = Math.max(historyPosition - 1, 0);
-      historyInput.value = history[historyPosition];
-      historyInput.dispatchEvent(new Event('input', {bubbles: true, cancelable: true}));
+      if (historyPosition > 0) {
+        historyPosition--;
+        historyInput.value = history[historyPosition];
+        historyInput.dispatchEvent(new Event('input', {bubbles: true, cancelable: true}));
+      }
       event.consume(true);
     } else if (event.keyCode === Keys.Down.code) {
-      historyPosition = Math.min(historyPosition + 1, history.length - 1);
-      historyInput.value = history[historyPosition];
-      historyInput.dispatchEvent(new Event('input', {bubbles: true, cancelable: true}));
+      if (historyPosition < history.length - 1) {
+        historyPosition++;
+        historyInput.value = history[historyPosition];
+        historyInput.dispatchEvent(new Event('input', {bubbles: true, cancelable: true}));
+      }
       event.consume(true);
     } else if (event.keyCode === Keys.Enter.code) {
       if (history.length > 1 && history[history.length - 2] === historyInput.value) {

package/front_end/ui/legacy/components/cookie_table/CookiesTable.ts

@@ -91,96 +91,95 @@ const {repeat, ifDefined} = Directives;
 
 const UIStrings = {
   /**
-   * @description Cookie table cookies table expires session value in Cookies Table of the Cookies table in the Application panel
+   * @description Table cell text in the expires or max-age column indicating that the cookie expires at the end of the session.
    */
   session: 'Session',
   /**
-   * @description Text for the name of something
+   * @description Header for the cookie name column in the cookies table.
    */
   name: 'Name',
   /**
-   * @description Text for the value of something
+   * @description Header for the cookie value column in the cookies table.
    */
   value: 'Value',
   /**
-   * @description Text for the size of something
+   * @description Header for the cookie size column in the cookies table.
    */
   size: 'Size',
   /**
-   * @description Text for the "Domain" of the cookie
+   * @description Header for the cookie domain column in the cookies table.
    * https://developer.mozilla.org/en-US/docs/Web/HTTP/Reference/Headers/Set-Cookie#domaindomain-value
    */
   domain: 'Domain',
   /**
-   * @description Text for the "Path" of the cookie
+   * @description Header for the cookie path column in the cookies table.
    * https://developer.mozilla.org/en-US/docs/Web/HTTP/Reference/Headers/Set-Cookie#pathpath-value
    */
   path: 'Path',
   /**
-   * @description Text for the "Secure" property of the cookie
+   * @description Header for the secure attribute column in the cookies table.
    * https://developer.mozilla.org/en-US/docs/Web/HTTP/Reference/Headers/Set-Cookie#secure
    */
   secure: 'Secure',
   /**
-   * @description Text for the "Partition Key Site" property of the cookie
+   * @description Header for the partition key site column in the cookies table.
    * https://developer.mozilla.org/en-US/docs/Web/HTTP/Reference/Headers/Set-Cookie#partitioned
    */
-  partitionKeySite: 'Partition Key Site',
+  partitionKeySite: 'Partition key site',
   /**
-   * @description Text for the "Priority" property of the cookie
-   * Contains Low, Medium (default), or High if using deprecated cookie Priority attribute.
+   * @description Header for the priority attribute column in the cookies table. Contains Low, Medium (default), or High if using deprecated cookie Priority attribute.
    * https://bugs.chromium.org/p/chromium/issues/detail?id=232693
    */
   priority: 'Priority',
   /**
-   * @description Data grid name for Editable Cookies data grid
+   * @description Accessible name for the editable cookies table.
    */
-  editableCookies: 'Editable Cookies',
+  editableCookies: 'Editable cookies',
   /**
-   * @description Text for web cookies
+   * @description Accessible name for the cookies table.
    */
   cookies: 'Cookies',
   /**
-   * @description Text for something not available
+   * @description Table cell text indicating that a cookie property is not available.
    */
   na: 'N/A',
   /**
-   * @description Text for Context Menu entry
+   * @description Context menu item in the cookies table to show network requests associated with the selected cookie.
    */
   showRequestsWithThisCookie: 'Show requests with this cookie',
   /**
-   * @description Text for Context Menu entry
+   * @description Context menu item in the cookies table to show the issue associated with the selected cookie.
    */
   showIssueAssociatedWithThis: 'Show issue associated with this cookie',
   /**
-   * @description Tooltip for the cell that shows the sourcePort property of a cookie in the cookie table. The source port is numberic attribute of a cookie.
+   * @description Tooltip text for the source port column cell in the cookies table. The source port is a numeric attribute indicating the port number (1-65535) on which the cookie was set, or -1 if unknown.
    */
   sourcePortTooltip:
       'Shows the source port (range 1-65535) the cookie was set on. If the port is unknown, this shows -1.',
   /**
-   * @description Tooltip for the cell that shows the sourceScheme property of a cookie in the cookie table. The source scheme is a trinary attribute of a cookie.
+   * @description Tooltip text for the source scheme column cell in the cookies table. The source scheme is a trinary (three-state) attribute indicating whether the cookie was set on a secure scheme (`Secure`), non-secure scheme (`NonSecure`), or unset (`Unset`).
    */
   sourceSchemeTooltip:
       'Shows the source scheme (`Secure`, `NonSecure`) the cookie was set on. If the scheme is unknown, this shows `Unset`.',
   /**
-   * @description Text for the date column displayed if the expiration time of the cookie is extremely far out in the future.
+   * @description Table cell text in the expires column when the expiration time of the cookie is in the far future.
    * @example {+275760-09-13T00:00:00.000Z} date
    */
   timeAfter: 'after {date}',
   /**
-   * @description Tooltip for the date column displayed if the expiration time of the cookie is extremely far out in the future.
+   * @description Tooltip text in the expires column when the expiration time of the cookie is in the far future.
    * @example {+275760-09-13T00:00:00.000Z} date
    * @example {9001628746521180} seconds
    */
   timeAfterTooltip: 'The expiration timestamp is {seconds}, which corresponds to a date after {date}',
   /**
-   * @description Text to be show in the Partition Key column in case it is an opaque origin.
+   * @description Table cell text in the partition key site column when the origin is opaque.
    */
   opaquePartitionKey: '(opaque)',
   /**
-   * @description Tooltip for the disabled AI button on HttpOnly cookies, explaining why they cannot be debugged.
+   * @description Tooltip for the disabled AI button on HttpOnly cookies explaining why they cannot be added as context.
    */
-  httpOnlyCookiesCannotBeAdded: 'HttpOnly cookies cannot be added as context',
+  httpOnlyCookiesCannotBeAdded: 'HttpOnly cookies can’t be added as context',
 } as const;
 const str_ = i18n.i18n.registerUIStrings('ui/legacy/components/cookie_table/CookiesTable.ts', UIStrings);
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);

package/front_end/ui/legacy/components/perf_ui/BrickBreaker.ts

@@ -11,11 +11,11 @@ import type {FlameChart} from './FlameChart.js';
 
 const UIStrings = {
   /**
-   * @description Message congratulating the user for having won a game.
+   * @description Message congratulating the user for winning the brick breaker game.
    */
   congrats: 'Congrats, you win!',
   /**
-   * @description A Postscript hinting the user the possibility to open the game using a keycombo.
+   * @description Postscript message explaining how to open the brick breaker game using a keyboard shortcut.
    */
   ps: 'PS: You can also open the game by typing `fixme`',
 } as const;

package/front_end/ui/legacy/components/perf_ui/FilmStripView.ts

@@ -14,24 +14,24 @@ import filmStripViewStyles from './filmStripView.css.js';
 
 const UIStrings = {
   /**
-   * @description Element title in Film Strip View of the Performance panel
+   * @description Tooltip text for a screenshot frame in the film strip view of the Performance panel.
    */
-  doubleclickToZoomImageClickTo: 'Doubleclick to zoom image. Click to view preceding requests.',
+  doubleclickToZoomImageClickTo: 'Double-click to zoom image. Click to view preceding requests.',
   /**
-   * @description Aria label for captured screenshots in network panel.
+   * @description Accessible label for a screenshot frame in the film strip view of the Network panel.
    * @example {3ms} PH1
    */
   screenshotForSSelectToView: 'Screenshot for {PH1} - select to view preceding requests.',
   /**
-   * @description Text for one or a group of screenshots
+   * @description Alt text for a screenshot thumbnail image in the film strip view.
    */
   screenshot: 'Screenshot',
   /**
-   * @description Prev button title in Film Strip View of the Performance panel
+   * @description Tooltip text for the previous frame button in the film strip dialog.
    */
   previousFrame: 'Previous frame',
   /**
-   * @description Next button title in Film Strip View of the Performance panel
+   * @description Tooltip text for the next frame button in the film strip dialog.
    */
   nextFrame: 'Next frame',
 } as const;

package/front_end/ui/legacy/components/perf_ui/FlameChart.ts

@@ -36,58 +36,57 @@ const SUBTITLE_FONT_SIZE_AND_STYLE = 'italic 10px';
 
 const UIStrings = {
   /**
-   * @description Aria alert used to notify the user when an event has been selected because they tabbed into a group.
+   * @description Accessible announcement when an event is selected by tabbing into a group in the flame chart.
    * @example {Paint} PH1
    * @example {Main thread} PH2
-   *
    */
-  eventSelectedFromGroup: 'Selected a {PH1} event within {PH2}. Press enter to focus this event.',
+  eventSelectedFromGroup: 'Selected a {PH1} event within {PH2}. Press Enter to focus this event.',
   /**
-   * @description Aria accessible name in Flame Chart of the Performance panel
+   * @description Accessible name for the flame chart canvas.
    */
-  flameChart: 'Flame Chart',
+  flameChart: 'Flame chart',
   /**
-   * @description Text for the screen reader to announce a hovered group
+   * @description Accessible announcement when hovering over a group in the flame chart.
    * @example {Network} PH1
    */
   sHovered: '{PH1} hovered',
   /**
-   * @description Text for screen reader to announce a selected group.
+   * @description Accessible announcement when selecting a group in the flame chart.
    * @example {Network} PH1
    */
   sSelected: '{PH1} selected',
   /**
-   * @description Text for screen reader to announce an expanded group
+   * @description Accessible announcement when expanding a group in the flame chart.
    * @example {Network} PH1
    */
   sExpanded: '{PH1} expanded',
   /**
-   * @description Text for screen reader to announce a collapsed group
+   * @description Accessible announcement when collapsing a group in the flame chart.
    * @example {Network} PH1
    */
   sCollapsed: '{PH1} collapsed',
   /**
-   * @description Text for an action that adds a label annotation to an entry in the Flame Chart
+   * @description Context menu option to add a label annotation to an entry in the flame chart.
    */
   labelEntry: 'Label entry',
   /**
-   * @description Text for an action that adds link annotation between entries in the Flame Chart
+   * @description Context menu option to add a link annotation between entries in the flame chart.
    */
   linkEntries: 'Link entries',
   /**
-   * @description Shown in the context menu when right clicking on a track header to enable the user to enter the track configuration mode.
+   * @description Context menu option to enter track configuration mode in the flame chart.
    */
   enterTrackConfigurationMode: 'Configure tracks',
   /**
-   * @description Shown in the context menu when right clicking on a track header to allow the user to exit track configuration mode.
+   * @description Context menu option to exit track configuration mode in the flame chart.
    */
   exitTrackConfigurationMode: 'Finish configuring tracks',
   /**
-   * @description Context menu option to copy the name of the track.
+   * @description Context menu option to copy the track name in the flame chart.
    */
   copyTrackName: 'Copy track name',
   /**
-   * @description Context menu option to copy the URL of the track.
+   * @description Context menu option to copy the track URL in the flame chart.
    */
   copyTrackUrl: 'Copy track URL',
 } as const;

package/front_end/ui/legacy/components/perf_ui/GCActionDelegate.ts

@@ -9,7 +9,7 @@ import type * as UI from '../../legacy.js';
 
 const UIStrings = {
   /**
-   * @description Notification message shown to the user when garbage collection has completed.
+   * @description Notification message shown when garbage collection completes.
    */
   garbageCollectionCompleted: 'Garbage collection completed',
 } as const;

package/front_end/ui/legacy/components/perf_ui/NetworkPriorities.ts

@@ -7,23 +7,23 @@ import * as Protocol from '../../../../generated/protocol.js';
 
 const UIStrings = {
   /**
-   * @description Text in Network Priorities of the Performance panel
+   * @description Label for lowest network priority.
    */
   lowest: 'Lowest',
   /**
-   * @description Text in Network Priorities of the Performance panel
+   * @description Label for low network priority.
    */
   low: 'Low',
   /**
-   * @description Text in Network Priorities of the Performance panel
+   * @description Label for medium network priority.
    */
   medium: 'Medium',
   /**
-   * @description Text in Network Priorities of the Performance panel
+   * @description Label for high network priority.
    */
   high: 'High',
   /**
-   * @description Text in Network Priorities of the Performance panel
+   * @description Label for highest network priority.
    */
   highest: 'Highest',
 } as const;

package/front_end/ui/legacy/components/perf_ui/OverviewGrid.ts

@@ -16,17 +16,17 @@ import {TimelineGrid} from './TimelineGrid.js';
 
 const UIStrings = {
   /**
-   * @description Label for the window for Overview grids
+   * @description Accessible label for the selection window in the overview grid.
    */
   overviewGridWindow: 'Overview grid window',
   /**
-   * @description Label for left window resizer for Overview grids
+   * @description Accessible label for the left window resizer in the overview grid.
    */
-  leftResizer: 'Left Resizer',
+  leftResizer: 'Left resizer',
   /**
-   * @description Label for right window resizer for Overview grids
+   * @description Accessible label for the right window resizer in the overview grid.
    */
-  rightResizer: 'Right Resizer',
+  rightResizer: 'Right resizer',
 } as const;
 const str_ = i18n.i18n.registerUIStrings('ui/legacy/components/perf_ui/OverviewGrid.ts', UIStrings);
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);

package/front_end/ui/legacy/components/perf_ui/PieChart.ts

@@ -11,7 +11,7 @@ import pieChartStyles from './pieChart.css.js';
 
 const UIStrings = {
   /**
-   * @description Text for sum
+   * @description Label for the total sum in a pie chart legend.
    */
   total: 'Total',
 } as const;

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

@@ -10,21 +10,19 @@ import type * as PerfUI from './perf_ui.js';
 
 const UIStrings = {
   /**
-   * @description Title of a setting under the Performance category in Settings.
-   * Selected navigation allows switching between 2 different sets of shortcuts
-   * and actions (like zoom on scroll or crtl/cmd + scroll) for navigating the performance panel.
+   * @description Title of a setting under the Performance category in Settings to select the navigation style for the Performance panel.
    */
   flamechartSelectedNavigation: 'Flamechart navigation:',
   /**
-   * @description Modern navigation option in the Performance Panel.
+   * @description Setting option for modern flame chart navigation in the Performance panel.
    */
   modern: 'Modern',
   /**
-   * @description Classic navigation option in the Performance Panel.
+   * @description Setting option for classic flame chart navigation in the Performance panel.
    */
   classic: 'Classic',
   /**
-   * @description Title of an action in the components tool to collect garbage
+   * @description Action title to trigger garbage collection.
    */
   collectGarbage: 'Collect garbage',
 } as const;

package/front_end/ui/legacy/components/source_frame/FontView.ts

@@ -41,11 +41,11 @@ import fontViewStyles from './fontView.css.js';
 
 const UIStrings = {
   /**
-   * @description Text that appears on a button for the font resource type filter.
+   * @description Title of the font view tab in the Sources panel.
    */
   font: 'Font',
   /**
-   * @description Aria accessible name in Font View of the Sources panel
+   * @description Accessible name for the font preview in the font view of the Sources panel.
    * @example {https://example.com} PH1
    */
   previewOfFontFromS: 'Preview of font from {PH1}',

package/front_end/ui/legacy/components/source_frame/ImageView.ts

@@ -45,46 +45,46 @@ import imageViewStyles from './imageView.css.js';
 
 const UIStrings = {
   /**
-   * @description Text in Image View of the Sources panel
+   * @description Title of the image view tab in the Sources panel.
    */
   image: 'Image',
   /**
-   * @description Text that appears when user drag and drop something (for example, a file) in Image View of the Sources panel
+   * @description Drop target message shown when dragging a file into the image view of the Sources panel.
    */
   dropImageFileHere: 'Drop image file here',
   /**
-   * @description Text to indicate the source of an image
-   * @example {example.com} PH1
+   * @description Alt text for the image preview in the image view of the Sources panel.
+   * @example {https://example.com} PH1
    */
   imageFromS: 'Image from {PH1}',
   /**
-   * @description Text in Image View of the Sources panel
-   * @example {2} PH1
-   * @example {2} PH2
+   * @description Dimensions label in the toolbar of the image view showing width and height in pixels.
+   * @example {200} PH1
+   * @example {100} PH2
    */
   dD: '{PH1} × {PH2}',
   /**
-   * @description A context menu item in the Image View of the Sources panel
+   * @description Context menu item in the image view of the Sources panel to copy the image URL.
    */
   copyImageUrl: 'Copy image URL',
   /**
-   * @description A context menu item in the Image View of the Sources panel
+   * @description Context menu item in the image view of the Sources panel to copy the image as a data URI.
    */
   copyImageAsDataUri: 'Copy image as data URI',
   /**
-   * @description A context menu item in the Image View of the Sources panel
+   * @description Context menu item in the image view of the Sources panel to open the image in a new tab.
    */
   openImageInNewTab: 'Open image in new tab',
   /**
-   * @description A context menu item in the Image Preview
+   * @description Context menu item in the image view of the Sources panel to save the image.
    */
   saveImageAs: 'Save image as…',
   /**
-   * @description The default file name when downloading a file
+   * @description Default file name used when saving an image with a data URI.
    */
   download: 'download',
   /**
-   * @description Text indicating an image is too large to display and offering to open it in a new tab
+   * @description Link text shown in the image view of the Sources panel when an image is too large to display.
    */
   thisImageIsTooBig: 'This image is too big to display in DevTools. Click here to open it in a new tab.',
 } as const;

package/front_end/ui/legacy/components/source_frame/JSONView.ts

@@ -14,7 +14,7 @@ import jsonViewStyles from './jsonView.css.js';
 
 const UIStrings = {
   /**
-   * @description Text to find an item
+   * @description Placeholder text for the search input in the json view.
    */
   find: 'Find',
 } as const;

package/front_end/ui/legacy/components/source_frame/PreviewFactory.ts

@@ -16,11 +16,11 @@ import {XMLView} from './XMLView.js';
 
 const UIStrings = {
   /**
-   * @description Text in Preview Factory of the Sources panel if the data to preview can't be shown due to an error
+   * @description Text shown in the empty widget when data fails to load in the preview factory of the Sources panel.
    */
   failedToLoadData: 'Failed to load data',
   /**
-   * @description Text in Preview Factory of the Sources panel if there's no data to preview
+   * @description Text shown in the empty widget when there is no content to preview in the preview factory of the Sources panel.
    */
   nothingToPreview: 'Nothing to preview',
 } as const;

package/front_end/ui/legacy/components/source_frame/ResourceSourceFrame.ts

@@ -46,7 +46,7 @@ import {type RevealPosition, SourceFrameImpl, type SourceFrameOptions} from './S
 
 const UIStrings = {
   /**
-   * @description Text to find an item
+   * @description Placeholder text for the search input in the resource source frame.
    */
   find: 'Find',
 } as const;

package/front_end/ui/legacy/components/source_frame/SourceFrame.ts

@@ -20,62 +20,60 @@ import * as UI from '../../legacy.js';
 
 const UIStrings = {
   /**
-   * @description Text for the source of something
+   * @description Title of the source frame view tab.
    */
   source: 'Source',
   /**
-   * @description Text to pretty print a file
+   * @description Tooltip text for the pretty print button in the toolbar.
    */
   prettyPrint: 'Pretty print',
   /**
-   * @description Text when something is loading
+   * @description Tooltip text for the progress indicator while content is loading in the source frame.
    */
   loading: 'Loading…',
   /**
-   * @description Text when a file is currently being pretty printed/formatted in the editor
+   * @description Placeholder text shown in the editor while formatting content.
    */
   formatting: 'Formatting…',
   /**
-   * @description Shown at the bottom of the Sources panel when the user has made multiple
-   * simultaneous text selections in the text editor.
+   * @description Status bar text in the source frame showing the number of active selection regions.
    * @example {2} PH1
    */
   dSelectionRegions: '{PH1} selection regions',
   /**
-   * @description Position indicator in Source Frame of the Sources panel. The placeholder is a
-   * hexadecimal number value, which is why it is prefixed with '0x'.
+   * @description Status bar text in the source frame showing the current bytecode offset position. The placeholder is a hexadecimal number value, which is why it is prefixed with '0x'.
    * @example {abc} PH1
    */
   bytecodePositionXs: 'Bytecode position `0x`{PH1}',
   /**
-   * @description Text in Source Frame of the Sources panel
+   * @description Status bar text in the source frame showing the cursor line and column position.
    * @example {2} PH1
    * @example {2} PH2
    */
-  lineSColumnS: 'Line {PH1}, Column {PH2}',
+  lineSColumnS: 'Line {PH1}, column {PH2}',
   /**
-   * @description Text in Source Frame of the Sources panel
+   * @description Status bar text in the source frame showing the number of characters selected.
    * @example {2} PH1
    */
   dCharactersSelected: '{PH1} characters selected',
   /**
-   * @description Text in Source Frame of the Sources panel
+   * @description Status bar text in the source frame showing the number of lines and characters selected.
    * @example {2} PH1
    * @example {2} PH2
    */
   dLinesDCharactersSelected: '{PH1} lines, {PH2} characters selected',
   /**
-   * @description Headline of warning shown to users when pasting text/code into DevTools.
+   * @description Title of warning dialog shown to users when pasting code into DevTools.
    */
   doYouTrustThisCode: 'Do you trust this code?',
   /**
-   * @description Warning shown to users when pasting text/code into DevTools. IMPORTANT: keep double quotes around PH1 and do not use single quotes.
+   * @description Warning message shown to users when pasting code into DevTools. IMPORTANT: keep double quotes around PH1 and do not use single quotes.
    * @example {allow pasting} PH1
    */
   doNotPaste:
-      'Don’t paste code you do not understand or have not reviewed yourself into DevTools. This could allow attackers to steal your identity or take control of your computer. Please type "{PH1}" below to allow pasting.',
+      'Don’t paste code you don’t understand or haven’t reviewed yourself into DevTools. This could allow attackers to steal your identity or take control of your computer. Type "{PH1}" below to allow pasting.',
   /**
-   * @description Text a user needs to type in order to confirm that they are aware of the danger of pasting code into the DevTools console.
+   * @description Text the user needs to type to confirm they want to paste code into DevTools.
    */
   allowPasting: 'allow pasting',
   /**
@@ -84,8 +82,7 @@ const UIStrings = {
    */
   typeAllowPasting: 'Type "{PH1}"',
   /**
-   * @description Error message shown when the user tries to open a file that contains non-readable data. "Editor" refers to
-   * a text editor.
+   * @description Error message shown in the text editor when binary data cannot be displayed.
    */
   binaryContentError:
       'Editor can’t show binary data. Use the Response tab in the Network panel to inspect this resource.',

package/front_end/ui/legacy/components/source_frame/XMLView.ts

@@ -15,7 +15,7 @@ import xmlViewStyles from './xmlView.css.js';
 
 const UIStrings = {
   /**
-   * @description Text to find an item
+   * @description Placeholder text for the search input in the xml view.
    */
   find: 'Find',
 } as const;