random improvements

Author: waleedlatif1

apps/docs/app/[lang]/[[...slug]]/page.tsx

@@ -14,10 +14,11 @@ import { StructuredData } from '@/components/structured-data'
 import { CodeBlock } from '@/components/ui/code-block'
 import { Heading } from '@/components/ui/heading'
 import { ResponseSection } from '@/components/ui/response-section'
+import { i18n } from '@/lib/i18n'
 import { getApiSpecContent, openapi } from '@/lib/openapi'
 import { type PageData, source } from '@/lib/source'
 
-const SUPPORTED_LANGUAGES = new Set(['en', 'es', 'fr', 'de', 'ja', 'zh'])
+const SUPPORTED_LANGUAGES = new Set(i18n.languages)
 
 const APIPage = createAPIPage(openapi, {
   playground: { enabled: false },
@@ -53,15 +54,14 @@ export default async function Page(props: { params: Promise<{ slug?: string[]; l
 
   const data = page.data as PageData & {
     _openapi?: { method?: string }
-    getAPIPageProps?: () => any
+    getAPIPageProps?: () => unknown
   }
   const isOpenAPI = '_openapi' in data && data._openapi != null
   const isApiReference = slug?.some((s) => s === 'api-reference') ?? false
   const baseUrl = 'https://docs.sim.ai'
 
-  const pageTreeRecord = source.pageTree as Record<string, any>
-  const pageTree =
-    pageTreeRecord[params.lang] ?? pageTreeRecord.en ?? Object.values(pageTreeRecord)[0]
+  const pageTreeRecord = source.pageTree as Record<string, unknown>
+  const pageTree = pageTreeRecord[lang] ?? pageTreeRecord.en ?? Object.values(pageTreeRecord)[0]
   const rawNeighbours = pageTree ? findNeighbour(pageTree, page.url) : null
   const neighbours = isApiReference
     ? {
@@ -226,7 +226,7 @@ export default async function Page(props: { params: Promise<{ slug?: string[]; l
           title={data.title}
           description={data.description || ''}
           url={`${baseUrl}${page.url}`}
-          lang={params.lang}
+          lang={lang}
           breadcrumb={breadcrumbs}
         />
         <DocsPage
@@ -274,7 +274,7 @@ export default async function Page(props: { params: Promise<{ slug?: string[]; l
         title={data.title}
         description={data.description || ''}
         url={`${baseUrl}${page.url}`}
-        lang={params.lang}
+        lang={lang}
         breadcrumb={breadcrumbs}
       />
       <DocsPage

apps/docs/app/[lang]/layout.tsx

@@ -55,7 +55,7 @@ type LayoutProps = {
   params: Promise<{ lang: string }>
 }
 
-const SUPPORTED_LANGUAGES = new Set(['en', 'es', 'fr', 'de', 'ja', 'zh'])
+const SUPPORTED_LANGUAGES = new Set(i18n.languages)
 
 export default async function Layout({ children, params }: LayoutProps) {
   const { lang: rawLang } = await params

apps/docs/app/global.css

@@ -160,7 +160,6 @@ aside#nd-sidebar {
 #nd-sidebar > div {
   padding: 0.5rem 12px 12px;
   background: transparent !important;
-  background-color: transparent !important;
 }
 
 /* Override sidebar item styling to match Raindrop */

apps/docs/components/navbar/navbar.tsx

@@ -8,14 +8,9 @@ import { SimLogoFull } from '@/components/ui/sim-logo'
 import { ThemeToggle } from '@/components/ui/theme-toggle'
 import { cn } from '@/lib/utils'
 
-const navLinkStyle = {
-  fontFamily:
-    '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
-}
-
 export function Navbar() {
   const pathname = usePathname()
-  const isApiReference = pathname.startsWith('/api-reference')
+  const isApiReference = pathname.includes('/api-reference')
 
   return (
     <nav className='sticky top-0 z-50 border-border/50 border-b bg-background/80 backdrop-blur-md backdrop-saturate-150'>
@@ -48,7 +43,6 @@ export function Navbar() {
                 'rounded-xl px-3 py-2 font-normal text-[0.9375rem] leading-[1.4] transition-colors hover:bg-foreground/8 hover:text-foreground',
                 !isApiReference ? 'text-foreground' : 'text-foreground/60'
               )}
-              style={navLinkStyle}
             >
               Documentation
             </Link>
@@ -58,7 +52,6 @@ export function Navbar() {
                 'rounded-xl px-3 py-2 font-normal text-[0.9375rem] leading-[1.4] transition-colors hover:bg-foreground/8 hover:text-foreground',
                 isApiReference ? 'text-foreground' : 'text-foreground/60'
               )}
-              style={navLinkStyle}
             >
               API
             </Link>
@@ -67,7 +60,6 @@ export function Navbar() {
               target='_blank'
               rel='noopener noreferrer'
               className='rounded-xl px-3 py-2 font-normal text-[0.9375rem] text-foreground/60 leading-[1.4] transition-colors hover:bg-foreground/8 hover:text-foreground'
-              style={navLinkStyle}
             >
               Platform
             </Link>