relative imports, build fix

Author: waleedlatif1

apps/sim/app/(landing)/models/[provider]/[model]/opengraph-image.tsx

@@ -1,8 +1,18 @@
 import { notFound } from 'next/navigation'
-import { contentType, createModelsOgImage, runtime, size } from '../../og-utils'
-import { formatPrice, formatTokenCount, getModelBySlug, getProviderBySlug } from '../../utils'
+import { createModelsOgImage } from '@/app/(landing)/models/og-utils'
+import {
+  formatPrice,
+  formatTokenCount,
+  getModelBySlug,
+  getProviderBySlug,
+} from '@/app/(landing)/models/utils'
 
-export { contentType, runtime, size }
+export const runtime = 'edge'
+export const contentType = 'image/png'
+export const size = {
+  width: 1200,
+  height: 630,
+}
 
 export default async function Image({
   params,

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

@@ -10,7 +10,7 @@ import {
   ModelCard,
   ProviderIcon,
   StatCard,
-} from '../../components/model-primitives'
+} from '@/app/(landing)/models/components/model-primitives'
 import {
   ALL_CATALOG_MODELS,
   buildModelCapabilityFacts,
@@ -22,7 +22,7 @@ import {
   getPricingBounds,
   getProviderBySlug,
   getRelatedModels,
-} from '../../utils'
+} from '@/app/(landing)/models/utils'
 
 const baseUrl = getBaseUrl()
 

apps/sim/app/(landing)/models/[provider]/opengraph-image.tsx

@@ -1,14 +1,19 @@
 import { notFound } from 'next/navigation'
-import { contentType, createModelsOgImage, runtime, size } from '../og-utils'
+import { createModelsOgImage } from '@/app/(landing)/models/og-utils'
 import {
   formatPrice,
   formatTokenCount,
   getCheapestProviderModel,
   getLargestContextProviderModel,
   getProviderBySlug,
-} from '../utils'
+} from '@/app/(landing)/models/utils'
 
-export { contentType, runtime, size }
+export const runtime = 'edge'
+export const contentType = 'image/png'
+export const size = {
+  width: 1200,
+  height: 630,
+}
 
 export default async function Image({ params }: { params: Promise<{ provider: string }> }) {
   const { provider: providerSlug } = await params

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

@@ -9,14 +9,14 @@ import {
   ProviderCard,
   ProviderIcon,
   StatCard,
-} from '../components/model-primitives'
+} from '@/app/(landing)/models/components/model-primitives'
 import {
   buildProviderFaqs,
   getProviderBySlug,
   getProviderCapabilitySummary,
   MODEL_PROVIDERS_WITH_CATALOGS,
   TOP_MODEL_PROVIDERS,
-} from '../utils'
+} from '@/app/(landing)/models/utils'
 
 const baseUrl = getBaseUrl()
 

apps/sim/app/(landing)/models/components/model-directory.tsx

@@ -4,13 +4,19 @@ import { useMemo, useState } from 'react'
 import Link from 'next/link'
 import { Input } from '@/components/emcn'
 import { SearchIcon } from '@/components/icons'
-import type { CatalogProvider } from '../utils'
 import {
+  CapabilityTags,
+  DetailItem,
+  ModelCard,
+  ProviderIcon,
+  StatCard,
+} from '@/app/(landing)/models/components/model-primitives'
+import {
+  type CatalogProvider,
   MODEL_PROVIDERS_WITH_CATALOGS,
   MODEL_PROVIDERS_WITH_DYNAMIC_CATALOGS,
   TOTAL_MODELS,
-} from '../utils'
-import { CapabilityTags, DetailItem, ModelCard, ProviderIcon, StatCard } from './model-primitives'
+} from '@/app/(landing)/models/utils'
 
 export function ModelDirectory() {
   const [query, setQuery] = useState('')

apps/sim/app/(landing)/models/components/model-primitives.tsx

@@ -1,7 +1,12 @@
 import Link from 'next/link'
 import { Badge } from '@/components/emcn'
-import type { CatalogModel, CatalogProvider } from '../utils'
-import { formatPrice, formatTokenCount, formatUpdatedAt } from '../utils'
+import {
+  type CatalogModel,
+  type CatalogProvider,
+  formatPrice,
+  formatTokenCount,
+  formatUpdatedAt,
+} from '@/app/(landing)/models/utils'
 
 export function Breadcrumbs({ items }: { items: Array<{ label: string; href?: string }> }) {
   return (

apps/sim/app/(landing)/models/opengraph-image.tsx

@@ -1,7 +1,17 @@
-import { contentType, createModelsOgImage, runtime, size } from './og-utils'
-import { formatTokenCount, MAX_CONTEXT_WINDOW, TOTAL_MODEL_PROVIDERS, TOTAL_MODELS } from './utils'
+import { createModelsOgImage } from '@/app/(landing)/models/og-utils'
+import {
+  formatTokenCount,
+  MAX_CONTEXT_WINDOW,
+  TOTAL_MODEL_PROVIDERS,
+  TOTAL_MODELS,
+} from '@/app/(landing)/models/utils'
 
-export { contentType, runtime, size }
+export const runtime = 'edge'
+export const contentType = 'image/png'
+export const size = {
+  width: 1200,
+  height: 630,
+}
 
 export default async function Image() {
   return createModelsOgImage({

apps/sim/app/(landing)/models/page.tsx

@@ -2,16 +2,16 @@ import type { Metadata } from 'next'
 import Link from 'next/link'
 import { getBaseUrl } from '@/lib/core/utils/urls'
 import { LandingFAQ } from '@/app/(landing)/components/landing-faq'
-import { ModelDirectory } from './components/model-directory'
-import { ModelCard, ProviderCard } from './components/model-primitives'
+import { ModelDirectory } from '@/app/(landing)/models/components/model-directory'
+import { ModelCard, ProviderCard } from '@/app/(landing)/models/components/model-primitives'
 import {
   getPricingBounds,
   MODEL_CATALOG_PROVIDERS,
   MODEL_PROVIDERS_WITH_CATALOGS,
   TOP_MODEL_PROVIDERS,
   TOTAL_MODEL_PROVIDERS,
   TOTAL_MODELS,
-} from './utils'
+} from '@/app/(landing)/models/utils'
 
 const baseUrl = getBaseUrl()
 
@@ -24,7 +24,7 @@ const faqItems = [
   {
     question: 'Can I compare models from multiple providers in one place?',
     answer:
-      'Yes. This page organizes every tracked model by provider and lets you search across providers, model names, and capabilities. You can quickly compare OpenAI, Anthropic, Google, xAI, Mistral, Groq, Bedrock, and more from a single directory.',
+      'Yes. This page organizes every tracked model by provider and lets you search across providers, model names, and capabilities. You can quickly compare OpenAI, Anthropic, Google, xAI, Mistral, Groq, Cerebras, Fireworks, Bedrock, and more from a single directory.',
   },
   {
     question: 'Are these model prices shown per million tokens?',