chrome-devtools-mcp 0.6.0 → 0.7.0

package/build/node_modules/chrome-devtools-frontend/front_end/models/ai_assistance/performance/AIContext.js

@@ -3,11 +3,25 @@
 // found in the LICENSE file.
 import * as Trace from '../../../models/trace/trace.js';
 import { AICallTree } from './AICallTree.js';
+/**
+ * Gets the first, most relevant InsightSet to use, following the logic of:
+ * 1. If there is only one InsightSet, use that.
+ * 2. If there are more, prefer the first we find that has a navigation associated with it.
+ * 3. If none with a navigation are found, fallback to the first one.
+ * 4. Otherwise, return null.
+ *
+ * TODO(cjamcl): we should just give the agent the entire insight set, and give
+ * summary detail about all of them + the ability to query each.
+ */
 function getFirstInsightSet(insights) {
-    // Currently only support a single insight set. Pick the first one with a navigation.
-    // TODO(cjamcl): we should just give the agent the entire insight set, and give
-    // summary detail about all of them + the ability to query each.
-    return [...insights.values()].filter(insightSet => insightSet.navigation).at(0) ?? null;
+    const insightSets = Array.from(insights.values());
+    if (insightSets.length === 0) {
+        return null;
+    }
+    if (insightSets.length === 1) {
+        return insightSets[0];
+    }
+    return insightSets.filter(set => set.navigation).at(0) ?? insightSets.at(0) ?? null;
 }
 export class AgentFocus {
     static fromParsedTrace(parsedTrace) {

package/build/node_modules/chrome-devtools-frontend/front_end/models/crux-manager/CrUXManager.js

@@ -19,7 +19,7 @@ const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 const CRUX_API_KEY = 'AIzaSyCCSOx25vrb5z0tbedCB3_JRzzbVW6Uwgw';
 const DEFAULT_ENDPOINT = `https://chromeuxreport.googleapis.com/v1/records:queryRecord?key=${CRUX_API_KEY}`;
 let cruxManagerInstance;
-// TODO: Potentially support `TABLET`. Tablet field data will always be `null` until then.
+/** TODO: Potentially support `TABLET`. Tablet field data will always be `null` until then. **/
 export const DEVICE_SCOPE_LIST = ['ALL', 'DESKTOP', 'PHONE'];
 const pageScopeList = ['origin', 'url'];
 const metrics = [

package/build/node_modules/chrome-devtools-frontend/front_end/models/network_time_calculator/RequestTimeRanges.js

@@ -36,10 +36,12 @@ export function calculateRequestTimeRanges(request, navigationStart) {
             addRange(name, startTime + (start / 1000), startTime + (end / 1000));
         }
     }
-    // In some situations, argument `start` may come before `startTime` (`timing.requestStart`). This is especially true
-    // in cases such as SW static routing API where fields like `workerRouterEvaluationStart` or `workerCacheLookupStart`
-    // is set before setting `timing.requestStart`. If the `start` and `end` is known to be a valid value (i.e. not default
-    // invalid value -1 or undefined), we allow adding the range.
+    /**
+     * In some situations, argument `start` may come before `startTime` (`timing.requestStart`). This is especially true
+     * in cases such as SW static routing API where fields like `workerRouterEvaluationStart` or `workerCacheLookupStart`
+     * is set before setting `timing.requestStart`. If the `start` and `end` is known to be a valid value (i.e. not default
+     * invalid value -1 or undefined), we allow adding the range.
+     **/
     function addMaybeNegativeOffsetRange(name, start, end) {
         addRange(name, startTime + (start / 1000), startTime + (end / 1000));
     }

package/build/node_modules/chrome-devtools-frontend/front_end/models/source_map_scopes/NamesResolver.js

@@ -182,7 +182,7 @@ const resolveScope = async (script, scopeChain) => {
                         return;
                     }
                 }
-                // If there is no entry with the name field, try to infer the name from the source positions.
+                /** If there is no entry with the name field, try to infer the name from the source positions. **/
                 async function resolvePosition() {
                     if (!sourceMap) {
                         return;
@@ -556,10 +556,12 @@ export class RemoteObject extends SDK.RemoteObject.RemoteObject {
         return this.object.isNode();
     }
 }
-// Resolve the frame's function name using the name associated with the opening
-// paren that starts the scope. If there is no name associated with the scope
-// start or if the function scope does not start with a left paren (e.g., arrow
-// function with one parameter), the resolution returns null.
+/**
+ * Resolve the frame's function name using the name associated with the opening
+ * paren that starts the scope. If there is no name associated with the scope
+ * start or if the function scope does not start with a left paren (e.g., arrow
+ * function with one parameter), the resolution returns null.
+ **/
 async function getFunctionNameFromScopeStart(script, lineNumber, columnNumber) {
     // To reduce the overhead of resolving function names,
     // we check for source maps first and immediately leave

package/build/node_modules/chrome-devtools-frontend/front_end/models/trace/LanternComputationData.js

@@ -167,6 +167,7 @@ function createLanternRequest(parsedTrace, workerThreads, request) {
         priority: request.args.data.priority,
         frameId: request.args.data.frame,
         fromWorker,
+        serverResponseTime: request.args.data.lrServerResponseTime ?? undefined,
         // Set later.
         redirects: undefined,
         redirectSource: undefined,

package/build/node_modules/chrome-devtools-frontend/front_end/models/trace/extras/TraceTree.js

@@ -573,7 +573,7 @@ export function eventStackFrame(event) {
     }
     return { ...topFrame, scriptId: String(topFrame.scriptId) };
 }
-// TODO(paulirish): rename to generateNodeId
+/** TODO(paulirish): rename to generateNodeId **/
 export function generateEventID(event) {
     if (Types.Events.isProfileCall(event)) {
         const name = SamplesIntegrator.isNativeRuntimeFrame(event.callFrame) ?

package/build/node_modules/chrome-devtools-frontend/front_end/models/trace/handlers/FramesHandler.js

@@ -410,7 +410,7 @@ export class PendingFrame {
         this.triggerTime = triggerTime;
     }
 }
-// The parameters of an impl-side BeginFrame.
+/** The parameters of an impl-side BeginFrame. **/
 class BeginFrameInfo {
     seqId;
     startTime;
@@ -423,10 +423,12 @@ class BeginFrameInfo {
         this.isPartial = isPartial;
     }
 }
-// A queue of BeginFrames pending visualization.
-// BeginFrames are added into this queue as they occur; later when their
-// corresponding DrawFrames occur (or lack thereof), the BeginFrames are removed
-// from the queue and their timestamps are used for visualization.
+/**
+ * A queue of BeginFrames pending visualization.
+ * BeginFrames are added into this queue as they occur; later when their
+ * corresponding DrawFrames occur (or lack thereof), the BeginFrames are removed
+ * from the queue and their timestamps are used for visualization.
+ **/
 export class TimelineFrameBeginFrameQueue {
     queueFrames = [];
     // Maps frameSeqId to BeginFrameInfo.

package/build/node_modules/chrome-devtools-frontend/front_end/models/trace/handlers/LayoutShiftsHandler.js

@@ -6,11 +6,15 @@ import * as Helpers from '../helpers/helpers.js';
 import * as Types from '../types/types.js';
 import { data as metaHandlerData } from './MetaHandler.js';
 import { data as screenshotsHandlerData } from './ScreenshotsHandler.js';
-// This represents the maximum #time we will allow a cluster to go before we
-// reset it.
+/**
+ * This represents the maximum #time we will allow a cluster to go before we
+ * reset it.
+ **/
 export const MAX_CLUSTER_DURATION = Helpers.Timing.milliToMicro(Types.Timing.Milli(5000));
-// This represents the maximum #time we will allow between layout shift events
-// before considering it to be the start of a new cluster.
+/**
+ * This represents the maximum #time we will allow between layout shift events
+ * before considering it to be the start of a new cluster.
+ **/
 export const MAX_SHIFT_TIME_DELTA = Helpers.Timing.milliToMicro(Types.Timing.Milli(1000));
 // Layout shifts are reported globally to the developer, irrespective of which
 // frame they originated in. However, each process does have its own individual

package/build/node_modules/chrome-devtools-frontend/front_end/models/trace/handlers/NetworkRequestsHandler.js

@@ -221,6 +221,7 @@ export async function finalize() {
          *
          * See `_updateTimingsForLightrider` in Lighthouse for more detail.
          */
+        let lrServerResponseTime;
         if (isLightrider && request.receiveResponse?.args.data.headers) {
             timing = {
                 requestTime: Helpers.Timing.microToSeconds(request.sendRequests.at(0)?.ts ?? 0),
@@ -254,6 +255,13 @@ export async function finalize() {
                 timing.connectEnd = TCPMs;
                 timing.sslEnd = TCPMs;
             }
+            // Lightrider does not have any equivalent for `sendEnd` timing values. The
+            // closest we can get to the server response time is from a header that
+            // Lightrider sets.
+            const ResponseMsHeader = request.receiveResponse.args.data.headers.find(h => h.name === 'X-ResponseMs');
+            if (ResponseMsHeader) {
+                lrServerResponseTime = Math.max(0, parseInt(ResponseMsHeader.value, 10));
+            }
         }
         // TODO: consider allowing chrome / about.
         const allowedProtocols = [
@@ -346,6 +354,13 @@ export async function finalize() {
         const waiting = timing ?
             Types.Timing.Micro((timing.receiveHeadersEnd - timing.sendEnd) * MILLISECONDS_TO_MICROSECONDS) :
             Types.Timing.Micro(0);
+        // Server Response Time
+        // =======================
+        // Time from when the send finished going to when the first byte of headers were received.
+        const serverResponseTime = timing ?
+            Types.Timing.Micro(((timing.receiveHeadersStart ?? timing.receiveHeadersEnd) - timing.sendEnd) *
+                MILLISECONDS_TO_MICROSECONDS) :
+            Types.Timing.Micro(0);
         // Download
         // =======================
         // Time from receipt of headers to the finish time.
@@ -404,6 +419,7 @@ export async function finalize() {
                         stalled,
                         totalTime,
                         waiting,
+                        serverResponseTime,
                     },
                     // All fields below are from TraceEventsForNetworkRequest.
                     decodedBodyLength,
@@ -428,6 +444,7 @@ export async function finalize() {
                     initiator: finalSendRequest.args.data.initiator,
                     stackTrace: finalSendRequest.args.data.stackTrace,
                     timing,
+                    lrServerResponseTime,
                     url,
                     failed: request.resourceFinish?.args.data.didFail ?? false,
                     finished: Boolean(request.resourceFinish),

package/build/node_modules/chrome-devtools-frontend/front_end/models/trace/handlers/helpers.js

@@ -142,7 +142,7 @@ export function addEventToEntityMapping(event, entityMappings) {
     }
     entityMappings.entityByEvent.set(event, entity);
 }
-// A slight upgrade of addEventToEntityMapping to handle the sub-events of a network request.
+/** A slight upgrade of addEventToEntityMapping to handle the sub-events of a network request. **/
 export function addNetworkRequestToEntityMapping(networkRequest, entityMappings, requestTraceEvents) {
     const entity = getEntityForEvent(networkRequest, entityMappings);
     if (!entity) {

package/build/node_modules/chrome-devtools-frontend/front_end/models/trace/helpers/Timing.js

@@ -25,8 +25,10 @@ export function timeStampForEventAdjustedByClosestNavigation(event, traceBounds,
     }
     return Types.Timing.Micro(eventTimeStamp);
 }
-// Expands the trace window by a provided percentage or, if it the expanded window is smaller than 1 millisecond, expands it to 1 millisecond.
-// If the expanded window is outside of the max trace window, cut the overflowing bound to the max trace window bound.
+/**
+ * Expands the trace window by a provided percentage or, if it the expanded window is smaller than 1 millisecond, expands it to 1 millisecond.
+ * If the expanded window is outside of the max trace window, cut the overflowing bound to the max trace window bound.
+ **/
 export function expandWindowByPercentOrToOneMillisecond(annotationWindow, maxTraceWindow, percentage) {
     // Expand min and max of the window by half of the provided percentage. That way, in total, the window will be expanded by the provided percentage.
     let newMin = annotationWindow.min - annotationWindow.range * (percentage / 100) / 2;

package/build/node_modules/chrome-devtools-frontend/front_end/models/trace/helpers/Trace.js

@@ -70,8 +70,10 @@ export function extractOriginFromTrace(firstNavigationURL) {
     }
     return null;
 }
-// Each thread contains events. Events indicate the thread and process IDs, which are
-// used to store the event in the correct process thread entry below.
+/**
+ * Each thread contains events. Events indicate the thread and process IDs, which are
+ * used to store the event in the correct process thread entry below.
+ **/
 export function addEventToProcessThread(event, eventsInProcessThread) {
     const { tid, pid } = event;
     let eventsInThread = eventsInProcessThread.get(pid);
@@ -704,8 +706,10 @@ export function extractSampleTraceId(event) {
     }
     return event.args?.sampleTraceId ?? event.args?.data?.sampleTraceId ?? null;
 }
-// This exactly matches Trace.Styles.visibleTypes. See the runtime verification in maybeInitStylesMap.
-// TODO(crbug.com/410884528)
+/**
+ * This exactly matches Trace.Styles.visibleTypes. See the runtime verification in maybeInitStylesMap.
+ * TODO(crbug.com/410884528)
+ **/
 export const VISIBLE_TRACE_EVENT_TYPES = new Set([
     "AbortPostTaskCallback" /* Types.Events.Name.ABORT_POST_TASK_CALLBACK */,
     "Animation" /* Types.Events.Name.ANIMATION */,

package/build/node_modules/chrome-devtools-frontend/front_end/models/trace/insights/DocumentLatency.js

@@ -67,20 +67,20 @@ const IGNORE_THRESHOLD_IN_BYTES = 1400;
 export function isDocumentLatencyInsight(x) {
     return x.insightKey === 'DocumentLatency';
 }
-function getServerResponseTime(request, context) {
-    // Prefer the value as given by the Lantern provider.
-    // For PSI, Lighthouse uses this to set a better value for the server response
-    // time. For technical reasons, in Lightrider we do not have `sendEnd` timing
-    // values. See Lighthouse's `asLanternNetworkRequest` function for more.
-    const lanternRequest = context.navigation && context.lantern?.requests.find(r => r.rawRequest === request);
-    if (lanternRequest?.serverResponseTime !== undefined) {
-        return lanternRequest.serverResponseTime;
+function getServerResponseTime(request) {
+    // For technical reasons, Lightrider does not have `sendEnd` timing values. The
+    // closest we can get to the server response time is from a header that Lightrider
+    // sets.
+    // @ts-expect-error
+    const isLightrider = globalThis.isLightrider;
+    if (isLightrider) {
+        return request.args.data.lrServerResponseTime ?? null;
     }
     const timing = request.args.data.timing;
     if (!timing) {
         return null;
     }
-    const ms = Helpers.Timing.microToMilli(request.args.data.syntheticData.waiting);
+    const ms = Helpers.Timing.microToMilli(request.args.data.syntheticData.serverResponseTime);
     return Math.round(ms);
 }
 function getCompressionSavings(request) {
@@ -162,7 +162,7 @@ export function generateInsight(data, context) {
     if (!documentRequest) {
         return finalize({ warnings: [InsightWarning.NO_DOCUMENT_REQUEST] });
     }
-    const serverResponseTime = getServerResponseTime(documentRequest, context);
+    const serverResponseTime = getServerResponseTime(documentRequest);
     if (serverResponseTime === null) {
         throw new Error('missing document request timing');
     }

package/build/node_modules/chrome-devtools-frontend/front_end/models/trace/insights/INPBreakdown.js

@@ -2,6 +2,7 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 import * as i18n from '../../../core/i18n/i18n.js';
+import * as Handlers from '../handlers/handlers.js';
 import * as Helpers from '../helpers/helpers.js';
 import { InsightCategory, } from './types.js';
 export const UIStrings = {
@@ -45,13 +46,23 @@ export function isINPBreakdownInsight(insight) {
     return insight.insightKey === "INPBreakdown" /* InsightKeys.INP_BREAKDOWN */;
 }
 function finalize(partialModel) {
+    let state = 'pass';
+    if (partialModel.longestInteractionEvent) {
+        const classification = Handlers.ModelHandlers.UserInteractions.scoreClassificationForInteractionToNextPaint(partialModel.longestInteractionEvent.dur);
+        if (classification === "good" /* Handlers.ModelHandlers.PageLoadMetrics.ScoreClassification.GOOD */) {
+            state = 'informative';
+        }
+        else {
+            state = 'fail';
+        }
+    }
     return {
         insightKey: "INPBreakdown" /* InsightKeys.INP_BREAKDOWN */,
         strings: UIStrings,
         title: i18nString(UIStrings.title),
         description: i18nString(UIStrings.description),
         category: InsightCategory.INP,
-        state: partialModel.longestInteractionEvent ? 'informative' : 'pass',
+        state,
         ...partialModel,
     };
 }

package/build/node_modules/chrome-devtools-frontend/front_end/models/trace/insights/LCPBreakdown.js

@@ -124,13 +124,23 @@ function finalize(partialModel) {
     if (partialModel.lcpRequest) {
         relatedEvents.push(partialModel.lcpRequest);
     }
+    let state = 'pass';
+    if (partialModel.lcpMs !== undefined) {
+        const classification = Handlers.ModelHandlers.PageLoadMetrics.scoreClassificationForLargestContentfulPaint(Helpers.Timing.milliToMicro(partialModel.lcpMs));
+        if (classification === "good" /* Handlers.ModelHandlers.PageLoadMetrics.ScoreClassification.GOOD */) {
+            state = 'informative';
+        }
+        else {
+            state = 'fail';
+        }
+    }
     return {
         insightKey: "LCPBreakdown" /* InsightKeys.LCP_BREAKDOWN */,
         strings: UIStrings,
         title: i18nString(UIStrings.title),
         description: i18nString(UIStrings.description),
         category: InsightCategory.LCP,
-        state: partialModel.lcpEvent || partialModel.lcpRequest ? 'informative' : 'pass',
+        state,
         ...partialModel,
         relatedEvents,
     };

package/build/node_modules/chrome-devtools-frontend/front_end/models/trace/insights/NetworkDependencyTree.js

@@ -337,7 +337,7 @@ export function handleLinkResponseHeader(linkHeaderValue) {
     }
     return preconnectedOrigins;
 }
-// Export the function for test purpose.
+/** Export the function for test purpose. **/
 export function generatePreconnectedOrigins(data, context, contextRequests, preconnectCandidates) {
     const preconnectedOrigins = [];
     for (const event of data.NetworkRequests.linkPreconnectEvents) {
@@ -436,7 +436,7 @@ function candidateRequestsByOrigin(data, mainResource, contextRequests, lcpGraph
     });
     return origins;
 }
-// Export the function for test purpose.
+/** Export the function for test purpose. **/
 export function generatePreconnectCandidates(data, context, contextRequests) {
     if (!context.lantern) {
         return [];

package/build/node_modules/chrome-devtools-frontend/front_end/models/trace/types/TraceEvents.js

@@ -349,7 +349,7 @@ export function isResourceWillSendRequest(event) {
 export function isResourceReceivedData(event) {
     return event.name === 'ResourceReceivedData';
 }
-// Any event where we receive data (and get an encodedDataLength)
+/** Any event where we receive data (and get an encodedDataLength) **/
 export function isReceivedDataEvent(event) {
     return event.name === 'ResourceReceivedData' || event.name === 'ResourceFinish' ||
         event.name === 'ResourceReceiveResponse';
@@ -547,8 +547,10 @@ export function isFlowPhaseEvent(event) {
 export function isParseAuthorStyleSheetEvent(event) {
     return event.name === "ParseAuthorStyleSheet" /* Name.PARSE_AUTHOR_STYLE_SHEET */ && event.ph === "X" /* Phase.COMPLETE */;
 }
-// NOT AN EXHAUSTIVE LIST: just some categories we use and refer
-// to in multiple places.
+/**
+ * NOT AN EXHAUSTIVE LIST: just some categories we use and refer
+ * to in multiple places.
+ **/
 export const Categories = {
     Console: 'blink.console',
     UserTiming: 'blink.user_timing',

package/build/node_modules/chrome-devtools-frontend/front_end/models/trace_source_maps_resolver/SourceMapsResolver.js

@@ -13,7 +13,7 @@ export class SourceMappingsUpdated extends Event {
         super(SourceMappingsUpdated.eventName, { composed: true, bubbles: true });
     }
 }
-// The code location key is created as a concatenation of its fields.
+/** The code location key is created as a concatenation of its fields. **/
 export const resolvedCodeLocationDataNames = new Map();
 export class SourceMapsResolver extends EventTarget {
     executionContextNamesByOrigin = new Map();

package/build/src/McpContext.js

@@ -27,6 +27,17 @@ function getNetworkMultiplierFromString(condition) {
     }
     return 1;
 }
+function getExtensionFromMimeType(mimeType) {
+    switch (mimeType) {
+        case 'image/png':
+            return 'png';
+        case 'image/jpeg':
+            return 'jpeg';
+        case 'image/webp':
+            return 'webp';
+    }
+    throw new Error(`No mapping for Mime type ${mimeType}.`);
+}
 export class McpContext {
     browser;
     logger;
@@ -258,18 +269,24 @@ export class McpContext {
     async saveTemporaryFile(data, mimeType) {
         try {
             const dir = await fs.mkdtemp(path.join(os.tmpdir(), 'chrome-devtools-mcp-'));
-            const ext = mimeType === 'image/png'
-                ? 'png'
-                : mimeType === 'image/jpeg'
-                    ? 'jpg'
-                    : 'webp';
-            const filename = path.join(dir, `screenshot.${ext}`);
+            const filename = path.join(dir, `screenshot.${getExtensionFromMimeType(mimeType)}`);
             await fs.writeFile(filename, data);
             return { filename };
         }
         catch (err) {
             this.logger(err);
-            throw new Error('Could not save a screenshot to a file');
+            throw new Error('Could not save a screenshot to a file', { cause: err });
+        }
+    }
+    async saveFile(data, filename) {
+        try {
+            const filePath = path.resolve(filename);
+            await fs.writeFile(filePath, data);
+            return { filename };
+        }
+        catch (err) {
+            this.logger(err);
+            throw new Error('Could not save a screenshot to a file', { cause: err });
         }
     }
     storeTraceRecording(result) {

package/build/src/McpResponse.js

@@ -1,12 +1,12 @@
 import { formatConsoleEvent } from './formatters/consoleFormatter.js';
-import { getFormattedHeaderValue, getShortDescriptionForRequest, getStatusFromRequest, } from './formatters/networkFormatter.js';
+import { getFormattedHeaderValue, getFormattedResponseBody, getFormattedRequestBody, getShortDescriptionForRequest, getStatusFromRequest, } from './formatters/networkFormatter.js';
 import { formatA11ySnapshot } from './formatters/snapshotFormatter.js';
 import { handleDialog } from './tools/pages.js';
 import { paginate } from './utils/pagination.js';
 export class McpResponse {
     #includePages = false;
     #includeSnapshot = false;
-    #attachedNetworkRequestUrl;
+    #attachedNetworkRequestData;
     #includeConsoleData = false;
     #textResponseLines = [];
     #formattedConsoleData;
@@ -38,7 +38,9 @@ export class McpResponse {
         this.#includeConsoleData = value;
     }
     attachNetworkRequest(url) {
-        this.#attachedNetworkRequestUrl = url;
+        this.#attachedNetworkRequestData = {
+            networkRequestUrl: url,
+        };
     }
     get includePages() {
         return this.#includePages;
@@ -50,7 +52,7 @@ export class McpResponse {
         return this.#includeConsoleData;
     }
     get attachedNetworkRequestUrl() {
-        return this.#attachedNetworkRequestUrl;
+        return this.#attachedNetworkRequestData?.networkRequestUrl;
     }
     get networkRequestsPageIdx() {
         return this.#networkRequestsOptions?.pagination?.pageIdx;
@@ -78,6 +80,16 @@ export class McpResponse {
             await context.createTextSnapshot();
         }
         let formattedConsoleMessages;
+        if (this.#attachedNetworkRequestData?.networkRequestUrl) {
+            const request = context.getNetworkRequestByUrl(this.#attachedNetworkRequestData.networkRequestUrl);
+            this.#attachedNetworkRequestData.requestBody =
+                await getFormattedRequestBody(request);
+            const response = request.response();
+            if (response) {
+                this.#attachedNetworkRequestData.responseBody =
+                    await getFormattedResponseBody(response);
+            }
+        }
         if (this.#includeConsoleData) {
             const consoleMessages = context.getConsoleData();
             if (consoleMessages) {
@@ -139,21 +151,9 @@ Call ${handleDialog.name} to handle it before continuing.`);
             }
             response.push('## Network requests');
             if (requests.length) {
-                const paginationResult = paginate(requests, this.#networkRequestsOptions.pagination);
-                if (paginationResult.invalidPage) {
-                    response.push('Invalid page number provided. Showing first page.');
-                }
-                const { startIndex, endIndex, currentPage, totalPages } = paginationResult;
-                response.push(`Showing ${startIndex + 1}-${endIndex} of ${requests.length} (Page ${currentPage + 1} of ${totalPages}).`);
-                if (this.#networkRequestsOptions.pagination) {
-                    if (paginationResult.hasNextPage) {
-                        response.push(`Next page: ${currentPage + 1}`);
-                    }
-                    if (paginationResult.hasPreviousPage) {
-                        response.push(`Previous page: ${currentPage - 1}`);
-                    }
-                }
-                for (const request of paginationResult.items) {
+                const data = this.#dataWithPagination(requests, this.#networkRequestsOptions.pagination);
+                response.push(...data.info);
+                for (const request of data.items) {
                     response.push(getShortDescriptionForRequest(request));
                 }
             }
@@ -182,9 +182,30 @@ Call ${handleDialog.name} to handle it before continuing.`);
         });
         return [text, ...images];
     }
+    #dataWithPagination(data, pagination) {
+        const response = [];
+        const paginationResult = paginate(data, pagination);
+        if (paginationResult.invalidPage) {
+            response.push('Invalid page number provided. Showing first page.');
+        }
+        const { startIndex, endIndex, currentPage, totalPages } = paginationResult;
+        response.push(`Showing ${startIndex + 1}-${endIndex} of ${data.length} (Page ${currentPage + 1} of ${totalPages}).`);
+        if (pagination) {
+            if (paginationResult.hasNextPage) {
+                response.push(`Next page: ${currentPage + 1}`);
+            }
+            if (paginationResult.hasPreviousPage) {
+                response.push(`Previous page: ${currentPage - 1}`);
+            }
+        }
+        return {
+            info: response,
+            items: paginationResult.items,
+        };
+    }
     #getIncludeNetworkRequestsData(context) {
         const response = [];
-        const url = this.#attachedNetworkRequestUrl;
+        const url = this.#attachedNetworkRequestData?.networkRequestUrl;
         if (!url) {
             return response;
         }
@@ -195,6 +216,10 @@ Call ${handleDialog.name} to handle it before continuing.`);
         for (const line of getFormattedHeaderValue(httpRequest.headers())) {
             response.push(line);
         }
+        if (this.#attachedNetworkRequestData?.requestBody) {
+            response.push(`### Request Body`);
+            response.push(this.#attachedNetworkRequestData.requestBody);
+        }
         const httpResponse = httpRequest.response();
         if (httpResponse) {
             response.push(`### Response Headers`);
@@ -202,6 +227,10 @@ Call ${handleDialog.name} to handle it before continuing.`);
                 response.push(line);
             }
         }
+        if (this.#attachedNetworkRequestData?.responseBody) {
+            response.push(`### Response Body`);
+            response.push(this.#attachedNetworkRequestData.responseBody);
+        }
         const httpFailure = httpRequest.failure();
         if (httpFailure) {
             response.push(`### Request failed with`);

package/build/src/Mutex.js

@@ -6,20 +6,17 @@
 export class Mutex {
     static Guard = class Guard {
         #mutex;
-        #onRelease;
-        constructor(mutex, onRelease) {
+        constructor(mutex) {
             this.#mutex = mutex;
-            this.#onRelease = onRelease;
         }
         dispose() {
-            this.#onRelease?.();
             return this.#mutex.release();
         }
     };
     #locked = false;
     #acquirers = [];
     // This is FIFO.
-    async acquire(onRelease) {
+    async acquire() {
         if (!this.#locked) {
             this.#locked = true;
             return new Mutex.Guard(this);
@@ -27,7 +24,7 @@ export class Mutex {
         const { resolve, promise } = Promise.withResolvers();
         this.#acquirers.push(resolve);
         await promise;
-        return new Mutex.Guard(this, onRelease);
+        return new Mutex.Guard(this);
     }
     release() {
         const resolve = this.#acquirers.shift();