chrome-devtools-frontend 1.0.1512147 → 1.0.1513662

package/front_end/core/common/Color.ts

@@ -1952,25 +1952,21 @@ export class Nickname extends ShortFormatColorBase {
 
 export class Legacy implements Color {
   readonly #rawParams: Color3D;
-  #rgbaInternal: Color4D;
+  #rgba: Color4D;
   readonly #authoredText: string|null;
-  #formatInternal: LegacyColor;
+  #format: LegacyColor;
   readonly channels: [ColorChannel, ColorChannel, ColorChannel, ColorChannel] =
       [ColorChannel.R, ColorChannel.G, ColorChannel.B, ColorChannel.ALPHA];
 
   static readonly #conversions: ColorConversions<Legacy> = {
-    [Format.HEX]: (self: Legacy) => new Legacy(self.#rgbaInternal, Format.HEX),
-    [Format.HEXA]: (self: Legacy) => new Legacy(self.#rgbaInternal, Format.HEXA),
-    [Format.RGB]: (self: Legacy) => new Legacy(self.#rgbaInternal, Format.RGB),
-    [Format.RGBA]: (self: Legacy) => new Legacy(self.#rgbaInternal, Format.RGBA),
-    [Format.HSL]: (self: Legacy) =>
-        new HSL(...rgbToHsl([self.#rgbaInternal[0], self.#rgbaInternal[1], self.#rgbaInternal[2]]), self.alpha),
-    [Format.HSLA]: (self: Legacy) =>
-        new HSL(...rgbToHsl([self.#rgbaInternal[0], self.#rgbaInternal[1], self.#rgbaInternal[2]]), self.alpha),
-    [Format.HWB]: (self: Legacy) =>
-        new HWB(...rgbToHwb([self.#rgbaInternal[0], self.#rgbaInternal[1], self.#rgbaInternal[2]]), self.alpha),
-    [Format.HWBA]: (self: Legacy) =>
-        new HWB(...rgbToHwb([self.#rgbaInternal[0], self.#rgbaInternal[1], self.#rgbaInternal[2]]), self.alpha),
+    [Format.HEX]: (self: Legacy) => new Legacy(self.#rgba, Format.HEX),
+    [Format.HEXA]: (self: Legacy) => new Legacy(self.#rgba, Format.HEXA),
+    [Format.RGB]: (self: Legacy) => new Legacy(self.#rgba, Format.RGB),
+    [Format.RGBA]: (self: Legacy) => new Legacy(self.#rgba, Format.RGBA),
+    [Format.HSL]: (self: Legacy) => new HSL(...rgbToHsl([self.#rgba[0], self.#rgba[1], self.#rgba[2]]), self.alpha),
+    [Format.HSLA]: (self: Legacy) => new HSL(...rgbToHsl([self.#rgba[0], self.#rgba[1], self.#rgba[2]]), self.alpha),
+    [Format.HWB]: (self: Legacy) => new HWB(...rgbToHwb([self.#rgba[0], self.#rgba[1], self.#rgba[2]]), self.alpha),
+    [Format.HWBA]: (self: Legacy) => new HWB(...rgbToHwb([self.#rgba[0], self.#rgba[1], self.#rgba[2]]), self.alpha),
     [Format.LCH]: (self: Legacy) =>
         new LCH(...ColorConverter.labToLch(...ColorConverter.xyzd50ToLab(...self.#toXyzd50())), self.alpha),
     [Format.OKLCH]: (self: Legacy) => new Oklch(...ColorConverter.xyzd50ToOklch(...self.#toXyzd50()), self.alpha),
@@ -1997,7 +1993,7 @@ export class Legacy implements Color {
   };
 
   #toXyzd50(): Color3D {
-    const [r, g, b] = this.#rgbaInternal;
+    const [r, g, b] = this.#rgba;
     return ColorConverter.srgbToXyzd50(r, g, b);
   }
 
@@ -2005,7 +2001,7 @@ export class Legacy implements Color {
     switch (this.format()) {
       case Format.HEXA:
       case Format.RGBA:
-        return this.#rgbaInternal[3];
+        return this.#rgba[3];
       default:
         return null;
     }
@@ -2022,7 +2018,7 @@ export class Legacy implements Color {
 
   shortHex(): ShortHex|null {
     for (let i = 0; i < 4; ++i) {
-      const c = Math.round(this.#rgbaInternal[i] * 255);
+      const c = Math.round(this.#rgba[i] * 255);
       // Check if the two digits of each are identical: #aabbcc => #abc
       if (c % 0x11) {
         return null;
@@ -2033,10 +2029,10 @@ export class Legacy implements Color {
 
   constructor(rgba: Color3D|Color4DOr3D, format: LegacyColor, authoredText?: string) {
     this.#authoredText = authoredText || null;
-    this.#formatInternal = format;
+    this.#format = format;
     this.#rawParams = [rgba[0], rgba[1], rgba[2]];
 
-    this.#rgbaInternal = [
+    this.#rgba = [
       clamp(rgba[0], {min: 0, max: 1}),
       clamp(rgba[1], {min: 0, max: 1}),
       clamp(rgba[2], {min: 0, max: 1}),
@@ -2099,11 +2095,11 @@ export class Legacy implements Color {
   }
 
   format(): LegacyColor {
-    return this.#formatInternal;
+    return this.#format;
   }
 
   hasAlpha(): boolean {
-    return this.#rgbaInternal[3] !== 1;
+    return this.#rgba[3] !== 1;
   }
 
   detectHEXFormat(): Format {
@@ -2115,11 +2111,11 @@ export class Legacy implements Color {
     if (format) {
       return this.as(format).asString();
     }
-    return this.#stringify(format, this.#rgbaInternal[0], this.#rgbaInternal[1], this.#rgbaInternal[2]);
+    return this.#stringify(format, this.#rgba[0], this.#rgba[1], this.#rgba[2]);
   }
   #stringify(format: LegacyColor|undefined, r: number, g: number, b: number): string {
     if (!format) {
-      format = this.#formatInternal;
+      format = this.#format;
     }
 
     function toHexValue(value: number): string {
@@ -2132,7 +2128,7 @@ export class Legacy implements Color {
       case Format.RGBA: {
         const start = Platform.StringUtilities.sprintf('rgb(%d %d %d', toRgbValue(r), toRgbValue(g), toRgbValue(b));
         if (this.hasAlpha()) {
-          return start + Platform.StringUtilities.sprintf(' / %d%)', Math.round(this.#rgbaInternal[3] * 100));
+          return start + Platform.StringUtilities.sprintf(' / %d%)', Math.round(this.#rgba[3] * 100));
         }
         return start + ')';
       }
@@ -2140,7 +2136,7 @@ export class Legacy implements Color {
       case Format.HEXA: {
         if (this.hasAlpha()) {
           return Platform.StringUtilities
-              .sprintf('#%s%s%s%s', toHexValue(r), toHexValue(g), toHexValue(b), toHexValue(this.#rgbaInternal[3]))
+              .sprintf('#%s%s%s%s', toHexValue(r), toHexValue(g), toHexValue(b), toHexValue(this.#rgba[3]))
               .toLowerCase();
         }
         return Platform.StringUtilities.sprintf('#%s%s%s', toHexValue(r), toHexValue(g), toHexValue(b)).toLowerCase();
@@ -2162,20 +2158,20 @@ export class Legacy implements Color {
   }
   isGamutClipped(): boolean {
     return !equals(
-        this.#rawParams.map(toRgbValue),
-        [this.#rgbaInternal[0], this.#rgbaInternal[1], this.#rgbaInternal[2]].map(toRgbValue), WIDE_RANGE_EPSILON);
+        this.#rawParams.map(toRgbValue), [this.#rgba[0], this.#rgba[1], this.#rgba[2]].map(toRgbValue),
+        WIDE_RANGE_EPSILON);
   }
 
   rgba(): Color4D {
-    return [...this.#rgbaInternal];
+    return [...this.#rgba];
   }
 
   canonicalRGBA(): Color4D {
     const rgba = new Array(4);
     for (let i = 0; i < 3; ++i) {
-      rgba[i] = Math.round(this.#rgbaInternal[i] * 255);
+      rgba[i] = Math.round(this.#rgba[i] * 255);
     }
-    rgba[3] = this.#rgbaInternal[3];
+    rgba[3] = this.#rgba[3];
     return rgba as Color4D;
   }
 
@@ -2200,10 +2196,10 @@ export class Legacy implements Color {
 
   invert(): Legacy {
     const rgba: Color4D = [0, 0, 0, 0];
-    rgba[0] = 1 - this.#rgbaInternal[0];
-    rgba[1] = 1 - this.#rgbaInternal[1];
-    rgba[2] = 1 - this.#rgbaInternal[2];
-    rgba[3] = this.#rgbaInternal[3];
+    rgba[0] = 1 - this.#rgba[0];
+    rgba[1] = 1 - this.#rgba[1];
+    rgba[2] = 1 - this.#rgba[2];
+    rgba[3] = this.#rgba[3];
     return new Legacy(rgba, Format.RGBA);
   }
 
@@ -2212,38 +2208,38 @@ export class Legacy implements Color {
    * Note: We override with an alpha of 50% to enhance the dimming effect.
    */
   grayscale(): Legacy {
-    const [r, g, b] = this.#rgbaInternal;
+    const [r, g, b] = this.#rgba;
     const gray = r * 0.299 + g * 0.587 + b * 0.114;
     return new Legacy([gray, gray, gray, 0.5], Format.RGBA);
   }
 
   setAlpha(alpha: number): Legacy {
-    const rgba: Color4D = [...this.#rgbaInternal];
+    const rgba: Color4D = [...this.#rgba];
     rgba[3] = alpha;
     return new Legacy(rgba, Format.RGBA);
   }
 
   blendWith(fgColor: Legacy): Legacy {
-    const rgba: Color4D = blendColors(fgColor.#rgbaInternal, this.#rgbaInternal);
+    const rgba: Color4D = blendColors(fgColor.#rgba, this.#rgba);
     return new Legacy(rgba, Format.RGBA);
   }
 
   blendWithAlpha(alpha: number): Legacy {
-    const rgba: Color4D = [...this.#rgbaInternal];
+    const rgba: Color4D = [...this.#rgba];
     rgba[3] *= alpha;
     return new Legacy(rgba, Format.RGBA);
   }
 
   setFormat(format: LegacyColor): void {
-    this.#formatInternal = format;
+    this.#format = format;
   }
 
   equal(other: Color): boolean {
-    const legacy = other.as(this.#formatInternal);
-    return equals(toRgbValue(this.#rgbaInternal[0]), toRgbValue(legacy.#rgbaInternal[0]), WIDE_RANGE_EPSILON) &&
-        equals(toRgbValue(this.#rgbaInternal[1]), toRgbValue(legacy.#rgbaInternal[1]), WIDE_RANGE_EPSILON) &&
-        equals(toRgbValue(this.#rgbaInternal[2]), toRgbValue(legacy.#rgbaInternal[2]), WIDE_RANGE_EPSILON) &&
-        equals(this.#rgbaInternal[3], legacy.#rgbaInternal[3]);
+    const legacy = other.as(this.#format);
+    return equals(toRgbValue(this.#rgba[0]), toRgbValue(legacy.#rgba[0]), WIDE_RANGE_EPSILON) &&
+        equals(toRgbValue(this.#rgba[1]), toRgbValue(legacy.#rgba[1]), WIDE_RANGE_EPSILON) &&
+        equals(toRgbValue(this.#rgba[2]), toRgbValue(legacy.#rgba[2]), WIDE_RANGE_EPSILON) &&
+        equals(this.#rgba[3], legacy.#rgba[3]);
   }
 }
 

package/front_end/core/common/Console.ts

@@ -8,13 +8,13 @@ import {reveal} from './Revealer.js';
 let consoleInstance: Console|undefined;
 
 export class Console extends ObjectWrapper<EventTypes> {
-  readonly #messagesInternal: Message[];
+  readonly #messages: Message[];
   /**
    * Instantiable via the instance() factory below.
    */
   constructor() {
     super();
-    this.#messagesInternal = [];
+    this.#messages = [];
   }
 
   static instance(opts?: {forceNew: boolean}): Console {
@@ -39,7 +39,7 @@ export class Console extends ObjectWrapper<EventTypes> {
    */
   addMessage(text: string, level = MessageLevel.INFO, show = false, source?: FrontendMessageSource): void {
     const message = new Message(text, level, Date.now(), show, source);
-    this.#messagesInternal.push(message);
+    this.#messages.push(message);
     this.dispatchEventToListeners(Events.MESSAGE_ADDED, message);
   }
 
@@ -62,7 +62,7 @@ export class Console extends ObjectWrapper<EventTypes> {
   }
 
   messages(): Message[] {
-    return this.#messagesInternal;
+    return this.#messages;
   }
 
   show(): void {

package/front_end/core/common/ParsedURL.ts

@@ -95,8 +95,8 @@ export class ParsedURL {
   folderPathComponents: string;
   lastPathComponent: string;
   readonly blobInnerScheme: string|undefined;
-  #displayNameInternal?: string;
-  #dataURLDisplayNameInternal?: string;
+  #displayName?: string;
+  #dataURLDisplayName?: string;
 
   constructor(url: string) {
     this.isValid = false;
@@ -494,8 +494,8 @@ export class ParsedURL {
   }
 
   get displayName(): string {
-    if (this.#displayNameInternal) {
-      return this.#displayNameInternal;
+    if (this.#displayName) {
+      return this.#displayName;
     }
 
     if (this.isDataURL()) {
@@ -508,25 +508,25 @@ export class ParsedURL {
       return this.url;
     }
 
-    this.#displayNameInternal = this.lastPathComponent;
-    if (!this.#displayNameInternal) {
-      this.#displayNameInternal = (this.host || '') + '/';
+    this.#displayName = this.lastPathComponent;
+    if (!this.#displayName) {
+      this.#displayName = (this.host || '') + '/';
     }
-    if (this.#displayNameInternal === '/') {
-      this.#displayNameInternal = this.url;
+    if (this.#displayName === '/') {
+      this.#displayName = this.url;
     }
-    return this.#displayNameInternal;
+    return this.#displayName;
   }
 
   dataURLDisplayName(): string {
-    if (this.#dataURLDisplayNameInternal) {
-      return this.#dataURLDisplayNameInternal;
+    if (this.#dataURLDisplayName) {
+      return this.#dataURLDisplayName;
     }
     if (!this.isDataURL()) {
       return '';
     }
-    this.#dataURLDisplayNameInternal = Platform.StringUtilities.trimEndWithMaxLength(this.url, 20);
-    return this.#dataURLDisplayNameInternal;
+    this.#dataURLDisplayName = Platform.StringUtilities.trimEndWithMaxLength(this.url, 20);
+    return this.#dataURLDisplayName;
   }
 
   isAboutBlank(): boolean {

package/front_end/core/common/ResourceType.ts

@@ -159,17 +159,17 @@ const str_ = i18n.i18n.registerUIStrings('core/common/ResourceType.ts', UIString
 const i18nLazyString = i18n.i18n.getLazilyComputedLocalizedString.bind(undefined, str_);
 
 export class ResourceType {
-  readonly #nameInternal: string;
-  readonly #titleInternal: () => Platform.UIString.LocalizedString;
-  readonly #categoryInternal: ResourceCategory;
-  readonly #isTextTypeInternal: boolean;
+  readonly #name: string;
+  readonly #title: () => Platform.UIString.LocalizedString;
+  readonly #category: ResourceCategory;
+  readonly #isTextType: boolean;
 
   constructor(
       name: string, title: () => Platform.UIString.LocalizedString, category: ResourceCategory, isTextType: boolean) {
-    this.#nameInternal = name;
-    this.#titleInternal = title;
-    this.#categoryInternal = category;
-    this.#isTextTypeInternal = isTextType;
+    this.#name = name;
+    this.#title = title;
+    this.#category = category;
+    this.#isTextType = isTextType;
   }
 
   static fromMimeType(mimeType: string|null): ResourceType {
@@ -286,23 +286,23 @@ export class ResourceType {
   }
 
   name(): string {
-    return this.#nameInternal;
+    return this.#name;
   }
 
   title(): string {
-    return this.#titleInternal();
+    return this.#title();
   }
 
   category(): ResourceCategory {
-    return this.#categoryInternal;
+    return this.#category;
   }
 
   isTextType(): boolean {
-    return this.#isTextTypeInternal;
+    return this.#isTextType;
   }
 
   isScript(): boolean {
-    return this.#nameInternal === 'script' || this.#nameInternal === 'sm-script';
+    return this.#name === 'script' || this.#name === 'sm-script';
   }
 
   hasScripts(): boolean {
@@ -310,7 +310,7 @@ export class ResourceType {
   }
 
   isStyleSheet(): boolean {
-    return this.#nameInternal === 'stylesheet' || this.#nameInternal === 'sm-stylesheet';
+    return this.#name === 'stylesheet' || this.#name === 'sm-stylesheet';
   }
 
   hasStyleSheets(): boolean {
@@ -318,7 +318,7 @@ export class ResourceType {
   }
 
   isDocument(): boolean {
-    return this.#nameInternal === 'document';
+    return this.#name === 'document';
   }
 
   isDocumentOrScriptOrStyleSheet(): boolean {
@@ -326,23 +326,23 @@ export class ResourceType {
   }
 
   isFont(): boolean {
-    return this.#nameInternal === 'font';
+    return this.#name === 'font';
   }
 
   isImage(): boolean {
-    return this.#nameInternal === 'image';
+    return this.#name === 'image';
   }
 
   isFromSourceMap(): boolean {
-    return this.#nameInternal.startsWith('sm-');
+    return this.#name.startsWith('sm-');
   }
 
   isWebbundle(): boolean {
-    return this.#nameInternal === 'webbundle';
+    return this.#name === 'webbundle';
   }
 
   toString(): string {
-    return this.#nameInternal;
+    return this.#name;
   }
 
   canonicalMimeType(): string {

package/front_end/core/common/SegmentedRange.ts

@@ -24,56 +24,55 @@ export class Segment<T> {
 }
 
 export class SegmentedRange<T> {
-  #segmentsInternal: Array<Segment<T>>;
+  #segments: Array<Segment<T>>;
   readonly #mergeCallback: ((arg0: Segment<T>, arg1: Segment<T>) => Segment<T>| null)|undefined;
 
   constructor(mergeCallback?: ((arg0: Segment<T>, arg1: Segment<T>) => Segment<T>| null)) {
-    this.#segmentsInternal = [];
+    this.#segments = [];
     this.#mergeCallback = mergeCallback;
   }
 
   append(newSegment: Segment<T>): void {
     // 1. Find the proper insertion point for new segment
-    let startIndex =
-        Platform.ArrayUtilities.lowerBound(this.#segmentsInternal, newSegment, (a, b) => a.begin - b.begin);
+    let startIndex = Platform.ArrayUtilities.lowerBound(this.#segments, newSegment, (a, b) => a.begin - b.begin);
     let endIndex = startIndex;
     let merged: (Segment<T>|null)|null = null;
     if (startIndex > 0) {
       // 2. Try mering the preceding segment
-      const precedingSegment = this.#segmentsInternal[startIndex - 1];
+      const precedingSegment = this.#segments[startIndex - 1];
       merged = this.tryMerge(precedingSegment, newSegment);
       if (merged) {
         --startIndex;
         newSegment = merged;
-      } else if (this.#segmentsInternal[startIndex - 1].end >= newSegment.begin) {
+      } else if (this.#segments[startIndex - 1].end >= newSegment.begin) {
         // 2a. If merge failed and segments overlap, adjust preceding segment.
         // If an old segment entirely contains new one, split it in two.
         if (newSegment.end < precedingSegment.end) {
-          this.#segmentsInternal.splice(
+          this.#segments.splice(
               startIndex, 0, new Segment<T>(newSegment.end, precedingSegment.end, precedingSegment.data));
         }
         precedingSegment.end = newSegment.begin;
       }
     }
     // 3. Consume all segments that are entirely covered by the new one.
-    while (endIndex < this.#segmentsInternal.length && this.#segmentsInternal[endIndex].end <= newSegment.end) {
+    while (endIndex < this.#segments.length && this.#segments[endIndex].end <= newSegment.end) {
       ++endIndex;
     }
     // 4. Merge or adjust the succeeding segment if it overlaps.
-    if (endIndex < this.#segmentsInternal.length) {
-      merged = this.tryMerge(newSegment, this.#segmentsInternal[endIndex]);
+    if (endIndex < this.#segments.length) {
+      merged = this.tryMerge(newSegment, this.#segments[endIndex]);
       if (merged) {
         endIndex++;
         newSegment = merged;
-      } else if (newSegment.intersects(this.#segmentsInternal[endIndex])) {
-        this.#segmentsInternal[endIndex].begin = newSegment.end;
+      } else if (newSegment.intersects(this.#segments[endIndex])) {
+        this.#segments[endIndex].begin = newSegment.end;
       }
     }
-    this.#segmentsInternal.splice(startIndex, endIndex - startIndex, newSegment);
+    this.#segments.splice(startIndex, endIndex - startIndex, newSegment);
   }
 
   segments(): Array<Segment<T>> {
-    return this.#segmentsInternal;
+    return this.#segments;
   }
 
   private tryMerge(first: Segment<T>, second: Segment<T>): Segment<T>|null {

package/front_end/core/common/Settings.ts

@@ -354,7 +354,7 @@ export class Deprecation {
 
 export class Setting<V> {
   #titleFunction?: () => Platform.UIString.LocalizedString;
-  #titleInternal!: Platform.UIString.LocalizedString;
+  #title!: Platform.UIString.LocalizedString;
   #registration: SettingRegistration|null = null;
   #requiresUserAction?: boolean;
   #value?: V;
@@ -387,8 +387,8 @@ export class Setting<V> {
   }
 
   title(): Platform.UIString.LocalizedString {
-    if (this.#titleInternal) {
-      return this.#titleInternal;
+    if (this.#title) {
+      return this.#title;
     }
     if (this.#titleFunction) {
       return this.#titleFunction();
@@ -403,7 +403,7 @@ export class Setting<V> {
   }
 
   setTitle(title: Platform.UIString.LocalizedString): void {
-    this.#titleInternal = title;
+    this.#title = title;
   }
 
   setRequiresUserAction(requiresUserAction: boolean): void {

package/front_end/core/common/StringOutputStream.ts

@@ -8,19 +8,19 @@ export interface OutputStream {
 }
 
 export class StringOutputStream implements OutputStream {
-  #dataInternal: string;
+  #data: string;
   constructor() {
-    this.#dataInternal = '';
+    this.#data = '';
   }
 
   async write(chunk: string): Promise<void> {
-    this.#dataInternal += chunk;
+    this.#data += chunk;
   }
 
   async close(): Promise<void> {
   }
 
   data(): string {
-    return this.#dataInternal;
+    return this.#data;
   }
 }

package/front_end/core/host/GdpClient.ts

@@ -37,6 +37,25 @@ interface CheckElibigilityResponse {
   createProfile: EligibilityStatus;
 }
 
+interface BatchGetAwardsResponse {
+  awards?: Award[];
+}
+
+export interface Award {
+  name: string;
+  badge: {
+    title: string,
+    description: string,
+    imageUri: string,
+    deletableByUser: boolean,
+  };
+  title: string;
+  description: string;
+  imageUri: string;
+  createTime: string;
+  awardingUri: string;
+}
+
 export interface Profile {
   // Resource name of the profile.
   // Format: profiles/{obfuscated_profile_id}
@@ -49,6 +68,18 @@ export interface Profile {
   };
 }
 
+// The `batchGet` awards endpoint returns badge names with an
+// obfuscated user ID (e.g., `profiles/12345/awards/badge-name`).
+// This function normalizes them to use `me` instead of the ID
+// (e.g., `profiles/me/awards/badge-path`) to match the format
+// used for client-side requests.
+function normalizeBadgeName(name: string): string {
+  return name.replace(/profiles\/[^/]+\/awards\//, 'profiles/me/awards/');
+}
+
+// TODO(crbug.com/441679275): Update once the API is enabled for prod.
+export const GOOGLE_DEVELOPER_PROGRAM_PROFILE_LINK = 'https://developers.devsite.corp.google.com/profile/u/me';
+
 async function makeHttpRequest<R extends object>(request: DispatchHttpRequestRequest): Promise<R|null> {
   if (!Root.Runtime.hostConfig.devToolsGdpProfiles?.enabled) {
     return null;
@@ -113,18 +144,61 @@ export class GdpClient {
     return await this.#cachedEligibilityPromise;
   }
 
+  /**
+   * @returns null if the request fails, the awarded badge names otherwise.
+   */
+  async getAwardedBadgeNames({names}: {names: string[]}): Promise<Set<string>|null> {
+    const result = await makeHttpRequest<BatchGetAwardsResponse>({
+      service: SERVICE_NAME,
+      path: '/v1beta1/profiles/me/awards:batchGet',
+      method: 'GET',
+      queryParams: {
+        allowMissing: 'true',
+        names,
+      }
+    });
+
+    if (!result) {
+      return null;
+    }
+
+    return new Set(result.awards?.map(award => normalizeBadgeName(award.name)) ?? []);
+  }
+
   async isEligibleToCreateProfile(): Promise<boolean> {
     return (await this.checkEligibility())?.createProfile === EligibilityStatus.ELIGIBLE;
   }
 
-  createProfile({user, emailPreference}: {user: string, emailPreference: EmailPreference}): Promise<Profile|null> {
-    return makeHttpRequest({
+  async createProfile({user, emailPreference}: {user: string, emailPreference: EmailPreference}):
+      Promise<Profile|null> {
+    const result = await makeHttpRequest<Profile>({
       service: SERVICE_NAME,
       path: '/v1beta1/profiles',
       method: 'POST',
       body: JSON.stringify({
         user,
         newsletter_email: emailPreference,
+      }),
+    });
+    if (result) {
+      this.#clearCache();
+    }
+    return result;
+  }
+
+  #clearCache(): void {
+    this.#cachedProfilePromise = undefined;
+    this.#cachedEligibilityPromise = undefined;
+  }
+
+  createAward({name}: {name: string}): Promise<Award|null> {
+    return makeHttpRequest({
+      service: SERVICE_NAME,
+      path: '/v1beta1/profiles/me/awards',
+      method: 'POST',
+      body: JSON.stringify({
+        awardingUri: 'devtools://devtools',
+        name,
       })
     });
   }

package/front_end/core/host/InspectorFrontendHost.ts

@@ -423,7 +423,10 @@ export class InspectorFrontendHostStub implements InspectorFrontendHostAPI {
       },
       devToolsIpProtectionPanelInDevTools: {
         enabled: false,
-      }
+      },
+      devToolsFlexibleLayout: {
+        verticalDrawerEnabled: true,
+      },
     };
     if ('hostConfigForTesting' in globalThis) {
       const {hostConfigForTesting} = (globalThis as unknown as {hostConfigForTesting: Root.Runtime.HostConfig});

package/front_end/core/host/InspectorFrontendHostAPI.ts

@@ -257,11 +257,13 @@ export type DispatchHttpRequestRequest = {
   service: string,
   path: string,
   method: 'GET',
+  queryParams?: Record<string, string|string[]>,
   body?: never,
 }|{
   service: string,
   path: string,
   method: 'POST',
+  queryParams?: Record<string, string|string[]>,
   // A JSON string containing the request body.
   body?: string,
 };