+ {/* Full Message */}
+
+
Message
+
+ {log.body}
+
+
+
+ {/* Attributes */}
+ {Object.keys(log.attributes).length > 0 && (
+
+
Attributes
+
+ {Object.entries(log.attributes).map(([key, value]) => (
+
+
+ {key}
+
+ {value}
+
+ ))}
+
+
+ )}
+
+ {/* Resource */}
+ {Object.keys(log.resource).length > 0 && (
+
+
Resource
+
+ {Object.entries(log.resource).map(([key, value]) => (
+
+
+ {key}
+
+ {value}
+
+ ))}
+
+
+ )}
+
+ {/* Trace Context */}
+ {(log.traceId || log.spanId) && (
+
+
Trace Context
+
+ {log.traceId && (
+
+
+ Trace ID
+
+ {log.traceId}
+
+ )}
+ {log.spanId && (
+
+
+ Span ID
+
+ {log.spanId}
+
+ )}
+
+
+ )}
+
+ {/* Device Info */}
+
+
Device
+
+
+ Device ID
+ {log.deviceId}
+
+ {log.profileId && (
+
+ Profile ID
+ {log.profileId}
+
+ )}
+
+ OS
+
+ {log.os} {log.osVersion}
+
+
+
+ Browser
+
+ {log.browser} {log.browserVersion}
+
+
+
+ Location
+
+ {log.city}, {log.region}, {log.country}
+
+
+
+
+
+ {/* SDK Info */}
+
+
SDK
+
+
+ Name
+ {log.sdkName || 'unknown'}
+
+
+ Version
+ {log.sdkVersion || 'unknown'}
+
+
+
+
+ {/* Observed At */}
+
+ Observed at: {format(new Date(log.observedAt), 'MMM d, HH:mm:ss.SSS')}
+
+
+