chrome-devtools-frontend 1.0.1571007 → 1.0.1572937

package/front_end/panels/ai_assistance/components/CollapsibleAssistanceContentWidget.ts

@@ -1,89 +0,0 @@
-// Copyright 2025 The Chromium Authors
-// Use of this source code is governed by a BSD-style license that can be
-// found in the LICENSE file.
-
-/* eslint-disable @devtools/no-lit-render-outside-of-view */
-import * as Buttons from '../../../ui/components/buttons/buttons.js';
-import * as Lit from '../../../ui/lit/lit.js';
-
-import styles from './collapsibleAssistanceContentWidget.css.js';
-
-const {render, html} = Lit;
-
-export interface CollapsibleAssistanceContentWidgetData {
-  headerText: string;
-  onReveal?: () => void;
-}
-
-export class CollapsibleAssistanceContentWidget extends HTMLElement {
-  readonly #shadow = this.attachShadow({mode: 'open'});
-  #isCollapsed = false;
-  #headerText = 'Details';
-  #onReveal?: () => void;
-
-  set data(data: CollapsibleAssistanceContentWidgetData) {
-    this.#headerText = data.headerText;
-    this.#onReveal = data.onReveal;
-    this.#render();
-  }
-
-  connectedCallback(): void {
-    this.#render();
-  }
-
-  #toggleCollapse(): void {
-    this.#isCollapsed = !this.#isCollapsed;
-    this.#render();
-  }
-
-  #render(): void {
-    // clang-format off
-    const output = html`
-      <style>${styles}</style>
-      <details ?open=${!this.#isCollapsed}>
-        <summary class="header" @click=${(event: Event) => {
-          event.preventDefault();
-          this.#toggleCollapse();
-        }}>
-          ${this.#headerText}
-          <div>
-            <devtools-button .data=${{
-              variant: Buttons.Button.Variant.ICON,
-              iconName: 'select-element',
-              color: 'var(--sys-color-on-surface)',
-              width: '14px',
-              height: '14px',
-              title: 'reveal',
-              } as Buttons.Button.ButtonData}
-              @click=${(event: Event) => {
-                event.stopPropagation();
-                this.#onReveal?.();
-              }}
-            ></devtools-button>
-            <devtools-button .data=${{
-              variant: Buttons.Button.Variant.ICON,
-              iconName: this.#isCollapsed ? 'triangle-right' : 'triangle-down',
-              color: 'var(--sys-color-on-surface)',
-              width: '14px',
-              height: '14px',
-              title: 'expand',
-              } as Buttons.Button.ButtonData}
-            ></devtools-button>
-          </div>
-        </summary>
-        <div class="content">
-          <slot></slot>
-        </div>
-      </details>
-    `;
-    render(output, this.#shadow, {host: this});
-  }
-}
-
-customElements.define('devtools-collapsible-assistance-content-widget', CollapsibleAssistanceContentWidget);
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'devtools-collapsible-assistance-content-widget': CollapsibleAssistanceContentWidget;
-  }
-}

package/front_end/panels/ai_assistance/components/PerformanceAgentFlameChart.ts

