chrome-devtools-frontend 1.0.1635648 → 1.0.1636056

package/front_end/models/ai_assistance/agents/PerformanceAgent.ts

@@ -1093,7 +1093,16 @@ export class PerformanceAgent extends AiAgent<AgentFocus> {
 
         const key = `getEventByKey('${params.eventKey}')`;
         this.#cacheFunctionResult(focus, key, details);
-        return {result: {details}};
+        return {
+          result: {details},
+          widgets: [{
+            name: 'TIMELINE_EVENT_SUMMARY',
+            data: {
+              event,
+              parsedTrace,
+            },
+          }],
+        };
       },
     });
 
@@ -1493,7 +1502,16 @@ export class PerformanceAgent extends AiAgent<AgentFocus> {
 
           const revealable = new SDK.TraceObject.RevealableEvent(event);
           await Common.Revealer.reveal(revealable);
-          return {result: {success: true}};
+          return {
+            result: {success: true},
+            widgets: [{
+              name: 'TIMELINE_EVENT_SUMMARY',
+              data: {
+                event,
+                parsedTrace,
+              },
+            }],
+          };
         },
       });
     }

package/front_end/models/ai_assistance/ai_assistance.ts

@@ -10,6 +10,8 @@ import * as ContextSelectionAgent from './agents/ContextSelectionAgent.js';
 import * as ConversationSummaryAgent from './agents/ConversationSummaryAgent.js';
 import * as FileAgent from './agents/FileAgent.js';
 import * as GreenDevAgent from './agents/GreenDevAgent.js';
+import * as GreenDevAgentAntigravityCliSocketClient from './agents/GreenDevAgentAntigravityCliSocketClient.js';
+import * as GreenDevAgentGeminiCliSocketClient from './agents/GreenDevAgentGeminiCliSocketClient.js';
 import * as NetworkAgent from './agents/NetworkAgent.js';
 import * as PatchAgent from './agents/PatchAgent.js';
 import * as PerformanceAgent from './agents/PerformanceAgent.js';
@@ -57,6 +59,8 @@ export {
   FileAgent,
   FileFormatter,
   GreenDevAgent,
+  GreenDevAgentAntigravityCliSocketClient,
+  GreenDevAgentGeminiCliSocketClient,
   Injected,
   LighthouseFormatter,
   NetworkAgent,

package/front_end/models/greendev/Prototypes.ts

@@ -9,7 +9,8 @@ let instance: Prototypes|null = null;
 
 export interface GreenDevSettings {
   aiAnnotations: Common.Settings.Setting<boolean>;
-  beyondStyling: Common.Settings.Setting<boolean>;
+  beyondStylingGemini: Common.Settings.Setting<boolean>;
+  beyondStylingAntigravity: Common.Settings.Setting<boolean>;
   breakpointDebuggerAgent: Common.Settings.Setting<boolean>;
   emulationCapabilities: Common.Settings.Setting<boolean>;
 }
@@ -42,10 +43,15 @@ export class Prototypes {
         false,
         Common.Settings.SettingStorageType.LOCAL,
     );
-    const beyondStyling = settings.createSetting(
-        'greendev-beyond-styling-enabled',
+    const beyondStylingGemini = settings.createSetting(
+        'greendev-beyond-styling-gemini-enabled',
         false,
-        Common.Settings.SettingStorageType.LOCAL,
+        Common.Settings.SettingStorageType.GLOBAL,
+    );
+    const beyondStylingAntigravity = settings.createSetting(
+        'greendev-beyond-styling-antigravity-enabled',
+        false,
+        Common.Settings.SettingStorageType.GLOBAL,
     );
     const breakpointDebuggerAgent = settings.createSetting(
         'greendev-breakpoint-debugger-agent-enabled',
@@ -58,6 +64,12 @@ export class Prototypes {
         Common.Settings.SettingStorageType.LOCAL,
     );
 
-    return {aiAnnotations, beyondStyling, breakpointDebuggerAgent, emulationCapabilities};
+    return {
+      aiAnnotations,
+      beyondStylingGemini,
+      beyondStylingAntigravity,
+      breakpointDebuggerAgent,
+      emulationCapabilities
+    };
   }
 }

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

@@ -15,7 +15,7 @@ import type * as Protocol from '../../../generated/protocol.js';
 import type {
   AiWidget, BottomUpTreeAiWidget, ComputedStyleAiWidget, CoreVitalsAiWidget, DomTreeAiWidget, LighthouseReportAiWidget,
   PerfInsightAiWidget, PerformanceTraceAiWidget, SourceFileAiWidget, StylePropertiesAiWidget,
-  TimelineRangeSummaryAiWidget} from '../../../models/ai_assistance/agents/AiAgent.js';
+  TimelineEventSummaryAiWidget, TimelineRangeSummaryAiWidget} from '../../../models/ai_assistance/agents/AiAgent.js';
 import * as AiAssistanceModel from '../../../models/ai_assistance/ai_assistance.js';
 import * as ComputedStyle from '../../../models/computed_style/computed_style.js';
 import * as Trace from '../../../models/trace/trace.js';
