✨ feat: add Intercom chat widget to project pages

Integrates Intercom messenger on p/[id] pages with user identity (id, name, email, createdAt).

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: bidah

.gitignore

@@ -67,3 +67,7 @@ remotion/
 
 # Screen references
 screen_references/
+
+# Claude Code
+.claude/scheduled_tasks.lock
+.claude/worktrees/

apps/web/app/(app)/p/[id]/project-page-wrapper.tsx

@@ -2,12 +2,18 @@
 
 import dynamic from 'next/dynamic'
 import Loading from './loading'
+import { IntercomWidget } from '@/components/intercom-widget'
 
 const ProjectPage = dynamic(
   () => import('./project-page').then((mod) => mod.ProjectPageInternal),
   { ssr: false, loading: () => <Loading /> },
 )
 
 export function ProjectPageWrapper({ opencodeEnabled, template }: { opencodeEnabled: boolean; template: 'expo-testing' | 'react-native-expo' }) {
-  return <ProjectPage opencodeEnabled={opencodeEnabled} template={template} />
+  return (
+    <>
+      <IntercomWidget />
+      <ProjectPage opencodeEnabled={opencodeEnabled} template={template} />
+    </>
+  )
 }

apps/web/components/intercom-widget.tsx

@@ -0,0 +1,26 @@
+'use client'
+
+import Intercom from '@intercom/messenger-js-sdk'
+import { useEffect } from 'react'
+import { useSession } from '@/lib/auth/client'
+
+export function IntercomWidget() {
+  const { data: session } = useSession()
+  const user = session?.user
+
+  useEffect(() => {
+    if (user) {
+      Intercom({
+        app_id: 'tuks5afn',
+        user_id: user.id,
+        name: user.name,
+        email: user.email,
+        created_at: user.createdAt ? Math.floor(new Date(user.createdAt).getTime() / 1000) : undefined,
+      })
+    } else {
+      Intercom({ app_id: 'tuks5afn' })
+    }
+  }, [user])
+
+  return null
+}

apps/web/package.json

@@ -28,6 +28,7 @@
     "@heroui/system": "^2.4.23",
     "@heroui/tabs": "^2.2.24",
     "@heroui/theme": "^2.4.23",
+    "@intercom/messenger-js-sdk": "^0.0.18",
     "@monaco-editor/react": "^4.7.0",
     "@neondatabase/serverless": "^1.0.1",
     "@octokit/rest": "^22.0.0",