mirror of
https://github.com/simstudioai/sim.git
synced 2026-04-06 03:00:16 -04:00
79bb4e5ad8
* feat(docs): add API reference with OpenAPI spec and auto-generated endpoint pages * multiline curl * random improvements * cleanup * update docs copy * fix build * cast * fix builg --------- Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com> Co-authored-by: Lakee Sivaraya <71339072+lakeesiv@users.noreply.github.com> Co-authored-by: Vikhyath Mondreti <vikhyath@simstudio.ai> Co-authored-by: Vikhyath Mondreti <vikhyathvikku@gmail.com>
74 lines
2.7 KiB
TypeScript
74 lines
2.7 KiB
TypeScript
'use client'
|
|
|
|
import Link from 'next/link'
|
|
import { usePathname } from 'next/navigation'
|
|
import { LanguageDropdown } from '@/components/ui/language-dropdown'
|
|
import { SearchTrigger } from '@/components/ui/search-trigger'
|
|
import { SimLogoFull } from '@/components/ui/sim-logo'
|
|
import { ThemeToggle } from '@/components/ui/theme-toggle'
|
|
import { cn } from '@/lib/utils'
|
|
|
|
export function Navbar() {
|
|
const pathname = usePathname()
|
|
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'>
|
|
{/* Desktop: Single row layout */}
|
|
<div className='hidden h-16 w-full items-center lg:flex'>
|
|
<div
|
|
className='relative flex w-full items-center justify-between'
|
|
style={{
|
|
paddingLeft: 'calc(var(--sidebar-offset) + 32px)',
|
|
paddingRight: 'calc(var(--toc-offset) + 60px)',
|
|
}}
|
|
>
|
|
{/* Left cluster: logo */}
|
|
<div className='flex items-center'>
|
|
<Link href='/' className='flex min-w-[100px] items-center'>
|
|
<SimLogoFull className='h-7 w-auto' />
|
|
</Link>
|
|
</div>
|
|
|
|
{/* Center cluster: search - absolutely positioned to center */}
|
|
<div className='-translate-x-1/2 absolute left-1/2 flex items-center justify-center'>
|
|
<SearchTrigger />
|
|
</div>
|
|
|
|
{/* Right cluster aligns with TOC edge */}
|
|
<div className='flex items-center gap-1'>
|
|
<Link
|
|
href='/introduction'
|
|
className={cn(
|
|
'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'
|
|
)}
|
|
>
|
|
Documentation
|
|
</Link>
|
|
<Link
|
|
href='/api-reference/getting-started'
|
|
className={cn(
|
|
'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'
|
|
)}
|
|
>
|
|
API
|
|
</Link>
|
|
<Link
|
|
href='https://sim.ai'
|
|
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'
|
|
>
|
|
Platform
|
|
</Link>
|
|
<LanguageDropdown />
|
|
<ThemeToggle />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
)
|
|
}
|