chrome-devtools-frontend 1.0.1473514 → 1.0.1506453

package/front_end/core/host/UserMetrics.ts

@@ -328,6 +328,16 @@ export class UserMetrics {
     InspectorFrontendHostInstance.recordCountHistogram(
         'DevTools.PerformanceAI.NetworkSummaryResponseSize', bytes, 0, 100_000, 100);
   }
+
+  performanceAINetworkRequestDetailResponseSize(bytes: number): void {
+    InspectorFrontendHostInstance.recordCountHistogram(
+        'DevTools.PerformanceAI.NetworkRequestDetailResponseSize', bytes, 0, 100_000, 100);
+  }
+
+  performanceAIMainThreadActivityResponseSize(bytes: number): void {
+    InspectorFrontendHostInstance.recordCountHistogram(
+        'DevTools.PerformanceAI.MainThreadActivityResponseSize', bytes, 0, 100_000, 100);
+  }
 }
 
 /**
@@ -516,7 +526,7 @@ export enum Action {
   AiAssistanceOpenedFromNetworkPanel = 170,
   AiAssistanceOpenedFromSourcesPanel = 171,
   AiAssistanceOpenedFromSourcesPanelFloatingButton = 172,
-  AiAssistanceOpenedFromPerformancePanel = 173,
+  AiAssistanceOpenedFromPerformancePanelCallTree = 173,
   AiAssistanceOpenedFromNetworkPanelFloatingButton = 174,
   AiAssistancePanelOpened = 175,
   AiAssistanceQuerySubmitted = 176,
@@ -526,7 +536,9 @@ export enum Action {
   AiAssistanceSideEffectRejected = 180,
   AiAssistanceError = 181,
   AiAssistanceOpenedFromPerformanceInsight = 182,
-  MAX_VALUE = 183,
+  AiAssistanceOpenedFromPerformanceFullButton = 183,
+  AiCodeCompletionResponseServedFromCache = 184,
+  MAX_VALUE = 185,
   /* eslint-enable @typescript-eslint/naming-convention */
 }
 
