chrome-devtools-frontend 1.0.1541552 → 1.0.1543082

package/front_end/panels/network/NetworkLogView.ts

@@ -128,14 +128,6 @@ const UIStrings = {
    * @description Tooltip for a filter in the Network panel
    */
   onlyShowThirdPartyRequests: 'Show only requests with origin different from page origin',
-  /**
-   * @description Label for a filter in the Network panel
-   */
-  ippRequests: 'IP Protected requests',
-  /**
-   * @description Tooltip for a filter in the Network panel
-   */
-  onlyShowIPProtectedRequests: 'Show only requests sent to IP Protection proxies. Has no effect in regular browsing.',
   /**
    * @description Text that appears when user drag and drop something (for example, a file) in Network Log View of the Network panel
    */
@@ -530,7 +522,6 @@ export class NetworkLogView extends Common.ObjectWrapper.eventMixin<EventTypes,
   private readonly networkOnlyThirdPartySetting: Common.Settings.Setting<boolean>;
   private readonly networkResourceTypeFiltersSetting: Common.Settings.Setting<Record<string, boolean>>;
   private readonly networkShowOptionsToGenerateHarWithSensitiveData: Common.Settings.Setting<boolean>;
-  private readonly networkOnlyIPProtectedRequestsSetting: Common.Settings.Setting<boolean>;
   private readonly progressBarContainer: Element;
   private readonly networkLogLargeRowsSetting: Common.Settings.Setting<boolean>;
   private rowHeightInternal: number;
@@ -586,8 +577,6 @@ export class NetworkLogView extends Common.ObjectWrapper.eventMixin<EventTypes,
         Common.Settings.Settings.instance().createSetting('network-only-blocked-requests', false);
     this.networkOnlyThirdPartySetting =
         Common.Settings.Settings.instance().createSetting('network-only-third-party-setting', false);
-    this.networkOnlyIPProtectedRequestsSetting =
-        Common.Settings.Settings.instance().createSetting('network-only-ip-protected-requests', false);
     this.networkResourceTypeFiltersSetting =
         Common.Settings.Settings.instance().createSetting('network-resource-type-filters', {});
     this.networkShowOptionsToGenerateHarWithSensitiveData = Common.Settings.Settings.instance().createSetting(
@@ -1603,7 +1592,6 @@ export class NetworkLogView extends Common.ObjectWrapper.eventMixin<EventTypes,
     this.networkOnlyBlockedRequestsSetting.set(false);
     this.networkOnlyThirdPartySetting.set(false);
     this.networkHideChromeExtensions.set(false);
-    this.networkOnlyIPProtectedRequestsSetting.set(false);
     this.resourceCategoryFilterUI.reset();
   }
 
@@ -2108,16 +2096,12 @@ export class NetworkLogView extends Common.ObjectWrapper.eventMixin<EventTypes,
     if (!this.resourceCategoryFilterUI.accept(categoryName)) {
       return false;
     }
-    const [hideDataURL, blockedCookies, blockedRequests, thirdParty, hideExtensionURL, ippRequests] = [
+    const [hideDataURL, blockedCookies, blockedRequests, thirdParty, hideExtensionURL] = [
       this.networkHideDataURLSetting.get(),
       this.networkShowBlockedCookiesOnlySetting.get(),
       this.networkOnlyBlockedRequestsSetting.get(),
       this.networkOnlyThirdPartySetting.get(),
       this.networkHideChromeExtensions.get(),
-      // TODO(crbug.com/425645896): Remove this guard once IP Protection is fully launched.
-      Root.Runtime.hostConfig.devToolsIpProtectionInDevTools?.enabled ?
-          this.networkOnlyIPProtectedRequestsSetting.get() :
-          false,
     ];
 
     if (hideDataURL && (request.parsedURL.isDataURL() || request.parsedURL.isBlobURL())) {
@@ -2135,12 +2119,6 @@ export class NetworkLogView extends Common.ObjectWrapper.eventMixin<EventTypes,
     if (hideExtensionURL && request.scheme === 'chrome-extension') {
       return false;
     }
-    // TODO(crbug.com/425645896): Remove this guard once IP Protection is fully launched.
-    if (Root.Runtime.hostConfig.devToolsIpProtectionInDevTools?.enabled) {
-      if (ippRequests && !request.isIpProtectionUsed()) {
-        return false;
-      }
-    }
     for (let i = 0; i < this.filters.length; ++i) {
       if (!this.filters[i](request)) {
         return false;
@@ -2756,7 +2734,6 @@ export class MoreFiltersDropDownUI extends Common.ObjectWrapper.ObjectWrapper<UI
   private networkShowBlockedCookiesOnlySetting: Common.Settings.Setting<boolean>;
   private networkOnlyBlockedRequestsSetting: Common.Settings.Setting<boolean>;
   private networkOnlyThirdPartySetting: Common.Settings.Setting<boolean>;
-  private networkOnlyIPProtectedRequestsSetting: Common.Settings.Setting<boolean>;
   private activeFiltersCount: HTMLElement;
   private activeFiltersCountAdorner: Adorners.Adorner.Adorner;
 
@@ -2772,8 +2749,6 @@ export class MoreFiltersDropDownUI extends Common.ObjectWrapper.ObjectWrapper<UI
         Common.Settings.Settings.instance().createSetting('network-only-blocked-requests', false);
     this.networkOnlyThirdPartySetting =
         Common.Settings.Settings.instance().createSetting('network-only-third-party-setting', false);
-    this.networkOnlyIPProtectedRequestsSetting =
-        Common.Settings.Settings.instance().createSetting('network-only-ip-protected-requests', false);
 
     this.filterElement = document.createElement('div');
     this.filterElement.setAttribute('aria-label', 'Show only/hide requests dropdown');
@@ -2810,10 +2785,6 @@ export class MoreFiltersDropDownUI extends Common.ObjectWrapper.ObjectWrapper<UI
     this.networkShowBlockedCookiesOnlySetting.addChangeListener(this.#onSettingChanged.bind(this));
     this.networkOnlyBlockedRequestsSetting.addChangeListener(this.#onSettingChanged.bind(this));
     this.networkOnlyThirdPartySetting.addChangeListener(this.#onSettingChanged.bind(this));
-    // TODO(crbug.com/425645896): Remove this guard once IP Protection is fully launched.
-    if (Root.Runtime.hostConfig.devToolsIpProtectionInDevTools?.enabled) {
-      this.networkOnlyIPProtectedRequestsSetting.addChangeListener(this.#onSettingChanged.bind(this));
-    }
 
     contextMenu.defaultSection().appendCheckboxItem(
         i18nString(UIStrings.hideDataUrls),
@@ -2845,17 +2816,6 @@ export class MoreFiltersDropDownUI extends Common.ObjectWrapper.ObjectWrapper<UI
           tooltip: i18nString(UIStrings.onlyShowBlockedRequests),
           jslogContext: 'only-blocked-requests',
         });
-    // Disable this filter if in regular browsing, as IP Protection is only available in incognito mode.
-    // TODO(crbug.com/425645896): Remove this guard once IP Protection is fully launched.
-    if (Root.Runtime.hostConfig.devToolsIpProtectionInDevTools?.enabled) {
-      contextMenu.defaultSection().appendCheckboxItem(
-          i18nString(UIStrings.ippRequests),
-          () => this.networkOnlyIPProtectedRequestsSetting.set(!this.networkOnlyIPProtectedRequestsSetting.get()), {
-            checked: this.networkOnlyIPProtectedRequestsSetting.get(),
-            tooltip: i18nString(UIStrings.onlyShowIPProtectedRequests),
-            jslogContext: 'only-ip-protected-requests',
-          });
-    }
     contextMenu.defaultSection().appendCheckboxItem(
         i18nString(UIStrings.thirdParty),
         () => this.networkOnlyThirdPartySetting.set(!this.networkOnlyThirdPartySetting.get()), {
@@ -2872,10 +2832,6 @@ export class MoreFiltersDropDownUI extends Common.ObjectWrapper.ObjectWrapper<UI
       ...this.networkShowBlockedCookiesOnlySetting.get() ? [i18nString(UIStrings.hasBlockedCookies)] : [],
       ...this.networkOnlyBlockedRequestsSetting.get() ? [i18nString(UIStrings.blockedRequests)] : [],
       ...this.networkOnlyThirdPartySetting.get() ? [i18nString(UIStrings.thirdParty)] : [],
-      ...Root.Runtime.hostConfig.devToolsIpProtectionInDevTools?.enabled &&
-              this.networkOnlyIPProtectedRequestsSetting.get() ?
-          [i18nString(UIStrings.ippRequests)] :
-          [],
     ];
     return filters;
   }

package/front_end/panels/security/SecurityPanel.ts

@@ -17,7 +17,6 @@ import * as VisualLogging from '../../ui/visual_logging/visual_logging.js';
 
 import {CookieControlsView} from './CookieControlsView.js';
 import {CookieReportView} from './CookieReportView.js';
-import {IPProtectionView} from './IPProtectionView.js';
 import lockIconStyles from './lockIcon.css.js';
 import mainViewStyles from './mainView.css.js';
 import {ShowOriginEvent} from './OriginTreeElement.js';
@@ -556,7 +555,6 @@ const DEFAULT_VIEW: View = (input: ViewInput, output: ViewOutput, target: HTMLEl
       <devtools-widget
         slot="sidebar"
         .widgetConfig=${widgetConfig(SecurityPanelSidebar)}
-        @showIPProtection=${() => output.setVisibleView(new IPProtectionView())}
         @showCookieReport=${()=>output.setVisibleView(new CookieReportView())}
         @showFlagControls=${() => output.setVisibleView(new CookieControlsView())}
         ${UI.Widget.widgetRef(SecurityPanelSidebar, e => {output.sidebar = e;})}>

package/front_end/panels/security/SecurityPanelSidebar.ts

@@ -13,7 +13,6 @@ import * as UI from '../../ui/legacy/legacy.js';
 
 import {CookieControlsTreeElement} from './CookieControlsTreeElement.js';
 import {CookieReportTreeElement} from './CookieReportTreeElement.js';
-import {IPProtectionTreeElement} from './IPProtectionTreeElement.js';
 import lockIconStyles from './lockIcon.css.js';
 import {OriginTreeElement} from './OriginTreeElement.js';
 import {
@@ -42,10 +41,6 @@ const UIStrings = {
    * @description Sidebar element text in the Security panel
    */
   flagControls: 'Controls',
-  /**
-   * @description Sidebar element text in the Security panel
-   */
-  ipProtection: 'IP Protection',
   /**
    * @description Text in Security Panel of the Security panel
    */
@@ -83,7 +78,6 @@ export class SecurityPanelSidebar extends UI.Widget.VBox {
   securityOverviewElement: OriginTreeElement;
   readonly #cookieControlsTreeElement: CookieControlsTreeElement|undefined;
   readonly cookieReportTreeElement: CookieReportTreeElement|undefined;
-  readonly ipProtectionTreeElement: IPProtectionTreeElement|undefined;
   readonly #elementsByOrigin: Map<string, OriginTreeElement>;
   readonly #mainViewReloadMessage: UI.TreeOutline.TreeElement;
   #mainOrigin: string|null;
@@ -108,11 +102,6 @@ export class SecurityPanelSidebar extends UI.Widget.VBox {
       this.cookieReportTreeElement = new CookieReportTreeElement(i18nString(UIStrings.cookieReport), 'cookie-report');
       privacyTreeSection.appendChild(this.cookieReportTreeElement);
 
-      if (Root.Runtime.hostConfig.devToolsIpProtectionPanelInDevTools?.enabled) {
-        this.ipProtectionTreeElement = new IPProtectionTreeElement(i18nString(UIStrings.ipProtection), 'ip-protection');
-        privacyTreeSection.appendChild(this.ipProtectionTreeElement);
-      }
-
       // If this if the first time this setting is set, go to the controls tool
       if (this.#securitySidebarLastItemSetting.get() === '') {
         this.#securitySidebarLastItemSetting.set(this.#cookieControlsTreeElement.elemId);
@@ -192,11 +181,6 @@ export class SecurityPanelSidebar extends UI.Widget.VBox {
         this.#securitySidebarLastItemSetting.get() === this.cookieReportTreeElement.elemId) {
       this.cookieReportTreeElement.select();
       this.cookieReportTreeElement.showElement();
-    } else if (
-        this.ipProtectionTreeElement &&
-        this.#securitySidebarLastItemSetting.get() === this.ipProtectionTreeElement.elemId) {
-      this.ipProtectionTreeElement.select();
-      this.ipProtectionTreeElement.showElement();
     } else {
       this.securityOverviewElement.select();
       this.securityOverviewElement.showElement();

package/front_end/panels/security/security.ts

@@ -4,14 +4,12 @@
 
 import * as CookieControlsView from './CookieControlsView.js';
 import * as CookieReportView from './CookieReportView.js';
-import * as IPProtectionView from './IPProtectionView.js';
 import * as SecurityModel from './SecurityModel.js';
 import * as SecurityPanel from './SecurityPanel.js';
 
 export {
   CookieControlsView,
   CookieReportView,
-  IPProtectionView,
   SecurityModel,
   SecurityPanel,
 };

package/front_end/panels/sources/AiCodeCompletionPlugin.ts

@@ -22,6 +22,22 @@ const DISCLAIMER_TOOLTIP_ID = 'sources-ai-code-completion-disclaimer-tooltip';
 const SPINNER_TOOLTIP_ID = 'sources-ai-code-completion-spinner-tooltip';
 const CITATIONS_TOOLTIP_ID = 'sources-ai-code-completion-citations-tooltip';
 
+function createCallbacks(editor: TextEditor.TextEditor.TextEditor): AiCodeCompletion.AiCodeCompletion.Callbacks {
+  return {
+    getSelectionHead: () => editor.editor.state.selection.main.head,
+    getCompletionHint: () => editor.editor.plugin(TextEditor.Config.showCompletionHint)?.currentHint,
+    setAiAutoCompletion: (args: {
+      text: string,
+      from: number,
+      startTime: number,
+      onImpression: (rpcGlobalId: Host.AidaClient.RpcGlobalId, latency: number, sampleId?: number) => void,
+      clearCachedRequest: () => void,
+      rpcGlobalId?: Host.AidaClient.RpcGlobalId,
+      sampleId?: number,
+    }|null) => editor.editor.dispatch({effects: TextEditor.Config.setAiAutoCompleteSuggestion.of(args)}),
+  };
+}
+
 export class AiCodeCompletionPlugin extends Plugin {
   #aidaClient?: Host.AidaClient.AidaClient;
   #aidaAvailability?: Host.AidaClient.AidaAccessPreconditions;
@@ -215,7 +231,7 @@ export class AiCodeCompletionPlugin extends Plugin {
           AiCodeCompletion.AiCodeCompletion.ContextFlavor.CONSOLE :
           AiCodeCompletion.AiCodeCompletion.ContextFlavor.SOURCES;
       this.#aiCodeCompletion = new AiCodeCompletion.AiCodeCompletion.AiCodeCompletion(
-          {aidaClient: this.#aidaClient}, this.#editor, contextFlavor);
+          {aidaClient: this.#aidaClient}, contextFlavor, createCallbacks(this.#editor));
       this.#aiCodeCompletion.addEventListener(
           AiCodeCompletion.AiCodeCompletion.Events.REQUEST_TRIGGERED, this.#onAiRequestTriggered, this);
       this.#aiCodeCompletion.addEventListener(

package/front_end/third_party/chromium/README.chromium

@@ -1,7 +1,7 @@
 Name: Dependencies sourced from the upstream `chromium` repository
 URL: https://chromium.googlesource.com/chromium/src
 Version: N/A
-Revision: 33096dd334d53eb095e196b5663cc1921f646cae
+Revision: 3e8720c1c3a43f134e2008e1764e70380a5b8bc1
 Update Mechanism: Manual (https://crbug.com/428069060)
 License: BSD-3-Clause
 License File: LICENSE

package/front_end/ui/components/expandable_list/ExpandableList.docs.ts

@@ -0,0 +1,30 @@
+// Copyright 2021 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 Lit from '../../lit/lit.js';
+
+import {ExpandableList} from './expandable_list.js';
+
+const {html} = Lit;
+
+export function render(container: HTMLElement): void {
+  const component = new ExpandableList.ExpandableList();
+
+  const rows = [];
+  rows.push(html`
+    <div>This is row 1. Click on the triangle icon to expand.</div>
+  `);
+
+  for (let rowNumber = 2; rowNumber < 11; rowNumber++) {
+    rows.push(html`
+      <div>This is row ${rowNumber}.</div>
+    `);
+  }
+
+  component.data = {
+    rows,
+  };
+
+  container.appendChild(component);
+}

package/front_end/ui/components/markdown_view/MarkdownLinksMap.ts

@@ -69,10 +69,6 @@ export const markdownLinks = new Map<string, string>([
   ],
   ['storagePartitioningExplainer', 'https://developers.google.com/privacy-sandbox/cookies/storage-partitioning'],
   ['storageAccessAPI', 'https://developer.mozilla.org/en-US/docs/Web/API/StorageAccessHandle/createObjectURL'],
-  [
-    'userReidentificationBugReports',
-    'https://issues.chromium.org/issues?q=status:open%20componentid:1456351&s=created_time:desc)'
-  ],
 ]);
 
 export const getMarkdownLink = (key: string): string => {

package/front_end/ui/components/markdown_view/MarkdownView.docs.ts

@@ -0,0 +1,95 @@
+// 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 Marked from '../../../third_party/marked/marked.js';
+import * as Lit from '../../lit/lit.js';
+
+import {MarkdownImagesMap, MarkdownLinksMap, type MarkdownView} from './markdown_view.js';
+
+const {html} = Lit;
+
+export function render(container: HTMLElement): void {
+  // Register images in the markdown image map.
+  MarkdownImagesMap.markdownImages.set('gear', {
+    src: 'gear',
+    width: 'var(--sys-size-8)',
+    height: 'var(--sys-size-8)',
+    isIcon: true,
+  });
+  MarkdownImagesMap.markdownImages.set('baseline', {
+    // Path is relative to served component doc html
+    src: './front_end/Images/src/align-items-baseline.svg',
+    width: 'var(--sys-size-26)',
+    height: 'var(--sys-size-26)',
+    isIcon: false,
+  });
+
+  // Register a link in the markdown link map.
+  MarkdownLinksMap.markdownLinks.set('test-link', 'https://exampleLink.com/');
+
+  const codeForCodeBlock = `
+    MarkdownView.MarkdownImagesMap.markdownImages.set('gear', {
+      src: 'gear',
+      width: 'var(--sys-size-8)',
+      height: 'var(--sys-size-8)',
+      isIcon: true,
+    });
+    MarkdownView.MarkdownImagesMap.markdownImages.set('baseline', {
+      src: './front_end/Images/src/align-items-baseline.svg',
+      width: 'var(--sys-size-26)',
+      height: 'var(--sys-size-26)',
+      isIcon: false,
+    });
+  `;
+
+  const markdownAst = Marked.Marked.lexer(`
+  Lorem ipsum dolor sit amet, ![icon](gear) consectetur adipiscing elit. [Phasellus tristique](test-link) metus velit, a laoreet sapien ultricies eu. Fusce facilisis, felis id ullamcorper placerat, enim magna porta justo, nec aliquet orci arcu eu velit. Ut quis maximus dolor. Morbi congue tempus porttitor. Duis ut lorem gravida, vehicula mi et, suscipit risus.
+
+  * Cras varius cursus eros.
+  * Mauris non blandit turpis.
+
+  Proin posuere varius risus, nec tristique urna elementum ut.
+
+\`\`\`js
+console.log('test')
+\`\`\`
+
+\`\`\`js
+${codeForCodeBlock}
+\`\`\`
+
+  ![Image](baseline)
+
+\`Cras id elit at erat porttitor elementum\`. Donec purus nulla, suscipit eu hendrerit in, auctor eu erat. Proin ut accumsan mi, rhoncus interdum odio. Etiam dapibus posuere lorem.
+`);
+
+  const codeBlockConfigs = [
+    {displayNotice: true, header: ''},
+    {displayNotice: false, header: ''},
+    {displayNotice: true, header: 'Code executed', showCopyButton: false},
+    {displayNotice: false, header: 'Code executed', showCopyButton: false},
+    {displayNotice: true, header: 'Code executed', showCopyButton: true},
+    {displayNotice: false, header: 'Code executed', showCopyButton: true},
+  ];
+
+  Lit.render(
+      html`
+    <h2>Basic Markdown View</h2>
+    <p>This example shows a basic rendering of Markdown, including custom image and link resolution.</p>
+    <devtools-markdown-view .data=${{tokens: markdownAst} as MarkdownView.MarkdownViewData}></devtools-markdown-view>
+
+    <h2>Code Block Examples</h2>
+    ${codeBlockConfigs.map(config => html`
+      <h3>Configuration: <code>${JSON.stringify(config)}</code></h3>
+      <devtools-code-block
+        .code=${codeForCodeBlock}
+        .codeLang=${'js'}
+        .displayNotice=${config.displayNotice}
+        .header=${config.header}
+        .showCopyButton=${Boolean(config.showCopyButton)}
+      ></devtools-code-block>
+    `)}
+  `,
+      container);
+}