npm - @allbluecn/web-app - Versions diffs - 0.9.5 → 0.10.0 - Mend

@allbluecn/web-app 0.9.5 → 0.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (684) hide show

package/src/routes/__root.tsx CHANGED Viewed

@@ -16,8 +16,6 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 import { Link, Outlet, createRootRouteWithContext, HeadContent, Scripts } from '@tanstack/react-router'
-import { I18nextProvider } from 'react-i18next'
-import { useTranslation } from 'react-i18next'
 import { HotkeysProvider } from '@tanstack/react-hotkeys'
 import { ShortcutsPanel } from '@/components/hotkeys/shortcuts-panel'
 import { Analytics } from '@vercel/analytics/react'
@@ -28,25 +26,20 @@ import { Providers } from '@/providers'
 import { Toaster } from '@/components/ui/sonner'
 import { DevtoolsPanel } from '@/components/devtools'
 import { getSessionFn } from '@/server/serverFns/auth/session'
-import { getLocaleFn } from '@/server/serverFns/locale'
-import type { AppLocale } from '@/i18n/config'
 import { FileQuestionIcon } from 'lucide-react'
 import { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from '@/components/ui/empty'
 import { Button } from '@/components/ui/button'
 import type { Session } from '@/lib/auth/auth-client'
-import { useMemo } from 'react'
-import { createServerI18n } from '@/i18n/server'
+import { getLocale } from '@/paraglide/runtime.js'
+import { m } from "@/paraglide/messages.js";
 export const Route = createRootRouteWithContext<RouterContext>()({
   beforeLoad: async () => {
     try {
-      const [session, locale] = await Promise.all([
-        getSessionFn(),
-        getLocaleFn(),
-      ])
-      return { session, locale }
+      const session = await getSessionFn()
+      return { session }
     } catch {
-      return { session: null, locale: 'zh' as AppLocale }
+      return { session: null }
     }
   },
   head: () => ({
@@ -57,6 +50,7 @@ export const Route = createRootRouteWithContext<RouterContext>()({
       { name: 'description', content: '专为产品经理打造的协作平台' },
     ],
     links: [
+      { rel: 'icon', href: '/favicon.ico' },
       { rel: 'stylesheet', href: '/fonts/fonts.css' },
       { rel: 'stylesheet', href: globalsCss },
     ],
@@ -68,9 +62,8 @@ export const Route = createRootRouteWithContext<RouterContext>()({
 function RootComponent() {
   const session = Route.useRouteContext({ select: (c) => c.session }) as Session | null
-  const locale = Route.useRouteContext({ select: (c) => c.locale })
   return (
-    <html lang={locale === 'en' ? 'en' : 'zh-CN'} suppressHydrationWarning>
+    <html lang={getLocale()} suppressHydrationWarning>
       <head>
         <HeadContent />
       </head>
@@ -92,16 +85,10 @@ function RootComponent() {
 }
 function NotFoundPage() {
-  const i18n = useMemo(() => createServerI18n('zh'), [])
-  return (
-    <I18nextProvider i18n={i18n}>
-      <NotFoundPageInner />
-    </I18nextProvider>
-  )
+  return <NotFoundPageInner />
 }
 function NotFoundPageInner() {
-  const { t } = useTranslation('common')
   return (
     <div className="flex h-screen w-full items-center justify-center">
       <Empty>
@@ -109,12 +96,12 @@ function NotFoundPageInner() {
           <EmptyMedia variant="icon">
             <FileQuestionIcon />
           </EmptyMedia>
-          <EmptyTitle>{t('errorPage.notFound')}</EmptyTitle>
-          <EmptyDescription>{t('errorPage.notFoundDesc')}</EmptyDescription>
+          <EmptyTitle>{m.common_errorPage_notFound()}</EmptyTitle>
+          <EmptyDescription>{m.common_errorPage_notFoundDesc()}</EmptyDescription>
         </EmptyHeader>
         <EmptyContent>
           <Button asChild>
-            <Link to="/dashboard">{t('errorPage.goDashboard')}</Link>
+            <Link to="/dashboard">{m.common_errorPage_goDashboard()}</Link>
           </Button>
         </EmptyContent>
       </Empty>
@@ -123,22 +110,12 @@ function NotFoundPageInner() {
 }
 function ErrorBoundary({ error }: { error: Error }) {
-  const i18n = useMemo(() => createServerI18n('zh'), [])
-  return (
-    <I18nextProvider i18n={i18n}>
-      <ErrorBoundaryInner error={error} />
-    </I18nextProvider>
-  )
-}
-function ErrorBoundaryInner({ error }: { error: Error }) {
-  const { t } = useTranslation('common')
   return (
     <div className="flex h-screen w-full items-center justify-center">
       <div className="text-center">
-        <h1 className="text-4xl font-bold text-destructive">{t('errorPage.error')}</h1>
+        <h1 className="text-4xl font-bold text-destructive">{m.common_errorPage_error()}</h1>
         <p className="mt-4 text-muted-foreground">{error.message}</p>
-        <Link to="/" className="mt-6 inline-block text-primary hover:underline">{t('errorPage.goHome')}</Link>
+        <Link to="/" className="mt-6 inline-block text-primary hover:underline">{m.common_errorPage_goHome()}</Link>
       </div>
     </div>
   )

package/src/routes/__tests__/-edition-routing.test.tsx ADDED Viewed

@@ -0,0 +1,151 @@
+import { describe, expect, it, vi } from 'vitest'
+import React from 'react'
+// edition.ts 从 @d plugins/modules.gen 读 profileId 并派生 isSaasEdition，
+// mock 必须在 edition 被 import 之前生效，否则 isSaasEdition 被缓存为 false（oss）。
+async function importIndexRoute(profileId: 'oss' | 'saas') {
+  vi.doMock('@/paraglide/runtime', () => ({ getLocale: () => 'zh', overwriteGetLocale: () => {}, locales: ['zh', 'en'], baseLocale: 'zh' }))
+  vi.resetModules()
+  vi.doMock('@/plugins/modules.gen', () => ({ profileId }))
+  return import('../_public/index/route')
+}
+async function importNavRoute(opts: { profileId: 'oss' | 'saas'; desktop: boolean }) {
+  vi.resetModules()
+  vi.doMock('@/plugins/modules.gen', () => ({ profileId: opts.profileId }))
+  vi.doMock('@/server/desktop-guest', () => ({ isDesktopServer: () => opts.desktop }))
+  return import('../_nav/route')
+}
+async function importGlobalErrorBoundary() {
+  vi.resetModules()
+  vi.doMock('@/paraglide/runtime', () => ({
+    getLocale: () => 'zh' as const,
+    experimentalStaticLocale: 'zh' as const,
+  }))
+  vi.doMock('@tanstack/react-router', async (orig) => {
+    const mod = (await orig()) as Record<string, unknown>
+    return {
+      ...mod,
+      useLocation: () => ({ pathname: '/prd', searchStr: '?x=1' }),
+      Link: (props: { children: React.ReactNode }) =>
+        React.createElement('a', { href: '/login' }, props.children),
+    }
+  })
+  return import('@/components/error/global-error-boundary')
+}
+function catchRedirect(fn: () => unknown): { to?: string; search?: { redirect?: string } } | null {
+  try {
+    fn()
+    return null
+  } catch (e) {
+    return (e as { options?: { to?: string; search?: { redirect?: string } } }).options ?? {}
+  }
+}
+describe('_public/index beforeLoad', () => {
+  it('OSS：redirect 到 /dashboard', async () => {
+    const { Route } = await importIndexRoute('oss')
+    const r = catchRedirect(() => Route.options.beforeLoad!( {} as never))
+    expect(r?.to).toBe('/dashboard')
+  }, 20000)
+  it('SaaS：放行不跳转', async () => {
+    const { Route } = await importIndexRoute('saas')
+    expect(catchRedirect(() => Route.options.beforeLoad!( {} as never))).toBeNull()
+  }, 20000)
+})
+describe('_nav beforeLoad', () => {
+  const location = { pathname: '/prd', searchStr: '?x=1' }
+  it('SaaS 未登录：redirect /login 并携带回跳', async () => {
+    const { Route } = await importNavRoute({ profileId: 'saas', desktop: false })
+    const r = catchRedirect(() =>
+      Route.options.beforeLoad!({ context: { session: null }, location } as never),
+    )
+    expect(r?.to).toBe('/login')
+    expect(r?.search?.redirect).toBe('/prd?x=1')
+  })
+  it('SaaS 已登录：放行', async () => {
+    const { Route } = await importNavRoute({ profileId: 'saas', desktop: false })
+    expect(
+      catchRedirect(() =>
+        Route.options.beforeLoad!({ context: { session: { user: { id: 'u1' } } }, location } as never),
+      ),
+    ).toBeNull()
+  })
+  it('OSS 未登录：放行（登录后置）', async () => {
+    const { Route } = await importNavRoute({ profileId: 'oss', desktop: false })
+    expect(
+      catchRedirect(() => Route.options.beforeLoad!({ context: { session: null }, location } as never)),
+    ).toBeNull()
+  })
+  it('desktop：无条件放行', async () => {
+    const { Route } = await importNavRoute({ profileId: 'saas', desktop: true })
+    expect(
+      catchRedirect(() => Route.options.beforeLoad!({ context: { session: null }, location } as never)),
+    ).toBeNull()
+  })
+})
+describe('GlobalErrorBoundary', () => {
+  let render: typeof import('@testing-library/react').render
+  let screen: typeof import('@testing-library/react').screen
+  let cleanup: typeof import('@testing-library/react').cleanup
+  let GlobalErrorBoundary: typeof import('@/components/error/global-error-boundary').GlobalErrorBoundary
+  beforeEach(async () => {
+    const libs = await import('@testing-library/react')
+    render = libs.render
+    screen = libs.screen
+    cleanup = libs.cleanup
+    cleanup()
+    ;({ GlobalErrorBoundary } = await importGlobalErrorBoundary())
+  })
+  it('401 错误渲染登录引导（含去登录按钮）', async () => {
+    render(<GlobalErrorBoundary error={new Error('UNAUTHORIZED')} />)
+    expect(screen.getByText(/登录后即可查看和同步你的数据|errorPage\.loginRequiredDesc/)).toBeInTheDocument()
+    expect(screen.getByText(/去登录|errorPage\.goLogin/i)).toBeInTheDocument()
+  })
+  it('非 401 错误渲染通用错误页（含返回首页按钮）', async () => {
+    render(<GlobalErrorBoundary error={new Error('unexpected failure')} />)
+    expect(screen.getByText(/出错了|Something went wrong/i)).toBeInTheDocument()
+    expect(screen.getByRole('link', { name: /返回首页|Back to Home/i })).toBeInTheDocument()
+  })
+})
+describe('需登录页面 gate', () => {
+  it.each([
+    ['../_nav/settings/route', '/settings/general'],
+    ['../_nav/notifications/route', '/notifications'],
+    ['../_nav/workspaces/route', '/workspaces'],
+  ])('%s 未登录跳 /login', async (mod, pathname) => {
+    vi.resetModules()
+    vi.doMock('@/plugins/modules.gen', () => ({ profileId: 'oss' }))
+    vi.doMock('@/lib/i18n/server', () => ({ createServerI18n: () => ({ t: (k: string) => k }) }))
+    vi.doMock('@/server/serverFns/notifications', () => ({
+      getUnreadCountFn: { call: async () => 0 },
+      listNotificationsFn: { call: async () => ({ items: [], hasMore: false }) },
+    }))
+    vi.doMock('@/hooks/use-notifications', () => ({
+      NOTIFICATION_LIST_KEY: ['notifications', 'list'],
+      NOTIFICATION_UNREAD_KEY: ['notifications', 'unread'],
+    }))
+    const { Route } = await import(mod)
+    const r = catchRedirect(() =>
+      Route.options.beforeLoad!({
+        context: { session: null },
+        location: { pathname, searchStr: '' },
+      } as never),
+    )
+    expect(r?.to).toBe('/login')
+    expect(r?.search?.redirect).toBe(pathname)
+  })
+})

package/src/routes/_login/forgot-password/route.lazy.tsx CHANGED Viewed

@@ -16,7 +16,6 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 import { createLazyFileRoute, Link } from '@tanstack/react-router'
-import { useTranslation } from 'react-i18next'
 import { useForm } from '@tanstack/react-form'
 import { toast } from '@/components/ui/sonner'
 import { RainbowButton } from '@/components/magicui/rainbow-button'
@@ -28,18 +27,18 @@ import { AuthBrandPanel } from '@/components/auth/auth-brand-panel'
 import { IconInput } from '@/components/auth/icon-input'
 import { forgotPasswordFn } from '@/server/serverFns/auth/forgot-password'
 import { forgotPasswordSchema } from '@/routes/_login/schemas/-auth'
+import { m } from "@/paraglide/messages.js";
 export const Route = createLazyFileRoute('/_login/forgot-password')({
   component: ForgotPasswordPage,
 })
 function ForgotPasswordPage() {
-  const { t } = useTranslation('auth')
   const loginFeatures = [
-    { icon: Users, label: t('features.userResearch'), desc: t('features.userResearchDesc') },
-    { icon: BarChart3, label: t('features.dataAnalysis'), desc: t('features.dataAnalysisDesc') },
-    { icon: MessageSquare, label: t('features.teamCollaboration'), desc: t('features.teamCollaborationDesc') },
-    { icon: TrendingUp, label: t('features.roadmap'), desc: t('features.roadmapDesc') },
+    { icon: Users, label: m.auth_features_userResearch(), desc: m.auth_features_userResearchDesc() },
+    { icon: BarChart3, label: m.auth_features_dataAnalysis(), desc: m.auth_features_dataAnalysisDesc() },
+    { icon: MessageSquare, label: m.auth_features_teamCollaboration(), desc: m.auth_features_teamCollaborationDesc() },
+    { icon: TrendingUp, label: m.auth_features_roadmap(), desc: m.auth_features_roadmapDesc() },
   ]
   const form = useForm({
@@ -48,9 +47,9 @@ function ForgotPasswordPage() {
     onSubmit: async ({ value }) => {
       try {
         await forgotPasswordFn({ data: value })
-        toast.success(t('forgotPassword.sent'))
+        toast.success(m.auth_forgotPassword_sent())
       } catch (err) {
-        toast.error(err instanceof Error ? err.message : t('forgotPassword.failed'))
+        toast.error(err instanceof Error ? err.message : m.auth_forgotPassword_failed())
       }
     },
   })
@@ -58,7 +57,7 @@ function ForgotPasswordPage() {
   return (
     <AuthLayout>
       <AuthLayoutLeft>
-        <AuthHeader title={t('forgotPassword.title')} subtitle={t('forgotPassword.subtitle')} />
+        <AuthHeader title={m.auth_forgotPassword_title()} subtitle={m.auth_forgotPassword_subtitle()} />
         <form
           onSubmit={(e) => { e.preventDefault(); e.stopPropagation(); form.handleSubmit() }}
           className="space-y-6"
@@ -67,7 +66,7 @@ function ForgotPasswordPage() {
             {(field) => (
               <IconInput
                 icon={Mail}
-                label={t('forgotPassword.emailLabel')}
+                label={m.auth_forgotPassword_emailLabel()}
                 placeholder="name@example.com"
                 value={field.value}
                 onBlur={field.handleBlur}
@@ -79,21 +78,21 @@ function ForgotPasswordPage() {
             selector={(state) => state.isSubmitting}
             children={(isSubmitting) => (
               <RainbowButton type="submit" className="w-full" disabled={isSubmitting}>
-                {isSubmitting ? t('forgotPassword.submitting') : t('forgotPassword.submit')}
+                {isSubmitting ? m.auth_forgotPassword_submitting() : m.auth_forgotPassword_submit()}
                 <ArrowRight className="ml-2 h-4 w-4" />
               </RainbowButton>
             )}
           />
         </form>
         <div className="text-center text-sm">
-          {t('forgotPassword.remembered')}{' '}
-          <Link to="/login" className="font-medium text-primary hover:underline">{t('forgotPassword.goLogin')}</Link>
+          {m.auth_forgotPassword_remembered()}{' '}
+          <Link to="/login" className="font-medium text-primary hover:underline">{m.auth_forgotPassword_goLogin()}</Link>
         </div>
       </AuthLayoutLeft>
       <AuthLayoutRight>
         <AuthBrandPanel
-          title={t('forgotPassword.title')}
-          subtitle={t('forgotPassword.brandSubtitle')}
+          title={m.auth_forgotPassword_title()}
+          subtitle={m.auth_forgotPassword_brandSubtitle()}
           features={loginFeatures}
         />
       </AuthLayoutRight>

package/src/routes/_login/login/route.lazy.tsx CHANGED Viewed

@@ -18,7 +18,6 @@
 import { useCallback, useEffect, useState } from 'react'
 import { createLazyFileRoute, Link } from '@tanstack/react-router'
 import { useForm } from '@tanstack/react-form'
-import { useTranslation } from 'react-i18next'
 import { toast } from '@/components/ui/sonner'
 import { RainbowButton } from '@/components/magicui/rainbow-button'
 import { Checkbox } from '@/components/ui/checkbox'
@@ -35,26 +34,28 @@ import { OAuthSection } from '@/components/auth/oauth-section'
 import { SsoSection } from '@/components/auth/sso-section'
 import { googleProvider } from '@/components/auth/auth-providers'
 import { loginSchema } from '@/routes/_login/schemas/-auth'
+import { m } from "@/paraglide/messages.js";
 export const Route = createLazyFileRoute('/_login/login')({
   component: LoginPage,
 })
 function LoginPage() {
-  const { t } = useTranslation('auth')
   const { redirect: redirectTo, error: oauthError, ssoToken, ssoError } = Route.useSearch()
   const { googleEnabled } = Route.useLoaderData()
   useEffect(() => {
     if (ssoError) {
-      toast.error(t('login.ssoFailed'))
+      toast.error(m.auth_login_ssoFailed())
     }
     if (oauthError === 'Configuration') {
-      toast.error(t('login.googleNotConfigured'))
+      toast.error(m.auth_login_serverError())
+    } else if (oauthError === 'CredentialsSignin') {
+      toast.error(m.auth_login_invalidCredentials())
     } else if (oauthError) {
-      toast.error(t('login.invalidCredentials'))
+      toast.error(m.auth_login_serverError())
     }
-  }, [oauthError, ssoError, t])
+  }, [oauthError, ssoError, ])
   useEffect(() => {
     if (!ssoToken) return
@@ -95,11 +96,11 @@ function LoginPage() {
         document.body.appendChild(loginForm)
         loginForm.submit()
       } catch {
-        toast.error(t('login.ssoFailed'))
+        toast.error(m.auth_login_ssoFailed())
       }
     }
     void submitSsoLogin()
-  }, [ssoToken, redirectTo, t])
+  }, [ssoToken, redirectTo, ])
   const form = useForm({
     defaultValues: { email: '', password: '', remember: false },
@@ -141,22 +142,22 @@ function LoginPage() {
   })
   const loginFeatures = [
-    { icon: Users, label: t('features.userResearch'), desc: t('features.userResearchDesc') },
-    { icon: BarChart3, label: t('features.dataAnalysis'), desc: t('features.dataAnalysisDesc') },
-    { icon: MessageSquare, label: t('features.teamCollaboration'), desc: t('features.teamCollaborationDesc') },
-    { icon: TrendingUp, label: t('features.roadmap'), desc: t('features.roadmapDesc') },
+    { icon: Users, label: m.auth_features_userResearch(), desc: m.auth_features_userResearchDesc() },
+    { icon: BarChart3, label: m.auth_features_dataAnalysis(), desc: m.auth_features_dataAnalysisDesc() },
+    { icon: MessageSquare, label: m.auth_features_teamCollaboration(), desc: m.auth_features_teamCollaborationDesc() },
+    { icon: TrendingUp, label: m.auth_features_roadmap(), desc: m.auth_features_roadmapDesc() },
   ]
   return (
     <AuthLayout>
       <AuthLayoutLeft>
-        <AuthHeader title={t('login.title')} subtitle={t('login.subtitle')} />
+        <AuthHeader title={m.auth_login_title()} subtitle={m.auth_login_subtitle()} />
         {googleEnabled && (
           <>
             <OAuthSection providers={[googleProvider]} redirectTo={redirectTo} />
             <div className="flex items-center gap-2">
               <Separator className="flex-1" />
-              <span className="text-sm text-muted-foreground">{t('login.orWithEmail')}</span>
+              <span className="text-sm text-muted-foreground">{m.auth_login_orWithEmail()}</span>
               <Separator className="flex-1" />
             </div>
           </>
@@ -169,7 +170,7 @@ function LoginPage() {
             {(field) => (
               <IconInput
                 icon={Mail}
-                label={t('login.emailLabel')}
+                label={m.auth_login_emailLabel()}
                 placeholder="name@example.com"
                 value={field.value}
                 onBlur={field.handleBlur}
@@ -186,8 +187,8 @@ function LoginPage() {
           <AppField name="password" form={form}>
             {(field) => (
               <PasswordInput
-                label={t('login.passwordLabel')}
-                placeholder={t('login.passwordPlaceholder')}
+                label={m.auth_login_passwordLabel()}
+                placeholder={m.auth_login_passwordPlaceholder()}
                 value={field.value}
                 onBlur={field.handleBlur}
                 onChange={(e) => field.handleChange(e.target.value)}
@@ -206,34 +207,34 @@ function LoginPage() {
                     />
                   )}
                 />
-                <span className="text-sm">{t('login.remember')}</span>
+                <span className="text-sm">{m.auth_login_remember()}</span>
               </FieldLabel>
             </Field>
             <Link to="/forgot-password" className="shrink-0 text-sm text-primary hover:underline whitespace-nowrap">
-              {t('login.forgotPassword')}
+              {m.auth_login_forgotPassword()}
             </Link>
           </div>
           <form.Subscribe
             selector={(state) => state.isSubmitting}
             children={(isSubmitting) => (
               <RainbowButton type="submit" className="w-full" disabled={isSubmitting}>
-                {isSubmitting ? t('login.submitting') : t('login.submit')}
+                {isSubmitting ? m.auth_login_submitting() : m.auth_login_submit()}
                 <ArrowRight className="ml-2 h-4 w-4" />
               </RainbowButton>
             )}
           />
         </form>
         <div className="text-center text-sm">
-          {t('login.noAccount')}{' '}
-          <Link to="/register" className="font-medium text-primary hover:underline">{t('login.createAccount')}</Link>
+          {m.auth_login_noAccount()}{' '}
+          <Link to="/register" className="font-medium text-primary hover:underline">{m.auth_login_createAccount()}</Link>
         </div>
       </AuthLayoutLeft>
       <AuthLayoutRight>
         <AuthBrandPanel
-          title={t('brand.title')}
-          subtitle={t('brand.subtitle')}
+          title={m.auth_brand_title()}
+          subtitle={m.auth_brand_subtitle()}
           features={loginFeatures}
-          footer={<p className="text-sm text-muted-foreground">{t('demo')}</p>}
+          footer={<p className="text-sm text-muted-foreground">{m.auth_demo()}</p>}
         />
       </AuthLayoutRight>
     </AuthLayout>

package/src/routes/_login/register/route.lazy.tsx CHANGED Viewed

@@ -16,7 +16,6 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 import { createLazyFileRoute, useRouter, Link } from '@tanstack/react-router'
-import { useTranslation } from 'react-i18next'
 import { useForm } from '@tanstack/react-form'
 import { toast } from '@/components/ui/sonner'
 import { RainbowButton } from '@/components/magicui/rainbow-button'
@@ -32,6 +31,7 @@ import { OAuthSection } from '@/components/auth/oauth-section'
 import { googleProvider } from '@/components/auth/auth-providers'
 import { registerFn } from '@/server/serverFns/auth/register'
 import { registerSchema } from '@/routes/_login/schemas/-auth'
+import { m } from "@/paraglide/messages.js";
 export const Route = createLazyFileRoute('/_login/register')({
   component: RegisterPage,
@@ -39,14 +39,13 @@ export const Route = createLazyFileRoute('/_login/register')({
 function RegisterPage() {
   const router = useRouter()
-  const { t } = useTranslation('auth')
   const { googleEnabled } = Route.useLoaderData()
   const { invite, email: emailFromUrl } = Route.useSearch()
   const registerFeatures = [
-    { icon: Users, label: t('features.userResearch'), desc: t('features.userResearchDesc') },
-    { icon: BarChart3, label: t('features.dataAnalysis'), desc: t('features.dataAnalysisDesc') },
-    { icon: MessageSquare, label: t('features.teamCollaboration'), desc: t('features.teamCollaborationDesc') },
-    { icon: TrendingUp, label: t('features.roadmap'), desc: t('features.roadmapDesc') },
+    { icon: Users, label: m.auth_features_userResearch(), desc: m.auth_features_userResearchDesc() },
+    { icon: BarChart3, label: m.auth_features_dataAnalysis(), desc: m.auth_features_dataAnalysisDesc() },
+    { icon: MessageSquare, label: m.auth_features_teamCollaboration(), desc: m.auth_features_teamCollaborationDesc() },
+    { icon: TrendingUp, label: m.auth_features_roadmap(), desc: m.auth_features_roadmapDesc() },
   ]
   const form = useForm({
@@ -61,10 +60,10 @@ function RegisterPage() {
     onSubmit: async ({ value }) => {
       try {
         await registerFn({ data: value })
-        toast.success(t('register.success'))
+        toast.success(m.auth_register_success())
         await router.navigate({ to: '/login' })
       } catch (err) {
-        toast.error(err instanceof Error ? err.message : t('register.failed'))
+        toast.error(err instanceof Error ? err.message : m.auth_register_failed())
       }
     },
   })
@@ -72,13 +71,13 @@ function RegisterPage() {
   return (
     <AuthLayout>
       <AuthLayoutLeft>
-        <AuthHeader title={t('register.title')} subtitle={t('register.subtitle')} />
+        <AuthHeader title={m.auth_register_title()} subtitle={m.auth_register_subtitle()} />
         {googleEnabled && (
           <>
             <OAuthSection providers={[googleProvider]} />
             <div className="flex items-center gap-2">
               <Separator className="flex-1" />
-              <span className="text-sm text-muted-foreground">{t('register.orWithEmail')}</span>
+              <span className="text-sm text-muted-foreground">{m.auth_register_orWithEmail()}</span>
               <Separator className="flex-1" />
             </div>
           </>
@@ -91,8 +90,8 @@ function RegisterPage() {
             {(field) => (
               <IconInput
                 icon={User}
-                label={t('register.usernameLabel')}
-                placeholder={t('register.usernamePlaceholder')}
+                label={m.auth_register_usernameLabel()}
+                placeholder={m.auth_register_usernamePlaceholder()}
                 value={field.value}
                 onBlur={field.handleBlur}
                 onChange={(e) => field.handleChange(e.target.value)}
@@ -103,7 +102,7 @@ function RegisterPage() {
             {(field) => (
               <IconInput
                 icon={Mail}
-                label={t('register.emailLabel')}
+                label={m.auth_register_emailLabel()}
                 placeholder="name@example.com"
                 value={field.value}
                 onBlur={field.handleBlur}
@@ -115,8 +114,8 @@ function RegisterPage() {
             <AppField name="password" form={form}>
               {(field) => (
                 <PasswordInput
-                  label={t('register.passwordLabel')}
-                  placeholder={t('register.passwordPlaceholder')}
+                  label={m.auth_register_passwordLabel()}
+                  placeholder={m.auth_register_passwordPlaceholder()}
                   value={field.value}
                   onBlur={field.handleBlur}
                   onChange={(e) => field.handleChange(e.target.value)}
@@ -126,8 +125,8 @@ function RegisterPage() {
             <AppField name="confirmPassword" form={form}>
               {(field) => (
                 <PasswordInput
-                  label={t('register.confirmPasswordLabel')}
-                  placeholder={t('register.confirmPasswordPlaceholder')}
+                  label={m.auth_register_confirmPasswordLabel()}
+                  placeholder={m.auth_register_confirmPasswordPlaceholder()}
                   value={field.value}
                   onBlur={field.handleBlur}
                   onChange={(e) => field.handleChange(e.target.value)}
@@ -139,8 +138,8 @@ function RegisterPage() {
             {(field) => (
               <IconInput
                 icon={QrCode}
-                label={t('register.invitationCodeLabel')}
-                placeholder={t('register.invitationCodePlaceholder')}
+                label={m.auth_register_invitationCodeLabel()}
+                placeholder={m.auth_register_invitationCodePlaceholder()}
                 value={field.value}
                 onBlur={field.handleBlur}
                 onChange={(e) => field.handleChange(e.target.value)}
@@ -151,21 +150,21 @@ function RegisterPage() {
             selector={(state) => state.isSubmitting}
             children={(isSubmitting) => (
               <RainbowButton type="submit" className="w-full" disabled={isSubmitting}>
-                {isSubmitting ? t('register.submitting') : t('register.submit')}
+                {isSubmitting ? m.auth_register_submitting() : m.auth_register_submit()}
                 <ArrowRight className="ml-2 h-4 w-4" />
               </RainbowButton>
             )}
           />
         </form>
         <div className="text-center text-sm">
-          {t('register.hasAccount')}{' '}
-          <Link to="/login" className="font-medium text-primary hover:underline">{t('register.goLogin')}</Link>
+          {m.auth_register_hasAccount()}{' '}
+          <Link to="/login" className="font-medium text-primary hover:underline">{m.auth_register_goLogin()}</Link>
         </div>
       </AuthLayoutLeft>
       <AuthLayoutRight>
         <AuthBrandPanel
-          title={t('brand.title')}
-          subtitle={t('brand.subtitle')}
+          title={m.auth_brand_title()}
+          subtitle={m.auth_brand_subtitle()}
           features={registerFeatures}
         />
       </AuthLayoutRight>