feat: add analytics tracking for key user actions

- Enable formSubmissions tracking in Plausible config
- Track repo connect/disconnect/analyze in ReposClient
- Track all share actions (copy, social, download) in ShareActions
- Track public profile enable/disable in PublicProfileSettings

Events tracked:
- repo_connect, repo_disconnect, repo_analyze
- profile_share (with method: twitter, linkedin, etc.)
- profile_download_image (with format: og, square, story)
- public_profile_enabled, public_profile_disabled

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

Author: devakone

apps/web/src/app/repos/ReposClient.tsx

@@ -5,6 +5,7 @@ import { useRouter } from "next/navigation";
 import { ChevronsUpDown, RefreshCw, Trash2 } from "lucide-react";
 import { cn } from "@/lib/utils";
 import { wrappedTheme } from "@/lib/theme";
+import { trackEvent, AnalyticsEvents } from "@/lib/analytics";
 import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from "@/components/ui/command";
 import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover";
 import { ToastAction } from "@/components/ui/toast";
@@ -158,6 +159,7 @@ export default function ReposClient({
       }
 
       toast({ title: "Repo added", description: `${repo.fullName} is now connected.` });
+      trackEvent(AnalyticsEvents.REPO_CONNECT, { platform: repo.platform });
       if (options?.startVibe && body.repo_id) {
         await startAnalysis(body.repo_id, repo.fullName);
       }
@@ -195,6 +197,7 @@ export default function ReposClient({
         </ToastAction>
       ),
     });
