chrome-devtools-frontend 1.0.1625854 → 1.0.1626437

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/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/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/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;
+  }
+}

package/front_end/models/ai_assistance/ai_assistance.ts

@@ -14,6 +14,7 @@ import * as NetworkAgent from './agents/NetworkAgent.js';
 import * as PatchAgent from './agents/PatchAgent.js';
 import * as PerformanceAgent from './agents/PerformanceAgent.js';
 import * as PerformanceAnnotationsAgent from './agents/PerformanceAnnotationsAgent.js';
+import * as StorageAgent from './agents/StorageAgent.js';
 import * as StylingAgent from './agents/StylingAgent.js';
 import * as AiConversation from './AiConversation.js';
 import * as AiHistoryStorage from './AiHistoryStorage.js';
@@ -33,6 +34,7 @@ import * as Injected from './injected.js';
 import * as AICallTree from './performance/AICallTree.js';
 import * as AIContext from './performance/AIContext.js';
 import * as AIQueries from './performance/AIQueries.js';
+import * as StorageItem from './StorageItem.js';
 
 export {
   AccessibilityAgent,
@@ -64,6 +66,8 @@ export {
   PerformanceAnnotationsAgent,
   PerformanceInsightFormatter,
   PerformanceTraceFormatter,
+  StorageAgent,
+  StorageItem,
   StylingAgent,
   UnitFormatters,
 };

package/front_end/models/ai_assistance/data_formatters/PerformanceTraceFormatter.snapshot.txt

@@ -332,33 +332,21 @@ IMPORTANT: Never show eventKey to the user.
 
 The following are markdown block(s) of code that ran in the page, each representing a separate function. <FUNCTION_START> and <FUNCTION_END> marks the exact function declaration, and everything outside that is provided for additional context. Comments at the end of each line indicate the runtime performance cost of that code. Do not show the user the function markers or the additional context.
 
-Here are 3 relevant functions:
+Here is the first line of 3 relevant functions:
 
-(anonymous) @ https://s.yimg.com/aaq/prebid/prebid-2.0.js:12:53984. With added context, chunk is from 9:0 to 18:0
+(anonymous) @ https://s.yimg.com/aaq/prebid/prebid-2.0.js:12:53984
 ```
-// context ...
-
 () => { /* some code from https://s.yimg.com/aaq/prebid/prebid-2.0.js... */ }
-
-// context ...
 ```
 
-(anonymous) @ https://s.yimg.com/aaq/f10d509c/d1irmdsmbztlvx.js:0:43042. With added context, chunk is from 0:0 to 6:0
+(anonymous) @ https://s.yimg.com/aaq/f10d509c/d1irmdsmbztlvx.js:0:43042
 ```
-// context ...
-
 () => { /* some code from https://s.yimg.com/aaq/f10d509c/d1irmdsmbztlvx.js... */ }
-
-// context ...
 ```
 
-(anonymous) @ https://s.yimg.com/aaq/prebid/prebid-2.0.js:12:15854. With added context, chunk is from 9:0 to 18:0
+(anonymous) @ https://s.yimg.com/aaq/prebid/prebid-2.0.js:12:15854
 ```
-// context ...
-
 () => { /* some code from https://s.yimg.com/aaq/prebid/prebid-2.0.js... */ }
-
-// context ...
 ```
 
 # Bottom-up main thread summary
@@ -1019,42 +1007,26 @@ IMPORTANT: Never show eventKey to the user.
 
 The following are markdown block(s) of code that ran in the page, each representing a separate function. <FUNCTION_START> and <FUNCTION_END> marks the exact function declaration, and everything outside that is provided for additional context. Comments at the end of each line indicate the runtime performance cost of that code. Do not show the user the function markers or the additional context.
 
-Here are 4 relevant functions:
+Here is the first line of 4 relevant functions:
 
-(anonymous) @ https://www.gstatic.com/firebasejs/6.6.1/firebase-auth.js:0:0. With added context, chunk is from 0:0 to 6:0
+(anonymous) @ https://www.gstatic.com/firebasejs/6.6.1/firebase-auth.js:0:0
 ```
-// context ...
-
 () => { /* some code from https://www.gstatic.com/firebasejs/6.6.1/firebase-auth.js... */ }
-
-// context ...
 ```
 
-(anonymous) @ https://www.gstatic.com/firebasejs/6.6.1/firebase-auth.js:0:231. With added context, chunk is from 0:0 to 6:0
+(anonymous) @ https://www.gstatic.com/firebasejs/6.6.1/firebase-auth.js:0:231
 ```
-// context ...
-
 () => { /* some code from https://www.gstatic.com/firebasejs/6.6.1/firebase-auth.js... */ }
-
-// context ...
 ```
 
-(anonymous) @ https://www.gstatic.com/firebasejs/6.6.1/firebase-auth.js:0:292. With added context, chunk is from 0:0 to 6:0
+(anonymous) @ https://www.gstatic.com/firebasejs/6.6.1/firebase-auth.js:0:292
 ```
-// context ...
-
 () => { /* some code from https://www.gstatic.com/firebasejs/6.6.1/firebase-auth.js... */ }
-
-// context ...
 ```
 
-(anonymous) @ https://www.gstatic.com/firebasejs/6.6.1/firebase-auth.js:0:155034. With added context, chunk is from 0:0 to 6:0
+(anonymous) @ https://www.gstatic.com/firebasejs/6.6.1/firebase-auth.js:0:155034
 ```
-// context ...
-
 () => { /* some code from https://www.gstatic.com/firebasejs/6.6.1/firebase-auth.js... */ }
-
-// context ...
 ```
 === end content
 

package/front_end/models/ai_assistance/data_formatters/PerformanceTraceFormatter.ts

@@ -901,6 +901,29 @@ The order of headers corresponds to an internal fixed list. If a header is not p
     return parts.join('\n');
   }
 
