chrome-devtools-frontend 1.0.1581449 → 1.0.1582745

package/front_end/entrypoints/greendev_floaty/FloatyEntrypoint.ts

@@ -12,6 +12,7 @@ import '../../entrypoints/main/main-meta.js';
 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 type * as Platform from '../../core/platform/platform.js';
 import type * as ExperimentNames from '../../core/root/ExperimentNames.js';
 import * as Root from '../../core/root/root.js';
 import * as SDK from '../../core/sdk/sdk.js';
@@ -71,6 +72,15 @@ class GreenDevFloaty {
       });
     }
 
+    const learnMoreLink = doc.querySelector('.learn-more-link');
+    if (learnMoreLink) {
+      learnMoreLink.addEventListener('click', event => {
+        event.preventDefault();
+        Host.InspectorFrontendHost.InspectorFrontendHostInstance.openInNewTab(
+            'https://developer.chrome.com/docs/devtools/ai-assistance' as Platform.DevToolsPath.UrlString);
+      });
+    }
+
     const nodeDescriptionElement = doc.querySelector('.green-dev-floaty-dialog-node-description') as HTMLDivElement;
     nodeDescriptionElement?.addEventListener('mousemove', () => {
       if (this.#node) {
@@ -81,8 +91,8 @@ class GreenDevFloaty {
       if (this.#node && this.#backendNodeId) {
         const msg = JSON.stringify({
           id: 9999,
-          method: 'Overlay.setShowGreenDevFloatyAnchor',
-          params: {greenDevFloatyHighlightConfig: {backendNodeId: this.#backendNodeId}}
+          method: 'Overlay.setShowInspectedElementAnchor',
+          params: {inspectedElementAnchorConfig: {backendNodeId: this.#backendNodeId}}
         });
         Host.InspectorFrontendHost.InspectorFrontendHostInstance.sendMessageToBackend(msg);
       }
@@ -147,15 +157,8 @@ class GreenDevFloaty {
   handlePanelRequest = (event: Common.EventTarget.EventTargetEvent<number>): void => {
     pendingActivationSessionId = event.data;
     this.#sendActivatePanelMessage(pendingActivationSessionId, 0);
-
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    if ((window as any).DevToolsAPI?.sendMessageToEmbedder) {
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      (window as any).DevToolsAPI.sendMessageToEmbedder('openDevTools', [], () => {});
-    } else {
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      (Host.InspectorFrontendHost.InspectorFrontendHostInstance as any).sendMessageToEmbedder('openDevTools', []);
-    }
+    Host.InspectorFrontendHost.InspectorFrontendHostInstance.openInNewTab(
+        'magic:open-devtools' as Platform.DevToolsPath.UrlString);
   };
 
   readonly #maxActivationRetries = 10;
@@ -183,13 +186,16 @@ class GreenDevFloaty {
   }
 
   handleRestoreEvent(event: Common.EventTarget.EventTargetEvent<number>): void {
+    const sessionId = event.data;
     // Only the main DevTools window (which is NOT a floaty window) should broadcast the restore request.
     if (!this.#isFloatyWindow) {
-      const sessionId = event.data;
       this.#syncChannel.postMessage({type: 'restore-floaty', sessionId});
+    } else if (this.#backendNodeId === sessionId) {
+      // If a floaty window receives a restore request for its own session,
+      // it should bring itself to the front.
+      console.error('[GreenDev] Calling bringToFront for session ' + sessionId);
+      Host.InspectorFrontendHost.InspectorFrontendHostInstance.bringToFront();
     }
-    // If a floaty window receives a restore request for its own session,
-    // it should bring itself to the front. This is handled in #onSyncMessage.
   }
 
   setNode(node: SDK.DOMModel.DOMNode): void {
@@ -228,8 +234,8 @@ class GreenDevFloaty {
     if (this.#backendNodeId) {
       const msg = JSON.stringify({
         id: 9999,
-        method: 'Overlay.setShowGreenDevFloatyAnchor',
-        params: {greenDevFloatyHighlightConfig: {backendNodeId: this.#backendNodeId}}
+        method: 'Overlay.setShowInspectedElementAnchor',
+        params: {inspectedElementAnchorConfig: {backendNodeId: this.#backendNodeId}}
       });
       Host.InspectorFrontendHost.InspectorFrontendHostInstance.sendMessageToBackend(msg);
     }
@@ -248,6 +254,10 @@ class GreenDevFloaty {
     return messages;
   }
 
+  #formatError(errorMessage: string): string {
+    return `Error: '${errorMessage}' - Protip: to use AI features you need to be signed in.`;
+  }
+
   runConversation = async(): Promise<void> => {
     if (!this.#textField || !this.#node) {
       return;
@@ -270,7 +280,7 @@ class GreenDevFloaty {
       nodeDescription: document.querySelector('.green-dev-floaty-dialog-node-description')?.textContent,
     });
 
-    const {content: aiContent} = this.#addMessageInternal('Thinking...', false);
+    const aiContent = this.#addMessageInternal('Thinking...', false);
     this.#syncChannel.postMessage({
       type: 'new-message',
       text: 'Thinking...',
@@ -291,9 +301,9 @@ class GreenDevFloaty {
                 {type: 'update-last-message', text: result.text, sessionId: this.#backendNodeId});
             break;
           case ResponseType.ERROR:
-            aiContent.textContent = `Error: ${result.error}`;
+            aiContent.textContent = this.#formatError(result.error);
             this.#syncChannel.postMessage(
-                {type: 'update-last-message', text: `Error: ${result.error}`, sessionId: this.#backendNodeId});
+                {type: 'update-last-message', text: this.#formatError(result.error), sessionId: this.#backendNodeId});
             break;
           case ResponseType.SIDE_EFFECT:
             result.confirm(true);
@@ -310,7 +320,7 @@ class GreenDevFloaty {
     }
   };
 
-  #addMessageInternal(text: string, isUser: boolean): {content: HTMLDivElement, details?: HTMLDivElement} {
+  #addMessageInternal(text: string, isUser: boolean): HTMLDivElement {
     const messageElement = document.createElement('div');
     messageElement.className = `message ${isUser ? 'user-message' : 'ai-message'}`;
 
@@ -319,30 +329,11 @@ class GreenDevFloaty {
     content.textContent = text;
     messageElement.appendChild(content);
 
-    let details: HTMLDivElement|undefined;
-    if (!isUser) {
-      details = document.createElement('div');
-      details.className = 'message-details';
-      details.style.display = 'none';
-      messageElement.appendChild(details);
-
-      const toggle = document.createElement('div');
-      toggle.className = 'message-details-toggle';
-      toggle.textContent = 'Show details';
-      toggle.onclick = () => {
-        if (details) {
-          const isHidden = details.style.display === 'none';
-          details.style.display = isHidden ? 'block' : 'none';
-          toggle.textContent = isHidden ? 'Hide details' : 'Show details';
-        }
-      };
-      messageElement.appendChild(toggle);
-    }
     if (this.#chatContainer) {
       this.#chatContainer.appendChild(messageElement);
       this.#chatContainer.scrollTop = this.#chatContainer.scrollHeight;
     }
-    return {content, details};
+    return content;
   }
 }
 

package/front_end/entrypoints/greendev_floaty/floaty.css

@@ -251,8 +251,48 @@ html, body {
 }
 
 .green-dev-floaty-disclaimer {
-  font-size: 13px;
+  font-size: 15px;
   color: #666;
   text-align: center;
   margin-top: 8px;
+  position: relative; /* For tooltip positioning */
+}
+
+.disclaimer-link {
+  color: #666; /* Match text color */
+  text-decoration: underline;
+  cursor: pointer;
+}
+
+.disclaimer-tooltip {
+  display: none;
+  position: absolute;
+  bottom: 100%; /* Position above */
+  left: 50%;
+  transform: translateX(-50%);
+  width: 300px;
+  padding: 12px;
+  background-color: #fff;
+  border: 1px solid #ccc;
+  border-radius: 8px;
+  box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
+  z-index: 1000;
+  text-align: left;
+  font-size: 14px;
+  line-height: 1.4;
+  color: #333;
+}
+
+.disclaimer-link:hover + .disclaimer-tooltip,
+.disclaimer-tooltip:hover {
+  display: block;
+}
+
+.learn-more-link {
+  color: #0b57d0;
+  text-decoration: none;
+}
+
+.learn-more-link:hover {
+  text-decoration: underline;
 }

package/front_end/entrypoints/greendev_floaty/floaty.html

@@ -23,7 +23,14 @@
           <input type="text" class="green-dev-floaty-dialog-text-field" placeholder="Why is this not centered?">
           <button class="green-dev-floaty-dialog-play-button"></button>
         </div>
-        <div class="green-dev-floaty-disclaimer">Relevant data is sent to Google</div>
+        <div class="green-dev-floaty-disclaimer">
+          <span class="disclaimer-link">Relevant data</span> is sent to Google
+          <div class="disclaimer-tooltip">
+            Chat messages and any data the inspected page can access via Web APIs are sent to Google and may be seen by human reviewers to improve this feature. This is an experimental AI feature and won't always get it right.
+            <br><br>
+            <a href="https://developer.chrome.com/docs/devtools/ai-assistance" class="learn-more-link">Learn about AI in DevTools</a>
+          </div>
+        </div>
       </div>
     </div>
   </div>

package/front_end/entrypoints/greendev_floaty/greendev_floaty.ts

@@ -66,8 +66,8 @@ class GreenDevFloaty {
         // Refresh the anchor by re-sending the show command.
         const msg = JSON.stringify({
           id: 9999,
-          method: 'Overlay.setShowGreenDevFloatyAnchor',
-          params: {greenDevFloatyHighlightConfig: {backendNodeId: this.#backendNodeId}}
+          method: 'Overlay.setShowInspectedElementAnchor',
+          params: {inspectedElementAnchorConfig: {backendNodeId: this.#backendNodeId}}
         });
         Host.InspectorFrontendHost.InspectorFrontendHostInstance.sendMessageToBackend(msg);
       }
@@ -186,7 +186,7 @@ class GreenDevFloaty {
             aiContent.textContent = result.text;
             break;
           case ResponseType.ERROR:
-            aiContent.textContent = `Error: ${result.error}`;
+            aiContent.textContent = `Error: '${result.error}' - Protip: to use AI features you need to be signed in.`;
             break;
           case ResponseType.THOUGHT:
             if (aiDetails) {
@@ -403,8 +403,8 @@ async function init(): Promise<void> {
             if (backendNodeId) {
               const msg = JSON.stringify({
                 id: 9999,
-                method: 'Overlay.setShowGreenDevFloatyAnchor',
-                params: {greenDevFloatyHighlightConfig: {backendNodeId}}
+                method: 'Overlay.setShowInspectedElementAnchor',
+                params: {inspectedElementAnchorConfig: {backendNodeId}}
               });
               Host.InspectorFrontendHost.InspectorFrontendHostInstance.sendMessageToBackend(msg);
             }

package/front_end/entrypoints/node_app/app/NodeMain.ts

@@ -107,7 +107,7 @@ export class NodeChildTargetManager extends SDK.SDKModel.SDKModel<void> implemen
   targetDestroyed(_event: Protocol.Target.TargetDestroyedEvent): void {
   }
 
-  attachedToTarget({sessionId, targetInfo}: Protocol.Target.AttachedToTargetEvent): void {
+  async attachedToTarget({sessionId, targetInfo}: Protocol.Target.AttachedToTargetEvent): Promise<void> {
     let target: SDK.Target.Target;
     if (targetInfo.type === 'node_worker') {
       target = this.#targetManager.createTarget(
@@ -124,6 +124,24 @@ export class NodeChildTargetManager extends SDK.SDKModel.SDKModel<void> implemen
     }
     this.#childTargets.set(sessionId, target);
     void target.runtimeAgent().invoke_runIfWaitingForDebugger();
+    await this.#initializeStorage(target);
+  }
+
+  async #initializeStorage(target: SDK.Target.Target): Promise<void> {
+    const storageAgent = target.storageAgent();
+    const response = await storageAgent.invoke_getStorageKey({});
+
+    const storageKey = response.storageKey;
+    if (response.getError() || !storageKey) {
+      console.error(`Failed to get storage key for target ${target.id()}: ${response.getError()}`);
+      return;
+    }
+
+    const storageKeyManager = target.model(SDK.StorageKeyManager.StorageKeyManager);
+    if (storageKeyManager) {
+      storageKeyManager.setMainStorageKey(storageKey);
+      storageKeyManager.updateStorageKeys(new Set([storageKey]));
+    }
   }
 
   detachedFromTarget({sessionId}: Protocol.Target.DetachedFromTargetEvent): void {

package/front_end/entrypoints/node_app/node_app.ts

@@ -9,6 +9,7 @@ import '../../panels/network/network-meta.js';
 import * as Common from '../../core/common/common.js';
 import * as i18n from '../../core/i18n/i18n.js';
 import * as Root from '../../core/root/root.js';
+import type * as Resources from '../../panels/application/application.js';
 import type * as Sources from '../../panels/sources/sources.js';
 import * as UI from '../../ui/legacy/legacy.js';
 import * as Main from '../main/main.js';
@@ -39,6 +40,14 @@ const UIStrings = {
    * @description Command for showing the 'Node' tool in the Network Navigator View, which is part of the Sources tool
    */
   showNode: 'Show Node',
+  /**
+   * @description Text in Application Panel Sidebar of the Application panel
+   */
+  application: 'Application',
+  /**
+   * @description Command for showing the 'Application' tool
+   */
+  showApplication: 'Show Application',
 } as const;
 
 const str_ = i18n.i18n.registerUIStrings('entrypoints/node_app/node_app.ts', UIStrings);
@@ -78,6 +87,31 @@ UI.ViewManager.registerViewExtension({
   },
 });
 
+let loadedResourcesModule: (typeof Resources|undefined);
+
+async function loadResourcesModule(): Promise<typeof Resources> {
+  if (!loadedResourcesModule) {
+    loadedResourcesModule = await import('../../panels/application/application.js');
+  }
+  return loadedResourcesModule;
+}
+
+UI.ViewManager.registerViewExtension({
+  location: UI.ViewManager.ViewLocationValues.PANEL,
+  id: 'resources',
+  title: i18nLazyString(UIStrings.application),
+  commandPrompt: i18nLazyString(UIStrings.showApplication),
+  order: 70,
+  async loadView() {
+    const Resources = await loadResourcesModule();
+    return Resources.ResourcesPanel.ResourcesPanel.instance({
+      forceNew: true,
+      mode: 'node',
+    });
+  },
+  tags: [],
+});
+
 // @ts-expect-error Exposed for legacy layout tests
 self.runtime = Root.Runtime.Runtime.instance({forceNew: true});
 Common.Runnable.registerEarlyInitializationRunnable(NodeMainImpl.instance);

package/front_end/generated/InspectorBackendCommands.ts

@@ -84,7 +84,7 @@ inspectorBackend.registerEnum("Audits.UnencodedDigestError", {MalformedDictionar
 inspectorBackend.registerEnum("Audits.ConnectionAllowlistError", {InvalidHeader: "InvalidHeader", MoreThanOneList: "MoreThanOneList", ItemNotInnerList: "ItemNotInnerList", InvalidAllowlistItemType: "InvalidAllowlistItemType", ReportingEndpointNotToken: "ReportingEndpointNotToken", InvalidUrlPattern: "InvalidUrlPattern"});
 inspectorBackend.registerEnum("Audits.GenericIssueErrorType", {FormLabelForNameError: "FormLabelForNameError", FormDuplicateIdForInputError: "FormDuplicateIdForInputError", FormInputWithNoLabelError: "FormInputWithNoLabelError", FormAutocompleteAttributeEmptyError: "FormAutocompleteAttributeEmptyError", FormEmptyIdAndNameAttributesForInputError: "FormEmptyIdAndNameAttributesForInputError", FormAriaLabelledByToNonExistingIdError: "FormAriaLabelledByToNonExistingIdError", FormInputAssignedAutocompleteValueToIdOrNameAttributeError: "FormInputAssignedAutocompleteValueToIdOrNameAttributeError", FormLabelHasNeitherForNorNestedInputError: "FormLabelHasNeitherForNorNestedInputError", FormLabelForMatchesNonExistingIdError: "FormLabelForMatchesNonExistingIdError", FormInputHasWrongButWellIntendedAutocompleteValueError: "FormInputHasWrongButWellIntendedAutocompleteValueError", ResponseWasBlockedByORB: "ResponseWasBlockedByORB", NavigationEntryMarkedSkippable: "NavigationEntryMarkedSkippable", AutofillAndManualTextPolicyControlledFeaturesInfo: "AutofillAndManualTextPolicyControlledFeaturesInfo", AutofillPolicyControlledFeatureInfo: "AutofillPolicyControlledFeatureInfo", ManualTextPolicyControlledFeatureInfo: "ManualTextPolicyControlledFeatureInfo"});
 inspectorBackend.registerEnum("Audits.ClientHintIssueReason", {MetaTagAllowListInvalidOrigin: "MetaTagAllowListInvalidOrigin", MetaTagModifiedHTML: "MetaTagModifiedHTML"});
-inspectorBackend.registerEnum("Audits.FederatedAuthRequestIssueReason", {ShouldEmbargo: "ShouldEmbargo", TooManyRequests: "TooManyRequests", WellKnownHttpNotFound: "WellKnownHttpNotFound", WellKnownNoResponse: "WellKnownNoResponse", WellKnownInvalidResponse: "WellKnownInvalidResponse", WellKnownListEmpty: "WellKnownListEmpty", WellKnownInvalidContentType: "WellKnownInvalidContentType", ConfigNotInWellKnown: "ConfigNotInWellKnown", WellKnownTooBig: "WellKnownTooBig", ConfigHttpNotFound: "ConfigHttpNotFound", ConfigNoResponse: "ConfigNoResponse", ConfigInvalidResponse: "ConfigInvalidResponse", ConfigInvalidContentType: "ConfigInvalidContentType", ClientMetadataHttpNotFound: "ClientMetadataHttpNotFound", ClientMetadataNoResponse: "ClientMetadataNoResponse", ClientMetadataInvalidResponse: "ClientMetadataInvalidResponse", ClientMetadataInvalidContentType: "ClientMetadataInvalidContentType", IdpNotPotentiallyTrustworthy: "IdpNotPotentiallyTrustworthy", DisabledInSettings: "DisabledInSettings", DisabledInFlags: "DisabledInFlags", ErrorFetchingSignin: "ErrorFetchingSignin", InvalidSigninResponse: "InvalidSigninResponse", AccountsHttpNotFound: "AccountsHttpNotFound", AccountsNoResponse: "AccountsNoResponse", AccountsInvalidResponse: "AccountsInvalidResponse", AccountsListEmpty: "AccountsListEmpty", AccountsInvalidContentType: "AccountsInvalidContentType", IdTokenHttpNotFound: "IdTokenHttpNotFound", IdTokenNoResponse: "IdTokenNoResponse", IdTokenInvalidResponse: "IdTokenInvalidResponse", IdTokenIdpErrorResponse: "IdTokenIdpErrorResponse", IdTokenCrossSiteIdpErrorResponse: "IdTokenCrossSiteIdpErrorResponse", IdTokenInvalidRequest: "IdTokenInvalidRequest", IdTokenInvalidContentType: "IdTokenInvalidContentType", ErrorIdToken: "ErrorIdToken", Canceled: "Canceled", RpPageNotVisible: "RpPageNotVisible", SilentMediationFailure: "SilentMediationFailure", ThirdPartyCookiesBlocked: "ThirdPartyCookiesBlocked", NotSignedInWithIdp: "NotSignedInWithIdp", MissingTransientUserActivation: "MissingTransientUserActivation", ReplacedByActiveMode: "ReplacedByActiveMode", InvalidFieldsSpecified: "InvalidFieldsSpecified", RelyingPartyOriginIsOpaque: "RelyingPartyOriginIsOpaque", TypeNotMatching: "TypeNotMatching", UiDismissedNoEmbargo: "UiDismissedNoEmbargo", CorsError: "CorsError", SuppressedBySegmentationPlatform: "SuppressedBySegmentationPlatform"});
+inspectorBackend.registerEnum("Audits.FederatedAuthRequestIssueReason", {ShouldEmbargo: "ShouldEmbargo", TooManyRequests: "TooManyRequests", WellKnownHttpNotFound: "WellKnownHttpNotFound", WellKnownNoResponse: "WellKnownNoResponse", WellKnownInvalidResponse: "WellKnownInvalidResponse", WellKnownListEmpty: "WellKnownListEmpty", WellKnownInvalidContentType: "WellKnownInvalidContentType", ConfigNotInWellKnown: "ConfigNotInWellKnown", WellKnownTooBig: "WellKnownTooBig", ConfigHttpNotFound: "ConfigHttpNotFound", ConfigNoResponse: "ConfigNoResponse", ConfigInvalidResponse: "ConfigInvalidResponse", ConfigInvalidContentType: "ConfigInvalidContentType", IdpNotPotentiallyTrustworthy: "IdpNotPotentiallyTrustworthy", DisabledInSettings: "DisabledInSettings", DisabledInFlags: "DisabledInFlags", ErrorFetchingSignin: "ErrorFetchingSignin", InvalidSigninResponse: "InvalidSigninResponse", AccountsHttpNotFound: "AccountsHttpNotFound", AccountsNoResponse: "AccountsNoResponse", AccountsInvalidResponse: "AccountsInvalidResponse", AccountsListEmpty: "AccountsListEmpty", AccountsInvalidContentType: "AccountsInvalidContentType", IdTokenHttpNotFound: "IdTokenHttpNotFound", IdTokenNoResponse: "IdTokenNoResponse", IdTokenInvalidResponse: "IdTokenInvalidResponse", IdTokenIdpErrorResponse: "IdTokenIdpErrorResponse", IdTokenCrossSiteIdpErrorResponse: "IdTokenCrossSiteIdpErrorResponse", IdTokenInvalidRequest: "IdTokenInvalidRequest", IdTokenInvalidContentType: "IdTokenInvalidContentType", ErrorIdToken: "ErrorIdToken", Canceled: "Canceled", RpPageNotVisible: "RpPageNotVisible", SilentMediationFailure: "SilentMediationFailure", NotSignedInWithIdp: "NotSignedInWithIdp", MissingTransientUserActivation: "MissingTransientUserActivation", ReplacedByActiveMode: "ReplacedByActiveMode", RelyingPartyOriginIsOpaque: "RelyingPartyOriginIsOpaque", TypeNotMatching: "TypeNotMatching", UiDismissedNoEmbargo: "UiDismissedNoEmbargo", CorsError: "CorsError", SuppressedBySegmentationPlatform: "SuppressedBySegmentationPlatform"});
 inspectorBackend.registerEnum("Audits.FederatedAuthUserInfoRequestIssueReason", {NotSameOrigin: "NotSameOrigin", NotIframe: "NotIframe", NotPotentiallyTrustworthy: "NotPotentiallyTrustworthy", NoAPIPermission: "NoApiPermission", NotSignedInWithIdp: "NotSignedInWithIdp", NoAccountSharingPermission: "NoAccountSharingPermission", InvalidConfigOrWellKnown: "InvalidConfigOrWellKnown", InvalidAccountsResponse: "InvalidAccountsResponse", NoReturningUserFromFetchedAccounts: "NoReturningUserFromFetchedAccounts"});
 inspectorBackend.registerEnum("Audits.PartitioningBlobURLInfo", {BlockedCrossPartitionFetching: "BlockedCrossPartitionFetching", EnforceNoopenerForNavigation: "EnforceNoopenerForNavigation"});
 inspectorBackend.registerEnum("Audits.ElementAccessibilityIssueReason", {DisallowedSelectChild: "DisallowedSelectChild", DisallowedOptGroupChild: "DisallowedOptGroupChild", NonPhrasingContentOptionChild: "NonPhrasingContentOptionChild", InteractiveContentOptionChild: "InteractiveContentOptionChild", InteractiveContentLegendChild: "InteractiveContentLegendChild", InteractiveContentSummaryDescendant: "InteractiveContentSummaryDescendant"});

package/front_end/generated/SupportedCSSProperties.js

@@ -4552,6 +4552,7 @@ export const generatedProperties = [
    "uppercase",
    "lowercase",
    "full-width",
+   "full-size-kana",
    "none",
    "math-auto"
   ],
@@ -7048,6 +7049,7 @@ export const generatedPropertyValues = {
    "uppercase",
    "lowercase",
    "full-width",
+   "full-size-kana",
    "none",
    "math-auto"
   ]

package/front_end/generated/protocol.ts

@@ -1292,10 +1292,6 @@ export namespace Audits {
     ConfigNoResponse = 'ConfigNoResponse',
     ConfigInvalidResponse = 'ConfigInvalidResponse',
     ConfigInvalidContentType = 'ConfigInvalidContentType',
-    ClientMetadataHttpNotFound = 'ClientMetadataHttpNotFound',
-    ClientMetadataNoResponse = 'ClientMetadataNoResponse',
-    ClientMetadataInvalidResponse = 'ClientMetadataInvalidResponse',
-    ClientMetadataInvalidContentType = 'ClientMetadataInvalidContentType',
     IdpNotPotentiallyTrustworthy = 'IdpNotPotentiallyTrustworthy',
     DisabledInSettings = 'DisabledInSettings',
     DisabledInFlags = 'DisabledInFlags',
@@ -1317,11 +1313,9 @@ export namespace Audits {
     Canceled = 'Canceled',
     RpPageNotVisible = 'RpPageNotVisible',
     SilentMediationFailure = 'SilentMediationFailure',
-    ThirdPartyCookiesBlocked = 'ThirdPartyCookiesBlocked',
     NotSignedInWithIdp = 'NotSignedInWithIdp',
     MissingTransientUserActivation = 'MissingTransientUserActivation',
     ReplacedByActiveMode = 'ReplacedByActiveMode',
-    InvalidFieldsSpecified = 'InvalidFieldsSpecified',
     RelyingPartyOriginIsOpaque = 'RelyingPartyOriginIsOpaque',
     TypeNotMatching = 'TypeNotMatching',
     UiDismissedNoEmbargo = 'UiDismissedNoEmbargo',

package/front_end/models/ai_assistance/AiConversation.ts

@@ -55,6 +55,7 @@ export class AiConversation {
         undefined,
         undefined,
         serializedConversation.isExternal,
+        undefined,
     );
   }
 
@@ -74,6 +75,9 @@ export class AiConversation {
 
   #contexts: Array<ConversationContext<unknown>> = [];
 
+  #performanceRecordAndReload?: () => Promise<Trace.TraceModel.ParsedTrace>;
+  #onInspectElement?: () => Promise<SDK.DOMModel.DOMNode|null>;
+
   constructor(
       type: ConversationType,
       data: ResponseData[] = [],
@@ -82,9 +86,13 @@ export class AiConversation {
       aidaClient: Host.AidaClient.AidaClient = new Host.AidaClient.AidaClient(),
       changeManager?: ChangeManager,
       isExternal = false,
+      performanceRecordAndReload?: () => Promise<Trace.TraceModel.ParsedTrace>,
+      onInspectElement?: () => Promise<SDK.DOMModel.DOMNode|null>,
   ) {
     this.#changeManager = changeManager;
     this.#aidaClient = aidaClient;
+    this.#performanceRecordAndReload = performanceRecordAndReload;
+    this.#onInspectElement = onInspectElement;
 
     this.id = id;
     this.#isReadOnly = isReadOnly;
@@ -278,6 +286,8 @@ export class AiConversation {
       serverSideLoggingEnabled: isAiAssistanceServerSideLoggingEnabled(),
       sessionId: this.id,
       changeManager: this.#changeManager,
+      performanceRecordAndReload: this.#performanceRecordAndReload,
+      onInspectElement: this.#onInspectElement,
     };
     switch (type) {
       case ConversationType.STYLING: {

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

@@ -4,6 +4,7 @@
 
 import * as Host from '../../../core/host/host.js';
 import * as Root from '../../../core/root/root.js';
+import type * as SDK from '../../../core/sdk/sdk.js';
 import {debugLog, isStructuredLogEnabled} from '../debug.js';
 
 export const enum ResponseType {
@@ -133,6 +134,7 @@ export interface AgentOptions {
   serverSideLoggingEnabled?: boolean;
   sessionId?: string;
   confirmSideEffectForTest?: typeof Promise.withResolvers;
+  onInspectElement?: () => Promise<SDK.DOMModel.DOMNode|null>;
 }
 
 export interface ParsedAnswer {

package/front_end/models/ai_assistance/agents/ContextSelectionAgent.snapshot.txt

@@ -31,7 +31,7 @@ Content:
   "function_declarations": [
     {
       "name": "listNetworkRequests",
-      "description": "Gives a list of network requests including URL, status code, and duration in ms",
+      "description": "Gives a list of network requests including URL, status code, and duration in ms.",
       "parameters": {
         "type": 6,
         "description": "",
@@ -42,7 +42,7 @@ Content:
     },
     {
       "name": "selectNetworkRequest",
-      "description": "From the list of selected request select one to debug",
+      "description": "Selects a specific network request to further provide information about. Use this when asked about network requests issues.",
       "parameters": {
         "type": 6,
         "description": "",
@@ -72,7 +72,7 @@ Content:
     },
     {
       "name": "selectSourceFile",
-      "description": "Returns a list of all files in the project.",
+      "description": "Selects a source file. Use this when asked about files on the page.",
       "parameters": {
         "type": 6,
         "description": "",
@@ -83,11 +83,33 @@ Content:
         "properties": {
           "name": {
             "type": 1,
-            "description": "The name of the file",
+            "description": "The name of the file you want to select.",
             "nullable": false
           }
         }
       }
+    },
+    {
+      "name": "performanceRecordAndReload",
+      "description": "Records a new performance trace, to help debug performance issue.",
+      "parameters": {
+        "type": 6,
+        "description": "",
+        "nullable": true,
+        "required": [],
+        "properties": {}
+      }
+    },
+    {
+      "name": "inspectDom",
+      "description": "Prompts user to select a DOM element from the page. Use this when you don't know which element is selected.",
+      "parameters": {
+        "type": 6,
+        "description": "",
+        "nullable": true,
+        "required": [],
+        "properties": {}
+      }
     }
   ],
   "options": {},