+    trackEvent(AnalyticsEvents.REPO_ANALYZE);
     } catch (error) {
       toast({
         variant: "destructive",
@@ -225,6 +228,7 @@ export default function ReposClient({
       }
 
       toast({ title: "Repo disconnected", description: `${repoName} has been removed.` });
+      trackEvent(AnalyticsEvents.REPO_DISCONNECT);
       router.refresh();
     } catch (error) {
       toast({

apps/web/src/components/PlausibleProvider.tsx

@@ -32,6 +32,8 @@ function PlausibleTracker() {
         outboundLinks: true,
         // Track file downloads
         fileDownloads: true,
+        // Track form submissions
+        formSubmissions: true,
         // Disable auto capture - we handle it manually for Next.js App Router
         autoCapturePageviews: false,
       });

apps/web/src/components/settings/PublicProfileSettings.tsx

@@ -3,6 +3,7 @@
 import { useState, useEffect } from "react";
 import type { PublicProfileSettings } from "@/types/public-profile";
 import { DEFAULT_PUBLIC_PROFILE_SETTINGS } from "@/types/public-profile";
+import { trackEvent, AnalyticsEvents } from "@/lib/analytics";
 
 interface ToggleItem {
   key: keyof PublicProfileSettings;
@@ -93,6 +94,12 @@ export function PublicProfileSettingsPanel() {
       if (res.ok) {
         setSuccess("Settings saved!");
         setDirty(false);
+        // Track profile visibility change
+        if (settings.profile_enabled) {
+          trackEvent(AnalyticsEvents.PUBLIC_PROFILE_ENABLED);
+        } else {
+          trackEvent(AnalyticsEvents.PUBLIC_PROFILE_DISABLED);
+        }
         setTimeout(() => setSuccess(null), 3000);
       } else {
         const data = await res.json();

apps/web/src/components/share/ShareActions.tsx

@@ -3,6 +3,7 @@
 import { useState, useEffect } from "react";
 import { Copy, Check, Link2, Share2, Download, FileText } from "lucide-react";
 import { SHARE_FORMATS, downloadBlob } from "./share-image";
+import { trackEvent, AnalyticsEvents } from "@/lib/analytics";
 import type { ShareActionsProps, ShareFormat } from "./types";
 
 // Brand icons (Lucide doesn't include these)
@@ -70,6 +71,7 @@ export function ShareActions({
     try {
       await navigator.clipboard.writeText(shareText);
       setCopied(true);
+      trackEvent(AnalyticsEvents.PROFILE_SHARE, { method: "copy_text" });
       setTimeout(() => setCopied(false), 2000);
     } catch {
       setCopied(false);
@@ -81,6 +83,7 @@ export function ShareActions({
     try {
       await navigator.clipboard.writeText(shareUrl);
       setCopiedLink(true);
+      trackEvent(AnalyticsEvents.PROFILE_SHARE, { method: "copy_link" });
       setTimeout(() => setCopiedLink(false), 2000);
     } catch {
       setCopiedLink(false);
@@ -96,6 +99,7 @@ export function ShareActions({
     const u = new URL("https://twitter.com/intent/tweet");
     u.searchParams.set("text", shareCaption);
     u.searchParams.set("url", shareUrl);
+    trackEvent(AnalyticsEvents.PROFILE_SHARE, { method: "twitter" });
     openSharePopup(u.toString());
   };
 
@@ -104,13 +108,15 @@ export function ShareActions({
     const u = new URL("https://www.facebook.com/sharer/sharer.php");
     u.searchParams.set("u", shareUrl);
     if (shareCaption) u.searchParams.set("quote", shareCaption);
+    trackEvent(AnalyticsEvents.PROFILE_SHARE, { method: "facebook" });
     openSharePopup(u.toString());
   };
 
   const handleShareLinkedIn = () => {
     if (!shareUrl) return;
     const u = new URL("https://www.linkedin.com/sharing/share-offsite/");
     u.searchParams.set("url", shareUrl);
+    trackEvent(AnalyticsEvents.PROFILE_SHARE, { method: "linkedin" });
     openSharePopup(u.toString());
   };
 
@@ -119,13 +125,15 @@ export function ShareActions({
     const u = new URL("https://www.reddit.com/submit");
     u.searchParams.set("url", shareUrl);
     if (shareHeadline) u.searchParams.set("title", shareHeadline);
+    trackEvent(AnalyticsEvents.PROFILE_SHARE, { method: "reddit" });
     openSharePopup(u.toString());
   };
 
   const handleShareWhatsApp = () => {
     if (!shareUrl) return;
     const u = new URL("https://wa.me/");
     u.searchParams.set("text", `${shareCaption}\n${shareUrl}`.trim());
+    trackEvent(AnalyticsEvents.PROFILE_SHARE, { method: "whatsapp" });
     openSharePopup(u.toString());
   };
 
@@ -158,12 +166,13 @@ export function ShareActions({
           files: [file],
           title: shareHeadline,
           // Some platforms ignore text if files are present, but good to include
-          text: shareCaption, 
+          text: shareCaption,
           // Note: Including URL with files is often flaky on Android/iOS (sometimes creates a link card instead of image).
           // We prioritize the IMAGE here as per user request ("share that [the image]").
           // If you really need the URL, append it to text.
-          // url: shareUrl, 
+          // url: shareUrl,
         });
+        trackEvent(AnalyticsEvents.PROFILE_SHARE, { method: "native_share" });
       } else {
         // Fallback if file sharing not supported
         await navigator.share({
@@ -200,6 +209,7 @@ export function ShareActions({
       }
       const blob = await res.blob();
       downloadBlob(blob, `vcp-${entityId}-${shareFormat}.png`);
+      trackEvent(AnalyticsEvents.PROFILE_DOWNLOAD_IMAGE, { format: shareFormat });
       console.log("PNG download complete");
     } catch (e) {
       console.error("PNG download failed:", e);
@@ -220,6 +230,7 @@ export function ShareActions({
       if (!res.ok) throw new Error("story_failed");
       const blob = await res.blob();
       downloadBlob(blob, `vcp-${entityId}-story.png`);
+      trackEvent(AnalyticsEvents.PROFILE_DOWNLOAD_IMAGE, { format: "story" });
     } catch (e) {
       console.error("Story download failed:", e);
       setDownloadError(e instanceof Error ? e.message : "story_download_failed");