[AI] Format CLS using 2 decimals.

Bug: none
Change-Id: Ia367c97d1270d54e8d5f05da953603829c9ef9ba
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6882336
Commit-Queue: Connor Clark <[email protected]>
Reviewed-by: Paul Irish <[email protected]>
Auto-Submit: Connor Clark <[email protected]>
Commit-Queue: Paul Irish <[email protected]>

Author: Connor Clark

front_end/models/ai_assistance/data_formatters/PerformanceInsightFormatter.ts

@@ -437,9 +437,9 @@ ${filesFormatted}`;
     return Object.entries(this.#insight.metricSavings ?? {})
         .map(([k, v]) => {
           if (k === 'CLS') {
-            return `${k} ${v}`;
+            return `${k} ${v.toFixed(2)}`;
           }
-          return `${k} ${v} ms`;
+          return `${k} ${Math.round(v)} ms`;
         })
         .join(', ');
   }

front_end/models/ai_assistance/data_formatters/PerformanceTraceFormatter.snapshot.txt

@@ -497,7 +497,7 @@ Metrics:
   - LCP: 118 ms, event: (eventKey: r-1802, ts: 1020034953358)
     - TTFB: 31.3 ms, bounds: {min: 1020034834921, max: 1020034866264}
     - Render delay: 87 ms, bounds: {min: 1020034866264, max: 1020034953358}
-  - CLS: 0
+  - CLS: 0.00
 Available insights:
   - insight name: LCPBreakdown
     description: Each [subpart has specific improvement strategies](https://web.dev/articles/optimize-lcp#lcp-breakdown). Ideally, most of the LCP time should be spent on loading the resources, not within delays.
@@ -526,7 +526,7 @@ Metrics:
     - Load delay: 90.3 ms, bounds: {min: 157423704371, max: 157423794709}
     - Load duration: 63.9 ms, bounds: {min: 157423794709, max: 157423858674}
     - Render delay: 94.4 ms, bounds: {min: 157423858674, max: 157423953162}
-  - CLS: 0.043065690033645056, event: (eventKey: s--1, ts: 157425604232)
+  - CLS: 0.04, event: (eventKey: s--1, ts: 157425604232)
 Available insights:
   - insight name: LCPBreakdown
     description: Each [subpart has specific improvement strategies](https://web.dev/articles/optimize-lcp#lcp-breakdown). Ideally, most of the LCP time should be spent on loading the resources, not within delays.

front_end/models/ai_assistance/data_formatters/PerformanceTraceFormatter.ts

@@ -77,7 +77,7 @@ export class PerformanceTraceFormatter {
       }
       if (cls) {
         const eventText = cls.worstClusterEvent ? `, event: ${this.serializeEvent(cls.worstClusterEvent)}` : '';
-        parts.push(`  - CLS: ${cls.value}${eventText}`);
+        parts.push(`  - CLS: ${cls.value.toFixed(2)}${eventText}`);
       }
     } else {
       parts.push('Metrics: n/a');