feat(dashboard): improve telemetry for env (#7571)

apps/dashboard/src/components/create-environment-button.tsx

@@ -31,6 +31,8 @@ import { useForm } from 'react-hook-form';
 import { RiAddLine, RiArrowRightSLine } from 'react-icons/ri';
 import { useNavigate } from 'react-router-dom';
 import { z } from 'zod';
+import { useTelemetry } from '../hooks/use-telemetry';
+import { TelemetryEvent } from '../utils/telemetry';
 import { ColorPicker } from './primitives/color-picker';
 import { showErrorToast, showSuccessToast } from './primitives/sonner-helpers';
 import { Tooltip, TooltipContent, TooltipTrigger } from './primitives/tooltip';
@@ -74,6 +76,7 @@ export const CreateEnvironmentButton = (props: CreateEnvironmentButtonProps) =>
   const { mutateAsync, isPending } = useCreateEnvironment();
   const { subscription } = useFetchSubscription();
   const navigate = useNavigate();
+  const track = useTelemetry();
 
   const isBusinessTier = subscription?.apiServiceLevel === ApiServiceLevelEnum.BUSINESS;
   const isTrialActive = subscription?.trial?.isActive;
@@ -109,6 +112,10 @@ export const CreateEnvironmentButton = (props: CreateEnvironmentButtonProps) =>
   };
 
   const handleClick = () => {
+    track(TelemetryEvent.CREATE_ENVIRONMENT_CLICK, {
+      createAllowed: !!canCreateEnvironment,
+    });
+
     if (!canCreateEnvironment) {
       navigate(ROUTES.SETTINGS_BILLING);
       return;

apps/dashboard/src/pages/environments.tsx

@@ -1,9 +1,18 @@
 import { PageMeta } from '@/components/page-meta';
+import { useEffect } from 'react';
 import { CreateEnvironmentButton } from '../components/create-environment-button';
 import { DashboardLayout } from '../components/dashboard-layout';
 import { EnvironmentsList } from '../components/environments-list';
+import { useTelemetry } from '../hooks/use-telemetry';
+import { TelemetryEvent } from '../utils/telemetry';
 
 export function EnvironmentsPage() {
+  const track = useTelemetry();
+
+  useEffect(() => {
+    track(TelemetryEvent.ENVIRONMENTS_PAGE_VIEWED);
+  }, [track]);
+
   return (
     <>
       <PageMeta title={`Environments`} />

apps/dashboard/src/pages/workflows.tsx

@@ -115,7 +115,7 @@ export const WorkflowsPage = () => {
       buildRoute(ROUTES.TEMPLATE_STORE_CREATE_WORKFLOW, {
         environmentSlug: environmentSlug || '',
         templateId: template.id,
-      })
+      }) + '?source=template-store-card-row'
     );
   };
 
@@ -183,14 +183,13 @@ export const WorkflowsPage = () => {
                       </DropdownMenuItem>
                       <DropdownMenuItem
                         className="cursor-pointer"
-                        onSelect={() =>
+                        onSelect={() => {
                           navigate(
                             buildRoute(ROUTES.TEMPLATE_STORE, {
                               environmentSlug: environmentSlug || '',
-                              source: 'create-workflow-dropdown',
-                            })
-                          )
-                        }
+                            }) + '?source=create-workflow-dropdown'
+                          );
+                        }}
                       >
                         <RiFileMarkedLine />
                         View Workflow Gallery
@@ -224,8 +223,7 @@ export const WorkflowsPage = () => {
                     navigate(
                       buildRoute(ROUTES.TEMPLATE_STORE, {
                         environmentSlug: environmentSlug || '',
-                        source: 'start-with',
-                      })
+                      }) + '?source=start-with'
                     )
                   }
                   trailingIcon={RiArrowRightSLine}

apps/dashboard/src/utils/telemetry.ts

@@ -45,4 +45,6 @@ export enum TelemetryEvent {
   CREATE_WORKFLOW_CLICK = 'Create Workflow Click',
   GENERATE_WORKFLOW_CLICK = 'Generate Workflow Click',
   TEMPLATE_WORKFLOW_CLICK = 'Template Workflow Click',
+  ENVIRONMENTS_PAGE_VIEWED = 'Environments Page Viewed',
+  CREATE_ENVIRONMENT_CLICK = 'Create Environment Click',
 }