chrome-devtools-frontend 1.0.1657110 → 1.0.1660788

package/front_end/models/trace_source_maps_resolver/SourceMapsResolver.ts

@@ -8,7 +8,7 @@ import type * as Protocol from '../../generated/protocol.js';
 import * as Bindings from '../bindings/bindings.js';
 import * as SourceMapScopes from '../source_map_scopes/source_map_scopes.js';
 import * as Trace from '../trace/trace.js';
-import * as Workspace from '../workspace/workspace.js';
+import type * as Workspace from '../workspace/workspace.js';
 
 interface ResolvedCodeLocationData {
   name: string|null;
@@ -26,6 +26,9 @@ export class SourceMappingsUpdated extends Event {
 export const resolvedCodeLocationDataNames = new Map<string, ResolvedCodeLocationData|null>();
 
 export class SourceMapsResolver extends EventTarget {
+  readonly #debuggerWorkspaceBinding: Bindings.DebuggerWorkspaceBinding.DebuggerWorkspaceBinding;
+  readonly #targetManager: SDK.TargetManager.TargetManager;
+
   private executionContextNamesByOrigin = new Map<Platform.DevToolsPath.UrlString, string>();
   #parsedTrace: Trace.TraceModel.ParsedTrace;
   #entityMapper: Trace.EntityMapper.EntityMapper|null = null;
@@ -39,10 +42,18 @@ export class SourceMapsResolver extends EventTarget {
   // those workers too.
   #debuggerModelsToListen = new Set<SDK.DebuggerModel.DebuggerModel>();
 
-  constructor(parsedTrace: Trace.TraceModel.ParsedTrace, entityMapper?: Trace.EntityMapper.EntityMapper) {
+  constructor(
+      parsedTrace: Trace.TraceModel.ParsedTrace,
+      entityMapper?: Trace.EntityMapper.EntityMapper,
+      debuggerWorkspaceBinding: Bindings.DebuggerWorkspaceBinding.DebuggerWorkspaceBinding =
+          Bindings.DebuggerWorkspaceBinding.DebuggerWorkspaceBinding.instance(),
+      targetManager: SDK.TargetManager.TargetManager = SDK.TargetManager.TargetManager.instance(),
+  ) {
     super();
     this.#parsedTrace = parsedTrace;
     this.#entityMapper = entityMapper ?? null;
+    this.#debuggerWorkspaceBinding = debuggerWorkspaceBinding;
+    this.#targetManager = targetManager;
   }
 
   static clearResolvedNodeNames(): void {
@@ -85,8 +96,11 @@ export class SourceMapsResolver extends EventTarget {
     return SourceMapsResolver.resolvedCodeLocationForCallFrame(callFrame as Protocol.Runtime.CallFrame);
   }
 
-  static resolvedURLForEntry(parsedTrace: Trace.TraceModel.ParsedTrace, entry: Trace.Types.Events.Event):
-      Platform.DevToolsPath.UrlString|null {
+  static resolvedURLForEntry(
+      parsedTrace: Trace.TraceModel.ParsedTrace,
+      entry: Trace.Types.Events.Event,
+      workspace: Workspace.Workspace.WorkspaceImpl,
+      ): Platform.DevToolsPath.UrlString|null {
     const resolvedCallFrameURL =
         SourceMapsResolver.resolvedCodeLocationForEntry(entry)?.devtoolsLocation?.uiSourceCode.url();
     if (resolvedCallFrameURL) {
@@ -97,13 +111,16 @@ export class SourceMapsResolver extends EventTarget {
     // to the URL value contained in the event itself, if any.
     const url = Trace.Handlers.Helpers.getNonResolvedURL(entry, parsedTrace.data);
     if (url) {
-      return Workspace.Workspace.WorkspaceImpl.instance().uiSourceCodeForURL(url)?.url() ?? url;
+      return workspace.uiSourceCodeForURL(url)?.url() ?? url;
     }
     return null;
   }
 
-  static codeLocationForEntry(parsedTrace: Trace.TraceModel.ParsedTrace, entry: Trace.Types.Events.Event):
-      {url: Platform.DevToolsPath.UrlString, line?: number, column?: number}|null {
+  static codeLocationForEntry(
+      parsedTrace: Trace.TraceModel.ParsedTrace,
+      entry: Trace.Types.Events.Event,
+      workspace: Workspace.Workspace.WorkspaceImpl,
+      ): {url: Platform.DevToolsPath.UrlString, line?: number, column?: number}|null {
     const uiLocation = SourceMapsResolver.resolvedCodeLocationForEntry(entry)?.devtoolsLocation;
     if (uiLocation) {
       return {url: uiLocation.uiSourceCode.url(), line: uiLocation.lineNumber, column: uiLocation.columnNumber};
@@ -121,7 +138,7 @@ export class SourceMapsResolver extends EventTarget {
     // Lastly, look for just a url.
     let url = Trace.Handlers.Helpers.getNonResolvedURL(entry, parsedTrace.data);
     if (url) {
-      url = Workspace.Workspace.WorkspaceImpl.instance().uiSourceCodeForURL(url)?.url() ?? url;
+      url = workspace.uiSourceCodeForURL(url)?.url() ?? url;
     }
     if (url) {
       return {url};
@@ -209,9 +226,7 @@ export class SourceMapsResolver extends EventTarget {
           const location = debuggerModel &&
               new SDK.DebuggerModel.Location(
                   debuggerModel, node.callFrame.scriptId, node.callFrame.lineNumber, node.callFrame.columnNumber);
-          const uiLocation = location &&
-              await Bindings.DebuggerWorkspaceBinding.DebuggerWorkspaceBinding.instance().rawLocationToUILocation(
-                  location);
+          const uiLocation = location && await this.#debuggerWorkspaceBinding.rawLocationToUILocation(location);
           updatedMappings ||= Boolean(uiLocation);
           if (uiLocation?.uiSourceCode.url() && this.#entityMapper) {
             // Update mappings for the related events of the entity.
@@ -253,13 +268,13 @@ export class SourceMapsResolver extends EventTarget {
   #targetForThread(tid: Trace.Types.Events.ThreadID): SDK.Target.Target|null {
     const maybeWorkerId = this.#parsedTrace.data.Workers.workerIdByThread.get(tid);
     if (maybeWorkerId) {
-      return SDK.TargetManager.TargetManager.instance().targetById(maybeWorkerId);
+      return this.#targetManager.targetById(maybeWorkerId);
     }
-    return SDK.TargetManager.TargetManager.instance().primaryPageTarget();
+    return this.#targetManager.primaryPageTarget();
   }
 
   #updateExtensionNames(): void {
-    for (const runtimeModel of SDK.TargetManager.TargetManager.instance().models(SDK.RuntimeModel.RuntimeModel)) {
+    for (const runtimeModel of this.#targetManager.models(SDK.RuntimeModel.RuntimeModel)) {
       for (const context of runtimeModel.executionContexts()) {
         this.executionContextNamesByOrigin.set(context.origin, context.name);
       }

package/front_end/models/web_mcp/WebMCPModel.ts

@@ -37,9 +37,14 @@ export class Result {
 
   get symbolizedError(): Promise<Bindings.SymbolizedError.SymbolizedError|null>|undefined {
     if (!this.#symbolizedError) {
-      this.#symbolizedError = this.#exception ?
-          Bindings.DebuggerWorkspaceBinding.DebuggerWorkspaceBinding.instance().createSymbolizedError(this.#exception) :
-          Promise.resolve(null);
+      if (this.#exception) {
+        const target = this.#exception.runtimeModel().target();
+        const debuggerWorkspaceBinding =
+            target.targetManager().context.get(Bindings.DebuggerWorkspaceBinding.DebuggerWorkspaceBinding);
+        this.#symbolizedError = debuggerWorkspaceBinding.createSymbolizedError(this.#exception);
+      } else {
+        this.#symbolizedError = Promise.resolve(null);
+      }
     }
     return this.#symbolizedError;
   }
@@ -61,9 +66,11 @@ export class Tool {
   constructor(tool: Protocol.WebMCP.Tool, target: SDK.Target.Target) {
     this.#target = new WeakRef(target);
     this.#protocolTool = tool;
-    this.#stackTrace = tool.stackTrace &&
-        Bindings.DebuggerWorkspaceBinding.DebuggerWorkspaceBinding.instance().createStackTraceFromProtocolRuntime(
-            tool.stackTrace, target);
+    if (tool.stackTrace) {
+      const debuggerWorkspaceBinding =
+          target.targetManager().context.get(Bindings.DebuggerWorkspaceBinding.DebuggerWorkspaceBinding);
+      this.#stackTrace = debuggerWorkspaceBinding.createStackTraceFromProtocolRuntime(tool.stackTrace, target);
+    }
   }
 
   get stackTrace(): Promise<StackTrace.StackTrace.StackTrace>|undefined {
@@ -90,6 +97,17 @@ export class Tool {
     return (typeof rawSchema === 'object' && rawSchema !== null) ? rawSchema as JSONSchema7 : {};
   }
 
+  get flags(): Array<keyof Protocol.WebMCP.Annotation> {
+    const annotations = this.#protocolTool.annotations;
+    if (!annotations) {
+      return [];
+    }
+
+    return (Object.keys(annotations) as Array<keyof Protocol.WebMCP.Annotation>)
+        .filter(key => annotations[key] === true)
+        .sort();
+  }
+
   get frame(): SDK.ResourceTreeModel.ResourceTreeFrame|undefined {
     return this.#target.deref()
                ?.model(SDK.ResourceTreeModel.ResourceTreeModel)

package/front_end/models/workspace/IgnoreListManager.ts

@@ -13,27 +13,27 @@ import {projectTypes} from './WorkspaceImpl.js';
 
 const UIStrings = {
   /**
-   * @description Text to stop preventing the debugger from stepping into library code
+   * @description Text to stop preventing the debugger from stepping into library code.
    */
   removeFromIgnoreList: 'Remove from ignore list',
   /**
-   * @description Text for scripts that should not be stepped into when debugging
+   * @description Text for scripts that should not be stepped into when debugging.
    */
   addScriptToIgnoreList: 'Add script to ignore list',
   /**
-   * @description Text for directories whose scripts should not be stepped into when debugging
+   * @description Text for directories whose scripts should not be stepped into when debugging.
    */
   addDirectoryToIgnoreList: 'Add directory to ignore list',
   /**
-   * @description A context menu item in the Call Stack Sidebar Pane of the Sources panel
+   * @description A context menu item in the Call Stack sidebar of the Sources panel.
    */
   addAllContentScriptsToIgnoreList: 'Add all extension scripts to ignore list',
   /**
-   * @description A context menu item in the Call Stack Sidebar Pane of the Sources panel
+   * @description A context menu item in the Call Stack sidebar of the Sources panel.
    */
   addAllThirdPartyScriptsToIgnoreList: 'Add all third-party scripts to ignore list',
   /**
-   * @description A context menu item in the Call Stack Sidebar Pane of the Sources panel
+   * @description A context menu item in the Call Stack sidebar of the Sources panel.
    */
   addAllAnonymousScriptsToIgnoreList: 'Add all anonymous scripts to ignore list',
 } as const;

package/front_end/models/workspace/UISourceCode.ts

@@ -14,13 +14,13 @@ import {Events as WorkspaceImplEvents, type Project} from './WorkspaceImpl.js';
 
 const UIStrings = {
   /**
-   * @description Text for the index of something
+   * @description Text for the index of something.
    */
   index: '(index)',
   /**
-   * @description Text in UISource Code of the DevTools local workspace
+   * @description Text in UISourceCode of the DevTools local workspace.
    */
-  thisFileWasChangedExternally: 'This file was changed externally. Would you like to reload it?',
+  thisFileWasChangedExternally: 'This file was changed externally. Reload?',
 } as const;
 const str_ = i18n.i18n.registerUIStrings('models/workspace/UISourceCode.ts', UIStrings);
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);

package/front_end/models/workspace_diff/WorkspaceDiff.ts

@@ -4,6 +4,7 @@
 
 import * as Common from '../../core/common/common.js';
 import * as Host from '../../core/host/host.js';
+import * as Root from '../../core/root/root.js';
 import * as Diff from '../../third_party/diff/diff.js';
 import * as FormatterModule from '../formatter/formatter.js';
 import * as Persistence from '../persistence/persistence.js';
@@ -16,15 +17,23 @@ interface DiffResponse {
 }
 
 export class WorkspaceDiffImpl extends Common.ObjectWrapper.ObjectWrapper<EventTypes> {
-  readonly #persistence = Persistence.Persistence.PersistenceImpl.instance();
+  readonly #persistence: Persistence.Persistence.PersistenceImpl;
+  readonly #networkPersistenceManager: Persistence.NetworkPersistenceManager.NetworkPersistenceManager;
   readonly #diffs = new WeakMap<Workspace.UISourceCode.UISourceCode, UISourceCodeDiff>();
   /** used in web tests */
   private readonly loadingUISourceCodes =
       new Map<Workspace.UISourceCode.UISourceCode, Promise<[string | null, string|null]>>();
   readonly #modified = new Set<Workspace.UISourceCode.UISourceCode>();
 
-  constructor(workspace: Workspace.Workspace.WorkspaceImpl) {
+  constructor(
+      workspace: Workspace.Workspace.WorkspaceImpl,
+      persistence: Persistence.Persistence.PersistenceImpl = Persistence.Persistence.PersistenceImpl.instance(),
+      networkPersistenceManager: Persistence.NetworkPersistenceManager.NetworkPersistenceManager =
+          Persistence.NetworkPersistenceManager.NetworkPersistenceManager.instance(),
+  ) {
     super();
+    this.#persistence = persistence;
+    this.#networkPersistenceManager = networkPersistenceManager;
     workspace.addEventListener(Workspace.Workspace.Events.WorkingCopyChanged, this.#uiSourceCodeChanged, this);
     workspace.addEventListener(Workspace.Workspace.Events.WorkingCopyCommitted, this.#uiSourceCodeChanged, this);
     workspace.addEventListener(Workspace.Workspace.Events.UISourceCodeAdded, this.#uiSourceCodeAdded, this);
@@ -54,7 +63,7 @@ export class WorkspaceDiffImpl extends Common.ObjectWrapper.ObjectWrapper<EventT
   #uiSourceCodeDiff(uiSourceCode: Workspace.UISourceCode.UISourceCode): UISourceCodeDiff {
     let diff = this.#diffs.get(uiSourceCode);
     if (!diff) {
-      diff = new UISourceCodeDiff(uiSourceCode);
+      diff = new UISourceCodeDiff(uiSourceCode, this.#networkPersistenceManager);
       this.#diffs.set(uiSourceCode, diff);
     }
     return diff;
@@ -195,12 +204,17 @@ export interface EventTypes {
 
 export class UISourceCodeDiff extends Common.ObjectWrapper.ObjectWrapper<UISourceCodeDiffEventTypes> {
   #uiSourceCode: Workspace.UISourceCode.UISourceCode;
+  readonly #networkPersistenceManager: Persistence.NetworkPersistenceManager.NetworkPersistenceManager;
   #requestDiffPromise: Promise<DiffResponse|null>|null = null;
   #pendingChanges: number|null = null;
   dispose = false;
-  constructor(uiSourceCode: Workspace.UISourceCode.UISourceCode) {
+  constructor(
+      uiSourceCode: Workspace.UISourceCode.UISourceCode,
+      networkPersistenceManager: Persistence.NetworkPersistenceManager.NetworkPersistenceManager,
+  ) {
     super();
     this.#uiSourceCode = uiSourceCode;
+    this.#networkPersistenceManager = networkPersistenceManager;
     uiSourceCode.addEventListener(Workspace.UISourceCode.Events.WorkingCopyChanged, this.#uiSourceCodeChanged, this);
     uiSourceCode.addEventListener(Workspace.UISourceCode.Events.WorkingCopyCommitted, this.#uiSourceCodeChanged, this);
   }
@@ -233,9 +247,7 @@ export class UISourceCodeDiff extends Common.ObjectWrapper.ObjectWrapper<UISourc
   }
 
   async originalContent(): Promise<string|null> {
-    const originalNetworkContent =
-        Persistence.NetworkPersistenceManager.NetworkPersistenceManager.instance().originalContentForUISourceCode(
-            this.#uiSourceCode);
+    const originalNetworkContent = this.#networkPersistenceManager.originalContentForUISourceCode(this.#uiSourceCode);
     if (originalNetworkContent) {
       return await originalNetworkContent;
     }
@@ -305,11 +317,10 @@ export interface UISourceCodeDiffEventTypes {
   [UISourceCodeDiffEvents.DIFF_CHANGED]: void;
 }
 
-let workspaceDiffImplInstance: WorkspaceDiffImpl|null = null;
-
 export function workspaceDiff({forceNew}: {forceNew?: boolean} = {}): WorkspaceDiffImpl {
-  if (!workspaceDiffImplInstance || forceNew) {
-    workspaceDiffImplInstance = new WorkspaceDiffImpl(Workspace.Workspace.WorkspaceImpl.instance());
+  if (!Root.DevToolsContext.globalInstance().has(WorkspaceDiffImpl) || forceNew) {
+    Root.DevToolsContext.globalInstance().set(WorkspaceDiffImpl,
+                                              new WorkspaceDiffImpl(Workspace.Workspace.WorkspaceImpl.instance()));
   }
-  return workspaceDiffImplInstance;
+  return Root.DevToolsContext.globalInstance().get(WorkspaceDiffImpl);
 }

package/front_end/panels/ai_assistance/AiAssistancePanel.ts

@@ -66,7 +66,7 @@ const WALKTHROUGH_SIDEBAR_INITIAL_WIDTH = 400;
 
 const UIStrings = {
   /**
-   * @description AI assistance UI text creating a new chat.
+   * @description AI assistance UI text for creating a new chat.
    */
   newChat: 'New chat',
   /**
@@ -74,11 +74,11 @@ const UIStrings = {
    */
   help: 'Help',
   /**
-   * @description AI assistant UI tooltip text for the settings button (gear icon).
+   * @description AI assistance UI tooltip text for the settings button (gear icon).
    */
   settings: 'Settings',
   /**
-   * @description AI assistant UI tooltip sending feedback.
+   * @description AI assistance UI tooltip for sending feedback.
    */
   sendFeedback: 'Send feedback',
   /**
@@ -90,33 +90,33 @@ const UIStrings = {
    */
   chatDeleted: 'Chat deleted',
   /**
-   * @description AI assistance UI text creating selecting a history entry.
+   * @description AI assistance UI text for selecting a history entry.
    */
   history: 'History',
   /**
-   * @description AI assistance UI text deleting the current chat session from local history.
+   * @description AI assistance UI text for deleting the current chat session from local history.
    */
   deleteChat: 'Delete local chat',
   /**
-   * @description AI assistance UI text that deletes all local history entries.
+   * @description AI assistance UI text for deleting all local history entries.
    */
   clearChatHistory: 'Clear local chats',
   /**
-   *@description AI assistance UI text for the export conversation button.
+   * @description AI assistance UI text for the export conversation button.
    */
   exportConversation: 'Export conversation',
   /**
-   * @description AI assistance UI text explains that he user had no pas conversations.
+   * @description AI assistance UI text explaining that the user has no past conversations.
    */
   noPastConversations: 'No past conversations',
   /**
-   * @description Placeholder text for an inactive text field. When active, it's used for the user's input to the GenAI assistance.
+   * @description Placeholder text for an inactive text field. When active, it’s used for the user’s input to AI assistance.
    */
   followTheSteps: 'Follow the steps above to ask a question',
   /**
    * @description Disclaimer text right after the chat input.
    */
-  inputDisclaimerForEmptyState: 'This is an experimental AI feature and won\'t always get it right.',
+  inputDisclaimerForEmptyState: 'This is an experimental AI feature and won’t always get it right.',
   /**
    * @description The message shown in a toast when the response is copied to the clipboard.
    */
@@ -215,7 +215,7 @@ const UIStringsNotTranslate = {
    * @description Disclaimer text right after the chat input.
    */
   inputDisclaimerForFile:
-      'Chat messages and the selected file 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.',
+      'Chat messages and the selected file 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.
    */
@@ -225,7 +225,7 @@ const UIStringsNotTranslate = {
    * @description Disclaimer text right after the chat input.
    */
   inputDisclaimerForPerformance:
-      'Chat messages and trace data from your performance trace 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.',
+      'Chat messages and trace data from your performance trace 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.
    */
@@ -1070,7 +1070,6 @@ export class AiAssistancePanel extends UI.Panel.Panel {
       isReadOnly: false,
       aidaClient: this.#aidaClient,
       changeManager: this.#changeManager,
-      isExternal: false,
       performanceRecordAndReload: this.#handlePerformanceRecordAndReload.bind(this),
       onInspectElement: this.#handleInspectElement.bind(this),
       networkTimeCalculator: NetworkPanel.NetworkPanel.NetworkPanel.instance().networkLogView.timeCalculator(),
@@ -1100,7 +1099,6 @@ export class AiAssistancePanel extends UI.Panel.Panel {
             isReadOnly: false,
             aidaClient: this.#aidaClient,
             changeManager: this.#changeManager,
-            isExternal: false,
             performanceRecordAndReload: this.#handlePerformanceRecordAndReload.bind(this),
             onInspectElement: this.#handleInspectElement.bind(this),
             networkTimeCalculator: NetworkPanel.NetworkPanel.NetworkPanel.instance().networkLogView.timeCalculator(),
@@ -1619,7 +1617,6 @@ export class AiAssistancePanel extends UI.Panel.Panel {
         isReadOnly: false,
         aidaClient: this.#aidaClient,
         changeManager: this.#changeManager,
-        isExternal: false,
         performanceRecordAndReload: this.#handlePerformanceRecordAndReload.bind(this),
         onInspectElement: this.#handleInspectElement.bind(this),
         networkTimeCalculator: NetworkPanel.NetworkPanel.NetworkPanel.instance().networkLogView.timeCalculator(),
@@ -1644,17 +1641,23 @@ export class AiAssistancePanel extends UI.Panel.Panel {
   }
 
   #populateHistoryMenu(contextMenu: UI.ContextMenu.ContextMenu): void {
-    const historicalConversations = AiAssistanceModel.AiHistoryStorage.AiHistoryStorage.instance().getHistory().map(
-        serializedConversation =>
-            AiAssistanceModel.AiConversation.AiConversation.fromSerializedConversation(serializedConversation));
-    for (const conversation of historicalConversations.reverse()) {
-      if (conversation.isEmpty || !conversation.title) {
+    const history = AiAssistanceModel.AiHistoryStorage.AiHistoryStorage.instance().getHistory();
+    const activeId = this.#conversation?.id;
+
+    for (const serialized of [...history].reverse()) {
+      const isConversationEmpty = serialized.history.length === 0;
+      if (isConversationEmpty) {
+        continue;
+      }
+      const title = AiAssistanceModel.AiConversation.AiConversation.titleForSerialized(serialized);
+      if (!title) {
         continue;
       }
 
-      contextMenu.defaultSection().appendCheckboxItem(conversation.title, () => {
+      contextMenu.defaultSection().appendCheckboxItem(title, () => {
+        const conversation = AiAssistanceModel.AiConversation.AiConversation.fromSerializedConversation(serialized);
         void this.#openHistoricConversation(conversation);
-      }, {checked: (this.#conversation?.id === conversation.id), jslogContext: 'freestyler.history-item'});
+      }, {checked: activeId === serialized.id, jslogContext: 'freestyler.history-item'});
     }
 
     const historyEmpty = contextMenu.defaultSection().items.length === 0;

package/front_end/panels/ai_assistance/ExportConversation.ts

@@ -17,10 +17,9 @@ export async function saveToDisk(conversation: AiAssistanceModel.AiConversation.
   // to 63 characters (due to a 64-byte null-terminated buffer).
   // Capping the total filename length at 63 avoids truncation of the extension.
   const maxTitleLength = 63 - prefix.length - suffix.length;
-  let finalTitle = titleFormatted || 'conversation';
-  if (finalTitle.length > maxTitleLength) {
-    finalTitle = finalTitle.substring(0, maxTitleLength);
-  }
+  const truncatedTitle =
+      titleFormatted ? Platform.StringUtilities.truncateToCodeUnitLength(titleFormatted, maxTitleLength) : '';
+  const finalTitle = truncatedTitle || 'conversation';
   const filename = `${prefix}${finalTitle}${suffix}` as Platform.DevToolsPath.RawPathString;
 
   await Workspace.FileManager.FileManager.instance().save(filename, contentData, true);

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

@@ -31,7 +31,7 @@ const UIStrings = {
   enableAiAssistance: 'Enable AI assistance',
   /**
    * @description Text of a context menu item to redirect to the AI assistance panel with
-   * the current context
+   * the current context.
    */
   debugWithAi: 'Debug with AI',
   /**
@@ -47,7 +47,7 @@ const UIStrings = {
    */
   enableGemini: 'Enable Gemini',
   /**
-   * @description Text of a context menu item to redirect to the Gemini panel with the current context
+   * @description Text of a context menu item to redirect to the Gemini panel with the current context.
    */
   debugWithGemini: 'Debug with Gemini',
   /**
@@ -56,7 +56,7 @@ const UIStrings = {
    */
   wrongLocale: 'To use this feature, set your language preference to English in DevTools settings.',
   /**
-   * @description Message shown to the user if the user's region is not
+   * @description Message shown to the user if the user’s region is not
    * supported.
    */
   geoRestricted: 'This feature is unavailable in your region.',

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

@@ -30,7 +30,7 @@ const UIStrings = {
    */
   inputTextAriaDescription: 'You can also use one of the suggested prompts above to start your conversation',
   /**
-   * @description Label added to the button that reveals the selected context item in DevTools
+   * @description Label added to the button that reveals the selected context item in DevTools.
    */
   revealContextDescription: 'Reveal the selected context item in DevTools',
   /**
@@ -74,7 +74,7 @@ const UIStringsNotTranslate = {
   /**
    * @description Text displayed when the chat input is disabled due to reading past conversation.
    */
-  pastConversation: 'You\'re viewing a past conversation.',
+  pastConversation: 'You’re viewing a past conversation.',
   /**
    * @description Message displayed in toast in case of any failures while taking a screenshot of the page.
    */

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

@@ -115,6 +115,10 @@ const UIStringsNotTranslate = {
    */
   systemError:
       'Something unforeseen happened and I can no longer continue. Try your request again and see if that resolves the issue. If this keeps happening, update Chrome to the latest version.',
+  /**
+   * @description The error message when the user is out of quota or rate limited.
+   */
+  quotaError: 'You reached your limit for AI assistance requests. Try again later.',
   /**
    * @description The error message when the LLM gets stuck in a loop (max steps reached).
    */
@@ -1842,6 +1846,9 @@ function renderError(message: ModelChatMessage): Lit.LitTemplate {
       case AiAssistanceModel.AiAgent.ErrorType.BLOCK:
         errorMessage = UIStringsNotTranslate.systemError;
         break;
+      case AiAssistanceModel.AiAgent.ErrorType.QUOTA:
+        errorMessage = UIStringsNotTranslate.quotaError;
+        break;
       case AiAssistanceModel.AiAgent.ErrorType.MAX_STEPS:
         errorMessage = UIStringsNotTranslate.maxStepsError;
         break;

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

@@ -15,9 +15,9 @@ import disabledWidgetStyles from './disabledWidget.css.js';
 
 const UIStrings = {
   /**
-   * @description The error message when the user is not logged in into Chrome.
+   * @description The error message when the user is not signed in to Chrome.
    */
-  notLoggedIn: 'This feature is only available when you are signed into Chrome with your Google account',
+  notLoggedIn: 'This feature is only available when you are signed in to Chrome with your Google account',
   /**
    * @description Message shown when the user is offline.
    */

package/front_end/panels/animation/AnimationTimeline.ts

@@ -26,76 +26,74 @@ import {AnimationUI} from './AnimationUI.js';
 
 const UIStrings = {
   /**
-   * @description Timeline hint text content in Animation Timeline of the Animation Inspector if no effect
-   * is shown.
+   * @description Timeline hint text content in the animation timeline of the Animations panel if no effect is shown.
    * Animation effects are the visual effects of an animation on the page.
    */
   noEffectSelected: 'No animation effect selected',
   /**
-   * @description Timeline hint text content in Animation Timeline of the Animation Inspector that instructs
-   * users to select an effect.
+   * @description Timeline hint text content in the animation timeline of the Animations panel that instructs users to select an effect.
    * Animation effects are the visual effects of an animation on the page.
    */
   selectAnEffectAboveToInspectAnd: 'Select an effect above to inspect and modify',
   /**
-   * @description Text to clear everything
+   * @description Text to clear everything.
    */
   clearAll: 'Clear all',
   /**
-   * @description Tooltip text that appears when hovering over largeicon pause button in Animation Timeline of the Animation Inspector
+   * @description Tooltip text that appears when hovering over largeicon pause button in the animation timeline of the Animations panel.
    */
   pauseAll: 'Pause all',
   /**
-   * @description Title of the playback rate button listbox
+   * @description Title of the playback rate button listbox.
    */
   playbackRates: 'Playback rates',
   /**
-   * @description Text in Animation Timeline of the Animation Inspector
+   * @description Text in the animation timeline of the Animations panel.
    * @example {50} PH1
    */
   playbackRatePlaceholder: '{PH1}%',
   /**
-   * @description Text of an item that pause the running task
+   * @description Text of an item that pauses the running task.
    */
   pause: 'Pause',
   /**
-   * @description Button title in Animation Timeline of the Animation Inspector
+   * @description Button title in the animation timeline of the Animations panel.
    * @example {50%} PH1
    */
   setSpeedToS: 'Set speed to {PH1}',
   /**
-   * @description Title of Animation Previews listbox
+   * @description Title of Animation previews listbox.
    */
   animationPreviews: 'Animation previews',
   /**
-   * @description Empty buffer hint text content in Animation Timeline of the Animation Inspector.
+   * @description Empty buffer hint text content in the animation timeline of the Animations panel.
    */
   waitingForAnimations: 'Currently waiting for animations',
   /**
-   * @description Empty buffer hint text content in Animation Timeline of the Animation Inspector that explains the panel.
+   * @description Empty buffer hint text content in the animation timeline of the Animations panel that explains the panel.
    */
   animationDescription: 'On this page you can inspect and modify animations.',
   /**
-   * @description Tooltip text that appears when hovering over largeicon replay animation button in Animation Timeline of the Animation Inspector
+   * @description Tooltip text that appears when hovering over largeicon replay animation button in the animation timeline of the Animations panel.
    */
   replayTimeline: 'Replay timeline',
   /**
-   * @description Text in Animation Timeline of the Animation Inspector
+   * @description Text in the animation timeline of the Animations panel.
    */
   resumeAll: 'Resume all',
   /**
-   * @description Title of control button in animation timeline of the animation inspector
+   * @description Title of control button in the animation timeline of the Animations panel.
    */
   playTimeline: 'Play timeline',
   /**
-   * @description Title of control button in animation timeline of the animation inspector
+   * @description Title of control button in the animation timeline of the Animations panel.
    */
   pauseTimeline: 'Pause timeline',
   /**
-   * @description Title of a specific Animation Preview
+   * @description Title of a specific animation preview.
    * @example {1} PH1
    */
-  animationPreviewS: 'Animation Preview {PH1}',
+  animationPreviewS: 'Animation preview {PH1}',
 } as const;
 const str_ = i18n.i18n.registerUIStrings('panels/animation/AnimationTimeline.ts', UIStrings);
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);

package/front_end/panels/animation/AnimationUI.ts

@@ -15,15 +15,15 @@ import {type AnimationTimeline, StepTimingFunction} from './AnimationTimeline.js
 
 const UIStrings = {
   /**
-   * @description Title of the first and last points of an animation
+   * @description Title of the first and last points of an animation.
    */
-  animationEndpointSlider: 'Animation Endpoint slider',
+  animationEndpointSlider: 'Animation endpoint slider',
   /**
-   * @description Title of an Animation Keyframe point
+   * @description Title of an animation keyframe point.
    */
-  animationKeyframeSlider: 'Animation Keyframe slider',
+  animationKeyframeSlider: 'Animation keyframe slider',
   /**
-   * @description Title of an animation keyframe group
+   * @description Title of an animation keyframe group.
    * @example {anilogo} PH1
    */
   sSlider: '{PH1} slider',