@@ -1,133 +0,0 @@
-// Copyright 2025 The Chromium Authors
-// Use of this source code is governed by a BSD-style license that can be
-// found in the LICENSE file.
-
-import * as Trace from '../../../models/trace/trace.js';
-import * as PerfUI from '../../../ui/legacy/components/perf_ui/perf_ui.js';
-import * as Lit from '../../../ui/lit/lit.js';
-import * as Timeline from '../../timeline/timeline.js';
-
-const {html} = Lit;
-
-export interface PerformanceAgentFlameChartData {
-  parsedTrace: Trace.TraceModel.ParsedTrace|null;
-  start: Trace.Types.Timing.Micro;
-  end: Trace.Types.Timing.Micro;
-}
-
-export class PerformanceAgentFlameChart extends HTMLElement implements PerfUI.FlameChart.FlameChartDelegate {
-  readonly #shadow = this.attachShadow({mode: 'open'});
-
-  #flameChartContainer = document.createElement('div');
-  #flameChart: PerfUI.FlameChart.FlameChart;
-  #dataProvider: Timeline.TimelineFlameChartDataProvider.TimelineFlameChartDataProvider;
-  #parsedTrace: Trace.TraceModel.ParsedTrace|null = null;
-
-  constructor() {
-    super();
-    this.#flameChartContainer.classList.add('container');
-    this.#dataProvider = new Timeline.TimelineFlameChartDataProvider.TimelineFlameChartDataProvider();
-    this.#flameChart = new PerfUI.FlameChart.FlameChart(this.#dataProvider, this);
-    this.#flameChart.markAsRoot();
-    this.#flameChart.show(this.#flameChartContainer);
-    const observer = new ResizeObserver(this.#onResize.bind(this));
-    observer.observe(this.#flameChartContainer);
-  }
-
-  set data(data: PerformanceAgentFlameChartData) {
-    if (!data.parsedTrace) {
-      return;
-    }
-    this.#parsedTrace = data.parsedTrace;
-    const entityMapper = new Trace.EntityMapper.EntityMapper(data.parsedTrace);
-    this.#dataProvider.setModel(data.parsedTrace, entityMapper);
-    this.#dataProvider.buildWithCustomTracksForTest({
-      filterTracks: trackName => trackName.startsWith('Main'),
-      expandTracks: () => true,
-    });
-
-    let start = Trace.Types.Timing.Micro(data.start);
-    let end = Trace.Types.Timing.Micro(data.end);
-
-    const minTraceTime = data.parsedTrace.data.Meta.traceBounds.min;
-    const maxTraceTime = data.parsedTrace.data.Meta.traceBounds.max;
-
-    // If the start and end are not within the trace, display the whole trace duration.
-    if (start < 0 || end < 0 || start >= end || start === end || start < minTraceTime || end > maxTraceTime) {
-      start = minTraceTime;
-      end = maxTraceTime;
-      // eslint-disable-next-line no-console
-      console.log('[GreenDev] Flamechart widget bounds reset to the whole trace duration.');
-    }
-
-    const bounds = Trace.Helpers.Timing.traceWindowMicroSecondsToMilliSeconds({
-      min: start,
-      max: end,
-      range: Trace.Types.Timing.Micro(end - start),
-    });
-    this.#flameChart.setWindowTimes(bounds.min, bounds.max);
-    this.#flameChart.setSize(600, 300);
-    this.#render();
-  }
-
-  #onResize(entries: ResizeObserverEntry[]): void {
-    const container = entries[0];
-    this.#flameChart.setSize(container.contentRect.width, 600);
-  }
-
-  #render(): void {
-    if (!this.#parsedTrace) {
-      return;
-    }
-    const output = html`
-        <style>
-          :host {
-            display: flex;
-          }
-
-          .container {
-            display: flex;
-            width: 100%;
-            height: 300px;
-          }
-
-          .flex-auto {
-            flex: auto;
-          }
-
-          .vbox {
-            display: flex;
-            flex-direction: column;
-            position: relative;
-          }
-        </style>
-        ${this.#flameChartContainer}
-      `;
-    // eslint-disable-next-line @devtools/no-lit-render-outside-of-view
-    Lit.render(output, this.#shadow, {host: this});
-
-    this.#flameChart.update();
-    this.#flameChart.setSize(600, 300);
-  }
-  windowChanged(startTime: number, endTime: number, animate: boolean): void {
-    this.#flameChart.setWindowTimes(startTime, endTime, animate);
-  }
-
-  updateRangeSelection(startTime: number, endTime: number): void {
-    this.#flameChart.updateRangeSelection(startTime, endTime);
-  }
-
-  updateSelectedEntry(_entryIndex: number): void {
-  }
-
-  updateSelectedGroup(_flameChart: PerfUI.FlameChart.FlameChart, _group: PerfUI.FlameChart.Group|null): void {
-  }
-}
-
-customElements.define('devtools-performance-agent-flame-chart', PerformanceAgentFlameChart);
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'devtools-performance-agent-flame-chart': PerformanceAgentFlameChart;
-  }
-}

package/front_end/panels/ai_assistance/components/artifactsViewer.css

@@ -1,15 +0,0 @@
-/*
- * Copyright 2025 The Chromium Authors
- * Use of this source code is governed by a BSD-style license that can be
- * found in the LICENSE file.
- */
-
-.artifacts-viewer {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-  overflow: auto;
-  padding: 20px;
-  gap: 10px;
-}

package/front_end/panels/ai_assistance/components/collapsibleAssistanceContentWidget.css

@@ -1,32 +0,0 @@
-/*
- * Copyright 2025 The Chromium Authors
- * Use of this source code is governed by a BSD-style license that can be
- * found in the LICENSE file.
- */
-
-:host {
-  display: block;
-  flex-shrink: 0;
-  width: 100%;
-  border: 2px solid var(--sys-color-neutral-container);
-  border-radius: 12px;
-  margin-bottom: 12px;
-  overflow: hidden;
-  background-color: var(--sys-color-cdt-base-container);
-}
-
-.header {
-  padding: 10px 16px;
-  cursor: pointer;
-  user-select: none;
-  display: flex;
-  align-items: center;
-  background-color: var(--sys-color-surface3);
-  justify-content: space-between;
-  transition: background-color 0.2s ease-in-out;
-}
-
-.content {
-  background-color: var(--sys-color-surface);
-  padding: 12px 16px;
-}