chrome-devtools-frontend 1.0.1526630 → 1.0.1528866

package/front_end/panels/ai_assistance/PatchWidget.ts

@@ -190,7 +190,7 @@ type View = (input: ViewInput, output: ViewOutput, target: HTMLElement) => void;
 
 export class PatchWidget extends UI.Widget.Widget {
   changeSummary = '';
-  changeManager: AiAssistanceModel.ChangeManager|undefined;
+  changeManager: AiAssistanceModel.ChangeManager.ChangeManager|undefined;
   // Whether the user completed first run experience dialog or not.
   #aiPatchingFreCompletedSetting =
       Common.Settings.Settings.instance().createSetting('ai-assistance-patching-fre-completed', false);
@@ -519,6 +519,7 @@ export class PatchWidget extends UI.Widget.Widget {
   }
 
   override willHide(): void {
+    super.willHide();
     this.#applyToDisconnectedAutomaticWorkspace = false;
     if (isAiAssistancePatchingEnabled()) {
       this.#workspace.removeEventListener(Workspace.Workspace.Events.ProjectAdded, this.#onProjectAdded, this);
@@ -681,11 +682,11 @@ export class PatchWidget extends UI.Widget.Widget {
     // user already had other modified files, the widget will still transition to the
     // success state (displaying all current workspace modifications).
     const hasChanges = this.#modifiedFiles.length > 0;
-    if (response?.type === AiAssistanceModel.ResponseType.ANSWER && hasChanges) {
+    if (response?.type === AiAssistanceModel.AiAgent.ResponseType.ANSWER && hasChanges) {
       this.#patchSuggestionState = PatchSuggestionState.SUCCESS;
     } else if (
-        response?.type === AiAssistanceModel.ResponseType.ERROR &&
-        response.error === AiAssistanceModel.ErrorType.ABORT) {
+        response?.type === AiAssistanceModel.AiAgent.ResponseType.ERROR &&
+        response.error === AiAssistanceModel.AiAgent.ErrorType.ABORT) {
       // If this is an abort error, we're returning back to the initial state.
       this.#patchSuggestionState = PatchSuggestionState.INITIAL;
     } else {
@@ -748,14 +749,14 @@ ${processedFiles.map(filename => `* ${filename}`).join('\n')}`;
   }
 
   async #applyPatch(changeSummary: string): Promise<{
-    response: AiAssistanceModel.ResponseData | undefined,
+    response: AiAssistanceModel.AiAgent.ResponseData | undefined,
     processedFiles: string[],
   }> {
     if (!this.#project) {
       throw new Error('Project does not exist');
     }
     this.#applyPatchAbortController = new AbortController();
-    const agent = new AiAssistanceModel.PatchAgent({
+    const agent = new AiAssistanceModel.PatchAgent.PatchAgent({
       aidaClient: this.#aidaClient,
       serverSideLoggingEnabled: false,
       project: this.#project,
@@ -798,7 +799,7 @@ window.aiAssistanceTestPatchPrompt =
     throw new Error('project not found');
   }
   const aidaClient = new Host.AidaClient.AidaClient();
-  const agent = new AiAssistanceModel.PatchAgent({
+  const agent = new AiAssistanceModel.PatchAgent.PatchAgent({
     aidaClient,
     serverSideLoggingEnabled: false,
     project,
@@ -806,7 +807,7 @@ window.aiAssistanceTestPatchPrompt =
   try {
     const assertionFailures = [];
     const {processedFiles, responses} = await agent.applyChanges(changeSummary);
-    if (responses.at(-1)?.type === AiAssistanceModel.ResponseType.ERROR) {
+    if (responses.at(-1)?.type === AiAssistanceModel.AiAgent.ResponseType.ERROR) {
       return {
         error: 'failed to patch',
         debugInfo: {

package/front_end/panels/ai_assistance/SelectWorkspaceDialog.ts

@@ -183,11 +183,13 @@ export class SelectWorkspaceDialog extends UI.Widget.VBox {
   }
 
   override wasShown(): void {
+    super.wasShown();
     this.#workspace.addEventListener(Workspace.Workspace.Events.ProjectAdded, this.#onProjectAdded, this);
     this.#workspace.addEventListener(Workspace.Workspace.Events.ProjectRemoved, this.#onProjectRemoved, this);
   }
 
   override willHide(): void {
+    super.willHide();
     this.#workspace.removeEventListener(Workspace.Workspace.Events.ProjectAdded, this.#onProjectAdded, this);
     this.#workspace.removeEventListener(Workspace.Workspace.Events.ProjectRemoved, this.#onProjectRemoved, this);
   }

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

@@ -225,7 +225,7 @@ export interface Step {
   output?: string;
   canceled?: boolean;
   sideEffect?: ConfirmSideEffectDialog;
-  contextDetails?: [AiAssistanceModel.ContextDetail, ...AiAssistanceModel.ContextDetail[]];
+  contextDetails?: [AiAssistanceModel.AiAgent.ContextDetail, ...AiAssistanceModel.AiAgent.ContextDetail[]];
 }
 
 interface ConfirmSideEffectDialog {
@@ -243,7 +243,7 @@ export type ImageInputData = {
   isLoading: false,
   data: string,
   mimeType: string,
-  inputType: AiAssistanceModel.MultimodalInputType,
+  inputType: AiAssistanceModel.AiAgent.MultimodalInputType,
 };
 
 export interface UserChatMessage {
@@ -256,7 +256,7 @@ export interface ModelChatMessage {
   steps: Step[];
   suggestions?: [string, ...string[]];
   answer?: string;
-  error?: AiAssistanceModel.ErrorType;
+  error?: AiAssistanceModel.AiAgent.ErrorType;
   rpcId?: Host.AidaClient.RpcGlobalId;
 }
 
@@ -271,7 +271,7 @@ export const enum State {
 export interface Props {
   onTextSubmit:
       (text: string, imageInput?: Host.AidaClient.Part,
-       multimodalInputType?: AiAssistanceModel.MultimodalInputType) => void;
+       multimodalInputType?: AiAssistanceModel.AiAgent.MultimodalInputType) => void;
   onInspectElementClick: () => void;
   onFeedbackSubmit: (rpcId: Host.AidaClient.RpcGlobalId, rate: Host.AidaClient.Rating, feedback?: string) => void;
   onCancelClick: () => void;
@@ -282,23 +282,23 @@ export interface Props {
   onRemoveImageInput?: () => void;
   onTextInputChange: (input: string) => void;
   onLoadImage?: (file: File) => Promise<void>;
-  changeManager: AiAssistanceModel.ChangeManager;
+  changeManager: AiAssistanceModel.ChangeManager.ChangeManager;
   inspectElementToggled: boolean;
   state: State;
   aidaAvailability: Host.AidaClient.AidaAccessPreconditions;
   messages: ChatMessage[];
-  selectedContext: AiAssistanceModel.ConversationContext<unknown>|null;
+  selectedContext: AiAssistanceModel.AiAgent.ConversationContext<unknown>|null;
   isLoading: boolean;
   canShowFeedbackForm: boolean;
   userInfo: Pick<Host.InspectorFrontendHostAPI.SyncInformation, 'accountImage'|'accountFullName'>;
-  conversationType?: AiAssistanceModel.ConversationType;
+  conversationType?: AiAssistanceModel.AiHistoryStorage.ConversationType;
   isReadOnly: boolean;
   blockedByCrossOrigin: boolean;
   changeSummary?: string;
   multimodalInputEnabled?: boolean;
   imageInput?: ImageInputData;
   isTextInputDisabled: boolean;
-  emptyStateSuggestions: AiAssistanceModel.ConversationSuggestion[];
+  emptyStateSuggestions: AiAssistanceModel.AiAgent.ConversationSuggestion[];
   inputPlaceholder: Platform.UIString.LocalizedString;
   disclaimerText: Platform.UIString.LocalizedString;
   isTextInputEmpty: boolean;
@@ -834,14 +834,14 @@ function renderError(message: ModelChatMessage): Lit.LitTemplate {
   if (message.error) {
     let errorMessage;
     switch (message.error) {
-      case AiAssistanceModel.ErrorType.UNKNOWN:
-      case AiAssistanceModel.ErrorType.BLOCK:
+      case AiAssistanceModel.AiAgent.ErrorType.UNKNOWN:
+      case AiAssistanceModel.AiAgent.ErrorType.BLOCK:
         errorMessage = UIStringsNotTranslate.systemError;
         break;
-      case AiAssistanceModel.ErrorType.MAX_STEPS:
+      case AiAssistanceModel.AiAgent.ErrorType.MAX_STEPS:
         errorMessage = UIStringsNotTranslate.maxStepsError;
         break;
-      case AiAssistanceModel.ErrorType.ABORT:
+      case AiAssistanceModel.AiAgent.ErrorType.ABORT:
         return html`<p class="aborted" jslog=${VisualLogging.section('aborted')}>${
             lockedString(UIStringsNotTranslate.stoppedResponse)}</p>`;
     }
@@ -952,7 +952,7 @@ function renderChatMessage({
 }
 
 function renderImageChatMessage(inlineData: Host.AidaClient.MediaBlob): Lit.LitTemplate {
-  if (inlineData.data === AiAssistanceModel.NOT_FOUND_IMAGE_DATA) {
+  if (inlineData.data === AiAssistanceModel.AiHistoryStorage.NOT_FOUND_IMAGE_DATA) {
     // clang-format off
     return html`<div class="unavailable-image" title=${UIStringsNotTranslate.imageUnavailable}>
       <devtools-icon name='file-image'></devtools-icon>
@@ -970,7 +970,7 @@ function renderImageChatMessage(inlineData: Host.AidaClient.MediaBlob): Lit.LitT
   // clang-format on
 }
 
-function renderContextIcon(context: AiAssistanceModel.ConversationContext<unknown>|null): Lit.LitTemplate {
+function renderContextIcon(context: AiAssistanceModel.AiAgent.ConversationContext<unknown>|null): Lit.LitTemplate {
   if (!context) {
     return Lit.nothing;
   }
@@ -983,7 +983,7 @@ function renderContextIcon(context: AiAssistanceModel.ConversationContext<unknow
   if (item instanceof Workspace.UISourceCode.UISourceCode) {
     return PanelUtils.PanelUtils.getIconForSourceFile(item);
   }
-  if (item instanceof AiAssistanceModel.AgentFocus) {
+  if (item instanceof AiAssistanceModel.AIContext.AgentFocus) {
     return html`<devtools-icon name="performance" title="Performance"></devtools-icon>`;
   }
   if (item instanceof SDK.DOMModel.DOMNode) {
@@ -993,12 +993,12 @@ function renderContextIcon(context: AiAssistanceModel.ConversationContext<unknow
 }
 
 function renderContextTitle(
-    context: AiAssistanceModel.ConversationContext<unknown>, disabled: boolean): Lit.TemplateResult|string {
+    context: AiAssistanceModel.AiAgent.ConversationContext<unknown>, disabled: boolean): Lit.TemplateResult|string {
   const item = context.getItem();
   if (item instanceof SDK.DOMModel.DOMNode) {
     // FIXME: move this to the model code.
-    const hiddenClassList =
-        item.classNames().filter(className => className.startsWith(AiAssistanceModel.AI_ASSISTANCE_CSS_CLASS_NAME));
+    const hiddenClassList = item.classNames().filter(
+        className => className.startsWith(AiAssistanceModel.Injected.AI_ASSISTANCE_CSS_CLASS_NAME));
     return html`<devtools-widget .widgetConfig=${UI.Widget.widgetConfig(ElementsPanel.DOMLinkifier.DOMNodeLink, {
       node: item,
       options: {hiddenClassList, disabled}
@@ -1015,19 +1015,19 @@ function renderSelection({
   onContextClick,
   onInspectElementClick,
 }: {
-  selectedContext: AiAssistanceModel.ConversationContext<unknown>|null,
+  selectedContext: AiAssistanceModel.AiAgent.ConversationContext<unknown>|null,
   inspectElementToggled: boolean,
   isTextInputDisabled: boolean,
   onContextClick: () => void | Promise<void>,
   onInspectElementClick: () => void,
-  conversationType?: AiAssistanceModel.ConversationType,
+  conversationType?: AiAssistanceModel.AiHistoryStorage.ConversationType,
 }): Lit.LitTemplate {
   if (!conversationType) {
     return Lit.nothing;
   }
 
   // TODO: currently the picker behavior is SDKNode specific.
-  const hasPickerBehavior = conversationType === AiAssistanceModel.ConversationType.STYLING;
+  const hasPickerBehavior = conversationType === AiAssistanceModel.AiHistoryStorage.ConversationType.STYLING;
 
   const resourceClass = Lit.Directives.classMap({
     'not-selected': !selectedContext,
@@ -1106,7 +1106,7 @@ function renderMessages({
   onCopyResponseClick: (message: ModelChatMessage) => void,
   onMessageContainerRef: (el: Element|undefined) => void,
   changeSummary?: string,
-  changeManager?: AiAssistanceModel.ChangeManager,
+  changeManager?: AiAssistanceModel.ChangeManager.ChangeManager,
 }): Lit.TemplateResult {
   function renderPatchWidget(): Lit.LitTemplate {
     if (isLoading) {
@@ -1148,7 +1148,7 @@ function renderMessages({
 
 function renderEmptyState({isTextInputDisabled, suggestions, onSuggestionClick}: {
   isTextInputDisabled: boolean,
-  suggestions: AiAssistanceModel.ConversationSuggestion[],
+  suggestions: AiAssistanceModel.AiAgent.ConversationSuggestion[],
   onSuggestionClick: (suggestion: string) => void,
 }): Lit.TemplateResult {
   // clang-format off
@@ -1184,7 +1184,7 @@ function renderEmptyState({isTextInputDisabled, suggestions, onSuggestionClick}:
 
 function renderReadOnlySection({onNewConversation, conversationType}: {
   onNewConversation: () => void,
-  conversationType?: AiAssistanceModel.ConversationType,
+  conversationType?: AiAssistanceModel.AiHistoryStorage.ConversationType,
 }): Lit.LitTemplate {
   if (!conversationType) {
     return Lit.nothing;
@@ -1437,7 +1437,7 @@ function renderChatInput({
   isTextInputDisabled: boolean,
   inputPlaceholder: Platform.UIString.LocalizedString,
   state: State,
-  selectedContext: AiAssistanceModel.ConversationContext<unknown>|null,
+  selectedContext: AiAssistanceModel.AiAgent.ConversationContext<unknown>|null,
   inspectElementToggled: boolean,
   isTextInputEmpty: boolean,
   aidaAvailability: Host.AidaClient.AidaAccessPreconditions,
@@ -1450,7 +1450,7 @@ function renderChatInput({
   onNewConversation: () => void,
   onTextInputChange: (input: string) => void,
   multimodalInputEnabled?: boolean,
-  conversationType?: AiAssistanceModel.ConversationType,
+  conversationType?: AiAssistanceModel.AiHistoryStorage.ConversationType,
   imageInput?: ImageInputData,
   uploadImageInputEnabled?: boolean,
   onTakeScreenshot?: () => void,
@@ -1606,15 +1606,15 @@ function renderMainContents({
   isReadOnly: boolean,
   canShowFeedbackForm: boolean,
   isTextInputDisabled: boolean,
-  suggestions: AiAssistanceModel.ConversationSuggestion[],
+  suggestions: AiAssistanceModel.AiAgent.ConversationSuggestion[],
   userInfo: Pick<Host.InspectorFrontendHostAPI.SyncInformation, 'accountImage'|'accountFullName'>,
   markdownRenderer: MarkdownLitRenderer,
-  changeManager: AiAssistanceModel.ChangeManager,
+  changeManager: AiAssistanceModel.ChangeManager.ChangeManager,
   onSuggestionClick: (suggestion: string) => void,
   onFeedbackSubmit: (rpcId: Host.AidaClient.RpcGlobalId, rate: Host.AidaClient.Rating, feedback?: string) => void,
   onCopyResponseClick: (message: ModelChatMessage) => void,
   onMessageContainerRef: (el: Element|undefined) => void,
-  conversationType?: AiAssistanceModel.ConversationType,
+  conversationType?: AiAssistanceModel.AiHistoryStorage.ConversationType,
   changeSummary?: string,
 }): Lit.LitTemplate {
   if (state === State.CONSENT_VIEW) {

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

@@ -363,6 +363,7 @@ export class UserActionRow extends UI.Widget.Widget implements UserActionRowWidg
   };
 
   override willHide(): void {
+    super.willHide();
     this.#suggestionsResizeObserver.disconnect();
   }
 

package/front_end/panels/animation/AnimationTimeline.ts

@@ -374,6 +374,7 @@ export class AnimationTimeline extends UI.Widget.VBox implements
   }
 
   override willHide(): void {
+    super.willHide();
     for (const animationModel of SDK.TargetManager.TargetManager.instance().models(
              SDK.AnimationModel.AnimationModel, {scoped: true})) {
       this.removeEventListeners(animationModel);

package/front_end/panels/application/CookieItemsView.ts

@@ -232,6 +232,7 @@ export class CookieItemsView extends UI.Widget.VBox {
   }
 
   override wasShown(): void {
+    super.wasShown();
     this.refreshItems();
   }
 

package/front_end/panels/application/KeyValueStorageItemsView.ts

@@ -182,6 +182,7 @@ export abstract class KeyValueStorageItemsView extends UI.Widget.VBox {
   }
 
   override wasShown(): void {
+    super.wasShown();
     this.refreshItems();
   }
 

package/front_end/panels/application/ServiceWorkerCacheViews.ts

@@ -184,12 +184,14 @@ export class ServiceWorkerCacheView extends UI.View.SimpleView {
   }
 
   override wasShown(): void {
+    super.wasShown();
     this.model.addEventListener(
         SDK.ServiceWorkerCacheModel.Events.CACHE_STORAGE_CONTENT_UPDATED, this.cacheContentUpdated, this);
     void this.updateData(true);
   }
 
   override willHide(): void {
+    super.willHide();
     this.model.removeEventListener(
         SDK.ServiceWorkerCacheModel.Events.CACHE_STORAGE_CONTENT_UPDATED, this.cacheContentUpdated, this);
   }

package/front_end/panels/application/preloading/components/PreloadingDetailsReportView.ts

@@ -258,6 +258,12 @@ export class PreloadingDetailsReportView extends LegacyWrapper.LegacyWrapper.Wra
     // clang-format on
   }
 
+  #isPrerenderLike(speculationAction: Protocol.Preload.SpeculationAction): boolean {
+    return [
+      Protocol.Preload.SpeculationAction.Prerender, Protocol.Preload.SpeculationAction.PrerenderUntilScript
+    ].includes(speculationAction);
+  }
+
   #action(isFallbackToPrefetch: boolean): Lit.LitTemplate {
     assertNotNullOrUndefined(this.#data);
     const attempt = this.#data.pipeline.getOriginallyTriggered();
@@ -271,7 +277,7 @@ export class PreloadingDetailsReportView extends LegacyWrapper.LegacyWrapper.Wra
 
     let maybeInspectButton: Lit.LitTemplate = Lit.nothing;
     (() => {
-      if (attempt.action !== Protocol.Preload.SpeculationAction.Prerender) {
+      if (!this.#isPrerenderLike(attempt.action)) {
         return;
       }
 
@@ -359,8 +365,7 @@ export class PreloadingDetailsReportView extends LegacyWrapper.LegacyWrapper.Wra
   #targetHint(): Lit.LitTemplate {
     assertNotNullOrUndefined(this.#data);
     const attempt = this.#data.pipeline.getOriginallyTriggered();
-    const hasTargetHint =
-        attempt.action === Protocol.Preload.SpeculationAction.Prerender && attempt.key.targetHint !== undefined;
+    const hasTargetHint = this.#isPrerenderLike(attempt.action) && attempt.key.targetHint !== undefined;
     if (!hasTargetHint) {
       return Lit.nothing;
     }
@@ -377,11 +382,12 @@ export class PreloadingDetailsReportView extends LegacyWrapper.LegacyWrapper.Wra
     assertNotNullOrUndefined(this.#data);
     const attempt = this.#data.pipeline.getOriginallyTriggered();
 
-    if (attempt.action !== Protocol.Preload.SpeculationAction.Prerender) {
+    if (!this.#isPrerenderLike(attempt.action)) {
       return Lit.nothing;
     }
 
-    const failureReason = prerenderFailureReason(attempt);
+    const failureReason = prerenderFailureReason(
+        attempt as SDK.PreloadingModel.PrerenderAttempt | SDK.PreloadingModel.PrerenderUntilScriptAttempt);
     if (failureReason === null) {
       return Lit.nothing;
     }

package/front_end/panels/application/preloading/components/PreloadingMismatchedHeadersGrid.ts

@@ -39,12 +39,12 @@ const {render, html} = Lit;
 
 export class PreloadingMismatchedHeadersGrid extends LegacyWrapper.LegacyWrapper.WrappableComponent<UI.Widget.VBox> {
   readonly #shadow = this.attachShadow({mode: 'open'});
-  #data: SDK.PreloadingModel.PrerenderAttempt|null = null;
+  #data: SDK.PreloadingModel.PrerenderAttempt|SDK.PreloadingModel.PrerenderUntilScriptAttempt|null = null;
   connectedCallback(): void {
     this.#render();
   }
 
-  set data(data: SDK.PreloadingModel.PrerenderAttempt) {
+  set data(data: SDK.PreloadingModel.PrerenderAttempt|SDK.PreloadingModel.PrerenderUntilScriptAttempt) {
     if (data.mismatchedHeaders === null) {
       return;
     }

package/front_end/panels/application/preloading/components/PreloadingString.ts

@@ -535,7 +535,8 @@ export function prefetchFailureReason({prefetchStatus}: SDK.PreloadingModel.Pref
 }
 
 /** Detailed failure reason for PrerenderFinalStatus. **/
-export function prerenderFailureReason(attempt: SDK.PreloadingModel.PrerenderAttempt): string|null {
+export function prerenderFailureReason(
+    attempt: SDK.PreloadingModel.PrerenderAttempt|SDK.PreloadingModel.PrerenderUntilScriptAttempt): string|null {
   // If you face an error on rolling CDP changes, see
   // https://docs.google.com/document/d/1PnrfowsZMt62PX1EvvTp2Nqs3ji1zrklrAEe1JYbkTk
   switch (attempt.prerenderStatus) {
@@ -730,14 +731,13 @@ export function ruleSetTagOrLocationShort(
 }
 
 export function capitalizedAction(action: Protocol.Preload.SpeculationAction): Common.UIString.LocalizedString {
-  // Use "prefetch"/"prerender" as is in SpeculationRules.
   switch (action) {
     case Protocol.Preload.SpeculationAction.Prefetch:
       return i18n.i18n.lockedString('Prefetch');
     case Protocol.Preload.SpeculationAction.Prerender:
       return i18n.i18n.lockedString('Prerender');
     case Protocol.Preload.SpeculationAction.PrerenderUntilScript:
-      return i18n.i18n.lockedString('PrerenderUntilScript');
+      return i18n.i18n.lockedString('Prerender until script');
   }
 }
 
@@ -778,8 +778,10 @@ export function composedStatus(attempt: SDK.PreloadingModel.PreloadingAttempt):
       const detail = prefetchFailureReason(attempt) ?? i18n.i18n.lockedString('Internal error');
       return short + ' - ' + detail;
     }
-    case Protocol.Preload.SpeculationAction.Prerender: {
-      const detail = prerenderFailureReason(attempt);
+    case Protocol.Preload.SpeculationAction.Prerender:
+    case Protocol.Preload.SpeculationAction.PrerenderUntilScript: {
+      const detail = prerenderFailureReason(
+          attempt as SDK.PreloadingModel.PrerenderAttempt | SDK.PreloadingModel.PrerenderUntilScriptAttempt);
       assertNotNullOrUndefined(detail);
       return short + ' - ' + detail;
     }

package/front_end/panels/application/preloading/components/UsedPreloadingView.ts

@@ -183,30 +183,40 @@ export class UsedPreloadingView extends LegacyWrapper.LegacyWrapper.WrappableCom
     // clang-format on
   }
 
+  #isPrerenderLike(speculationAction: Protocol.Preload.SpeculationAction): boolean {
+    return [
+      Protocol.Preload.SpeculationAction.Prerender, Protocol.Preload.SpeculationAction.PrerenderUntilScript
+    ].includes(speculationAction);
+  }
+
+  #isPrerenderAttempt(attempt: SDK.PreloadingModel.PreloadingAttempt):
+      attempt is SDK.PreloadingModel.PrerenderAttempt|SDK.PreloadingModel.PrerenderUntilScriptAttempt {
+    return this.#isPrerenderLike(attempt.action);
+  }
+
   #speculativeLoadingStatusForThisPageSections(): Lit.LitTemplate {
     const pageURL = Common.ParsedURL.ParsedURL.urlWithoutHash(this.#data.pageURL);
     const forThisPage = this.#data.previousAttempts.filter(
         attempt => Common.ParsedURL.ParsedURL.urlWithoutHash(attempt.key.url) === pageURL);
     const prefetch =
         forThisPage.filter(attempt => attempt.key.action === Protocol.Preload.SpeculationAction.Prefetch)[0];
-    const prerender =
-        forThisPage.filter(attempt => attempt.key.action === Protocol.Preload.SpeculationAction.Prerender)[0];
+    const prerenderLike = forThisPage.filter(attempt => this.#isPrerenderLike(attempt.action))[0];
 
     let kind = UsedKind.NO_PRELOADS;
     // Prerender -> prefetch downgrade case
     //
     // This code does not handle the case SpecRules designate these preloads rather than prerenderer automatically downgrade prerendering.
     // TODO(https://crbug.com/1410709): Improve this logic once automatic downgrade implemented.
-    if (prerender?.status === SDK.PreloadingModel.PreloadingStatus.FAILURE &&
+    if (prerenderLike?.status === SDK.PreloadingModel.PreloadingStatus.FAILURE &&
         prefetch?.status === SDK.PreloadingModel.PreloadingStatus.SUCCESS) {
       kind = UsedKind.DOWNGRADED_PRERENDER_TO_PREFETCH_AND_USED;
     } else if (prefetch?.status === SDK.PreloadingModel.PreloadingStatus.SUCCESS) {
       kind = UsedKind.PREFETCH_USED;
-    } else if (prerender?.status === SDK.PreloadingModel.PreloadingStatus.SUCCESS) {
+    } else if (prerenderLike?.status === SDK.PreloadingModel.PreloadingStatus.SUCCESS) {
       kind = UsedKind.PRERENDER_USED;
     } else if (prefetch?.status === SDK.PreloadingModel.PreloadingStatus.FAILURE) {
       kind = UsedKind.PREFETCH_FAILED;
-    } else if (prerender?.status === SDK.PreloadingModel.PreloadingStatus.FAILURE) {
+    } else if (prerenderLike?.status === SDK.PreloadingModel.PreloadingStatus.FAILURE) {
       kind = UsedKind.PRERENDER_FAILED;
     } else {
       kind = UsedKind.NO_PRELOADS;
@@ -246,8 +256,9 @@ export class UsedPreloadingView extends LegacyWrapper.LegacyWrapper.WrappableCom
       assertNotNullOrUndefined(prefetch);
       maybeFailureReasonMessage = prefetchFailureReason(prefetch as SDK.PreloadingModel.PrefetchAttempt);
     } else if (kind === UsedKind.PRERENDER_FAILED || kind === UsedKind.DOWNGRADED_PRERENDER_TO_PREFETCH_AND_USED) {
-      assertNotNullOrUndefined(prerender);
-      maybeFailureReasonMessage = prerenderFailureReason(prerender as SDK.PreloadingModel.PrerenderAttempt);
+      assertNotNullOrUndefined(prerenderLike);
+      maybeFailureReasonMessage = prerenderFailureReason(
+          prerenderLike as SDK.PreloadingModel.PrerenderAttempt | SDK.PreloadingModel.PrerenderUntilScriptAttempt);
     }
 
     let maybeFailureReason: Lit.LitTemplate = Lit.nothing;
@@ -323,8 +334,7 @@ export class UsedPreloadingView extends LegacyWrapper.LegacyWrapper.WrappableCom
 
   #maybeMismatchedHTTPHeadersSections(): Lit.LitTemplate {
     const attempt = this.#data.previousAttempts.find(
-        attempt =>
-            attempt.action === Protocol.Preload.SpeculationAction.Prerender && attempt.mismatchedHeaders !== null);
+        attempt => this.#isPrerenderAttempt(attempt) && attempt.mismatchedHeaders !== null);
     if (attempt === undefined) {
       return Lit.nothing;
     }
@@ -342,7 +352,9 @@ export class UsedPreloadingView extends LegacyWrapper.LegacyWrapper.WrappableCom
       <devtools-report-section-header>${i18nString(UIStrings.mismatchedHeadersDetail)}</devtools-report-section-header>
       <devtools-report-section>
         <devtools-resources-preloading-mismatched-headers-grid
-          .data=${attempt as SDK.PreloadingModel.PrerenderAttempt}></devtools-resources-preloading-mismatched-headers-grid>
+          .data=${
+              attempt as SDK.PreloadingModel.PrerenderAttempt |
+              SDK.PreloadingModel.PrerenderUntilScriptAttempt}></devtools-resources-preloading-mismatched-headers-grid>
       </devtools-report-section>
     `;
     // clang-format on

package/front_end/panels/changes/CombinedDiffView.ts

@@ -140,6 +140,7 @@ export class CombinedDiffView extends UI.Widget.Widget {
   }
 
   override willHide(): void {
+    super.willHide();
     this.#workspaceDiff?.removeEventListener(
         WorkspaceDiff.WorkspaceDiff.Events.MODIFIED_STATUS_CHANGED, this.#onDiffModifiedStatusChanged, this);
   }

package/front_end/panels/console/ConsoleInsightTeaser.ts

@@ -0,0 +1,106 @@
+// Copyright 2025 The Chromium Authors. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+import '../../ui/components/tooltips/tooltips.js';
+
+import * as i18n from '../../core/i18n/i18n.js';
+import * as UI from '../../ui/legacy/legacy.js';
+import * as Lit from '../../ui/lit/lit.js';
+
+import consoleInsightTeaserStyles from './consoleInsightTeaser.css.js';
+import type {ConsoleViewMessage} from './ConsoleViewMessage.js';
+
+const {render, html} = Lit;
+
+const UIStringsNotTranslate = {
+  /**
+   * @description Header text during loading state while an AI summary is being generated
+   */
+  summarizing: 'Summarizing…',
+  /**
+   * @description Label for an animation shown while an AI response is being generated
+   */
+  loading: 'Loading',
+} as const;
+
+const lockedString = i18n.i18n.lockedString;
+
+interface ViewInput {
+  // If multiple ConsoleInsightTeasers exist, each one needs a unique id. Otherwise showing and
+  // hiding of the tooltip, and rendering the loading animation, does not work correctly.
+  uuid: String;
+  isInactive: boolean;
+}
+
+export const DEFAULT_VIEW = (input: ViewInput, _output: undefined, target: HTMLElement): void => {
+  if (input.isInactive) {
+    render(Lit.nothing, target);
+    return;
+  }
+
+  // clang-format off
+  render(html`
+    <style>${consoleInsightTeaserStyles}</style>
+    <devtools-tooltip
+      id=${'teaser-' + input.uuid}
+      hover-delay=500
+      variant="rich"
+      vertical-distance-increase=-6
+      prefer-span-left
+    >
+      <div class="teaser-tooltip-container">
+        <h2 tabindex="-1">${lockedString(UIStringsNotTranslate.summarizing)}</h2>
+        <div
+          role="presentation"
+          aria-label=${lockedString(UIStringsNotTranslate.loading)}
+          class="loader"
+          style="clip-path: url(${'#clipPath-' + input.uuid});"
+        >
+          <svg width="100%" height="52">
+            <defs>
+            <clipPath id=${'clipPath-' + input.uuid}>
+              <rect x="0" y="0" width="100%" height="12" rx="8"></rect>
+              <rect x="0" y="20" width="100%" height="12" rx="8"></rect>
+              <rect x="0" y="40" width="100%" height="12" rx="8"></rect>
+            </clipPath>
+          </defs>
+          </svg>
+        </div>
+      </div>
+    </devtools-tooltip>
+  `, target);
+  // clang-format on
+};
+
+export type View = typeof DEFAULT_VIEW;
+
+export class ConsoleInsightTeaser extends UI.Widget.Widget {
+  #view: View;
+  #uuid: String;
+  #isInactive = false;
+
+  constructor(uuid: String, consoleViewMessage: ConsoleViewMessage, element?: HTMLElement, view?: View) {
+    super(element);
+    this.#view = view ?? DEFAULT_VIEW;
+    this.#uuid = uuid;
+    this.requestUpdate();
+  }
+
+  setInactive(isInactive: boolean): void {
+    if (this.#isInactive === isInactive) {
+      return;
+    }
+    this.#isInactive = isInactive;
+    this.requestUpdate();
+  }
+
+  override performUpdate(): Promise<void>|void {
+    this.#view(
+        {
+          uuid: this.#uuid,
+          isInactive: this.#isInactive,
+        },
+        undefined, this.contentElement);
+  }
+}

package/front_end/panels/console/ConsolePanel.ts

@@ -106,6 +106,7 @@ export class WrapperView extends UI.Widget.VBox {
   }
 
   override wasShown(): void {
+    super.wasShown();
     if (!ConsolePanel.instance().isShowing()) {
       this.showViewInWrapper();
     } else {
@@ -115,6 +116,7 @@ export class WrapperView extends UI.Widget.VBox {
   }
 
   override willHide(): void {
+    super.willHide();
     UI.InspectorView.InspectorView.instance().setDrawerMinimized(false);
     ConsolePanel.updateContextFlavor();
   }