chore(demo): add posthog events and link to docs

packages/web/src/app/[domain]/components/homepage/askSourcebotDemoCards.tsx

@@ -9,6 +9,7 @@ import { ContextItem, RepoContextItem, SearchContextItem } from "@/features/chat
 import { DemoExamples, DemoSearchExample, DemoSearchContextExample, DemoSearchContext } from "@/types";
 import { cn, getCodeHostIcon } from "@/lib/utils";
 import { RepositoryQuery, SearchContextQuery } from "@/lib/types";
+import useCaptureEvent from "@/hooks/useCaptureEvent";
 
 interface AskSourcebotDemoCardsProps {
     demoExamples: DemoExamples;
@@ -25,7 +26,14 @@ export const AskSourcebotDemoCards = ({
     searchContexts,
     repos,
 }: AskSourcebotDemoCardsProps) => {
+    const captureEvent = useCaptureEvent();
+
     const handleExampleClick = (example: DemoSearchExample) => {
+        captureEvent('wa_demo_search_example_card_pressed', {
+            exampleTitle: example.title,
+            exampleUrl: example.url || '',
+        });
+
         if (example.url) {
             window.open(example.url, '_blank');
         }
@@ -63,6 +71,12 @@ export const AskSourcebotDemoCards = ({
             return;
         }
 
+        captureEvent('wa_demo_search_context_card_pressed', {
+            contextType: context.type,
+            contextName: context.value,
+            contextDisplayName: context.displayName,
+        });
+
         const isDemoMode = process.env.NEXT_PUBLIC_SOURCEBOT_CLOUD_ENVIRONMENT === "demo";
         const isSelected = selectedItems.some((item) => item.value === context.value);
         if (isSelected) {
@@ -109,6 +123,22 @@ export const AskSourcebotDemoCards = ({
     }
 
     return (
+        <>
+            {process.env.NEXT_PUBLIC_SOURCEBOT_CLOUD_ENVIRONMENT === "demo" && (
+                <p className="text-sm text-muted-foreground text-center mt-6">
+                    Interested in using Sourcebot on your code? Check out our{' '}
+                    <a
+                        href="https://docs.sourcebot.dev/docs/overview"
+                        target="_blank"
+                        rel="noopener noreferrer"
+                        className="text-primary hover:underline"
+                        onClick={() => captureEvent('wa_demo_docs_link_pressed', {})}
+                    >
+                        docs
+                    </a>
+                </p>
+            )}
+
             <div className="w-full mt-8 space-y-12 px-4 max-w-[1000px]">
                 {/* Search Context Row */}
                 <div className="space-y-4">
@@ -216,5 +246,6 @@ export const AskSourcebotDemoCards = ({
                     </div>
                 </div>
             </div>
+        </>
     );
 }; 

packages/web/src/lib/posthogEvents.ts

@@ -282,5 +282,16 @@ export type PosthogEventMap = {
         chatId: string,
         messageId: string,
     },
+    //////////////////////////////////////////////////////////////////
+    wa_demo_docs_link_pressed: {},
+    wa_demo_search_context_card_pressed: {
+        contextType: string,
+        contextName: string,
+        contextDisplayName: string,
+    },
+    wa_demo_search_example_card_pressed: {
+        exampleTitle: string,
+        exampleUrl: string,
+    },
 } 
 export type PosthogEvent = keyof PosthogEventMap;