chrome-devtools-frontend 1.0.1548980 → 1.0.1550444

package/front_end/ui/legacy/components/source_frame/JSONView.ts

@@ -6,6 +6,7 @@
 import * as i18n from '../../../../core/i18n/i18n.js';
 import * as Platform from '../../../../core/platform/platform.js';
 import * as SDK from '../../../../core/sdk/sdk.js';
+import * as Highlighting from '../../../components/highlighting/highlighting.js';
 import * as VisualLogging from '../../../visual_logging/visual_logging.js';
 import * as UI from '../../legacy.js';
 import * as ObjectUI from '../object_ui/object_ui.js';
@@ -172,7 +173,7 @@ export class JSONView extends UI.Widget.VBox implements UI.SearchableView.Search
     const newFocusElement = this.currentSearchTreeElements[index];
     if (newFocusElement) {
       this.updateSearchIndex(index);
-      newFocusElement.setSearchRegex(this.searchRegex, UI.UIUtils.highlightedCurrentSearchResultClassName);
+      newFocusElement.setSearchRegex(this.searchRegex, Highlighting.highlightedCurrentSearchResultClassName);
       newFocusElement.reveal();
     } else {
       this.updateSearchIndex(0);

package/front_end/ui/legacy/components/utils/Linkifier.ts

@@ -16,8 +16,8 @@ import type * as StackTrace from '../../../../models/stack_trace/stack_trace.js'
 import * as TextUtils from '../../../../models/text_utils/text_utils.js';
 import type * as Trace from '../../../../models/trace/trace.js';
 import * as Workspace from '../../../../models/workspace/workspace.js';
-import type * as IconButton from '../../../components/icon_button/icon_button.js';
 import * as UIHelpers from '../../../helpers/helpers.js';
+import type {Icon} from '../../../kit/kit.js';
 import {html, render} from '../../../lit/lit.js';
 import * as VisualLogging from '../../../visual_logging/visual_logging.js';
 import * as UI from '../../legacy.js';
@@ -946,7 +946,7 @@ export class Linkifier extends Common.ObjectWrapper.ObjectWrapper<EventTypes> im
 }
 
 export interface LinkDecorator extends Common.EventTarget.EventTarget<LinkDecorator.EventTypes> {
-  linkIcon(uiSourceCode: Workspace.UISourceCode.UISourceCode): IconButton.Icon.Icon|null;
+  linkIcon(uiSourceCode: Workspace.UISourceCode.UISourceCode): Icon|null;
 }
 
 export namespace LinkDecorator {
@@ -1106,7 +1106,7 @@ export class ContentProviderContextMenuProvider implements
 }
 
 interface LinkInfo {
-  icon: IconButton.Icon.Icon|null;
+  icon: Icon|null;
   enableDecorator: boolean;
   uiLocation: Workspace.UISourceCode.UILocation|null;
   liveLocation: Bindings.LiveLocation.LiveLocation|null;

package/front_end/ui/legacy/tabbedPane.css

@@ -520,3 +520,13 @@
     --tabbed-pane-close-icon-color: HighlightText;
   }
 }
+
+.tabbed-pane-header-tab.ai .ai-icon {
+  background-color: var(--sys-color-primary);
+  border-radius: 50%;
+  margin-left: 4px;
+}
+
+.tabbed-pane-header-tab.ai .ai-icon devtools-icon {
+  color: var(--sys-color-on-primary);
+}

package/front_end/ui/visual_logging/KnownContextValues.ts