+  /**
+   * Formats only the first line of the function code to save space in summaries.
+   * The agent can use this information (url, line, column) to get the whole function source.
+   */
+  #formatFunctionCodeSummary(code: SourceMapScopes.FunctionCodeResolver.FunctionCode): string {
+    this.#formattedFunctionCodes.add(this.#functionCodeToKey(code));
+
+    const {startLine, startColumn} = code.range;
+    const name = code.functionBounds.name || '(anonymous)';
+    const url = code.functionBounds.uiSourceCode.url();
+
+    const lines = code.code.split('\n');
+    const firstLine = lines[0] || '';
+
+    const parts = [];
+    parts.push(`${name} @ ${url}:${startLine}:${startColumn}`);
+    parts.push('```');
+    parts.push(firstLine);
+    parts.push('```');
+
+    return parts.join('\n');
+  }
+
   /**
    * Appends the code of each call frame's function, but only if the function was not
    * serialized previously.
@@ -917,7 +940,7 @@ The order of headers corresponds to an internal fixed list. If a header is not p
             resolveFunctionCode(frame.url as Platform.DevToolsPath.UrlString, frame.lineNumber, frame.columnNumber)));
     for (const code of functionCodes) {
       if (code && !this.#hasFormattedFunctionCode(code)) {
-        functionCodeStrings.push(this.#formatFunctionCode(code));
+        functionCodeStrings.push(this.#formatFunctionCodeSummary(code));
       }
     }
 
@@ -927,8 +950,8 @@ The order of headers corresponds to an internal fixed list. If a header is not p
 
     return '\n' + [
       this.#getFormattedFunctionCodeExplainer(),
-      functionCodeStrings.length > 1 ? `Here are ${functionCodeStrings.length} relevant functions:` :
-                                       `Here is a relevant function:`,
+      functionCodeStrings.length > 1 ? `Here is the first line of ${functionCodeStrings.length} relevant functions:` :
+                                       `Here is the first line of a relevant function:`,
       ...functionCodeStrings,
     ].join('\n\n');
   }

package/front_end/models/javascript_metadata/NativeFunctions.js

@@ -7960,10 +7960,6 @@ export const NativeFunctions = [
     name: "strokeTextCluster",
     signatures: [["textCluster","x","y","?options"]]
   },
-  {
-    name: "transferToGPUTexture",
-    signatures: [["options"]]
-  },
   {
     name: "beginLayer",
     signatures: [["?options"]]

package/front_end/models/web_mcp/WebMCPModel.ts

@@ -147,12 +147,17 @@ export class Tool {
         new SDK.DOMModel.DeferredDOMNode(target, this.#protocolTool.backendNodeId);
   }
 
-  async invoke(input: unknown): Promise<Protocol.WebMCP.InvokeToolResponse|undefined> {
-    return await this.#target.deref()?.webMCPAgent().invoke_invokeTool({
+  async invoke(input: unknown): Promise<string|undefined> {
+    const target = this.#target.deref();
+    const response = await target?.webMCPAgent().invoke_invokeTool({
       toolName: this.name,
       frameId: this.#protocolTool.frameId,
       input,
     });
+    if (!response || response.getError()) {
+      return undefined;
+    }
+    return response.invocationId;
   }
 }
 export interface EventTypes {
@@ -190,6 +195,10 @@ export class WebMCPModel extends SDK.SDKModel.SDKModel<EventTypes> implements Pr
     return [...this.#calls.values()];
   }
 
+  toolCallForId(invocationId: string): Call|undefined {
+    return this.#calls.get(invocationId);
+  }
+
   clearCalls(): void {
     this.#calls.clear();
   }

package/front_end/panels/ai_assistance/ai_assistance-meta.ts

@@ -115,9 +115,14 @@ function isFileAgentFeatureAvailable(config?: Root.Runtime.HostConfig): boolean
   return (config?.aidaAvailability?.enabled && (config?.devToolsAiAssistanceFileAgent?.enabled)) === true;
 }
 
+function isStorageAgentFeatureAvailable(config?: Root.Runtime.HostConfig): boolean {
+  return (config?.aidaAvailability?.enabled && (config?.devToolsAiAssistanceStorageAgent?.enabled)) === true;
+}
+
 function isAnyFeatureAvailable(config?: Root.Runtime.HostConfig): boolean {
   return isStylingAgentFeatureAvailable(config) || isNetworkAgentFeatureAvailable(config) ||
-      isPerformanceAgentFeatureAvailable(config) || isFileAgentFeatureAvailable(config);
+      isPerformanceAgentFeatureAvailable(config) || isFileAgentFeatureAvailable(config) ||
+      isStorageAgentFeatureAvailable(config);
 }
 
 UI.ViewManager.registerViewExtension({