chrome-devtools-frontend 1.0.1625854 → 1.0.1626840

package/front_end/core/host/AidaClient.ts

@@ -250,7 +250,7 @@ export class AidaClient {
         } else if ('error' in result) {
           throw new Error(`Server responded: ${JSON.stringify(result)}`);
         } else {
-          throw new Error('Unknown chunk result');
+          throw new Error(`Unknown chunk result ${JSON.stringify(result)}`);
         }
       }
       if (textUpdated) {

package/front_end/core/host/AidaClientTypes.ts

@@ -133,6 +133,8 @@ export enum ClientFeature {
   CHROME_ACCESSIBILITY_AGENT = 26,
   // Chrome AI Assistance Conversation Summary Agent.
   CHROME_CONVERSATION_SUMMARY_AGENT = 27,
+  // Chrome AI Assistance Storage Agent.
+  CHROME_STORAGE_AGENT = 28,
 }
 
 export enum UserTier {

package/front_end/core/host/AidaGcaTranslation.ts

@@ -468,9 +468,9 @@ export function gcaChunkResponseToAidaChunkResponse(response: GCA.GenerateConten
                                                             })),
       };
     }
-    const chunks: AIDA.AidaChunkResponse[] = (parts).map(part => {
+    const chunks: AIDA.AidaChunkResponse[] = parts.map(part => {
       const aidaChunkResponse: AIDA.AidaChunkResponse = {metadata};
-      if (part.text) {
+      if (part.text !== undefined) {
         aidaChunkResponse.textChunk = {
           text: extractTextFromGcaParts(parts),
         };

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,7 +763,6 @@ 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,
@@ -1142,7 +1146,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,7 +5,7 @@
 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',

package/front_end/core/sdk/CSSMetadata.ts

@@ -634,6 +634,64 @@ const textEmphasisStyle = new Set([
   '"❤️"',  // <string>
 ]);
 
+const listStyleTypeValues = new Set([
+  'disc',
+  'circle',
+  'square',
+  'decimal',
+  'decimal-leading-zero',
+  'arabic-indic',
+  'bengali',
+  'cambodian',
+  'khmer',
+  'devanagari',
+  'gujarati',
+  'gurmukhi',
+  'kannada',
+  'lao',
+  'malayalam',
+  'mongolian',
+  'myanmar',
+  'oriya',
+  'persian',
+  'urdu',
+  'telugu',
+  'tibetan',
+  'thai',
+  'lower-roman',
+  'upper-roman',
+  'lower-greek',
+  'lower-alpha',
+  'lower-latin',
+  'upper-alpha',
+  'upper-latin',
+  'cjk-earthly-branch',
+  'cjk-heavenly-stem',
+  'ethiopic-halehame',
+  'ethiopic-halehame-am',
+  'ethiopic-halehame-ti-er',
+  'ethiopic-halehame-ti-et',
+  'hangul',
+  'hangul-consonant',
+  'korean-hangul-formal',
+  'korean-hanja-formal',
+  'korean-hanja-informal',
+  'hebrew',
+  'armenian',
+  'lower-armenian',
+  'upper-armenian',
+  'georgian',
+  'cjk-ideographic',
+  'simp-chinese-formal',
+  'simp-chinese-informal',
+  'trad-chinese-formal',
+  'trad-chinese-informal',
+  'hiragana',
+  'katakana',
+  'hiragana-iroha',
+  'katakana-iroha',
+]);
+
 // manually maintained list of property #values to add into autocomplete list
 const extraPropertyValues = new Map<string, Set<string>>([
   ['background-repeat', new Set(['repeat', 'repeat-x', 'repeat-y', 'no-repeat', 'space', 'round'])],
@@ -1111,63 +1169,10 @@ const extraPropertyValues = new Map<string, Set<string>>([
     new Set([
       'outside',
       'inside',
-      'disc',
-      'circle',
-      'square',
-      'decimal',
-      'decimal-leading-zero',
-      'arabic-indic',
-      'bengali',
-      'cambodian',
-      'khmer',
-      'devanagari',
-      'gujarati',
-      'gurmukhi',
-      'kannada',
-      'lao',
-      'malayalam',
-      'mongolian',
-      'myanmar',
-      'oriya',
-      'persian',
-      'urdu',
-      'telugu',
-      'tibetan',
-      'thai',
-      'lower-roman',
-      'upper-roman',
-      'lower-greek',
-      'lower-alpha',
-      'lower-latin',
-      'upper-alpha',
-      'upper-latin',
-      'cjk-earthly-branch',
-      'cjk-heavenly-stem',
-      'ethiopic-halehame',
-      'ethiopic-halehame-am',
-      'ethiopic-halehame-ti-er',
-      'ethiopic-halehame-ti-et',
-      'hangul',
-      'hangul-consonant',
-      'korean-hangul-formal',
-      'korean-hanja-formal',
-      'korean-hanja-informal',
-      'hebrew',
-      'armenian',
-      'lower-armenian',
-      'upper-armenian',
-      'georgian',
-      'cjk-ideographic',
-      'simp-chinese-formal',
-      'simp-chinese-informal',
-      'trad-chinese-formal',
-      'trad-chinese-informal',
-      'hiragana',
-      'katakana',
-      'hiragana-iroha',
-      'katakana-iroha',
+      ...listStyleTypeValues,
     ]),
   ],
+  ['list-style-type', listStyleTypeValues],
   ['max-block-size', new Set(['-webkit-fill-available', 'min-content', 'max-content', 'fit-content'])],
   ['max-inline-size', new Set(['-webkit-fill-available', 'min-content', 'max-content', 'fit-content'])],
   ['min-block-size', new Set(['-webkit-fill-available', 'min-content', 'max-content', 'fit-content'])],

package/front_end/core/sdk/CSSPropertyParserMatchers.ts

@@ -739,8 +739,10 @@ export const enum LinkableNameProperties {
   ANIMATION = 'animation',
   ANIMATION_NAME = 'animation-name',
   FONT_PALETTE = 'font-palette',
-  POSITION_TRY_FALLBACKS = 'position-try-fallbacks',
+  LIST_STYLE = 'list-style',
+  LIST_STYLE_TYPE = 'list-style-type',
   POSITION_TRY = 'position-try',
+  POSITION_TRY_FALLBACKS = 'position-try-fallbacks',
 }
 
 const enum AnimationLonghandPart {
@@ -765,8 +767,10 @@ export class LinkableNameMatcher extends matcherBase(LinkableNameMatch) {
       LinkableNameProperties.ANIMATION,
       LinkableNameProperties.ANIMATION_NAME,
       LinkableNameProperties.FONT_PALETTE,
-      LinkableNameProperties.POSITION_TRY_FALLBACKS,
+      LinkableNameProperties.LIST_STYLE,
+      LinkableNameProperties.LIST_STYLE_TYPE,
       LinkableNameProperties.POSITION_TRY,
+      LinkableNameProperties.POSITION_TRY_FALLBACKS,
     ];
     return names.includes(propertyName);
   }
@@ -867,6 +871,11 @@ export class LinkableNameMatcher extends matcherBase(LinkableNameMatch) {
       return null;
     }
 
+    // If it is a builtin keyword value, it is not linkable.
+    if (cssMetadata().getPropertyValues(propertyName).includes(text)) {
+      return null;
+    }
+
     if (propertyName === 'animation') {
       return this.matchAnimationNameInShorthand(node, matching);
     }

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/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'));
@@ -404,13 +403,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 +659,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

@@ -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

@@ -3240,6 +3240,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 +3275,10 @@ export namespace CSS {
      * true if the query contains anchored() queries.
      */
     queriesAnchored?: boolean;
+    /**
+     * CSSContainerRule.conditionText
+     */
+    conditionText: string;
   }
 
   /**
@@ -4138,6 +4146,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/StorageItem.ts

@@ -0,0 +1,16 @@
+// 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.
+
+// The StorageItem is used as context for the Ai Assistance.
+// If the user selects a row in e.g. the cookies table, the storageType and key
+// will be populated. An empty {} StorageItem is used if the user asks general questions.
+export type StorageItem = {
+  origin: string,
+}&({
+  storageType?: never,
+  key?: never,
+}|{
+  storageType: 'cookie' | 'localStorage' | 'sessionStorage',
+  key: string,
+});

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/ai_assistance/agents/StorageAgent.ts

@@ -0,0 +1,82 @@
+// 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.
+
+import * as Host from '../../../core/host/host.js';
+import * as Root from '../../../core/root/root.js';
+import type {StorageItem} from '../StorageItem.js';
+
+import {
+  AiAgent,
+  ConversationContext,
+  type RequestOptions,
+} from './AiAgent.js';
+
+// TODO(kimanh): Replace temporary preamble as soon as functions are implemented
+const preamble =
+    `You are a Senior Software Engineer, specializing in state audit and storage analysis within Chrome DevTools. Your mission is to help developers debug storage-related issues faster by analyzing the evidence in Cookies, LocalStorage, and SessionStorage and connecting it to the application logic in the source code.
+
+# Considerations
+
+-   **Raw Evidence**: Treat storage data as "raw evidence". Do not make assumptions without verifying code references.
+-   **Brevity**: Use the precision of Strunk & White, the brevity of Hemingway, and the simple clarity of Vonnegut. Keep answers short and actionable.
+
+ **CRITICAL** You are a debugging assistant in DevTools. NEVER provide answers to questions of unrelated topics such as legal advice, financial advice, personal opinions, medical advice, religion, race, politics, sexuality, gender, or any other non web-development topics. Answer "Sorry, I can't answer that. I'm best at questions about debugging web pages." to such questions.
+`;
+
+export class StorageContext extends ConversationContext<StorageItem> {
+  #item: StorageItem;
+
+  constructor(item: StorageItem) {
+    super();
+    this.#item = item;
+  }
+
+  override getOrigin(): string {
+    return this.#item.origin;
+  }
+
+  override getItem(): StorageItem {
+    return this.#item;
+  }
+
+  override getTitle(): string {
+    if (this.#item.key) {
+      return `${this.#item.storageType}: ${this.#item.key}`;
+    }
+    return `Storage for ${this.#item.origin}`;
+  }
+}
+
+export class StorageAgent extends AiAgent<StorageItem> {
+  readonly preamble = preamble;
+  readonly clientFeature = Host.AidaClient.ClientFeature.CHROME_STORAGE_AGENT;
+
+  get userTier(): string|undefined {
+    return Root.Runtime.hostConfig.devToolsFreestyler?.userTier;
+  }
+
+  get options(): RequestOptions {
+    const temperature = Root.Runtime.hostConfig.devToolsFreestyler?.temperature;
+    const modelId = Root.Runtime.hostConfig.devToolsFreestyler?.modelId;
+
+    return {
+      temperature,
+      modelId,
+    };
+  }
+
+  constructor(opts: {sessionId?: string, aidaClient?: Host.AidaClient.AidaClient} = {}) {
+    super({
+      aidaClient: opts.aidaClient ?? new Host.AidaClient.AidaClient(),
+      sessionId: opts.sessionId,
+    });
+  }
+
+  async * handleContextDetails(_context: ConversationContext<StorageItem>|null): AsyncGenerator<never, void, void> {
+  }
+
+  override async enhanceQuery(query: string, _context: ConversationContext<StorageItem>|null): Promise<string> {
+    return query;
+  }
+}