chrome-devtools-frontend 1.0.1555430 → 1.0.1558690

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

@@ -12,6 +12,13 @@ import * as UI from '../../../ui/legacy/legacy.js';
 import * as VisualLogging from '../../visual_logging/visual_logging.js';
 
 import {AiCodeCompletionTeaserPlaceholder} from './AiCodeCompletionTeaserPlaceholder.js';
+import {
+  acceptAiAutoCompleteSuggestion,
+  aiAutoCompleteSuggestion,
+  aiAutoCompleteSuggestionState,
+  hasActiveAiSuggestion,
+  setAiAutoCompleteSuggestion,
+} from './config.js';
 import type {TextEditor} from './TextEditor.js';
 
 export enum AiCodeGenerationTeaserMode {
@@ -28,30 +35,47 @@ const aiCodeGenerationTeaserModeState = CodeMirror.StateField.define<AiCodeGener
   },
 });
 
+export interface AiCodeGenerationConfig {
+  generationContext: {
+    inferenceLanguage?: Host.AidaClient.AidaInferenceLanguage,
+  };
+  onSuggestionAccepted: () => void;
+  onRequestTriggered: () => void;
+  // TODO(b/445394511): Move exposing citations to onSuggestionAccepted
+  onResponseReceived: (citations: Host.AidaClient.Citation[]) => void;
+}
+
 export class AiCodeGenerationProvider {
   #devtoolsLocale: string;
   #aiCodeCompletionSetting = Common.Settings.Settings.instance().createSetting('ai-code-completion-enabled', false);
   #generationTeaserCompartment = new CodeMirror.Compartment();
   #generationTeaser: PanelCommon.AiCodeGenerationTeaser;
   #editor?: TextEditor;
+  #aiCodeGenerationConfig: AiCodeGenerationConfig;
+  #aiCodeGeneration?: AiCodeGeneration.AiCodeGeneration.AiCodeGeneration;
 
+  #aidaClient: Host.AidaClient.AidaClient = new Host.AidaClient.AidaClient();
   #boundOnUpdateAiCodeGenerationState = this.#updateAiCodeGenerationState.bind(this);
+  #controller = new AbortController();
 
-  private constructor() {
+  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.');
     }
     this.#generationTeaser = new PanelCommon.AiCodeGenerationTeaser();
+    this.#aiCodeGenerationConfig = aiCodeGenerationConfig;
   }
 
