chrome-devtools-frontend 1.0.1625079 → 1.0.1626437

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

@@ -51,7 +51,6 @@ export interface AiCodeGenerationConfig {
 }
 
 export class AiCodeGenerationProvider {
-  #devtoolsLocale: string;
   // 'ai-code-completion-enabled' setting controls both AI code completion and AI code generation.
   // Since this provider deals with code generation, the field has been named `#aiCodeGenerationEnabledSetting`.
   #aiCodeGenerationEnabledSetting =
@@ -72,9 +71,8 @@ export class AiCodeGenerationProvider {
   #controller = new AbortController();
 
   private constructor(aiCodeGenerationConfig: AiCodeGenerationConfig) {
-    this.#devtoolsLocale = i18n.DevToolsLocale.DevToolsLocale.instance().locale;
-    if (!AiCodeGeneration.AiCodeGeneration.AiCodeGeneration.isAiCodeGenerationEnabled(this.#devtoolsLocale)) {
-      throw new Error('AI code generation feature is not enabled.');
+    if (!AiCodeGeneration.AiCodeGeneration.AiCodeGeneration.isAiCodeGenerationAvailable()) {
+      throw new Error('AI code generation feature is not available.');
     }
     this.#generationTeaser = new PanelCommon.AiCodeGenerationTeaser.AiCodeGenerationTeaser();
     this.#generationTeaser.disclaimerTooltipId =
@@ -142,8 +140,11 @@ export class AiCodeGenerationProvider {
   async #updateAiCodeGenerationState(): Promise<void> {
     const aidaAvailability = await Host.AidaClient.AidaClient.checkAccessPreconditions();
     const isAvailable = aidaAvailability === Host.AidaClient.AidaAccessPreconditions.AVAILABLE;
-    const isEnabled = this.#aiCodeGenerationEnabledSetting.get();
-    if (isAvailable && isEnabled) {
+    const devtoolsLocale = i18n.DevToolsLocale.DevToolsLocale.instance().locale;
+    const aiCodeGenerationEnabled =
+        AiCodeGeneration.AiCodeGeneration.AiCodeGeneration.isAiCodeGenerationEnabled(devtoolsLocale);
+    const isSettingEnabled = this.#aiCodeGenerationEnabledSetting.get();
+    if (isAvailable && aiCodeGenerationEnabled && isSettingEnabled) {
       if (!this.#aiCodeGenerationSettingEnabled) {
         // If the user enabled setting when code generation feature is already available,
         // we do not need to show the upgrade dialog.
@@ -153,7 +154,7 @@ export class AiCodeGenerationProvider {
     } else {
       this.#cleanupAiCodeGeneration();
     }
-    this.#aiCodeGenerationSettingEnabled = isEnabled;
+    this.#aiCodeGenerationSettingEnabled = isSettingEnabled;
   }
 
   #editorKeymap(): readonly CodeMirror.KeyBinding[] {

package/front_end/ui/components/tooltips/Tooltip.ts

@@ -627,9 +627,9 @@ export class Tooltip extends HTMLElement {
         throw new Error('Anchor must be an HTMLElement.');
       }
       this.#anchor = anchor;
-      if (this.variant === 'rich' && describedbyAnchor) {
-        console.warn(`The anchor for tooltip ${
-            id} was defined with "aria-describedby". For rich tooltips "aria-details" is more appropriate.`);
+      if (this.variant === 'rich' && !detailsAnchor) {
+        console.warn(
+            `"aria-details" was not defined for tooltip ${id}. For rich tooltips "aria-details" should be defined.`);
       }
     }
 

package/front_end/{core/common → ui/legacy}/AppProvider.ts

@@ -2,7 +2,7 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-import * as Root from '../root/root.js';
+import * as Root from '../../core/root/root.js';
 
 import type {App} from './App.js';
 

package/front_end/ui/legacy/InspectorView.ts

@@ -27,6 +27,7 @@ import type {Panel} from './Panel.js';
 import {type ShowMode, SplitWidget} from './SplitWidget.js';
 import {type EventData, Events as TabbedPaneEvents, type TabbedPane, type TabbedPaneTabDelegate} from './TabbedPane.js';
 import {Tooltip} from './Tooltip.js';
+import {UIUserMetrics} from './UIUserMetrics.js';
 import type {TabbedViewLocation, View, ViewLocation, ViewLocationResolver} from './View.js';
 import {ViewManager} from './ViewManager.js';
 import {VBox, type Widget, WidgetFocusRestorer} from './Widget.js';
@@ -243,7 +244,7 @@ export class InspectorView extends VBox implements ViewLocationResolver {
         (event: Common.EventTarget.EventTargetEvent<EventData>) => this.tabSelected(event.data.tabId), this);
     const selectedTab = this.tabbedPane.selectedTabId;
     if (selectedTab) {
-      Host.userMetrics.panelShown(selectedTab, true);
+      UIUserMetrics.instance().panelShown(selectedTab, true);
     }
     this.tabbedPane.setAccessibleName(i18nString(UIStrings.panels));
     this.tabbedPane.setTabDelegate(this.tabDelegate);
@@ -257,7 +258,7 @@ export class InspectorView extends VBox implements ViewLocationResolver {
                                    })}`);
 
     // Store the initial selected panel for use in launch histograms
-    Host.userMetrics.setLaunchPanel(this.tabbedPane.selectedTabId);
+    UIUserMetrics.instance().setLaunchPanel(this.tabbedPane.selectedTabId);
 
     if (Host.InspectorFrontendHost.isUnderTest()) {
       this.tabbedPane.setAutoSelectFirstItemOnShow(false);
@@ -710,7 +711,7 @@ export class InspectorView extends VBox implements ViewLocationResolver {
   }
 
   private tabSelected(tabId: string): void {
-    Host.userMetrics.panelShown(tabId);
+    UIUserMetrics.instance().panelShown(tabId, false);
   }
 
   setOwnerSplit(splitWidget: SplitWidget): void {

package/front_end/ui/legacy/TabbedPane.ts

@@ -1384,11 +1384,11 @@ export class TabbedPaneTab {
     const tabElement = document.createElement('div');
     tabElement.classList.add('tabbed-pane-header-tab');
     tabElement.id = 'tab-' + this.#id;
+    ARIAUtils.markAsTab(tabElement);
     ARIAUtils.setSelected(tabElement, false);
     ARIAUtils.setLabel(tabElement, this.title);
 
     const titleElement = tabElement.createChild('span', 'tabbed-pane-header-tab-title');
-    ARIAUtils.markAsTab(titleElement);
     titleElement.textContent = this.title;
     Tooltip.install(titleElement, this.tooltip || '');
     this.createIconElement(tabElement, titleElement, measuring);

package/front_end/ui/legacy/UIUserMetrics.ts

@@ -0,0 +1,70 @@
+// 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';
+
+export class UIUserMetrics {
+  #panelChangedSinceLaunch = false;
+  #firedLaunchHistogram = false;
+  #launchPanelName = '';
+
+  static #instance: UIUserMetrics|null = null;
+
+  static instance(): UIUserMetrics {
+    if (!this.#instance) {
+      this.#instance = new UIUserMetrics();
+    }
+    return this.#instance;
+  }
+
+  panelLoaded(panelName: string, histogramName: string): void {
+    if (this.#firedLaunchHistogram || panelName !== this.#launchPanelName) {
+      return;
+    }
+
+    this.#firedLaunchHistogram = true;
+    // Use rAF and setTimeout to ensure the marker is fired after layout and rendering.
+    // This will give the most accurate representation of the tool being ready for a user.
+    requestAnimationFrame(() => {
+      setTimeout(() => {
+        // Mark the load time so that we can pinpoint it more easily in a trace.
+        performance.mark(histogramName);
+        // If the user has switched panel before we finished loading, ignore the histogram,
+        // since the launch timings will have been affected and are no longer valid.
+        if (this.#panelChangedSinceLaunch) {
+          return;
+        }
+        // This fires the event for the appropriate launch histogram.
+        // The duration is measured as the time elapsed since the time origin of the document.
+        Host.InspectorFrontendHost.InspectorFrontendHostInstance.recordPerformanceHistogram(
+            histogramName, performance.now());
+      }, 0);
+    });
+  }
+
+  setLaunchPanel(panelName: string|null): void {
+    this.#launchPanelName = (panelName as string);
+  }
+
+  performanceTraceLoad(measure: PerformanceMeasure): void {
+    Host.InspectorFrontendHost.InspectorFrontendHostInstance.recordPerformanceHistogram(
+        'DevTools.TraceLoad', measure.duration);
+  }
+
+  panelShown(panelName: string, isLaunching?: boolean): void {
+    const code = Host.UserMetrics.PanelCodes[panelName as keyof typeof Host.UserMetrics.PanelCodes] || 0;
+    Host.InspectorFrontendHost.InspectorFrontendHostInstance.recordEnumeratedHistogram(
+        Host.InspectorFrontendHostAPI.EnumeratedHistogram.PanelShown, code, Host.UserMetrics.PanelCodes.MAX_VALUE);
+    Host.InspectorFrontendHost.InspectorFrontendHostInstance.recordUserMetricsAction(
+        'DevTools_PanelShown_' + panelName);
+
+    if (!isLaunching) {
+      this.#panelChangedSinceLaunch = true;
+    }
+  }
+
+  settingsPanelShown(settingsViewId: string): void {
+    this.panelShown('settings-' + settingsViewId);
+  }
+}

package/front_end/ui/legacy/components/cookie_table/CookiesTable.ts

@@ -549,14 +549,7 @@ export class CookiesTable extends UI.Widget.VBox {
       data.icons = data.icons || {};
       if (!(attribute in data.icons)) {
         data.icons[attribute] = new Icon();
-        if (attribute === SDK.Cookie.Attribute.NAME &&
-            IssuesManager.RelatedIssue.hasThirdPartyPhaseoutCookieIssue(cookie)) {
-          data.icons[attribute].name = 'warning-filled';
-          data.icons[attribute].onclick = () => IssuesManager.RelatedIssue.reveal(cookie);
-          data.icons[attribute].style.cursor = 'pointer';
-        } else {
-          data.icons[attribute].name = 'info';
-        }
+        data.icons[attribute].name = 'info';
         data.icons[attribute].classList.add('small');
         data.icons[attribute].title = blockedReason.uiString;
       } else if (data.icons[attribute]) {

package/front_end/ui/legacy/components/inline_editor/inline_editor.ts

@@ -12,9 +12,6 @@ import * as CSSAngle from './CSSAngle.js';
 import * as CSSAngleUtils from './CSSAngleUtils.js';
 import * as CSSLinearEasingModel from './CSSLinearEasingModel.js';
 import * as CSSShadowEditor from './CSSShadowEditor.js';
-import * as FontEditor from './FontEditor.js';
-import * as FontEditorUnitConverter from './FontEditorUnitConverter.js';
-import * as FontEditorUtils from './FontEditorUtils.js';
 import * as InlineEditorUtils from './InlineEditorUtils.js';
 import * as LinkSwatch from './LinkSwatch.js';
 import * as Swatches from './Swatches.js';
@@ -31,9 +28,6 @@ export {
   CSSAngleUtils,
   CSSLinearEasingModel,
   CSSShadowEditor,
-  FontEditor,
-  FontEditorUnitConverter,
-  FontEditorUtils,
   InlineEditorUtils,
   LinkSwatch,
   Swatches,

package/front_end/ui/legacy/legacy.ts

@@ -4,6 +4,8 @@
 
 import * as ActionRegistration from './ActionRegistration.js';
 import * as ActionRegistry from './ActionRegistry.js';
+import * as App from './App.js';
+import * as AppProvider from './AppProvider.js';
 import * as ARIAUtils from './ARIAUtils.js';
 import * as Context from './Context.js';
 import * as ContextFlavorListener from './ContextFlavorListener.js';
@@ -45,6 +47,7 @@ import * as TextPrompt from './TextPrompt.js';
 import * as Toolbar from './Toolbar.js';
 import * as Tooltip from './Tooltip.js';
 import * as TreeOutline from './Treeoutline.js';
+import * as UIUserMetrics from './UIUserMetrics.js';
 import * as UIUtils from './UIUtils.js';
 import * as View from './View.js';
 import * as ViewManager from './ViewManager.js';
@@ -54,6 +57,8 @@ import * as ZoomManager from './ZoomManager.js';
 export {
   ActionRegistration,
   ActionRegistry,
+  App,
+  AppProvider,
   ARIAUtils,
   Context,
   ContextFlavorListener,
@@ -95,6 +100,7 @@ export {
   Toolbar,
   Tooltip,
   TreeOutline,
+  UIUserMetrics,
   UIUtils,
   View,
   ViewManager,

package/front_end/ui/visual_logging/KnownContextValues.ts

@@ -1073,6 +1073,7 @@ export const knownContextValues = new Set([
   'copy-watch-expression-value',
   'copy-xpath',
   'core-web-vitals',
+  'corner',
   'corner-block-end-shape',
   'corner-block-start-shape',
   'corner-bottom-left-shape',
@@ -1135,6 +1136,7 @@ export const knownContextValues = new Set([
   'css-font-palette',
   'css-function',
   'css-layers',
+  'css-list-style-type',
   'css-location',
   'css-overview',
   'css-overview.cancel-processing',

package/package.json

@@ -105,5 +105,5 @@
     "ip-address": "10.1.0",
     "basic-ftp": "5.2.2"
   },
-  "version": "1.0.1625079"
+  "version": "1.0.1626437"
 }

package/front_end/Images/src/custom-typography.svg

@@ -1,3 +0,0 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M9.5 18V13H11V14.75H17V16.25H11V18H9.5ZM3 16.25V14.75H8.5V16.25H3ZM5.8125 11H7.36875L8.19375 8.70833H11.8125L12.623 11H14.1875L10.7917 2H9.20833L5.8125 11ZM8.66667 7.39583L10.0417 3.66667L11.3542 7.39583H8.66667Z" fill="black"/>
-</svg>