fix: session replay works and links users

Author: k11kirky

apps/array/src/renderer/features/auth/stores/authStore.ts

@@ -124,8 +124,11 @@ export const useAuthStore = create<AuthState>()(
 
             get().scheduleTokenRefresh();
 
-            // Track user login
-            identifyUser(user.uuid, {
+            // Track user login - use distinct_id to match web sessions (same as PostHog web app)
+            const distinctId = user.distinct_id || user.email;
+            identifyUser(distinctId, {
+              email: user.email,
+              uuid: user.uuid,
               project_id: projectId.toString(),
               region,
             });
@@ -135,8 +138,10 @@ export const useAuthStore = create<AuthState>()(
             });
 
             trpcVanilla.analytics.setUserId.mutate({
-              userId: user.uuid,
+              userId: distinctId,
               properties: {
+                email: user.email,
+                uuid: user.uuid,
                 project_id: projectId.toString(),
                 region,
               },
@@ -309,14 +314,20 @@ export const useAuthStore = create<AuthState>()(
 
               get().scheduleTokenRefresh();
 
-              identifyUser(user.uuid, {
+              // Use distinct_id to match web sessions (same as PostHog web app)
+              const distinctId = user.distinct_id || user.email;
+              identifyUser(distinctId, {
+                email: user.email,
+                uuid: user.uuid,
                 project_id: projectId.toString(),
                 region: tokens.cloudRegion,
               });
 
               trpcVanilla.analytics.setUserId.mutate({
-                userId: user.uuid,
+                userId: distinctId,
                 properties: {
+                  email: user.email,
+                  uuid: user.uuid,
                   project_id: projectId.toString(),
                   region: tokens.cloudRegion,
                 },

apps/array/src/renderer/lib/analytics.ts

@@ -1,8 +1,15 @@
 import posthog from "posthog-js/dist/module.full.no-external";
+// Import the recorder to set up __PosthogExtensions__.initSessionRecording
+// The module.full.no-external bundle includes rrweb but not the initSessionRecording function
+// This import adds the missing piece needed for session replay in Electron
+import "posthog-js/dist/lazy-recorder";
 import type {
   EventPropertyMap,
   UserIdentifyProperties,
 } from "../../types/analytics";
+import { logger } from "./logger";
+
+const log = logger.scope("analytics");
 
 let isInitialized = false;
 
@@ -24,11 +31,62 @@ export function initializePostHog() {
     capture_pageleave: false,
     disable_session_recording: false,
     debug: true, // Enable debug mode for now (TODO: turn this off before launch)
+    loaded: () => {
+      log.info("PostHog loaded");
+      // Log session recording status after remote config loads
+      setTimeout(() => {
+        logSessionRecordingStatus();
+      }, 3000);
+    },
   });
 
   isInitialized = true;
 }
 
+/**
+ * Log the current session recording status for debugging
+ */
+export function logSessionRecordingStatus() {
+  if (!isInitialized) {
+    log.warn("PostHog not initialized");
+    return;
+  }
+
+  const sessionRecording = posthog.sessionRecording;
+  const remoteConfig = posthog.get_property("$session_recording_remote_config");
+
+  log.info("Session Recording Debug:", {
+    started: sessionRecording?.started,
+    status: sessionRecording?.status,
+    remoteConfigEnabled: remoteConfig?.enabled,
+    remoteConfig,
+    windowLocationHref: window.location?.href,
+    configDisableSessionRecording: posthog.config?.disable_session_recording,
+  });
+}
+
+/**
+ * Manually start session recording.
+ * Use this to force start recording regardless of triggers.
+ */
+export function startSessionRecording() {
+  if (!isInitialized) {
+    log.warn("PostHog not initialized, cannot start session recording");
+    return;
+  }
+
+  log.info("Attempting to start session recording...");
+
+  // Use PostHog's startSessionRecording API which overrides triggers
+  posthog.startSessionRecording();
+
+  // Log status after attempting to start
+  setTimeout(() => {
+    log.info("Session recording status after manual start:");
+    logSessionRecordingStatus();
+  }, 1000);
+}
+
 export function identifyUser(
   userId: string,
   properties?: UserIdentifyProperties,

apps/array/src/types/analytics.ts

@@ -53,7 +53,8 @@ export interface RepositorySelectProperties {
 }
 
 export interface UserIdentifyProperties {
-  user_id?: string;
+  email?: string;
+  uuid?: string;
   project_id?: string;
   region?: string;
 }