chrome-devtools-frontend 1.0.1626437 → 1.0.1628368

package/front_end/core/common/VersionController.ts

@@ -17,7 +17,7 @@ export class VersionController {
   static readonly SYNCED_VERSION_SETTING_NAME = 'syncedInspectorVersion';
   static readonly LOCAL_VERSION_SETTING_NAME = 'localInspectorVersion';
 
-  static readonly CURRENT_VERSION = 44;
+  static readonly CURRENT_VERSION = 46;
 
   readonly #settings: Settings;
   readonly #globalVersionSetting: Setting<number>;
@@ -865,6 +865,38 @@ export class VersionController {
     }
   }
 
+  updateVersionFrom44To45(): void {
+    const timelineDebugModeExperimentEnabled =
+        Root.Runtime.experiments.getValueFromStorage('timeline-debug-mode' as Root.ExperimentNames.ExperimentName);
+    if (timelineDebugModeExperimentEnabled !== undefined) {
+      if (this.#settings.syncedStorage.has('timeline-debug-mode')) {
+        return;  // Already migrated
+      }
+      try {
+        const timelineDebugModeSetting = this.#settings.moduleSetting('timeline-debug-mode');
+        timelineDebugModeSetting.set(timelineDebugModeExperimentEnabled);
+      } catch {
+        // If the setting is not registered yet (e.g. in tests), skip.
+      }
+    }
+  }
+
+  updateVersionFrom45To46(): void {
+    const timelineInvalidationTrackingExperimentEnabled = Root.Runtime.experiments.getValueFromStorage(
+        'timeline-invalidation-tracking' as Root.ExperimentNames.ExperimentName);
+    if (timelineInvalidationTrackingExperimentEnabled !== undefined) {
+      if (this.#settings.syncedStorage.has('timeline-invalidation-tracking')) {
+        return;  // Already migrated
+      }
+      try {
+        const timelineInvalidationTrackingSetting = this.#settings.moduleSetting('timeline-invalidation-tracking');
+        timelineInvalidationTrackingSetting.set(timelineInvalidationTrackingExperimentEnabled);
+      } catch {
+        // If the setting is not registered yet (e.g. in tests), skip.
+      }
+    }
+  }
+
   /*
    * Any new migration should be added before this comment.
    *

package/front_end/core/host/UserMetrics.ts

@@ -489,7 +489,14 @@ export enum Action {
   InsightTeaserModelDownloadCompleted = 198,
   AiCodeGenerationError = 199,
   AiCodeGenerationRequestTriggered = 200,
-  MAX_VALUE = 201,
+  AiCodeCompletionRequestTriggeredFromConsole = 201,
+  AiCodeCompletionRequestTriggeredFromSources = 202,
+  AiCodeCompletionRequestTriggeredFromStyles = 203,
+  AiCodeGenerationRequestTriggeredFromConsole = 204,
+  AiCodeGenerationRequestTriggeredFromSources = 205,
+  AiCodeCompletionFreCompletedFromConsole = 206,
+  AiCodeCompletionFreCompletedFromSources = 207,
+  MAX_VALUE = 208,
   /* eslint-enable @typescript-eslint/naming-convention */
 }
 
