chrome-devtools-frontend 1.0.1562885 → 1.0.1563377

package/AUTHORS

@@ -36,6 +36,7 @@ Douglas Chiang <douglasdothnc@gmail.com>
 Dragonish <no.web.developer@outlook.com>
 Eden Wang <nedenwang@gmail.com>
 Edward Trist <edwardtrist@gmail.com>
+Emir D <emrd434@gmail.com>
 Ergün Erdoğmuş <erdogmusergun@gmail.com>
 Eric Rannaud <eric.rannaud@gmail.com>
 Faisal Salman <fyzlman@gmail.com>

package/front_end/core/sdk/CSSMatchedStyles.ts

@@ -649,12 +649,13 @@ export class CSSMatchedStyles {
     // DOMInheritanceCascades.
     for (const [pseudoType, nodeCascade] of pseudoCascades.entries()) {
       pseudoInheritanceCascades.set(
-          pseudoType, new DOMInheritanceCascade(this, nodeCascade, this.#registeredProperties));
+          pseudoType, new DOMInheritanceCascade(this, nodeCascade, this.#registeredProperties, this.#mainDOMCascade));
     }
 
     for (const [highlightName, nodeCascade] of customHighlightPseudoCascades.entries()) {
       customHighlightPseudoInheritanceCascades.set(
-          highlightName, new DOMInheritanceCascade(this, nodeCascade, this.#registeredProperties));
+          highlightName,
+          new DOMInheritanceCascade(this, nodeCascade, this.#registeredProperties, this.#mainDOMCascade));
     }
 
     return [pseudoInheritanceCascades, customHighlightPseudoInheritanceCascades];
@@ -959,17 +960,15 @@ class NodeCascade {
   #matchedStyles: CSSMatchedStyles;
   readonly styles: CSSStyleDeclaration[];
   readonly #isInherited: boolean;
-  readonly #isHighlightPseudoCascade: boolean;
   readonly propertiesState = new Map<CSSProperty, PropertyState>();
   readonly activeProperties = new Map<string, CSSProperty>();
   readonly #node: DOMNode;
   constructor(
       matchedStyles: CSSMatchedStyles, styles: CSSStyleDeclaration[], node: DOMNode, isInherited: boolean,
-      isHighlightPseudoCascade = false) {
+      readonly isHighlightPseudoCascade = false) {
     this.#matchedStyles = matchedStyles;
     this.styles = styles;
     this.#isInherited = isInherited;
-    this.#isHighlightPseudoCascade = isHighlightPseudoCascade;
     this.#node = node;
   }
 
@@ -992,9 +991,16 @@ class NodeCascade {
         // Do not pick non-inherited properties from inherited styles.
         const metadata = cssMetadata();
 
-        // All properties are inherited for highlight pseudos.
-        if (this.#isInherited && !this.#isHighlightPseudoCascade && !metadata.isPropertyInherited(property.name)) {
-          continue;
+        if (this.#isInherited) {
+          if (this.isHighlightPseudoCascade) {
+            // All properties are inherited for highlight pseudos, but custom
+            // variables do not come from the inherited pseudo elements.
+            if (property.name.startsWith('--')) {
+              continue;
+            }
+          } else if (!metadata.isPropertyInherited(property.name)) {
+            continue;
+          }
         }
 
         // When a property does not have a range in an otherwise ranged CSSStyleDeclaration,
@@ -1085,6 +1091,7 @@ class NodeCascade {
 function isRegular(declaration: CSSProperty|CSSRegisteredProperty): declaration is CSSProperty {
   return 'ownerStyle' in declaration;
 }
+
 export class CSSValueSource {
   readonly declaration: CSSProperty|CSSRegisteredProperty;
   constructor(declaration: CSSProperty|CSSRegisteredProperty) {
@@ -1176,15 +1183,27 @@ class DOMInheritanceCascade {
   readonly #nodeCascades: NodeCascade[];
   #registeredProperties: CSSRegisteredProperty[];
   readonly #matchedStyles: CSSMatchedStyles;
+  readonly #fallbackCascade: DOMInheritanceCascade|null = null;
+  readonly #styles: CSSStyleDeclaration[] = [];
   constructor(
-      matchedStyles: CSSMatchedStyles, nodeCascades: NodeCascade[], registeredProperties: CSSRegisteredProperty[]) {
+      matchedStyles: CSSMatchedStyles, nodeCascades: NodeCascade[], registeredProperties: CSSRegisteredProperty[],
+      fallbackCascade: DOMInheritanceCascade|null = null) {
     this.#nodeCascades = nodeCascades;
     this.#matchedStyles = matchedStyles;
     this.#registeredProperties = registeredProperties;
+    this.#fallbackCascade = fallbackCascade;
 
     for (const nodeCascade of nodeCascades) {
       for (const style of nodeCascade.styles) {
         this.#styleToNodeCascade.set(style, nodeCascade);
+        this.#styles.push(style);
+      }
+    }
+    if (fallbackCascade) {
+      for (const [style, nodeCascade] of fallbackCascade.#styleToNodeCascade) {
+        if (!this.#styles.includes(style)) {
+          this.#styleToNodeCascade.set(style, nodeCascade);
+        }
       }
     }
   }
@@ -1248,6 +1267,9 @@ class DOMInheritanceCascade {
         }
       }
     }
+    if (this.#fallbackCascade && (!nodeCascade.isHighlightPseudoCascade || property.name.startsWith('--'))) {
+      return this.#fallbackCascade.resolveProperty(property.name, property.ownerStyle);
+    }
     return null;
   }
 
@@ -1538,7 +1560,7 @@ class DOMInheritanceCascade {
   }
 
   styles(): CSSStyleDeclaration[] {
-    return Array.from(this.#styleToNodeCascade.keys());
+    return this.#styles;
   }
 
   propertyState(property: CSSProperty): PropertyState|null {
@@ -1610,6 +1632,20 @@ class DOMInheritanceCascade {
           rule.propertyName(),
           initialValue !== null ? {value: initialValue, declaration: new CSSValueSource(rule)} : null);
     }
+    if (this.#fallbackCascade) {
+      this.#fallbackCascade.ensureInitialized();
+      for (const [cascade, available] of this.#fallbackCascade.#availableCSSVariables) {
+        this.#availableCSSVariables.set(cascade, available);
+      }
+      for (const [cascade, computed] of this.#fallbackCascade.#computedCSSVariables) {
+        this.#computedCSSVariables.set(cascade, computed);
+      }
+      for (const [key, value] of this.#fallbackCascade.#availableCSSVariables.get(
+               this.#fallbackCascade.#nodeCascades[0]) ??
+           []) {
+        accumulatedCSSVariables.set(key, value);
+      }
+    }
     for (let i = this.#nodeCascades.length - 1; i >= 0; --i) {
       const nodeCascade = this.#nodeCascades[i];
       const variableNames = [];

package/front_end/models/ai_code_completion/AiCodeCompletion.ts

@@ -2,15 +2,11 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-import * as Common from '../../core/common/common.js';
 import * as Host from '../../core/host/host.js';
 import * as Root from '../../core/root/root.js';
 
 import {debugLog} from './debug.js';
 
-export const DELAY_BEFORE_SHOWING_RESPONSE_MS = 500;
-export const AIDA_REQUEST_DEBOUNCE_TIMEOUT_MS = 200;
-
 /**
  * TODO(b/404796739): Remove these definitions of AgentOptions and RequestOptions and
  * use the existing ones which are used for AI assistance panel agents.
@@ -140,20 +136,9 @@ const console = {
 
 /**
  * The AiCodeCompletion class is responsible for fetching code completion suggestions
- * from the AIDA backend and displaying them in the text editor.
- *
- * 1. **Debouncing requests:** As the user types, we don't want to send a request
- *    for every keystroke. Instead, we use debouncing to schedule a request
- *    only after the user has paused typing for a short period
- *    (AIDA_REQUEST_THROTTLER_TIMEOUT_MS). This prevents spamming the backend with
- *    requests for intermediate typing states.
- *
- * 2. **Delaying suggestions:** When a suggestion is received from the AIDA
- *    backend, we don't show it immediately. There is a minimum delay
- *    (DELAY_BEFORE_SHOWING_RESPONSE_MS) from when the request was sent to when
- *    the suggestion is displayed.
+ * from the AIDA backend.
  */
-export class AiCodeCompletion extends Common.ObjectWrapper.ObjectWrapper<EventTypes> {
+export class AiCodeCompletion {
   #stopSequences: string[];
   #renderingTimeout?: number;
   #aidaRequestCache?: CachedRequest;
@@ -166,7 +151,6 @@ export class AiCodeCompletion extends Common.ObjectWrapper.ObjectWrapper<EventTy
   readonly #serverSideLoggingEnabled: boolean;
 
   constructor(opts: AgentOptions, panel: ContextFlavor, callbacks?: Callbacks, stopSequences?: string[]) {
-    super();
     this.#aidaClient = opts.aidaClient;
     this.#serverSideLoggingEnabled = opts.serverSideLoggingEnabled ?? false;
     this.#panel = panel;
@@ -174,14 +158,6 @@ export class AiCodeCompletion extends Common.ObjectWrapper.ObjectWrapper<EventTy
     this.#callbacks = callbacks;
   }
 
-  #debouncedRequestAidaSuggestion = Common.Debouncer.debounce(
-      (prefix: string, suffix: string, cursorPositionAtRequest: number,
-       inferenceLanguage?: Host.AidaClient.AidaInferenceLanguage) => {
-        void this.#requestAidaSuggestion(
-            this.#buildRequest(prefix, suffix, inferenceLanguage), cursorPositionAtRequest);
-      },
-      AIDA_REQUEST_DEBOUNCE_TIMEOUT_MS);
-
   #buildRequest(
       prefix: string, suffix: string,
       inferenceLanguage: Host.AidaClient.AidaInferenceLanguage = Host.AidaClient.AidaInferenceLanguage.JAVASCRIPT,
@@ -246,125 +222,6 @@ export class AiCodeCompletion extends Common.ObjectWrapper.ObjectWrapper<EventTy
     };
   }
 
-  #pickSampleFromResponse(response: Host.AidaClient.CompletionResponse): Host.AidaClient.GenerationSample|null {
-    if (!response.generatedSamples.length) {
-      return null;
-    }
-
-    // `currentHint` is the portion of a standard autocomplete suggestion that the user has not yet typed.
-    // For example, if the user types `document.queryS` and the autocomplete suggests `document.querySelector`,
-    // the `currentHint` is `elector`.
-    const currentHintInMenu = this.#callbacks?.getCompletionHint();
-    // TODO(ergunsh): We should not do this check here. Instead, the AI code suggestions should be provided
-    // as it is to the view plugin. The view plugin should choose which one to use based on the completion hint
-    // and selected completion.
-    if (!currentHintInMenu) {
-      return response.generatedSamples[0];
-    }
-
-    // TODO(ergunsh): This does not handle looking for `selectedCompletion`. The `currentHint` is `null`
-    // for the Sources panel case.
-    // Even though there is no match, we still return the first suggestion which will be displayed
-    // when the traditional autocomplete menu is closed.
-    return response.generatedSamples.find(sample => sample.generationString.startsWith(currentHintInMenu)) ??
-        response.generatedSamples[0];
-  }
-
-  async #generateSampleForRequest(request: Host.AidaClient.CompletionRequest, cursor: number): Promise<{
-    suggestionText: string,
-    fromCache: boolean,
-    citations: Host.AidaClient.Citation[],
-    rpcGlobalId?: Host.AidaClient.RpcGlobalId,
-    sampleId?: number,
-  }|null> {
-    const {response, fromCache} = await this.#completeCodeCached(request);
-    debugLog('At cursor position', cursor, {request, response, fromCache});
-    if (!response) {
-      return null;
-    }
-
-    const suggestionSample = this.#pickSampleFromResponse(response);
-    if (!suggestionSample) {
-      return null;
-    }
-
-    const shouldBlock =
-        suggestionSample.attributionMetadata?.attributionAction === Host.AidaClient.RecitationAction.BLOCK;
-    if (shouldBlock) {
-      return null;
-    }
-
-    const isRepetitive = this.#checkIfSuggestionRepeatsExistingText(suggestionSample.generationString, request);
-    if (isRepetitive) {
-      return null;
-    }
-
-    const suggestionText = this.#trimSuggestionOverlap(suggestionSample.generationString, request);
-    if (suggestionText.length === 0) {
-      return null;
-    }
-
-    return {
-      suggestionText,
-      sampleId: suggestionSample.sampleId,
-      fromCache,
-      citations: suggestionSample.attributionMetadata?.citations ?? [],
-      rpcGlobalId: response.metadata.rpcGlobalId,
-    };
-  }
-
-  async #requestAidaSuggestion(request: Host.AidaClient.CompletionRequest, cursorPositionAtRequest: number):
-      Promise<void> {
-    const startTime = performance.now();
-    this.dispatchEventToListeners(Events.REQUEST_TRIGGERED, {});
-    // Registering AiCodeCompletionRequestTriggered metric even if the request is served from cache
-    Host.userMetrics.actionTaken(Host.UserMetrics.Action.AiCodeCompletionRequestTriggered);
-
-    try {
-      const sampleResponse = await this.#generateSampleForRequest(request, cursorPositionAtRequest);
-      if (!sampleResponse) {
-        this.dispatchEventToListeners(Events.RESPONSE_RECEIVED, {});
-        return;
-      }
-
-      const {
-        suggestionText,
-        sampleId,
-        fromCache,
-        citations,
-        rpcGlobalId,
-      } = sampleResponse;
-      const remainingDelay = Math.max(DELAY_BEFORE_SHOWING_RESPONSE_MS - (performance.now() - startTime), 0);
-      this.#renderingTimeout = window.setTimeout(() => {
-        const currentCursorPosition = this.#callbacks?.getSelectionHead();
-        if (currentCursorPosition !== cursorPositionAtRequest) {
-          this.dispatchEventToListeners(Events.RESPONSE_RECEIVED, {});
-          return;
-        }
-        this.#callbacks?.setAiAutoCompletion({
-          text: suggestionText,
-          from: cursorPositionAtRequest,
-          rpcGlobalId,
-          sampleId,
-          startTime,
-          onImpression: this.registerUserImpression.bind(this),
-          clearCachedRequest: this.clearCachedRequest.bind(this),
-        });
-
-        if (fromCache) {
-          Host.userMetrics.actionTaken(Host.UserMetrics.Action.AiCodeCompletionResponseServedFromCache);
-        }
-
-        debugLog('Suggestion dispatched to the editor', suggestionText, 'at cursor position', cursorPositionAtRequest);
-        this.dispatchEventToListeners(Events.RESPONSE_RECEIVED, {citations});
-      }, remainingDelay);
-    } catch (e) {
-      debugLog('Error while fetching code completion suggestions from AIDA', e);
-      this.dispatchEventToListeners(Events.RESPONSE_RECEIVED, {});
-      Host.userMetrics.actionTaken(Host.UserMetrics.Action.AiCodeCompletionError);
-    }
-  }
-
   get #userTier(): string|undefined {
     return Root.Runtime.hostConfig.devToolsAiCodeCompletion?.userTier;
   }
@@ -379,30 +236,6 @@ export class AiCodeCompletion extends Common.ObjectWrapper.ObjectWrapper<EventTy
     };
   }
 
-  /**
-   * Removes the end of a suggestion if it overlaps with the start of the suffix.
-   */
-  #trimSuggestionOverlap(generationString: string, request: Host.AidaClient.CompletionRequest): string {
-    const suffix = request.suffix;
-    if (!suffix) {
-      return generationString;
-    }
-
-    // Iterate from the longest possible overlap down to the shortest
-    for (let i = Math.min(generationString.length, suffix.length); i > 0; i--) {
-      const overlapCandidate = suffix.substring(0, i);
-      if (generationString.endsWith(overlapCandidate)) {
-        return generationString.slice(0, -i);
-      }
-    }
-    return generationString;
-  }
-
-  #checkIfSuggestionRepeatsExistingText(generationString: string, request: Host.AidaClient.CompletionRequest): boolean {
-    const {prefix, suffix} = request;
-    return Boolean(prefix.includes(generationString.trim()) || suffix?.includes(generationString.trim()));
-  }
-
   #checkCachedRequestForResponse(request: Host.AidaClient.CompletionRequest): Host.AidaClient.CompletionResponse|null {
     if (!this.#aidaRequestCache || this.#aidaRequestCache.request.suffix !== request.suffix ||
         JSON.stringify(this.#aidaRequestCache.request.options) !== JSON.stringify(request.options)) {
@@ -476,12 +309,6 @@ export class AiCodeCompletion extends Common.ObjectWrapper.ObjectWrapper<EventTy
     this.#aidaRequestCache = undefined;
   }
 
-  onTextChanged(
-      prefix: string, suffix: string, cursorPositionAtRequest: number,
-      inferenceLanguage?: Host.AidaClient.AidaInferenceLanguage): void {
-    this.#debouncedRequestAidaSuggestion(prefix, suffix, cursorPositionAtRequest, inferenceLanguage);
-  }
-
   async completeCode(
       prefix: string, suffix: string, cursorPositionAtRequest: number,
       inferenceLanguage?: Host.AidaClient.AidaInferenceLanguage,
@@ -525,18 +352,3 @@ export const enum ContextFlavor {
   CONSOLE = 'console',  // generated code can contain console specific APIs like `$0`.
   SOURCES = 'sources',
 }
-
-export const enum Events {
-  RESPONSE_RECEIVED = 'ResponseReceived',
-  REQUEST_TRIGGERED = 'RequestTriggered',
-}
-
-export interface ResponseReceivedEvent {
-  citations?: Host.AidaClient.Citation[];
-}
-
-export interface EventTypes {
-  [Events.RESPONSE_RECEIVED]: ResponseReceivedEvent;
-  // eslint-disable-next-line @typescript-eslint/no-empty-object-type
-  [Events.REQUEST_TRIGGERED]: {};
-}

package/front_end/models/ai_code_generation/AiCodeGeneration.ts

@@ -13,9 +13,15 @@ Your role is to act as an expert pair programmer within the Chrome DevTools envi
 
 **Core Directives (Adhere to these strictly):**
 
-1.  **Language and Quality:**
-    *   Generate code that is modern, efficient, and idiomatic for the inferred language (e.g., modern JavaScript/ES6+, semantic HTML5, efficient CSS).
-    *   Where appropriate, include basic error handling (e.g., for API calls).
+1. **Language and Quality:**
+    * Generate code that is modern, efficient, and idiomatic for the inferred language (e.g., modern JavaScript/ES6+, semantic HTML5, efficient CSS).
+    * Where appropriate, include basic error handling (e.g., for API calls).
+    * Determine the programming language from the user's prompt.
+
+2.  **Output Format (Strict):**
+    * **Return ONLY code blocks.** * Do NOT include any introductory text, explanations, or concluding remarks.
+    * Do NOT provide step-by-step guides or descriptions of how the code works.
+    * Inline comments within the code are permitted and encouraged for clarity.
 `;
 
 export const additionalContextForConsole = `
@@ -59,6 +65,10 @@ export class AiCodeGeneration {
     function validTemperature(temperature: number|undefined): number|undefined {
       return typeof temperature === 'number' && temperature >= 0 ? temperature : undefined;
     }
+
+    // Workaround: Combine preamble and target language into the main prompt to enforce instructions.
+    // The API and model ignores system-level instructions provided in the preamble field of the request.
+    prompt = preamble + prompt + '\n**Target Language:** ' + inferenceLanguage;
     return {
       client: Host.AidaClient.CLIENT_NAME,
       preamble,
@@ -70,10 +80,8 @@ export class AiCodeGeneration {
       },
       use_case: Host.AidaClient.UseCase.CODE_GENERATION,
       options: {
-        inference_language: inferenceLanguage,
         temperature: validTemperature(this.#options.temperature),
         model_id: this.#options.modelId || undefined,
-        expect_code_output: true,
       },
       metadata: {
         disable_user_content_logging: !(this.#serverSideLoggingEnabled ?? false),

package/front_end/models/javascript_metadata/NativeFunctions.js

@@ -6663,18 +6663,6 @@ export const NativeFunctions = [
     name: "moveBefore",
     signatures: [["node","child"]]
   },
-  {
-    name: "patchBetween",
-    signatures: [["prev_child","next_child"]]
-  },
-  {
-    name: "patchAfter",
-    signatures: [["ref"]]
-  },
-  {
-    name: "patchBefore",
-    signatures: [["ref"]]
-  },
   {
     name: "QuotaExceededError",
     signatures: [["?message","?options"]]
@@ -7193,10 +7181,6 @@ export const NativeFunctions = [
     name: "setMenuListOptionsBoundsInAXTree",
     signatures: [["options_bounds","children_updated"]]
   },
-  {
-    name: "PatchEvent",
-    signatures: [["type","init"]]
-  },
   {
     name: "allowsFeature",
     signatures: [["feature","?origin"]]
@@ -9088,7 +9072,7 @@ export const NativeFunctions = [
   },
   {
     name: "copyElementImageToTexture",
-    signatures: [["source","destination"],["source","width","height","destination"]]
+    signatures: [["source","destination"],["source","width","height","destination"],["source","sx","sy","swidth","sheight","destination"]]
   },
   {
     name: "setIndexBuffer",

package/front_end/panels/ai_assistance/components/ChatInput.ts

@@ -134,6 +134,7 @@ export interface ViewInput {
   onTakeScreenshot: () => void;
   onRemoveImageInput: () => void;
   onImageUpload: (ev: Event) => void;
+  onImagePaste: (event: ClipboardEvent) => void;
 }
 
 export type ViewOutput = undefined;
@@ -287,6 +288,7 @@ export const DEFAULT_VIEW = (input: ViewInput, output: ViewOutput, target: HTMLE
               wrap="hard"
               maxlength="10000"
               @keydown=${input.onTextAreaKeyDown}
+              @paste=${input.onImagePaste}
               @input=${(event: KeyboardEvent) => {
                 input.onTextInputChange((event.target as HTMLInputElement).value);
               }}
@@ -548,6 +550,25 @@ export class ChatInput extends UI.Widget.Widget implements SDK.TargetManager.Obs
     });
   }
 
+  #handleImagePaste = (event: ClipboardEvent): void => {
+    if (this.conversationType !== AiAssistanceModel.AiHistoryStorage.ConversationType.STYLING) {
+      return;
+    }
+
+    const files = event.clipboardData?.files;
+    if (!files || files.length === 0) {
+      return;
+    }
+
+    const imageFile = Array.from(files).find(file => file.type.startsWith('image/'));
+    if (!imageFile) {
+      return;
+    }
+
+    event.preventDefault();
+    void this.#handleLoadImage(imageFile);
+  };
+
   async #handleLoadImage(file: File): Promise<void> {
     const showLoadingTimeout = setTimeout(() => {
       this.#imageInput = {isLoading: true};
@@ -631,6 +652,7 @@ export class ChatInput extends UI.Widget.Widget implements SDK.TargetManager.Obs
           textAreaRef: this.#textAreaRef,
           onContextClick: this.onContextClick,
           onInspectElementClick: this.onInspectElementClick,
+          onImagePaste: this.#handleImagePaste,
           onNewConversation: this.onNewConversation,
           onTextInputChange: () => {
             this.requestUpdate();

package/front_end/panels/common/AiCodeCompletionDisclaimer.ts

@@ -8,6 +8,7 @@ import '../../ui/components/tooltips/tooltips.js';
 import * as Host from '../../core/host/host.js';
 import * as i18n from '../../core/i18n/i18n.js';
 import * as Root from '../../core/root/root.js';
+import * as AiCodeCompletion from '../../models/ai_code_completion/ai_code_completion.js';
 import * as UI from '../../ui/legacy/legacy.js';
 import {Directives, html, nothing, render} from '../../ui/lit/lit.js';
 import * as VisualLogging from '../../ui/visual_logging/visual_logging.js';
@@ -26,13 +27,23 @@ const UIStringsNotTranslate = {
   /**
    * @description Text for tooltip shown on hovering over "Relevant Data" in the disclaimer text for AI code completion.
    */
-  tooltipDisclaimerTextForAiCodeCompletion:
+  tooltipDisclaimerTextForAiCodeCompletionInConsole:
       'To generate code suggestions, your console input and the history of your current console session are shared with Google. This data may be seen by human reviewers to improve this feature.',
   /**
    * @description Text for tooltip shown on hovering over "Relevant Data" in the disclaimer text for AI code completion.
    */
-  tooltipDisclaimerTextForAiCodeCompletionNoLogging:
-      'To generate code suggestions, your console input and the history of your current console session are shared with Google. This data will not be used to improve Google’s AI models.',
+  tooltipDisclaimerTextForAiCodeCompletionNoLoggingInConsole:
+      'To generate code suggestions, your console input and the history of your current console session are shared with Google. This data will not be used to improve Google’s AI models. Your organization may change these settings at any time.',
+  /**
+   * @description Text for tooltip shown on hovering over "Relevant Data" in the disclaimer text for AI code generation in Sources panel.
+   */
+  tooltipDisclaimerTextForAiCodeCompletionInSources:
+      'To generate code suggestions, the contents of the currently open file are shared with Google. This data may be seen by human reviewers to improve this feature.',
+  /**
+   * @description Text for tooltip shown on hovering over "Relevant Data" in the disclaimer text for AI code generation in Sources panel.
+   */
+  tooltipDisclaimerTextForAiCodeCompletionNoLoggingInSources:
+      'To generate code suggestions, the contents of the currently open file are shared with Google. This data will not be used to improve Google’s AI models. Your organization may change these settings at any time.',
   /**
    * Text for tooltip shown on hovering over spinner.
    */
@@ -49,12 +60,27 @@ const UIStringsNotTranslate = {
 
 const lockedString = i18n.i18n.lockedString;
 
+function getTooltipDisclaimerText(noLogging: boolean, panel: AiCodeCompletion.AiCodeCompletion.ContextFlavor): string {
+  switch (panel) {
+    case AiCodeCompletion.AiCodeCompletion.ContextFlavor.CONSOLE:
+      return noLogging ?
+          lockedString(UIStringsNotTranslate.tooltipDisclaimerTextForAiCodeCompletionNoLoggingInConsole) :
+          lockedString(UIStringsNotTranslate.tooltipDisclaimerTextForAiCodeCompletionInConsole);
+    case AiCodeCompletion.AiCodeCompletion.ContextFlavor.SOURCES:
+      return noLogging ?
+          lockedString(UIStringsNotTranslate.tooltipDisclaimerTextForAiCodeCompletionNoLoggingInSources) :
+          lockedString(UIStringsNotTranslate.tooltipDisclaimerTextForAiCodeCompletionInSources);
+  }
+}
+
 export interface ViewInput {
   disclaimerTooltipId?: string;
   spinnerTooltipId?: string;
   noLogging: boolean;
   aidaAvailability?: Host.AidaClient.AidaAccessPreconditions;
   onManageInSettingsTooltipClick: () => void;
+  // TODO(b/472268298): Remove ContextFlavor explicitly and pass required values
+  panel?: AiCodeCompletion.AiCodeCompletion.ContextFlavor;
 }
 
 export interface ViewOutput {
@@ -67,10 +93,11 @@ export type View = (input: ViewInput, output: ViewOutput, target: HTMLElement) =
 export const DEFAULT_SUMMARY_TOOLBAR_VIEW: View =
     (input, output, target) => {
       if (input.aidaAvailability !== Host.AidaClient.AidaAccessPreconditions.AVAILABLE || !input.disclaimerTooltipId ||
-          !input.spinnerTooltipId) {
+          !input.spinnerTooltipId || !input.panel) {
         render(nothing, target);
         return;
       }
+      const tooltipDisclaimerText = getTooltipDisclaimerText(input.noLogging, input.panel);
       // clang-format off
   render(
     html`
@@ -118,7 +145,7 @@ export const DEFAULT_SUMMARY_TOOLBAR_VIEW: View =
                 }
               })}>
             <div class="disclaimer-tooltip-container"><div class="tooltip-text">
-                ${input.noLogging ? lockedString(UIStringsNotTranslate.tooltipDisclaimerTextForAiCodeCompletionNoLogging) : lockedString(UIStringsNotTranslate.tooltipDisclaimerTextForAiCodeCompletion)}
+                ${tooltipDisclaimerText}
                 </div>
                 <span
                     tabIndex="0"
@@ -146,6 +173,7 @@ export class AiCodeCompletionDisclaimer extends UI.Widget.Widget {
   #loading = false;
   #loadingStartTime = 0;
   #spinnerLoadingTimeout: number|undefined;
+  #panel?: AiCodeCompletion.AiCodeCompletion.ContextFlavor;
 
   #aidaAvailability?: Host.AidaClient.AidaAccessPreconditions;
   #boundOnAidaAvailabilityChange: () => Promise<void>;
@@ -196,6 +224,11 @@ export class AiCodeCompletionDisclaimer extends UI.Widget.Widget {
     }
   }
 
+  set panel(panel: AiCodeCompletion.AiCodeCompletion.ContextFlavor) {
+    this.#panel = panel;
+    this.requestUpdate();
+  }
+
   async #onAidaAvailabilityChange(): Promise<void> {
     const currentAidaAvailability = await Host.AidaClient.AidaClient.checkAccessPreconditions();
     if (currentAidaAvailability !== this.#aidaAvailability) {
@@ -217,6 +250,7 @@ export class AiCodeCompletionDisclaimer extends UI.Widget.Widget {
           noLogging: this.#noLogging,
           aidaAvailability: this.#aidaAvailability,
           onManageInSettingsTooltipClick: this.#onManageInSettingsTooltipClick.bind(this),
+          panel: this.#panel,
         },
         this.#viewOutput, this.contentElement);
   }

package/front_end/panels/common/AiCodeCompletionSummaryToolbar.ts

@@ -7,6 +7,7 @@ import '../../ui/components/tooltips/tooltips.js';
 
 import * as Host from '../../core/host/host.js';
 import * as i18n from '../../core/i18n/i18n.js';
+import type * as AiCodeCompletion from '../../models/ai_code_completion/ai_code_completion.js';
 import * as UI from '../../ui/legacy/legacy.js';
 import {Directives, html, nothing, render} from '../../ui/lit/lit.js';
 import * as VisualLogging from '../../ui/visual_logging/visual_logging.js';
@@ -32,6 +33,7 @@ export interface AiCodeCompletionSummaryToolbarProps {
   disclaimerTooltipId?: string;
   spinnerTooltipId?: string;
   hasTopBorder?: boolean;
+  panel: AiCodeCompletion.AiCodeCompletion.ContextFlavor;
 }
 
 export interface ViewInput {
@@ -42,6 +44,7 @@ export interface ViewInput {
   loading: boolean;
   hasTopBorder: boolean;
   aidaAvailability?: Host.AidaClient.AidaAccessPreconditions;
+  panel: AiCodeCompletion.AiCodeCompletion.ContextFlavor;
 }
 
 export type View = (input: ViewInput, output: undefined, target: HTMLElement) => void;
@@ -65,6 +68,7 @@ export const DEFAULT_SUMMARY_TOOLBAR_VIEW: View = (input, _output, target) => {
       disclaimerTooltipId: input.disclaimerTooltipId,
       spinnerTooltipId: input.spinnerTooltipId,
       loading: input.loading,
+      panel: input.panel,
     })} class="disclaimer-widget"></devtools-widget>` : nothing;
 
   const recitationNotice = input.citations && input.citations.size > 0 ?
@@ -110,6 +114,7 @@ export class AiCodeCompletionSummaryToolbar extends UI.Widget.Widget {
   #citations = new Set<string>();
   #loading = false;
   #hasTopBorder = false;
+  #panel: AiCodeCompletion.AiCodeCompletion.ContextFlavor;
 
   #aidaAvailability?: Host.AidaClient.AidaAccessPreconditions;
   #boundOnAidaAvailabilityChange: () => Promise<void>;
@@ -120,6 +125,7 @@ export class AiCodeCompletionSummaryToolbar extends UI.Widget.Widget {
     this.#spinnerTooltipId = props.spinnerTooltipId;
     this.#citationsTooltipId = props.citationsTooltipId;
     this.#hasTopBorder = props.hasTopBorder ?? false;
+    this.#panel = props.panel;
     this.#boundOnAidaAvailabilityChange = this.#onAidaAvailabilityChange.bind(this);
     this.#view = view ?? DEFAULT_SUMMARY_TOOLBAR_VIEW;
     this.requestUpdate();
@@ -158,6 +164,7 @@ export class AiCodeCompletionSummaryToolbar extends UI.Widget.Widget {
           loading: this.#loading,
           hasTopBorder: this.#hasTopBorder,
           aidaAvailability: this.#aidaAvailability,
+          panel: this.#panel,
         },
         undefined, this.contentElement);
   }