@@ -1754,6 +1754,9 @@ export const knownContextValues = new Set([
   'grid-gap',
   'grid-how',
   'grid-lanes',
+  'grid-lanes-direction',
+  'grid-lanes-fill',
+  'grid-lanes-flow',
   'grid-overlays',
   'grid-row',
   'grid-row-end',

package/inspector_overlay/README.md

@@ -5,7 +5,7 @@ Inspector Overlay provides JS/CSS modules which are responsible for rendering th
 ## How build works
 
 - Overlay modules are built using rollup and copied to $root_gen_dir.
-- CSS files are imported using a custom rollup plugin that transforms CSS into a CSSStyleSheet. *Only use CSS imports in the bundle entrypoint*.
+- CSS files are imported using a custom rollup plugin that transforms CSS into a CSSStyleSheet. _Only use CSS imports in the bundle entrypoint_.
 - `inspector_overlay_resources.grd` file is copied as well and it defines how modules are packaged in a `.pak` file.
 - The Chromium build uses `inspector_overlay_resources.grd` and produces a `.pak` file.
 - `inspector_overlay_agent.cc` extracts the modules and inlines them onto the overlay page.
@@ -41,7 +41,7 @@ generated modules and notify you if they are too big.
 
 ## Tests
 
-Overlay modules can be unit tested like other parts of DevTools. For an example, see `test/unittests/front_end/inspector_overlay/common_test.ts`.
+Overlay modules can be unit tested like other parts of DevTools. For an example, see `test/unittests/front_end/inspector_overlay/common.test.ts`.
 
 ## Lifecycle of the overlay
 
@@ -56,4 +56,4 @@ Then when the overlay is being painted, the following calls are made by the back
 - `reset(params)` to notify the overlay about actual params of the page such as viewport size, device scale factor and others.
 - Invokes tool-specific methods such as `drawHighlight`.
 
-In the overlay code, these calls are received through a global `dispatch(methodName, ...args)` function.
+In the overlay code, these calls are received through a global `dispatch(methodName, ...args)` function.

package/mcp/HostBindings.ts

@@ -0,0 +1,310 @@
+// 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 {readFile} from 'node:fs/promises';
+import {URL} from 'node:url';
+
+import type * as Common from '../front_end/core/common/common.js';
+import type * as Host from '../front_end/core/host/host.js';
+import {streamWrite} from '../front_end/core/host/ResourceLoader.js';
+
+export class McpHostBindings implements Host.InspectorFrontendHostAPI.InspectorFrontendHostAPI {
+  declare events: Common.EventTarget.EventTarget<Host.InspectorFrontendHostAPI.EventTypes>;
+
+  connectAutomaticFileSystem(): void {
+  }
+
+  disconnectAutomaticFileSystem(): void {
+  }
+
+  addFileSystem(): void {
+  }
+
+  loadCompleted(): void {
+  }
+
+  indexPath(): void {
+  }
+
+  setInspectedPageBounds(): void {
+  }
+
+  showCertificateViewer(): void {
+  }
+
+  setWhitelistedShortcuts(): void {
+  }
+
+  setEyeDropperActive(): void {
+  }
+
+  inspectElementCompleted(): void {
+  }
+
+  openInNewTab(): void {
+  }
+
+  openSearchResultsInNewTab(): void {
+  }
+
+  showItemInFolder(): void {
+  }
+
+  removeFileSystem(): void {
+  }
+
+  requestFileSystems(): void {
+  }
+
+  save(): void {
+  }
+
+  append(): void {
+  }
+
+  close(): void {
+  }
+
+  searchInPath(): void {
+  }
+
+  stopIndexing(): void {
+  }
+
+  bringToFront(): void {
+  }
+
+  closeWindow(): void {
+  }
+
+  copyText(): void {
+  }
+
+  inspectedURLChanged(): void {
+  }
+
+  isolatedFileSystem(): null {
+    return null;
+  }
+
+  loadNetworkResource(
+      urlString: string, _headers: string, streamId: number,
+      callback: (arg0: Host.InspectorFrontendHostAPI.LoadNetworkResourceResult) => void): void {
+    let url: URL;
+
+    try {
+      url = new URL(urlString);
+    } catch {
+      callback({
+        statusCode: 404,
+        urlValid: false,
+      });
+      return;
+    }
+
+    let contentPromise: Promise<string>;
+    if (url.protocol === 'file:') {
+      contentPromise = readFile(url, {encoding: 'utf8'});
+    } else if (url.protocol === 'http:' || url.protocol === 'https:') {
+      // We skip parsing headers. DevTools only sets cache and user agent, which is probably fine to not forward.
+      contentPromise = fetch(url).then(response => {
+        if (!response.ok) {
+          throw new Error('Fetch failed');
+        }
+        return response.text();
+      });
+    } else {
+      // Unknown protocol.
+      callback({
+        statusCode: 404,
+        urlValid: false,
+      });
+      return;
+    }
+
+    contentPromise
+        .then(content => {
+          streamWrite(streamId, content);
+          callback({statusCode: 200});
+        })
+        .catch(() => {
+          callback({statusCode: 404});
+        });
+  }
+
+  registerPreference(): void {
+  }
+
+  getPreferences(): void {
+  }
+
+  getPreference(): void {
+  }
+
+  setPreference(): void {
+  }
+
+  removePreference(): void {
+  }
+
+  clearPreferences(): void {
+  }
+
+  getSyncInformation(): void {
+  }
+
+  getHostConfig(): void {
+  }
+
+  upgradeDraggedFileSystemPermissions(): void {
+  }
+
+  platform(): string {
+    switch (process.platform) {
+      case 'darwin':
+        return 'mac';
+      case 'win32':
+        return 'windows';
+      default:
+        return 'linux';
+    }
+  }
+
+  recordCountHistogram(): void {
+  }
+
+  recordEnumeratedHistogram(): void {
+  }
+
+  recordPerformanceHistogram(): void {
+  }
+
+  recordUserMetricsAction(): void {
+  }
+
+  recordNewBadgeUsage(): void {
+  }
+
+  sendMessageToBackend(): void {
+  }
+
+  setDevicesDiscoveryConfig(): void {
+  }
+
+  setDevicesUpdatesEnabled(): void {
+  }
+
+  openRemotePage(): void {
+  }
+
+  openNodeFrontend(): void {
+  }
+
+  setInjectedScriptForOrigin(): void {
+  }
+
+  setIsDocked(): void {
+  }
+
+  showSurvey(): void {
+  }
+
+  canShowSurvey(): void {
+  }
+
+  zoomFactor(): number {
+    return 1;
+  }
+
+  zoomIn(): void {
+  }
+
+  zoomOut(): void {
+  }
+
+  resetZoom(): void {
+  }
+
+  showContextMenuAtPoint(): void {
+  }
+
+  reattach(): void {
+  }
+
+  readyForTest(): void {
+  }
+
+  connectionReady(): void {
+  }
+
+  setOpenNewWindowForPopups(): void {
+  }
+
+  isHostedMode(): boolean {
+    return true;
+  }
+
+  setAddExtensionCallback(): void {
+  }
+
+  initialTargetId(): Promise<string|null> {
+    return Promise.resolve(null);
+  }
+
+  doAidaConversation(
+      _request: string, _streamId: number,
+      cb: (result: Host.InspectorFrontendHostAPI.DoAidaConversationResult) => void): void {
+    cb({
+      error: 'Not implemented',
+    });
+  }
+
+  registerAidaClientEvent(_request: string, cb: (result: Host.InspectorFrontendHostAPI.AidaClientResult) => void):
+      void {
+    cb({
+      error: 'Not implemented',
+    });
+  }
+
+  aidaCodeComplete(_request: string, cb: (result: Host.InspectorFrontendHostAPI.AidaCodeCompleteResult) => void): void {
+    cb({
+      error: 'Not implemented',
+    });
+  }
+
+  dispatchHttpRequest(
+      _request: Host.InspectorFrontendHostAPI.DispatchHttpRequestRequest,
+      cb: (result: Host.InspectorFrontendHostAPI.DispatchHttpRequestResult) => void): void {
+    cb({
+      error: 'Not implemented',
+    });
+  }
+
+  recordImpression(): void {
+  }
+
+  recordResize(): void {
+  }
+
+  recordClick(): void {
+  }
+
+  recordHover(): void {
+  }
+
+  recordDrag(): void {
+  }
+
+  recordChange(): void {
+  }
+
+  recordKeyDown(): void {
+  }
+
+  recordSettingAccess(): void {
+  }
+
+  recordFunctionCall(): void {
+  }
+}

package/mcp/mcp.ts

@@ -2,6 +2,16 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
+// Instantiating a DevTools universe requires settings from these meta files.
+// Until settings registration is handled differently, the easiest solution is to
+// just import relevant meta files (as long as they don't contain any UI related code)
+import '../front_end/core/sdk/sdk-meta.js';
+import '../front_end/models/workspace/workspace-meta.js';
+
+import {installInspectorFrontendHost} from '../front_end/core/host/InspectorFrontendHost.js';
+
+import {McpHostBindings} from './HostBindings.js';
+
 /**
  * IMPORTANT! Make sure that any class that is exported here has related unit
  * tests added to foundation_unittests. See front_end/core/i18n/BUILD.gn as an
@@ -11,6 +21,10 @@ export * as Common from '../front_end/core/common/common.js';
 export * as I18n from '../front_end/core/i18n/i18n.js';
 export type * as CDPConnection from '../front_end/core/protocol_client/CDPConnection.js';
 export {ConnectionTransport} from '../front_end/core/protocol_client/ConnectionTransport.js';
+export * as ProtocolClient from '../front_end/core/protocol_client/protocol_client.js';
+export {DebuggerModel} from '../front_end/core/sdk/DebuggerModel.js';
+export {Target} from '../front_end/core/sdk/Target.js';
+export {TargetManager} from '../front_end/core/sdk/TargetManager.js';
 export * as Foundation from '../front_end/foundation/foundation.js';
 export {
   PerformanceInsightFormatter
@@ -19,6 +33,7 @@ export {
   PerformanceTraceFormatter
 } from '../front_end/models/ai_assistance/data_formatters/PerformanceTraceFormatter.js';
 export {AgentFocus} from '../front_end/models/ai_assistance/performance/AIContext.js';
+export {DebuggerWorkspaceBinding} from '../front_end/models/bindings/DebuggerWorkspaceBinding.js';
 export {Issue} from '../front_end/models/issues_manager/Issue.js';
 export {
   AggregatedIssue,
@@ -32,5 +47,8 @@ export {
   IssuesManager
 } from '../front_end/models/issues_manager/IssuesManager.js';
 export * as MarkdownIssueDescription from '../front_end/models/issues_manager/MarkdownIssueDescription.js';
+export * as StackTrace from '../front_end/models/stack_trace/stack_trace.js';
 export * as TraceEngine from '../front_end/models/trace/trace.js';
 export * as Marked from '../front_end/third_party/marked/marked.js';
+
+installInspectorFrontendHost(new McpHostBindings());

package/mcp/tsconfig.json

@@ -10,7 +10,12 @@
       "ESNext.Iterator",
       "ESNext.Collection",
       "ESNext.Array"
-    ]
+    ],
+    "typeRoots": [
+      "../node_modules/@types",
+      "../node_modules",
+    ],
+    "types": ["node", "undici-types"]
   },
   "references": [{ "path": "../front_end/tsconfig.json" }]
 }

package/package.json

@@ -33,12 +33,12 @@
     "test": "vpython3 third_party/node/node.py --output scripts/run_on_target.mjs gen/test/run.js"
   },
   "devDependencies": {
-    "@rollup/plugin-node-resolve": "16.0.1",
+    "@rollup/plugin-node-resolve": "16.0.3",
     "@rollup/plugin-terser": "0.4.4",
-    "@rollup/wasm-node": "4.52.1",
-    "@stylistic/eslint-plugin": "5.4.0",
+    "@rollup/wasm-node": "4.53.2",
+    "@stylistic/eslint-plugin": "5.5.0",
     "@types/chai": "4.3.15",
-    "@types/codemirror": "5.60.16",
+    "@types/codemirror": "5.60.17",
     "@types/emscripten": "1.39.4",
     "@types/estree": "1.0.8",
     "@types/filesystem": "0.0.36",
@@ -46,26 +46,26 @@
     "@types/karma-chai-sinon": "0.1.20",
     "@types/mocha": "10.0.10",
     "@types/node": "24.10.0",
-    "@types/sinon": "17.0.4",
+    "@types/sinon": "21.0.0",
     "@types/webidl2": "24.4.3",
-    "@types/yargs": "17.0.33",
+    "@types/yargs": "17.0.35",
     "@types/yargs-unparser": "2.0.3",
-    "@typescript-eslint/rule-tester": "8.45.0",
-    "@typescript-eslint/utils": "8.45.0",
+    "@typescript-eslint/rule-tester": "8.47.0",
+    "@typescript-eslint/utils": "8.47.0",
     "@web/rollup-plugin-import-meta-assets": "2.3.0",
     "chai": "4.3.4",
-    "cssnano": "7.1.1",
+    "cssnano": "7.1.2",
     "cssnano-preset-lite": "4.0.4",
     "esbuild": "0.25.1",
-    "eslint": "9.36.0",
-    "eslint-plugin-eslint-plugin": "7.0.0",
+    "eslint": "9.39.1",
+    "eslint-plugin-eslint-plugin": "7.2.0",
     "eslint-plugin-import": "2.32.0",
-    "eslint-plugin-jsdoc": "60.5.0",
+    "eslint-plugin-jsdoc": "61.2.1",
     "eslint-plugin-lit": "2.1.1",
     "eslint-plugin-mocha": "10.5.0",
     "glob": "7.1.7",
-    "globals": "16.4.0",
-    "js-yaml": "4.1.0",
+    "globals": "16.5.0",
+    "js-yaml": "4.1.1",
     "karma": "6.4.4",
     "karma-chai": "0.1.0",
     "karma-chrome-launcher": "3.2.0",
@@ -77,30 +77,32 @@
     "karma-spec-reporter": "0.0.36",
     "license-checker": "25.0.1",
     "lit-analyzer": "2.0.3",
-    "mocha": "11.7.2",
+    "mocha": "11.7.5",
     "ora": "9.0.0",
     "postcss": "8.5.6",
-    "puppeteer-core": "24.22.3",
+    "puppeteer-core": "24.30.0",
     "rollup-plugin-sourcemaps2": "0.5.4",
     "sinon": "21.0.0",
     "source-map-support": "0.5.21",
-    "stylelint": "16.24.0",
-    "stylelint-config-standard": "39.0.0",
+    "stylelint": "16.25.0",
+    "stylelint-config-standard": "39.0.1",
     "svgo": "3.3.2",
-    "terser": "5.44.0",
+    "terser": "5.44.1",
     "ts-lit-plugin": "2.0.2",
-    "typescript": "5.9.2",
-    "typescript-eslint": "8.45.0",
+    "typescript": "5.9.3",
+    "typescript-eslint": "8.47.0",
     "uuid": "13.0.0",
     "webidl2": "24.5.0",
     "yargs": "17.7.2"
   },
   "overrides": {
-    "@typescript-eslint/types": "8.45.0",
-    "@es-joy/jsdoccomment": "0.64.0",
+    "@typescript-eslint/types": "8.47.0",
+    "baseline-browser-mapping": "2.8.25",
+    "electron-to-chromium": "1.5.248",
+    "caniuse-lite": "1.0.30001754",
     "stylelint": {
       "flat-cache": "6.1.12"
     }
   },
-  "version": "1.0.1548980"
+  "version": "1.0.1550444"
 }