@@ -248,6 +248,14 @@ const UIStringsNotTranslate = {
    * @description Accessible label for the reveal button in the Lighthouse report widget.
    */
   revealLighthouse: 'Reveal Lighthouse report',
+  /**
+   * @description Title for the Timeline event summary widget.
+   */
+  timelineEventSummary: 'Event summary',
+  /**
+   * @description Accessible label for the reveal button in the Timeline event summary widget.
+   */
+  revealTimelineEventSummary: 'Reveal event',
   /**
    * @description Title for the LCP breakdown widget.
    */
@@ -1454,6 +1462,8 @@ export function getWidgetSignature(widget: AiWidget): string {
       return `${widget.name}:${widget.data.uiSourceCode.url()}`;
     case 'LIGHTHOUSE_REPORT':
       return `${widget.name}:${widget.data.report.fetchTime}`;
+    case 'TIMELINE_EVENT_SUMMARY':
+      return `${widget.name}:${widget.data.event.ts}:${widget.data.event.name}`;
     default:
       Platform.assertNever(widget, 'Unknown AiWidget name');
   }
@@ -1543,6 +1553,9 @@ async function renderWidgets(
       case 'LIGHTHOUSE_REPORT':
         response = await makeLighthouseReportWidget(widgetData);
         break;
+      case 'TIMELINE_EVENT_SUMMARY':
+        response = await makeTimelineEventSummaryWidget(widgetData);
+        break;
       default:
         Platform.assertNever(widgetData, 'Unknown AiWidget name');
     }
@@ -2100,3 +2113,21 @@ async function makeLighthouseReportWidget(widgetData: LighthouseReportAiWidget):
     jslogContext: snapshotReport ? 'lighthouse-snapshot-report-widget' : 'lighthouse-report-widget',
   };
 }
+
+async function makeTimelineEventSummaryWidget(widgetData: TimelineEventSummaryAiWidget):
+    Promise<WidgetMakerResponse|null> {
+  const renderedWidget = html`<devtools-widget class="timeline-event-summary-widget" ${widget(() => {
+    return Timeline.TimelineDetailsView.TimelineDetailsPane.makeEventWidget(
+        widgetData.data.event,
+        widgetData.data.parsedTrace,
+    );
+  })}></devtools-widget>`;
+
+  return {
+    renderedWidget,
+    revealable: new SDK.TraceObject.RevealableEvent(widgetData.data.event),
+    accessibleRevealLabel: lockedString(UIStringsNotTranslate.revealTimelineEventSummary),
+    title: lockedString(UIStringsNotTranslate.timelineEventSummary),
+    jslogContext: 'timeline-event-summary-widget',
+  };
+}

package/front_end/panels/network/NetworkLogView.ts

@@ -2534,7 +2534,10 @@ export class NetworkLogView extends Common.ObjectWrapper.eventMixin<EventTypes,
         // value tells curl to not set the header at all. To post an empty
         // header, you have to terminate it with a semicolon.
         command.push('-H ' + escapeString(name + ';'));
