round 1 updates

updated competitor feature comparision, pairs with slide, customers slide, and order

Author: cleo-pleurodon

contents/handbook/engineering/posthog-com/product-comparisons.mdx

@@ -449,6 +449,10 @@ export const llmAnalytics = {
                 name: 'Helicone',
                 key: 'helicone',
             },
+            {
+                name: 'Braintrust',
+                key: 'braintrust',
+            },
             {
                 name: 'PostHog',
                 key: 'posthog',

package.json

@@ -270,7 +270,7 @@
         "*.{js,ts,tsx}": "eslint",
         "*.{md,mdx}": "markdownlint-cli2 --fix"
     },
-    "packageManager": "pnpm@10.23.0+sha512.21c4e5698002ade97e4efe8b8b4a89a8de3c85a37919f957e7a0f30f38fbc5bbdd05980ffe29179b2fb6e6e691242e098d945d1601772cad0fef5fb6411e2a4b",
+    "packageManager": "pnpm@10.26.2+sha512.0e308ff2005fc7410366f154f625f6631ab2b16b1d2e70238444dd6ae9d630a8482d92a451144debc492416896ed16f7b114a86ec68b8404b2443869e68ffda6",
     "pnpm": {
         "onlyBuiltDependencies": [
             "@parcel/watcher",

src/components/ProductComparisonTable/index.tsx

@@ -13,6 +13,7 @@ import { amplitude } from '../../hooks/competitorData/amplitude'
 import { appcues } from '../../hooks/competitorData/appcues'
 import { appsignal } from '../../hooks/competitorData/appsignal'
 import { baremetrics } from '../../hooks/competitorData/baremetrics'
+import { braintrust } from '../../hooks/competitorData/braintrust'
 import { bugsnag } from '../../hooks/competitorData/bugsnag'
 import { chartmogul } from '../../hooks/competitorData/chartmogul'
 import { chameleon } from '../../hooks/competitorData/chameleon'
@@ -584,6 +585,7 @@ export default function ProductComparisonTable({
         appcues,
         appsignal,
         baremetrics,
+        braintrust,
         bugsnag,
         chartmogul,
         chameleon,

src/components/Products/Slides/CustomersSlide.tsx

@@ -6,6 +6,7 @@ import { SlideContainer } from './SlidesTemplate'
 import ScrollArea from 'components/RadixUI/ScrollArea'
 import OSButton from 'components/OSButton'
 import { DebugContainerQuery } from 'components/DebugContainerQuery'
+import { useCustomers } from 'hooks/useCustomers'
 
 interface Customer {
     slug: string
@@ -32,6 +33,62 @@ interface CustomersSlideProps {
 }
 
 export default function CustomersSlide({ productName, customers, customerData, hasCaseStudy }: CustomersSlideProps) {
+    const { customers: allCustomers } = useCustomers()
+
+    // Get 5 AI product engineer customers
+    const aiEngineerSlugs = ['11x', 'grantable', 'hostai', 'juicebox', 'zealot']
+    const aiEngineers = aiEngineerSlugs.map((slug) => allCustomers[slug]).filter(Boolean)
+
+    // Helper function to render a small customer logo
+    const renderSmallLogo = (customer: (typeof allCustomers)[string]) => {
+        if (!customer) return null
+
+        // Handle legacy logo format (URLs) - check if property exists
+        const customerWithLegacy = customer as typeof customer & { legacyLogo?: string; legacyLogoDark?: string }
+        if (customerWithLegacy.legacyLogo) {
+            return (
+                <>
+                    <img
+                        src={customerWithLegacy.legacyLogo}
+                        alt={customer.name}
+                        className="h-8 w-auto object-contain dark:hidden"
+                    />
+                    <img
+                        src={customerWithLegacy.legacyLogoDark || customerWithLegacy.legacyLogo}
+                        alt={customer.name}
+                        className="h-8 w-auto object-contain hidden dark:block"
+                    />
+                </>
+            )
+        }
+
+        // Check if logo is a React component (single SVG format)
+        if (customer.logo && typeof customer.logo === 'function') {
+            const LogoComponent = customer.logo
+            return <LogoComponent className="h-8 w-auto fill-current object-contain" />
+        }
+
+        // Otherwise, it's the existing light/dark object format
+        if (customer.logo && typeof customer.logo === 'object' && 'light' in customer.logo) {
+            return (
+                <>
+                    <img
+                        src={customer.logo.light}
+                        alt={customer.name}
+                        className="h-8 w-auto object-contain dark:hidden"
+                    />
+                    <img
+                        src={customer.logo.dark}
+                        alt={customer.name}
+                        className="h-8 w-auto object-contain hidden dark:block"
+                    />
+                </>
+            )
+        }
+
+        return null
+    }
+
     // Create table structure for customers
     const customerTableColumns = [
         { name: '', width: 'minmax(auto,80px)', align: 'center' as const },
@@ -203,6 +260,20 @@ export default function CustomersSlide({ productName, customers, customerData, h
                                 </div>
                             )
                         })}
+
+                    {/* AI Product Engineers Section - Mobile - Only for LLM Analytics */}
+                    {productName === 'LLM Analytics' && (
+                        <div className="mt-8 text-center">
+                            <p className="text-lg text-secondary mb-4">and AI product engineers at...</p>
+                            <div className="grid grid-cols-5 gap-4">
+                                {aiEngineers.map((customer) => (
+                                    <div key={customer.slug} className="flex items-center justify-center">
+                                        {renderSmallLogo(customer)}
+                                    </div>
+                                ))}
+                            </div>
+                        </div>
+                    )}
                 </div>
 
                 <div className="hidden @2xl:block">
@@ -213,6 +284,20 @@ export default function CustomersSlide({ productName, customers, customerData, h
                         width="full"
                     />
                 </div>
+
+                {/* AI Product Engineers Section - Only for LLM Analytics */}
+                {productName === 'LLM Analytics' && (
+                    <div className="mt-8 text-center">
+                        <p className="text-lg text-secondary mb-4">and AI product engineers at...</p>
+                        <div className="grid grid-cols-5 gap-4">
+                            {aiEngineers.map((customer) => (
+                                <div key={customer.slug} className="flex items-center justify-center">
+                                    {renderSmallLogo(customer)}
+                                </div>
+                            ))}
+                        </div>
+                    </div>
+                )}
             </ScrollArea>
         </SlideContainer>
     )

src/hooks/competitorData/braintrust.tsx

@@ -0,0 +1,24 @@
+export const braintrust = {
+    name: 'Braintrust',
+    products: {
+        llm_analytics: {
+            available: true,
+            features: {
+                generation_tracking: true,
+                latency_tracking: true,
+                cost_tracking: true,
+                trace_visualization: true,
+                token_tracking: true,
+                prompt_playground: true,
+                prompt_evaluations: true,
+                alerting: true,
+                error_tracking: true,
+                byok: true,
+                system_prompts: true,
+                clustering: false,
+                trace_summarization: true,
+                llm_translation: false,
+            },
+        },
+    },
+}

src/hooks/competitorData/helicone.tsx

@@ -12,6 +12,11 @@ export const helicone = {
                 prompt_playground: true,
                 prompt_evaluations: true,
                 alerting: true,
+                error_tracking: true,
+                system_prompts: true,
+                clustering: false,
+                trace_summarization: false,
+                llm_translation: false,
             },
         },
     },

src/hooks/competitorData/langfuse.tsx

@@ -12,6 +12,11 @@ export const langfuse = {
                 prompt_playground: true,
                 prompt_evaluations: true,
                 alerting: false,
+                system_prompts: true,
+                error_tracking: true,
+                clustering: true,
+                trace_summarization: true,
+                llm_translation: false,
             },
         },
     },

src/hooks/competitorData/langsmith.tsx

@@ -12,6 +12,11 @@ export const langsmith = {
                 prompt_playground: true,
                 prompt_evaluations: true,
                 alerting: true,
+                error_tracking: true,
+                clustering: false,
+                system_prompts: true,
+                trace_summarization: true,
+                llm_translation: false,
             },
         },
     },

