boltdocs 2.5.6 → 2.6.1

package/src/client/components/primitives/navbar.tsx

@@ -2,9 +2,9 @@ import { type ReactNode, useState, useEffect } from 'react'
 import { Separator, ToggleButton, Link, cn } from './index'
 import { Button as ButtonRAC } from 'react-aria-components'
 import { Search, Sun, Moon, ExternalLink } from 'lucide-react'
-import * as IconsSocials from '@components/icons-dev'
+import * as IconsSocials from '../icons-dev'
 import type { ComponentBase } from './types'
-import type { BoltdocsSocialLink } from '@node/config'
+import type { BoltdocsSocialLink } from '../../../shared/types'
 
 export interface NavbarLinkProps extends Omit<ComponentBase, 'children'> {
   label: ReactNode
@@ -35,11 +35,7 @@ export interface NavbarSocialsProps extends ComponentBase {
   link: string
 }
 
-export const Navbar = ({
-  children,
-  className,
-  ...props
-}: ComponentBase) => {
+export const Navbar = ({ children, className, ...props }: ComponentBase) => {
   return (
     <header
       className={cn(
@@ -226,11 +222,7 @@ const NavbarSearchTrigger = ({
   )
 }
 
-const NavbarTheme = ({
-  className,
-  theme,
-  onThemeChange,
-}: NavbarThemeProps) => {
+const NavbarTheme = ({ className, theme, onThemeChange }: NavbarThemeProps) => {
   return (
     <ToggleButton
       isSelected={theme === 'dark'}
@@ -255,11 +247,7 @@ const Icon = ({ name }: { name: BoltdocsSocialLink['icon'] }) => {
   if (name === 'bluesky') return <IconsSocials.Bluesky />
 }
 
-const NavbarSocials = ({
-  icon,
-  link,
-  className,
-}: NavbarSocialsProps) => {
+const NavbarSocials = ({ icon, link, className }: NavbarSocialsProps) => {
   return (
     <Link
       href={link}
@@ -300,4 +288,4 @@ Navbar.Socials = NavbarSocials
 Navbar.Split = NavbarSplit
 Navbar.Content = NavbarContent
 
-export default Navbar
+export default Navbar

package/src/client/components/primitives/navigation-menu.tsx

@@ -1,6 +1,6 @@
 import * as RAC from 'react-aria-components'
 import { ChevronDown } from 'lucide-react'
-import { cn } from '@client/utils/cn'
+import { cn } from '../../utils/cn'
 import type { ComponentBase, CompoundComponent } from './types'
 
 export interface NavigationMenuItemProps extends ComponentBase {
@@ -13,8 +13,8 @@ export interface NavigationMenuLinkProps
   label: string
   description?: string
   children?:
-  | React.ReactNode
-  | ((opts: RAC.MenuItemRenderProps) => React.ReactNode)
+    | React.ReactNode
+    | ((opts: RAC.MenuItemRenderProps) => React.ReactNode)
 }
 
 export type NavigationMenuComponent = CompoundComponent<
@@ -111,4 +111,4 @@ const NavigationMenuLink = ({
 NavigationMenu.Root = NavigationMenu
 NavigationMenu.List = NavigationMenuList
 NavigationMenu.Item = NavigationMenuItem
-NavigationMenu.Link = NavigationMenuLink
+NavigationMenu.Link = NavigationMenuLink

package/src/client/components/primitives/on-this-page.tsx

@@ -1,4 +1,4 @@
-import React, {
+import {
   createContext,
   use,
   useEffect,
@@ -10,8 +10,8 @@ import React, {
   type RefObject,
 } from 'react'
 import scrollIntoView from 'scroll-into-view-if-needed'
-import { cn } from '@client/utils/cn'
-import { useOnChange } from '@client/utils/use-on-change'
+import { cn } from '../../utils/cn'
+import { useOnChange } from '../../utils/use-on-change'
 import type { ComponentBase } from './types'
 import { getItemId, Observer } from './helpers/observer'
 
@@ -165,15 +165,11 @@ export const OnThisPage = ({ children, className }: ComponentBase) => {
   )
 }
 
-const OnThisPageHeader = ({
-  children,
-  className,
-  ...props
-}: ComponentBase) => {
+const OnThisPageHeader = ({ children, className, ...props }: ComponentBase) => {
   return (
     <div
       className={cn(
-        'mb-4 text-xs font-bold uppercase tracking-wider text-text-main',
+        'mb-4 text-xs font-bold text-text-main',
         className,
       )}
       {...props}
@@ -302,4 +298,4 @@ OnThisPage.Content = OnThisPageContent
 OnThisPage.List = OnThisPageList
 OnThisPage.Item = OnThisPageItem
 OnThisPage.Link = OnThisPageLink
-OnThisPage.Indicator = OnThisPageIndicator
+OnThisPage.Indicator = OnThisPageIndicator

package/src/client/components/primitives/page-nav.tsx

@@ -1,6 +1,6 @@
 import * as RAC from 'react-aria-components'
 import { ChevronLeft, ChevronRight } from 'lucide-react'
-import { cn } from '@client/utils/cn'
+import { cn } from '../../utils/cn'
 import type { ComponentBase } from './types'
 
 export interface PageNavProps extends ComponentBase {
@@ -21,12 +21,7 @@ export const PageNav = ({ children, className }: ComponentBase) => {
   )
 }
 
-const PageNavLink = ({
-  children,
-  to,
-  direction,
-  className,
-}: PageNavProps) => {
+const PageNavLink = ({ children, to, direction, className }: PageNavProps) => {
   const isNext = direction === 'next'
   return (
     <RAC.Link
@@ -54,7 +49,7 @@ const PageNavTitle = ({ children, className }: ComponentBase) => {
   return (
     <span
       className={cn(
-        'text-xs font-medium uppercase tracking-wider text-text-muted',
+        'text-xs font-medium uppercase text-text-muted',
         className,
       )}
     >
@@ -81,4 +76,4 @@ PageNav.Root = PageNav
 PageNav.Link = PageNavLink
 PageNav.Title = PageNavTitle
 PageNav.Description = PageNavDescription
-PageNav.Icon = PageNavIcon
+PageNav.Icon = PageNavIcon

package/src/client/components/primitives/popover.tsx

@@ -1,7 +1,7 @@
 'use client'
 
 import * as RAC from 'react-aria-components'
-import { cn } from '@client/utils/cn'
+import { cn } from '../../utils/cn'
 
 export interface PopoverProps extends Omit<RAC.PopoverProps, 'children'> {
   children: React.ReactNode

package/src/client/components/primitives/search-dialog.tsx

@@ -1,6 +1,6 @@
 import * as RAC from 'react-aria-components'
 import { Search, Hash, FileText, CornerDownLeft } from 'lucide-react'
-import { cn } from '@client/utils/cn'
+import { cn } from '../../utils/cn'
 import type { ComponentBase } from './types'
 
 export interface SearchDialogProps extends ComponentBase {
@@ -153,10 +153,7 @@ const SearchDialogItemIcon = ({
   )
 }
 
-const SearchDialogItemTitle = ({
-  children,
-  className,
-}: ComponentBase) => {
+const SearchDialogItemTitle = ({ children, className }: ComponentBase) => {
   return (
     <span
       className={cn('block font-medium truncate flex-1 text-sm', className)}
@@ -187,4 +184,4 @@ SearchDialog.Item = Object.assign(SearchDialogItemRoot, {
   Icon: SearchDialogItemIcon,
   Title: SearchDialogItemTitle,
   Bio: SearchDialogItemBio,
-})
+})

package/src/client/components/primitives/sidebar.tsx

@@ -1,15 +1,19 @@
 import { Link } from './link'
 import * as RAC from 'react-aria-components'
 import { ChevronRight } from 'lucide-react'
-import { cn } from '@client/utils/cn'
+import { cn } from '../../utils/cn'
 import type { ComponentBase } from './types'
-import type { ComponentRoute } from '@client/types'
+import type { ComponentRoute } from '../../types'
 
 export interface SidebarGroupProps extends ComponentBase {
   title?: string
   icon?: React.ElementType
+}
+
+export interface SidebarSubGroupProps extends SidebarLinkProps {
   isOpen?: boolean
   onToggle?: () => void
+  children?: React.ReactNode
 }
 
 export interface SidebarLinkProps extends ComponentBase {
@@ -73,35 +77,24 @@ const SidebarGroup = ({
   children,
   title,
   icon: Icon,
-  isOpen = true,
-  onToggle,
   className,
 }: SidebarGroupProps) => {
   return (
     <div className={cn('space-y-1', className)}>
       {title && (
-        <RAC.Button
-          onPress={onToggle}
+        <div
           className={cn(
-            'flex w-full items-center justify-between px-2 py-1.5 text-xs font-bold uppercase tracking-wider outline-none cursor-pointer',
-            'text-text-muted hover:text-text-main transition-colors',
-            'focus-visible:ring-2 focus-visible:ring-primary-500/30 rounded-md',
+            'flex w-full items-center justify-between px-2 py-1.5 text-sm font-semibold',
+            'text-text-main',
           )}
         >
           <div className="flex items-center gap-2">
             {Icon && <Icon size={14} />}
             {title}
           </div>
-          <ChevronRight
-            size={14}
-            className={cn(
-              'transition-transform duration-200',
-              isOpen && 'rotate-90',
-            )}
-          />
-        </RAC.Button>
+        </div>
       )}
-      {isOpen && <div className="space-y-0.5">{children}</div>}
+      {children && <div className="space-y-0.5">{children}</div>}
     </div>
   )
 }
@@ -125,9 +118,10 @@ const SidebarLink = ({
         'group flex items-center gap-2.5 rounded-lg px-2.5 py-2 text-sm outline-none',
         'transition-all duration-200 ease-in-out',
         'focus-visible:ring-2 focus-visible:ring-primary-500/30',
-        active
-          ? 'bg-primary-500/10 text-primary-500 font-medium'
-          : 'text-text-muted hover:bg-bg-surface hover:text-text-main hover:translate-x-1',
+        {
+          'bg-primary-500/10 text-primary-500 font-medium': active,
+          'text-text-muted hover:bg-bg-muted hover:text-text-main': !active,
+        },
         className,
       )}
     >
@@ -147,7 +141,71 @@ const SidebarLink = ({
   )
 }
 
+const SidebarSubGroup = ({
+  label,
+  href,
+  active,
+  icon: Icon,
+  badge,
+  className,
+  isOpen = false,
+  onToggle,
+  children,
+}: SidebarSubGroupProps) => {
+  return (
+    <div className="space-y-0.5">
+      <div className="flex items-center w-full">
+        <Link
+          href={href}
+          className={cn(
+            'group flex flex-1 items-center gap-2.5 rounded-lg px-2.5 py-2 text-sm outline-none',
+            'transition-all duration-200 ease-in-out',
+            'focus-visible:ring-2 focus-visible:ring-primary-500/30',
+            active
+              ? 'bg-primary-500/10 text-primary-500 font-medium'
+              : 'text-text-muted hover:bg-bg-surface hover:text-text-main hover:translate-x-1',
+            className,
+          )}
+        >
+          {Icon && (
+            <Icon
+              size={16}
+              className={cn(
+                active
+                  ? 'text-primary-500'
+                  : 'text-text-muted group-hover:text-text-main',
+              )}
+            />
+          )}
+          <span className="truncate">{label}</span>
+          {badge && <Badge badge={badge} />}
+        </Link>
+        {children && (
+          <RAC.Button
+            onPress={onToggle}
+            className="flex items-center justify-center p-1.5 ml-1 rounded-md text-text-muted hover:bg-bg-surface hover:text-text-main transition-colors outline-none focus-visible:ring-2 focus-visible:ring-primary-500/30 cursor-pointer"
+          >
+            <ChevronRight
+              size={16}
+              className={cn(
+                'transition-transform duration-200',
+                isOpen && 'rotate-90',
+              )}
+            />
+          </RAC.Button>
+        )}
+      </div>
+      {isOpen && children && (
+        <div className="pl-4 ml-[7px] border-l border-border-subtle/50 space-y-0.5 mt-0.5">
+          {children}
+        </div>
+      )}
+    </div>
+  )
+}
+
 Sidebar.Root = Sidebar
 Sidebar.Group = SidebarGroup
+Sidebar.SubGroup = SidebarSubGroup
 Sidebar.GroupItem = SidebarGroupItem
-Sidebar.Link = SidebarLink
+Sidebar.Link = SidebarLink

package/src/client/components/primitives/skeleton.tsx

@@ -1,4 +1,4 @@
-import { cn } from '@client/utils/cn'
+import { cn } from '../../utils/cn'
 
 interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
   variant?: 'rect' | 'circle'

package/src/client/components/primitives/tabs.tsx

@@ -1,4 +1,4 @@
-import { cn } from '@client/utils/cn'
+import { cn } from '../../utils/cn'
 import type { ComponentBase } from './types'
 
 export interface TabsItemProps extends ComponentBase {
@@ -13,11 +13,7 @@ export interface TabsIndicatorProps extends ComponentBase {
   style?: React.CSSProperties
 }
 
-export const Tabs = ({
-  children,
-  className = '',
-  ...props
-}: ComponentBase) => {
+export const Tabs = ({ children, className = '', ...props }: ComponentBase) => {
   return (
     <div className={cn('w-full', className)} {...props}>
       {children}
@@ -66,10 +62,7 @@ const TabsContent = ({ children, className = '' }: ComponentBase) => {
   return <div className={cn('p-4 outline-none', className)}>{children}</div>
 }
 
-const TabsIndicator = ({
-  className = '',
-  style,
-}: TabsIndicatorProps) => {
+const TabsIndicator = ({ className = '', style }: TabsIndicatorProps) => {
   return (
     <div
       className={cn(
@@ -85,4 +78,4 @@ Tabs.Root = Tabs
 Tabs.List = TabsList
 Tabs.Item = TabsItem
 Tabs.Content = TabsContent
-Tabs.Indicator = TabsIndicator
+Tabs.Indicator = TabsIndicator

package/src/client/components/primitives/tooltip.tsx

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react'
 import * as RAC from 'react-aria-components'
-import { cn } from '@client/utils/cn'
+import { cn } from '../../utils/cn'
 
 export interface TooltipProps extends Omit<RAC.TooltipProps, 'children'> {
   /** The content to show inside the tooltip */
@@ -14,7 +14,7 @@ export interface TooltipProps extends Omit<RAC.TooltipProps, 'children'> {
 }
 
 // Fixed type for TooltipContentProps to match RAC's internal expectations
-export interface TooltipContentProps extends RAC.TooltipProps { }
+export interface TooltipContentProps extends RAC.TooltipProps {}
 
 /**
  * Modern, accessible Tooltip component built with React Aria Components.
@@ -78,4 +78,4 @@ export const Tooltip = ({
 }
 
 Tooltip.Root = Tooltip
-Tooltip.Content = TooltipContent
+Tooltip.Content = TooltipContent

package/src/client/components/ui-base/breadcrumbs.tsx

@@ -1,10 +1,8 @@
-import { useBreadcrumbs } from '@hooks/use-breadcrumbs'
+import { useBreadcrumbs } from '../../hooks/use-breadcrumbs'
 import { Home } from 'lucide-react'
-import {
-  Breadcrumbs as BreadcrumbsRoot,
-} from '@components/primitives/breadcrumbs'
-import { cn } from '@client/utils/cn'
-import { useConfig } from '@client/app/config-context'
+import { Breadcrumbs as BreadcrumbsRoot } from '../primitives/breadcrumbs'
+import { cn } from '../../utils/cn'
+import { useConfig } from '../../app/config-context'
 
 export function Breadcrumbs() {
   const { crumbs, activeRoute } = useBreadcrumbs()

package/src/client/components/ui-base/copy-markdown.tsx

@@ -1,13 +1,8 @@
 import { useState } from 'react'
 import { Copy, Check, ExternalLink, ChevronDown } from 'lucide-react'
-import {
-  Button,
-  ButtonGroup,
-  Menu,
-  cn,
-} from '@client/components/primitives'
+import { Button, ButtonGroup, Menu, cn } from '../../components/primitives'
 
-import type { ComponentRoute } from '@client/types'
+import type { ComponentRoute } from '../../types'
 
 export interface CopyMarkdownProps {
   content?: string

package/src/client/components/ui-base/github-stars.tsx

@@ -1,6 +1,6 @@
 import { useEffect, useState } from 'react'
-import { getStarsRepo } from '@client/utils/github'
-import { Github } from '@components/icons-dev'
+import { getStarsRepo } from '../../utils/github'
+import { Github } from '../icons-dev'
 
 export function GithubStars({ repo }: { repo: string }) {
   const [stars, setStars] = useState<string | null>(null)

package/src/client/components/ui-base/head.tsx

@@ -1,69 +1,76 @@
-import { useEffect } from 'react'
 import { useLocation } from 'react-router-dom'
+import { Helmet } from 'react-helmet-async'
+import { useConfig } from '../../app/config-context'
 
 interface HeadProps {
   siteTitle: string
   siteDescription?: string
-  routes: Array<{ path: string; title: string; description?: string }>
+  routes: Array<{ path: string; title: string; description?: string; seo?: Record<string, any> }>
 }
 
 export function Head({ siteTitle, siteDescription, routes }: HeadProps) {
   const location = useLocation()
+  const config = useConfig()
 
-  useEffect(() => {
-    // Find the current route's metadata
-    const currentRoute = routes.find((r) => r.path === location.pathname)
-    const pageTitle = currentRoute?.title
-    const pageDescription = currentRoute?.description || siteDescription || ''
+  // Find the current route's metadata
+  const currentRoute = routes?.find?.((r) => r.path === location.pathname)
+  const pageTitle = currentRoute?.title
+  const pageDescription = currentRoute?.description || siteDescription || ''
 
-    // Update document title
-    document.title = pageTitle ? `${pageTitle} | ${siteTitle}` : siteTitle
+  const finalTitle = pageTitle ? `${pageTitle} | ${siteTitle}` : siteTitle
 
-    // Update or create meta description
-    let metaDesc = document.querySelector(
-      'meta[name="description"]',
-    ) as HTMLMetaElement | null
-    if (!metaDesc) {
-      metaDesc = document.createElement('meta')
-      metaDesc.name = 'description'
-      document.head.appendChild(metaDesc)
-    }
-    metaDesc.content = pageDescription
+  const seo = currentRoute?.seo || {}
 
-    // Update OG tags
-    setMetaTag('property', 'og:title', document.title)
-    setMetaTag('property', 'og:description', pageDescription)
-    setMetaTag('property', 'og:type', 'article')
-    setMetaTag('property', 'og:url', window.location.href)
+  // Merge custom global metatags
+  const globalMetatags = config?.seo?.metatags || {}
 
-    // Twitter card
-    setMetaTag('name', 'twitter:card', 'summary')
-    setMetaTag('name', 'twitter:title', document.title)
-    setMetaTag('name', 'twitter:description', pageDescription)
+  // Calculate specific ones
+  const defaultOgImage = config?.seo?.thumbnails?.background
+  const ogImage = seo['og:image'] || defaultOgImage
 
-    // Canonical URL
-    let canonical = document.querySelector(
-      'link[rel="canonical"]',
-    ) as HTMLLinkElement | null
-    if (!canonical) {
-      canonical = document.createElement('link')
-      canonical.rel = 'canonical'
-      document.head.appendChild(canonical)
-    }
-    canonical.href = window.location.origin + location.pathname
-  }, [location.pathname, siteTitle, siteDescription, routes])
+  return (
+    // @ts-ignore
+    <Helmet>
+      <title>{finalTitle}</title>
+      <meta name="description" content={pageDescription} />
 
-  return null // This component only manages <head>, no visual output
-}
+      {/* Default OG Tags */}
+      <meta property="og:title" content={finalTitle} />
+      <meta property="og:description" content={pageDescription} />
+      <meta property="og:type" content="article" />
+      {/* Canonical URL for both <link> and og:url */}
+      {typeof window !== 'undefined' && <meta property="og:url" content={window.location.href} />}
+      {typeof window !== 'undefined' && <link rel="canonical" href={window.location.origin + location.pathname} />}
+
+      {/* Default Twitter Card */}
+      <meta name="twitter:card" content="summary" />
+      <meta name="twitter:title" content={finalTitle} />
+      <meta name="twitter:description" content={pageDescription} />
+      {ogImage && <meta name="twitter:image" content={ogImage} />}
+      {ogImage && <meta property="og:image" content={ogImage} />}
+
+      {/* Generator */}
+      <meta name="generator" content="Boltdocs" />
+
+      {/* User-defined global metatags */}
+      {Object.entries(globalMetatags).map(([key, value]) => {
+        const isProperty = key.startsWith('og:') || key.startsWith('music:') || key.startsWith('video:') || key.startsWith('article:') || key.startsWith('book:') || key.startsWith('profile:')
+        return isProperty
+          ? <meta key={key} property={key} content={value as string} />
+          : <meta key={key} name={key} content={value as string} />
+      })}
+
+      {/* Page granular SEO tags (override global) */}
+      {Object.entries(seo).map(([key, value]) => {
+        if (key === 'noindex' && value === true) return <meta key="noindex" name="robots" content="noindex" />
+        if (key === 'robots') return <meta key="robots" name="robots" content={value as string} />
+        if (key === 'canonical') return <link key="canonical" rel="canonical" href={value as string} />
 
-function setMetaTag(attr: 'name' | 'property', key: string, content: string) {
-  let tag = document.querySelector(
-    `meta[${attr}="${key}"]`,
-  ) as HTMLMetaElement | null
-  if (!tag) {
-    tag = document.createElement('meta')
-    tag.setAttribute(attr, key)
-    document.head.appendChild(tag)
-  }
-  tag.content = content
+        const isProperty = key.startsWith('og:') || key.startsWith('music:') || key.startsWith('video:') || key.startsWith('article:') || key.startsWith('book:') || key.startsWith('profile:')
+        return isProperty
+          ? <meta key={key} property={key} content={value as string} />
+          : <meta key={key} name={key} content={value as string} />
+      })}
+    </Helmet>
+  )
 }

package/src/client/components/ui-base/loading.tsx

@@ -1,5 +1,5 @@
-import { cn } from '@client/utils/cn'
-import { Skeleton } from '@primitives/skeleton'
+import { cn } from '../../utils/cn'
+import { Skeleton } from '../primitives/skeleton'
 
 /**
  * A premium loading component that only skeletons the markdown content area.

package/src/client/components/ui-base/navbar.tsx

@@ -1,19 +1,19 @@
 import { Suspense, lazy } from 'react'
-import { useNavbar } from '@hooks/use-navbar'
-import { useVersion } from '@hooks/use-version'
-import { useI18n } from '@hooks/use-i18n'
-import { useRoutes } from '@hooks/use-routes'
-import NavbarPrimitive from '@components/primitives/navbar'
+import { useNavbar } from '../../hooks/use-navbar'
+import { useVersion } from '../../hooks/use-version'
+import { useI18n } from '../../hooks/use-i18n'
+import { useRoutes } from '../../hooks/use-routes'
+import NavbarPrimitive from '../primitives/navbar'
 import { ThemeToggle } from './theme-toggle'
 import { GithubStars } from './github-stars'
 import { Tabs } from './tabs'
 import { useLocation } from 'react-router-dom'
-import type { BoltdocsSocialLink } from '@node/config'
-import { Menu } from '@components/primitives/menu'
-import { Button } from '@components/primitives/button'
+import type { BoltdocsSocialLink } from '../../../shared/types'
+import { Menu } from '../primitives/menu'
+import { Button } from '../primitives/button'
 import { ChevronDown, Languages } from 'lucide-react'
-import { useLocalizedTo } from '@hooks/use-localized-to'
-import type { NavbarLink as NavbarLinkType } from '@client/types'
+import { useLocalizedTo } from '../../hooks/use-localized-to'
+import type { NavbarLink as NavbarLinkType } from '../../types'
 
 const SearchDialog = lazy(() =>
   import('./search-dialog').then((m) => ({
@@ -57,9 +57,7 @@ export function Navbar() {
         <NavbarPrimitive.Right>
           <NavbarPrimitive.Links>
             {links.map((link) => (
-              <>
-                <NavbarLinkItem key={link.href} link={link} />
-              </>
+              <NavbarLinkItem key={link.href} link={link} />
             ))}
           </NavbarPrimitive.Links>
           {config.i18n && currentLocale && <NavbarI18n />}
@@ -147,7 +145,7 @@ function NavbarI18n() {
       >
         <div className="flex items-center gap-1.5">
           <Languages className="w-3.5 h-3.5 text-primary-500" />
-          <span className="font-bold text-[0.75rem] tracking-wider uppercase opacity-90">
+          <span className="font-bold text-[0.75rem] uppercase opacity-90">
             {currentLocale || 'en'}
           </span>
         </div>

package/src/client/components/ui-base/not-found.tsx

@@ -1,5 +1,5 @@
 import { ArrowLeft } from 'lucide-react'
-import { Link } from '@components/primitives/link'
+import { Link } from '../primitives/link'
 
 export function NotFound() {
   return (