chrome-devtools-frontend 1.0.1657110 → 1.0.1660788

package/front_end/models/extensions/LanguageExtensionEndpoint.ts

@@ -5,23 +5,25 @@
 import type {Chrome} from '../../../extension-api/ExtensionAPI.js';
 import type * as Platform from '../../core/platform/platform.js';
 import type * as SDK from '../../core/sdk/sdk.js';
-import * as Bindings from '../bindings/bindings.js';
+import type * as Bindings from '../bindings/bindings.js';
 
 import {PrivateAPI} from './ExtensionAPI.js';
 import {ExtensionEndpoint} from './ExtensionEndpoint.js';
 
 class LanguageExtensionEndpointImpl extends ExtensionEndpoint {
   private plugin: LanguageExtensionEndpoint;
-  constructor(plugin: LanguageExtensionEndpoint, port: MessagePort) {
+  #pluginManager: Bindings.DebuggerLanguagePlugins.DebuggerLanguagePluginManager;
+  constructor(plugin: LanguageExtensionEndpoint, port: MessagePort,
+              pluginManager: Bindings.DebuggerLanguagePlugins.DebuggerLanguagePluginManager) {
     super(port);
     this.plugin = plugin;
+    this.#pluginManager = pluginManager;
   }
   protected override handleEvent({event}: {event: string}): void {
     switch (event) {
       case PrivateAPI.LanguageExtensionPluginEvents.UnregisteredLanguageExtensionPlugin: {
         this.disconnect();
-        const {pluginManager} = Bindings.DebuggerWorkspaceBinding.DebuggerWorkspaceBinding.instance();
-        pluginManager.removePlugin(this.plugin);
+        this.#pluginManager.removePlugin(this.plugin);
         break;
       }
     }
@@ -39,17 +41,16 @@ export class LanguageExtensionEndpoint implements Bindings.DebuggerLanguagePlugi
   readonly allowFileAccess: boolean;
   readonly name: string;
 
-  constructor(
-      allowFileAccess: boolean, extensionOrigin: string, name: string, supportedScriptTypes: {
-        language: string,
-        // eslint-disable-next-line @typescript-eslint/naming-convention
-        symbol_types: string[],
-      },
-      port: MessagePort) {
+  constructor(allowFileAccess: boolean, extensionOrigin: string, name: string, supportedScriptTypes: {
+    language: string,
+    // eslint-disable-next-line @typescript-eslint/naming-convention
+    symbol_types: string[],
+  },
+              port: MessagePort, pluginManager: Bindings.DebuggerLanguagePlugins.DebuggerLanguagePluginManager) {
     this.name = name;
     this.extensionOrigin = extensionOrigin;
     this.supportedScriptTypes = supportedScriptTypes;
-    this.endpoint = new LanguageExtensionEndpointImpl(this, port);
+    this.endpoint = new LanguageExtensionEndpointImpl(this, port, pluginManager);
     this.allowFileAccess = allowFileAccess;
   }
 

package/front_end/models/issues_manager/BounceTrackingIssue.ts

@@ -11,7 +11,7 @@ import type {MarkdownIssueDescription} from './MarkdownIssueDescription.js';
 
 const UIStrings = {
   /**
-   * @description Title for Bounce Tracking Mitigation explainer url link.
+   * @description Title for Bounce Tracking Mitigation explainer URL link.
    */
   bounceTrackingMitigations: 'Bounce tracking mitigations',
 } as const;

package/front_end/models/issues_manager/ClientHintIssue.ts

@@ -15,7 +15,7 @@ import {
 
 const UIStrings = {
   /**
-   * @description Title for Client Hint specification url link
+   * @description Title for Client Hint specification URL link.
    */
   clientHintsInfrastructure: 'Client Hints Infrastructure',
 } as const;

package/front_end/models/issues_manager/ConnectionAllowlistIssue.ts

@@ -15,7 +15,7 @@ import {
 
 const UIStrings = {
   /**
-   *@description Title for Connection-Allowlist specification url
+   * @description Title for Connection-Allowlist specification URL.
    */
   connectionAllowlistHeader: 'Connection-Allowlist specification',
 } as const;

package/front_end/models/issues_manager/ContentSecurityPolicyIssue.ts

@@ -15,23 +15,23 @@ import {
 
 const UIStrings = {
   /**
-   * @description Title for CSP url link
+   * @description Title for CSP URL link.
    */
-  contentSecurityPolicySource: 'Content Security Policy - Source Allowlists',
+  contentSecurityPolicySource: 'Content Security Policy - Source allowlists',
   /**
-   * @description Title for CSP inline issue link
+   * @description Title for CSP inline issue link.
    */
-  contentSecurityPolicyInlineCode: 'Content Security Policy - Inline Code',
+  contentSecurityPolicyInlineCode: 'Content Security Policy - Inline code',
   /**
-   * @description Title for the CSP eval link
+   * @description Title for the CSP eval link.
    */
   contentSecurityPolicyEval: 'Content Security Policy - Eval',
   /**
-   * @description Title for Trusted Types policy violation issue link. https://developer.mozilla.org/en-US/docs/Web/API/Trusted_Types_API
+   * @description Title for Trusted Types policy violation issue link (https://developer.mozilla.org/en-US/docs/Web/API/Trusted_Types_API).
    */
   trustedTypesFixViolations: 'Trusted Types - Fix violations',
   /**
-   * @description Title for Trusted Types policy violation issue link. https://developer.mozilla.org/en-US/docs/Web/API/Trusted_Types_API
+   * @description Title for Trusted Types policy violation issue link (https://developer.mozilla.org/en-US/docs/Web/API/Trusted_Types_API).
    */
   trustedTypesPolicyViolation: 'Trusted Types - Policy violation',
 } as const;

package/front_end/models/issues_manager/CookieDeprecationMetadataIssue.ts

@@ -11,9 +11,9 @@ import type {MarkdownIssueDescription} from './MarkdownIssueDescription.js';
 
 const UIStrings = {
   /**
-   * @description Label for a link for third-party cookie Issues.
+   * @description Label for a link for third-party cookie issues.
    */
-  thirdPartyPhaseoutExplained: 'Changes to Chrome\'s treatment of third-party cookies',
+  thirdPartyPhaseoutExplained: 'Changes to Chrome’s treatment of third-party cookies',
 } as const;
 const str_ = i18n.i18n.registerUIStrings('models/issues_manager/CookieDeprecationMetadataIssue.ts', UIStrings);
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);

package/front_end/models/issues_manager/CookieIssue.ts

@@ -18,22 +18,21 @@ import {
 
 const UIStrings = {
   /**
-   * @description Label for the link for SameSiteCookies Issues
+   * @description Label for the link for SameSite cookie issues.
    */
   samesiteCookiesExplained: 'SameSite cookies explained',
   /**
-   * @description Label for the link for Schemeful Same-Site Issues
+   * @description Label for the link for Schemeful Same-Site issues.
    */
-  howSchemefulSamesiteWorks: 'How Schemeful Same-Site Works',
+  howSchemefulSamesiteWorks: 'How Schemeful Same-Site works',
   /**
-   * @description Label for a link for cross-site redirect Issues.
+   * @description Label for a link for cross-site redirect issues.
    */
   fileCrosSiteRedirectBug: 'File a bug',
   /**
-   * @description text to show in Console panel when a third-party cookie is blocked in Chrome.
+   * @description Text to show in Console panel when a third-party cookie is blocked in Chrome.
    */
-  consoleTpcdErrorMessage:
-      'Third-party cookie is blocked in Chrome either because of Chrome flags or browser configuration.',
+  consoleTpcdErrorMessage: 'Third-party cookie blocked in Chrome due to Chrome flags or browser settings.',
 
 } as const;
 const str_ = i18n.i18n.registerUIStrings('models/issues_manager/CookieIssue.ts', UIStrings);

package/front_end/models/issues_manager/CorsIssue.ts

@@ -11,13 +11,13 @@ import type {MarkdownIssueDescription} from './MarkdownIssueDescription.js';
 
 const UIStrings = {
   /**
-   * @description Label for the link for CORS Local Network Access issues
+   * @description Label for the link for CORS Local Network Access issues.
    */
   corsLocalNetworkAccess: 'Local Network Access',
   /**
-   * @description Label for the link for CORS network issues
+   * @description Label for the link for CORS network issues.
    */
-  CORS: 'Cross-Origin Resource Sharing (`CORS`)',
+  CORS: 'Cross-Origin Resource Sharing (CORS)',
 } as const;
 const str_ = i18n.i18n.registerUIStrings('models/issues_manager/CorsIssue.ts', UIStrings);
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);

package/front_end/models/issues_manager/CrossOriginEmbedderPolicyIssue.ts

@@ -15,11 +15,11 @@ import {
 
 const UIStrings = {
   /**
-   * @description Link text for a link to external documentation
+   * @description Link text for a link to external documentation.
    */
   coopAndCoep: 'COOP and COEP',
   /**
-   * @description Title for an external link to more information in the issues view
+   * @description Title for an external link to more information in the Issues view.
    */
   samesiteAndSameorigin: 'Same-Site and Same-Origin',
 } as const;

package/front_end/models/issues_manager/DeprecationIssue.ts

@@ -12,16 +12,16 @@ import {type MarkdownIssueDescription, resolveLazyDescription} from './MarkdownI
 
 const UIStrings = {
   /**
-   * @description This links to the chrome feature status page when one exists.
+   * @description This links to the Chrome feature status page when one exists.
    */
   feature: 'Check the feature status page for more details.',
   /**
-   * @description This links to the chromium dash schedule when a milestone is set.
+   * @description This links to the Chromium Dash schedule when a milestone is set.
    * @example {100} milestone
    */
   milestone: 'This change will go into effect with milestone {milestone}.',
   /**
-   * @description Title of issue raised when a deprecated feature is used
+   * @description Title of issue raised when a deprecated feature is used.
    */
   title: 'Deprecated feature used',
 } as const;

package/front_end/models/issues_manager/EmailVerificationRequestIssue.ts

@@ -15,7 +15,7 @@ import {
 
 const UIStrings = {
   /**
-   * @description Title for Email Verification Protocol specification url link
+   * @description Title for Email Verification Protocol specification URL link.
    */
   emailVerification: 'Email Verification Protocol',
 } as const;

package/front_end/models/issues_manager/FederatedAuthRequestIssue.ts

@@ -15,7 +15,7 @@ import {
 
 const UIStrings = {
   /**
-   * @description Title for Client Hint specification url link
+   * @description Title for Federated Credential Management API specification URL link.
    */
   fedCm: 'Federated Credential Management API',
 } as const;

package/front_end/models/issues_manager/FederatedAuthUserInfoRequestIssue.ts

@@ -15,7 +15,7 @@ import {
 
 const UIStrings = {
   /**
-   * @description Title for Client Hint specification url link
+   * @description Title for Federated Credential Management User Info API specification URL link.
    */
   fedCmUserInfo: 'Federated Credential Management User Info API',
 } as const;

package/front_end/models/issues_manager/GenericIssue.ts

@@ -15,37 +15,37 @@ import {
 
 const UIStrings = {
   /**
-   * @description title for autofill documentation page
+   * @description Title for autofill documentation page.
    */
   howDoesAutofillWorkPageTitle: 'How does autofill work?',
 
   /**
-   * @description title for label form elements usage example page
+   * @description Title for label form elements usage example page.
    */
   labelFormlementsPageTitle: 'The label elements',
 
   /**
-   * @description title for input form elements usage example page
+   * @description Title for input form elements usage example page.
    */
   inputFormElementPageTitle: 'The form input element',
 
   /**
-   * @description title for autocomplete attribute documentation page.
+   * @description Title for autocomplete attribute documentation page.
    */
   autocompleteAttributePageTitle: 'HTML attribute: autocomplete',
 
   /**
-   * @description title for CORB explainer.
+   * @description Title for CORB explainer.
    */
   corbExplainerPageTitle: 'CORB explainer',
 
   /**
-   * @description title for history intervention documentation page.
+   * @description Title for history intervention documentation page.
    */
   historyManipulationInterventionPageTitle: 'History manipulation intervention explainer',
 
   /**
-   * @description title for back-to-ad intervention documentation page.
+   * @description Title for back-to-ad intervention documentation page.
    */
   backToAdInterventionPageTitle: 'Back-to-ad intervention explainer',
 } as const;

package/front_end/models/issues_manager/HeavyAdIssue.ts

@@ -11,9 +11,9 @@ import type {MarkdownIssueDescription} from './MarkdownIssueDescription.js';
 
 const UIStrings = {
   /**
-   * @description Title for a learn more link in Heavy Ads issue description
+   * @description Title for a learn more link in heavy ads issue description.
    */
-  handlingHeavyAdInterventions: 'Handling Heavy Ad Interventions',
+  handlingHeavyAdInterventions: 'Handling heavy ad interventions',
 } as const;
 const str_ = i18n.i18n.registerUIStrings('models/issues_manager/HeavyAdIssue.ts', UIStrings);
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
@@ -57,7 +57,7 @@ export class HeavyAdIssue extends Issue<Protocol.Audits.HeavyAdIssueDetails> {
       issuesModel: SDK.IssuesModel.IssuesModel|null, inspectorIssue: Protocol.Audits.InspectorIssue): HeavyAdIssue[] {
     const heavyAdIssueDetails = inspectorIssue.details.heavyAdIssueDetails;
     if (!heavyAdIssueDetails) {
-      console.warn('Heavy Ad issue without details received.');
+      console.warn('Heavy ad issue without details received.');
       return [];
     }
     return [new HeavyAdIssue(heavyAdIssueDetails, issuesModel)];

package/front_end/models/issues_manager/Issue.ts

@@ -13,27 +13,27 @@ import type {MarkdownIssueDescription} from './MarkdownIssueDescription.js';
 
 const UIStrings = {
   /**
-   * @description The kind of an issue (plural) (Issues are categorized into kinds).
+   * @description The kind of an issue (plural, issues are categorized into kinds).
    */
   improvements: 'Improvements',
   /**
-   * @description The kind of an issue (plural) (Issues are categorized into kinds).
+   * @description The kind of an issue (plural, issues are categorized into kinds).
    */
-  pageErrors: 'Page Errors',
+  pageErrors: 'Page errors',
   /**
-   * @description The kind of an issue (plural) (Issues are categorized into kinds).
+   * @description The kind of an issue (plural, issues are categorized into kinds).
    */
-  breakingChanges: 'Breaking Changes',
+  breakingChanges: 'Breaking changes',
   /**
-   * @description A description for a kind of issue we display in the issues tab.
+   * @description A description for a kind of issue we display in the Issues tab.
    */
   pageErrorIssue: 'A page error issue: the page is not working correctly',
   /**
-   * @description A description for a kind of issue we display in the issues tab.
+   * @description A description for a kind of issue we display in the Issues tab.
    */
   breakingChangeIssue: 'A breaking change issue: the page may stop working in an upcoming version of Chrome',
   /**
-   * @description A description for a kind of issue we display in the issues tab.
+   * @description A description for a kind of issue we display in the Issues tab.
    */
   improvementIssue: 'An improvement issue: there is an opportunity to improve the page',
 } as const;

package/front_end/models/issues_manager/MixedContentIssue.ts

@@ -11,7 +11,7 @@ import type {MarkdownIssueDescription} from './MarkdownIssueDescription.js';
 
 const UIStrings = {
   /**
-   * @description Label for the link for Mixed Content Issues
+   * @description Label for the link for mixed content issues.
    */
   preventingMixedContent: 'Preventing mixed content',
 } as const;

package/front_end/models/issues_manager/PartitioningBlobURLIssue.ts

@@ -11,13 +11,13 @@ import type {MarkdownIssueDescription} from './MarkdownIssueDescription.js';
 
 const UIStrings = {
   /**
-   * @description Title for Partitioning BlobURL explainer url link.
+   * @description Title for Partitioning BlobURL explainer URL link.
    */
   partitioningBlobURL: 'Partitioning BlobURL',
   /**
-   * @description Title for Chrome Status Entry url link.
+   * @description Title for Chrome Status entry URL link.
    */
-  chromeStatusEntry: 'Chrome Status Entry'
+  chromeStatusEntry: 'Chrome Status entry'
 } as const;
 
 const str_ = i18n.i18n.registerUIStrings('models/issues_manager/PartitioningBlobURLIssue.ts', UIStrings);

package/front_end/models/issues_manager/QuirksModeIssue.ts

@@ -11,7 +11,7 @@ import type {MarkdownIssueDescription} from './MarkdownIssueDescription.js';
 
 const UIStrings = {
   /**
-   * @description Link title for the Quirks Mode issue in the Issues panel
+   * @description Link title for the Quirks Mode issue in the Issues panel.
    */
   documentCompatibilityMode: 'Document compatibility mode',
 } as const;

package/front_end/models/issues_manager/SRIMessageSignatureIssue.ts

@@ -15,11 +15,11 @@ import {
 
 const UIStrings = {
   /**
-   * @description Title for HTTP Message Signatures specification url
+   * @description Title for HTTP Message Signatures specification URL.
    */
   httpMessageSignatures: 'HTTP Message Signatures (RFC9421)',
   /**
-   * @description Title for Signature-based Integrity specification url
+   * @description Title for Signature-based Integrity specification URL.
    */
   signatureBasedIntegrity: 'Signature-based Integrity',
 } as const;

package/front_end/models/issues_manager/SelectivePermissionsInterventionIssue.ts

@@ -11,9 +11,9 @@ import type {MarkdownIssueDescription} from './MarkdownIssueDescription.js';
 
 const UIStrings = {
   /**
-   * @description Title for a learn more link in Selective Permissions Intervention issue description
+   * @description Title for a learn more link in selective permissions intervention issue description.
    */
-  selectivePermissionsIntervention: 'Selective Permissions Intervention',
+  selectivePermissionsIntervention: 'Selective permissions intervention',
 } as const;
 const str_ = i18n.i18n.registerUIStrings('models/issues_manager/SelectivePermissionsInterventionIssue.ts', UIStrings);
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);

package/front_end/models/issues_manager/SharedArrayBufferIssue.ts

@@ -11,10 +11,10 @@ import type {MarkdownIssueDescription} from './MarkdownIssueDescription.js';
 
 const UIStrings = {
   /**
-   * @description Label for the link for SharedArrayBuffer Issues. The full text reads "Enabling `SharedArrayBuffer`"
+   * @description Label for the link for SharedArrayBuffer issues. The full text reads "Enabling SharedArrayBuffer"
    * and is the title of an article that describes how to enable a JavaScript feature called SharedArrayBuffer.
    */
-  enablingSharedArrayBuffer: 'Enabling `SharedArrayBuffer`',
+  enablingSharedArrayBuffer: 'Enabling SharedArrayBuffer',
 } as const;
 const str_ = i18n.i18n.registerUIStrings('models/issues_manager/SharedArrayBufferIssue.ts', UIStrings);
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);

package/front_end/models/issues_manager/SharedDictionaryIssue.ts

@@ -15,7 +15,7 @@ import {
 
 const UIStrings = {
   /**
-   * @description Title for Compression Dictionary Transport specification url link
+   * @description Title for Compression Dictionary Transport specification URL link.
    */
   compressionDictionaryTransport: 'Compression Dictionary Transport',
 } as const;

package/front_end/models/issues_manager/UnencodedDigestIssue.ts

@@ -15,13 +15,13 @@ import {
 
 const UIStrings = {
   /**
-   *@description Title for HTTP Unencoded Digest specification url
+   * @description Title for HTTP Unencoded Digest specification URL.
    */
   unencodedDigestHeader: 'HTTP Unencoded Digest specification',
   /**
-   *@description Title for the URL of the integration of unencoded-digest and SRI.
+   * @description Title for the URL of the integration of unencoded-digest and SRI.
    */
-  integrityIntegration: 'Server-Initiated Integrity Checks',
+  integrityIntegration: 'Server-initiated integrity checks',
 } as const;
 const str_ = i18n.i18n.registerUIStrings('models/issues_manager/UnencodedDigestIssue.ts', UIStrings);
 const i18nLazyString = i18n.i18n.getLazilyComputedLocalizedString.bind(undefined, str_);

package/front_end/models/javascript_metadata/NativeFunctions.js

@@ -8386,6 +8386,10 @@ export const NativeFunctions = [
     name: "getTypeMapping",
     signatures: [["?ns"]]
   },
+  {
+    name: "markConditional",
+    signatures: [["markName"]]
+  },
   {
     name: "PerformanceMark",
     signatures: [["markName","?markOptions"]]
@@ -8448,7 +8452,7 @@ export const NativeFunctions = [
   },
   {
     name: "executeTool",
-    signatures: [["tool","input_arguments","?options"]]
+    signatures: [["tool","inputArguments","?options"]]
   },
   {
     name: "TaskController",

package/front_end/models/stack_trace/StackTraceModel.ts

@@ -38,9 +38,9 @@ export class StackTraceModel extends SDK.SDKModel.SDKModel<unknown> {
   readonly #trie = new Trie();
   readonly #mutex = new Common.Mutex.Mutex();
 
-  /** @returns the {@link StackTraceModel} for the target, or the model for the primaryPageTarget when passing null/undefined */
+  /** @returns the {@link StackTraceModel} for the target. Throws if the target or its model cannot be found. */
   static #modelForTarget(target: SDK.Target.Target|null|undefined): StackTraceModel {
-    const model = (target ?? SDK.TargetManager.TargetManager.instance().primaryPageTarget())?.model(StackTraceModel);
+    const model = target?.model(StackTraceModel);
     if (!model) {
       throw new Error('Unable to find StackTraceModel');
     }
@@ -161,7 +161,7 @@ export class StackTraceModel extends SDK.SDKModel.SDKModel<unknown> {
           // Skip empty async fragments, they don't add value.
           continue;
         }
-        const model = StackTraceModel.#modelForTarget(target);
+        const model = StackTraceModel.#modelForTarget(target ?? this.target().targetManager().primaryPageTarget());
         const targetDebuggerModel = target.model(SDK.DebuggerModel.DebuggerModel);
         const asyncFrames = asyncStackTrace.callFrames.map((frame): RawFrame => {
           const isWasm = targetDebuggerModel?.isWasm(frame.scriptId) ?? false;

package/front_end/models/text_utils/ContentData.ts

@@ -59,6 +59,33 @@ export class ContentData {
     }
   }
 
+  static async fromCompressedBase64(data: string, mimeType: string, charset?: string,
+                                    contentEncoding?: string): Promise<ContentData> {
+    const normalizedEncoding = contentEncoding?.toLowerCase();
+    if (!normalizedEncoding) {
+      return new ContentData(data, true, mimeType, charset);
+    }
+
+    let contentAsBase64 = data;
+    try {
+      const bytes = Common.Base64.decode(data);
+      let decompressed: ArrayBuffer|null = null;
+      if (normalizedEncoding.includes('gzip') && Common.Gzip.isGzip(bytes.buffer)) {
+        decompressed = await Common.Gzip.decompressToBuffer(bytes.buffer);
+      } else if (normalizedEncoding.includes('deflate')) {
+        decompressed = await Common.Gzip.decompressDeflateToBuffer(bytes.buffer);
+      }
+
+      if (decompressed) {
+        contentAsBase64 = await Common.Base64.encode(decompressed);
+      }
+    } catch (e) {
+      console.warn('Failed to decompress base64 content data:', e);
+    }
+
+    return new ContentData(contentAsBase64, true, mimeType, charset);
+  }
+
   /**
    * Returns the data as base64.
    *

package/front_end/models/trace/helpers/SamplesIntegrator.ts

@@ -72,9 +72,13 @@ export class SamplesIntegrator {
   #lockedJsStackDepth: number[] = [];
   /**
    * Used to keep track when samples should be integrated even if they
-   * are not children of invocation trace events. This is useful in
-   * cases where we can be missing the start of JS invocation events if
-   * we start tracing half-way through.
+   * are not children of invocation trace events. This is used in two cases:
+   * 1. We start tracing half-way through, so we miss the start of JS
+   *    invocation events.
+   * 2. On threads (like Web Workers) without real JS invocation parent events,
+   *    but where trace events (like SchedulePostMessage) integrate stack traces.
+   *    Enabling fake JS mode allows subsequent samples to be processed and
+   *    eventually correct the stack, preventing a deadlock.
    */
   #fakeJSInvocation = false;
   /**
@@ -153,7 +157,7 @@ export class SamplesIntegrator {
         this.#onProfileCall(event, parentEvent);
         continue;
       }
-      this.#onTraceEventStart(event);
+      this.#onTraceEventStart(event, parentEvent);
       stack.push(event);
     }
     while (stack.length) {
@@ -166,7 +170,7 @@ export class SamplesIntegrator {
     return this.#constructedProfileCalls;
   }
 
-  #onTraceEventStart(event: Types.Events.Event): void {
+  #onTraceEventStart(event: Types.Events.Event, parent?: Types.Events.Event): void {
     // Top level events cannot be nested into JS frames so we reset
     // the stack when we find one.
     if (event.name === Types.Events.Name.RUN_MICROTASKS || event.name === Types.Events.Name.RUN_TASK) {
@@ -180,6 +184,18 @@ export class SamplesIntegrator {
       this.#fakeJSInvocation = false;
     }
     this.#extractStackTrace(event);
+    if (extractSampleTraceId(event)) {
+      const hasJSInvocationParent = parent && Types.Events.isJSInvocationEvent(parent);
+      if (!hasJSInvocationParent) {
+        // If the event has a sampleTraceId (meaning it has a stack trace) but
+        // no JS invocation parent, we enter fake JS mode. This ensures that
+        // subsequent samples on this thread are processed, allowing the stack
+        // to be correctly updated/truncated. Without this, subsequent samples
+        // would be ignored because the stack is non-empty but we are not
+        // considered to be in JS.
+        this.#fakeJSInvocation = true;
+      }
+    }
     // Keep track of the call frames in the stack before the event
     // happened. For the duration of this event, these frames cannot
     // change (none can be terminated before this event finishes).