chrome-devtools-frontend 1.0.1555430 → 1.0.1556696

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/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/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.1556696"
 }