chrome-devtools-frontend 1.0.1571573 → 1.0.1573331

package/front_end/panels/timeline/TimelineUIUtils.ts

@@ -505,7 +505,7 @@ export class TimelineUIUtils {
   static getGetDebugModeEnabled(): boolean {
     if (TimelineUIUtils.debugModeEnabled === undefined) {
       TimelineUIUtils.debugModeEnabled =
-          Root.Runtime.experiments.isEnabled(Root.Runtime.ExperimentName.TIMELINE_DEBUG_MODE);
+          Root.Runtime.experiments.isEnabled(Root.ExperimentNames.ExperimentName.TIMELINE_DEBUG_MODE);
     }
     return TimelineUIUtils.debugModeEnabled;
   }
@@ -1527,7 +1527,7 @@ export class TimelineUIUtils {
       await TimelineUIUtils.generateCauses(event, contentHelper, parsedTrace);
     }
 
-    if (Root.Runtime.experiments.isEnabled(Root.Runtime.ExperimentName.TIMELINE_DEBUG_MODE)) {
+    if (Root.Runtime.experiments.isEnabled(Root.ExperimentNames.ExperimentName.TIMELINE_DEBUG_MODE)) {
       TimelineUIUtils.renderEventJson(event, contentHelper);
     }
 

package/front_end/panels/timeline/components/ExportTraceOptions.ts

@@ -3,6 +3,7 @@
 // found in the LICENSE file.
 /* eslint-disable @devtools/no-lit-render-outside-of-view */
 
+import '../../../ui/kit/kit.js';
 import '../../../ui/components/tooltips/tooltips.js';
 import '../../../ui/components/buttons/buttons.js';
 
@@ -14,7 +15,6 @@ import * as Dialogs from '../../../ui/components/dialogs/dialogs.js';
 import * as ComponentHelpers from '../../../ui/components/helpers/helpers.js';
 import * as UI from '../../../ui/legacy/legacy.js';
 import * as Lit from '../../../ui/lit/lit.js';
-import * as VisualLogging from '../../../ui/visual_logging/visual_logging.js';
 
 import exportTraceOptionsStyles from './exportTraceOptions.css.js';
 
@@ -299,12 +299,12 @@ export class ExportTraceOptions extends HTMLElement {
           ${this.#renderCheckbox('compress-with-gzip', this.#shouldCompressCheckbox, i18nString(UIStrings.shouldCompress), this.#state.shouldCompress)}
           <div class='export-trace-options-row export-trace-options-row-last'>
             <div class="export-trace-explanation">
-              <x-link
+              <devtools-link
                 href="https://developer.chrome.com/docs/devtools/performance/save-trace"
                 class=devtools-link
-                jslog=${VisualLogging.link().track({click: true, keydown:'Enter|Space'}).context('save-trace-explanation')}>
+                .jslogContext=${'save-trace-explanation'}>
                   ${i18nString(UIStrings.explanation)}
-              </x-link>
+              </devtools-link>
             </div>
             <devtools-button
                   class="setup-button"

package/front_end/panels/timeline/components/FieldSettingsDialog.ts

@@ -3,6 +3,7 @@
 // found in the LICENSE file.
 /* eslint-disable @devtools/no-lit-render-outside-of-view */
 
+import '../../../ui/kit/kit.js';
 import './OriginMap.js';
 
 import * as i18n from '../../../core/i18n/i18n.js';
@@ -12,7 +13,6 @@ import * as Dialogs from '../../../ui/components/dialogs/dialogs.js';
 import * as ComponentHelpers from '../../../ui/components/helpers/helpers.js';
 import * as Input from '../../../ui/components/input/input.js';
 import * as uiI18n from '../../../ui/i18n/i18n.js';
-import * as UI from '../../../ui/legacy/legacy.js';
 import * as Lit from '../../../ui/lit/lit.js';
 import * as VisualLogging from '../../../ui/visual_logging/visual_logging.js';
 
@@ -332,10 +332,6 @@ export class FieldSettingsDialog extends HTMLElement {
   }
 
   #render = (): void => {
-    const linkEl =
-        UI.XLink.XLink.create('https://developer.chrome.com/docs/crux', i18n.i18n.lockedString('Chrome UX Report'));
-    const descriptionEl = uiI18n.getFormatLocalizedString(str_, UIStrings.fetchAggregated, {PH1: linkEl});
-
     // clang-format off
     const output = html`
       <style>${fieldSettingsDialogStyles}</style>
@@ -356,7 +352,18 @@ export class FieldSettingsDialog extends HTMLElement {
         })}
       >
         <div class="content">
-          <div>${descriptionEl}</div>
+          <div>
+            ${uiI18n.getFormatLocalizedStringTemplate(
+              str_,
+              UIStrings.fetchAggregated,
+              {
+                PH1: html`<devtools-link
+                  href="https://developer.chrome.com/docs/crux"
+                  >${i18n.i18n.lockedString('Chrome UX Report')}</devtools-link
+                >`,
+              },
+            )}
+          </div>
           <div class="privacy-disclosure">
             <h3 class="section-title">${i18nString(UIStrings.privacyDisclosure)}</h3>
             <div>${i18nString(UIStrings.whenPerformanceIsShown)}</div>

package/front_end/panels/timeline/components/LiveMetricsView.ts

@@ -867,10 +867,10 @@ export class LiveMetricsView extends LegacyWrapper.LegacyWrapper.WrappableCompon
     tmp.searchParams.set('device', device);
     const cruxVis = `${tmp.origin}/#/${tmp.search}`;
     return html`
-        (<x-link href=${cruxVis}
+        (<devtools-link href=${cruxVis}
                  class="local-field-link"
                  title=${i18nString(UIStrings.fieldDataHistoryTooltip)}
-        >${i18nString(UIStrings.fieldDataHistoryLink)}</x-link>)
+        >${i18nString(UIStrings.fieldDataHistoryLink)}</devtools-link>)
       `;
   }
 
@@ -904,13 +904,17 @@ export class LiveMetricsView extends LegacyWrapper.LegacyWrapper.WrappableCompon
       return this.#renderCollectionPeriod();
     }
 
-    const linkEl =
-        UI.XLink.XLink.create('https://developer.chrome.com/docs/crux', i18n.i18n.lockedString('Chrome UX Report'));
-    const messageEl = uiI18n.getFormatLocalizedString(str_, UIStrings.seeHowYourLocalMetricsCompare, {PH1: linkEl});
-
+    // clang-format off
     return html`
-      <div class="field-data-message">${messageEl}</div>
+      <div class="field-data-message">
+        ${uiI18n.getFormatLocalizedStringTemplate(
+          str_,
+          UIStrings.seeHowYourLocalMetricsCompare,
+          { PH1: html`<devtools-link href="https://developer.chrome.com/docs/crux">${i18n.i18n.lockedString('Chrome UX Report')}</devtools-link>` },
+        )}
+      </div>
     `;
+    // clang-format on
   }
 
   #renderLogSection(): Lit.LitTemplate {
@@ -1174,11 +1178,11 @@ export class LiveMetricsView extends LegacyWrapper.LegacyWrapper.WrappableCompon
                 ${this.#renderInpCard()}
               </div>
             </div>
-            <x-link
+            <devtools-link
               href=${helpLink}
               class="local-field-link"
               title=${i18nString(UIStrings.localFieldLearnMoreTooltip)}
-            >${i18nString(UIStrings.localFieldLearnMoreLink)}</x-link>
+            >${i18nString(UIStrings.localFieldLearnMoreLink)}</devtools-link>
             ${this.#renderLogSection()}
           </main>
           <aside class="next-steps" aria-labelledby="next-steps-section-title">

package/front_end/panels/timeline/components/exportTraceOptions.css

@@ -34,7 +34,7 @@
   white-space: normal;
 }
 
-x-link {
+devtools-link {
   color: var(--sys-color-primary);
   text-decoration-line: underline;
 }

package/front_end/panels/timeline/components/fieldSettingsDialog.css

@@ -104,7 +104,7 @@ input[type="text"][disabled] {
   color: var(--color-error-text);
 }
 
-x-link {
+devtools-link {
   color: var(--sys-color-primary);
   text-decoration-line: underline;
 }

package/front_end/panels/timeline/components/insights/BaseInsightComponent.ts

@@ -69,7 +69,6 @@ interface ViewInput {
   internalName: string;
   model: InsightModel;
   selected: boolean;
-  isAIAssistanceContext: boolean;
   showAskAI: boolean;
   estimatedSavingsString: string|null;
   estimatedSavingsAriaLabel: string|null;
@@ -88,7 +87,6 @@ const DEFAULT_VIEW: View = (input, output, target) => {
     selected,
     estimatedSavingsString,
     estimatedSavingsAriaLabel,
-    isAIAssistanceContext,
     showAskAI,
     dispatchInsightToggle,
     renderContent,
@@ -98,8 +96,7 @@ const DEFAULT_VIEW: View = (input, output, target) => {
 
   const containerClasses = Lit.Directives.classMap({
     insight: true,
-    closed: !selected || isAIAssistanceContext,
-    'ai-assistance-context': isAIAssistanceContext,
+    closed: !selected,
   });
 
   let ariaLabel = `${i18nString(UIStrings.viewDetails, {PH1: model.title})}`;
@@ -139,10 +136,6 @@ const DEFAULT_VIEW: View = (input, output, target) => {
   }
 
   function renderHoverIcon(): Lit.LitTemplate {
-    if (isAIAssistanceContext) {
-      return Lit.nothing;
-    }
-
     const containerClasses = Lit.Directives.classMap({
       'insight-hover-icon': true,
       active: selected,
@@ -205,10 +198,6 @@ export interface BaseInsightData {
 export abstract class BaseInsightComponent<T extends InsightModel> extends UI.Widget.Widget {
   #view: View;
   abstract internalName: string;
-
-  // Tracks if this component is rendered withing the AI assistance panel.
-  // Currently only relevant to GreenDev.
-  #isAIAssistanceContext = false;
   #selected = false;
   #model: T|null = null;
   #agentFocus: AIAssistance.AIContext.AgentFocus|null = null;
@@ -243,11 +232,6 @@ export abstract class BaseInsightComponent<T extends InsightModel> extends UI.Wi
     return false;
   }
 
-  set isAIAssistanceContext(isAIAssistanceContext: boolean) {
-    this.#isAIAssistanceContext = isAIAssistanceContext;
-    this.requestUpdate();
-  }
-
   set selected(selected: boolean) {
     if (!this.#selected && selected) {
       const options = this.getOverlayOptionsForInitialOverlays();
@@ -408,7 +392,6 @@ export abstract class BaseInsightComponent<T extends InsightModel> extends UI.Wi
       selected: this.#selected,
       estimatedSavingsString: this.getEstimatedSavingsString(),
       estimatedSavingsAriaLabel: this.#getEstimatedSavingsAriaLabel(),
-      isAIAssistanceContext: this.#isAIAssistanceContext,
       showAskAI: this.#canShowAskAI(),
       dispatchInsightToggle: () => this.#dispatchInsightToggle(),
       renderContent: () => this.renderContent(),
@@ -514,7 +497,7 @@ export abstract class BaseInsightComponent<T extends InsightModel> extends UI.Wi
   }
 
   #canShowAskAI(): boolean {
-    if (this.#isAIAssistanceContext || !this.hasAskAiSupport()) {
+    if (!this.hasAskAiSupport()) {
       return false;
     }
 

package/front_end/panels/timeline/components/insights/InsightRenderer.ts

@@ -61,9 +61,9 @@ export class InsightRenderer {
   renderInsightToWidgetElement(
       parsedTrace: Trace.TraceModel.ParsedTrace, insightSet: Trace.Insights.Types.InsightSet,
       model: Trace.Insights.Types.InsightModel, insightName: string,
-      options: Partial<Pick<
-          BaseInsightComponent<Trace.Insights.Types.InsightModel>,
-          'selected'|'agentFocus'|'fieldMetrics'|'isAIAssistanceContext'>>): InsightWidgetElement {
+      options: Partial<
+          Pick<BaseInsightComponent<Trace.Insights.Types.InsightModel>, 'selected'|'agentFocus'|'fieldMetrics'>>):
+      InsightWidgetElement {
     let widgetElement = this.#insightWidgetCache.get(model);
     if (!widgetElement) {
       widgetElement = document.createElement('devtools-widget') as InsightWidgetElement;
@@ -85,7 +85,6 @@ export class InsightRenderer {
       insightSetKey: insightSet.id,
       agentFocus: options.agentFocus ?? null,
       fieldMetrics: options.fieldMetrics ?? null,
-      isAIAssistanceContext: options.isAIAssistanceContext ?? false,
     });
 
     return widgetElement;

package/front_end/panels/timeline/components/insights/baseInsightComponent.css

@@ -60,11 +60,6 @@
   }
 }
 
-.insight.ai-assistance-context {
-  display: block;
-  min-width: 200px;
-}
-
 .insight-hover-icon {
   position: absolute;
   top: var(--sys-size-5);

package/front_end/panels/timeline/components/liveMetricsView.css

@@ -300,7 +300,7 @@
   font-weight: var(--ref-typeface-weight-medium);
 }
 
-x-link {
+devtools-link {
   color: var(--sys-color-primary);
   text-decoration-line: underline;
 }

package/front_end/panels/whats_new/ReleaseNoteView.ts

@@ -90,7 +90,7 @@ export class ReleaseNoteView extends UI.Panel.Panel {
                 return html`
                   <devtools-link
                   href=${value.link}
-                  .jslogContext=${'learn-more'}>
+                  jslogcontext="learn-more">
                     <div class="video">
                       <img class="thumbnail" src=${input.getThumbnailPath(value.type ?? VideoType.WHATS_NEW)}>
                       <div class="thumbnail-description"><span>${value.description}</span></div>

package/front_end/third_party/chromium/README.chromium

@@ -1,7 +1,7 @@
 Name: Dependencies sourced from the upstream `chromium` repository
 URL: https://chromium.googlesource.com/chromium/src
 Version: N/A
-Revision: 68ce69fc7f71cb8b57403cba5397e1d12753b37c
+Revision: 1eaa7f85927d5066cf8a8c7dfc076e8b2b3665d6
 Update Mechanism: Manual (https://crbug.com/428069060)
 License: BSD-3-Clause
 License File: LICENSE

package/front_end/ui/components/buttons/button.css

@@ -83,6 +83,10 @@ button {
     border: none;
     overflow: hidden;
 
+    devtools-icon {
+      color: var(--override-button-icon-color, var(--icon-default));
+    }
+
     &.small {
       --button-height: var(--sys-size-9);
       --button-width: var(--sys-size-9);

package/front_end/ui/components/markdown_view/CodeBlock.ts

@@ -204,7 +204,7 @@ export class CodeBlock extends HTMLElement {
   #renderNotice(): Lit.TemplateResult {
     // clang-format off
     return html`<p class="notice">
-      <devtools-link class="link" href="https://support.google.com/legal/answer/13505487" .jslogContext=${'code-disclaimer'}>
+      <devtools-link class="link" href="https://support.google.com/legal/answer/13505487" jslogcontext="code-disclaimer">
         ${i18nString(UIStrings.disclaimer)}
       </devtools-link>
     </p>`;

package/front_end/ui/components/panel_feedback/PanelFeedback.ts

@@ -74,7 +74,7 @@ export class PanelFeedback extends HTMLElement {
           </div>
           <div class="video-description">
             <h3>${i18nString(UIStrings.videoAndDocumentation)}</h3>
-            <devtools-link class="quick-start-link" href=${this.#props.quickStartUrl} .jslogContext=${'css-overview.quick-start'}>${this.#props.quickStartLinkText}</devtools-link>
+            <devtools-link class="quick-start-link" href=${this.#props.quickStartUrl} jslogcontext="css-overview.quick-start">${this.#props.quickStartLinkText}</devtools-link>
           </div>
         </div>
       </div>

package/front_end/ui/components/panel_feedback/PreviewToggle.ts

@@ -16,7 +16,7 @@ export interface PreviewToggleData {
   name: string;
   helperText: string|null;
   feedbackURL: string|null;
-  experiment: Root.Runtime.ExperimentName;
+  experiment: Root.ExperimentNames.ExperimentName;
   learnMoreURL?: string;
   onChangeCallback?: (checked: boolean) => void;
 }
@@ -46,7 +46,7 @@ export class PreviewToggle extends HTMLElement {
   #helperText: string|null = null;
   #feedbackURL: string|null = null;
   #learnMoreURL: string|undefined;
-  #experiment: Root.Runtime.ExperimentName|'' = '';
+  #experiment: Root.ExperimentNames.ExperimentName|'' = '';
   #onChangeCallback?: (checked: boolean) => void;
 
   set data(data: PreviewToggleData) {
@@ -76,14 +76,14 @@ export class PreviewToggle extends HTMLElement {
           </devtools-checkbox>
         <div class="spacer"></div>
         ${this.#feedbackURL && !this.#helperText
-          ? html`<div class="feedback"><devtools-link class="x-link" href=${this.#feedbackURL}>${i18nString(UIStrings.shortFeedbackLink)}</devtools-link></div>`
+          ? html`<div class="feedback"><devtools-link class="devtools-link" href=${this.#feedbackURL} jslogContext=${'feedback'}>${i18nString(UIStrings.shortFeedbackLink)}</devtools-link></div>`
           : nothing}
         ${this.#learnMoreURL
-          ? html`<div class="learn-more"><devtools-link class="x-link" href=${this.#learnMoreURL}>${i18nString(UIStrings.learnMoreLink)}</devtools-link></div>`
+          ? html`<div class="learn-more"><devtools-link class="devtools-link" href=${this.#learnMoreURL} jslogContext=${'learn-more'}>${i18nString(UIStrings.learnMoreLink)}</devtools-link></div>`
           : nothing}
         <div class="helper">
           ${this.#helperText && this.#feedbackURL
-            ? html`<p>${this.#helperText} <devtools-link class="x-link" href=${this.#feedbackURL}>${i18nString(UIStrings.previewTextFeedbackLink)}</devtools-link></p>`
+            ? html`<p>${this.#helperText} <devtools-link class="devtools-link" href=${this.#feedbackURL} jslogContext=${'feedback'}>${i18nString(UIStrings.previewTextFeedbackLink)}</devtools-link></p>`
             : nothing}
         </div>
       </div>`,

package/front_end/ui/components/panel_feedback/previewToggle.css

@@ -30,12 +30,12 @@
   flex: 1;
 }
 
-.x-link {
+.devtools-link {
   color: var(--sys-color-primary);
   text-decoration-line: underline;
   margin: 0 4px;
 }
 
-.feedback .x-link {
+.feedback .devtools-link {
   color: var(--sys-color-token-subtle);
 }

package/front_end/ui/components/text_editor/AiCodeGenerationParser.ts

@@ -9,6 +9,11 @@ const BLOCK_COMMENT_START_PATTERN = /^\/\*+\s*/;
 const BLOCK_COMMENT_END_PATTERN = /\s*\*+\/$/;
 const BLOCK_COMMENT_LINE_PREFIX_PATTERN = /^\s*\*\s?/;
 
+export interface CommentNodeInfo {
+  text: string;
+  to: number;
+}
+
 function findLastNonWhitespacePos(state: CodeMirror.EditorState, cursorPosition: number): number {
   const line = state.doc.lineAt(cursorPosition);
   const textBefore = line.text.substring(0, cursorPosition - line.from);
@@ -23,8 +28,8 @@ function resolveCommentNode(state: CodeMirror.EditorState, cursorPosition: numbe
   // The bias of -1 makes it check the character to the left of the position.
   const node = tree.resolveInner(lookupPos, -1);
   const nodeType = node.type.name;
-  // Check if the node type is a comment AND the cursor is within the node's range.
-  if (nodeType.includes('Comment') && cursorPosition >= node.to) {
+  // Check if the node type is a comment
+  if (nodeType.includes('Comment')) {
     if (!nodeType.includes('BlockComment')) {
       return node;
     }
@@ -48,7 +53,14 @@ function resolveCommentNode(state: CodeMirror.EditorState, cursorPosition: numbe
 
 function extractBlockComment(rawText: string): string|undefined {
   // Remove /* and */, whitespace, and common leading asterisks on new lines
-  let cleaned = rawText.replace(BLOCK_COMMENT_START_PATTERN, '').replace(BLOCK_COMMENT_END_PATTERN, '');
+  if (!rawText.match(BLOCK_COMMENT_START_PATTERN)) {
+    return;
+  }
+  let cleaned = rawText.replace(BLOCK_COMMENT_START_PATTERN, '');
+  if (!cleaned.match(BLOCK_COMMENT_END_PATTERN)) {
+    return;
+  }
+  cleaned = cleaned.replace(BLOCK_COMMENT_END_PATTERN, '');
   // Remove leading " * " from multi-line block comments
   cleaned = cleaned.split('\n').map(line => line.replace(BLOCK_COMMENT_LINE_PREFIX_PATTERN, '')).join('\n').trim();
   return cleaned;
@@ -59,19 +71,26 @@ function extractLineComment(rawText: string): string {
 }
 
 export class AiCodeGenerationParser {
-  static extractCommentText(state: CodeMirror.EditorState, cursorPosition: number): string|undefined {
+  static extractCommentNodeInfo(state: CodeMirror.EditorState, cursorPosition: number): CommentNodeInfo|undefined {
     const node = resolveCommentNode(state, cursorPosition);
     if (!node) {
       return;
     }
     const nodeType = node.type.name;
     const rawText = state.doc.sliceString(node.from, node.to);
+    let text = '';
     if (nodeType.includes('LineComment')) {
-      return extractLineComment(rawText);
+      text = extractLineComment(rawText);
+    } else if (nodeType.includes('BlockComment')) {
+      text = extractBlockComment(rawText) ?? '';
+    } else {
+      text = rawText;
     }
-    if (nodeType.includes('BlockComment')) {
-      return extractBlockComment(rawText);
+
+    if (!Boolean(text)) {
+      return;
     }
-    return rawText;
+
+    return {text, to: node.to};
   }
 }

package/front_end/ui/components/text_editor/AiCodeGenerationProvider.ts

@@ -258,13 +258,20 @@ export class AiCodeGenerationProvider {
     }
 
     this.#aiCodeGenerationCitations = [];
-    this.#generationTeaser.displayState = PanelCommon.AiCodeGenerationTeaser.AiCodeGenerationTeaserDisplayState.LOADING;
     const cursor = this.#editor.state.selection.main.head;
-    const query = AiCodeGenerationParser.extractCommentText(this.#editor.state, cursor);
+    const commentNodeInfo = AiCodeGenerationParser.extractCommentNodeInfo(this.#editor.state, cursor);
+    if (!commentNodeInfo) {
+      return;
+    }
+    // Move cursor to end of comment node before triggering generation.
+    this.#editor.dispatch({selection: {anchor: commentNodeInfo.to}});
+
+    const query = commentNodeInfo.text;
     if (!query || query.trim().length === 0) {
       return;
     }
 
+    this.#generationTeaser.displayState = PanelCommon.AiCodeGenerationTeaser.AiCodeGenerationTeaserDisplayState.LOADING;
     try {
       const startTime = performance.now();
       this.#aiCodeGenerationConfig?.onRequestTriggered();
@@ -297,7 +304,7 @@ export class AiCodeGenerationProvider {
         effects: [
           setAiAutoCompleteSuggestion.of({
             text: '\n' + suggestionText,
-            from: cursor,
+            from: commentNodeInfo.to,
             rpcGlobalId: generationResponse.metadata.rpcGlobalId,
             sampleId: topSample.sampleId,
             startTime,
@@ -359,14 +366,23 @@ function aiCodeGenerationTeaserExtension(teaser: PanelCommon.AiCodeGenerationTea
       const isEmptyLine = line.length === 0;
       const canShowDiscoveryState =
           UI.UIUtils.PromotionManager.instance().canShowPromotion(PanelCommon.AiCodeGenerationTeaser.PROMOTION_ID);
-      const isComment = Boolean(AiCodeGenerationParser.extractCommentText(this.#view.state, cursorPosition));
-      const isCursorAtEndOfLine = cursorPosition >= line.to;
 
-      if ((isEmptyLine && canShowDiscoveryState) || (isComment && isCursorAtEndOfLine)) {
+      if ((isEmptyLine && canShowDiscoveryState)) {
         return CodeMirror.Decoration.set([
           CodeMirror.Decoration.widget({widget: new AccessiblePlaceholder(teaser), side: 1}).range(cursorPosition),
         ]);
       }
+
+      const commentInfo = AiCodeGenerationParser.extractCommentNodeInfo(this.#view.state, cursorPosition);
+      if (commentInfo) {
+        // If cursor is inside the comment, show at the end of the comment node.
+        // If cursor is after the comment (but on same line), show at the cursor.
+        const decorationPos = Math.max(cursorPosition, commentInfo.to);
+        return CodeMirror.Decoration.set([
+          CodeMirror.Decoration.widget({widget: new AccessiblePlaceholder(teaser), side: 1}).range(decorationPos),
+        ]);
+      }
+
       return CodeMirror.Decoration.none;
     }
 
@@ -397,6 +413,20 @@ function aiCodeGenerationTeaserExtension(teaser: PanelCommon.AiCodeGenerationTea
         // Required for mouse click to propagate to the info tooltip in teaser.
         return (event.target instanceof Node && teaser.contentElement.contains(event.target));
       },
+      keydown(event: KeyboardEvent): boolean {
+        if (!UI.KeyboardShortcut.KeyboardShortcut.eventHasCtrlEquivalentKey(event) ||
+            teaser.displayState !== PanelCommon.AiCodeGenerationTeaser.AiCodeGenerationTeaserDisplayState.TRIGGER) {
+          return false;
+        }
+        if (event.key === '.') {
+          event.consume(true);
+          void VisualLogging.logKeyDown(
+              event.currentTarget, event, 'ai-code-generation-teaser.show-disclaimer-info-tooltip');
+          teaser.showTooltip();
+          return true;
+        }
+        return false;
+      }
     },
   });
 }

package/front_end/ui/components/text_editor/AutocompleteHistory.ts

@@ -20,6 +20,12 @@ export class AutocompleteHistory {
   #historyOffset = 1;
   #uncommittedIsTop = false;
 
+  /**
+   * Tracks session-local edits made to history entries during navigation.
+   * Maps history index to edited text. Cleared when a new command is committed.
+   */
+  #editedEntries = new Map<number, string>();
+
   /**
    * Creates a new settings-backed history. The class assumes it has sole
    * ownership of the setting.
@@ -33,6 +39,7 @@ export class AutocompleteHistory {
     this.#data = [];
     this.#setting.set([]);
     this.#historyOffset = 1;
+    this.#editedEntries.clear();
   }
 
   length(): number {
@@ -49,6 +56,7 @@ export class AutocompleteHistory {
     }
 
     this.#historyOffset = 1;
+    this.#editedEntries.clear();
     if (text !== this.#currentHistoryItem()) {
       this.#data.push(text);
     }
@@ -72,11 +80,33 @@ export class AutocompleteHistory {
     }
     if (this.#historyOffset === 1) {
       this.#pushCurrentText(currentText);
+    } else {
+      this.#saveCurrentEdit(currentText);
     }
     ++this.#historyOffset;
     return this.#currentHistoryItem();
   }
 
+  /**
+   * Saves the current text as an edit if it differs from the current history item
+   * (which may already have edits from a previous navigation).
+   * Only saves non-empty edits to avoid issues with navigation-only calls.
+   */
+  #saveCurrentEdit(text: string): void {
+    const index = this.#data.length - this.#historyOffset;
+    const currentValue = this.#currentHistoryItem();
+    if (text === currentValue) {
+      return;
+    }
+    const original = this.#data[index];
+    if (text !== original && text.length > 0) {
+      this.#editedEntries.set(index, text);
+    } else {
+      // Remove edit if text was restored to original (or emptied)
+      this.#editedEntries.delete(index);
+    }
+  }
+
   next(): string|undefined {
     if (this.#historyOffset === 1) {
       return undefined;
@@ -98,7 +128,9 @@ export class AutocompleteHistory {
   }
 
   #currentHistoryItem(): string|undefined {
-    return this.#data[this.#data.length - this.#historyOffset];
+    const index = this.#data.length - this.#historyOffset;
+    // Return edited version if available, otherwise return original
+    return this.#editedEntries.get(index) ?? this.#data[index];
   }
 
   #store(): void {

package/front_end/ui/legacy/ActionRegistration.ts

@@ -551,7 +551,7 @@ export interface ActionRegistration {
    * The name of the experiment an action is associated with. Enabling and disabling the declared
    * experiment will enable and disable the action respectively.
    */
-  experiment?: Root.Runtime.ExperimentName;
+  experiment?: Root.ExperimentNames.ExperimentName;
   /**
    * Whether an action needs to be promoted. A new badge is shown next to the menu items then.
    */

package/front_end/ui/legacy/ContextMenu.ts

@@ -1225,7 +1225,7 @@ export interface ProviderRegistration<T> {
   /** A function that asynchronously loads the provider instance. */
   loadProvider: () => Promise<Provider<T>>;
   /** Optional. The experiment that enables this provider. */
-  experiment?: Root.Runtime.ExperimentName;
+  experiment?: Root.ExperimentNames.ExperimentName;
 }
 
 export interface ContextMenuItemRegistration {
@@ -1236,5 +1236,5 @@ export interface ContextMenuItemRegistration {
   /** Optional. A number used for sorting items within the same location. Lower numbers appear first. */
   order?: number;
   /** Optional. The experiment that enables this item. */
-  experiment?: Root.Runtime.ExperimentName;
+  experiment?: Root.ExperimentNames.ExperimentName;
 }