chrome-devtools-frontend 1.0.1573331 → 1.0.1574367

package/front_end/models/issues_manager/CorsIssue.ts

@@ -44,12 +44,6 @@ export const enum IssueCode {
   PREFLIGHT_INVALID_ALLOW_EXTERNAL = 'CorsIssue::PreflightInvalidAllowExternal',
   NO_CORS_REDIRECT_MODE_NOT_FOLLOW = 'CorsIssue::NoCorsRedirectModeNotFollow',
   INVALID_PRIVATE_NETWORK_ACCESS = 'CorsIssue::InvalidPrivateNetworkAccess',
-  UNEXPECTED_PRIVATE_NETWORK_ACCESS = 'CorsIssue::UnexpectedPrivateNetworkAccess',
-  PREFLIGHT_ALLOW_PRIVATE_NETWORK_ERROR = 'CorsIssue::PreflightAllowPrivateNetworkError',
-  PREFLIGHT_MISSING_PRIVATE_NETWORK_ACCESS_ID = 'CorsIssue::PreflightMissingPrivateNetworkAccessId',
-  PREFLIGHT_MISSING_PRIVATE_NETWORK_ACCESS_NAME = 'CorsIssue::PreflightMissingPrivateNetworkAccessName',
-  PRIVATE_NETWORK_ACCESS_PERMISSION_UNAVAILABLE = 'CorsIssue::PrivateNetworkAccessPermissionUnavailable',
-  PRIVATE_NETWORK_ACCESS_PERMISSION_DENIED = 'CorsIssue::PrivateNetworkAccessPermissionDenied',
   LOCAL_NETWORK_ACCESS_PERMISSION_DENIED = 'CorsIssue::LocalNetworkAccessPermissionDenied',
 }
 
@@ -97,22 +91,12 @@ function getIssueCode(details: Protocol.Audits.CorsIssueDetails): IssueCode {
       return IssueCode.NO_CORS_REDIRECT_MODE_NOT_FOLLOW;
     case Protocol.Network.CorsError.InvalidPrivateNetworkAccess:
       return IssueCode.INVALID_PRIVATE_NETWORK_ACCESS;
-    case Protocol.Network.CorsError.UnexpectedPrivateNetworkAccess:
-      return IssueCode.UNEXPECTED_PRIVATE_NETWORK_ACCESS;
-    case Protocol.Network.CorsError.PreflightMissingAllowPrivateNetwork:
-    case Protocol.Network.CorsError.PreflightInvalidAllowPrivateNetwork:
-      return IssueCode.PREFLIGHT_ALLOW_PRIVATE_NETWORK_ERROR;
-    case Protocol.Network.CorsError.PreflightMissingPrivateNetworkAccessId:
-      return IssueCode.PREFLIGHT_MISSING_PRIVATE_NETWORK_ACCESS_ID;
-    case Protocol.Network.CorsError.PreflightMissingPrivateNetworkAccessName:
-      return IssueCode.PREFLIGHT_MISSING_PRIVATE_NETWORK_ACCESS_NAME;
-    case Protocol.Network.CorsError.PrivateNetworkAccessPermissionUnavailable:
-      return IssueCode.PRIVATE_NETWORK_ACCESS_PERMISSION_UNAVAILABLE;
-    case Protocol.Network.CorsError.PrivateNetworkAccessPermissionDenied:
-      return IssueCode.PRIVATE_NETWORK_ACCESS_PERMISSION_DENIED;
     case Protocol.Network.CorsError.LocalNetworkAccessPermissionDenied:
       return IssueCode.LOCAL_NETWORK_ACCESS_PERMISSION_DENIED;
   }
+  // TODO(b/394636065): Remove this once browser protocol has rolled, as we
+  // will never hit this case.
+  return null as unknown as IssueCode;
 }
 
 export class CorsIssue extends Issue<Protocol.Audits.CorsIssueDetails, IssueCode> {
@@ -136,14 +120,6 @@ export class CorsIssue extends Issue<Protocol.Audits.CorsIssueDetails, IssueCode
             linkTitle: i18nString(UIStrings.corsPrivateNetworkAccess),
           }],
         };
-      case IssueCode.PREFLIGHT_ALLOW_PRIVATE_NETWORK_ERROR:
-        return {
-          file: 'corsPreflightAllowPrivateNetworkError.md',
-          links: [{
-            link: 'https://developer.chrome.com/blog/private-network-access-update',
-            linkTitle: i18nString(UIStrings.corsPrivateNetworkAccess),
-          }],
-        };
       case IssueCode.INVALID_HEADER_VALUES:
         return {
           file: 'corsInvalidHeaderValues.md',
@@ -232,17 +208,6 @@ export class CorsIssue extends Issue<Protocol.Audits.CorsIssueDetails, IssueCode
             linkTitle: i18nString(UIStrings.CORS),
           }],
         };
