sign in banner events

Author: brendan-kellam

packages/web/src/features/chat/actions.ts

@@ -31,6 +31,7 @@ import { LanguageModelInfo, SBChatMessage } from "./types";
 import { withAuthV2, withOptionalAuthV2 } from "@/withAuthV2";
 import { getAnonymousId, getOrCreateAnonymousId } from "@/lib/anonymousId";
 import { Chat, PrismaClient, User } from "@sourcebot/db";
+import { captureEvent } from "@/lib/posthog";
 
 const logger = createLogger('chat-actions');
 const auditService = getAuditService();
@@ -387,6 +388,12 @@ export const claimAnonymousChats = async () => sew(() =>
             },
         });
 
+        if (result.count > 0) {
+            captureEvent('wa_anonymous_chats_claimed', {
+                claimedCount: result.count,
+            });
+        }
+
         return { claimed: result.count };
     })
 );

packages/web/src/features/chat/components/chatThread/chatThread.tsx

@@ -392,6 +392,7 @@ export const ChatThread = ({
             </ScrollArea>
             <div className="w-full max-w-3xl mx-auto mb-8">
                 <SignInPromptBanner
+                    chatId={chatId}
                     isAuthenticated={isAuthenticated}
                     isOwner={isOwner}
                     hasMessages={messages.length > 0}

packages/web/src/features/chat/components/chatThread/signInPromptBanner.tsx

@@ -1,6 +1,7 @@
 'use client';
 
 import { Button } from '@/components/ui/button';
+import { captureEvent } from '@/hooks/useCaptureEvent';
 import { X } from 'lucide-react';
 import Link from 'next/link';
 import { usePathname } from 'next/navigation';
@@ -9,48 +10,57 @@ import { useState, useEffect } from 'react';
 const DISMISSED_KEY = 'sb.chat-sign-in-prompt-dismissed';
 
 interface SignInPromptBannerProps {
+    chatId: string;
     isAuthenticated: boolean;
     isOwner: boolean;
     hasMessages: boolean;
     isStreaming: boolean;
 }
 
 export const SignInPromptBanner = ({
+    chatId,
     isAuthenticated,
     isOwner,
     hasMessages,
     isStreaming,
 }: SignInPromptBannerProps) => {
     const pathname = usePathname();
     const [isDismissed, setIsDismissed] = useState(true); // Start as true to avoid flash
-    const [hasShownOnce, setHasShownOnce] = useState(false);
+    const [hasDisplayedEventFired, setHasDisplayedEventFired] = useState(false);
 
     // Check sessionStorage on mount
     useEffect(() => {
         const dismissed = sessionStorage.getItem(DISMISSED_KEY) === 'true';
         setIsDismissed(dismissed);
     }, []);
 
-    // Show the banner after first response completes
+    const isBannerVisible =
+        !isDismissed &&
+        !isAuthenticated &&
+        isOwner &&
+        hasMessages &&
+        !isStreaming;
+
+    // Show the banner after first response completes and track display
     useEffect(() => {
-        if (!isAuthenticated && isOwner && hasMessages && !isStreaming && !hasShownOnce) {
-            setHasShownOnce(true);
+        if (isBannerVisible && !hasDisplayedEventFired) {
+            setHasDisplayedEventFired(true);
+            captureEvent('wa_chat_sign_in_banner_displayed', { chatId });
         }
-    }, [isAuthenticated, isOwner, hasMessages, isStreaming, hasShownOnce]);
+    }, [isBannerVisible, chatId, hasDisplayedEventFired]);
+
 
     const handleDismiss = () => {
+        captureEvent('wa_chat_sign_in_banner_dismissed', { chatId });
         setIsDismissed(true);
         sessionStorage.setItem(DISMISSED_KEY, 'true');
     };
 
-    // Don't show if:
-    // - User is authenticated
-    // - User doesn't own this chat
-    // - Banner was dismissed
-    // - No messages yet (haven't had first interaction)
-    // - Still streaming (wait for response to complete)
-    // - Haven't triggered the "show" condition yet
-    if (isAuthenticated || !isOwner || isDismissed || !hasMessages || isStreaming || !hasShownOnce) {
+    const handleSignInClick = () => {
+        captureEvent('wa_chat_sign_in_banner_clicked', { chatId });
+    };
+
+    if (!isBannerVisible) {
         return null;
     }
 
@@ -64,6 +74,7 @@ export const SignInPromptBanner = ({
                     variant="default"
                     size="sm"
                     asChild
+                    onClick={handleSignInClick}
                 >
                     <Link href={`/login?callbackUrl=${encodeURIComponent(pathname)}`}>
                         Sign in

packages/web/src/lib/posthogEvents.ts

@@ -158,7 +158,6 @@ export type PosthogEventMap = {
         toolName: string,
         success: boolean,
     },
-    // Chat Sharing Funnel
     wa_chat_share_dialog_opened: {
         chatId: string,
         currentVisibility: 'PUBLIC' | 'PRIVATE',
@@ -185,6 +184,18 @@ export type PosthogEventMap = {
         viewerType: 'authenticated' | 'anonymous',
         accessType: 'public_link' | 'direct_invite',
     },
+    wa_chat_sign_in_banner_displayed: {
+        chatId: string,
+    },
+    wa_chat_sign_in_banner_dismissed: {
+        chatId: string,
+    },
+    wa_chat_sign_in_banner_clicked: {
+        chatId: string,
+    },
+    wa_anonymous_chats_claimed: {
+        claimedCount: number,
+    },
     //////////////////////////////////////////////////////////////////
     wa_demo_docs_link_pressed: {},
     wa_demo_search_example_card_pressed: {