chrome-devtools-frontend 1.0.1575635 → 1.0.1576287

package/front_end/core/host/AidaClient.ts

@@ -656,6 +656,13 @@ export class AidaClient {
   }
 
   registerClientEvent(clientEvent: AidaRegisterClientEvent): Promise<AidaClientResult> {
+    // Disable logging for now.
+    // For context, see b/454563259#comment35.
+    // We should be able to remove this ~end of April.
+    if (Root.Runtime.hostConfig.devToolsGeminiRebranding?.enabled) {
+      clientEvent.disable_user_content_logging = true;
+    }
+
     const {promise, resolve} = Promise.withResolvers<AidaClientResult>();
     InspectorFrontendHostInstance.registerAidaClientEvent(
         JSON.stringify({
@@ -673,6 +680,14 @@ export class AidaClient {
     if (!InspectorFrontendHostInstance.aidaCodeComplete) {
       throw new Error('aidaCodeComplete is not available');
     }
+
+    // Disable logging for now.
+    // For context, see b/454563259#comment35.
+    // We should be able to remove this ~end of April.
+    if (Root.Runtime.hostConfig.devToolsGeminiRebranding?.enabled) {
+      request.metadata.disable_user_content_logging = true;
+    }
+
     const {promise, resolve} = Promise.withResolvers<AidaCodeCompleteResult>();
     InspectorFrontendHostInstance.aidaCodeComplete(JSON.stringify(request), resolve);
     const completeCodeResult = await promise;
@@ -718,6 +733,12 @@ export class AidaClient {
 
   async generateCode(request: GenerateCodeRequest, options?: {signal?: AbortSignal}):
       Promise<GenerateCodeResponse|null> {
+    // Disable logging for now.
+    // For context, see b/454563259#comment35.
+    // We should be able to remove this ~end of April.
+    if (Root.Runtime.hostConfig.devToolsGeminiRebranding?.enabled) {
+      request.metadata.disable_user_content_logging = true;
+    }
     const response = await DispatchHttpRequestClient.makeHttpRequest<GenerateCodeResponse>(
         {
           service: SERVICE_NAME,

package/front_end/core/sdk/NetworkManager.ts

@@ -1022,6 +1022,7 @@ export class NetworkDispatcher implements ProtocolProxyApi.NetworkDispatcher {
     requestId,
     associatedCookies,
     headers,
+    deviceBoundSessionUsages,
     clientSecurityState,
     connectTiming,
     siteHasCookieInOtherPartition,
@@ -1036,10 +1037,11 @@ export class NetworkDispatcher implements ProtocolProxyApi.NetworkDispatcher {
         blockedRequestCookies.push({blockedReasons, cookie: Cookie.fromProtocolCookie(cookie)});
       }
     }
-    const extraRequestInfo = {
+    const extraRequestInfo: ExtraRequestInfo = {
       blockedRequestCookies,
       includedRequestCookies,
       requestHeaders: this.headersMapToHeadersArray(headers),
+      deviceBoundSessionUsages,
       clientSecurityState,
       connectTiming,
       siteHasCookieInOtherPartition,

package/front_end/core/sdk/NetworkRequest.ts

@@ -258,6 +258,7 @@ export class NetworkRequest extends Common.ObjectWrapper.ObjectWrapper<EventType
   #exemptedResponseCookies: ExemptedSetCookieWithReason[] = [];
   #responseCookiesPartitionKey: Protocol.Network.CookiePartitionKey|null = null;
   #responseCookiesPartitionKeyOpaque: boolean|null = null;
+  #deviceBoundSessionUsages: Protocol.Network.DeviceBoundSessionWithUsage[] = [];
   #siteHasCookieInOtherPartition = false;
   localizedFailDescription: string|null = null;
   #url!: Platform.DevToolsPath.UrlString;
@@ -1612,6 +1613,7 @@ export class NetworkRequest extends Common.ObjectWrapper.ObjectWrapper<EventType
     this.setRequestHeaders(extraRequestInfo.requestHeaders);
     this.#hasExtraRequestInfo = true;
     this.setRequestHeadersText('');  // Mark request headers as non-provisional
+    this.#deviceBoundSessionUsages = extraRequestInfo.deviceBoundSessionUsages || [];
     this.#clientSecurityState = extraRequestInfo.clientSecurityState;
     this.#appliedNetworkConditionsId = extraRequestInfo.appliedNetworkConditionsId;
     if (extraRequestInfo.connectTiming) {
@@ -1630,6 +1632,10 @@ export class NetworkRequest extends Common.ObjectWrapper.ObjectWrapper<EventType
     this.#appliedNetworkConditionsId = appliedNetworkConditionsId;
   }
 
+  getDeviceBoundSessionUsages(): Protocol.Network.DeviceBoundSessionWithUsage[] {
+    return this.#deviceBoundSessionUsages;
+  }
+
   hasExtraRequestInfo(): boolean {
     return this.#hasExtraRequestInfo;
   }
@@ -2151,6 +2157,7 @@ export interface ExtraRequestInfo {
   blockedRequestCookies: Array<{blockedReasons: Protocol.Network.CookieBlockedReason[], cookie: Cookie}>;
   requestHeaders: NameValue[];
   includedRequestCookies: IncludedCookieWithReason[];
+  deviceBoundSessionUsages?: Protocol.Network.DeviceBoundSessionWithUsage[];
   clientSecurityState?: Protocol.Network.ClientSecurityState;
   connectTiming: Protocol.Network.ConnectTiming;
   siteHasCookieInOtherPartition?: boolean;

package/front_end/core/sdk/SourceMapScopesInfo.ts

@@ -190,7 +190,8 @@ export class SourceMapScopesInfo {
   }
 
   isEmpty(): boolean {
-    return !this.#originalScopes.length && !this.#generatedRanges.length;
+    const noScopes = this.#originalScopes.every(scope => scope === null);
+    return noScopes && !this.#generatedRanges.length;
   }
 
   addOriginalScopesAtIndex(sourceIdx: number, scope: ScopesCodec.OriginalScope): void {

package/front_end/generated/SupportedCSSProperties.js

@@ -3925,6 +3925,13 @@ export const generatedProperties = [
   ],
   "name": "rule-style"
  },
+ {
+  "longhands": [
+   "column-rule-visibility-items",
+   "row-rule-visibility-items"
+  ],
+  "name": "rule-visibility-items"
+ },
  {
   "longhands": [
    "column-rule-width",

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

@@ -309,6 +309,12 @@ export abstract class AiAgent<T> {
   constructor(opts: AgentOptions) {
     this.#aidaClient = opts.aidaClient;
     this.#serverSideLoggingEnabled = opts.serverSideLoggingEnabled ?? false;
+    // Disable logging for now.
+    // For context, see b/454563259#comment35.
+    // We should be able to remove this ~end of April.
+    if (Root.Runtime.hostConfig.devToolsGeminiRebranding?.enabled) {
+      this.#serverSideLoggingEnabled = false;
+    }
     this.#sessionId = opts.sessionId ?? crypto.randomUUID();
     this.confirmSideEffect = opts.confirmSideEffectForTest ?? (() => Promise.withResolvers());
   }

package/front_end/models/ai_code_generation/AiCodeGeneration.ts

@@ -54,6 +54,12 @@ export class AiCodeGeneration {
   constructor(opts: Options) {
     this.#aidaClient = opts.aidaClient;
     this.#serverSideLoggingEnabled = opts.serverSideLoggingEnabled ?? false;
+    // Disable logging for now.
+    // For context, see b/454563259#comment35.
+    // We should be able to remove this ~end of April.
+    if (Root.Runtime.hostConfig.devToolsGeminiRebranding?.enabled) {
+      this.#serverSideLoggingEnabled = false;
+    }
   }
 
   #buildRequest(

package/front_end/models/javascript_metadata/NativeFunctions.js

@@ -7189,6 +7189,10 @@ export const NativeFunctions = [
     name: "setMenuListOptionsBoundsInAXTree",
     signatures: [["options_bounds","children_updated"]]
   },
+  {
+    name: "debugLog",
+    signatures: [["message"]]
+  },
   {
     name: "allowsFeature",
     signatures: [["feature","?origin"]]

package/front_end/models/source_map_scopes/NamesResolver.ts

@@ -3,7 +3,6 @@
 // found in the LICENSE file.
 
 import * as Common from '../../core/common/common.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 Bindings from '../bindings/bindings.js';
@@ -366,17 +365,15 @@ const resolveScope = async(script: SDK.Script.Script, scopeChain: Formatter.Form
 export const resolveScopeChain =
     async function(callFrame: SDK.DebuggerModel.CallFrame): Promise<SDK.DebuggerModel.ScopeChainEntry[]> {
   const {pluginManager} = Bindings.DebuggerWorkspaceBinding.DebuggerWorkspaceBinding.instance();
-  let scopeChain: SDK.DebuggerModel.ScopeChainEntry[]|null|undefined = await pluginManager.resolveScopeChain(callFrame);
+  const scopeChain: SDK.DebuggerModel.ScopeChainEntry[]|null|undefined =
+      await pluginManager.resolveScopeChain(callFrame);
   if (scopeChain) {
     return scopeChain;
   }
 
-  scopeChain = Root.Runtime.experiments.isEnabled(Root.ExperimentNames.ExperimentName.USE_SOURCE_MAP_SCOPES) ?
-      callFrame.script.sourceMap()?.resolveScopeChain(callFrame) :
-      null;
-  if (scopeChain) {
-    return scopeChain;
-  }
+  // TODO(crbug.com/465968290): Re-enable creating the scope chain from the source map once:
+  //    1) We have a flag indicating whether the source map contained variable/binding information.
+  //    2) We have a chrome feature flag.
 
   if (callFrame.script.isWasm()) {
     return callFrame.scopeChain();

package/front_end/panels/ai_assistance/AiAssistancePanel.ts

@@ -204,7 +204,16 @@ const UIStringsNotTranslate = {
    */
   inputDisclaimerForPerformanceEnterpriseNoLogging:
       'Chat messages and data from your performance trace are sent to Google. The content you submit and that is generated by this feature will not be used to improve Google’s AI models. This is an experimental AI feature and won’t always get it right.',
-
+  /**
+   * @description Disclaimer text right after the chat input.
+   */
+  inputDisclaimerForNoContext:
+      'Chat messages, any data the inspected page can see using Web APIs, and the items you select such as files, network requests, and performance traces 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.',
+  /**
+   * @description Disclaimer text right after the chat input.
+   */
+  inputDisclaimerForNoContextEnterpriseNoLogging:
+      'Chat messages, any data the inspected page can see using Web APIs, and the items you select such as files, network requests, and performance traces are sent to Google. This data will not be used to improve Google’s AI models. This is an experimental AI feature and won’t always get it right.',
 } as const;
 
 const str_ = i18n.i18n.registerUIStrings('panels/ai_assistance/AiAssistancePanel.ts', UIStrings);
@@ -1037,7 +1046,10 @@ export class AiAssistancePanel extends UI.Panel.Panel {
         return lockedString(UIStringsNotTranslate.inputDisclaimerForPerformance);
 
       case AiAssistanceModel.AiHistoryStorage.ConversationType.NONE:
-        return lockedString(UIStringsNotTranslate.inputDisclaimerForPerformance);
+        if (noLogging) {
+          return lockedString(UIStringsNotTranslate.inputDisclaimerForNoContextEnterpriseNoLogging);
+        }
+        return lockedString(UIStringsNotTranslate.inputDisclaimerForNoContext);
     }
   }
 

package/front_end/panels/application/DeviceBoundSessionsTreeElement.ts

@@ -6,6 +6,7 @@ import type * 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 {createIcon} from '../../ui/kit/kit.js';
+import * as UI from '../../ui/legacy/legacy.js';
 
 import {ApplicationPanelTreeElement} from './ApplicationPanelTreeElement.js';
 import {
@@ -46,6 +47,16 @@ const UIStrings = {
    * linked to a session.
    */
   noSession: 'No session',
+  /**
+   *@description Tooltip text for a terminated session.
+   *@example {session_1} sessionName
+   */
+  terminatedSession: '{sessionName}, Session terminated',
+  /**
+   *@description Tooltip text for a session with errors.
+   *@example {session_1} sessionName
+   */
+  sessionWithErrors: '{sessionName}, Session has errors',
 } as const;
 
 const str_ = i18n.i18n.registerUIStrings('panels/application/DeviceBoundSessionsTreeElement.ts', UIStrings);
@@ -122,13 +133,23 @@ export class RootTreeElement extends ApplicationPanelTreeElement {
 
   #updateElementIconAndStyling(
       sessionElement: ApplicationPanelTreeElement, isSessionTerminated: boolean, sessionHasErrors: boolean): void {
+    const title = sessionElement.title as string;
     if (isSessionTerminated) {
       sessionElement.listItemElement.classList.add('device-bound-session-terminated');
       sessionElement.setLeadingIcons([createIcon('database-off')]);
+      const terminatedTitle = i18nString(UIStrings.terminatedSession, {sessionName: title});
+      UI.ARIAUtils.setLabel(sessionElement.listItemElement, terminatedTitle);
       return;
     }
     sessionElement.listItemElement.classList.remove('device-bound-session-terminated');
-    sessionElement.setLeadingIcons([createIcon(sessionHasErrors ? 'warning' : 'database')]);
+    if (sessionHasErrors) {
+      sessionElement.setLeadingIcons([createIcon('warning')]);
+      const errorTitle = i18nString(UIStrings.sessionWithErrors, {sessionName: title});
+      UI.ARIAUtils.setLabel(sessionElement.listItemElement, errorTitle);
+    } else {
+      sessionElement.setLeadingIcons([createIcon('database')]);
+      UI.ARIAUtils.setLabel(sessionElement.listItemElement, title);
+    }
   }
 
   #updateIconAndStyling(site: string, sessionId: string|undefined): void {

package/front_end/panels/application/DeviceBoundSessionsView.ts

@@ -125,6 +125,10 @@ const UIStrings = {
    *@description Section header for details about an event.
    */
   eventDetails: 'Event details',
+  /**
+   *@description Accessible label for the main area containing session details.
+   */
+  sessionDetails: 'Session details',
   /**
    *@description Placeholder text when no row is selected in a table of events.
    */
@@ -576,7 +580,8 @@ export const DEFAULT_VIEW = (input: ViewInput, _output: ViewOutput, target: HTML
     const {key, inclusionRules, cookieCravings} = sessionAndEvents.session;
     sessionDetailsHtml = html`
         <devtools-report>
-          <devtools-report-section-header>${i18nString(UIStrings.sessionConfig)}</devtools-report-section-header>
+          <devtools-report-section-header role="heading" aria-level="2">${
+        i18nString(UIStrings.sessionConfig)}</devtools-report-section-header>
           <devtools-report-key>${i18nString(UIStrings.keySite)}</devtools-report-key>
           <devtools-report-value>${key.site}</devtools-report-value>
           <devtools-report-key>${i18nString(UIStrings.keyId)}</devtools-report-key>
@@ -590,7 +595,8 @@ export const DEFAULT_VIEW = (input: ViewInput, _output: ViewOutput, target: HTML
           <devtools-report-value>${sessionAndEvents.session.cachedChallenge || ''}</devtools-report-value>
           <devtools-report-key>${i18nString(UIStrings.allowedRefreshInitiators)}</devtools-report-key>
           <devtools-report-value>${sessionAndEvents.session.allowedRefreshInitiators.join(', ')}</devtools-report-value>
-          <devtools-report-section-header>${i18nString(UIStrings.scope)}</devtools-report-section-header>
+          <devtools-report-section-header role="heading" aria-level="2">${
+        i18nString(UIStrings.scope)}</devtools-report-section-header>
           <devtools-report-key>${i18nString(UIStrings.origin)}</devtools-report-key>
           <devtools-report-value>${inclusionRules.origin}</devtools-report-value>
           <devtools-report-key>${i18nString(UIStrings.includeSite)}</devtools-report-key>
@@ -599,13 +605,14 @@ export const DEFAULT_VIEW = (input: ViewInput, _output: ViewOutput, target: HTML
         ${
         inclusionRules.urlRules.length > 0 ? html`
           <div class="device-bound-session-grid-wrapper">
-            <devtools-data-grid class="device-bound-session-url-rules-grid" striped inline>
+            <devtools-data-grid class="device-bound-session-url-rules-grid" striped inline name=${
+                                                 i18nString(UIStrings.scope)}>
               <table>
                 <thead>
                   <tr>
-                    <th id="should-include" weight="1" sortable>${i18nString(UIStrings.ruleType)}</th>
-                    <th id="host-pattern" weight="2" sortable>${i18nString(UIStrings.ruleHostPattern)}</th>
-                    <th id="path-prefix" weight="2" sortable>${i18nString(UIStrings.rulePathPrefix)}</th>
+                    <th id="should-include" sortable>${i18nString(UIStrings.ruleType)}</th>
+                    <th id="host-pattern" sortable>${i18nString(UIStrings.ruleHostPattern)}</th>
+                    <th id="path-prefix" sortable>${i18nString(UIStrings.rulePathPrefix)}</th>
                   </tr>
                 </thead>
                 <tbody>
@@ -622,22 +629,22 @@ export const DEFAULT_VIEW = (input: ViewInput, _output: ViewOutput, target: HTML
           </div>
         ` :
                                              nothing}
-        <devtools-report-section-header>${i18nString(UIStrings.cookieCravings)}</devtools-report-section-header>
+        <devtools-report-section-header role="heading" aria-level="2">${
+        i18nString(UIStrings.cookieCravings)}</devtools-report-section-header>
         ${
         cookieCravings.length > 0 ? html`
           <div class="device-bound-session-grid-wrapper">
-            <devtools-data-grid class="device-bound-session-cookie-cravings-grid" striped inline>
+            <devtools-data-grid class="device-bound-session-cookie-cravings-grid" striped inline name=${
+                                        i18nString(UIStrings.cookieCravings)}>
               <table>
                 <thead>
                   <tr>
-                    <th id="name" weight="2" sortable>${i18nString(UIStrings.name)}</th>
-                    <th id="domain" weight="2" sortable>${i18n.i18n.lockedString('Domain')}</th>
-                    <th id="path" weight="2" sortable>${i18n.i18n.lockedString('Path')}</th>
-                    <th id="secure" type="boolean" align="center" weight="1" sortable>${
-                                        i18n.i18n.lockedString('Secure')}</th>
-                    <th id="http-only" type="boolean" align="center" weight="1" sortable>${
-                                        i18n.i18n.lockedString('HttpOnly')}</th>
-                    <th id="same-site" weight="1" sortable>${i18n.i18n.lockedString('SameSite')}</th>
+                    <th id="name" sortable>${i18nString(UIStrings.name)}</th>
+                    <th id="domain" sortable>${i18n.i18n.lockedString('Domain')}</th>
+                    <th id="path" sortable>${i18n.i18n.lockedString('Path')}</th>
+                    <th id="secure" type="boolean" align="center" sortable>${i18n.i18n.lockedString('Secure')}</th>
+                    <th id="http-only" type="boolean" align="center" sortable>${i18n.i18n.lockedString('HttpOnly')}</th>
+                    <th id="same-site" sortable>${i18n.i18n.lockedString('SameSite')}</th>
                   </tr>
                 </thead>
                 <tbody>
@@ -660,27 +667,28 @@ export const DEFAULT_VIEW = (input: ViewInput, _output: ViewOutput, target: HTML
   }
   const events = [...sessionAndEvents.eventsById.values()];
   const eventsHtml = html`
-      <devtools-report-section-header>${i18nString(UIStrings.events)}</devtools-report-section-header>
+      <devtools-report-section-header role="heading" aria-level="2">${
+      i18nString(UIStrings.events)}</devtools-report-section-header>
           ${
       events.length > 0 && onEventRowSelected ?
           html`
             <div class="device-bound-session-grid-wrapper">
-                <devtools-data-grid class="device-bound-session-events-grid" striped inline ${
-              Directives.ref((el?: Element) => {
-                if (!el || !(el instanceof HTMLElement)) {
-                  return;
-                }
-                const grid = el as HTMLElement & {deselectRow(): void};
-                if (!selectedEvent) {
-                  grid.deselectRow();
-                }
-              })}>
+                <devtools-data-grid class="device-bound-session-events-grid" striped inline name=${
+              i18nString(UIStrings.events)} ${Directives.ref((el?: Element) => {
+            if (!el || !(el instanceof HTMLElement)) {
+              return;
+            }
+            const grid = el as HTMLElement & {deselectRow(): void};
+            if (!selectedEvent) {
+              grid.deselectRow();
+            }
+          })}>
                 <table>
                   <thead>
                     <tr>
-                      <th id="type" weight="1" sortable>${i18nString(UIStrings.type)}</th>
-                      <th id="timestamp" weight="2" sortable>${i18nString(UIStrings.timestamp)}</th>
-                      <th id="details" weight="2" sortable>${i18nString(UIStrings.result)}</th>
+                      <th id="type" sortable>${i18nString(UIStrings.type)}</th>
+                      <th id="timestamp" sortable>${i18nString(UIStrings.timestamp)}</th>
+                      <th id="details" sortable>${i18nString(UIStrings.result)}</th>
                     </tr>
                   </thead>
                   <tbody>${events.map(({event, timestamp}) => html`
@@ -764,7 +772,8 @@ export const DEFAULT_VIEW = (input: ViewInput, _output: ViewOutput, target: HTML
     ` :
       html`<div class="device-bound-session-no-event-details">${i18nString(UIStrings.selectEventToViewDetails)}</div>`;
   const eventDetailsHtml = html`
-      <devtools-report-section-header>${i18nString(UIStrings.eventDetails)}</devtools-report-section-header>
+      <devtools-report-section-header role="heading" aria-level="2">${
+      i18nString(UIStrings.eventDetails)}</devtools-report-section-header>
       ${eventDetailsContentHtml}
   `;
 
@@ -774,11 +783,13 @@ export const DEFAULT_VIEW = (input: ViewInput, _output: ViewOutput, target: HTML
         <style>${deviceBoundSessionsViewStyles}</style>
         ${toolbarHtml}
         <devtools-split-view sidebar-position="second">
-          <div slot="main" class="device-bound-session-view-wrapper">
+          <div slot="main" class="device-bound-session-view-wrapper" role="region" aria-label=${
+          i18nString(UIStrings.sessionDetails)}>
             ${sessionDetailsHtml || nothing}
             ${eventsHtml}
           </div>
-          <div slot="sidebar" class="device-bound-session-sidebar">
+          <div slot="sidebar" class="device-bound-session-sidebar" role="region" aria-label=${
+          i18nString(UIStrings.eventDetails)}>
             ${eventDetailsHtml}
           </div>
         </devtools-split-view>`,

package/front_end/panels/application/deviceBoundSessionsView.css

@@ -4,7 +4,7 @@
  * found in the LICENSE file.
  */
 .device-bound-session-grid-wrapper {
-  padding: 0 20px 5px;
+  margin: 0 20px 5px;
 }
 
 .device-bound-session-grid-wrapper devtools-data-grid {

package/front_end/panels/common/AiCodeGenerationUpgradeDialog.ts

@@ -55,9 +55,10 @@ const UIStringsNotTranslate = {
 const lockedString = i18n.i18n.lockedString;
 
 export class AiCodeGenerationUpgradeDialog {
-  static show({noLogging}: {noLogging: boolean}): void {
+  static show({noLogging}: {noLogging: boolean}): Promise<boolean> {
     const dialog = new UI.Dialog.Dialog();
     dialog.setAriaLabel(lockedString(UIStringsNotTranslate.codeCompletionJustGotBetter));
+    const result = Promise.withResolvers<boolean>();
     // clang-format off
     Lit.render(html`
       <div class="ai-code-generation-upgrade-dialog">
@@ -96,7 +97,8 @@ export class AiCodeGenerationUpgradeDialog {
           <div class="right-buttons">
             <devtools-button
               @click=${() => {
-                void UI.ViewManager.ViewManager.instance().showView('chrome-ai');
+                  result.resolve(true);
+                  void UI.ViewManager.ViewManager.instance().showView('chrome-ai');
                 }}
               jslogcontext="ai-code-generation-upgrade-dialog.manage-in-settings"
               .variant=${Buttons.Button.Variant.OUTLINED}
@@ -105,6 +107,7 @@ export class AiCodeGenerationUpgradeDialog {
             </devtools-button>
             <devtools-button
               @click=${() => {
+                  result.resolve(true);
                   dialog.hide();
                 }}
               jslogcontext="ai-code-generation-upgrade-dialog.continue"
@@ -117,13 +120,18 @@ export class AiCodeGenerationUpgradeDialog {
     // clang-format on
 
     dialog.setOutsideClickCallback(ev => {
-      ev.consume(true);  // true = preventDefault()
-      dialog.hide();
+      ev.consume(true);
+    });
+
+    dialog.setOnHideCallback(() => {
+      result.resolve(false);
     });
 
     dialog.setSizeBehavior(UI.GlassPane.SizeBehavior.MEASURE_CONTENT);
     dialog.setDimmed(true);
     dialog.show();
+
+    return result.promise;
   }
 
   private constructor() {

package/front_end/panels/common/GeminiRebrandPromoDialog.ts

@@ -81,7 +81,7 @@ export const DEFAULT_VIEW: View = (input, _output, target): void => {
             .variant=${Buttons.Button.Variant.ICON}
             .size=${Buttons.Button.Size.REGULAR}
             .title=${i18nString(UIStrings.dismiss)}
-            jslog=${VisualLogging.close().track({click: true})}
+            jslog=${VisualLogging.close().track({click: true}).context('gemini-promo-dismiss')}
             @click=${() => input.onCancelClick()}
           ></devtools-button>
         </div>
@@ -111,11 +111,11 @@ export const DEFAULT_VIEW: View = (input, _output, target): void => {
       <div class="buttons">
         <devtools-button
           .variant=${Buttons.Button.Variant.OUTLINED}
-          .jslogContext=${'cancel'}
+          jslog=${VisualLogging.close().track({click: true}).context('gemini-promo-dismiss')}
           @click=${input.onCancelClick}>${i18nString(UIStrings.dismiss)}</devtools-button>
         <devtools-button
           .variant=${Buttons.Button.Variant.PRIMARY}
-          .jslogContext=${'get-started'}
+          .jslogContext=${'gemini-promo-get-started'}
           @click=${input.onGetStartedClick}>${i18nString(UIStrings.getStarted)}</devtools-button>
       </div>
     `,
@@ -160,7 +160,7 @@ export class GeminiRebrandPromoDialog extends UI.Widget.VBox {
   }
 
   static show(): void {
-    const dialog = new UI.Dialog.Dialog('gemini-rebranding-dialog');
+    const dialog = new UI.Dialog.Dialog('gemini-promo-dialog');
     dialog.setAriaLabel(i18nString(UIStrings.dialogAriaLabel));
     dialog.setMaxContentSize(new Geometry.Size(384, 500));
     dialog.setSizeBehavior(UI.GlassPane.SizeBehavior.SET_EXACT_WIDTH_MAX_HEIGHT);
@@ -181,7 +181,7 @@ export class GeminiRebrandPromoDialog extends UI.Widget.VBox {
     }
 
     const setting = Common.Settings.Settings.instance().createSetting<boolean>(
-        'gemini-rebranding-dialog-shown', false, Common.Settings.SettingStorageType.SYNCED);
+        'gemini-promo-dialog-shown', false, Common.Settings.SettingStorageType.SYNCED);
     if (setting.get()) {
       return;
     }

package/front_end/panels/network/NetworkItemView.ts

@@ -21,6 +21,7 @@ import * as VisualLogging from '../../ui/visual_logging/visual_logging.js';
 import * as NetworkComponents from './components/components.js';
 import {EventSourceMessagesView} from './EventSourceMessagesView.js';
 import {RequestCookiesView} from './RequestCookiesView.js';
+import {RequestDeviceBoundSessionsView} from './RequestDeviceBoundSessionsView.js';
 import {RequestInitiatorView} from './RequestInitiatorView.js';
 import {RequestPayloadView} from './RequestPayloadView.js';
 import {RequestPreviewView} from './RequestPreviewView.js';
@@ -114,6 +115,17 @@ const UIStrings = {
    * @description Text for web cookies
    */
   cookies: 'Cookies',
+  /**
+   * @description Title of the Device Bound Sessions tab in the Network panel. A
+   * website may decide to create a session for a user, for example when the user
+   * logs in. They can use a protocol to make it a "device bound session". That
+   * means that when the session expires, it is only possible for it to be
+   * extended on the device it was created on. Thus the session is considered
+   * to be bound to that device. For more details on the protocol, see
+   * https://github.com/w3c/webappsec-dbsc/blob/main/README.md and
+   * https://w3c.github.io/webappsec-dbsc/.
+   */
+  deviceBoundSessions: 'Device bound sessions',
   /**
    * @description Text in Network Item View of the Network panel
    */
@@ -140,6 +152,7 @@ export class NetworkItemView extends UI.TabbedPane.TabbedPane {
   #payloadView: RequestPayloadView|null = null;
   readonly #responseView: RequestResponseView|undefined;
   #cookiesView: RequestCookiesView|null = null;
+  #deviceBoundSessionsView: RequestDeviceBoundSessionsView|null = null;
   #initialTab?: NetworkForward.UIRequestLocation.UIRequestTabs;
   readonly #firstTab: NetworkForward.UIRequestLocation.UIRequestTabs;
 
@@ -253,10 +266,10 @@ export class NetworkItemView extends UI.TabbedPane.TabbedPane {
     super.wasShown();
     this.#request.addEventListener(SDK.NetworkRequest.Events.REQUEST_HEADERS_CHANGED, this.requestHeadersChanged, this);
     this.#request.addEventListener(
-        SDK.NetworkRequest.Events.RESPONSE_HEADERS_CHANGED, this.maybeAppendCookiesPanel, this);
+        SDK.NetworkRequest.Events.RESPONSE_HEADERS_CHANGED, this.maybeAppendCookieResponsePanels, this);
     this.#request.addEventListener(
         SDK.NetworkRequest.Events.TRUST_TOKEN_RESULT_ADDED, this.maybeShowErrorIconInTrustTokenTabHeader, this);
-    this.maybeAppendCookiesPanel();
+    this.maybeAppendCookieResponsePanels();
     this.maybeShowErrorIconInTrustTokenTabHeader();
 
     // Only select the initial tab the first time the view is shown after construction.
@@ -283,7 +296,7 @@ export class NetworkItemView extends UI.TabbedPane.TabbedPane {
     this.#request.removeEventListener(
         SDK.NetworkRequest.Events.REQUEST_HEADERS_CHANGED, this.requestHeadersChanged, this);
     this.#request.removeEventListener(
-        SDK.NetworkRequest.Events.RESPONSE_HEADERS_CHANGED, this.maybeAppendCookiesPanel, this);
+        SDK.NetworkRequest.Events.RESPONSE_HEADERS_CHANGED, this.maybeAppendCookieResponsePanels, this);
     this.#request.removeEventListener(
         SDK.NetworkRequest.Events.TRUST_TOKEN_RESULT_ADDED, this.maybeShowErrorIconInTrustTokenTabHeader, this);
   }
@@ -293,6 +306,11 @@ export class NetworkItemView extends UI.TabbedPane.TabbedPane {
     void this.maybeAppendPayloadPanel();
   }
 
+  private maybeAppendCookieResponsePanels(): void {
+    this.maybeAppendCookiesPanel();
+    this.maybeAppendDeviceBoundSessionsPanel();
+  }
+
   private maybeAppendCookiesPanel(): void {
     const cookiesPresent = this.#request.hasRequestCookies() || this.#request.responseCookies.length > 0;
     console.assert(cookiesPresent || !this.#cookiesView, 'Cookies were introduced in headers and then removed!');
@@ -311,6 +329,17 @@ export class NetworkItemView extends UI.TabbedPane.TabbedPane {
     }
   }
 
+  private maybeAppendDeviceBoundSessionsPanel(): void {
+    const deviceBoundSessionsPresent = this.#request.getDeviceBoundSessionUsages().length > 0;
+    if (deviceBoundSessionsPresent && !this.#deviceBoundSessionsView) {
+      this.#deviceBoundSessionsView = new RequestDeviceBoundSessionsView(this.#request);
+      this.appendTab(
+          NetworkForward.UIRequestLocation.UIRequestTabs.DEVICE_BOUND_SESSIONS,
+          i18nString(UIStrings.deviceBoundSessions), this.#deviceBoundSessionsView,
+          i18nString(UIStrings.deviceBoundSessions));
+    }
+  }
+
   private async maybeAppendPayloadPanel(): Promise<void> {
     if (this.hasTab('payload')) {
       return;