-      // TODO(1462857): Change the link after we have a blog post for PNA
-      // permission prompt.
-      case IssueCode.PREFLIGHT_MISSING_PRIVATE_NETWORK_ACCESS_ID:
-      case IssueCode.PREFLIGHT_MISSING_PRIVATE_NETWORK_ACCESS_NAME:
-        return {
-          file: 'corsPrivateNetworkPermissionDenied.md',
-          links: [{
-            link: 'https://developer.chrome.com/blog/private-network-access-update',
-            linkTitle: i18nString(UIStrings.corsPrivateNetworkAccess),
-          }],
-        };
       case IssueCode.LOCAL_NETWORK_ACCESS_PERMISSION_DENIED:
         return {
           file: 'corsLocalNetworkAccessPermissionDenied.md',
@@ -254,9 +219,6 @@ export class CorsIssue extends Issue<Protocol.Audits.CorsIssueDetails, IssueCode
       case IssueCode.PREFLIGHT_MISSING_ALLOW_EXTERNAL:
       case IssueCode.PREFLIGHT_INVALID_ALLOW_EXTERNAL:
       case IssueCode.INVALID_PRIVATE_NETWORK_ACCESS:
-      case IssueCode.UNEXPECTED_PRIVATE_NETWORK_ACCESS:
-      case IssueCode.PRIVATE_NETWORK_ACCESS_PERMISSION_UNAVAILABLE:
-      case IssueCode.PRIVATE_NETWORK_ACCESS_PERMISSION_DENIED:
         return null;
     }
   }
@@ -267,9 +229,7 @@ export class CorsIssue extends Issue<Protocol.Audits.CorsIssueDetails, IssueCode
 
   getKind(): IssueKind {
     if (this.details().isWarning &&
-        (this.details().corsErrorStatus.corsError === Protocol.Network.CorsError.InsecurePrivateNetwork ||
-         this.details().corsErrorStatus.corsError === Protocol.Network.CorsError.PreflightMissingAllowPrivateNetwork ||
-         this.details().corsErrorStatus.corsError === Protocol.Network.CorsError.PreflightInvalidAllowPrivateNetwork)) {
+        this.details().corsErrorStatus.corsError === Protocol.Network.CorsError.InsecurePrivateNetwork) {
       return IssueKind.BREAKING_CHANGE;
     }
     return IssueKind.PAGE_ERROR;

package/front_end/models/logs/NetworkLog.ts

@@ -469,15 +469,6 @@ export class NetworkLog extends Common.ObjectWrapper.ObjectWrapper<EventTypes> i
       return;
     }
 
-    // This is only triggered in an edge case in which Chrome reports 2 preflight requests. The
-    // first preflight gets aborted and should not be shown in DevTools.
-    // (see https://crbug.com/1290390 for details)
-    if (request.isPreflightRequest() &&
-        request.corsErrorStatus()?.corsError === Protocol.Network.CorsError.UnexpectedPrivateNetworkAccess) {
-      this.removeRequest(request);
-      return;
-    }
-
     this.dispatchEventToListeners(Events.RequestUpdated, {request});
   }
 

package/front_end/panels/ai_assistance/PatchWidget.ts

@@ -556,8 +556,9 @@ export class PatchWidget extends UI.Widget.Widget {
       return true;
     }
 
