chrome-devtools-frontend 1.0.1563563 → 1.0.1564339

package/AUTHORS

@@ -23,6 +23,7 @@ Ankit Mishra <ankit.mishra131990@gmail.com>
 Anna Agoha <annaagoha@gmail.com>
 Anthony Xie <anthonyxie64@gmail.com>
 Axel Chong <haxatron1@gmail.com>
+Anton Bershanskyi <bershanskyi@gmail.com>
 Biboswan Roy <biboswan98@gmail.com>
 Boris Verkhovskiy <boris.verk@gmail.com>
 Carl Espe <carl@cpespe.com>

package/front_end/core/platform/StringUtilities.ts

@@ -357,27 +357,93 @@ export const compare = (a: string, b: string): number => {
   return 0;
 };
 
+/** Returns a string that has no more than maxLength characters. Actual graphemes are used, not bytes. */
 export const trimMiddle = (str: string, maxLength: number): string => {
+  // Early return for the case where there are fewer bytes than the character limit.
   if (str.length <= maxLength) {
-    return String(str);
+    return str;
   }
-  let leftHalf = maxLength >> 1;
-  let rightHalf = maxLength - leftHalf - 1;
-  if ((str.codePointAt(str.length - rightHalf - 1) as number) >= 0x10000) {
-    --rightHalf;
-    ++leftHalf;
+
+  const segmenter = new Intl.Segmenter(undefined, {granularity: 'grapheme'});
+
+  // If the max length is so small it can't fit the ellipsis, just return the ellipsis.
+  const ellipsis = '…';
+  const ellipsisLength = 1;
+  if (maxLength <= ellipsisLength) {
+    return ellipsis;
   }
-  if (leftHalf > 0 && (str.codePointAt(leftHalf - 1) as number) >= 0x10000) {
-    --leftHalf;
+
+  // Calculate how many graphemes to keep on each side.
+  const freeSpace = maxLength - ellipsisLength;
+  const leftCount = Math.ceil(freeSpace / 2);
+  const rightCount = Math.floor(freeSpace / 2);
+
+  let currentGraphemeCount = 0;
+  let leftEndIndex = 0;
+
+  // Sliding Window Buffer
+  // We need to know where the "Right Half" starts. Since we can't iterate backwards,
+  // we keep track of the start index of the last N graphemes we've seen.
+  const rightIndexBuffer: number[] = [];
+
+  // This function would be significantly simpler if we created an array of all the
+  // segments upfront, but could result in poor performance for large input strings.
+  for (const {segment, index} of segmenter.segment(str)) {
+    currentGraphemeCount++;
+
+    // Mark the byte index where the "Left Half" ends
+    if (currentGraphemeCount === leftCount) {
+      leftEndIndex = index + segment.length;
+    }
+
+    // Maintain the buffer for the "Right Half"
+    if (rightCount > 0) {
+      rightIndexBuffer.push(index);
+      if (rightIndexBuffer.length > rightCount) {
+        rightIndexBuffer.shift();  // Remove the oldest index to keep buffer size constant.
+      }
+    }
   }
-  return str.substr(0, leftHalf) + '…' + str.substr(str.length - rightHalf, rightHalf);
+
+  // If the total grapheme count didn't exceed the limit, return the original string.
+  if (currentGraphemeCount <= maxLength) {
+    return str;
+  }
+
+  // The first item in our buffer is exactly 'rightCount' graphemes away from the end.
+  const rightStartIndex = rightCount > 0 ? rightIndexBuffer[0] : str.length;
+  return str.slice(0, leftEndIndex) + ellipsis + str.slice(rightStartIndex);
 };
 
+/** Returns a string that has no more than maxLength characters. Actual graphemes are used, not bytes. */
 export const trimEndWithMaxLength = (str: string, maxLength: number): string => {
+  // Early return for the case where there are fewer bytes than the character limit.
   if (str.length <= maxLength) {
-    return String(str);
+    return str;
   }
-  return str.substr(0, maxLength - 1) + '…';
+
+  const ellipsis = '…';
+  const ellipsisLength = 1;
+  const segmenter = new Intl.Segmenter(undefined, {granularity: 'grapheme'});
+  const iterator = segmenter.segment(str)[Symbol.iterator]();
+
+  let lastSegmentIndex = 0;
+  for (let i = 0; i <= maxLength - ellipsisLength; i++) {
+    const result = iterator.next();
+    if (result.done) {
+      return str;
+    }
+
+    lastSegmentIndex = result.value.index;
+  }
+
+  for (let i = 0; i < ellipsisLength; i++) {
+    if (iterator.next().done) {
+      return str;
+    }
+  }
+
+  return str.slice(0, lastSegmentIndex) + ellipsis;
 };
 
 export const escapeForRegExp = (str: string): string => {

package/front_end/core/sdk/NetworkRequest.ts

@@ -78,10 +78,6 @@ const UIStrings = {
    * @description Tooltip to explain why a cookie was blocked due to Schemeful Same-Site
    */
   schemefulSameSiteUnspecifiedTreatedAsLax: 'This cookie didn\'t specify a "`SameSite`" attribute when it was stored, was defaulted to "`SameSite=Lax"`, and was blocked because the request was cross-site and was not initiated by a top-level navigation. This request is considered cross-site because the URL has a different scheme than the current site.',
-  /**
-   * @description Tooltip to explain why a cookie was blocked due to SameParty
-   */
-  samePartyFromCrossPartyContext: 'This cookie was blocked because it had the "`SameParty`" attribute but the request was cross-party. The request was considered cross-party because the domain of the resource\'s URL and the domains of the resource\'s enclosing frames/documents are neither owners nor members in the same First-Party Set.',
   /**
    * @description Tooltip to explain why a cookie was blocked due to exceeding the maximum size
    */
@@ -119,14 +115,6 @@ const UIStrings = {
    * @description Tooltip to explain why a cookie was blocked due to Schemeful Same-Site
    */
   thisSetcookieDidntSpecifyASamesite: 'This `Set-Cookie` header didn\'t specify a "`SameSite`" attribute, was defaulted to "`SameSite=Lax"`, and was blocked because it came from a cross-site response which was not the response to a top-level navigation. This response is considered cross-site because the URL has a different scheme than the current site.',
-  /**
-   * @description Tooltip to explain why a cookie was blocked due to SameParty
-   */
-  thisSetcookieWasBlockedBecauseItHadTheSameparty: 'This attempt to set a cookie via a `Set-Cookie` header was blocked because it had the "`SameParty`" attribute but the request was cross-party. The request was considered cross-party because the domain of the resource\'s URL and the domains of the resource\'s enclosing frames/documents are neither owners nor members in the same First-Party Set.',
-  /**
-   * @description Tooltip to explain why a cookie was blocked due to SameParty
-   */
-  thisSetcookieWasBlockedBecauseItHadTheSamepartyAttribute: 'This attempt to set a cookie via a `Set-Cookie` header was blocked because it had the "`SameParty`" attribute but also had other conflicting attributes. Chrome requires cookies that use the "`SameParty`" attribute to also have the "Secure" attribute, and to not be restricted to "`SameSite=Strict`".',
   /**
    * @description Tooltip to explain why an attempt to set a cookie via a `Set-Cookie` HTTP header on a request's response was blocked.
    */
@@ -1995,8 +1983,6 @@ export const cookieBlockedReasonToUiString = function(
       return i18nString(UIStrings.schemefulSameSiteLax);
     case Protocol.Network.CookieBlockedReason.SchemefulSameSiteUnspecifiedTreatedAsLax:
       return i18nString(UIStrings.schemefulSameSiteUnspecifiedTreatedAsLax);
-    case Protocol.Network.CookieBlockedReason.SamePartyFromCrossPartyContext:
-      return i18nString(UIStrings.samePartyFromCrossPartyContext);
     case Protocol.Network.CookieBlockedReason.NameValuePairExceedsMaxSize:
       return i18nString(UIStrings.nameValuePairExceedsMaxSize);
     case Protocol.Network.CookieBlockedReason.ThirdPartyPhaseout:
@@ -2049,14 +2035,6 @@ export const setCookieBlockedReasonToUiString = function(
       );
     case Protocol.Network.SetCookieBlockedReason.SchemefulSameSiteUnspecifiedTreatedAsLax:
       return i18nString(UIStrings.thisSetcookieDidntSpecifyASamesite);
-    case Protocol.Network.SetCookieBlockedReason.SamePartyFromCrossPartyContext:
-      return i18nString(
-          UIStrings.thisSetcookieWasBlockedBecauseItHadTheSameparty,
-      );
-    case Protocol.Network.SetCookieBlockedReason.SamePartyConflictsWithOtherAttributes:
-      return i18nString(
-          UIStrings.thisSetcookieWasBlockedBecauseItHadTheSamepartyAttribute,
-      );
     case Protocol.Network.SetCookieBlockedReason.NameValuePairExceedsMaxSize:
       return i18nString(
           UIStrings.thisSetcookieWasBlockedBecauseTheNameValuePairExceedsMaxSize,
@@ -2087,7 +2065,6 @@ export const cookieBlockedReasonToAttribute = function(
     case Protocol.Network.CookieBlockedReason.SchemefulSameSiteLax:
     case Protocol.Network.CookieBlockedReason.SchemefulSameSiteUnspecifiedTreatedAsLax:
       return Attribute.SAME_SITE;
-    case Protocol.Network.CookieBlockedReason.SamePartyFromCrossPartyContext:
     case Protocol.Network.CookieBlockedReason.NameValuePairExceedsMaxSize:
     case Protocol.Network.CookieBlockedReason.UserPreferences:
     case Protocol.Network.CookieBlockedReason.ThirdPartyPhaseout:
@@ -2116,8 +2093,6 @@ export const setCookieBlockedReasonToAttribute = function(
       return Attribute.DOMAIN;
     case Protocol.Network.SetCookieBlockedReason.InvalidPrefix:
       return Attribute.NAME;
-    case Protocol.Network.SetCookieBlockedReason.SamePartyConflictsWithOtherAttributes:
-    case Protocol.Network.SetCookieBlockedReason.SamePartyFromCrossPartyContext:
     case Protocol.Network.SetCookieBlockedReason.NameValuePairExceedsMaxSize:
     case Protocol.Network.SetCookieBlockedReason.UserPreferences:
     case Protocol.Network.SetCookieBlockedReason.ThirdPartyPhaseout:

package/front_end/generated/ARIAProperties.js

@@ -1,4 +1,4 @@
-// Copyright 2025 The Chromium Authors
+// Copyright 2026 The Chromium Authors
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 

package/front_end/generated/Deprecation.ts

@@ -1,4 +1,4 @@
-// Copyright 2025 The Chromium Authors
+// Copyright 2026 The Chromium Authors
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 

package/front_end/generated/SupportedCSSProperties.js

@@ -1,4 +1,4 @@
-// Copyright 2025 The Chromium Authors
+// Copyright 2026 The Chromium Authors
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 

package/front_end/models/issues_manager/CookieIssue.ts

@@ -26,10 +26,6 @@ const UIStrings = {
    * @description Label for the link for Schemeful Same-Site Issues
    */
   howSchemefulSamesiteWorks: 'How Schemeful Same-Site Works',
-  /**
-   * @description Label for a link for SameParty Issues. 'Attribute' refers to a cookie attribute.
-   */
-  firstPartySetsExplained: '`First-Party Sets` and the `SameParty` attribute',
   /**
    * @description Label for a link for cross-site redirect Issues.
    */
@@ -520,22 +516,6 @@ function sameSiteExcludeContextDowngradeSet(isSecure: boolean): LazyMarkdownIssu
   };
 }
 
-const sameSiteInvalidSameParty: LazyMarkdownIssueDescription = {
-  file: 'SameSiteInvalidSameParty.md',
-  links: [{
-    link: 'https://developer.chrome.com/blog/first-party-sets-sameparty/',
-    linkTitle: i18nLazyString(UIStrings.firstPartySetsExplained),
-  }],
-};
-
-const samePartyCrossPartyContextSet: LazyMarkdownIssueDescription = {
-  file: 'SameSiteSamePartyCrossPartyContextSet.md',
-  links: [{
-    link: 'https://developer.chrome.com/blog/first-party-sets-sameparty/',
-    linkTitle: i18nLazyString(UIStrings.firstPartySetsExplained),
-  }],
-};
-
 const attributeValueExceedsMaxSize: LazyMarkdownIssueDescription = {
   file: 'CookieAttributeValueExceedsMaxSize.md',
   links: [],
@@ -608,8 +588,6 @@ const issueDescriptions = new Map<string, LazyMarkdownIssueDescription>([
   ['CookieIssue::ExcludeContextDowngrade::ReadCookie::Insecure', sameSiteExcludeContextDowngradeRead(false)],
   ['CookieIssue::ExcludeContextDowngrade::SetCookie::Secure', sameSiteExcludeContextDowngradeSet(true)],
   ['CookieIssue::ExcludeContextDowngrade::SetCookie::Insecure', sameSiteExcludeContextDowngradeSet(false)],
-  ['CookieIssue::ExcludeInvalidSameParty::SetCookie', sameSiteInvalidSameParty],
-  ['CookieIssue::ExcludeSamePartyCrossPartyContext::SetCookie', samePartyCrossPartyContextSet],
   ['CookieIssue::WarnAttributeValueExceedsMaxSize::ReadCookie', attributeValueExceedsMaxSize],
   ['CookieIssue::WarnAttributeValueExceedsMaxSize::SetCookie', attributeValueExceedsMaxSize],
   ['CookieIssue::WarnDomainNonASCII::ReadCookie', warnDomainNonAscii],

package/front_end/panels/common/ExtensionServer.ts

@@ -1421,7 +1421,11 @@ export class ExtensionServer extends Common.ObjectWrapper.ObjectWrapper<EventTyp
     } else if (!this.extensionEnabled(port)) {
       result = this.status.E_FAILED('Permission denied');
     } else {
-      result = await handler(message, event.target as MessagePort);
+      try {
+        result = await handler(message, event.target as MessagePort);
+      } catch (e) {
+        result = this.status.E_FAILED(e.message);
+      }
     }
 
     if (result && message.requestId) {

package/front_end/panels/console/ConsoleInsightTeaser.ts

@@ -162,8 +162,7 @@ function renderNoModel(input: ViewInput): Lit.TemplateResult {
           lockedString(UIStringsNotTranslate.getHelpForWarning) :
           lockedString(UIStringsNotTranslate.getHelpForError)}
         </h2>
-        <div>You can get quick answers from
-          <x-link
+        <div>You can get quick answers from <x-link
             .jslog=${VisualLogging.link().track({click: true, keydown: 'Enter|Space'}).context('insights-teaser-built-in-ai-documentation')}
             class="link"
             href=${BUILT_IN_AI_DOCUMENTATION}

package/front_end/panels/timeline/TimelineController.ts

@@ -21,6 +21,11 @@ const UIStrings = {
    * @description Text in Timeline Panel of the Performance panel
    */
   initializingTracing: 'Initializing tracing…',
+  /**
+   * @description Text to indicate the progress of a trace. Informs the user that we are currently
+   * creating a performance trace.
+   */
+  tracing: 'Tracing…',
   /**
    * @description Text in Timeline Controller of the Performance panel indicating that the Performance Panel cannot
    * record a performance trace because the type of target (where possible types are page, service worker and shared
@@ -286,6 +291,7 @@ export class TimelineController implements Tracing.TracingManager.TracingManager
     }
 
     if (!options.navigateToUrl) {
+      this.client.recordingStatus(i18nString(UIStrings.tracing));
       return;
     }
 

package/front_end/panels/timeline/TimelinePanel.ts

@@ -211,6 +211,10 @@ const UIStrings = {
    * @description Status text to indicate that exporting the trace has failed
    */
   exportingFailed: 'Exporting the trace failed',
+  /**
+   * @description Text in Timeline Panel of the Performance panel
+   */
+  initializingTracing: 'Initializing tracing…',
   /**
    * @description Text to indicate the progress of a trace. Informs the user that we are currently
    * creating a performance trace.
@@ -1874,6 +1878,7 @@ export class TimelinePanel extends Common.ObjectWrapper.eventMixin<EventTypes, t
       await SDK.TargetManager.TargetManager.instance().suspendAllTargets('performance-timeline');
       await this.cpuProfiler.startRecording();
 
+      this.statusDialog?.updateStatus(i18nString(UIStrings.tracing));
       this.recordingStarted();
     } catch (e) {
       await this.recordingFailed(e.message);
@@ -1928,7 +1933,6 @@ export class TimelinePanel extends Common.ObjectWrapper.eventMixin<EventTypes, t
     console.assert(!this.statusDialog, 'Status pane is already opened.');
     this.setState(State.START_PENDING);
     this.showRecordingStarted();
-
     if (this.#isNode) {
       await this.#startCPUProfilingRecording();
     } else {
@@ -2833,7 +2837,7 @@ export class TimelinePanel extends Common.ObjectWrapper.eventMixin<EventTypes, t
         },
         () => this.stopRecording());
     this.statusDialog.showPane(this.statusPaneContainer);
-    this.statusDialog.updateStatus(i18nString(UIStrings.tracing));
+    this.statusDialog.updateStatus(i18nString(UIStrings.initializingTracing));
     this.statusDialog.updateProgressBar(i18nString(UIStrings.bufferUsage), 0);
   }
 

package/front_end/third_party/chromium/README.chromium

@@ -1,7 +1,7 @@
 Name: Dependencies sourced from the upstream `chromium` repository
 URL: https://chromium.googlesource.com/chromium/src
 Version: N/A
-Revision: e3edb4435f06ac3de39688c44cc50378c47e35e8
+Revision: 20a082853649af2a56eb07f8b915a76b5e00d24a
 Update Mechanism: Manual (https://crbug.com/428069060)
 License: BSD-3-Clause
 License File: LICENSE

package/front_end/third_party/codemirror.next/rebuild.sh

@@ -1,6 +1,6 @@
 npm install
 ../../../node_modules/.bin/tsc -d -t esnext -m esnext --moduleResolution node bundle.ts
-../../../node_modules/rollup/dist/bin/rollup -c
+../../../node_modules/@rollup/wasm-node/dist/bin/rollup -c
 rm -rf node_modules bundle.js bundle.d.ts
 # Because there's a bug in clang causing it to reformat import lists even where formatting is disabled, run it right away
 git cl format --js

package/front_end/third_party/lit/rebuild.sh

@@ -1,6 +1,6 @@
 npm install
 ../../../node_modules/.bin/tsc -d -t esnext -m esnext --moduleResolution node src/*
-../../../node_modules/rollup/dist/bin/rollup -c
+../../../node_modules/@rollup/wasm-node/dist/bin/rollup -c
 rm -rf node_modules src/*.js src/*.d.ts
 # Because there's a bug in clang causing it to reformat import lists even where formatting is disabled, run it right away
 git cl format --js

package/front_end/ui/legacy/treeoutline.css

@@ -299,6 +299,12 @@ ol.tree-outline.tree-variant-navigation:not(.hide-selection-when-blurred) li.sel
   .tree-outline.hide-selection-when-blurred .selected:focus-visible span {
     forced-color-adjust: none;
     color: HighlightText;
+
+    --icon-default: HighlightText;
+
+     &.event-listener-details .text-button {
+      color: HighlightText;
+    }
   }
 
   .tree-outline:not(.hide-selection-when-blurred) li.selected:focus-visible devtools-adorner,

package/package.json

@@ -105,5 +105,5 @@
       "flat-cache": "6.1.12"
     }
   },
-  "version": "1.0.1563563"
+  "version": "1.0.1564339"
 }

package/front_end/models/issues_manager/descriptions/SameSiteInvalidSameParty.md

@@ -1,8 +0,0 @@
-# Mark SameParty cookies as Secure and do not use SameSite=Strict for SameParty cookies
-
-Cookies marked with `SameParty` must also be marked with `Secure`. In addition, cookies marked
-with `SameParty` cannot use `SameSite=Strict`.
-
-Resolve this issue by updating the attributes of the cookie:
-  * Remove `SameParty` if the cookie should only be used by the same site but not the same first-party set
-  * Remove `SameSite=Strict` and specify `Secure` if the cookie should be available to all sites of the same first-party set

package/front_end/models/issues_manager/descriptions/SameSiteSamePartyCrossPartyContextSet.md

@@ -1,10 +0,0 @@
-# Make sure a cookie is using the SameParty attribute correctly
-
-Setting cross-site cookies with the `SameParty` attribute is only possible if
-both domains are a part of the same First-Party Set.
-
-To allow setting cross-site cookies, try one of the following:
-* If the domains satisfy the First-Party Set criteria, add them to the same First-Party Set.
-* If the domains don't satisfy the First-Party Set criteria, remove the `SameParty` attribute and specify `SameSite=None`.
-
-If you don't have the option to do any of the above, cookies are not intended to be set in cross-site contexts.