chore: import upstream snapshot with attribution

apps/sim/app/_shell/providers/posthog-provider.tsx

@@ -0,0 +1,65 @@
+'use client'
+
+import { useEffect, useRef, useState } from 'react'
+import { createLogger } from '@sim/logger'
+import type { PostHog } from 'posthog-js'
+import { getEnv, isTruthy } from '@/lib/core/config/env'
+
+const logger = createLogger('PostHogProvider')
+
+export function PostHogProvider({ children }: { children: React.ReactNode }) {
+  const [Provider, setProvider] = useState<React.ComponentType<{
+    client: PostHog
+    children: React.ReactNode
+  }> | null>(null)
+  const clientRef = useRef<PostHog | null>(null)
+
+  useEffect(() => {
+    const posthogEnabled = getEnv('NEXT_PUBLIC_POSTHOG_ENABLED')
+    const posthogKey = getEnv('NEXT_PUBLIC_POSTHOG_KEY')
+
+    if (!isTruthy(posthogEnabled) || !posthogKey) return
+
+    Promise.all([import('posthog-js'), import('posthog-js/react')])
+      .then(([posthogModule, { PostHogProvider: PHProvider }]) => {
+        const posthog = posthogModule.default
+        if (!posthog.__loaded) {
+          posthog.init(posthogKey, {
+            api_host: '/ingest',
+            ui_host: 'https://us.posthog.com',
+            defaults: '2025-05-24',
+            person_profiles: 'identified_only',
+            autocapture: false,
+            capture_pageview: false,
+            capture_pageleave: false,
+            capture_performance: false,
+            capture_dead_clicks: false,
+            enable_heatmaps: false,
+            disable_session_recording: true,
+            session_recording: {
+              maskAllInputs: false,
+              maskInputOptions: {
+                password: true,
+                email: false,
+              },
+              recordCrossOriginIframes: false,
+              recordHeaders: false,
+              recordBody: false,
+            },
+            persistence: 'localStorage+cookie',
+          })
+        }
+        clientRef.current = posthog
+        setProvider(() => PHProvider)
+      })
+      .catch((err) => {
+        logger.error('Failed to load PostHog', { error: err })
+      })
+  }, [])
+
+  if (Provider && clientRef.current) {
+    return <Provider client={clientRef.current}>{children}</Provider>
+  }
+
+  return <>{children}</>
+}