feat: add tracking for users viewed in search space

- Introduced a new event tracking function for when users view the team page in a search space.
- Updated the team management page to utilize this tracking, capturing user and owner counts.

surfsense_web/app/dashboard/[search_space_id]/team/page.tsx

@@ -28,7 +28,7 @@ import {
 } from "lucide-react";
 import { motion } from "motion/react";
 import { useParams, useRouter } from "next/navigation";
-import { useCallback, useMemo, useState } from "react";
+import { useCallback, useEffect, useMemo, useState } from "react";
 import { toast } from "sonner";
 import {
 	createInviteMutationAtom,
@@ -116,7 +116,7 @@ import type {
 } from "@/contracts/types/roles.types";
 import { invitesApiService } from "@/lib/apis/invites-api.service";
 import { rolesApiService } from "@/lib/apis/roles-api.service";
-import { trackSearchSpaceInviteSent } from "@/lib/posthog/events";
+import { trackSearchSpaceInviteSent, trackSearchSpaceUsersViewed } from "@/lib/posthog/events";
 import { cacheKeys } from "@/lib/query-client/cache-keys";
 import { cn } from "@/lib/utils";
 
@@ -298,6 +298,14 @@ export default function TeamManagementPage() {
 		toast.success("Team data refreshed");
 	}, [fetchMembers, fetchRoles, fetchInvites]);
 
+	// Track users per search space when team page is viewed
+	useEffect(() => {
+		if (members.length > 0 && !membersLoading) {
+			const ownerCount = members.filter((m) => m.is_owner).length;
+			trackSearchSpaceUsersViewed(searchSpaceId, members.length, ownerCount);
+		}
+	}, [members, membersLoading, searchSpaceId]);
+
 	if (accessLoading) {
 		return (
 			<div className="flex items-center justify-center min-h-[60vh]">

surfsense_web/lib/posthog/events.ts

@@ -321,6 +321,18 @@ export function trackSearchSpaceUserAdded(
 	});
 }
 
+export function trackSearchSpaceUsersViewed(
+	searchSpaceId: number,
+	userCount: number,
+	ownerCount: number
+) {
+	posthog.capture("search_space_users_viewed", {
+		search_space_id: searchSpaceId,
+		user_count: userCount,
+		owner_count: ownerCount,
+	});
+}
+
 // ============================================
 // CONNECTOR CONNECTION EVENTS
 // ============================================