enhance(frontend): allow posthog provider accept config options

agenta-web/src/lib/helpers/analytics/AgPosthogProvider.tsx

@@ -1,9 +1,10 @@
 import {useCallback, useEffect, useRef} from "react"
 import {useRouter} from "next/router"
 import {useAtom} from "jotai"
-import {posthogAtom} from "./store/atoms"
+import {posthogAtom, type PostHogConfig} from "./store/atoms"
+import {CustomPosthogProviderType} from "./types"
 
-const CustomPosthogProvider = ({children}: {children: React.ReactNode}) => {
+const CustomPosthogProvider: CustomPosthogProviderType = ({children, config}) => {
     const router = useRouter()
     const loadingPosthog = useRef(false)
     const [posthogClient, setPosthogClient] = useAtom(posthogAtom)
@@ -24,9 +25,9 @@ const CustomPosthogProvider = ({children}: {children: React.ReactNode}) => {
                 if (process.env.NODE_ENV === "development") posthog.debug()
             },
             capture_pageview: false,
-            persistence: "localStorage+cookie",
+            ...config,
         })
-    }, [posthogClient, setPosthogClient])
+    }, [config, posthogClient, setPosthogClient])
 
     useEffect(() => {
         initPosthog()

agenta-web/src/lib/helpers/analytics/store/atoms.ts

@@ -1,4 +1,5 @@
 import {atom} from "jotai"
-import {type PostHog} from "posthog-js"
+import {type PostHog, type PostHogConfig} from "posthog-js"
 
+export type {PostHogConfig}
 export const posthogAtom = atom<PostHog | null>(null)

agenta-web/src/lib/helpers/analytics/types.d.ts

@@ -0,0 +1,7 @@
+import {type PostHogConfig} from "./store/atoms"
+
+export interface CustomPosthogProviderType
+    extends React.FC<{
+        children: React.ReactNode
+        config: Partial<PostHogConfig>
+    }> {}

agenta-web/src/pages/_app.tsx

@@ -29,7 +29,11 @@ export default function App({Component, pageProps}: AppProps) {
                 <link rel="shortcut icon" href="/assets/favicon.ico" />
             </Head>
             <main className={`${inter.variable} font-sans`}>
-                <CustomPosthogProvider>
+                <CustomPosthogProvider
+                    config={{
+                        persistence: "localStorage+cookie",
+                    }}
+                >
                     <ThemeContextProvider>
                         <ProfileContextProvider>
                             <ProjectContextProvider>