-  static createInstance(): AiCodeGenerationProvider {
-    return new AiCodeGenerationProvider();
+  static createInstance(aiCodeGenerationConfig: AiCodeGenerationConfig): AiCodeGenerationProvider {
+    return new AiCodeGenerationProvider(aiCodeGenerationConfig);
   }
 
   extension(): CodeMirror.Extension[] {
     return [
       CodeMirror.EditorView.updateListener.of(update => this.activateTeaser(update)),
+      aiAutoCompleteSuggestion,
+      aiAutoCompleteSuggestionState,
       aiCodeGenerationTeaserModeState,
       this.#generationTeaserCompartment.of([]),
       CodeMirror.Prec.highest(CodeMirror.keymap.of(this.#editorKeymap())),
@@ -59,6 +83,7 @@ export class AiCodeGenerationProvider {
   }
 
   dispose(): void {
+    this.#controller.abort();
     this.#cleanupAiCodeGeneration();
   }
 
@@ -71,6 +96,10 @@ export class AiCodeGenerationProvider {
   }
 
   #setupAiCodeGeneration(): void {
+    if (this.#aiCodeGeneration) {
+      return;
+    }
+    this.#aiCodeGeneration = new AiCodeGeneration.AiCodeGeneration.AiCodeGeneration({aidaClient: this.#aidaClient});
     this.#editor?.dispatch({
       effects:
           [this.#generationTeaserCompartment.reconfigure([aiCodeGenerationTeaserExtension(this.#generationTeaser)])],
@@ -78,6 +107,10 @@ export class AiCodeGenerationProvider {
   }
 
   #cleanupAiCodeGeneration(): void {
+    if (!this.#aiCodeGeneration) {
+      return;
+    }
+    this.#aiCodeGeneration = undefined;
     this.#editor?.dispatch({
       effects: [this.#generationTeaserCompartment.reconfigure([])],
     });
@@ -99,23 +132,51 @@ export class AiCodeGenerationProvider {
       {
         key: 'Escape',
         run: (): boolean => {
-          if (!this.#editor || !this.#generationTeaser.isShowing() || !this.#generationTeaser.loading) {
+          if (!this.#editor || !this.#aiCodeGeneration) {
             return false;
           }
-          this.#editor.dispatch({effects: setAiCodeGenerationTeaserMode.of(AiCodeGenerationTeaserMode.DISMISSED)});
+          if (hasActiveAiSuggestion(this.#editor.state)) {
+            this.#editor.dispatch({
+              effects: setAiAutoCompleteSuggestion.of(null),
+            });
+            return true;
+          }
+          if (this.#generationTeaser.isShowing() && this.#generationTeaser.loading) {
+            this.#controller.abort();
+            this.#controller = new AbortController();
+            this.#dismissTeaser();
+            return true;
+          }
+          return false;
+        },
+      },
+      {
+        key: 'Tab',
+        run: (): boolean => {
+          if (!this.#aiCodeGeneration || !this.#editor || !hasActiveAiSuggestion(this.#editor.state)) {
+            return false;
+          }
+          const {accepted, suggestion} = acceptAiAutoCompleteSuggestion(this.#editor.editor);
+          if (!accepted) {
+            return false;
+          }
+          if (suggestion?.rpcGlobalId) {
+            this.#aiCodeGeneration.registerUserAcceptance(suggestion.rpcGlobalId, suggestion.sampleId);
+          }
+          this.#aiCodeGenerationConfig?.onSuggestionAccepted();
           return true;
         },
       },
       {
         any: (_view: unknown, event: KeyboardEvent) => {
-          if (!this.#editor || !this.#generationTeaser.isShowing()) {
+          if (!this.#editor || !this.#aiCodeGeneration || !this.#generationTeaser.isShowing()) {
             return false;
           }
           if (UI.KeyboardShortcut.KeyboardShortcut.eventHasCtrlEquivalentKey(event)) {
             if (event.key === 'i') {
               event.consume(true);
               void VisualLogging.logKeyDown(event.currentTarget, event, 'ai-code-generation.triggered');
-              this.#generationTeaser.loading = true;
+              void this.#triggerAiCodeGeneration({signal: this.#controller.signal});
               return true;
             }
           }
@@ -125,6 +186,11 @@ export class AiCodeGenerationProvider {
     ];
   }
 
+  #dismissTeaser(): void {
+    this.#generationTeaser.loading = false;
+    this.#editor?.dispatch({effects: setAiCodeGenerationTeaserMode.of(AiCodeGenerationTeaserMode.DISMISSED)});
+  }
+
   async activateTeaser(update: CodeMirror.ViewUpdate): Promise<void> {
     const currentTeaserMode = update.state.field(aiCodeGenerationTeaserModeState);
     if (currentTeaserMode === AiCodeGenerationTeaserMode.ACTIVE) {
@@ -135,6 +201,68 @@ export class AiCodeGenerationProvider {
     }
     update.view.dispatch({effects: setAiCodeGenerationTeaserMode.of(AiCodeGenerationTeaserMode.ACTIVE)});
   }
+
+  async #triggerAiCodeGeneration(options?: {signal?: AbortSignal}): Promise<void> {
+    if (!this.#editor || !this.#aiCodeGeneration) {
+      return;
+    }
+
+    this.#generationTeaser.loading = true;
+    const cursor = this.#editor.state.selection.main.head;
+    // TODO(b/445899453): Detect all types of comments
+    const query = this.#editor.state.doc.lineAt(cursor).text;
+    if (query.trim().length === 0) {
+      return;
+    }
+
+    try {
+      const startTime = performance.now();
+      this.#aiCodeGenerationConfig?.onRequestTriggered();
+      Host.userMetrics.actionTaken(Host.UserMetrics.Action.AiCodeGenerationRequestTriggered);
+
+      const generationResponse = await this.#aiCodeGeneration.generateCode(
+          query, AiCodeGeneration.AiCodeGeneration.basePreamble,
+          this.#aiCodeGenerationConfig?.generationContext.inferenceLanguage, options);
+
+      if (this.#generationTeaser) {
+        this.#dismissTeaser();
+      }
+
+      if (!generationResponse || generationResponse.samples.length === 0) {
+        this.#aiCodeGenerationConfig?.onResponseReceived([]);
+        return;
+      }
+      const topSample = generationResponse.samples[0];
+
+      const shouldBlock = topSample.attributionMetadata?.attributionAction === Host.AidaClient.RecitationAction.BLOCK;
+      if (shouldBlock) {
+        return;
+      }
+
+      this.#editor.dispatch({
+        effects: setAiAutoCompleteSuggestion.of({
+          text: '\n' + topSample.generationString,
+          from: cursor,
+          rpcGlobalId: generationResponse.metadata.rpcGlobalId,
+          sampleId: topSample.sampleId,
+          startTime,
+          onImpression: this.#aiCodeGeneration?.registerUserImpression.bind(this.#aiCodeGeneration),
+        })
+      });
+
+      AiCodeGeneration.debugLog('Suggestion dispatched to the editor', topSample.generationString);
+      const citations = topSample.attributionMetadata?.citations ?? [];
+      this.#aiCodeGenerationConfig?.onResponseReceived(citations);
+    } catch (e) {
+      AiCodeGeneration.debugLog('Error while fetching code generation suggestions from AIDA', e);
+      this.#aiCodeGenerationConfig?.onResponseReceived([]);
+      Host.userMetrics.actionTaken(Host.UserMetrics.Action.AiCodeGenerationError);
+    }
+
+    if (this.#generationTeaser) {
+      this.#dismissTeaser();
+    }
+  }
 }
 
 // TODO(b/445899453): Handle teaser's discovery mode

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

@@ -490,7 +490,7 @@ export interface ActiveSuggestion {
   rpcGlobalId?: Host.AidaClient.RpcGlobalId;
   startTime: number;
   onImpression: (rpcGlobalId: Host.AidaClient.RpcGlobalId, latency: number, sampleId?: number) => void;
-  clearCachedRequest: () => void;
+  clearCachedRequest?: () => void;
 }
 
 export const aiAutoCompleteSuggestionState = CM.StateField.define<ActiveSuggestion|null>({
@@ -501,7 +501,7 @@ export const aiAutoCompleteSuggestionState = CM.StateField.define<ActiveSuggesti
         if (effect.value) {
           return effect.value;
         }
-        value?.clearCachedRequest();
+        value?.clearCachedRequest?.();
         return null;
       }
     }
@@ -514,14 +514,14 @@ export const aiAutoCompleteSuggestionState = CM.StateField.define<ActiveSuggesti
     // between when the request was sent and the response was received.
     // We check if the position is still valid before trying to map it.
     if (value.from > tr.state.doc.length) {
-      value.clearCachedRequest();
+      value.clearCachedRequest?.();
       return null;
     }
 
     // If deletion occurs, set to null. Otherwise, the mapping might fail if
     // the position is inside the deleted range.
     if (tr.docChanged && tr.state.doc.length < tr.startState.doc.length) {
-      value.clearCachedRequest();
+      value.clearCachedRequest?.();
       return null;
     }
 
@@ -530,7 +530,7 @@ export const aiAutoCompleteSuggestionState = CM.StateField.define<ActiveSuggesti
 
     // If a change happened before the position from which suggestion was generated, set to null.
     if (tr.docChanged && head < from) {
-      value.clearCachedRequest();
+      value.clearCachedRequest?.();
       return null;
     }
 
@@ -571,7 +571,7 @@ export function acceptAiAutoCompleteSuggestion(view: CM.EditorView):
     userEvent: 'input.complete',
   });
 
-  suggestion.clearCachedRequest();
+  suggestion.clearCachedRequest?.();
   return {accepted: true, suggestion};
 }
 

package/front_end/ui/legacy/ContextMenu.ts

@@ -787,8 +787,17 @@ export class ContextMenu extends SubMenu {
 
     const menuObject = this.buildMenuDescriptors();
     const ownerDocument = (this.eventTarget as HTMLElement).ownerDocument;
-    if (this.useSoftMenu || ContextMenu.useSoftMenu ||
-        Host.InspectorFrontendHost.InspectorFrontendHostInstance.isHostedMode()) {
+
+    let useSoftMenu = this.useSoftMenu || ContextMenu.useSoftMenu ||
+        Host.InspectorFrontendHost.InspectorFrontendHostInstance.isHostedMode();
+
+    // Allow force opening a Native menu when DevTools is under test.
+    // This allows opening DevTools on DevTools
+    if (!this.useSoftMenu && ContextMenu.useSoftMenu && this.event.altKey) {
+      useSoftMenu = false;
+    }
+
+    if (useSoftMenu) {
       this.softMenu = new SoftContextMenu(
           (menuObject as SoftContextMenuDescriptor[]), this.itemSelected.bind(this), this.keepOpen, undefined,
           this.onSoftMenuClosed, this.loggableParent);

package/front_end/ui/legacy/Floaty.ts

@@ -4,9 +4,9 @@
 
 import * as i18n from '../../core/i18n/i18n.js';
 import * as Platform from '../../core/platform/platform.js';
-import * as Root from '../../core/root/root.js';
 import * as SDK from '../../core/sdk/sdk.js';
 import type * as Protocol from '../../generated/protocol.js';
+import * as GreenDev from '../../models/greendev/greendev.js';
 import * as Logs from '../../models/logs/logs.js';
 import * as Trace from '../../models/trace/trace.js';
 import * as Buttons from '../components/buttons/buttons.js';
@@ -89,7 +89,7 @@ export class Floaty {
   }
 
   #insertIntoDOM(): void {
-    if (Root.Runtime.hostConfig.devToolsGreenDevUi?.enabled) {
+    if (GreenDev.Prototypes.instance().isEnabled('inDevToolsFloaty')) {
       this.#floaty.show(this.#container);
       document.body.appendChild(this.#container);
       document.body.addEventListener('keydown', this.#boundKeyDown);
@@ -169,19 +169,15 @@ type FloatyClickInput = {
   },
 };
 
-export function enabled(): boolean {
-  return Root.Runtime.hostConfig.devToolsGreenDevUi?.enabled === true;
-}
-
 export function onFloatyOpen(): void {
-  if (!enabled()) {
+  if (!GreenDev.Prototypes.instance().isEnabled('inDevToolsFloaty')) {
     return;
   }
   Floaty.instance().open();
 }
 
 export function onFloatyContextDelete(context: FloatyContextSelection): void {
-  if (!enabled()) {
+  if (!GreenDev.Prototypes.instance().isEnabled('inDevToolsFloaty')) {
     return;
   }
   Floaty.instance().deleteContext(context);
@@ -194,7 +190,7 @@ export function onFloatyContextDelete(context: FloatyContextSelection): void {
  * click behaviour.
  */
 export function onFloatyClick(input: FloatyClickInput): boolean {
-  if (!enabled()) {
+  if (!GreenDev.Prototypes.instance().isEnabled('inDevToolsFloaty')) {
     return false;
   }
   const floaty = Floaty.instance();

package/front_end/ui/legacy/InspectorView.ts

@@ -8,6 +8,7 @@ import * as Host from '../../core/host/host.js';
 import * as i18n from '../../core/i18n/i18n.js';
 import * as Root from '../../core/root/root.js';
 import * as SDK from '../../core/sdk/sdk.js';
+import * as GreenDev from '../../models/greendev/greendev.js';
 import * as Buttons from '../../ui/components/buttons/buttons.js';
 import {createIcon, type Icon} from '../kit/kit.js';
 import * as VisualLogging from '../visual_logging/visual_logging.js';
@@ -375,7 +376,7 @@ export class InspectorView extends VBox implements ViewLocationResolver {
         DockControllerEvents.DOCK_SIDE_CHANGED, this.#applyDrawerOrientationForDockSide, this);
     this.#applyDrawerOrientationForDockSide();
 
-    if (Root.Runtime.hostConfig.devToolsGreenDevUi?.enabled) {
+    if (GreenDev.Prototypes.instance().isEnabled('inDevToolsFloaty')) {
       Floaty.instance({
         forceNew: true,
         document: this.element.ownerDocument,

package/front_end/ui/legacy/ReportView.ts

@@ -13,6 +13,11 @@ import reportViewStyles from './reportView.css.js';
 import type {Toolbar} from './Toolbar.js';
 import {Tooltip} from './Tooltip.js';
 import {VBox} from './Widget.js';
+
+/**
+ * @deprecated Please consider using the web component version of this widget
+ *             (`ui/components/report_view/ReportView.ts`) for new code.
+ */
 export class ReportView extends VBox {
   private readonly contentBox: HTMLElement;
   private headerElement: HTMLElement;
@@ -225,8 +230,4 @@ export class Section extends VBox {
     ARIAUtils.markAsGroup(this.fieldList);
     ARIAUtils.setLabel(this.fieldList, this.title());
   }
-
-  setIconMasked(masked: boolean): void {
-    this.element.classList.toggle('show-mask', masked);
-  }
 }

package/front_end/ui/legacy/TextPrompt.ts

@@ -327,7 +327,7 @@ export class TextPrompt extends Common.ObjectWrapper.ObjectWrapper<EventTypes> i
    * or the |blurListener| parameter to register a "blur" event listener on the |element|
    * (since the "blur" event does not bubble.)
    */
-  attachAndStartEditing(element: Element, blurListener: (arg0: Event) => void): Element {
+  attachAndStartEditing(element: Element, blurListener?: (arg0: Event) => void): Element {
     const proxyElement = this.#attach(element);
     this.startEditing(blurListener);
     return proxyElement;

package/front_end/ui/legacy/Toolbar.ts

@@ -1166,6 +1166,10 @@ export class ToolbarComboBox extends ToolbarItem<void, HTMLSelectElement> {
     }
   }
 
+  turnShrinkable(): void {
+    this.element.classList.add('toolbar-has-dropdown-shrinkable');
+  }
+
   size(): number {
     return this.element.childElementCount;
   }

package/front_end/ui/legacy/UIUtils.ts

@@ -1295,8 +1295,6 @@ export class DevToolsIconLabel extends HTMLElement {
 
   set data(data: IconData) {
     this.#icon.data = data;
-    // TODO(crbug.com/1427397): Clean this up. This was necessary so `DevToolsIconLabel` can use Lit icon
-    //    while being backwards-compatible with the legacy Icon while working for both small and large icons.
     if (data.height === '14px') {
       this.#icon.style.setProperty('margin-bottom', '-2px');
     } else if (data.height === '20px') {

package/front_end/ui/legacy/Widget.ts

@@ -247,6 +247,13 @@ export class WidgetElement<WidgetT extends Widget> extends HTMLElement {
     };
     return clone;
   }
+
+  override focus(): void {
+    const widget = Widget.get(this);
+    if (widget) {
+      widget.focus();
+    }
+  }
 }
 
 customElements.define('devtools-widget', WidgetElement);

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

@@ -176,6 +176,12 @@ const i18nLazyString = i18n.i18n.getLazilyComputedLocalizedString.bind(undefined
 
 const expiresSessionValue = i18nLazyString(UIStrings.session);
 
+export interface CookiesTableData {
+  cookies: SDK.Cookie.Cookie[];
+  cookieToBlockedReasons?: ReadonlyMap<SDK.Cookie.Cookie, SDK.CookieModel.BlockedReason[]>;
+  cookieToExemptionReason?: ReadonlyMap<SDK.Cookie.Cookie, SDK.CookieModel.ExemptionReason>;
+}
+
 export class CookiesTable extends UI.Widget.VBox {
   private saveCallback?: ((arg0: SDK.Cookie.Cookie, arg1: SDK.Cookie.Cookie|null) => Promise<boolean>);
   private readonly refreshCallback?: (() => void);
@@ -190,15 +196,15 @@ export class CookiesTable extends UI.Widget.VBox {
   private readonly view: ViewFunction;
   private selectedKey?: string;
   private readonly editable: boolean;
-  private readonly renderInline: boolean;
+  private renderInline: boolean;
   private readonly schemeBindingEnabled: boolean;
   private readonly portBindingEnabled: boolean;
   constructor(
-      renderInline?: boolean,
+      element?: HTMLElement, renderInline?: boolean,
       saveCallback?: ((arg0: SDK.Cookie.Cookie, arg1: SDK.Cookie.Cookie|null) => Promise<boolean>),
       refreshCallback?: (() => void), selectedCallback?: (() => void),
       deleteCallback?: ((arg0: SDK.Cookie.Cookie, arg1: () => void) => void), view?: ViewFunction) {
-    super();
+    super(element);
     if (!view) {
       view = (input, _, target) => {
         // clang-format off
@@ -325,6 +331,15 @@ export class CookiesTable extends UI.Widget.VBox {
     this.requestUpdate();
   }
 
+  set cookiesData(data: CookiesTableData) {
+    this.setCookies(data.cookies, data.cookieToBlockedReasons, data.cookieToExemptionReason);
+  }
+
+  set inline(value: boolean) {
+    this.renderInline = value;
+    this.requestUpdate();
+  }
+
   setCookies(
       cookies: SDK.Cookie.Cookie[],
       cookieToBlockedReasons?: ReadonlyMap<SDK.Cookie.Cookie, SDK.CookieModel.BlockedReason[]>,

package/front_end/ui/legacy/components/data_grid/DataGrid.ts

@@ -68,15 +68,15 @@ const UIStrings = {
   /**
    * @description A context menu item in the Data Grid of a data grid
    */
-  sortByString: 'Sort By',
+  sortByString: 'Sort by',
   /**
    * @description A context menu item in data grids to reset the columns to their default weight
    */
-  resetColumns: 'Reset Columns',
+  resetColumns: 'Reset columns',
   /**
    * @description A context menu item in data grids to list header options.
    */
-  headerOptions: 'Header Options',
+  headerOptions: 'Header options',
   /**
    * @description Text to refresh the page
    */

package/front_end/ui/legacy/components/object_ui/ObjectPropertiesSection.ts

@@ -1697,6 +1697,12 @@ export class Renderer implements UI.UIUtils.Renderer {
     if (options?.expand) {
       section.firstChild()?.expand();
     }
+    const dispatchDimensionChange = (): void => {
+      section.element.dispatchEvent(new CustomEvent('dimensionschanged'));
+    };
+    section.addEventListener(UI.TreeOutline.Events.ElementAttached, dispatchDimensionChange);
+    section.addEventListener(UI.TreeOutline.Events.ElementExpanded, dispatchDimensionChange);
+    section.addEventListener(UI.TreeOutline.Events.ElementCollapsed, dispatchDimensionChange);
     return {
       element: section.element,
       forceSelect: section.forceSelect.bind(section),

package/front_end/ui/legacy/components/perf_ui/FlameChart.ts

@@ -1513,7 +1513,6 @@ export class FlameChart extends Common.ObjectWrapper.eventMixin<EventTypes, type
   }
 
   #handleFlameChartTransformEvent(event: KeyboardEvent): void {
-    // TODO(crbug.com/1469887): Indicate Shortcuts to the user when the designs are complete.
     if (this.selectedEntryIndex === -1) {
       return;
     }

package/front_end/ui/legacy/reportView.css

@@ -123,30 +123,6 @@
   user-select: text;
 }
 
-.image-wrapper,
-.image-wrapper img {
-  max-width: 200px;
-  max-height: 200px;
-  display: block;
-  object-fit: contain;
-}
-
-.image-wrapper {
-  height: fit-content;
-  margin-right: 8px;
-}
-
-.show-mask img {
-  /* The safe zone is a centrally positioned circle, with radius 2/5
-  * (40%) of the minimum of the icon's width and height.
-  * https://w3c.github.io/manifest/#icon-masks */
-  clip-path: circle(40% at 50% 50%);
-}
-
-.show-mask .image-wrapper {
-  background: var(--image-file-checker);
-}
-
 @media (forced-colors: active) {
   .report-field-value .inline-icon {
     color: ButtonText;

package/front_end/ui/visual_logging/KnownContextValues.ts

@@ -1742,6 +1742,11 @@ export const knownContextValues = new Set([
   'gotpointercapture',
   'grace-period-link',
   'grace-period-mitigation-disabled',
+  'greendev-ai-annotations-enabled',
+  'greendev-artifact-viewer-enabled',
+  'greendev-in-devtools-floaty-enabled',
+  'greendev-inline-widgets-enabled',
+  'greendev-prototypes',
   'grid',
   'grid-align',
   'grid-area',
@@ -3234,6 +3239,7 @@ export const knownContextValues = new Set([
   'screen',
   'screen-rotation',
   'screencast-enabled',
+  'screenshots',
   'script',
   'script-blocked-by-csp',
   'script-first-statement',
@@ -4196,6 +4202,7 @@ export const knownContextValues = new Set([
   'width',
   'will-change',
   'window',
+  'window-controls',
   'window-controls-overlay',
   'windows',
   'word-break',

package/package.json

@@ -104,5 +104,5 @@
       "flat-cache": "6.1.12"
     }
   },
-  "version": "1.0.1555430"
+  "version": "1.0.1558690"
 }