Build 11-02-2024 (#21)

Latest devtools frontend commit:
[7e1c296](https://chromium.googlesource.com/devtools/devtools-frontend.git/+/7e1c2962306bf810375c1b010a693a79150b32da)

Co-authored-by: GitHub <noreply@github.com>

Author: github-actions[bot]

Diff for: public/core/common/AppProvider.d.ts

@@ -7,6 +7,6 @@ export declare function registerAppProvider(registration: AppProviderRegistratio
 export declare function getRegisteredAppProviders(): AppProviderRegistration[];
 export interface AppProviderRegistration {
     loadAppProvider: () => Promise<AppProvider>;
-    condition?: Root.Runtime.ConditionName;
+    condition?: Root.Runtime.Condition;
     order: number;
 }

Diff for: public/core/common/AppProvider.js.map

@@ -63,11 +63,6 @@ export interface SettingRegistration {
      * The title with which the setting is shown on screen.
      */
     title?: () => Platform.UIString.LocalizedString;
-    /**
-     * The title with which the setting is shown on screen, if the platform running DevTools is 'mac'.
-     * If not set, the 'title' field will be used instead.
-     */
-    titleMac?: () => Platform.UIString.LocalizedString;
     /**
      * The identifier of the setting.
      */
@@ -112,12 +107,12 @@ export interface SettingRegistration {
      */
     experiment?: Root.Runtime.ExperimentName;
     /**
-     * A condition represented as a string the setting's availability depends on. Conditions come
-     * from the queryParamsObject defined in Runtime and just as the experiment field, they determine the availability
-     * of the setting. A condition can be negated by prepending a ‘!’ to the value of the condition
-     * property and in that case the behaviour of the setting's availability will be inverted.
+     * A condition is a function that will make the setting available if it
+     * returns true, and not available, otherwise. Make sure that objects you
+     * access from inside the condition function are ready at the time when the
+     * setting conditions are checked.
      */
-    condition?: Root.Runtime.ConditionName;
+    condition?: Root.Runtime.Condition;
     /**
      * If a setting is deprecated, define this notice to show an appropriate warning according to the `warning` propertiy.
      * If `disabled` is set, the setting will be disabled in the settings UI. In that case, `experiment` optionally can be

Diff for: public/core/common/SettingRegistration.d.ts

@@ -62,10 +62,10 @@ export declare class Deprecation {
 }
 export declare class Setting<V> {
     #private;
+    readonly name: string;
     readonly defaultValue: V;
     private readonly eventSupport;
     readonly storage: SettingsStorage;
-    readonly name: string;
     constructor(name: string, defaultValue: V, eventSupport: ObjectWrapper<GenericEvents>, storage: SettingsStorage);
     setSerializer(serializer: Serializer<unknown, V>): void;
     addChangeListener(listener: (arg0: EventTargetEvent<V>) => void, thisObject?: Object): EventDescriptor;

Diff for: public/core/common/SettingRegistration.js.map

@@ -1,6 +1,6 @@
 import * as Common from '../common/common.js';
 import * as Platform from '../platform/platform.js';
-import { type CanShowSurveyResult, type ChangeEvent, type ClickEvent, type ContextMenuDescriptor, type DoAidaConversationResult, type DragEvent, type EnumeratedHistogram, type EventTypes, type ExtensionDescriptor, type HoverEvent, type ImpressionEvent, type InspectorFrontendHostAPI, type KeyDownEvent, type LoadNetworkResourceResult, type ShowSurveyResult, type SyncInformation } from './InspectorFrontendHostAPI.js';
+import { type CanShowSurveyResult, type ChangeEvent, type ClickEvent, type ContextMenuDescriptor, type DoAidaConversationResult, type DragEvent, type EnumeratedHistogram, type EventTypes, type ExtensionDescriptor, type HoverEvent, type ImpressionEvent, type InspectorFrontendHostAPI, type KeyDownEvent, type LoadNetworkResourceResult, type ResizeEvent, type ShowSurveyResult, type SyncInformation } from './InspectorFrontendHostAPI.js';
 /**
  * The InspectorFrontendHostStub is a stub interface used the frontend is loaded like a webpage. Examples:
  *   - devtools://devtools/bundled/devtools_app.html
@@ -103,6 +103,7 @@ export declare class InspectorFrontendHostStub implements InspectorFrontendHostA
     initialTargetId(): Promise<string | null>;
     doAidaConversation(request: string, callback: (result: DoAidaConversationResult) => void): void;
     recordImpression(event: ImpressionEvent): void;
+    recordResize(event: ResizeEvent): void;
     recordClick(event: ClickEvent): void;
     recordHover(event: HoverEvent): void;
     recordDrag(event: DragEvent): void;

Diff for: public/core/common/Settings.d.ts

@@ -93,10 +93,17 @@ export interface VisualElementImpression {
     type: number;
     parent?: number;
     context?: number;
+    width?: number;
+    height?: number;
 }
 export interface ImpressionEvent {
     impressions: VisualElementImpression[];
 }
+export interface ResizeEvent {
+    veid: number;
+    width?: number;
+    height?: number;
+}
 export interface ClickEvent {
     veid: number;
     mouseButton: number;

Diff for: public/core/common/Settings.js

@@ -190,7 +190,6 @@ export declare enum Action {
     InsightConsoleMessageShown = 113,
     InsightRequestedViaContextMenu = 114,
     InsightRequestedViaHoverButton = 115,
-    InsightRefined = 116,
     InsightRatedPositive = 117,
     InsightRatedNegative = 118,
     InsightClosed = 119,
@@ -204,7 +203,10 @@ export declare enum Action {
     ToggleEmulateFocusedPageFromStylesPaneOff = 127,
     ToggleEmulateFocusedPageFromRenderingTab = 128,
     ToggleEmulateFocusedPageFromCommandMenu = 129,
-    MaxValue = 130
+    InsightGenerated = 130,
+    InsightErroredApi = 131,
+    InsightErroredMarkdown = 132,
+    MaxValue = 133
 }
 export declare enum PanelCodes {
     elements = 1,

Diff for: public/core/common/Settings.js.map

@@ -6366,46 +6366,64 @@
     "message": "Console message"
   },
   "panels/explain/components/ConsoleInsight.ts | disclaimer": {
-    "message": "The following data will be sent to Google servers to generate tailored tips and suggestions. It may be stored, reviewed by humans, or used to train AI models."
-  },
-  "panels/explain/components/ConsoleInsight.ts | dogfood": {
-    "message": "Dogfood"
+    "message": "The following data will be sent to Google to find an explanation for the console message. They may be reviewed by humans and used to improve products."
   },
   "panels/explain/components/ConsoleInsight.ts | error": {
     "message": "Something went wrong…"
   },
+  "panels/explain/components/ConsoleInsight.ts | finePrint": {
+    "message": "This is an experimental AI insights tool and won’t always get it right."
+  },
   "panels/explain/components/ConsoleInsight.ts | generating": {
-    "message": "Generating…"
+    "message": "Coming up with an explanation…"
+  },
+  "panels/explain/components/ConsoleInsight.ts | goToSettings": {
+    "message": "Go to settings"
+  },
+  "panels/explain/components/ConsoleInsight.ts | inputData": {
+    "message": "Data used to create this insight"
   },
   "panels/explain/components/ConsoleInsight.ts | insight": {
     "message": "Insight"
   },
   "panels/explain/components/ConsoleInsight.ts | learnMore": {
-    "message": "Learn more"
+    "message": "Learn more about AI in DevTools"
   },
   "panels/explain/components/ConsoleInsight.ts | networkRequest": {
     "message": "Network request"
   },
+  "panels/explain/components/ConsoleInsight.ts | notAvailable": {
+    "message": "Console insights is not available"
+  },
+  "panels/explain/components/ConsoleInsight.ts | notLoggedIn": {
+    "message": "This feature is only available if you are signed into Chrome with your Google account."
+  },
+  "panels/explain/components/ConsoleInsight.ts | offline": {
+    "message": "Internet connection is currently not available."
+  },
   "panels/explain/components/ConsoleInsight.ts | opensInNewTab": {
     "message": "(opens in a new tab)"
   },
   "panels/explain/components/ConsoleInsight.ts | relatedCode": {
     "message": "Related code"
   },
-  "panels/explain/components/ConsoleInsight.ts | sources": {
-    "message": "Sources"
-  },
   "panels/explain/components/ConsoleInsight.ts | stackTrace": {
     "message": "Stacktrace"
   },
   "panels/explain/components/ConsoleInsight.ts | submitFeedback": {
     "message": "Submit feedback"
   },
-  "panels/explain/components/ConsoleInsight.ts | thumbDown": {
-    "message": "Thumb down"
+  "panels/explain/components/ConsoleInsight.ts | syncIsOff": {
+    "message": "This feature is only available if you have Chrome sync turned on."
+  },
+  "panels/explain/components/ConsoleInsight.ts | thumbsDown": {
+    "message": "Thumbs down"
   },
-  "panels/explain/components/ConsoleInsight.ts | thumbUp": {
-    "message": "Thumb up"
+  "panels/explain/components/ConsoleInsight.ts | thumbsUp": {
+    "message": "Thumbs up"
+  },
+  "panels/explain/explain-meta.ts | enableConsoleInsights": {
+    "message": "Enable Console Insights"
   },
   "panels/explain/explain-meta.ts | explainThisError": {
     "message": "Explain this error"
@@ -7919,12 +7937,18 @@
   "panels/network/components/WebBundleInfoView.ts | bundledResource": {
     "message": "Bundled resource"
   },
+  "panels/network/EventSourceMessagesView.ts | clearAll": {
+    "message": "Clear all"
+  },
   "panels/network/EventSourceMessagesView.ts | copyMessage": {
     "message": "Copy message"
   },
   "panels/network/EventSourceMessagesView.ts | data": {
     "message": "Data"
   },
+  "panels/network/EventSourceMessagesView.ts | enterRegex": {
+    "message": "Enter regex, for example: https?"
+  },
   "panels/network/EventSourceMessagesView.ts | eventSource": {
     "message": "Event Source"
   },
@@ -9809,6 +9833,9 @@
   "panels/recorder/components/CreateRecordingView.ts | includeNecessarySelectors": {
     "message": "You must choose CSS, Pierce, or XPath as one of your options. Only these selectors are guaranteed to be recorded since ARIA and text selectors may not be unique."
   },
+  "panels/recorder/components/CreateRecordingView.ts | learnMore": {
+    "message": "Learn more"
+  },
   "panels/recorder/components/CreateRecordingView.ts | recordingName": {
     "message": "Recording name"
   },