fix import typo

web/src/app/layout.tsx

@@ -1,8 +1,8 @@
 import type { Metadata } from 'next'
 import { Geist, Red_Hat_Mono } from 'next/font/google'
 import './globals.css'
-import { ThemeProvider } from '@//components/theme-provider'
-import { Header } from '@//components/header'
+import { ThemeProvider } from '@/components/theme-provider'
+import { Header } from '@/components/header'
 
 const geist = Geist({
   subsets: ['latin'],

web/src/app/not-found.tsx

@@ -1,4 +1,4 @@
-import { H1, P } from '@//components/ui/typography'
+import { H1, P } from '@/components/ui/typography'
 import Link from 'next/link'
 
 export default function NotFound() {

web/src/app/page.tsx

@@ -1,9 +1,9 @@
 import Link from 'next/link'
 import { getStepsByPhase } from '@/lib/steps'
 import { PHASES } from '@/lib/constants'
-import { H1, H2, Lead, Muted } from '@//components/ui/typography'
-import { StepCard } from '@//components/step-card'
-import { CloneCommand } from '@//components/clone-command'
+import { H1, H2, Lead, Muted } from '@/components/ui/typography'
+import { StepCard } from '@/components/step-card'
+import { CloneCommand } from '@/components/clone-command'
 import { GithubIcon, StarIcon } from 'lucide-react'
 
 const GITHUB_REPO_URL = 'https://github.com/czl9707/build-your-own-openclaw'

web/src/app/steps/[id]/diff/[to]/page.tsx

@@ -2,9 +2,9 @@ import { notFound } from 'next/navigation'
 import Link from 'next/link'
 import { getStep, getSteps } from '@/lib/steps'
 import { getChangedFiles, getUnchangedFiles } from '@/lib/files'
-import { DiffViewer } from '@//components/diff-viewer'
-import { FileNavDropdown } from '@//components/file-nav-dropdown'
-import { DiffPageSelector } from '@//components/diff-page-selector'
+import { DiffViewer } from '@/components/diff-viewer'
+import { FileNavDropdown } from '@/components/file-nav-dropdown'
+import { DiffPageSelector } from '@/components/diff-page-selector'
 import {
   Breadcrumb,
   BreadcrumbList,
@@ -12,7 +12,7 @@ import {
   BreadcrumbLink,
   BreadcrumbPage,
   BreadcrumbSeparator,
-} from '@//components/ui/breadcrumb'
+} from '@/components/ui/breadcrumb'
 
 interface DiffPageProps {
   params: Promise<{

web/src/app/steps/[id]/page.tsx

@@ -4,8 +4,8 @@ import { notFound } from 'next/navigation'
 import { ChevronLeft, ChevronRight } from 'lucide-react'
 
 import { getStep, getSteps } from '@/lib/steps'
-import { ReadmeRenderer } from '@//components/readme-renderer'
-import { StepDiffSelector } from '@//components/step-diff-selector'
+import { ReadmeRenderer } from '@/components/readme-renderer'
+import { StepDiffSelector } from '@/components/step-diff-selector'
 import {
   Breadcrumb,
   BreadcrumbItem,
@@ -13,8 +13,8 @@ import {
   BreadcrumbList,
   BreadcrumbPage,
   BreadcrumbSeparator,
-} from '@//components/ui/breadcrumb'
-import { H1 } from '@//components/ui/typography'
+} from '@/components/ui/breadcrumb'
+import { H1 } from '@/components/ui/typography'
 
 // Button-like link styles for Server Components (matches buttonVariants outline)
 const buttonOutlineStyles =

web/src/components/clone-command.tsx

@@ -1,7 +1,7 @@
 'use client'
 
 import { useState } from 'react'
-import { Card } from '@//components/ui/card'
+import { Card } from '@/components/ui/card'
 import { CheckIcon, CopyIcon } from 'lucide-react'
 
 const CLONE_COMMAND = 'git clone https://github.com/czl9707/build-your-own-openclaw.git'

web/src/components/diff-page-selector.tsx

@@ -1,7 +1,7 @@
 'use client'
 
 import { useRouter } from 'next/navigation'
-import { DiffSelector } from '@//components/diff-selector'
+import { DiffSelector } from '@/components/diff-selector'
 import type { Step } from '@/lib/steps'
 
 interface DiffPageSelectorProps {

web/src/components/diff-selector.tsx

@@ -6,7 +6,7 @@ import {
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from '@//components/ui/select'
+} from '@/components/ui/select'
 import type { Step } from '@/lib/steps'
 
 interface DiffSelectorProps {

web/src/components/diff-viewer.tsx

@@ -2,12 +2,12 @@
 
 import * as React from 'react'
 import { codeToHtml } from 'shiki'
-import { ScrollArea } from '@//components/ui/scroll-area'
+import { ScrollArea } from '@/components/ui/scroll-area'
 import {
   Collapsible,
   CollapsibleContent,
   CollapsibleTrigger,
-} from '@//components/ui/collapsible'
+} from '@/components/ui/collapsible'
 import { cn } from '@/lib/utils'
 import { computeDiff, type DiffLine } from '@/lib/diff'
 import { useIsMobile } from '@/lib/hooks'

web/src/components/file-nav-dropdown.tsx

@@ -7,7 +7,7 @@ import {
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from '@//components/ui/select'
+} from '@/components/ui/select'
 import { PlusIcon, MinusIcon } from 'lucide-react'
 
 interface FileItem {

web/src/components/readme-renderer.tsx

@@ -2,7 +2,7 @@ import ReactMarkdown from 'react-markdown'
 import remarkGfm from 'remark-gfm'
 import rehypeSlug from 'rehype-slug'
 import rehypeRaw from 'rehype-raw'
-import { H1, H2, H3, H4, P } from '@//components/ui/typography'
+import { H1, H2, H3, H4, P } from '@/components/ui/typography'
 import { CodeBlock } from './code-block'
 import type { Components } from 'react-markdown'
 

web/src/components/step-card.tsx

@@ -1,7 +1,7 @@
 import Link from 'next/link'
-import { Card, CardContent, CardHeader, CardTitle } from '@//components/ui/card'
-import { Badge } from '@//components/ui/badge'
-import { Muted } from '@//components/ui/typography'
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
+import { Badge } from '@/components/ui/badge'
+import { Muted } from '@/components/ui/typography'
 import type { Step } from '@/lib/steps'
 
 interface StepCardProps {

web/src/components/step-diff-selector.tsx

@@ -1,7 +1,7 @@
 'use client'
 
 import { useRouter } from 'next/navigation'
-import { DiffSelector } from '@//components/diff-selector'
+import { DiffSelector } from '@/components/diff-selector'
 import type { Step } from '@/lib/steps'
 
 interface StepDiffSelectorProps {

web/src/components/theme-toggle.tsx

@@ -4,13 +4,13 @@ import * as React from 'react'
 import { Moon, Sun } from 'lucide-react'
 import { useTheme } from 'next-themes'
 
-import { Button } from '@//components/ui/button'
+import { Button } from '@/components/ui/button'
 import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuTrigger,
-} from '@//components/ui/dropdown-menu'
+} from '@/components/ui/dropdown-menu'
 
 export function ThemeToggle() {
   const { setTheme } = useTheme()