-      } else if (name.toLowerCase() === 'cookie') {
+      } else if (name.toLowerCase() === 'cookie' && value.includes('=')) {
+        // If value contains no '=', curl treats it as a filename to read
+        // cookies from, which would be a security risk. Fall back to -H in
+        // that case.
         command.push('-b ' + escapeString(value));
       } else {
         command.push('-H ' + escapeString(name + ': ' + value));

package/front_end/panels/settings/SettingsScreen.ts

@@ -636,7 +636,7 @@ const GREENDEV_VIEW: View = (input, _output, target) => {
               <span>${i18nString(UIStrings.greenDevUnstable)}</span>
              </div>
              <div class="settings-experiments-block">
-               ${renderPrototypeCheckboxes(input.settings, ['aiAnnotations', 'beyondStyling', 'breakpointDebuggerAgent', 'emulationCapabilities'])}
+               ${renderPrototypeCheckboxes(input.settings, ['aiAnnotations', 'beyondStylingGemini', 'beyondStylingAntigravity', 'breakpointDebuggerAgent', 'emulationCapabilities'])}
              </div>
            </devtools-card>
          </div>
@@ -646,7 +646,8 @@ const GREENDEV_VIEW: View = (input, _output, target) => {
 
 const GREENDEV_PROTOTYPE_NAMES: Record<keyof GreenDev.GreenDevSettings, string> = {
   aiAnnotations: 'AI auto-annotations',
-  beyondStyling: 'Beyond Styling',
+  beyondStylingGemini: 'Beyond Styling (Gemini CLI)',
+  beyondStylingAntigravity: 'Beyond Styling (Antigravity CLI)',
   breakpointDebuggerAgent: 'Breakpoint Debugger Agent',
   emulationCapabilities: 'Emulation Capabilities',
 };

package/front_end/panels/sources/PersistenceActions.ts

@@ -115,14 +115,28 @@ export class ContextMenuProvider implements
     const networkPersistenceManager = Persistence.NetworkPersistenceManager.NetworkPersistenceManager.instance();
 
     const binding = uiSourceCode && Persistence.Persistence.PersistenceImpl.instance().binding(uiSourceCode);
-    const fileURL = binding ? binding.fileSystem.contentURL() : contentProvider.contentURL();
+    // If contentProvider is already a FileSystem UISourceCode, there's a small chance that uiSourceCodeForURL
+    // might return a Network UISourceCode instead (e.g. if they share the same URL but aren't currently bound
+    // and the Network project represents the URL first in the lookup list).
+    // In this case, the binding will be null. To ensure "Open in containing folder" is still appended when
+    // right-clicking the FileSystem file in the Workspace tree, we fall back to contentProvider.
+    const fileSystemUISourceCode = binding ?
+        binding.fileSystem :
+        (contentProvider instanceof Workspace.UISourceCode.UISourceCode &&
+                 contentProvider.project().type() === Workspace.Workspace.projectTypes.FileSystem ?
+             contentProvider :
+             uiSourceCode);
 
-    if (Common.ParsedURL.schemeIs(fileURL, 'file:')) {
-      const path = Common.ParsedURL.ParsedURL.urlToRawPathString(fileURL, Host.Platform.isWin());
-      contextMenu.revealSection().appendItem(
-          i18nString(UIStrings.openInContainingFolder),
-          () => Host.InspectorFrontendHost.InspectorFrontendHostInstance.showItemInFolder(path),
-          {jslogContext: 'open-in-containing-folder'});
+    if (fileSystemUISourceCode &&
+        fileSystemUISourceCode.project().type() === Workspace.Workspace.projectTypes.FileSystem) {
+      const fileURL = fileSystemUISourceCode.contentURL();
+      if (Common.ParsedURL.schemeIs(fileURL, 'file:')) {
+        const path = Common.ParsedURL.ParsedURL.urlToRawPathString(fileURL, Host.Platform.isWin());
+        contextMenu.revealSection().appendItem(
+            i18nString(UIStrings.openInContainingFolder),
+            () => Host.InspectorFrontendHost.InspectorFrontendHostInstance.showItemInFolder(path),
+            {jslogContext: 'open-in-containing-folder'});
+      }
     }
 
     if (contentProvider instanceof Workspace.UISourceCode.UISourceCode &&

package/front_end/panels/timeline/TimelineDetailsView.ts

@@ -93,6 +93,38 @@ export class TimelineDetailsPane extends
   #onTraceBoundsChangeBound = this.#onTraceBoundsChange.bind(this);
   #entityMapper: Trace.EntityMapper.EntityMapper|null = null;
 
+  static makeEventWidget(
+      event: Trace.Types.Events.Event,
+      parsedTrace: Trace.TraceModel.ParsedTrace,
+      ): TimelineDetailsPane {
+    // Provide a mock delegate to satisfy the constructor requirements.
+    // These delegate interactions are not relevant for an AI assistant widget.
+    const mockDelegate = {
+      select: () => {},
+      zoomEvent: () => {},
+      element: document.createElement('div'),
+      set3PCheckboxDisabled: () => {},
+      selectEntryAtTime: () => {},
+      highlightEvent: () => {},
+    };
+    const pane = new TimelineDetailsPane(mockDelegate);
+    pane.hideHeader();
+    const entityMapper = new Trace.EntityMapper.EntityMapper(parsedTrace);
+    void pane
+        .setModel({
+          parsedTrace,
+          selectedEvents: [event],
+          eventToRelatedInsightsMap: null,
+          entityMapper,
+        })
+        .then(() => {
+          void pane.setSelection({
+            event,
+          });
+        });
+    return pane;
+  }
+
   constructor(delegate: TimelineModeViewDelegate) {
     super();
     this.registerRequiredCSS(detailsViewStyles);
@@ -343,6 +375,10 @@ export class TimelineDetailsPane extends
     return this.tabbedPane.headerElement();
   }
 
+  hideHeader(): void {
+    this.tabbedPane.headerElement().classList.add('hidden');
+  }
+
   setPreferredTab(tabId: string): void {
     this.preferredTabId = tabId;
   }

package/front_end/panels/whats_new/ReleaseNoteText.ts

@@ -40,22 +40,22 @@ export function getReleaseNote(): ReleaseNote {
 }
 
 let releaseNote: ReleaseNote = {
-  version: 148,
-  header: 'What\'s new in DevTools 148',
+  version: 149,
+  header: 'What’s new in DevTools 149',
   markdownLinks: [
     {
-      key: 'extension-debugging',
-      link: 'https://developer.chrome.com/blog/new-in-devtools-148/#extension-debugging',
+      key: 'devtools-for-agents',
+      link: 'https://developer.chrome.com/blog/new-in-devtools-149/#devtools-for-agents',
     },
     {
-      key: 'sort-network-requests',
-      link: 'https://developer.chrome.com/blog/new-in-devtools-148/#sort-network-requests',
+      key: 'ai-assistance',
+      link: 'https://developer.chrome.com/blog/new-in-devtools-149/#ai-assistance',
     },
     {
-      key: 'accessibility-tree',
-      link: 'https://developer.chrome.com/blog/new-in-devtools-148/#accessibility-tree',
+      key: 'css-code-completion',
+      link: 'https://developer.chrome.com/blog/new-in-devtools-149/#css-code-completion',
     }
   ],
   videoLinks: [],
-  link: 'https://developer.chrome.com/blog/new-in-devtools-148/',
+  link: 'https://developer.chrome.com/blog/new-in-devtools-149/',
 };

package/front_end/panels/whats_new/resources/WNDT.md

@@ -1,14 +1,14 @@
-### [Agentic extensions debugging](extension-debugging)
+### [DevTools for agents](devtools-for-agents)
 
-You can now debug extensions through a coding agent using new tools in DevTools for agents,
-available through the MCP server.
+DevTools for agents is now stable at version 1.0, bringing support for third-party developer tools
+provided by the inspected page, WebMCP debugging, and an improved CLI experience.
 
-### [Sort network requests](sort-network-requests)
+### [AI assistance](ai-assistance)
 
-The Network panel introduces a new Request # column, allowing you to sort requests by their
-absolute chronological order of occurrence, independent of priority or duration.
+The AI assistance panel now integrates with Lighthouse data and offers interactive, widget-based agent walkthroughs.
+Supported by an upgrade to Gemini 3 and other optimizations, responses are now more concise and actionable.
 
-### [Accessibility tree](accessibility-tree)
+### [CSS code completion](css-code-completion)
 
-To streamline the Elements panel, the Accessibility tree toggle has moved from the DOM tree
-to the Accessibility tab within the panel.
+The Styles tab in the Elements panel now features enhanced, Gemini-powered code completion.
+Experience smarter, real-time CSS suggestions that adapt dynamically as you type.

package/front_end/third_party/chromium/README.chromium

@@ -1,7 +1,7 @@
 Name: Dependencies sourced from the upstream `chromium` repository
 URL: Internal
 Version: N/A
-Revision: 268971579b74f0369f828111e6c8f5bafbacd5ee
+Revision: 59215b2081aea1f087ea0f9e9d428c2eb9b41876
 Update Mechanism: Manual (https://crbug.com/428069060)
 License: BSD-3-Clause
 License File: LICENSE

package/front_end/third_party/puppeteer/README.chromium

@@ -1,10 +1,10 @@
 Name: Puppeteer Core
 Short Name: Puppeteer Core
 URL: https://github.com/puppeteer/puppeteer/tree/main/packages/puppeteer-core
-Version: 25.0.4
+Version: 25.1.0
 License: Apache-2.0
 License File: LICENSE
-Revision: 019b49bd85e543338f7ae7e0dd0698652530ff5d
+Revision: ede66693bc0a6d9a8029f66288d13e26966173ce
 Security Critical: no
 Shipped: yes
 Update Mechanism: Autoroll

package/front_end/third_party/puppeteer/package/lib/es5-iife/puppeteer-core-browser.d.ts

@@ -1580,7 +1580,7 @@ export declare interface CookieData {
   /**
    * Cookie SameSite type.
    */
-  sameSite?: CookieSameSite;
+  sameSite?: CookieSameSite_2;
   /**
    * Cookie expiration date, session cookie if not set
    */
@@ -1641,7 +1641,7 @@ export declare interface CookieParam {
   /**
    * Cookie SameSite type.
    */
-  sameSite?: CookieSameSite;
+  sameSite?: CookieSameSite_2;
   /**
    * Cookie expiration date, session cookie if not set
    */
@@ -1704,7 +1704,8 @@ export declare type CookiePriority = 'Low' | 'Medium' | 'High';
  *
  * @public
  */
-export declare type CookieSameSite = 'Strict' | 'Lax' | 'None' | 'Default';
+declare type CookieSameSite_2 = 'Strict' | 'Lax' | 'None' | 'Default';
+export type {CookieSameSite_2 as CookieSameSite};
 
 /**
  * Represents the source scheme of the origin that originally set the cookie. A value of
@@ -1889,6 +1890,7 @@ declare interface CustomQuerySelector {
 
 /**
  * This class mimics the injected {@link CustomQuerySelectorRegistry}.
+ *
  */
 declare class CustomQuerySelectorRegistry {
   
@@ -1900,6 +1902,7 @@ declare class CustomQuerySelectorRegistry {
 
 declare namespace CustomQuerySelectors {
   export type {CustomQuerySelector};
+  export {CustomQuerySelectorRegistry};
 }
 
 /**
@@ -8249,7 +8252,7 @@ declare namespace Puppeteer_2 {
     ConnectOptions,
     ConsoleMessageLocation,
     ConsoleMessageType,
-    CookieSameSite,
+    CookieSameSite_2 as CookieSameSite,
     CookiePriority,
     CookieSourceScheme,
     CookiePartitionKey,
@@ -8388,7 +8391,7 @@ export declare type PuppeteerLifeCycleEvent =
  * fetching and downloading browsers.
  *
  * If you're using Puppeteer in a Node environment, this is the class you'll get
- * when you run `require('puppeteer')` (or the equivalent ES `import`).
+ * when you run `import puppeteer from 'puppeteer'`.
  *
  * @remarks
  * The most common method to use is {@link PuppeteerNode.launch | launch}, which