src/hooks/competitorData/posthog.tsx

@@ -494,10 +494,15 @@ export const posthog = {
                 cost_tracking: true,
                 generation_tracking: true,
                 latency_tracking: true,
-                prompt_evaluations: false,
+                prompt_evaluations: true,
                 prompt_playground: true,
                 token_tracking: true,
                 trace_visualization: true,
+                error_tracking: true,
+                clustering: true,
+                system_prompts: true,
+                trace_summarization: true,
+                llm_translation: true,
             },
         },
         data_warehouse: {

src/hooks/featureDefinitions/llm_analytics.tsx

@@ -8,7 +8,7 @@ export const llmAnalyticsFeatures = {
     features: {
         generation_tracking: {
             name: 'Generation tracking',
-            description: 'Track the generation of your LLM-powered features',
+            description: '',
         },
         latency_tracking: {
             name: 'Latency tracking',
@@ -28,15 +28,35 @@ export const llmAnalyticsFeatures = {
         },
         prompt_playground: {
             name: 'Prompt playground',
-            description: '',
+            description: 'interactive testing environment for prompts and models',
         },
         prompt_evaluations: {
             name: 'Prompt evaluations',
-            description: '',
+            description: 'online LLM-as-a-Judge evaluations for measuring AI output quality',
         },
         alerting: {
             name: 'Alerting',
             description: '',
         },
+        error_tracking: {
+            name: 'Error tracking',
+            description: 'grouped error tracking for LLM applications',
+        },
+        system_prompts: {
+            name: 'System prompts',
+            description: 'create and manage system prompts from the PostHog UI',
+        },
+        clustering: {
+            name: 'Clustering',
+            description: 'automatic grouping of similar traces and outputs',
+        },
+        trace_summarization: {
+            name: 'Trace summarization',
+            description: 'AI-generated summaries  quick understanding',
+        },
+        llm_translation: {
+            name: 'LLM translation',
+            description: 'translation of non-English LLM traces to English',
+        },
     },
 }