@@ -519,7 +526,7 @@ export enum PanelCodes {
   'changes.changes' = 23,
   'performance.monitor' = 24,
   'release-note' = 25,
-  'live-heap-profile' = 26,
+
   'sources.quick' = 27,
   'network.blocked-urls' = 28,
   'settings-preferences' = 29,
@@ -669,8 +676,6 @@ export enum KeyboardShortcutAction {
   'inspector-main.focus-debuggee' = 47,
   'inspector-main.hard-reload' = 48,
   'inspector-main.reload' = 49,
-  'live-heap-profile.start-with-reload' = 50,
-  'live-heap-profile.toggle-recording' = 51,
   'main.debug-reload' = 52,
   'main.next-tab' = 53,
   'main.previous-tab' = 54,
@@ -758,12 +763,9 @@ export const enum IssueOpener {
 export enum DevtoolsExperiments {
   /* eslint-disable @typescript-eslint/naming-convention */
   'capture-node-creation-stacks' = 1,
-  'live-heap-profile' = 11,
   'protocol-monitor' = 13,
-  'timeline-invalidation-tracking' = 26,
   'instrumentation-breakpoints' = 61,
   'use-source-map-scopes' = 76,
-  'timeline-debug-mode' = 93,
   'durable-messages' = 110,
   'jpeg-xl' = 111,
   /* eslint-enable @typescript-eslint/naming-convention */
@@ -1142,7 +1144,8 @@ export const enum LighthouseCategoryUsed {
   SEO = 3,
   PWA = 4,
   PUB_ADS = 5,
-  MAX_VALUE = 6,
+  AGENTIC_BROWSING = 6,
+  MAX_VALUE = 7,
 }
 
 export const enum SwatchType {

package/front_end/core/root/ExperimentNames.ts

@@ -5,12 +5,10 @@
 export enum ExperimentName {
   ALL = '*',
   CAPTURE_NODE_CREATION_STACKS = 'capture-node-creation-stacks',
-  LIVE_HEAP_PROFILE = 'live-heap-profile',
+
   PROTOCOL_MONITOR = 'protocol-monitor',
-  TIMELINE_INVALIDATION_TRACKING = 'timeline-invalidation-tracking',
   INSTRUMENTATION_BREAKPOINTS = 'instrumentation-breakpoints',
   USE_SOURCE_MAP_SCOPES = 'use-source-map-scopes',
-  TIMELINE_DEBUG_MODE = 'timeline-debug-mode',
   DURABLE_MESSAGES = 'durable-messages',
   JPEG_XL = 'jpeg-xl',
   // Adding or removing an entry from this enum?

package/front_end/core/sdk/CSSContainerQuery.ts

@@ -15,6 +15,7 @@ export class CSSContainerQuery extends CSSQuery {
   logicalAxes?: Protocol.DOM.LogicalAxes;
   queriesScrollState?: boolean;
   queriesAnchored?: boolean;
+  textIsConditionText?: boolean;
 
   static parseContainerQueriesPayload(cssModel: CSSModel, payload: Protocol.CSS.CSSContainerQuery[]):
       CSSContainerQuery[] {
@@ -27,7 +28,8 @@ export class CSSContainerQuery extends CSSQuery {
   }
 
   reinitialize(payload: Protocol.CSS.CSSContainerQuery): void {
-    this.text = payload.text;
+    this.textIsConditionText = !!payload.conditionText;
+    this.text = this.textIsConditionText ? payload.conditionText : payload.text;
     this.range = payload.range ? TextUtils.TextRange.TextRange.fromObject(payload.range) : null;
     this.styleSheetId = payload.styleSheetId;
     this.name = payload.name;

package/front_end/core/sdk/CSSModel.ts

@@ -552,6 +552,29 @@ export class CSSModel extends SDKModel<EventTypes> {
     }
   }
 
+  async setContainerQueryConditionText(
+      styleSheetId: Protocol.DOM.StyleSheetId, range: TextUtils.TextRange.TextRange,
+      newContainerQueryConditionText: string): Promise<boolean> {
+    Host.userMetrics.actionTaken(Host.UserMetrics.Action.StyleRuleEdited);
+
+    try {
+      await this.ensureOriginalStyleSheetText(styleSheetId);
+      const {containerQuery} = await this.agent.invoke_setContainerQueryConditionText(
+          {styleSheetId, range, text: newContainerQueryConditionText});
+
+      if (!containerQuery) {
+        return false;
+      }
+      this.#domModel.markUndoableState();
+      const edit = new Edit(styleSheetId, range, newContainerQueryConditionText, containerQuery);
+      this.fireStyleSheetChanged(styleSheetId, edit);
+      return true;
+    } catch (e) {
+      console.error(e);
+      return false;
+    }
+  }
+
   async setSupportsText(
       styleSheetId: Protocol.DOM.StyleSheetId, range: TextUtils.TextRange.TextRange,
       newSupportsText: string): Promise<boolean> {

package/front_end/core/sdk/HeapProfilerModel.ts

@@ -16,7 +16,6 @@ export class HeapProfilerModel extends SDKModel<EventTypes> {
   #enabled = false;
   readonly #heapProfilerAgent: ProtocolProxyApi.HeapProfilerApi;
   readonly #runtimeModel: RuntimeModel;
-  #samplingProfilerDepth = 0;
 
   constructor(target: Target) {
     super(target);
@@ -43,9 +42,6 @@ export class HeapProfilerModel extends SDKModel<EventTypes> {
   }
 
   async startSampling(samplingRateInBytes?: number): Promise<boolean> {
-    if (this.#samplingProfilerDepth++) {
-      return false;
-    }
     const defaultSamplingIntervalInBytes = 16384;
     const response = await this.#heapProfilerAgent.invoke_startSampling(
         {samplingInterval: samplingRateInBytes || defaultSamplingIntervalInBytes});
@@ -53,15 +49,9 @@ export class HeapProfilerModel extends SDKModel<EventTypes> {
   }
 
   async stopSampling(): Promise<Protocol.HeapProfiler.SamplingHeapProfile|null> {
-    if (!this.#samplingProfilerDepth) {
-      throw new Error('Sampling profiler is not running.');
-    }
-    if (--this.#samplingProfilerDepth) {
-      return await this.getSamplingProfile();
-    }
     const response = await this.#heapProfilerAgent.invoke_stopSampling();
     if (response.getError()) {
-      return null;
+      throw new Error('Sampling profiler is not running.');
     }
     return response.profile;
   }

package/front_end/entrypoints/formatter_worker/AcornTokenizer.ts

@@ -61,6 +61,7 @@ export class AcornTokenizer {
   }
 
   static identifier(token: TokenOrComment, identifier?: string): boolean {
+    // @ts-expect-error https://github.com/acornjs/acorn/issues/1285
     return token.type === Acorn.tokTypes.name && (!identifier || token.value === identifier);
   }
 
@@ -107,4 +108,4 @@ export class AcornTokenizer {
   }
 }
 
-export const ECMA_VERSION = 2022;
+export const ECMA_VERSION = 'latest';

package/front_end/entrypoints/formatter_worker/CSSFormatter.ts

@@ -18,17 +18,15 @@ export class CSSFormatter {
   #toOffset!: number;
   #fromOffset!: number;
   #lineEndings!: number[];
-  #lastLine: number;
+  #lastLine = -1;
   #state: {
     eatWhitespace?: boolean,
     seenProperty?: boolean,
     inPropertyValue?: boolean,
     afterClosingBrace?: boolean,
-  };
+  } = {};
   constructor(builder: FormattedContentBuilder) {
     this.#builder = builder;
-    this.#lastLine = -1;
-    this.#state = {};
   }
 
   format(text: string, lineEndings: number[], fromOffset: number, toOffset: number): void {

package/front_end/entrypoints/formatter_worker/ESTreeWalker.ts

@@ -91,7 +91,8 @@ const WALK_ORDER = {
   FunctionDeclaration: ['id', 'params', 'body'],
   FunctionExpression: ['id', 'params', 'body'],
   Identifier: [],
-  ImportDeclaration: ['specifiers', 'source'],
+  ImportDeclaration: ['specifiers', 'source', 'attributes'],
+  ImportAttribute: ['key', 'value'],
   ImportDefaultSpecifier: ['local'],
   ImportNamespaceSpecifier: ['local'],
   ImportSpecifier: ['imported', 'local'],
@@ -136,4 +137,4 @@ const WALK_ORDER = {
   WhileStatement: ['test', 'body'],
   WithStatement: ['object', 'body'],
   YieldExpression: ['argument'],
-};
+} as const;

package/front_end/entrypoints/formatter_worker/JavaScriptFormatter.ts

@@ -150,6 +150,13 @@ export class JavaScriptFormatter {
       }
       return 't';
     }
+    // @ts-expect-error not on the types
+    if (nodeType === 'ImportAttribute') {
+      if (AT.punctuator(token, ':')) {
+        return 'ts';
+      }
+      return 't';
+    }
     if (nodeType === 'ArrayExpression') {
       if (AT.punctuator(token, ',')) {
         return 'ts';
@@ -339,11 +346,17 @@ export class JavaScriptFormatter {
         return 'ts';
       }
       if (AT.punctuator(token, '}')) {
+        if (node.attributes.length > 0) {
+          return 't';
+        }
         return node.source ? 'ts' : 't';
       }
       if (AT.punctuator(token, '*')) {
         return 'sts';
       }
+      if (AT.keyword(token, 'with')) {
+        return 'sts';
+      }
       return 't';
     } else if (nodeType === 'MemberExpression') {
       if (node.object.type === 'Literal' && typeof (node.object.value) === 'number') {

package/front_end/entrypoints/formatter_worker/Substitute.ts

@@ -34,7 +34,7 @@ function computeSubstitution(expression: string, nameMap: Map<string, string|nul
     allowImportExportEverywhere: true,
     checkPrivateFields: false,
     ranges: false,
-  } as acorn.Options) as Acorn.ESTree.Node;
+  }) as Acorn.ESTree.Node;
   const scopeVariables = new ScopeVariableAnalysis(root, expression);
   scopeVariables.run();
   const freeVariables = scopeVariables.getFreeVariables();

package/front_end/entrypoints/greendev_floaty/FloatyEntrypoint.ts

@@ -534,7 +534,6 @@ async function init(): Promise<void> {
         Root.ExperimentNames.ExperimentName.INSTRUMENTATION_BREAKPOINTS, 'Enable instrumentation breakpoints');
     safeRegisterExperiment(
         Root.ExperimentNames.ExperimentName.USE_SOURCE_MAP_SCOPES, 'Use scope information from source maps');
-    safeRegisterExperiment(Root.ExperimentNames.ExperimentName.LIVE_HEAP_PROFILE, 'Live heap profile');
     safeRegisterExperiment(Root.ExperimentNames.ExperimentName.PROTOCOL_MONITOR, 'Protocol Monitor');
 
     const hostUnsyncedStorage: Common.Settings.SettingsBackingStore = {

package/front_end/entrypoints/greendev_floaty/greendev_floaty.ts

@@ -250,7 +250,6 @@ async function init(): Promise<void> {
         Root.ExperimentNames.ExperimentName.INSTRUMENTATION_BREAKPOINTS, 'Enable instrumentation breakpoints');
     Root.Runtime.experiments.register(
         Root.ExperimentNames.ExperimentName.USE_SOURCE_MAP_SCOPES, 'Use scope information from source maps');
-    Root.Runtime.experiments.register(Root.ExperimentNames.ExperimentName.LIVE_HEAP_PROFILE, 'Live heap profile');
     Root.Runtime.experiments.register(Root.ExperimentNames.ExperimentName.PROTOCOL_MONITOR, 'Protocol Monitor');
 
     const WINDOW_LOCAL_STORAGE: Common.Settings.SettingsBackingStore = {

package/front_end/entrypoints/main/MainImpl.ts

@@ -350,7 +350,6 @@ export class MainImpl {
   #initializeExperiments(): void {
     Root.Runtime.experiments.register(
         Root.ExperimentNames.ExperimentName.CAPTURE_NODE_CREATION_STACKS, 'Capture node creation stacks');
-    Root.Runtime.experiments.register(Root.ExperimentNames.ExperimentName.LIVE_HEAP_PROFILE, 'Live heap profile');
 
     const enableProtocolMonitor = (Root.Runtime.hostConfig.devToolsProtocolMonitor?.enabled ?? false) ||
         Boolean(Root.Runtime.Runtime.queryParam('isChromeForTesting'));
@@ -366,13 +365,6 @@ export class MainImpl {
     this.#migrateValueFromLegacyToHostExperiment(
         Root.ExperimentNames.ExperimentName.PROTOCOL_MONITOR, protocolMonitorExperiment);
 
-    // Timeline
-    Root.Runtime.experiments.register(
-        Root.ExperimentNames.ExperimentName.TIMELINE_INVALIDATION_TRACKING, 'Performance panel: invalidation tracking');
-    Root.Runtime.experiments.register(
-        Root.ExperimentNames.ExperimentName.TIMELINE_DEBUG_MODE,
-        'Performance panel: debug mode (trace event details, etc)');
-
     // Debugging
     Root.Runtime.experiments.register(
         Root.ExperimentNames.ExperimentName.INSTRUMENTATION_BREAKPOINTS, 'Instrumentation breakpoints');
@@ -404,13 +396,6 @@ export class MainImpl {
       Root.Runtime.experiments.setServerEnabledExperiments(enabledExperiments.split(';'));
     }
 
-    if (Host.InspectorFrontendHost.isUnderTest()) {
-      const testParam = Root.Runtime.Runtime.queryParam('test');
-      if (testParam?.includes('live-line-level-heap-profile.js')) {
-        Root.Runtime.experiments.enableForTest(Root.ExperimentNames.ExperimentName.LIVE_HEAP_PROFILE);
-      }
-    }
-
     for (const experiment of Root.Runtime.experiments.allConfigurableExperiments()) {
       if (experiment.isEnabled()) {
         Host.userMetrics.experimentEnabledAtLaunch(experiment.name);
@@ -667,27 +652,10 @@ export class MainImpl {
   async #lateInitialization(): Promise<void> {
     MainImpl.time('Main._lateInitialization');
     PanelCommon.ExtensionServer.ExtensionServer.instance().initializeExtensions();
-    const promises: Array<Promise<void>> =
-        Common.Runnable.lateInitializationRunnables().map(async lateInitializationLoader => {
-          const runnable = await lateInitializationLoader();
-          return await runnable.run();
-        });
-    if (Root.Runtime.experiments.isEnabled(Root.ExperimentNames.ExperimentName.LIVE_HEAP_PROFILE)) {
-      const PerfUI = await import('../../ui/legacy/components/perf_ui/perf_ui.js');
-      const setting = 'memory-live-heap-profile';
-      if (Common.Settings.Settings.instance().moduleSetting(setting).get()) {
-        promises.push(PerfUI.LiveHeapProfile.LiveHeapProfile.instance().run());
-      } else {
-        const changeListener = async(event: Common.EventTarget.EventTargetEvent<unknown>): Promise<void> => {
-          if (!event.data) {
-            return;
-          }
-          Common.Settings.Settings.instance().moduleSetting(setting).removeChangeListener(changeListener);
-          void PerfUI.LiveHeapProfile.LiveHeapProfile.instance().run();
-        };
-        Common.Settings.Settings.instance().moduleSetting(setting).addChangeListener(changeListener);
-      }
-    }
+    void Promise.all(Common.Runnable.lateInitializationRunnables().map(async lateInitializationLoader => {
+      const runnable = await lateInitializationLoader();
+      return await runnable.run();
+    }));
 
     MainImpl.timeEnd('Main._lateInitialization');
   }

package/front_end/generated/InspectorBackendCommands.ts

@@ -83,7 +83,7 @@ inspectorBackend.registerEnum("Audits.SharedDictionaryError", {UseErrorCrossOrig
 inspectorBackend.registerEnum("Audits.SRIMessageSignatureError", {MissingSignatureHeader: "MissingSignatureHeader", MissingSignatureInputHeader: "MissingSignatureInputHeader", InvalidSignatureHeader: "InvalidSignatureHeader", InvalidSignatureInputHeader: "InvalidSignatureInputHeader", SignatureHeaderValueIsNotByteSequence: "SignatureHeaderValueIsNotByteSequence", SignatureHeaderValueIsParameterized: "SignatureHeaderValueIsParameterized", SignatureHeaderValueIsIncorrectLength: "SignatureHeaderValueIsIncorrectLength", SignatureInputHeaderMissingLabel: "SignatureInputHeaderMissingLabel", SignatureInputHeaderValueNotInnerList: "SignatureInputHeaderValueNotInnerList", SignatureInputHeaderValueMissingComponents: "SignatureInputHeaderValueMissingComponents", SignatureInputHeaderInvalidComponentType: "SignatureInputHeaderInvalidComponentType", SignatureInputHeaderInvalidComponentName: "SignatureInputHeaderInvalidComponentName", SignatureInputHeaderInvalidHeaderComponentParameter: "SignatureInputHeaderInvalidHeaderComponentParameter", SignatureInputHeaderInvalidDerivedComponentParameter: "SignatureInputHeaderInvalidDerivedComponentParameter", SignatureInputHeaderKeyIdLength: "SignatureInputHeaderKeyIdLength", SignatureInputHeaderInvalidParameter: "SignatureInputHeaderInvalidParameter", SignatureInputHeaderMissingRequiredParameters: "SignatureInputHeaderMissingRequiredParameters", ValidationFailedSignatureExpired: "ValidationFailedSignatureExpired", ValidationFailedInvalidLength: "ValidationFailedInvalidLength", ValidationFailedSignatureMismatch: "ValidationFailedSignatureMismatch", ValidationFailedIntegrityMismatch: "ValidationFailedIntegrityMismatch"});
 inspectorBackend.registerEnum("Audits.UnencodedDigestError", {MalformedDictionary: "MalformedDictionary", UnknownAlgorithm: "UnknownAlgorithm", IncorrectDigestType: "IncorrectDigestType", IncorrectDigestLength: "IncorrectDigestLength"});
 inspectorBackend.registerEnum("Audits.ConnectionAllowlistError", {InvalidHeader: "InvalidHeader", MoreThanOneList: "MoreThanOneList", ItemNotInnerList: "ItemNotInnerList", InvalidAllowlistItemType: "InvalidAllowlistItemType", ReportingEndpointNotToken: "ReportingEndpointNotToken", InvalidUrlPattern: "InvalidUrlPattern"});
-inspectorBackend.registerEnum("Audits.GenericIssueErrorType", {FormLabelForNameError: "FormLabelForNameError", FormDuplicateIdForInputError: "FormDuplicateIdForInputError", FormInputWithNoLabelError: "FormInputWithNoLabelError", FormAutocompleteAttributeEmptyError: "FormAutocompleteAttributeEmptyError", FormEmptyIdAndNameAttributesForInputError: "FormEmptyIdAndNameAttributesForInputError", FormAriaLabelledByToNonExistingIdError: "FormAriaLabelledByToNonExistingIdError", FormInputAssignedAutocompleteValueToIdOrNameAttributeError: "FormInputAssignedAutocompleteValueToIdOrNameAttributeError", FormLabelHasNeitherForNorNestedInputError: "FormLabelHasNeitherForNorNestedInputError", FormLabelForMatchesNonExistingIdError: "FormLabelForMatchesNonExistingIdError", FormInputHasWrongButWellIntendedAutocompleteValueError: "FormInputHasWrongButWellIntendedAutocompleteValueError", ResponseWasBlockedByORB: "ResponseWasBlockedByORB", NavigationEntryMarkedSkippable: "NavigationEntryMarkedSkippable", AutofillAndManualTextPolicyControlledFeaturesInfo: "AutofillAndManualTextPolicyControlledFeaturesInfo", AutofillPolicyControlledFeatureInfo: "AutofillPolicyControlledFeatureInfo", ManualTextPolicyControlledFeatureInfo: "ManualTextPolicyControlledFeatureInfo", FormModelContextParameterMissingTitleAndDescription: "FormModelContextParameterMissingTitleAndDescription", FormModelContextMissingToolName: "FormModelContextMissingToolName", FormModelContextMissingToolDescription: "FormModelContextMissingToolDescription", FormModelContextRequiredParameterMissingName: "FormModelContextRequiredParameterMissingName", FormModelContextParameterMissingName: "FormModelContextParameterMissingName"});
+inspectorBackend.registerEnum("Audits.GenericIssueErrorType", {FormLabelForNameError: "FormLabelForNameError", FormDuplicateIdForInputError: "FormDuplicateIdForInputError", FormInputWithNoLabelError: "FormInputWithNoLabelError", FormAutocompleteAttributeEmptyError: "FormAutocompleteAttributeEmptyError", FormEmptyIdAndNameAttributesForInputError: "FormEmptyIdAndNameAttributesForInputError", FormAriaLabelledByToNonExistingIdError: "FormAriaLabelledByToNonExistingIdError", FormInputAssignedAutocompleteValueToIdOrNameAttributeError: "FormInputAssignedAutocompleteValueToIdOrNameAttributeError", FormLabelHasNeitherForNorNestedInputError: "FormLabelHasNeitherForNorNestedInputError", FormLabelForMatchesNonExistingIdError: "FormLabelForMatchesNonExistingIdError", FormInputHasWrongButWellIntendedAutocompleteValueError: "FormInputHasWrongButWellIntendedAutocompleteValueError", ResponseWasBlockedByORB: "ResponseWasBlockedByORB", NavigationEntryMarkedSkippable: "NavigationEntryMarkedSkippable", BackUINavigationWouldSkipAd: "BackUINavigationWouldSkipAd", AutofillAndManualTextPolicyControlledFeaturesInfo: "AutofillAndManualTextPolicyControlledFeaturesInfo", AutofillPolicyControlledFeatureInfo: "AutofillPolicyControlledFeatureInfo", ManualTextPolicyControlledFeatureInfo: "ManualTextPolicyControlledFeatureInfo", FormModelContextParameterMissingTitleAndDescription: "FormModelContextParameterMissingTitleAndDescription", FormModelContextMissingToolName: "FormModelContextMissingToolName", FormModelContextMissingToolDescription: "FormModelContextMissingToolDescription", FormModelContextRequiredParameterMissingName: "FormModelContextRequiredParameterMissingName", FormModelContextParameterMissingName: "FormModelContextParameterMissingName"});
 inspectorBackend.registerEnum("Audits.ClientHintIssueReason", {MetaTagAllowListInvalidOrigin: "MetaTagAllowListInvalidOrigin", MetaTagModifiedHTML: "MetaTagModifiedHTML"});
 inspectorBackend.registerEnum("Audits.FederatedAuthRequestIssueReason", {ShouldEmbargo: "ShouldEmbargo", TooManyRequests: "TooManyRequests", WellKnownHttpNotFound: "WellKnownHttpNotFound", WellKnownNoResponse: "WellKnownNoResponse", WellKnownInvalidResponse: "WellKnownInvalidResponse", WellKnownListEmpty: "WellKnownListEmpty", WellKnownInvalidContentType: "WellKnownInvalidContentType", ConfigNotInWellKnown: "ConfigNotInWellKnown", WellKnownTooBig: "WellKnownTooBig", ConfigHttpNotFound: "ConfigHttpNotFound", ConfigNoResponse: "ConfigNoResponse", ConfigInvalidResponse: "ConfigInvalidResponse", ConfigInvalidContentType: "ConfigInvalidContentType", IdpNotPotentiallyTrustworthy: "IdpNotPotentiallyTrustworthy", DisabledInSettings: "DisabledInSettings", DisabledInFlags: "DisabledInFlags", ErrorFetchingSignin: "ErrorFetchingSignin", InvalidSigninResponse: "InvalidSigninResponse", AccountsHttpNotFound: "AccountsHttpNotFound", AccountsNoResponse: "AccountsNoResponse", AccountsInvalidResponse: "AccountsInvalidResponse", AccountsListEmpty: "AccountsListEmpty", AccountsInvalidContentType: "AccountsInvalidContentType", IdTokenHttpNotFound: "IdTokenHttpNotFound", IdTokenNoResponse: "IdTokenNoResponse", IdTokenInvalidResponse: "IdTokenInvalidResponse", IdTokenIdpErrorResponse: "IdTokenIdpErrorResponse", IdTokenCrossSiteIdpErrorResponse: "IdTokenCrossSiteIdpErrorResponse", IdTokenInvalidRequest: "IdTokenInvalidRequest", IdTokenInvalidContentType: "IdTokenInvalidContentType", ErrorIdToken: "ErrorIdToken", Canceled: "Canceled", RpPageNotVisible: "RpPageNotVisible", SilentMediationFailure: "SilentMediationFailure", NotSignedInWithIdp: "NotSignedInWithIdp", MissingTransientUserActivation: "MissingTransientUserActivation", ReplacedByActiveMode: "ReplacedByActiveMode", RelyingPartyOriginIsOpaque: "RelyingPartyOriginIsOpaque", TypeNotMatching: "TypeNotMatching", UiDismissedNoEmbargo: "UiDismissedNoEmbargo", CorsError: "CorsError", SuppressedBySegmentationPlatform: "SuppressedBySegmentationPlatform"});
 inspectorBackend.registerEnum("Audits.FederatedAuthUserInfoRequestIssueReason", {NotSameOrigin: "NotSameOrigin", NotIframe: "NotIframe", NotPotentiallyTrustworthy: "NotPotentiallyTrustworthy", NoAPIPermission: "NoApiPermission", NotSignedInWithIdp: "NotSignedInWithIdp", NoAccountSharingPermission: "NoAccountSharingPermission", InvalidConfigOrWellKnown: "InvalidConfigOrWellKnown", InvalidAccountsResponse: "InvalidAccountsResponse", NoReturningUserFromFetchedAccounts: "NoReturningUserFromFetchedAccounts"});
@@ -266,7 +266,8 @@ inspectorBackend.registerCommand("CSS.setEffectivePropertyValueForNode", [{"name
 inspectorBackend.registerCommand("CSS.setPropertyRulePropertyName", [{"name": "styleSheetId", "type": "string", "optional": false, "description": "", "typeRef": "DOM.StyleSheetId"}, {"name": "range", "type": "object", "optional": false, "description": "", "typeRef": "CSS.SourceRange"}, {"name": "propertyName", "type": "string", "optional": false, "description": "", "typeRef": null}], ["propertyName"], "Modifies the property rule property name.");
 inspectorBackend.registerCommand("CSS.setKeyframeKey", [{"name": "styleSheetId", "type": "string", "optional": false, "description": "", "typeRef": "DOM.StyleSheetId"}, {"name": "range", "type": "object", "optional": false, "description": "", "typeRef": "CSS.SourceRange"}, {"name": "keyText", "type": "string", "optional": false, "description": "", "typeRef": null}], ["keyText"], "Modifies the keyframe rule key text.");
 inspectorBackend.registerCommand("CSS.setMediaText", [{"name": "styleSheetId", "type": "string", "optional": false, "description": "", "typeRef": "DOM.StyleSheetId"}, {"name": "range", "type": "object", "optional": false, "description": "", "typeRef": "CSS.SourceRange"}, {"name": "text", "type": "string", "optional": false, "description": "", "typeRef": null}], ["media"], "Modifies the rule selector.");
-inspectorBackend.registerCommand("CSS.setContainerQueryText", [{"name": "styleSheetId", "type": "string", "optional": false, "description": "", "typeRef": "DOM.StyleSheetId"}, {"name": "range", "type": "object", "optional": false, "description": "", "typeRef": "CSS.SourceRange"}, {"name": "text", "type": "string", "optional": false, "description": "", "typeRef": null}], ["containerQuery"], "Modifies the expression of a container query.");
+inspectorBackend.registerCommand("CSS.setContainerQueryText", [{"name": "styleSheetId", "type": "string", "optional": false, "description": "", "typeRef": "DOM.StyleSheetId"}, {"name": "range", "type": "object", "optional": false, "description": "", "typeRef": "CSS.SourceRange"}, {"name": "text", "type": "string", "optional": false, "description": "", "typeRef": null}], ["containerQuery"], "Modifies the expression of a container query. Deprecated. Use setContainerQueryConditionText instead.");
+inspectorBackend.registerCommand("CSS.setContainerQueryConditionText", [{"name": "styleSheetId", "type": "string", "optional": false, "description": "", "typeRef": "DOM.StyleSheetId"}, {"name": "range", "type": "object", "optional": false, "description": "", "typeRef": "CSS.SourceRange"}, {"name": "text", "type": "string", "optional": false, "description": "", "typeRef": null}], ["containerQuery"], "");
 inspectorBackend.registerCommand("CSS.setSupportsText", [{"name": "styleSheetId", "type": "string", "optional": false, "description": "", "typeRef": "DOM.StyleSheetId"}, {"name": "range", "type": "object", "optional": false, "description": "", "typeRef": "CSS.SourceRange"}, {"name": "text", "type": "string", "optional": false, "description": "", "typeRef": null}], ["supports"], "Modifies the expression of a supports at-rule.");
 inspectorBackend.registerCommand("CSS.setNavigationText", [{"name": "styleSheetId", "type": "string", "optional": false, "description": "", "typeRef": "DOM.StyleSheetId"}, {"name": "range", "type": "object", "optional": false, "description": "", "typeRef": "CSS.SourceRange"}, {"name": "text", "type": "string", "optional": false, "description": "", "typeRef": null}], ["navigation"], "Modifies the expression of a navigation at-rule.");
 inspectorBackend.registerCommand("CSS.setScopeText", [{"name": "styleSheetId", "type": "string", "optional": false, "description": "", "typeRef": "DOM.StyleSheetId"}, {"name": "range", "type": "object", "optional": false, "description": "", "typeRef": "CSS.SourceRange"}, {"name": "text", "type": "string", "optional": false, "description": "", "typeRef": null}], ["scope"], "Modifies the expression of a scope at-rule.");
@@ -298,7 +299,7 @@ inspectorBackend.registerType("CSS.CSSProperty", [{"name": "name", "type": "stri
 inspectorBackend.registerType("CSS.CSSMedia", [{"name": "text", "type": "string", "optional": false, "description": "Media query text.", "typeRef": null}, {"name": "source", "type": "string", "optional": false, "description": "Source of the media query: \\\"mediaRule\\\" if specified by a @media rule, \\\"importRule\\\" if specified by an @import rule, \\\"linkedSheet\\\" if specified by a \\\"media\\\" attribute in a linked stylesheet's LINK tag, \\\"inlineSheet\\\" if specified by a \\\"media\\\" attribute in an inline stylesheet's STYLE tag.", "typeRef": null}, {"name": "sourceURL", "type": "string", "optional": true, "description": "URL of the document containing the media query description.", "typeRef": null}, {"name": "range", "type": "object", "optional": true, "description": "The associated rule (@media or @import) header range in the enclosing stylesheet (if available).", "typeRef": "CSS.SourceRange"}, {"name": "styleSheetId", "type": "string", "optional": true, "description": "Identifier of the stylesheet containing this object (if exists).", "typeRef": "DOM.StyleSheetId"}, {"name": "mediaList", "type": "array", "optional": true, "description": "Array of media queries.", "typeRef": "CSS.MediaQuery"}]);
 inspectorBackend.registerType("CSS.MediaQuery", [{"name": "expressions", "type": "array", "optional": false, "description": "Array of media query expressions.", "typeRef": "CSS.MediaQueryExpression"}, {"name": "active", "type": "boolean", "optional": false, "description": "Whether the media query condition is satisfied.", "typeRef": null}]);
 inspectorBackend.registerType("CSS.MediaQueryExpression", [{"name": "value", "type": "number", "optional": false, "description": "Media query expression value.", "typeRef": null}, {"name": "unit", "type": "string", "optional": false, "description": "Media query expression units.", "typeRef": null}, {"name": "feature", "type": "string", "optional": false, "description": "Media query expression feature.", "typeRef": null}, {"name": "valueRange", "type": "object", "optional": true, "description": "The associated range of the value text in the enclosing stylesheet (if available).", "typeRef": "CSS.SourceRange"}, {"name": "computedLength", "type": "number", "optional": true, "description": "Computed length of media query expression (if applicable).", "typeRef": null}]);
-inspectorBackend.registerType("CSS.CSSContainerQuery", [{"name": "text", "type": "string", "optional": false, "description": "Container query text.", "typeRef": null}, {"name": "range", "type": "object", "optional": true, "description": "The associated rule header range in the enclosing stylesheet (if available).", "typeRef": "CSS.SourceRange"}, {"name": "styleSheetId", "type": "string", "optional": true, "description": "Identifier of the stylesheet containing this object (if exists).", "typeRef": "DOM.StyleSheetId"}, {"name": "name", "type": "string", "optional": true, "description": "Optional name for the container.", "typeRef": null}, {"name": "physicalAxes", "type": "string", "optional": true, "description": "Optional physical axes queried for the container.", "typeRef": "DOM.PhysicalAxes"}, {"name": "logicalAxes", "type": "string", "optional": true, "description": "Optional logical axes queried for the container.", "typeRef": "DOM.LogicalAxes"}, {"name": "queriesScrollState", "type": "boolean", "optional": true, "description": "true if the query contains scroll-state() queries.", "typeRef": null}, {"name": "queriesAnchored", "type": "boolean", "optional": true, "description": "true if the query contains anchored() queries.", "typeRef": null}]);
+inspectorBackend.registerType("CSS.CSSContainerQuery", [{"name": "text", "type": "string", "optional": false, "description": "Container query text. Contains the query part without the container name for a single query. Deprecated in favor of conditionText which contains the full prelude after @container.", "typeRef": null}, {"name": "range", "type": "object", "optional": true, "description": "The associated rule header range in the enclosing stylesheet (if available).", "typeRef": "CSS.SourceRange"}, {"name": "styleSheetId", "type": "string", "optional": true, "description": "Identifier of the stylesheet containing this object (if exists).", "typeRef": "DOM.StyleSheetId"}, {"name": "name", "type": "string", "optional": true, "description": "Optional name for the container.", "typeRef": null}, {"name": "physicalAxes", "type": "string", "optional": true, "description": "Optional physical axes queried for the container.", "typeRef": "DOM.PhysicalAxes"}, {"name": "logicalAxes", "type": "string", "optional": true, "description": "Optional logical axes queried for the container.", "typeRef": "DOM.LogicalAxes"}, {"name": "queriesScrollState", "type": "boolean", "optional": true, "description": "true if the query contains scroll-state() queries.", "typeRef": null}, {"name": "queriesAnchored", "type": "boolean", "optional": true, "description": "true if the query contains anchored() queries.", "typeRef": null}, {"name": "conditionText", "type": "string", "optional": false, "description": "CSSContainerRule.conditionText", "typeRef": null}]);
 inspectorBackend.registerType("CSS.CSSSupports", [{"name": "text", "type": "string", "optional": false, "description": "Supports rule text.", "typeRef": null}, {"name": "active", "type": "boolean", "optional": false, "description": "Whether the supports condition is satisfied.", "typeRef": null}, {"name": "range", "type": "object", "optional": true, "description": "The associated rule header range in the enclosing stylesheet (if available).", "typeRef": "CSS.SourceRange"}, {"name": "styleSheetId", "type": "string", "optional": true, "description": "Identifier of the stylesheet containing this object (if exists).", "typeRef": "DOM.StyleSheetId"}]);
 inspectorBackend.registerType("CSS.CSSNavigation", [{"name": "text", "type": "string", "optional": false, "description": "Navigation rule text.", "typeRef": null}, {"name": "active", "type": "boolean", "optional": true, "description": "Whether the navigation condition is satisfied.", "typeRef": null}, {"name": "range", "type": "object", "optional": true, "description": "The associated rule header range in the enclosing stylesheet (if available).", "typeRef": "CSS.SourceRange"}, {"name": "styleSheetId", "type": "string", "optional": true, "description": "Identifier of the stylesheet containing this object (if exists).", "typeRef": "DOM.StyleSheetId"}]);
 inspectorBackend.registerType("CSS.CSSScope", [{"name": "text", "type": "string", "optional": false, "description": "Scope rule text.", "typeRef": null}, {"name": "range", "type": "object", "optional": true, "description": "The associated rule header range in the enclosing stylesheet (if available).", "typeRef": "CSS.SourceRange"}, {"name": "styleSheetId", "type": "string", "optional": true, "description": "Identifier of the stylesheet containing this object (if exists).", "typeRef": "DOM.StyleSheetId"}]);

package/front_end/generated/protocol-mapping.d.ts

@@ -1729,11 +1729,16 @@ export namespace ProtocolMapping {
     };
     /**
      * Modifies the expression of a container query.
+     * Deprecated. Use setContainerQueryConditionText instead.
      */
     'CSS.setContainerQueryText': {
       paramsType: [Protocol.CSS.SetContainerQueryTextRequest];
       returnType: Protocol.CSS.SetContainerQueryTextResponse;
     };
+    'CSS.setContainerQueryConditionText': {
+      paramsType: [Protocol.CSS.SetContainerQueryConditionTextRequest];
+      returnType: Protocol.CSS.SetContainerQueryConditionTextResponse;
+    };
     /**
      * Modifies the expression of a supports at-rule.
      */

package/front_end/generated/protocol-proxy-api.d.ts

@@ -880,9 +880,13 @@ declare namespace ProtocolProxyApi {
 
     /**
      * Modifies the expression of a container query.
+     * Deprecated. Use setContainerQueryConditionText instead.
+     * @deprecated
      */
     invoke_setContainerQueryText(params: Protocol.CSS.SetContainerQueryTextRequest): Promise<Protocol.CSS.SetContainerQueryTextResponse>;
 
+    invoke_setContainerQueryConditionText(params: Protocol.CSS.SetContainerQueryConditionTextRequest): Promise<Protocol.CSS.SetContainerQueryConditionTextResponse>;
+
     /**
      * Modifies the expression of a supports at-rule.
      */

package/front_end/generated/protocol.ts

@@ -1208,6 +1208,7 @@ export namespace Audits {
     FormInputHasWrongButWellIntendedAutocompleteValueError = 'FormInputHasWrongButWellIntendedAutocompleteValueError',
     ResponseWasBlockedByORB = 'ResponseWasBlockedByORB',
     NavigationEntryMarkedSkippable = 'NavigationEntryMarkedSkippable',
+    BackUINavigationWouldSkipAd = 'BackUINavigationWouldSkipAd',
     AutofillAndManualTextPolicyControlledFeaturesInfo = 'AutofillAndManualTextPolicyControlledFeaturesInfo',
     AutofillPolicyControlledFeatureInfo = 'AutofillPolicyControlledFeatureInfo',
     ManualTextPolicyControlledFeatureInfo = 'ManualTextPolicyControlledFeatureInfo',
@@ -3240,6 +3241,10 @@ export namespace CSS {
   export interface CSSContainerQuery {
     /**
      * Container query text.
+     * Contains the query part without the container name for a single query.
+     * Deprecated in favor of conditionText which contains the full prelude
+     * after @container.
+     * @deprecated
      */
     text: string;
     /**
@@ -3271,6 +3276,10 @@ export namespace CSS {
      * true if the query contains anchored() queries.
      */
     queriesAnchored?: boolean;
+    /**
+     * CSSContainerRule.conditionText
+     */
+    conditionText: string;
   }
 
   /**
@@ -4138,6 +4147,19 @@ export namespace CSS {
     containerQuery: CSSContainerQuery;
   }
 
+  export interface SetContainerQueryConditionTextRequest {
+    styleSheetId: DOM.StyleSheetId;
+    range: SourceRange;
+    text: string;
+  }
+
+  export interface SetContainerQueryConditionTextResponse extends ProtocolResponseWithError {
+    /**
+     * The resulting CSS container query rule after modification.
+     */
+    containerQuery: CSSContainerQuery;
+  }
+
   export interface SetSupportsTextRequest {
     styleSheetId: DOM.StyleSheetId;
     range: SourceRange;

package/front_end/models/ai_assistance/agents/AiAgent.ts

@@ -8,6 +8,7 @@ import type * as SDK from '../../../core/sdk/sdk.js';
 import type * as Protocol from '../../../generated/protocol.js';
 import * as Greendev from '../../greendev/greendev.js';
 import type * as LHModel from '../../lighthouse/lighthouse.js';
+import type * as TextUtils from '../../text_utils/text_utils.js';
 import type * as Trace from '../../trace/trace.js';
 import {debugLog, isStructuredLogEnabled} from '../debug.js';
 
@@ -236,7 +237,7 @@ export interface DomTreeAiWidget {
       size: number,
       resourceType: Protocol.Network.ResourceType,
       mimeType: string,
-      imageUrl?: string,
+      imageContent?: TextUtils.ContentData.ContentData,
     },
   };
 }

package/front_end/models/ai_assistance/agents/PerformanceAgent.ts

@@ -985,9 +985,14 @@ export class PerformanceAgent extends AiAgent<AgentFocus> {
                 const nodeMap = await domModel.pushNodesByBackendIdsToFrontend(new Set([nodeId]));
                 const node = nodeMap?.get(nodeId);
                 if (node) {
-                  const snapshot = await node.takeSnapshot();
-                  let networkRequest;
                   const lcpSyntheticRequest = insight.lcpRequest;
+                  const [snapshot, imageContent] = await Promise.all([
+                    node.takeSnapshot(),
+                    lcpSyntheticRequest ? this.#getNetworkRequestImageData(lcpSyntheticRequest) :
+                                          Promise.resolve(undefined),
+                  ]);
+
+                  let networkRequest;
                   if (lcpSyntheticRequest) {
                     networkRequest = {
                       url: lcpSyntheticRequest.args.data.url,
@@ -995,7 +1000,7 @@ export class PerformanceAgent extends AiAgent<AgentFocus> {
                           lcpSyntheticRequest.args.data.encodedDataLength ?? 0,
                       resourceType: lcpSyntheticRequest.args.data.resourceType,
                       mimeType: lcpSyntheticRequest.args.data.mimeType ?? '',
-                      imageUrl: await this.#getNetworkRequestImageData(lcpSyntheticRequest),
+                      imageContent,
                     };
                   }
                   widgets.push({
@@ -1567,7 +1572,8 @@ export class PerformanceAgent extends AiAgent<AgentFocus> {
     return {result: {success: true}};
   }
 
-  async #getNetworkRequestImageData(lcpRequest: Trace.Types.Events.SyntheticNetworkRequest): Promise<string|undefined> {
+  async #getNetworkRequestImageData(lcpRequest: Trace.Types.Events.SyntheticNetworkRequest):
+      Promise<TextUtils.ContentData.ContentData|undefined> {
     const target = SDK.TargetManager.TargetManager.instance().primaryPageTarget();
     const networkManager = target?.model(SDK.NetworkManager.NetworkManager);
     if (!target || !networkManager) {
@@ -1581,7 +1587,7 @@ export class PerformanceAgent extends AiAgent<AgentFocus> {
     if (sdkRequest?.contentType().isImage()) {
       const contentData = await sdkRequest.requestContentData();
       if (!TextUtils.ContentData.ContentData.isError(contentData)) {
-        return contentData.asDataUrl() ?? undefined;
+        return contentData;
       }
     }
     return undefined;

package/front_end/models/javascript_metadata/NativeFunctions.js

@@ -7664,6 +7664,10 @@ export const NativeFunctions = [
     name: "registerTool",
     signatures: [["tool","?options"]]
   },
+  {
+    name: "executeTool",
+    signatures: [["tool","input_arguments","?options"]]
+  },
   {
     name: "SnapEvent",
     signatures: [["type","?eventInitDict"]]

package/front_end/models/lighthouse/RunTypes.ts

@@ -5,7 +5,7 @@ import type * as Common from '../../core/common/common.js';
 import type * as Host from '../../core/host/host.js';
 import type * as Platform from '../../core/platform/platform.js';
 
-export type CategoryId = 'performance'|'accessibility'|'best-practices'|'seo';
+export type CategoryId = 'performance'|'accessibility'|'best-practices'|'seo'|'agentic-browsing';
 export type RunMode = 'navigation'|'timespan'|'snapshot';
 
 export interface Preset {

package/front_end/models/workspace/UISourceCode.ts

@@ -719,7 +719,6 @@ export class UISourceCodeMetadata {
 
 export const enum DecoratorType {
   PERFORMANCE = 'performance',
-  MEMORY = 'memory',
   COVERAGE = 'coverage',
 }