Build 27-10-2024 (#58)

Latest devtools frontend commit:
[07a4a5d](https://chromium.googlesource.com/devtools/devtools-frontend.git/+/07a4a5dca94be566d2298bad412e4100c14e97ce)

Co-authored-by: GitHub <[email protected]>

public/core/common/Color.d.ts

@@ -296,6 +296,11 @@ export declare class Legacy implements Color {
         a: (number | undefined);
     };
     invert(): Legacy;
+    /**
+     * Returns a new color using the NTSC formula for making a RGB color grayscale.
+     * Note: this is ill-defined for colors with alpha, and alpha is not modified.
+     */
+    grayscale(): Legacy;
     setAlpha(alpha: number): Legacy;
     blendWith(fgColor: Legacy): Legacy;
     blendWithAlpha(alpha: number): Legacy;

public/core/host/InspectorFrontendHostAPI.d.ts

@@ -251,13 +251,19 @@ export interface InspectorFrontendHostAPI {
     recordChange(event: ChangeEvent): void;
     recordKeyDown(event: KeyDownEvent): void;
 }
+export interface AcceleratorDescriptor {
+    keyCode: number;
+    modifiers: number;
+}
 export interface ContextMenuDescriptor {
     type: 'checkbox' | 'item' | 'separator' | 'subMenu';
     id?: number;
     label?: string;
+    accelerator?: AcceleratorDescriptor;
     isExperimentalFeature?: boolean;
     enabled?: boolean;
     checked?: boolean;
+    isDevToolsPerformanceMenuItem?: boolean;
     subItems?: ContextMenuDescriptor[];
     shortcut?: string;
     jslogContext?: string;
@@ -346,7 +352,6 @@ export declare const enum EnumeratedHistogram {
     CSSHintShown = "DevTools.CSSHintShown",
     LighthouseModeRun = "DevTools.LighthouseModeRun",
     LighthouseCategoryUsed = "DevTools.LighthouseCategoryUsed",
-    ColorPickerOpenedFrom = "DevTools.ColorPickerOpenedFrom",
     CSSPropertyDocumentation = "DevTools.CSSPropertyDocumentation",
     SwatchActivated = "DevTools.SwatchActivated",
     AnimationPlaybackRateChanged = "DevTools.AnimationPlaybackRateChanged",

public/core/host/UserMetrics.d.ts

@@ -38,7 +38,6 @@ export declare class UserMetrics {
     cssHintShown(type: CSSHintType): void;
     lighthouseModeRun(type: LighthouseModeRun): void;
     lighthouseCategoryUsed(type: LighthouseCategoryUsed): void;
-    colorPickerOpenedFrom(type: ColorPickerOpenedFrom): void;
     cssPropertyDocumentation(type: CSSPropertyDocumentation): void;
     swatchActivated(swatch: SwatchType): void;
     animationPlaybackRateChanged(playbackRate: AnimationsPlaybackRate): void;
@@ -663,12 +662,8 @@ export declare enum DevtoolsExperiments {
     'extension-storage-viewer' = 100,
     'floating-entry-points-for-ai-assistance' = 101,
     'timeline-experimental-insights' = 102,
-    MAX_VALUE = 103
-}
-export declare const enum ColorPickerOpenedFrom {
-    SOURCES_PANEL = 0,
-    STYLES_TAB = 1,
-    MAX_VALUE = 2
+    'timeline-dim-unrelated-events' = 103,
+    MAX_VALUE = 104
 }
 export declare const enum CSSPropertyDocumentation {
     SHOWN = 0,