Fixes measurement parsing for Live events

Updates stroke-completed checks from Simulator to Live to match current event stream
Builds ShotStarting measurements from top-level fields instead of expecting a nested object
Adds targeted debug logs in the inspector to trace course info and measurement rendering paths

Improves reliability of tiles view by ensuring correct measurement extraction

Author: mbertelsen

src/components/WebhookInspector/index.tsx

@@ -416,16 +416,20 @@ const WebhookInspector: React.FC<Props> = ({ userPath, selectedDeviceId = null,
             {/* Display course information if available for this activity session */}
             {(() => {
               const { activitySessionId } = getSessionIds(selectedEvent);
+              console.log('[WebhookInspector] Render check - activitySessionId:', activitySessionId);
               if (activitySessionId) {
                 const sessionData = getSessionData(activitySessionId);
+                console.log('[WebhookInspector] sessionData:', sessionData ? 'found' : 'not found', sessionData);
                 if (sessionData && (sessionData.courseInfo || sessionData.isLoadingCourse)) {
                   // Find the most recent ChangePlayer data for this event
                   const changePlayerData = findRecentChangePlayerData(selectedEvent, allEvents);
+                  console.log('[WebhookInspector] changePlayerData:', changePlayerData);
 
                   // Find all shots for the current hole
                   const shots: ShotData[] = changePlayerData?.hole 
                     ? findAllShotsForHole(selectedEvent, allEvents, changePlayerData.hole)
                     : [];
+                  console.log('[WebhookInspector] shots found:', shots.length);
 
                   return (
                     <CourseInfoBanner 
@@ -444,10 +448,14 @@ const WebhookInspector: React.FC<Props> = ({ userPath, selectedDeviceId = null,
 
             {/* Check if this is a measurement event - show tiles view instead of JSON */}
             {(() => {
+              console.log('[WebhookInspector] Checking measurement event for:', selectedEvent.eventType);
               if (isMeasurementEvent(selectedEvent)) {
+                console.log('[WebhookInspector] Is measurement event, getting data...');
                 const measurement = getMeasurementData(selectedEvent, allEvents);
+                console.log('[WebhookInspector] Measurement data:', measurement ? 'found' : 'not found', measurement);
                 if (measurement) {
                   const payload = getEventModelPayload(selectedEvent);
+                  console.log('[WebhookInspector] Rendering MeasurementTilesView');
                   return (
                     <MeasurementTilesView 
                       measurement={measurement}
@@ -457,6 +465,7 @@ const WebhookInspector: React.FC<Props> = ({ userPath, selectedDeviceId = null,
                 }
               }
               // Fallback: render JSON for all other events
+              console.log('[WebhookInspector] Fallback - rendering JSON');
               return (
                 <pre className="preview-json">{JSON.stringify(getEventModelPayload(selectedEvent), null, 2)}</pre>
               );

src/utils/measurementDataUtils.ts

@@ -6,7 +6,7 @@ import { getSessionIds, getEventModelPayload } from './webhookEventUtils';
  */
 export function isMeasurementEvent(e: EventItem): boolean {
   return (
-    e.eventType === 'TPS.Simulator.OnStrokeCompletedEvent' ||
+    e.eventType === 'TPS.Live.OnStrokeCompletedEvent' ||
     e.eventType === 'TPS.Simulator.ShotStarting' ||
     e.eventType === 'TPS.Simulator.ShotFinish'
   );
@@ -26,15 +26,20 @@ export function getMeasurementData(event: EventItem, eventsList: EventItem[]) {
     const payload = getEventModelPayload(event);
     if (!payload) return null;
 
-    // For OnStrokeCompletedEvent: use Measurement directly
-    if (event.eventType === 'TPS.Simulator.OnStrokeCompletedEvent') {
-      console.log('[getMeasurementData] OnStrokeCompletedEvent measurement:', payload.Measurement);
-      return payload.Measurement;
+    // For ShotStarting: construct measurement from individual fields
+    if (event.eventType === 'TPS.Simulator.ShotStarting') {
+      console.log('[getMeasurementData] ShotStarting payload:', payload);
+      // ShotStarting has BallSpeed, LaunchAngle, LaunchDirection as individual fields
+      return {
+        BallSpeed: payload.BallSpeed,
+        LaunchAngle: payload.LaunchAngle,
+        LaunchDirection: payload.LaunchDirection,
+      };
     }
 
-    // For ShotStarting: use Measurement directly
-    if (event.eventType === 'TPS.Simulator.ShotStarting') {
-      console.log('[getMeasurementData] ShotStarting measurement:', payload.Measurement);
+    // For OnStrokeCompletedEvent: use Measurement directly
+    if (event.eventType === 'TPS.Live.OnStrokeCompletedEvent') {
+      console.log('[getMeasurementData] OnStrokeCompletedEvent measurement:', payload.Measurement);
       return payload.Measurement;
     }
 
@@ -62,7 +67,7 @@ export function getMeasurementData(event: EventItem, eventsList: EventItem[]) {
       for (let i = currentIdx + 1; i < eventsList.length; i++) {
         const prevEvent = eventsList[i];
 
-        if (prevEvent.eventType === 'TPS.Simulator.OnStrokeCompletedEvent') {
+        if (prevEvent.eventType === 'TPS.Live.OnStrokeCompletedEvent') {
           const { deviceId: prevDeviceId } = getSessionIds(prevEvent);
 
           if (prevDeviceId === thisDeviceId) {