docs: remove i18n dep

packages/website/src/pages/Home.tsx

@@ -1,7 +1,6 @@
 /* eslint-disable react-dom/no-dangerously-set-innerhtml */
 import { Bot, Box, MessageSquare, PlayCircle, Shield, Sparkles, Users, Zap } from 'lucide-react'
 import { useEffect, useState } from 'react'
-import { useTranslation } from 'react-i18next'
 import { Link, useSearchParams } from 'wouter'
 
 import Footer from '../components/Footer'
@@ -18,6 +17,7 @@ import {
 	DEMO_BASE_URL,
 	DEMO_MODEL,
 } from '../constants'
+import { useLanguage } from '../i18n/context'
 
 function getInjection(useCN?: boolean) {
 	const cdn = useCN ? CDN_DEMO_CN_URL : CDN_DEMO_URL
@@ -40,8 +40,7 @@ function getInjection(useCN?: boolean) {
 }
 
 export default function HomePage() {
-	const { i18n } = useTranslation('common')
-	const isZh = i18n.language === 'zh-CN'
+	const { language, isZh } = useLanguage()
 
 	const defaultTask = isZh
 		? '从导航栏中进入文档页，打开"快速开始"相关的文档，帮我总结成 markdown'
@@ -71,7 +70,7 @@ export default function HomePage() {
 			win.pageAgent = new PageAgent({
 				// 把 react 根元素排除掉，挂了很多冒泡时间导致假阳
 				interactiveBlacklist: [document.getElementById('root')!],
-				language: i18n.language as any,
+				language: language,
 
 				instructions: {
 					system: 'You are a helpful assistant on PageAgent website.',

packages/website/src/pages/docs/Layout.tsx

@@ -1,9 +1,9 @@
 import { ReactNode } from 'react'
-import { useTranslation } from 'react-i18next'
 import { siGooglechrome } from 'simple-icons'
 import { Link, useLocation } from 'wouter'
 
 import { SparklesText } from '@/components/ui/sparkles-text'
+import { useLanguage } from '@/i18n/context'
 
 interface DocsLayoutProps {
 	children: ReactNode
@@ -20,46 +20,52 @@ interface NavSection {
 }
 
 export default function DocsLayout({ children }: DocsLayoutProps) {
-	const { t } = useTranslation('common')
+	const { isZh } = useLanguage()
 	const [location] = useLocation()
 
 	const navigationSections: NavSection[] = [
 		{
-			title: t('nav.introduction'),
+			title: isZh ? '介绍' : 'Introduction',
 			items: [
-				{ title: t('nav.overview'), path: '/introduction/overview' },
-				{ title: t('nav.quick_start'), path: '/introduction/quick-start' },
-				{ title: t('nav.limitations'), path: '/introduction/limitations' },
+				{ title: isZh ? '概览' : 'Overview', path: '/introduction/overview' },
+				{ title: isZh ? '快速开始' : 'Quick Start', path: '/introduction/quick-start' },
+				{ title: isZh ? '使用限制' : 'Limitations', path: '/introduction/limitations' },
 			],
 		},
 		{
-			title: t('nav.features'),
+			title: isZh ? '功能特性' : 'Features',
 			items: [
-				{ title: t('nav.models'), path: '/features/models' },
-				{ title: t('nav.custom_tools'), path: '/features/custom-tools' },
-				{ title: t('nav.knowledge_injection'), path: '/features/custom-instructions' },
-				{ title: t('nav.data_masking'), path: '/features/data-masking' },
-				{ title: t('nav.chrome_extension'), path: '/features/chrome-extension' },
+				{ title: isZh ? '模型' : 'Models', path: '/features/models' },
+				{ title: isZh ? '自定义工具' : 'Custom Tools', path: '/features/custom-tools' },
+				{ title: isZh ? '知识注入' : 'Instructions', path: '/features/custom-instructions' },
+				{ title: isZh ? '数据脱敏' : 'Data Masking', path: '/features/data-masking' },
+				{ title: isZh ? 'Chrome 扩展' : 'Chrome Extension', path: '/features/chrome-extension' },
 			],
 		},
 		{
-			title: t('nav.integration'),
+			title: isZh ? '集成指南' : 'Integration',
 			items: [
-				{ title: t('nav.third_party_agent'), path: '/integration/third-party-agent' },
-				{ title: t('nav.cdn_setup'), path: '/integration/cdn-setup' },
 				{
-					title: '🚧 ' + t('nav.security_permissions'),
+					title: isZh ? '接入第三方 Agent' : 'Third-party Agent',
+					path: '/integration/third-party-agent',
+				},
+				{ title: isZh ? 'CDN 引入' : 'CDN Setup', path: '/integration/cdn-setup' },
+				{
+					title: '🚧 ' + (isZh ? '安全与权限' : 'Security & Permissions'),
 					path: '/integration/security-permissions',
 				},
-				{ title: '🚧 ' + t('nav.best_practices'), path: '/integration/best-practices' },
+				{
+					title: '🚧 ' + (isZh ? '最佳实践' : 'Best Practices'),
+					path: '/integration/best-practices',
+				},
 			],
 		},
 		{
-			title: t('nav.advanced'),
+			title: isZh ? '高级' : 'Advanced',
 			items: [
-				{ title: t('nav.page_agent'), path: '/advanced/page-agent' },
-				{ title: t('nav.page_agent_core'), path: '/advanced/page-agent-core' },
-				{ title: t('nav.custom_ui'), path: '/advanced/custom-ui' },
+				{ title: 'PageAgent', path: '/advanced/page-agent' },
+				{ title: 'PageAgentCore', path: '/advanced/page-agent-core' },
+				{ title: isZh ? '自定义 UI' : 'Custom UI', path: '/advanced/custom-ui' },
 			],
 		},
 	]

packages/website/src/pages/docs/advanced/custom-ui/page.tsx

@@ -1,11 +1,9 @@
-import { useTranslation } from 'react-i18next'
-
 import CodeEditor from '@/components/CodeEditor'
 import { APIDivider, APIReference } from '@/components/ui/api-reference'
+import { useLanguage } from '@/i18n/context'
 
 export default function CustomUIDocs() {
-	const { i18n } = useTranslation()
-	const isZh = i18n.language === 'zh-CN'
+	const { isZh } = useLanguage()
 
 	return (
 		<div>

packages/website/src/pages/docs/advanced/page-agent-core/page.tsx

@@ -1,11 +1,9 @@
-import { useTranslation } from 'react-i18next'
-
 import CodeEditor from '@/components/CodeEditor'
 import { APIDivider, APIReference, TypeRef } from '@/components/ui/api-reference'
+import { useLanguage } from '@/i18n/context'
 
 export default function PageAgentCoreDocs() {
-	const { i18n } = useTranslation()
-	const isZh = i18n.language === 'zh-CN'
+	const { isZh } = useLanguage()
 
 	return (
 		<div>

packages/website/src/pages/docs/advanced/page-agent/page.tsx

@@ -1,12 +1,11 @@
-import { useTranslation } from 'react-i18next'
 import { Link } from 'wouter'
 
 import CodeEditor from '@/components/CodeEditor'
 import { APIReference, TypeRef } from '@/components/ui/api-reference'
+import { useLanguage } from '@/i18n/context'
 
 export default function PageAgentDocs() {
-	const { i18n } = useTranslation()
-	const isZh = i18n.language === 'zh-CN'
+	const { isZh } = useLanguage()
 
 	return (
 		<div>

packages/website/src/pages/docs/features/chrome-extension/page.tsx

@@ -1,12 +1,11 @@
-import { useTranslation } from 'react-i18next'
 import { siGithub } from 'simple-icons'
 
 import BetaNotice from '@/components/BetaNotice'
 import CodeEditor from '@/components/CodeEditor'
+import { useLanguage } from '@/i18n/context'
 
 export default function ChromeExtension() {
-	const { i18n } = useTranslation()
-	const isZh = i18n.language === 'zh-CN'
+	const { isZh } = useLanguage()
 
 	return (
 		<div>

packages/website/src/pages/docs/features/custom-instructions/page.tsx

@@ -1,10 +1,8 @@
-import { useTranslation } from 'react-i18next'
-
 import CodeEditor from '@/components/CodeEditor'
+import { useLanguage } from '@/i18n/context'
 
 export default function Instructions() {
-	const { i18n } = useTranslation()
-	const isZh = i18n.language === 'zh-CN'
+	const { isZh } = useLanguage()
 
 	return (
 		<div>

packages/website/src/pages/docs/features/custom-tools/page.tsx

@@ -1,11 +1,9 @@
-import { useTranslation } from 'react-i18next'
-
 import BetaNotice from '@/components/BetaNotice'
 import CodeEditor from '@/components/CodeEditor'
+import { useLanguage } from '@/i18n/context'
 
 export default function CustomTools() {
-	const { i18n } = useTranslation()
-	const isZh = i18n.language === 'zh-CN'
+	const { isZh } = useLanguage()
 
 	return (
 		<div>

packages/website/src/pages/docs/features/data-masking/page.tsx

@@ -1,10 +1,8 @@
-import { useTranslation } from 'react-i18next'
-
 import CodeEditor from '@/components/CodeEditor'
+import { useLanguage } from '@/i18n/context'
 
 export default function DataMasking() {
-	const { i18n } = useTranslation()
-	const isZh = i18n.language === 'zh-CN'
+	const { isZh } = useLanguage()
 
 	return (
 		<div>

packages/website/src/pages/docs/features/models/page.tsx

@@ -1,6 +1,5 @@
-import { useTranslation } from 'react-i18next'
-
 import CodeEditor from '@/components/CodeEditor'
+import { useLanguage } from '@/i18n/context'
 
 // Recommended models: lightweight with excellent tool call capabilities
 const MODELS = {
@@ -28,8 +27,7 @@ const MODELS = {
 }
 
 export default function Models() {
-	const { i18n } = useTranslation()
-	const isZh = i18n.language === 'zh-CN'
+	const { isZh } = useLanguage()
 	const allModels = [...MODELS.recommended, ...MODELS.verified]
 
 	return (

packages/website/src/pages/docs/integration/best-practices/page.tsx

@@ -1,11 +1,9 @@
-import { useTranslation } from 'react-i18next'
-
 import BetaNotice from '@/components/BetaNotice'
 import CodeEditor from '@/components/CodeEditor'
+import { useLanguage } from '@/i18n/context'
 
 export default function BestPractices() {
-	const { i18n } = useTranslation()
-	const isZh = i18n.language === 'zh-CN'
+	const { isZh } = useLanguage()
 
 	return (
 		<div>

packages/website/src/pages/docs/integration/cdn-setup/page.tsx

@@ -1,11 +1,9 @@
-import { useTranslation } from 'react-i18next'
-
 import CodeEditor from '@/components/CodeEditor'
 import { CDN_DEMO_CN_URL, CDN_DEMO_URL } from '@/constants'
+import { useLanguage } from '@/i18n/context'
 
 export default function CdnSetup() {
-	const { i18n } = useTranslation()
-	const isZh = i18n.language === 'zh-CN'
+	const { isZh } = useLanguage()
 
 	return (
 		<div className="space-y-10">

packages/website/src/pages/docs/integration/security-permissions/page.tsx

@@ -1,10 +1,8 @@
-import { useTranslation } from 'react-i18next'
-
 import BetaNotice from '@/components/BetaNotice'
+import { useLanguage } from '@/i18n/context'
 
 export default function SecurityPermissions() {
-	const { i18n } = useTranslation()
-	const isZh = i18n.language === 'zh-CN'
+	const { isZh } = useLanguage()
 
 	return (
 		<div>

packages/website/src/pages/docs/integration/third-party-agent/page.tsx

@@ -1,10 +1,8 @@
-import { useTranslation } from 'react-i18next'
-
 import CodeEditor from '@/components/CodeEditor'
+import { useLanguage } from '@/i18n/context'
 
 export default function ThirdPartyAgentPage() {
-	const { i18n } = useTranslation()
-	const isZh = i18n.language === 'zh-CN'
+	const { isZh } = useLanguage()
 
 	return (
 		<div>

packages/website/src/pages/docs/introduction/limitations/page.tsx

@@ -1,8 +1,7 @@
-import { useTranslation } from 'react-i18next'
+import { useLanguage } from '@/i18n/context'
 
 export default function LimitationsPage() {
-	const { i18n } = useTranslation()
-	const isZh = i18n.language === 'zh-CN'
+	const { isZh } = useLanguage()
 
 	return (
 		<div className="max-w-4xl mx-auto">

packages/website/src/pages/docs/introduction/overview/page.tsx

@@ -1,8 +1,7 @@
-import { useTranslation } from 'react-i18next'
+import { useLanguage } from '@/i18n/context'
 
 export default function Overview() {
-	const { i18n } = useTranslation()
-	const isZh = i18n.language === 'zh-CN'
+	const { isZh } = useLanguage()
 
 	return (
 		<article>

packages/website/src/pages/docs/introduction/quick-start/page.tsx

@@ -1,11 +1,9 @@
-import { useTranslation } from 'react-i18next'
-
 import CodeEditor from '@/components/CodeEditor'
 import { CDN_DEMO_CN_URL, CDN_DEMO_URL } from '@/constants'
+import { useLanguage } from '@/i18n/context'
 
 export default function QuickStart() {
-	const { i18n } = useTranslation()
-	const isZh = i18n.language === 'zh-CN'
+	const { isZh } = useLanguage()
 
 	return (
 		<div>