@@ -773,8 +785,9 @@ export enum KeyboardShortcutAction {
   'coverage.clear' = 116,
   'coverage.export' = 117,
   'timeline.dim-third-parties' = 118,
+  'main.toggle-drawer-orientation' = 119,
   /* eslint-enable @typescript-eslint/naming-convention */
-  MAX_VALUE = 119,
+  MAX_VALUE = 120,
 }
 
 export const enum IssueOpener {
@@ -812,16 +825,16 @@ export enum DevtoolsExperiments {
   'highlight-errors-elements-panel' = 73,
   'use-source-map-scopes' = 76,
   'timeline-show-postmessage-events' = 86,
+  'timeline-save-as-gz' = 108,
+  'timeline-ask-ai-full-button' = 109,
   'timeline-enhanced-traces' = 90,
   'timeline-compiled-sources' = 91,
   'timeline-debug-mode' = 93,
-  'timeline-experimental-insights' = 102,
-  // 106 was historically used [https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6230097]
-  // next experiment should be 107
+  'vertical-drawer' = 107,
   /* eslint-enable @typescript-eslint/naming-convention */
 
   // Increment this when new experiments are added.
-  MAX_VALUE = 106,
+  MAX_VALUE = 110,
 }
 
 // Update DevToolsIssuesPanelIssueExpanded from tools/metrics/histograms/enums.xml if new enum is added.
@@ -941,11 +954,11 @@ export enum IssueCreated {
   'CookieIssue::WarnThirdPartyPhaseout::SetCookie' = 83,
   'CookieIssue::ExcludeThirdPartyPhaseout::ReadCookie' = 84,
   'CookieIssue::ExcludeThirdPartyPhaseout::SetCookie' = 85,
-  'SelectElementAccessibilityIssue::DisallowedSelectChild' = 86,
-  'SelectElementAccessibilityIssue::DisallowedOptGroupChild' = 87,
-  'SelectElementAccessibilityIssue::NonPhrasingContentOptionChild' = 88,
-  'SelectElementAccessibilityIssue::InteractiveContentOptionChild' = 89,
-  'SelectElementAccessibilityIssue::InteractiveContentLegendChild' = 90,
+  'ElementAccessibilityIssue::DisallowedSelectChild' = 86,
+  'ElementAccessibilityIssue::DisallowedOptGroupChild' = 87,
+  'ElementAccessibilityIssue::NonPhrasingContentOptionChild' = 88,
+  'ElementAccessibilityIssue::InteractiveContentOptionChild' = 89,
+  'ElementAccessibilityIssue::InteractiveContentLegendChild' = 90,
   'SRIMessageSignatureIssue::MissingSignatureHeader' = 91,
   'SRIMessageSignatureIssue::MissingSignatureInputHeader' = 92,
   'SRIMessageSignatureIssue::InvalidSignatureHeader' = 93,
@@ -968,8 +981,9 @@ export enum IssueCreated {
   'SRIMessageSignatureIssue::ValidationFailedSignatureMismatch' = 110,
   'CorsIssue::LocalNetworkAccessPermissionDenied' = 111,
   'SRIMessageSignatureIssue::ValidationFailedIntegrityMismatch' = 112,
+  'ElementAccessibilityIssue::InteractiveContentSummaryDescendant' = 113,
   /* eslint-enable @typescript-eslint/naming-convention */
-  MAX_VALUE = 113,
+  MAX_VALUE = 114,
 }
 
 export const enum DeveloperResourceLoaded {

package/front_end/core/i18n/NumberFormatter.test.ts

@@ -0,0 +1,92 @@
+// Copyright 2024 The Chromium Authors. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+import {describeWithLocale} from '../../testing/EnvironmentHelpers.js';
+
+import * as i18n from './i18n.js';
+
+describeWithLocale('NumberFormatter', () => {
+  const identity = (locale: string) => locale;
+  after(() => {
+    // Reset the singleton after the test suite for other tests.
+    const data: i18n.DevToolsLocale.DevToolsLocaleData = {
+      settingLanguage: 'en-US',
+      navigatorLanguage: '',
+      lookupClosestDevToolsLocale: identity,
+    };
+    i18n.DevToolsLocale.DevToolsLocale.instance({create: true, data});
+  });
+
+  const {defineFormatter} = i18n.NumberFormatter;
+
+  it('ensures a space is present for locales that do not add one by default', () => {
+    // German does not add a space between the number and the unit.
+    i18n.DevToolsLocale.DevToolsLocale.instance({
+      create: true,
+      data: {
+        navigatorLanguage: 'de',
+        settingLanguage: 'de',
+        lookupClosestDevToolsLocale: l => l,
+      },
+    });
+    const formatter = defineFormatter({
+      style: 'unit',
+      unit: 'byte',
+      unitDisplay: 'narrow',
+    });
+    assert.strictEqual(formatter.format(50), '50\xA0B');
+  });
+
+  it('replaces an existing space with a non-breaking space', () => {
+    // English adds a space.
+    i18n.DevToolsLocale.DevToolsLocale.instance({
+      create: true,
+      data: {
+        navigatorLanguage: 'en-US',
+        settingLanguage: 'en-US',
+        lookupClosestDevToolsLocale: l => l,
+      },
+    });
+    const formatter = defineFormatter({
+      style: 'unit',
+      unit: 'byte',
+      unitDisplay: 'narrow',
+    });
+    assert.strictEqual(formatter.format(50), '50\xA0B');
+  });
+
+  it('ensures a space is present for milliseconds', () => {
+    const formatter = defineFormatter({
+      style: 'unit',
+      unit: 'millisecond',
+      unitDisplay: 'narrow',
+    });
+    assert.strictEqual(formatter.format(50), '50\xA0ms');
+  });
+
+  it('uses a custom separator if provided', () => {
+    let formatter = defineFormatter({style: 'unit', unit: 'byte', unitDisplay: 'narrow'});
+    assert.strictEqual(formatter.format(50, ' '), '50 B');
+
+    formatter = defineFormatter({
+      style: 'unit',
+      unit: 'millisecond',
+      unitDisplay: 'narrow',
+    });
+
+    assert.strictEqual(formatter.format(500, ' '), '500 ms');
+    assert.strictEqual(formatter.format(500, '    '), '500    ms');
+  });
+
+  it('does nothing when there is no unit', () => {
+    i18n.DevToolsLocale.DevToolsLocale.instance({
+      create: true,
+      data: {navigatorLanguage: 'en-US', settingLanguage: 'en-US', lookupClosestDevToolsLocale: l => l}
+    });
+    const formatter = defineFormatter({
+      style: 'decimal',
+    });
+    assert.strictEqual(formatter.format(5000), '5,000');
+  });
+});

package/front_end/core/i18n/NumberFormatter.ts

@@ -5,7 +5,7 @@
 import {DevToolsLocale} from './DevToolsLocale.js';
 
 export interface NumberFormatter {
-  format(value: number): string;
+  format(value: number, separator?: string): string;
   formatToParts(value: number): Intl.NumberFormatPart[];
 }
 
@@ -19,11 +19,11 @@ export function defineFormatter(options: Intl.NumberFormatOptions): NumberFormat
   let intlNumberFormat: Intl.NumberFormat;
 
   return {
-    format(value) {
+    format(value, separator) {
       if (!intlNumberFormat) {
         intlNumberFormat = new Intl.NumberFormat(DevToolsLocale.instance().locale, options);
       }
-      return formatAndEnsureSpace(intlNumberFormat, value);
+      return formatAndEnsureSpace(intlNumberFormat, value, separator);
     },
     formatToParts(value) {
       if (!intlNumberFormat) {
@@ -36,9 +36,9 @@ export function defineFormatter(options: Intl.NumberFormatOptions): NumberFormat
 
 /**
  * When using 'narrow' unitDisplay, many locales exclude the space between the literal and the unit.
- * We don't like that, so when there is no space literal we inject an nbsp manually.
+ * We don't like that, so when there is no space literal we inject the provided separator manually.
  */
-function formatAndEnsureSpace(formatter: Intl.NumberFormat, value: number): string {
+function formatAndEnsureSpace(formatter: Intl.NumberFormat, value: number, separator = '\xA0'): string {
   const parts = formatter.formatToParts(value);
 
   let hasSpace = false;
@@ -46,8 +46,8 @@ function formatAndEnsureSpace(formatter: Intl.NumberFormat, value: number): stri
     if (part.type === 'literal') {
       if (part.value === ' ') {
         hasSpace = true;
-        part.value = '\xA0';
-      } else if (part.value === '\xA0') {
+        part.value = separator;
+      } else if (part.value === separator) {
         hasSpace = true;
       }
     }
@@ -66,10 +66,10 @@ function formatAndEnsureSpace(formatter: Intl.NumberFormat, value: number): stri
 
   // For locales where the unit comes first (sw), the space has to come after the unit.
   if (unitIndex === 0) {
-    return parts[0].value + '\xA0' + parts.slice(1).map(part => part.value).join('');
+    return parts[0].value + separator + parts.slice(1).map(part => part.value).join('');
   }
 
   // Otherwise, it comes before.
-  return parts.slice(0, unitIndex).map(part => part.value).join('') + '\xA0' +
+  return parts.slice(0, unitIndex).map(part => part.value).join('') + separator +
       parts.slice(unitIndex).map(part => part.value).join('');
 }

package/front_end/core/i18n/collect-ui-strings.js

@@ -30,9 +30,9 @@ const yargsObject = yargs(hideBin(process.argv))
                         .parseSync();
 
 /**
- * @param {string} outputDirectory
- * @param {string} locale
- * @param {Record<string, CtcMessage>} strings
+ * @param outputDirectory
+ * @param locale
+ * @param strings
  */
 function convertCtcToLhLAndSave(outputDirectory, locale, strings) {
   const outputPath = path.join(outputDirectory, `${locale}.json`);

package/front_end/core/i18n/time-utilities.ts

@@ -3,7 +3,7 @@
 // found in the LICENSE file.
 
 /**
- * @fileoverview Uses Intl.NumberFormat.
+ * @file Uses Intl.NumberFormat.
  * @see go/cpq:i18n-units-design
  */
 
@@ -85,22 +85,11 @@ export function formatMicroSecondsAsSeconds(time: Platform.Timing.MicroSeconds):
   return narrowSecondsDecimal.format(seconds);
 }
 
-export function formatPartsMicroSecondsAsSeconds(time: Platform.Timing.MicroSeconds): Intl.NumberFormatPart[] {
-  const milliseconds = Platform.Timing.microSecondsToMilliSeconds(time);
-  const seconds = Platform.Timing.milliSecondsToSeconds(milliseconds);
-  return narrowSecondsDecimal.formatToParts(seconds);
-}
-
 export function formatMicroSecondsAsMillisFixed(time: Platform.Timing.MicroSeconds): string {
   const milliseconds = Platform.Timing.microSecondsToMilliSeconds(time);
   return narrowMillisecondsInteger.format(milliseconds);
 }
 
-export function formatPartsMicroSecondsAsMillisFixed(time: Platform.Timing.MicroSeconds): Intl.NumberFormatPart[] {
-  const milliseconds = Platform.Timing.microSecondsToMilliSeconds(time);
-  return narrowMillisecondsInteger.formatToParts(milliseconds);
-}
-
 export function formatMicroSecondsAsMillisFixedExpanded(time: Platform.Timing.MicroSeconds): string {
   const milliseconds = Platform.Timing.microSecondsToMilliSeconds(time);
   return longMilliseconds.format(milliseconds);
@@ -145,7 +134,7 @@ export function millisToString(ms: number, higherResolution?: boolean): string {
 
 const preciseMillisToStringFormattersCache = new Map<number, NumberFormatter>();
 
-export function preciseMillisToString(ms: number, precision = 0): string {
+export function preciseMillisToString(ms: number, precision = 0, separator?: string): string {
   let formatter = preciseMillisToStringFormattersCache.get(precision);
   if (!formatter) {
     formatter = defineFormatter({
@@ -157,7 +146,7 @@ export function preciseMillisToString(ms: number, precision = 0): string {
     });
     preciseMillisToStringFormattersCache.set(precision, formatter);
   }
-  return formatter.format(ms);
+  return formatter.format(ms, separator);
 }
 
 const preciseSecondsToStringFormattersCache = new Map<number, NumberFormatter>();

package/front_end/core/platform/Brand.ts

@@ -8,9 +8,16 @@
  * `Base` is the underlying data type and `Tag` must be unique symbol/string.
  *
  * Usage:
- * ```
+ * ```ts
  *   type LineNumber = Brand<number, "LineNumber">;
  *   type RawUrl = Brand<string, "RawUrl">;
  * ```
+ *
+ * We purposefully use the string index of `_tag` rather then creating a Symbol
+ * wrapper that would hide if in IDEs and fail build. This means that at build
+ * time if one uses `<branded-var>._tag`, it will build without error and have
+ * potentially having a runtime error. This allows us to have multiple places
+ * where we define the brands and they will overlap. Also a use case for reusing
+ * the type in other downstream projects is simplified.
  */
 export type Brand<Base, Tag> = Base&{_tag: Tag};

package/front_end/core/platform/DevToolsPath.ts

@@ -29,7 +29,7 @@ export const EmptyUrlString = '' as UrlString;
  *
  * @param strings the string parts of the template.
  * @param values the dynamic values of the template.
- * @return the string constructed from `strings` and `values` casted to an
+ * @returns the string constructed from `strings` and `values` casted to an
  *         `UrlString`.
  */
 export const urlString = (strings: ArrayLike<string>, ...values: any[]): UrlString =>

package/front_end/core/platform/StringUtilities.test.ts

@@ -166,7 +166,7 @@ describe('StringUtilities', () => {
     });
   });
 
-  describe('isExtendedKebab', () => {
+  describe('isExtendedKebabCase', () => {
     const {isExtendedKebabCase} = Platform.StringUtilities;
 
     it('yields `true` for kebab case strings', () => {
@@ -673,4 +673,57 @@ describe('StringUtilities', () => {
       assert.strictEqual(toKebabCase('CamelCase_with.DOTS123'), 'camel-case-with.dots-123');
     });
   });
+
+  describe('toKebabCaseKeys', () => {
+    const {toKebabCaseKeys} = Platform.StringUtilities;
+
+    it('converts dictionaries with numeric values', () => {
+      assert.deepEqual(
+          toKebabCaseKeys({['FOO_BAR']: 1, ['FOO_BAZ']: 2}),
+          {['foo-bar']: 1, ['foo-baz']: 2},
+      );
+    });
+
+    it('converts dictionaries with mixed values', () => {
+      assert.deepEqual(
+          toKebabCaseKeys({['FOO_BAR']: 1, ['FOO_BAZ']: 'test'}),
+          {['foo-bar']: 1, ['foo-baz']: 'test'},
+      );
+    });
+  });
+
+  describe('toSnakeCase', () => {
+    it('should convert a string to snake_case', () => {
+      const testCases = [
+        {input: 'hello world', expected: 'hello_world'},
+        {input: 'LastName', expected: 'last_name'},
+        {input: 'Already_snake_case', expected: 'already_snake_case'},
+        {input: 'singleword', expected: 'singleword'},
+        {input: 'String With Spaces', expected: 'string_with_spaces'},
+        {input: ' Multiple  Spaces ', expected: 'multiple_spaces'},
+        {input: ' Leading And Trailing Spaces ', expected: 'leading_and_trailing_spaces'},
+        {input: 'string-with-hyphens', expected: 'string_with_hyphens'},
+        {input: 'path/to/file', expected: 'path_to_file'},
+        {input: 'data.column_name', expected: 'data_column_name'},
+        {input: 'item_#id_value', expected: 'item_id_value'},
+        {input: 'text!@#$%^&*()', expected: 'text'},
+        {input: 'string 123 with numbers', expected: 'string_123_with_numbers'},
+        {input: 'ALLCAPS', expected: 'allcaps'},
+        {input: '  _--Some__Mixed-String_With_123!!_  ', expected: 'some_mixed_string_with_123'},
+        {input: '', expected: ''},
+        {input: '---', expected: ''},
+        {input: ' _ ', expected: ''},
+        {input: 'myVariableName', expected: 'my_variable_name'},
+        {input: 'aNewHope', expected: 'a_new_hope'},
+        {input: 'APIFlags', expected: 'api_flags'},
+        {input: 'HTTPRequest', expected: 'http_request'},
+        {input: 'version2Update', expected: 'version_2_update'},
+        {input: 'data-for-HTTPRequest', expected: 'data_for_http_request'},
+        {input: 'My-API-is-Awesome', expected: 'my_api_is_awesome'},
+      ];
+      testCases.forEach(({input, expected}) => {
+        assert.strictEqual(Platform.StringUtilities.toSnakeCase(input), expected, `Input: ${input}`);
+      });
+    });
+  });
 });

package/front_end/core/platform/StringUtilities.ts

@@ -259,7 +259,7 @@ const EXTENDED_KEBAB_CASE_REGEXP = /^([a-z0-9]+(?:-[a-z0-9]+)*\.)*[a-z0-9]+(?:-[
  * for `'Another.AmazingLiteral'` or '`another_amazing_literal'`.
  *
  * @param inputStr the input string to test.
- * @return `true` if the `inputStr` follows the extended Kebab Case convention.
+ * @returns `true` if the `inputStr` follows the extended Kebab Case convention.
  */
 export const isExtendedKebabCase = (inputStr: string): boolean => {
   return EXTENDED_KEBAB_CASE_REGEXP.test(inputStr);
@@ -517,15 +517,41 @@ export const toKebabCase = function(input: string): Lowercase<string> {
       Lowercase<string>;
 };
 
-/* eslint-disable @typescript-eslint/no-explicit-any */
-export function toKebabCaseKeys(settingValue: Record<string, any>): Record<string, any> {
-  const result: Record<string, any> = {};
-  for (const [key, value] of Object.entries(settingValue)) {
-    result[toKebabCase(key)] = value;
-  }
+export function toKebabCaseKeys<T>(settingValue: Record<string, T>): Record<string, T> {
+  return Object.fromEntries(Object.entries(settingValue).map(([key, value]) => [toKebabCase(key), value]));
+}
+
+/**
+ * Converts a given string to snake_case.
+ * This function handles camelCase, PascalCase, and acronyms, including transitions between letters and numbers.
+ * It uses Unicode-aware regular expressions (`\p{L}`, `\p{N}`, `\p{Lu}`, `\p{Ll}` with the `u` flag)
+ * to correctly process letters and numbers from various languages.
+ *
+ * @param text The input string to convert to snake_case.
+ * @returns The snake_case version of the input string.
+ */
+export function toSnakeCase(text: string): string {
+  if (!text) {
+    return '';
+  }
+  // First, handle case-based transformations to insert underscores correctly.
+  // 1. Add underscore between a letter and a number.
+  //    e.g., "version2" -> "version_2"
+  // 2. Add underscore between an uppercase letter sequence and a following uppercase+lowercase sequence.
+  //    e.g., "APIFlags" -> "API_Flags"
+  // 3. Add underscore between a lowercase/number and an uppercase letter.
+  //    e.g., "lastName" -> "last_Name", "version_2Update" -> "version_2_Update"
+  // 4. Replace sequences of non-alphanumeric with a single underscore
+  // 5. Remove any leading or trailing underscores.
+  const result = text.replace(/(\p{L})(\p{N})/gu, '$1_$2')           // 1
+                     .replace(/(\p{Lu}+)(\p{Lu}\p{Ll})/gu, '$1_$2')  // 2
+                     .replace(/(\p{Ll}|\p{N})(\p{Lu})/gu, '$1_$2')   // 3
+                     .toLowerCase()
+                     .replace(/[^\p{L}\p{N}]+/gu, '_')  // 4
+                     .replace(/^_|_$/g, '');            // 5
+
   return result;
 }
-/* eslint-enable @typescript-eslint/no-explicit-any */
 
 // Replaces the last ocurrence of parameter `search` with parameter `replacement` in `input`
 export const replaceLast = function(input: string, search: string, replacement: string): string {

package/front_end/core/protocol_client/InspectorBackend.ts

@@ -179,9 +179,9 @@ export class InspectorBackend {
 let connectionFactory: () => Connection;
 
 export class Connection {
-  onMessage!: ((arg0: Object) => void)|null;
+  declare onMessage: ((arg0: Object) => void)|null;
 
-  setOnMessage(_onMessage: (arg0: (Object|string)) => void): void {
+  setOnMessage(_onMessage: (arg0: Object|string) => void): void {
   }
 
   setOnDisconnect(_onDisconnect: (arg0: string) => void): void {
@@ -246,26 +246,26 @@ export const test = {
 const LongPollingMethods = new Set<string>(['CSS.takeComputedStyleUpdates']);
 
 export class SessionRouter {
-  readonly #connectionInternal: Connection;
+  readonly #connection: Connection;
   #lastMessageId = 1;
   #pendingResponsesCount = 0;
   readonly #pendingLongPollingMessageIds = new Set<number>();
   readonly #sessions = new Map<string, {
     target: TargetBase,
     callbacks: Map<number, CallbackWithDebugInfo>,
-    proxyConnection: ((Connection | undefined)|null),
+    proxyConnection: Connection|undefined|null,
   }>();
   #pendingScripts: Array<() => void> = [];
 
   constructor(connection: Connection) {
-    this.#connectionInternal = connection;
+    this.#connection = connection;
 
     test.deprecatedRunAfterPendingDispatches = this.deprecatedRunAfterPendingDispatches.bind(this);
     test.sendRawMessage = this.sendRawMessageForTesting.bind(this);
 
-    this.#connectionInternal.setOnMessage(this.onMessage.bind(this));
+    this.#connection.setOnMessage(this.onMessage.bind(this));
 
-    this.#connectionInternal.setOnDisconnect(reason => {
+    this.#connection.setOnDisconnect(reason => {
       const session = this.#sessions.get('');
       if (session) {
         session.target.dispose(reason);
@@ -312,7 +312,7 @@ export class SessionRouter {
   }
 
   connection(): Connection {
-    return this.#connectionInternal;
+    return this.#connection;
   }
 
   sendMessage(sessionId: string, domain: string, method: QualifiedName, params: Object|null, callback: Callback): void {
@@ -350,7 +350,7 @@ export class SessionRouter {
       return;
     }
     session.callbacks.set(messageId, {callback, method});
-    this.#connectionInternal.sendRawMessage(JSON.stringify(messageObject));
+    this.#connection.sendRawMessage(JSON.stringify(messageObject));
   }
 
   private sendRawMessageForTesting(method: QualifiedName, params: Object|null, callback: Callback|null, sessionId = ''):

package/front_end/core/root/Runtime.ts

@@ -11,6 +11,11 @@ let runtimePlatform = '';
 let runtimeInstance: Runtime|undefined;
 let isNode: boolean|undefined;
 
+/**
+ * Returns the base URL (similar to `<base>`).
+ * Used to resolve the relative URLs of any additional DevTools files (locale strings, etc) needed.
+ * See: https://cs.chromium.org/remoteBase+f:devtools_window
+ */
 export function getRemoteBase(location: string = self.location.toString()): {
   base: string,
   version: string,
@@ -318,7 +323,9 @@ export const enum ExperimentName {
   TIMELINE_DEBUG_MODE = 'timeline-debug-mode',
   TIMELINE_ENHANCED_TRACES = 'timeline-enhanced-traces',
   TIMELINE_COMPILED_SOURCES = 'timeline-compiled-sources',
-  TIMELINE_EXPERIMENTAL_INSIGHTS = 'timeline-experimental-insights',
+  TIMELINE_ASK_AI_FULL_BUTTON = 'timeline-ask-ai-full-button',
+  TIMELINE_SAVE_AS_GZ = 'timeline-save-as-gz',
+  VERTICAL_DRAWER = 'vertical-drawer',
   // Adding or removing an entry from this enum?
   // You will need to update:
   // 1. REGISTERED_EXPERIMENTS in EnvironmentHelpers.ts (to create this experiment in the test env)
@@ -364,6 +371,7 @@ export interface HostConfigFreestyler {
   multimodal?: boolean;
   multimodalUploadInput?: boolean;
   functionCalling?: boolean;
+  featureName?: string;
 }
 
 export interface HostConfigAiAssistanceNetworkAgent {
@@ -371,6 +379,7 @@ export interface HostConfigAiAssistanceNetworkAgent {
   temperature: number;
   enabled: boolean;
   userTier: string;
+  featureName?: string;
 }
 
 export interface HostConfigAiAssistancePerformanceAgent {
@@ -380,6 +389,7 @@ export interface HostConfigAiAssistancePerformanceAgent {
   userTier: string;
   // Introduced in crrev.com/c/6243415
   insightsEnabled?: boolean;
+  featureName?: string;
 }
 
 export interface HostConfigAiAssistanceFileAgent {
@@ -387,12 +397,17 @@ export interface HostConfigAiAssistanceFileAgent {
   temperature: number;
   enabled: boolean;
   userTier: string;
+  featureName?: string;
 }
 
-/**
- * @see http://go/chrome-devtools:automatic-workspace-folders-design
- */
-export interface HostConfigAutomaticFileSystems {
+export interface HostConfigAiCodeCompletion {
+  modelId: string;
+  temperature: number;
+  enabled: boolean;
+  userTier: string;
+}
+
+export interface HostConfigDeepLinksViaExtensibilityApi {
   enabled: boolean;
 }
 
@@ -428,7 +443,7 @@ export interface HostConfigThirdPartyCookieControls {
   managedBlockThirdPartyCookies: string|boolean;
 }
 
-interface CSSValueTracing {
+export interface HostConfigIPProtection {
   enabled: boolean;
 }
 
@@ -436,6 +451,29 @@ interface AiGeneratedTimelineLabels {
   enabled: boolean;
 }
 
+interface AllowPopoverForcing {
+  enabled: boolean;
+}
+
+interface AiSubmenuPrompts {
+  enabled: boolean;
+  featureName?: string;
+}
+
+interface IpProtectionInDevTools {
+  enabled: boolean;
+}
+
+interface AiDebugWithAi {
+  enabled: boolean;
+  featureName?: string;
+}
+
+interface GlobalAiButton {
+  enabled: boolean;
+  promotionEnabled: boolean;
+}
+
 /**
  * The host configuration that we expect from the DevTools back-end.
  *
@@ -453,14 +491,17 @@ export type HostConfig = Platform.TypeScriptUtilities.RecursivePartial<{
   aidaAvailability: AidaAvailability,
   channel: Channel,
   devToolsConsoleInsights: HostConfigConsoleInsights,
+  devToolsDeepLinksViaExtensibilityApi: HostConfigDeepLinksViaExtensibilityApi,
   devToolsFreestyler: HostConfigFreestyler,
   devToolsAiAssistanceNetworkAgent: HostConfigAiAssistanceNetworkAgent,
+  devToolsAiDebugWithAi: AiDebugWithAi,
   devToolsAiAssistanceFileAgent: HostConfigAiAssistanceFileAgent,
   devToolsAiAssistancePerformanceAgent: HostConfigAiAssistancePerformanceAgent,
-  devToolsAutomaticFileSystems: HostConfigAutomaticFileSystems,
+  devToolsAiCodeCompletion: HostConfigAiCodeCompletion,
   devToolsVeLogging: HostConfigVeLogging,
   devToolsWellKnown: HostConfigWellKnown,
   devToolsPrivacyUI: HostConfigPrivacyUI,
+  devToolsIpProtectionPanelInDevTools: HostConfigIPProtection,
   /**
    * OffTheRecord here indicates that the user's profile is either incognito,
    * or guest mode, rather than a "normal" profile.
@@ -469,8 +510,11 @@ export type HostConfig = Platform.TypeScriptUtilities.RecursivePartial<{
   devToolsEnableOriginBoundCookies: HostConfigEnableOriginBoundCookies,
   devToolsAnimationStylesInStylesTab: HostConfigAnimationStylesInStylesTab,
   thirdPartyCookieControls: HostConfigThirdPartyCookieControls,
-  devToolsCssValueTracing: CSSValueTracing,
   devToolsAiGeneratedTimelineLabels: AiGeneratedTimelineLabels,
+  devToolsAllowPopoverForcing: AllowPopoverForcing,
+  devToolsAiSubmenuPrompts: AiSubmenuPrompts,
+  devToolsIpProtectionInDevTools: IpProtectionInDevTools,
+  devToolsGlobalAiButton: GlobalAiButton,
 }>;
 
 /**