+    const iconName = AiAssistanceModel.AiUtils.getIconName();
     const result = await PanelCommon.FreDialog.show({
-      header: {iconName: 'smart-assistant', text: lockedString(UIStringsNotTranslate.freDisclaimerHeader)},
+      header: {iconName, text: lockedString(UIStringsNotTranslate.freDisclaimerHeader)},
       reminderItems: [
         {
           iconName: 'psychiatry',

package/front_end/panels/ai_assistance/ai_assistance-meta.ts

@@ -5,7 +5,7 @@
 import * as Common from '../../core/common/common.js';
 import * as i18n from '../../core/i18n/i18n.js';
 import type * as Platform from '../../core/platform/platform.js';
-import type * as Root from '../../core/root/root.js';
+import * as Root from '../../core/root/root.js';
 import * as UI from '../../ui/legacy/legacy.js';
 
 import type * as AiAssistance from './ai_assistance.js';
@@ -34,6 +34,22 @@ const UIStrings = {
    * the current context
    */
   debugWithAi: 'Debug with AI',
+  /**
+   * @description The title of the Gemini panel.
+   */
+  gemini: 'Gemini',
+  /**
+   * @description The title of the command menu action for showing the Gemini panel.
+   */
+  showGemini: 'Show Gemini',
+  /**
+   * @description The setting title to enable the Gemini via the settings tab.
+   */
+  enableGemini: 'Enable Gemini',
+  /**
+   * @description Text of a context menu item to redirect to the Gemini panel with the current context
+   */
+  debugWithGemini: 'Debug with Gemini',
   /**
    * @description Message shown to the user if the DevTools locale is not
    * supported.
@@ -53,7 +69,12 @@ const UIStrings = {
 
 const str_ = i18n.i18n.registerUIStrings('panels/ai_assistance/ai_assistance-meta.ts', UIStrings);
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
-const i18nLazyString = i18n.i18n.getLazilyComputedLocalizedString.bind(undefined, str_);
+
+// Host config is initialized after this module executes, so need to lazily select the string.
+function i18nAiBrandedString(gemini: string, assistance: string) {
+  // eslint-disable-next-line @devtools/l10n-i18nString-call-only-with-uistrings
+  return () => Root.Runtime.hostConfig.devToolsGeminiRebranding?.enabled ? i18nString(gemini) : i18nString(assistance);
+}
 
 const setting = 'ai-assistance-enabled';
 
@@ -102,8 +123,8 @@ function isAnyFeatureAvailable(config?: Root.Runtime.HostConfig): boolean {
 UI.ViewManager.registerViewExtension({
   location: UI.ViewManager.ViewLocationValues.DRAWER_VIEW,
   id: 'freestyler',
-  commandPrompt: i18nLazyString(UIStrings.showAiAssistance),
-  title: i18nLazyString(UIStrings.aiAssistance),
+  commandPrompt: i18nAiBrandedString(UIStrings.showGemini, UIStrings.showAiAssistance),
+  title: i18nAiBrandedString(UIStrings.gemini, UIStrings.aiAssistance),
   order: 10,
   persistence: UI.ViewManager.ViewPersistence.CLOSEABLE,
   hasToolbar: false,
@@ -118,7 +139,7 @@ Common.Settings.registerSettingExtension({
   category: Common.Settings.SettingCategory.AI,
   settingName: setting,
   settingType: Common.Settings.SettingType.BOOLEAN,
-  title: i18nLazyString(UIStrings.enableAiAssistance),
+  title: i18nAiBrandedString(UIStrings.enableGemini, UIStrings.enableAiAssistance),
   defaultValue: false,
   reloadRequired: false,
   condition: isAnyFeatureAvailable,
@@ -146,7 +167,7 @@ UI.ActionRegistration.registerActionExtension({
     return [];
   },
   category: UI.ActionRegistration.ActionCategory.GLOBAL,
-  title: i18nLazyString(UIStrings.debugWithAi),
+  title: i18nAiBrandedString(UIStrings.debugWithGemini, UIStrings.debugWithAi),
   configurableBindings: false,
   async loadActionDelegate() {
     const AiAssistance = await loadAiAssistanceModule();
@@ -161,7 +182,7 @@ UI.ActionRegistration.registerActionExtension({
     return [];
   },
   category: UI.ActionRegistration.ActionCategory.GLOBAL,
-  title: i18nLazyString(UIStrings.debugWithAi),
+  title: i18nAiBrandedString(UIStrings.debugWithGemini, UIStrings.debugWithAi),
   configurableBindings: false,
   async loadActionDelegate() {
     const AiAssistance = await loadAiAssistanceModule();
@@ -177,7 +198,7 @@ UI.ActionRegistration.registerActionExtension({
     return [];
   },
   category: UI.ActionRegistration.ActionCategory.GLOBAL,
-  title: i18nLazyString(UIStrings.debugWithAi),
+  title: i18nAiBrandedString(UIStrings.debugWithGemini, UIStrings.debugWithAi),
   configurableBindings: false,
   async loadActionDelegate() {
     const AiAssistance = await loadAiAssistanceModule();
@@ -193,7 +214,7 @@ UI.ActionRegistration.registerActionExtension({
     return [];
   },
   category: UI.ActionRegistration.ActionCategory.GLOBAL,
-  title: i18nLazyString(UIStrings.debugWithAi),
+  title: i18nAiBrandedString(UIStrings.debugWithGemini, UIStrings.debugWithAi),
   configurableBindings: false,
   async loadActionDelegate() {
     const AiAssistance = await loadAiAssistanceModule();
@@ -209,7 +230,7 @@ UI.ActionRegistration.registerActionExtension({
     return [];
   },
   category: UI.ActionRegistration.ActionCategory.GLOBAL,
-  title: i18nLazyString(UIStrings.debugWithAi),
+  title: i18nAiBrandedString(UIStrings.debugWithGemini, UIStrings.debugWithAi),
   configurableBindings: false,
   async loadActionDelegate() {
     const AiAssistance = await loadAiAssistanceModule();
@@ -225,7 +246,7 @@ UI.ActionRegistration.registerActionExtension({
     return [];
   },
   category: UI.ActionRegistration.ActionCategory.GLOBAL,
-  title: i18nLazyString(UIStrings.debugWithAi),
+  title: i18nAiBrandedString(UIStrings.debugWithGemini, UIStrings.debugWithAi),
   configurableBindings: false,
   async loadActionDelegate() {
     const AiAssistance = await loadAiAssistanceModule();
@@ -241,7 +262,7 @@ UI.ActionRegistration.registerActionExtension({
     return [];
   },
   category: UI.ActionRegistration.ActionCategory.GLOBAL,
-  title: i18nLazyString(UIStrings.debugWithAi),
+  title: i18nAiBrandedString(UIStrings.debugWithGemini, UIStrings.debugWithAi),
   configurableBindings: false,
   async loadActionDelegate() {
     const AiAssistance = await loadAiAssistanceModule();
@@ -256,7 +277,7 @@ UI.ActionRegistration.registerActionExtension({
     return [];
   },
   category: UI.ActionRegistration.ActionCategory.GLOBAL,
-  title: i18nLazyString(UIStrings.debugWithAi),
+  title: i18nAiBrandedString(UIStrings.debugWithGemini, UIStrings.debugWithAi),
   configurableBindings: false,
   async loadActionDelegate() {
     const AiAssistance = await loadAiAssistanceModule();

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

@@ -292,6 +292,8 @@ export const DEFAULT_VIEW = (input: ChatMessageViewInput, output: ViewOutput, ta
     return;
   }
 
+  const icon = AiAssistanceModel.AiUtils.getIconName();
+
   // clang-format off
   Lit.render(html`
     <style>${Input.textInputStyles}</style>
@@ -301,7 +303,7 @@ export const DEFAULT_VIEW = (input: ChatMessageViewInput, output: ViewOutput, ta
       jslog=${VisualLogging.section('answer')}
     >
       <div class="message-info">
-        <devtools-icon name="smart-assistant"></devtools-icon>
+        <devtools-icon name=${icon}></devtools-icon>
         <div class="message-name">
           <h2>${lockedString(UIStringsNotTranslate.ai)}</h2>
         </div>

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

@@ -7,7 +7,7 @@ import '../../../ui/components/spinners/spinners.js';
 import * as Host from '../../../core/host/host.js';
 import * as i18n from '../../../core/i18n/i18n.js';
 import type * as Platform from '../../../core/platform/platform.js';
-import type * as AiAssistanceModel from '../../../models/ai_assistance/ai_assistance.js';
+import * as AiAssistanceModel from '../../../models/ai_assistance/ai_assistance.js';
 import * as Buttons from '../../../ui/components/buttons/buttons.js';
 import type {MarkdownLitRenderer} from '../../../ui/components/markdown_view/MarkdownView.js';
 import * as UI from '../../../ui/legacy/legacy.js';
@@ -30,6 +30,10 @@ const UIStringsNotTranslate = {
    * @description Text for the empty state of the AI assistance panel.
    */
   emptyStateText: 'How can I help you?',
+  /**
+   * @description Text for the empty state of the Gemini panel.
+   */
+  emptyStateTextGemini: 'Where should we start?',
 } as const;
 
 const lockedString = i18n.i18n.lockedString;
@@ -74,12 +78,18 @@ export interface Props {
 }
 
 interface ChatWidgetInput extends Props {
+  accountName: string;
   handleScroll: (ev: Event) => void;
   handleSuggestionClick: (title: string) => void;
   handleMessageContainerRef: (el: Element|undefined) => void;
 }
 
 const DEFAULT_VIEW: View = (input, output, target) => {
+  const chatUiClasses = classMap({
+    'chat-ui': true,
+    gemini: AiAssistanceModel.AiUtils.isGeminiBranding(),
+  });
+
   const inputWidgetClasses = classMap({
     'chat-input-widget': true,
     sticky: !input.isReadOnly,
@@ -88,7 +98,7 @@ const DEFAULT_VIEW: View = (input, output, target) => {
   // clang-format off
     render(html`
       <style>${chatViewStyles}</style>
-      <div class="chat-ui">
+      <div class=${chatUiClasses}>
         <main @scroll=${input.handleScroll} ${ref(element => { output.mainElement = element as HTMLElement; } )}>
           ${input.messages.length > 0 ? html`
             <div class="messages-container" ${ref(input.handleMessageContainerRef)}>
@@ -121,7 +131,12 @@ const DEFAULT_VIEW: View = (input, output, target) => {
                     name="smart-assistant"
                   ></devtools-icon>
                 </div>
-                <h1>${lockedString(UIStringsNotTranslate.emptyStateText)}</h1>
+                ${AiAssistanceModel.AiUtils.isGeminiBranding() ?
+                  html`
+                    <h1 class='greeting'>Hello, ${input.accountName}</h1>
+                    <h1>${lockedString(UIStringsNotTranslate.emptyStateTextGemini)}</h1>
+                  ` : html`<h1>${lockedString(UIStringsNotTranslate.emptyStateText)}</h1>`
+                }
               </div>
               <div class="empty-state-content">
                 ${input.emptyStateSuggestions.map(({title, jslogContext}) => {
@@ -308,6 +323,8 @@ export class ChatView extends HTMLElement {
     this.#view(
         {
           ...this.#props,
+          // TODO(b/468206227): This needs to be a first name.
+          accountName: this.#props.userInfo.accountFullName ?? '',
           handleScroll: this.#handleScroll,
           handleSuggestionClick: this.#handleSuggestionClick,
           handleMessageContainerRef: this.#handleMessageContainerRef,

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

@@ -165,7 +165,27 @@ main {
   }
 }
 
+.gemini {
+  .empty-state-container .icon {
+    display: none;
+  }
+
+  .empty-state-container .header {
+    align-items: flex-start;
+  }
+
+  .empty-state-content {
+    align-items: flex-start
+  }
+
+  .empty-state-container .greeting {
+    color: var(--sys-color-primary);
+  }
 
+  main {
+    align-items: flex-start;
+  }
+}
 
 .change-summary {
   background-color: var(--sys-color-surface3);

package/front_end/panels/common/AiCodeCompletionTeaser.ts

@@ -8,6 +8,7 @@ import * as Common from '../../core/common/common.js';
 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 AIAssistance from '../../models/ai_assistance/ai_assistance.js';
 import * as AiCodeGeneration from '../../models/ai_code_generation/ai_code_generation.js';
 import * as Snackbars from '../../ui/components/snackbars/snackbars.js';
 import * as UI from '../../ui/legacy/legacy.js';
@@ -259,8 +260,9 @@ export class AiCodeCompletionTeaser extends UI.Widget.Widget {
   onAction = async(event: Event): Promise<void> => {
     event.preventDefault();
 
+    const iconName = AIAssistance.AiUtils.getIconName();
     const result = await FreDialog.show({
-      header: {iconName: 'smart-assistant', text: lockedString(UIStringsNotTranslate.freDisclaimerHeader)},
+      header: {iconName, text: lockedString(UIStringsNotTranslate.freDisclaimerHeader)},
       reminderItems: this.#createReminderItems(),
       onLearnMoreClick: () => {
         void UI.ViewManager.ViewManager.instance().showView('chrome-ai');

package/front_end/panels/common/GeminiRebrandPromoDialog.ts

@@ -82,7 +82,7 @@ export const DEFAULT_VIEW: View = (input, _output, target): void => {
             .size=${Buttons.Button.Size.REGULAR}
             .title=${i18nString(UIStrings.dismiss)}
             jslog=${VisualLogging.close().track({click: true})}
-            @click=${() => {}}
+            @click=${() => input.onCancelClick()}
           ></devtools-button>
         </div>
       </div>

package/front_end/panels/console/ConsoleInsightTeaser.ts

@@ -495,8 +495,9 @@ export class ConsoleInsightTeaser extends UI.Widget.Widget {
   async #showFreDialog(): Promise<void> {
     const noLogging = Root.Runtime.hostConfig.aidaAvailability?.enterprisePolicyValue ===
         Root.Runtime.GenAiEnterprisePolicyValue.ALLOW_WITHOUT_LOGGING;
+    const iconName = AiAssistanceModel.AiUtils.getIconName();
     const result = await PanelCommon.FreDialog.show({
-      header: {iconName: 'smart-assistant', text: lockedString(UIStringsNotTranslate.freDisclaimerHeader)},
+      header: {iconName, text: lockedString(UIStringsNotTranslate.freDisclaimerHeader)},
       reminderItems: [
         {
           iconName: 'psychiatry',

package/front_end/panels/elements/ElementsTreeElement.ts

@@ -42,6 +42,7 @@ 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 * as Protocol from '../../generated/protocol.js';
+import * as AIAssistance from '../../models/ai_assistance/ai_assistance.js';
 import * as Badges from '../../models/badges/badges.js';
 import type * as Elements from '../../models/elements/elements.js';
 import type * as IssuesManager from '../../models/issues_manager/issues_manager.js';
@@ -1076,7 +1077,8 @@ export class ElementsTreeElement extends UI.TreeOutline.TreeElement {
     const action = UI.ActionRegistry.ActionRegistry.instance().getAction('freestyler.elements-floating-button');
     if (this.contentElement && !this.aiButtonContainer) {
       this.aiButtonContainer = this.contentElement.createChild('span', 'ai-button-container');
-      const floatingButton = Buttons.FloatingButton.create('smart-assistant', action.title(), 'ask-ai');
+      const floatingButton =
+          Buttons.FloatingButton.create(AIAssistance.AiUtils.getIconName(), action.title(), 'ask-ai');
       floatingButton.addEventListener('click', ev => {
         ev.stopPropagation();
         this.select(true, false);

package/front_end/panels/issues/CorsIssueDetailsView.ts

@@ -181,20 +181,6 @@ export class CorsIssueDetailsView extends AffectedResourcesView {
         this.appendColumnTitle(header, i18nString(UIStrings.initiatorAddressSpace));
         this.appendColumnTitle(header, i18nString(UIStrings.initiatorContext));
         break;
-      case IssuesManager.CorsIssue.IssueCode.PREFLIGHT_ALLOW_PRIVATE_NETWORK_ERROR:
-        this.appendColumnTitle(header, i18nString(UIStrings.preflightRequest));
-        this.appendColumnTitle(header, i18nString(UIStrings.invalidValue));
-        this.appendColumnTitle(header, i18nString(UIStrings.initiatorAddressSpace));
-        this.appendColumnTitle(header, i18nString(UIStrings.initiatorContext));
-        break;
-      case IssuesManager.CorsIssue.IssueCode.PREFLIGHT_MISSING_PRIVATE_NETWORK_ACCESS_ID:
-      case IssuesManager.CorsIssue.IssueCode.PREFLIGHT_MISSING_PRIVATE_NETWORK_ACCESS_NAME:
-        this.appendColumnTitle(header, i18nString(UIStrings.preflightRequest));
-        this.appendColumnTitle(header, i18nString(UIStrings.invalidValue));
-        this.appendColumnTitle(header, i18nString(UIStrings.resourceAddressSpace));
-        this.appendColumnTitle(header, i18nString(UIStrings.initiatorAddressSpace));
-        this.appendColumnTitle(header, i18nString(UIStrings.initiatorContext));
-        break;
       case IssuesManager.CorsIssue.IssueCode.METHOD_DISALLOWED_BY_PREFLIGHT_RESPONSE:
         this.appendColumnTitle(header, i18nString(UIStrings.preflightRequest));
         this.appendColumnTitle(header, i18nString(UIStrings.disallowedRequestMethod));
@@ -222,9 +208,6 @@ export class CorsIssueDetailsView extends AffectedResourcesView {
         Platform.assertUnhandled<IssuesManager.CorsIssue.IssueCode.PREFLIGHT_MISSING_ALLOW_EXTERNAL|
                                  IssuesManager.CorsIssue.IssueCode.PREFLIGHT_INVALID_ALLOW_EXTERNAL|
                                  IssuesManager.CorsIssue.IssueCode.INVALID_PRIVATE_NETWORK_ACCESS|
-                                 IssuesManager.CorsIssue.IssueCode.UNEXPECTED_PRIVATE_NETWORK_ACCESS|IssuesManager
-                                     .CorsIssue.IssueCode.PRIVATE_NETWORK_ACCESS_PERMISSION_UNAVAILABLE|IssuesManager
-                                     .CorsIssue.IssueCode.PRIVATE_NETWORK_ACCESS_PERMISSION_DENIED|
                                  IssuesManager.CorsIssue.IssueCode.LOCAL_NETWORK_ACCESS_PERMISSION_DENIED>(issueCode);
     }
 
@@ -267,18 +250,11 @@ export class CorsIssueDetailsView extends AffectedResourcesView {
       case Protocol.Network.CorsError.InvalidAllowCredentials:
       case Protocol.Network.CorsError.PreflightInvalidAllowCredentials:
         return 'Access-Control-Allow-Credentials';
-      case Protocol.Network.CorsError.PreflightMissingAllowPrivateNetwork:
-      case Protocol.Network.CorsError.PreflightInvalidAllowPrivateNetwork:
-        return 'Access-Control-Allow-Private-Network';
       case Protocol.Network.CorsError.RedirectContainsCredentials:
       case Protocol.Network.CorsError.PreflightDisallowedRedirect:
         return 'Location';
       case Protocol.Network.CorsError.PreflightInvalidStatus:
         return 'Status-Code';
-      case Protocol.Network.CorsError.PreflightMissingPrivateNetworkAccessId:
-        return 'Private-Network-Access-Id';
-      case Protocol.Network.CorsError.PreflightMissingPrivateNetworkAccessName:
-        return 'Private-Network-Access-Name';
     }
     return '';
   }
@@ -393,15 +369,6 @@ export class CorsIssueDetailsView extends AffectedResourcesView {
         this.appendIssueDetailCell(element, details.clientSecurityState?.initiatorIPAddressSpace ?? '');
         this.#appendSecureContextCell(element, details.clientSecurityState?.initiatorIsSecureContext);
         break;
-      case IssuesManager.CorsIssue.IssueCode.PREFLIGHT_ALLOW_PRIVATE_NETWORK_ERROR: {
-        element.appendChild(this.createRequestCell(details.request, opts));
-        this.#appendStatus(element, details.isWarning);
-        element.appendChild(this.createRequestCell(details.request, {...opts, linkToPreflight: true, highlightHeader}));
-        this.appendIssueDetailCell(element, details.corsErrorStatus.failedParameter, 'code-example');
-        this.appendIssueDetailCell(element, details.clientSecurityState?.initiatorIPAddressSpace ?? '');
-        this.#appendSecureContextCell(element, details.clientSecurityState?.initiatorIsSecureContext);
-        break;
-      }
       case IssuesManager.CorsIssue.IssueCode.METHOD_DISALLOWED_BY_PREFLIGHT_RESPONSE:
         element.appendChild(this.createRequestCell(details.request, opts));
         this.#appendStatus(element, details.isWarning);
@@ -461,25 +428,12 @@ export class CorsIssueDetailsView extends AffectedResourcesView {
         this.#appendStatus(element, details.isWarning);
         this.appendSourceLocation(element, details.location, issue.model()?.getTargetIfNotDisposed());
         break;
-      case IssuesManager.CorsIssue.IssueCode.PREFLIGHT_MISSING_PRIVATE_NETWORK_ACCESS_ID:
-      case IssuesManager.CorsIssue.IssueCode.PREFLIGHT_MISSING_PRIVATE_NETWORK_ACCESS_NAME:
-        element.appendChild(this.createRequestCell(details.request, opts));
-        this.#appendStatus(element, details.isWarning);
-        element.appendChild(this.createRequestCell(details.request, {...opts, linkToPreflight: true, highlightHeader}));
-        this.appendIssueDetailCell(element, CorsIssueDetailsView.getHeaderFromError(corsError));
-        this.appendIssueDetailCell(element, details.resourceIPAddressSpace ?? '');
-        this.appendIssueDetailCell(element, details.clientSecurityState?.initiatorIPAddressSpace ?? '');
-        this.#appendSecureContextCell(element, details.clientSecurityState?.initiatorIsSecureContext);
-        break;
       default:
         element.appendChild(this.createRequestCell(details.request, opts));
         this.#appendStatus(element, details.isWarning);
         Platform.assertUnhandled<IssuesManager.CorsIssue.IssueCode.PREFLIGHT_MISSING_ALLOW_EXTERNAL|
                                  IssuesManager.CorsIssue.IssueCode.PREFLIGHT_INVALID_ALLOW_EXTERNAL|
                                  IssuesManager.CorsIssue.IssueCode.INVALID_PRIVATE_NETWORK_ACCESS|
-                                 IssuesManager.CorsIssue.IssueCode.UNEXPECTED_PRIVATE_NETWORK_ACCESS|IssuesManager
-                                     .CorsIssue.IssueCode.PRIVATE_NETWORK_ACCESS_PERMISSION_UNAVAILABLE|IssuesManager
-                                     .CorsIssue.IssueCode.PRIVATE_NETWORK_ACCESS_PERMISSION_DENIED|
                                  IssuesManager.CorsIssue.IssueCode.LOCAL_NETWORK_ACCESS_PERMISSION_DENIED>(issueCode);
         break;
     }

package/front_end/panels/network/NetworkDataGridNode.ts

@@ -42,6 +42,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 Protocol from '../../generated/protocol.js';
+import * as AiAssistance from '../../models/ai_assistance/ai_assistance.js';
 import * as Bindings from '../../models/bindings/bindings.js';
 import type * as HAR from '../../models/har/har.js';
 import * as Logs from '../../models/logs/logs.js';
@@ -1621,7 +1622,8 @@ export class NetworkRequestNode extends NetworkNode {
       const action = UI.ActionRegistry.ActionRegistry.instance().getAction('drjones.network-floating-button');
       const aiButtonContainer = document.createElement('span');
       aiButtonContainer.classList.add('ai-button-container');
-      const floatingButton = Buttons.FloatingButton.create('smart-assistant', action.title(), 'ask-ai');
+      const icon = AiAssistance.AiUtils.getIconName();
+      const floatingButton = Buttons.FloatingButton.create(icon, action.title(), 'ask-ai');
       floatingButton.addEventListener('click', ev => {
         ev.stopPropagation();
         this.select();

package/front_end/panels/profiler/HeapDetachedElementsView.ts

@@ -126,11 +126,6 @@ export class DetachedElementsProfileType extends
       return;
     }
 
-    const animationModel = target?.model(SDK.AnimationModel.AnimationModel);
-    if (animationModel) {
-      // TODO(b/406904348): Remove this once we correctly release animations on the backend.
-      await animationModel.releaseAllAnimations();
-    }
     const data = await domModel.getDetachedDOMNodes();
 
     const profile: DetachedElementsProfileHeader = new DetachedElementsProfileHeader(heapProfilerModel, this, data);

package/front_end/panels/profiler/HeapProfileView.ts

@@ -283,12 +283,6 @@ export class SamplingHeapProfileTypeBase extends
     UI.InspectorView.InspectorView.instance().setPanelWarnings('heap-profiler', warnings);
 
     this.recording = true;
-    const target = heapProfilerModel.target();
-    const animationModel = target.model(SDK.AnimationModel.AnimationModel);
-    if (animationModel) {
-      // TODO(b/406904348): Remove this once we correctly release animations on the backend.
-      await animationModel.releaseAllAnimations();
-    }
     this.startSampling();
   }
 

package/front_end/panels/profiler/HeapSnapshotView.ts

@@ -1369,15 +1369,6 @@ export class HeapSnapshotProfileType extends
     this.addProfile(profile);
     profile.updateStatus(i18nString(UIStrings.snapshotting));
 
-    // Release all the animations before taking a heap snapshot.
-    // The animations are stored for replay in the animations panel and they might cause
-    // detached nodes to appear in snapshots. Because of this, we release
-    // all the animations first before taking a heap snapshot.
-    const animationModel = heapProfilerModel.target().model(SDK.AnimationModel.AnimationModel);
-    if (animationModel) {
-      await animationModel.releaseAllAnimations();
-    }
-
     await heapProfilerModel.takeHeapSnapshot({
       reportProgress: true,
       captureNumericValue: true,
@@ -1541,11 +1532,6 @@ export class TrackingHeapSnapshotProfileType extends
       return;
     }
 
-    const animationModel = heapProfilerModel.target().model(SDK.AnimationModel.AnimationModel);
-    if (animationModel) {
-      // TODO(b/406904348): Remove this once we correctly release animations on the backend.
-      await animationModel.releaseAllAnimations();
-    }
     void heapProfilerModel.startTrackingHeapObjects(this.recordAllocationStacksSettingInternal.get());
   }
 

package/front_end/panels/settings/AISettingsTab.ts

@@ -483,7 +483,7 @@ export class AISettingsTab extends UI.Widget.VBox {
     if (this.#aiAssistanceSetting) {
       const aiAssistanceData: AiSettingParams = {
         settingName: i18n.i18n.lockedString('AI assistance'),
-        iconName: 'smart-assistant',
+        iconName: AiAssistanceModel.AiUtils.getIconName(),
         settingDescription: this.#getAiAssistanceSettingDescription(),
         enableSettingText: i18nString(UIStrings.enableAiAssistance),
         settingItems: [

package/front_end/panels/sources/NavigatorView.ts

@@ -10,6 +10,7 @@ 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 * as AiAssistance from '../../models/ai_assistance/ai_assistance.js';
 import * as Bindings from '../../models/bindings/bindings.js';
 import * as Persistence from '../../models/persistence/persistence.js';
 import * as TextUtils from '../../models/text_utils/text_utils.js';
@@ -1426,7 +1427,8 @@ export class NavigatorSourceTreeElement extends UI.TreeOutline.TreeElement {
     const action = UI.ActionRegistry.ActionRegistry.instance().getAction('drjones.sources-floating-button');
     if (!this.aiButtonContainer) {
       this.aiButtonContainer = this.listItemElement.createChild('span', 'ai-button-container');
-      const floatingButton = Buttons.FloatingButton.create('smart-assistant', action.title(), 'ask-ai');
+      const icon = AiAssistance.AiUtils.getIconName();
+      const floatingButton = Buttons.FloatingButton.create(icon, action.title(), 'ask-ai');
       floatingButton.addEventListener('click', ev => {
         ev.stopPropagation();
         this.navigatorView.sourceSelected(this.uiSourceCode, false);

package/front_end/panels/timeline/components/insights/BaseInsightComponent.ts

@@ -113,6 +113,7 @@ const DEFAULT_VIEW: View = (input, output, target) => {
     const aiLabel = 'Debug with AI';
     const ariaLabel = `Ask AI about ${model.title} insight`;
     const content = renderContent();
+    const iconName = AIAssistance.AiUtils.getIconName();
 
     // clang-format off
     return html`
@@ -123,7 +124,7 @@ const DEFAULT_VIEW: View = (input, output, target) => {
           <div class="ask-ai-btn-wrap">
             <devtools-button class="ask-ai"
               .variant=${Buttons.Button.Variant.OUTLINED}
-              .iconName=${'smart-assistant'}
+              .iconName=${iconName}
               data-insights-ask-ai
               jslog=${VisualLogging.action(`timeline.insight-ask-ai.${internalName}`).track({click: true})}
               @click=${onAskAIButtonClick}