AI: add network initiator to trace events sent to LLM

Also a drive by to improve the priority; if they are both the same there
is no need to output both the initial and final priority, so now we only
do that if the priority changed.

Fixed: 401195804
Change-Id: I8befa8190b32f9b5fa8e1562fbff4e74b6a542c8
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6333532
Auto-Submit: Jack Franklin <[email protected]>
Commit-Queue: Nancy Li <[email protected]>
Reviewed-by: Nancy Li <[email protected]>

Author: jackfranklin

front_end/panels/ai_assistance/data_formatters/PerformanceInsightFormatter.test.ts

@@ -127,12 +127,11 @@ Timings:
 Durations:
 - Main thread processing duration: 3.51 ms
 - Total duration: 13.93 ms
+Initiator: https://chromedevtools.github.io/performance-stories/lcp-large-image/index.html
 Status code: 200
 MIME Type: text/css
-Priority:
-- Initial: VeryHigh
-- Final: VeryHigh
-Render blocking?: Yes
+Priority: VeryHigh
+Render blocking: Yes
 From a service worker: No
 Response headers
 - date: Thu, 07 Mar 2024 21:17:02 GMT

front_end/panels/ai_assistance/data_formatters/PerformanceInsightFormatter.ts

@@ -230,6 +230,16 @@ export class TraceEventFormatter {
 
     const renderBlocking = Trace.Helpers.Network.isSyntheticNetworkRequestEventRenderBlocking(request);
 
+    const initiator = parsedTrace.NetworkRequests.eventToInitiator.get(request);
+
+    const priorityLines = [];
+    if (initialPriority === priority) {
+      priorityLines.push(`Priority: ${priority}`);
+    } else {
+      priorityLines.push(`Initial priority: ${initialPriority}`);
+      priorityLines.push(`Final priority: ${priority}`);
+    }
+
     if (!options.verbose) {
       return `## Network request: ${url}
 - Start time: ${formatMicro(startTimesForLifecycle.start)}
@@ -246,13 +256,11 @@ Timings:
 - Completed at: ${formatMicro(startTimesForLifecycle.processingComplete)}
 Durations:
 - Main thread processing duration: ${formatMicro(mainThreadProcessingDuration)}
-- Total duration: ${formatMicro(request.dur)}
+- Total duration: ${formatMicro(request.dur)}${initiator ? `\nInitiator: ${initiator.args.data.url}` : ''}
 Status code: ${statusCode}
 MIME Type: ${mimeType}
-Priority:
-- Initial: ${initialPriority}
-- Final: ${priority}
-Render blocking?: ${renderBlocking ? 'Yes' : 'No'}
+${priorityLines.join('\n')}
+Render blocking: ${renderBlocking ? 'Yes' : 'No'}
 From a service worker: ${fromServiceWorker ? 'Yes' : 'No'}
 ${NetworkRequestFormatter.formatHeaders('Response headers', responseHeaders, true)}`;
   }