}) {
+ const overheadBreakdown = metadata?.overhead_breakdown;
+
+ if (!overheadBreakdown || typeof overheadBreakdown !== 'object') {
+ return null;
+ }
+
+ const hasAnyData =
+ overheadBreakdown.auth_time_ms !== undefined ||
+ overheadBreakdown.cache_read_time_ms !== undefined ||
+ overheadBreakdown.request_translation_time_ms !== undefined ||
+ overheadBreakdown.response_translation_time_ms !== undefined ||
+ overheadBreakdown.retry_count !== undefined;
+
+ if (!hasAnyData) {
+ return null;
+ }
+
+ const formatTime = (ms: number | undefined) => {
+ if (ms === undefined || ms === null) return "-";
+ return `${ms.toFixed(2)} ms`;
+ };
+
+ return (
+
+
+
+ {overheadBreakdown.auth_time_ms !== undefined && (
+
+ {formatTime(overheadBreakdown.auth_time_ms)}
+
+ )}
+ {overheadBreakdown.cache_read_time_ms !== undefined && (
+
+ {formatTime(overheadBreakdown.cache_read_time_ms)}
+
+ )}
+ {overheadBreakdown.request_translation_time_ms !== undefined && (
+
+ {formatTime(overheadBreakdown.request_translation_time_ms)}
+
+ )}
+ {overheadBreakdown.response_translation_time_ms !== undefined && (
+
+ {formatTime(overheadBreakdown.response_translation_time_ms)}
+
+ )}
+ {overheadBreakdown.retry_count !== undefined && overheadBreakdown.retry_count !== null && (
+
+ {overheadBreakdown.retry_count}
+
+ )}
+
+
+
+ );
+}
+
interface RequestResponseSectionProps {
hasResponse: boolean;
getRawRequest: () => any;