chrome-devtools-frontend 1.0.1642845 → 1.0.1643099

package/front_end/ui/legacy/Widget.ts

@@ -118,13 +118,31 @@ function cancelUpdate(widget: AnyWidget): void {
   }
 }
 
+function resolveOverallUpdatePromise(): void {
+  if (currentlyProcessed.size === 0 && (!currentUpdateQueue || currentUpdateQueue.size === 0) &&
+      nextUpdateQueue.size === 0 && !pendingAnimationFrame && overallUpdatePromise) {
+    overallUpdatePromise.resolve();
+    overallUpdatePromise = null;
+  }
+}
+
 function runNextUpdate(): void {
   pendingAnimationFrame = null;
   if (!currentUpdateQueue) {
     currentUpdateQueue = nextUpdateQueue;
     nextUpdateQueue = new Map();
   }
-  for (const [widget, {resolve}] of currentUpdateQueue) {
+  for (const [widget, update] of currentUpdateQueue) {
+    if (currentlyProcessed.has(widget)) {
+      const scheduledUpdate = nextUpdateQueue.get(widget);
+      if (!scheduledUpdate) {
+        nextUpdateQueue.set(widget, update);
+      } else {
+        void scheduledUpdate.promise.then(update.resolve);
+      }
+      continue;
+    }
+    const {resolve} = update;
     currentlyProcessed.add(widget);
     void (async () => {
       try {
@@ -132,7 +150,17 @@ function runNextUpdate(): void {
         widget.addUpdateController(controller);
         await widget.performUpdate(controller.signal);
       } finally {
-        resolve();
+        currentlyProcessed.delete(widget);
+        const nextUpdate = nextUpdateQueue.get(widget);
+        if (nextUpdate) {
+          void nextUpdate.promise.then(resolve);
+          if (pendingAnimationFrame === null) {
+            pendingAnimationFrame = requestAnimationFrame(runNextUpdate);
+          }
+        } else {
+          resolve();
+        }
+        resolveOverallUpdatePromise();
       }
     })().catch(e => {
       if (e.name !== 'AbortError') {
@@ -146,11 +174,7 @@ function runNextUpdate(): void {
       runNextUpdate();
     } else {
       currentUpdateQueue = null;
-      currentlyProcessed.clear();
-      if (!pendingAnimationFrame && overallUpdatePromise) {
-        overallUpdatePromise.resolve();
-        overallUpdatePromise = null;
-      }
+      resolveOverallUpdatePromise();
     }
   });
 }
@@ -545,7 +569,7 @@ export class Widget<ContentTypeT extends HTMLElement|DocumentFragment = HTMLElem
   }
 
   static get allUpdatesComplete(): Promise<void> {
-    if (!pendingAnimationFrame && !currentUpdateQueue) {
+    if (!pendingAnimationFrame && !currentUpdateQueue && currentlyProcessed.size === 0) {
       return Promise.resolve();
     }
     if (!overallUpdatePromise) {

package/front_end/ui/legacy/components/cookie_table/CookiesTable.ts

@@ -34,6 +34,7 @@
  * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  */
 import '../data_grid/data_grid.js';
+import '../../../components/buttons/buttons.js';
 
 import * as Common from '../../../../core/common/common.js';
 import * as i18n from '../../../../core/i18n/i18n.js';
@@ -43,12 +44,15 @@ import type * as Protocol from '../../../../generated/protocol.js';
 import * as IssuesManager from '../../../../models/issues_manager/issues_manager.js';
 import * as NetworkForward from '../../../../panels/network/forward/forward.js';
 import {Icon} from '../../../kit/kit.js';
-import {Directives, html, render} from '../../../lit/lit.js';
+import {Directives, html, nothing, render} from '../../../lit/lit.js';
 import * as UI from '../../legacy.js';
+import dataGridAiButtonStyles from '../data_grid/dataGridAiButton.css.js';
 
 import cookiesTableStyles from './cookiesTable.css.js';
 
-interface ViewInput {
+const STORAGE_FLOATING_BUTTON_ACTION_ID = 'ai-assistance.storage-floating-button';
+
+export interface ViewInput {
   data: CookieData[];
   selectedKey?: string;
   editable?: boolean;
@@ -61,6 +65,9 @@ interface ViewInput {
   onDelete: (data: CookieData) => void;
   onContextMenu: (data: CookieData, menu: UI.ContextMenu.ContextMenu) => void;
   onSelect: (key: string|undefined) => void;
+  showAiButton?: boolean;
+  aiButtonTitle?: string;
+  onAiButtonClick?: (cookie: CookieData, event: Event) => void;
 }
 type ViewFunction = (input: ViewInput, output: object, target: HTMLElement) => void;
 type AttributeWithIcon = SDK.Cookie.Attribute.NAME|SDK.Cookie.Attribute.VALUE|SDK.Cookie.Attribute.DOMAIN|
@@ -219,6 +226,7 @@ export class CookiesTable extends UI.Widget.VBox {
                @deselect=${() => input.onSelect(undefined)}
           >
             <table>
+              ${input.showAiButton ? html`<style>${dataGridAiButtonStyles}</style>` : nothing}
                <tr>
                  <th id=${SDK.Cookie.Attribute.NAME} sortable ?disclosure=${input.editable} ?editable=${input.editable} long weight="24">
                    ${i18nString(UIStrings.name)}
@@ -275,7 +283,15 @@ export class CookiesTable extends UI.Widget.VBox {
                     @delete=${()=> input.onDelete(cookie)}
                     @contextmenu=${(e: CustomEvent<UI.ContextMenu.ContextMenu>) => input.onContextMenu(cookie, e.detail)}
                     @select=${() => input.onSelect(cookie.key)}>
-                  <td>${cookie.icons?.name}${cookie.name}</td>
+                  <td>${input.showAiButton && !Boolean(cookie['http-only']) ? html`
+                      <span class="ai-button-container">
+                        <devtools-floating-button
+                          icon-name=${Root.Runtime.hostConfig.devToolsGeminiRebranding?.enabled ? 'spark' : 'smart-assistant'}
+                          title=${ifDefined(input.aiButtonTitle)}
+                          @click=${(e: Event) => input.onAiButtonClick?.(cookie, e)}
+                        ></devtools-floating-button>
+                      </span>
+                    ` : nothing}${cookie.icons?.name}${cookie.name}</td>
                   <td>${cookie.value}</td>
                   <td>${cookie.icons?.domain}${cookie.domain}</td>
                   <td>${cookie.icons?.path}${cookie.path}</td>
@@ -404,6 +420,19 @@ export class CookiesTable extends UI.Widget.VBox {
       onDelete: this.onDeleteCookie.bind(this),
       onSelect: this.onSelect.bind(this),
       onContextMenu: this.populateContextMenu.bind(this),
+      showAiButton: this.isAiButtonEnabled(),
+      aiButtonTitle: this.isAiButtonEnabled() &&
+              UI.ActionRegistry.ActionRegistry.instance().hasAction(STORAGE_FLOATING_BUTTON_ACTION_ID) ?
+          UI.ActionRegistry.ActionRegistry.instance().getAction(STORAGE_FLOATING_BUTTON_ACTION_ID).title() :
+          undefined,
+      onAiButtonClick: (cookie: CookieData, event: Event) => {
+        event.stopPropagation();
+        this.onSelect(cookie.key);
+        const actionRegistry = UI.ActionRegistry.ActionRegistry.instance();
+        if (actionRegistry.hasAction(STORAGE_FLOATING_BUTTON_ACTION_ID)) {
+          void actionRegistry.getAction(STORAGE_FLOATING_BUTTON_ACTION_ID).execute();
+        }
+      },
     };
     const output = {};
     this.view(input, output, this.element);
@@ -414,6 +443,10 @@ export class CookiesTable extends UI.Widget.VBox {
     this.#selectedCallback?.(this.selectedCookie());
   }
 
+  private isAiButtonEnabled(): boolean {
+    return UI.ActionRegistry.ActionRegistry.instance().hasAction(STORAGE_FLOATING_BUTTON_ACTION_ID);
+  }
+
   private onDeleteCookie(data: CookieData): void {
     const cookie = this.cookies.find(cookie => cookie.key() === data.key);
     if (cookie && this.#deleteCallback) {

package/front_end/ui/legacy/components/data_grid/dataGridAiButton.css

@@ -0,0 +1,20 @@
+/*
+ * Copyright 2026 The Chromium Authors
+ * Use of this source code is governed by a BSD-style license that can be
+ * found in the LICENSE file.
+ */
+
+.data-grid-data-grid-node .ai-button-container {
+  display: none;
+  float: right;
+
+  devtools-floating-button {
+    position: absolute;
+    z-index: 999;
+    margin-left: -17px;
+  }
+}
+
+.data-grid-data-grid-node:hover .ai-button-container {
+  display: inline-flex;
+}

package/front_end/ui/legacy/components/utils/Linkifier.ts

@@ -399,7 +399,12 @@ export class Linkifier extends Common.ObjectWrapper.ObjectWrapper<EventTypes> im
       jslogContext: options?.jslogContext || 'script-location',
       omitOrigin: options?.omitOrigin,
     } satisfies LinkifyURLOptions;
-    const fallbackAnchor = Linkifier.linkifyURL(frame.url as Platform.DevToolsPath.UrlString, linkifyURLOptions);
+    const fallbackOptions = {
+      ...linkifyURLOptions,
+      showColumnNumber: frame.isWasm || Boolean(options?.showColumnNumber),
+      omitLineAndRenderColumnAsHex: frame.isWasm,
+    };
+    const fallbackAnchor = Linkifier.linkifyURL(frame.url as Platform.DevToolsPath.UrlString, fallbackOptions);
     if (!frame.uiSourceCode) {
       const isIgnoreListed = (options?.ignoreListManager ?? Workspace.IgnoreListManager.IgnoreListManager.instance())
                                  .isUserIgnoreListedURL(frame.url as Platform.DevToolsPath.UrlString);
@@ -602,6 +607,11 @@ export class Linkifier extends Common.ObjectWrapper.ObjectWrapper<EventTypes> im
     const maxLength = options.maxLength || UI.UIUtils.MaxLengthForDisplayedURLs;
     const bypassURLTrimming = options.bypassURLTrimming;
     const omitOrigin = options.omitOrigin;
+    const omitLineAndRenderColumnAsHex = options.omitLineAndRenderColumnAsHex;
+
+    if (omitLineAndRenderColumnAsHex && showColumnNumber === false) {
+      throw new Error('omitLineAndRenderColumnAsHex requires showColumnNumber to not be explicitly false');
+    }
 
     if (!url || Common.ParsedURL.schemeIs(url, 'javascript:')) {
       // clang-format off
@@ -619,7 +629,11 @@ export class Linkifier extends Common.ObjectWrapper.ObjectWrapper<EventTypes> im
       }
     }
 
-    if (typeof lineNumber === 'number' && !text) {
+    if (omitLineAndRenderColumnAsHex && !text) {
+      if (typeof columnNumber === 'number') {
+        linkText += ':0x' + columnNumber.toString(16);
+      }
+    } else if (typeof lineNumber === 'number' && !text) {
       linkText += ':' + (lineNumber + 1);
       if (showColumnNumber && typeof columnNumber === 'number') {
         linkText += ':' + (columnNumber + 1);
@@ -947,7 +961,7 @@ export class Linkifier extends Common.ObjectWrapper.ObjectWrapper<EventTypes> im
     }
 
     for (const registration of linkHandlers.values().filter(r => r.handler)) {
-      const {title, handler, shouldHandleOpenResource} = registration;
+      const {title, origin, handler, shouldHandleOpenResource} = registration;
       if (url && !shouldHandleOpenResource(url, specificSchemeHandlers)) {
         continue;
       }
@@ -957,7 +971,7 @@ export class Linkifier extends Common.ObjectWrapper.ObjectWrapper<EventTypes> im
         jslogContext: 'open-using',
         handler: handler.bind(null, contentProviderOrUrl, lineNumber, columnNumber),
       };
-      if (title === Linkifier.linkHandlerSetting().get()) {
+      if (origin === Linkifier.linkHandlerSetting().get()) {
         result.unshift(action);
       } else {
         result.push(action);
@@ -1182,6 +1196,7 @@ export interface LinkifyURLOptions {
   jslogContext?: string;
   omitOrigin?: boolean;
   onRef?: (el: HTMLElement) => void;
+  omitLineAndRenderColumnAsHex?: boolean;
 }
 
 export interface LinkifyOptions {

package/front_end/ui/visual_logging/KnownContextValues.ts

@@ -362,6 +362,7 @@ export const knownContextValues = new Set([
   'ai-assistance-v2-opt-in-change-dialog-seen',
   'ai-assistance-v2-opt-in.got-it',
   'ai-assistance-v2-opt-in.manage-settings',
+  'ai-assistance.storage-floating-button',
   'ai-code-completion-citations',
   'ai-code-completion-citations.citation-link',
   'ai-code-completion-disclaimer',
@@ -2825,6 +2826,7 @@ export const knownContextValues = new Set([
   'network-record-film-strip-setting',
   'network-request',
   'network-request-general-headers-widget',
+  'network-requests-list-widget',
   'network-resource-type-filters',
   'network-settings',
   'network-show-blocked-cookies-only-setting',
@@ -3679,6 +3681,7 @@ export const knownContextValues = new Set([
   'show-all',
   'show-all-nodes',
   'show-all-properties',
+  'show-all-widget-requests-button',
   'show-as-javascript-object',
   'show-console-insight-teasers',
   'show-content-scripts',

package/mcp/mcp.ts

@@ -48,6 +48,7 @@ export {
   createIssuesFromProtocolIssue,
   Events as IssuesManagerEvents,
   type EventTypes as IssuesManagerEventTypes,
+  isIssueCodeSupported,
   IssuesManager
 } from '../front_end/models/issues_manager/IssuesManager.js';
 export * as MarkdownIssueDescription from '../front_end/models/issues_manager/MarkdownIssueDescription.js';

package/package.json

@@ -92,5 +92,5 @@
     "webidl2": "24.5.0",
     "yargs": "17.7.2"
   },
-  "version": "1.0.1642845"
+  "version": "1.0.1643099"
 }