fix(models): restore best-for with stricter criteria

Made-with: Cursor

Author: waleedlatif1

apps/sim/app/(landing)/models/[provider]/[model]/page.tsx

@@ -200,6 +200,7 @@ export default async function ModelPage({
 
           <p className='max-w-[820px] text-[17px] text-[var(--landing-text-muted)] leading-relaxed'>
             {model.summary}
+            {model.bestFor ? ` ${model.bestFor}` : ''}
           </p>
 
           <div className='mt-8 flex flex-wrap gap-3'>
@@ -286,6 +287,7 @@ export default async function ModelPage({
                   }
                 />
                 <DetailItem label='Provider' value={provider.name} />
+                {model.bestFor ? <DetailItem label='Best for' value={model.bestFor} /> : null}
               </div>
             </section>
 

apps/sim/app/(landing)/models/utils.test.ts

@@ -35,4 +35,15 @@ describe('model catalog capability facts', () => {
   it.concurrent('does not invent a max output token limit when one is not published', () => {
     expect(getEffectiveMaxOutputTokens({})).toBeNull()
   })
+
+  it.concurrent('keeps best-for copy for clearly differentiated models only', () => {
+    const researchModel = getModelBySlug('google', 'deep-research-pro-preview-12-2025')
+    const generalModel = getModelBySlug('xai', 'grok-4-latest')
+
+    expect(researchModel).not.toBeNull()
+    expect(generalModel).not.toBeNull()
+
+    expect(researchModel?.bestFor).toContain('research workflows')
+    expect(generalModel?.bestFor).toBeUndefined()
+  })
 })

apps/sim/app/(landing)/models/utils.ts

@@ -112,6 +112,7 @@ export interface CatalogModel {
   capabilities: ModelCapabilities
   capabilityTags: string[]
   summary: string
+  bestFor?: string
   searchText: string
 }
 
@@ -368,6 +369,36 @@ function buildCapabilityTags(capabilities: ModelCapabilities): string[] {
   return tags
 }
 
+function buildBestForLine(model: {
+  pricing: PricingInfo
+  capabilities: ModelCapabilities
+  contextWindow: number | null
+}): string | null {
+  const { pricing, capabilities, contextWindow } = model
+
+  if (capabilities.deepResearch) {
+    return 'Best for multi-step research workflows and agent-led web investigation.'
+  }
+
+  if (capabilities.reasoningEffort || capabilities.thinking) {
+    return 'Best for reasoning-heavy tasks that need more deliberate model control.'
+  }
+
+  if (contextWindow && contextWindow >= 1000000) {
+    return 'Best for long-context retrieval, large documents, and high-memory workflows.'
+  }
+
+  if (capabilities.nativeStructuredOutputs) {
+    return 'Best for production workflows that need reliable typed outputs.'
+  }
+
+  if (pricing.input <= 0.2 && pricing.output <= 1.25) {
+    return 'Best for cost-sensitive automations, background tasks, and high-volume workloads.'
+  }
+
+  return null
+}
+
 function buildModelSummary(
   providerName: string,
   displayName: string,
@@ -414,6 +445,11 @@ const rawProviders = Object.values(PROVIDER_DEFINITIONS).map((provider) => {
     const shortId = stripProviderPrefix(provider.id, model.id)
     const mergedCapabilities = { ...provider.capabilities, ...model.capabilities }
     const capabilityTags = buildCapabilityTags(mergedCapabilities)
+    const bestFor = buildBestForLine({
+      pricing: model.pricing,
+      capabilities: mergedCapabilities,
+      contextWindow: model.contextWindow ?? null,
+    })
     const displayName = formatModelDisplayName(provider.id, model.id)
     const modelSlug = slugify(shortId)
     const href = `/models/${providerSlug}/${modelSlug}`
@@ -438,6 +474,7 @@ const rawProviders = Object.values(PROVIDER_DEFINITIONS).map((provider) => {
         model.contextWindow ?? null,
         capabilityTags
       ),
+      ...(bestFor ? { bestFor } : {}),
       searchText: [
         provider.name,
         providerDisplayName,