fix(posthog): remove usePostHog from memo'd TemplateCard, fix copilot chat phantom workspace group

Author: waleedlatif1

apps/sim/app/api/copilot/chat/route.ts

@@ -200,7 +200,7 @@ export async function POST(req: NextRequest) {
         mode,
       },
       {
-        groups: { workspace: resolvedWorkspaceId ?? '' },
+        groups: resolvedWorkspaceId ? { workspace: resolvedWorkspaceId } : undefined,
         setOnce: { first_copilot_use_at: new Date().toISOString() },
       }
     )

apps/sim/app/workspace/[workspaceId]/home/components/template-prompts/template-prompts.tsx

@@ -2,7 +2,6 @@
 
 import { type ComponentType, memo, type SVGProps } from 'react'
 import Image from 'next/image'
-import { usePostHog } from 'posthog-js/react'
 import { AgentIcon, ScheduleIcon, StartIcon } from '@/components/icons'
 import type { Category, ModuleTag } from './consts'
 import { CATEGORY_META, TEMPLATES } from './consts'
@@ -350,16 +349,19 @@ interface TemplateCardProps {
 
 const TemplateCard = memo(function TemplateCard({ template, onSelect }: TemplateCardProps) {
   const Icon = template.icon
-  const posthog = usePostHog()
 
   return (
     <button
       type='button'
       onClick={() => {
-        posthog?.capture('template_used', {
-          template_title: template.title,
-          template_modules: template.modules.join(' '),
-        })
+        import('@/lib/posthog/client')
+          .then(({ captureClientEvent }) => {
+            captureClientEvent('template_used', {
+              template_title: template.title,
+              template_modules: template.modules.join(' '),
+            })
+          })
+          .catch(() => {})
         onSelect(template.prompt)
       }}
       aria-label={`Select template: ${template.title}`}