feat: event tracking errors

Author: comatory

studio/src/components/onboarding/step-1.tsx

@@ -62,10 +62,19 @@ export const Step1 = () => {
   const { mutate, isPending } = useMutation(createOnboarding, {
     onSuccess: (d) => {
       if (d.response?.code !== EnumStatusCode.OK) {
+        const description = d.response?.details ?? 'We had issues with storing your data. Please try again.';
         toast({
-          description: d.response?.details ?? 'We had issues with storing your data. Please try again.',
+          description,
           duration: 3000,
         });
+        captureOnboardingEvent(posthog, {
+          name: 'onboarding_step_failed',
+          options: {
+            step_name: 'welcome',
+            error_category: 'resource',
+            error_message: description,
+          },
+        });
         return;
       }
 
@@ -85,10 +94,19 @@ export const Step1 = () => {
       router.push('/onboarding/2');
     },
     onError: (error) => {
+      const description = error.details.toString() ?? 'We had issues with storing your data. Please try again.';
       toast({
-        description: error.details.toString() ?? 'We had issues with storing your data. Please try again.',
+        description,
         duration: 3000,
       });
+      captureOnboardingEvent(posthog, {
+        name: 'onboarding_step_failed',
+        options: {
+          step_name: 'welcome',
+          error_category: 'resource',
+          error_message: description,
+        },
+      });
     },
   });
 

studio/src/components/onboarding/step-2.tsx

@@ -141,6 +141,19 @@ export const Step2 = () => {
 
   const status = getDemoGraphStatus({ data, isPolling: polling.active, isError });
 
+  useEffect(() => {
+    if (status !== 'fail' && status !== 'error') return;
+
+    captureOnboardingEvent(posthog, {
+      name: 'onboarding_step_failed',
+      options: {
+        step_name: 'create_graph',
+        error_category: 'resource',
+        error_message: status === 'error' ? 'Failed to fetch federated graph data' : 'Demo federated graph not created',
+      },
+    });
+  }, [status, posthog]);
+
   return (
     <OnboardingContainer>
       <div className="mt-4 flex w-full flex-col gap-6 text-left">