diff --git a/www/components/frpc/client_create_dialog.tsx b/www/components/frpc/client_create_dialog.tsx
index c5dc2ff..e4de285 100644
--- a/www/components/frpc/client_create_dialog.tsx
+++ b/www/components/frpc/client_create_dialog.tsx
@@ -7,7 +7,6 @@ import { initClient, listClient } from '@/api/client'
 import { Label } from '@/components/ui/label'
 import { Input } from '@/components/ui/input'
 import { Button } from '@/components/ui/button'
-import { useToast } from '@/components/ui/use-toast'
 import { RespCode } from '@/lib/pb/common'
 import {
   Dialog,
@@ -19,6 +18,7 @@ import {
   DialogTrigger,
 } from '@/components/ui/dialog'
 import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
 
 export const CreateClientDialog = ({refetchTrigger}: {refetchTrigger?: (randStr: string) => void}) => {
   const { t } = useTranslation()
@@ -26,20 +26,23 @@ export const CreateClientDialog = ({refetchTrigger}: {refetchTrigger?: (randStr:
   const newClient = useMutation({
     mutationFn: initClient,
   })
-  const { toast } = useToast()
 
   const handleNewClient = async () => {
-    toast({ title: t('client.create.submitting') })
+    toast(t('client.create.submitting'))
     try {
       let resp = await newClient.mutateAsync({ clientId: clientID })
       if (resp.status?.code !== RespCode.SUCCESS) {
-        toast({ title: t('client.create.error') })
+        toast(t('client.create.error'),{
+          description: resp.status?.message
+        })
         return
       }
-      toast({ title: t('client.create.success') })
+      toast(t('client.create.success'))
       refetchTrigger && refetchTrigger(JSON.stringify(Math.random()))
     } catch (error) {
-      toast({ title: t('client.create.error') })
+      toast(t('client.create.error'), {
+        description: JSON.stringify(error)
+      })
     }
   }
 
diff --git a/www/components/frpc/client_item.tsx b/www/components/frpc/client_item.tsx
index 8163942..e9a65da 100644
--- a/www/components/frpc/client_item.tsx
+++ b/www/components/frpc/client_item.tsx
@@ -20,7 +20,6 @@ import {
   DropdownMenuSeparator,
   DropdownMenuTrigger,
 } from '@/components/ui/dropdown-menu'
-import { useToast } from '@/components/ui/use-toast'
 import React, { useState } from 'react'
 import { ClientEnvFile, ExecCommandStr, LinuxInstallCommand, WindowsInstallCommand } from '@/lib/consts'
 import { useMutation, useQuery } from '@tanstack/react-query'
@@ -38,6 +37,7 @@ import { Label } from '@/components/ui/label'
 import { ClientDetail } from '../base/client_detail'
 import { Input } from '../ui/input'
 import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
 
 export type ClientTableSchema = {
   id: string
@@ -141,11 +141,11 @@ export const ClientID = ({ client }: { client: ClientTableSchema }) => {
             <div className="grid grid-cols-2 items-center gap-4">
               <Input
                 readOnly
-                value={WindowsInstallCommand('frpc', client, platformInfo)}
+                value={WindowsInstallCommand('client', client, platformInfo)}
                 className="flex-1"
               />
               <Button
-                onClick={() => navigator.clipboard.writeText(WindowsInstallCommand('frpc', client, platformInfo))}
+                onClick={() => navigator.clipboard.writeText(WindowsInstallCommand('client', client, platformInfo))}
                 disabled={!platformInfo}
                 size="sm"
                 variant="outline"
@@ -156,11 +156,11 @@ export const ClientID = ({ client }: { client: ClientTableSchema }) => {
             <div className="grid grid-cols-2 items-center gap-4">
               <Input
                 readOnly
-                value={LinuxInstallCommand('frpc', client, platformInfo)}
+                value={LinuxInstallCommand('client', client, platformInfo)}
                 className="flex-1"
               />
               <Button
-                onClick={() => navigator.clipboard.writeText(LinuxInstallCommand('frpc', client, platformInfo))}
+                onClick={() => navigator.clipboard.writeText(LinuxInstallCommand('client', client, platformInfo))}
                 disabled={!platformInfo}
                 size="sm"
                 variant="outline"
@@ -282,7 +282,6 @@ export interface ClientItemProps {
 
 export const ClientActions: React.FC<ClientItemProps> = ({ client, table }) => {
   const { t } = useTranslation()
-  const { toast } = useToast()
   const router = useRouter()
   const platformInfo = useStore($platformInfo)
 
@@ -292,33 +291,39 @@ export const ClientActions: React.FC<ClientItemProps> = ({ client, table }) => {
   const removeClient = useMutation({
     mutationFn: deleteClient,
     onSuccess: () => {
-      toast({ description: t('client.delete.success') })
+      toast(t('client.delete.success'))
       refetchList()
     },
-    onError: () => {
-      toast({ description: t('client.delete.failed') })
+    onError: (e) => {
+      toast(t('client.delete.failed'), {
+        description: e.message,
+      })
     },
   })
 
   const stopClient = useMutation({
     mutationFn: stopFrpc,
     onSuccess: () => {
-      toast({ description: t('client.operation.stop_success') })
+      toast(t('client.operation.stop_success'))
       refetchList()
     },
-    onError: () => {
-      toast({ description: t('client.operation.stop_failed') })
+    onError: (e) => {
+      toast(t('client.operation.stop_failed'), {
+        description: e.message,
+      })
     },
   })
 
   const startClient = useMutation({
     mutationFn: startFrpc,
     onSuccess: () => {
-      toast({ description: t('client.operation.start_success') })
+      toast(t('client.operation.start_success'))
       refetchList()
     },
-    onError: () => {
-      toast({ description: t('client.operation.start_failed') })
+    onError: (e) => {
+      toast(t('client.operation.start_failed'), {
+        description: e.message,
+      })
     },
   })
 
@@ -347,12 +352,14 @@ export const ClientActions: React.FC<ClientItemProps> = ({ client, table }) => {
               try {
                 if (platformInfo) {
                   navigator.clipboard.writeText(ExecCommandStr('client', client, platformInfo))
-                  toast({ description: t('client.actions_menu.copy_success') })
+                  toast(t('client.actions_menu.copy_success'))
                 } else {
-                  toast({ description: t('client.actions_menu.copy_failed') })
+                  toast(t('client.actions_menu.copy_failed'))
                 }
               } catch (error) {
-                toast({ description: t('client.actions_menu.copy_failed') })
+                toast(t('client.actions_menu.copy_failed'),{
+                  description: JSON.stringify(error)
+                })
               }
             }}
           >
@@ -373,7 +380,9 @@ export const ClientActions: React.FC<ClientItemProps> = ({ client, table }) => {
                   createAndDownloadFile('.env', ClientEnvFile(client, platformInfo))
                 }
               } catch (error) {
-                toast({ description: t('client.actions_menu.download_failed') })
+                toast(t('client.actions_menu.download_failed'), {
+                  description: JSON.stringify(error)
+                })
               }
             }}
           >
diff --git a/www/components/frpc/frpc_editor.tsx b/www/components/frpc/frpc_editor.tsx
index 5d42ae3..08a21b2 100644
--- a/www/components/frpc/frpc_editor.tsx
+++ b/www/components/frpc/frpc_editor.tsx
@@ -5,13 +5,12 @@ import { useMutation } from '@tanstack/react-query'
 import { useEffect, useState } from 'react'
 import { Button } from '@/components/ui/button'
 import { updateFRPC } from '@/api/frp'
-import { useToast } from '@/components/ui/use-toast'
 import { RespCode } from '@/lib/pb/common'
 import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
 
 export const FRPCEditor: React.FC<FRPCFormProps> = ({ clientID, serverID, client, refetchClient }) => {
   const { t } = useTranslation()
-  const { toast } = useToast()
 
   const [configContent, setConfigContent] = useState<string>('{}')
   const [clientComment, setClientComment] = useState<string>('')
@@ -28,12 +27,16 @@ export const FRPCEditor: React.FC<FRPCFormProps> = ({ clientID, serverID, client
         comment: clientComment,
       })
       if (res.status?.code !== RespCode.SUCCESS) {
-        toast({ title: t('client.operation.update_failed') })
+        toast(t('client.operation.update_failed', {
+          error: res.status?.message,
+        }))
         return
       }
-      toast({ title: t('client.operation.update_success') })
+      toast(t('client.operation.update_success'))
     } catch (error) {
-      toast({ title: t('client.operation.update_failed') })
+      toast(t('client.operation.update_failed'), {
+        description: JSON.stringify(error),
+      })
     }
   }
 
diff --git a/www/components/frpc/frpc_form.tsx b/www/components/frpc/frpc_form.tsx
index d57320e..5e3d9e5 100644
--- a/www/components/frpc/frpc_form.tsx
+++ b/www/components/frpc/frpc_form.tsx
@@ -11,12 +11,12 @@ import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover
 import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from '@/components/ui/accordion'
 import { Input } from '@/components/ui/input'
 import { AccordionHeader } from '@radix-ui/react-accordion'
-import { useToast } from '@/components/ui/use-toast'
 import { QueryObserverResult, RefetchOptions, useMutation } from '@tanstack/react-query'
 import { updateFRPC } from '@/api/frp'
 import { Card, CardContent } from '@/components/ui/card'
 import { GetClientResponse } from '@/lib/pb/api_client'
 import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
 
 export interface FRPCFormProps {
   clientID: string
@@ -32,8 +32,7 @@ export const FRPCForm: React.FC<FRPCFormProps> = ({ clientID, serverID, client,
   const { t } = useTranslation()
   const [proxyType, setProxyType] = useState<ProxyType>('http')
   const [proxyName, setProxyName] = useState<string | undefined>()
-  const { toast } = useToast()
-  
+
   const handleTypeChange = (value: string) => {
     setProxyType(value as ProxyType)
   }
@@ -43,9 +42,8 @@ export const FRPCForm: React.FC<FRPCFormProps> = ({ clientID, serverID, client,
     if (!proxyName) return
     if (!proxyType) return
     if (clientProxyConfigs.findIndex((proxy) => proxy.name === proxyName) !== -1) {
-      toast({ 
-        title: t('proxy.status.create'), 
-        description: t('proxy.status.name_exists') 
+      toast(t('proxy.status.create'), {
+        description: t('proxy.status.name_exists')
       })
       return
     }
@@ -76,15 +74,13 @@ export const FRPCForm: React.FC<FRPCFormProps> = ({ clientID, serverID, client,
         clientId: clientID,
       })
       await refetchClient()
-      toast({ 
-        title: t('proxy.status.update'), 
-        description: res.status?.code === RespCode.SUCCESS ? t('proxy.status.success') : t('proxy.status.error') 
+      toast(t('proxy.status.update'), {
+        description: res.status?.code === RespCode.SUCCESS ? t('proxy.status.success') : t('proxy.status.error')
       })
     } catch (error) {
       console.error(error)
-      toast({ 
-        title: t('proxy.status.update'), 
-        description: t('proxy.status.error') 
+      toast(t('proxy.status.update'), {
+        description: t('proxy.status.error') + JSON.stringify(error)
       })
     }
   }
diff --git a/www/components/frps/frps_editor.tsx b/www/components/frps/frps_editor.tsx
index 8074f80..3cc1a04 100644
--- a/www/components/frps/frps_editor.tsx
+++ b/www/components/frps/frps_editor.tsx
@@ -2,17 +2,16 @@ import { Label } from '@radix-ui/react-label'
 import { Textarea } from '@/components/ui/textarea'
 import { FRPSFormProps } from './frps_form'
 import { Button } from '@/components/ui/button'
-import { useToast } from '@/components/ui/use-toast'
 import { useMutation, useQuery } from '@tanstack/react-query'
 import { getServer } from '@/api/server'
 import { useEffect, useState } from 'react'
 import { updateFRPS } from '@/api/frp'
 import { RespCode } from '@/lib/pb/common'
 import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
 
 export const FRPSEditor: React.FC<FRPSFormProps> = ({ server, serverID }) => {
   const { t } = useTranslation()
-  const { toast } = useToast()
   const { data: serverResp, refetch: refetchServer } = useQuery({
     queryKey: ['getServer', serverID],
     queryFn: () => {
@@ -34,12 +33,16 @@ export const FRPSEditor: React.FC<FRPSFormProps> = ({ server, serverID }) => {
         comment: serverComment,
       })
       if (res.status?.code !== RespCode.SUCCESS) {
-        toast({ title: t('server.operation.update_failed') })
+        toast(t('server.operation.update_failed', {
+          description: res.status?.message,
+        }))
         return
       }
-      toast({ title: t('server.operation.update_success') })
+      toast(t('server.operation.update_success'))
     } catch (error) {
-      toast({ title: t('server.operation.update_failed') })
+      toast(t('server.operation.update_failed', {
+        description: JSON.stringify(error),
+      }))
     }
     refetchServer()
   }
diff --git a/www/components/frps/frps_form.tsx b/www/components/frps/frps_form.tsx
index 4495886..0218ce3 100644
--- a/www/components/frps/frps_form.tsx
+++ b/www/components/frps/frps_form.tsx
@@ -10,9 +10,9 @@ import { ZodIPSchema, ZodPortSchema, ZodStringSchema } from '@/lib/consts'
 import { RespCode, Server } from '@/lib/pb/common'
 import { updateFRPS } from '@/api/frp'
 import { useMutation } from '@tanstack/react-query'
-import { useToast } from '@/components/ui/use-toast'
 import { Label } from '@radix-ui/react-label'
 import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
 
 const ServerConfigSchema = z.object({
   bindAddr: ZodIPSchema.default('0.0.0.0').optional(),
@@ -35,7 +35,6 @@ const FRPSForm: React.FC<FRPSFormProps> = ({ serverID, server }) => {
   const form = useForm<z.infer<typeof ServerConfigZodSchema>>({
     resolver: zodResolver(ServerConfigZodSchema),
   })
-  const { toast } = useToast()
 
   const updateFrps = useMutation({ mutationFn: updateFRPS })
 
@@ -60,14 +59,12 @@ const FRPSForm: React.FC<FRPSFormProps> = ({ serverID, server }) => {
           } as ServerConfig),
         ),
       })
-      toast({
-        title: resp.status?.code === RespCode.SUCCESS ? t('server.operation.update_success') : t('server.operation.update_failed'),
+      toast(resp.status?.code === RespCode.SUCCESS ? t('server.operation.update_success') : t('server.operation.update_failed'),{
         description: resp.status?.message,
       })
     } catch (error) {
       console.error(error)
-      toast({ 
-        title: t('server.operation.update_title'), 
+      toast(t('server.operation.update_title'), {
         description: t('server.operation.update_failed')
       })
     }
diff --git a/www/components/frps/server_create_dialog.tsx b/www/components/frps/server_create_dialog.tsx
index 16a1d9a..dee8d76 100644
--- a/www/components/frps/server_create_dialog.tsx
+++ b/www/components/frps/server_create_dialog.tsx
@@ -6,7 +6,6 @@ import { initServer } from '@/api/server'
 import { Label } from '@/components/ui/label'
 import { Input } from '@/components/ui/input'
 import { Button } from '@/components/ui/button'
-import { useToast } from '@/components/ui/use-toast'
 import { RespCode } from '@/lib/pb/common'
 import {
   Dialog,
@@ -18,6 +17,7 @@ import {
   DialogTrigger,
 } from '@/components/ui/dialog'
 import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
 
 export const CreateServerDialog = ({refetchTrigger}: {refetchTrigger?: (randStr: string) => void}) => {
   const { t } = useTranslation()
@@ -26,20 +26,23 @@ export const CreateServerDialog = ({refetchTrigger}: {refetchTrigger?: (randStr:
   const newServer = useMutation({
     mutationFn: initServer,
   })
-  const { toast } = useToast()
 
   const handleNewServer = async () => {
-    toast({ title: t('server.create.submitting') })
+    toast(t('server.create.submitting'))
     try {
       let resp = await newServer.mutateAsync({ serverId: serverID, serverIp: serverIP })
       if (resp.status?.code !== RespCode.SUCCESS) {
-        toast({ title: t('server.create.error') })
+        toast(t('server.create.error'), {
+          description: resp.status?.message,
+        })
         return
       }
-      toast({ title: t('server.create.success') })
+      toast(t('server.create.success'))
       refetchTrigger && refetchTrigger(JSON.stringify(Math.random()))
     } catch (error) {
-      toast({ title: t('server.create.error') })
+      toast(t('server.create.error'), {
+        description: JSON.stringify(error),
+      })
     }
   }
 
diff --git a/www/components/frps/server_item.tsx b/www/components/frps/server_item.tsx
index ed212b5..2bc10b2 100644
--- a/www/components/frps/server_item.tsx
+++ b/www/components/frps/server_item.tsx
@@ -20,7 +20,6 @@ import {
   DropdownMenuSeparator,
   DropdownMenuTrigger,
 } from '@/components/ui/dropdown-menu'
-import { useToast } from '@/components/ui/use-toast'
 import React, { useState } from 'react'
 import { ClientEnvFile, ExecCommandStr, LinuxInstallCommand, WindowsInstallCommand } from '@/lib/consts'
 import { useMutation, useQuery } from '@tanstack/react-query'
@@ -36,6 +35,7 @@ import { Badge } from '../ui/badge'
 import { ClientDetail } from '../base/client_detail'
 import { useTranslation } from 'react-i18next'
 import { Input } from '@/components/ui/input'
+import { toast } from 'sonner'
 
 export type ServerTableSchema = {
   id: string
@@ -287,20 +287,21 @@ export interface ServerItemProps {
 
 export const ServerActions: React.FC<ServerItemProps> = ({ server, table }) => {
   const { t } = useTranslation()
-  const { toast } = useToast()
   const router = useRouter()
   const platformInfo = useStore($platformInfo)
 
-  const refetchList = () => {}
+  const refetchList = () => { }
 
   const removeServer = useMutation({
     mutationFn: deleteServer,
     onSuccess: () => {
-      toast({ description: t('server.delete.success') })
+      toast(t('server.delete.success'))
       refetchList()
     },
-    onError: () => {
-      toast({ description: t('server.delete.failed') })
+    onError: (e) => {
+      toast(t('server.delete.failed'), {
+        description: e.message,
+      })
     },
   })
 
@@ -329,12 +330,12 @@ export const ServerActions: React.FC<ServerItemProps> = ({ server, table }) => {
               try {
                 if (platformInfo) {
                   navigator.clipboard.writeText(ExecCommandStr('server', server, platformInfo))
-                  toast({ description: t('server.actions_menu.copy_success') })
+                  toast(t('server.actions_menu.copy_success'))
                 } else {
-                  toast({ description: t('server.actions_menu.copy_failed') })
+                  toast(t('server.actions_menu.copy_failed'))
                 }
               } catch (error) {
-                toast({ description: t('server.actions_menu.copy_failed') })
+                toast(t('server.actions_menu.copy_failed'))
               }
             }}
           >
@@ -355,7 +356,9 @@ export const ServerActions: React.FC<ServerItemProps> = ({ server, table }) => {
                   createAndDownloadFile('.env', ClientEnvFile(server, platformInfo))
                 }
               } catch (error) {
-                toast({ description: t('server.actions_menu.download_failed') })
+                toast(t('server.actions_menu.download_failed'), {
+                  description: JSON.stringify(error),
+                })
               }
             }}
           >
diff --git a/www/components/header.tsx b/www/components/header.tsx
index f718a22..6451dd6 100644
--- a/www/components/header.tsx
+++ b/www/components/header.tsx
@@ -13,21 +13,17 @@ export const Header = ({ title }: { title?: string }) => {
   const router = useRouter()
   const isOnline = useStore($statusOnline)
   const token = useStore($token)
-  const [isInitializing, setIsInitializing] = useState(true)
   const currentPath = router.pathname
 
-  useEffect(() => {
-    // 设置5秒延迟，等待状态初始化
-    const timer = setTimeout(() => {
-      setIsInitializing(false)
-    }, 5000)
-
-    return () => clearTimeout(timer)
-  }, [isOnline, token])
+  const {isPending} = useQuery({
+    queryKey: ['userInfo', currentPath],
+    queryFn: getUserInfo,
+    retry: false,
+  })
 
   useEffect(() => {
     // 只有在初始化完成后才进行状态检查和跳转
-    if (!isInitializing) {
+    if (!isPending) {
       console.log('isInitializing', isOnline, token, currentPath)
       // 如果用户未登录且不在登录/注册页面，则跳转到登录页
       const isAuthPage = ['/login', '/register'].includes(currentPath)
@@ -35,7 +31,7 @@ export const Header = ({ title }: { title?: string }) => {
         router.push('/login')
       }
     }
-  }, [token, isOnline, router, isInitializing, currentPath])
+  }, [token, isOnline, router, isPending, currentPath])
 
   return (
     <div className="flex w-full justify-between items-center gap-2">
@@ -60,14 +56,14 @@ export const RegisterAndLogin = () => {
     $platformInfo.set(platformInfo.data)
   }, [platformInfo])
 
-  const userInfoQuery = useQuery({
+  const {data: userInfoQuery} = useQuery({
     queryKey: ['userInfo'],
     queryFn: getUserInfo,
   })
 
   useEffect(() => {
-    $userInfo.set(userInfoQuery.data?.userInfo)
-    $statusOnline.set(!!userInfoQuery.data?.userInfo)
+    $userInfo.set(userInfoQuery?.userInfo)
+    $statusOnline.set(!!userInfoQuery?.userInfo)
   }, [userInfoQuery])
 
   return (
diff --git a/www/components/login.tsx b/www/components/login.tsx
index f3f62fe..0f8d618 100644
--- a/www/components/login.tsx
+++ b/www/components/login.tsx
@@ -11,10 +11,10 @@ import { ExclamationTriangleIcon } from '@radix-ui/react-icons'
 
 import { Alert, AlertDescription, AlertTitle } from '@/components/ui/alert'
 import { useState } from 'react'
-import { useToast } from './ui/use-toast'
 import { RespCode } from '@/lib/pb/common'
 import { useRouter } from 'next/router'
 import { useTranslation } from 'react-i18next';
+import { toast } from 'sonner'
 
 export const LoginSchema = z.object({
   username: ZodStringSchema,
@@ -26,27 +26,30 @@ export function LoginComponent() {
   const form = useForm<z.infer<typeof LoginSchema>>({
     resolver: zodResolver(LoginSchema),
   })
-  const { toast } = useToast()
   const router = useRouter()
 
   const [loginAlert, setLoginAlert] = useState(false)
 
   const onSubmit = async (values: z.infer<typeof LoginSchema>) => {
-    toast({ title: t('auth.loggingIn') })
+    toast(t('auth.loggingIn'))
     try {
       const res = await login({ ...values })
       if (res.status?.code === RespCode.SUCCESS) {
-        toast({ title: t('auth.loginSuccess') })
+        toast(t('auth.loginSuccess'))
         setTimeout(() => {
           router.push('/')
         }, 3000)
         setLoginAlert(false)
       } else {
-        toast({ title: t('auth.loginFailed') })
+        toast(t('auth.loginFailed'), {
+          description: res.status?.message
+        })
         setLoginAlert(true)
       }
     } catch (e) {
-      toast({ title: t('auth.loginFailed') })
+      toast(t('auth.loginFailed'), {
+        description: (e as Error).message
+      })
       console.log('login error', e)
       setLoginAlert(true)
     }
diff --git a/www/components/providers.tsx b/www/components/providers.tsx
index 78a0f95..1724c2f 100644
--- a/www/components/providers.tsx
+++ b/www/components/providers.tsx
@@ -1,18 +1,17 @@
 import React from 'react'
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
-import { TooltipProvider } from '@/components/ui/tooltip'
 import {
   SidebarProvider,
 } from "@/components/ui/sidebar"
+import { Toaster } from './ui/sonner'
 
 const queryClient = new QueryClient()
 
 export const Providers = ({ children }: { children: React.ReactNode }) => {
   return (
-    <TooltipProvider>
       <SidebarProvider>
         <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
+        <Toaster />
       </SidebarProvider>
-    </TooltipProvider>
   )
 }
diff --git a/www/components/register.tsx b/www/components/register.tsx
index 5a92a85..aa39357 100644
--- a/www/components/register.tsx
+++ b/www/components/register.tsx
@@ -11,11 +11,10 @@ import { ExclamationTriangleIcon } from '@radix-ui/react-icons'
 
 import { Alert, AlertDescription, AlertTitle } from '@/components/ui/alert'
 import { useState } from 'react'
-import { useToast } from './ui/use-toast'
 import { RespCode } from '@/lib/pb/common'
 import { useRouter } from 'next/router'
-import { Toast } from './ui/toast'
 import { useTranslation } from 'react-i18next';
+import { toast } from 'sonner'
 
 export const RegisterSchema = z.object({
   username: ZodStringSchema,
@@ -28,7 +27,6 @@ export function RegisterComponent() {
   const form = useForm<z.infer<typeof RegisterSchema>>({
     resolver: zodResolver(RegisterSchema),
   })
-  const { toast } = useToast()
   const router = useRouter()
 
   const [registerAlert, setRegisterAlert] = useState(false)
@@ -37,20 +35,24 @@ export function RegisterComponent() {
   }
 
   const onSubmit = async (values: z.infer<typeof RegisterSchema>) => {
-    toast({ title: t('auth.registering') })
+    toast('auth.registering')
     try {
       const res = await register({ ...values })
       if (res.status?.code === RespCode.SUCCESS) {
-        toast({ title: t('auth.registerSuccess') })
+        toast(t('auth.registerSuccess'))
         setRegisterAlert(false)
         await sleep(3000)
         router.push('/login')
       } else {
-        toast({ title: t('auth.registerFailed') })
+        toast(t('auth.registerFailed'), {
+          description: res.status?.message
+        })
         setRegisterAlert(true)
       }
     } catch (e) {
-      toast({ title: t('auth.registerFailed') })
+      toast(t('auth.registerFailed'), {
+        description: (e as Error).message
+      })
       console.log('register error', e)
       setRegisterAlert(true)
     }
diff --git a/www/components/ui/sonner.tsx b/www/components/ui/sonner.tsx
index 03a773f..1128edf 100644
--- a/www/components/ui/sonner.tsx
+++ b/www/components/ui/sonner.tsx
@@ -1,22 +1,24 @@
-import { useTheme } from 'next-themes'
-import { Toaster as Sonner } from 'sonner'
+import { useTheme } from "next-themes"
+import { Toaster as Sonner } from "sonner"
 
 type ToasterProps = React.ComponentProps<typeof Sonner>
 
 const Toaster = ({ ...props }: ToasterProps) => {
-  const { theme = 'system' } = useTheme()
+  const { theme = "system" } = useTheme()
 
   return (
     <Sonner
-      theme={theme as ToasterProps['theme']}
+      theme={theme as ToasterProps["theme"]}
       className="toaster group"
       toastOptions={{
         classNames: {
           toast:
-            'group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg',
-          description: 'group-[.toast]:text-muted-foreground',
-          actionButton: 'group-[.toast]:bg-primary group-[.toast]:text-primary-foreground',
-          cancelButton: 'group-[.toast]:bg-muted group-[.toast]:text-muted-foreground',
+            "group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg",
+          description: "group-[.toast]:text-muted-foreground",
+          actionButton:
+            "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",
+          cancelButton:
+            "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground",
         },
       }}
       {...props}
diff --git a/www/components/ui/toast.tsx b/www/components/ui/toast.tsx
deleted file mode 100644
index 4abd90b..0000000
--- a/www/components/ui/toast.tsx
+++ /dev/null
@@ -1,111 +0,0 @@
-import * as React from 'react'
-import { Cross2Icon } from '@radix-ui/react-icons'
-import * as ToastPrimitives from '@radix-ui/react-toast'
-import { cva, type VariantProps } from 'class-variance-authority'
-
-import { cn } from '@/lib/utils'
-
-const ToastProvider = ToastPrimitives.Provider
-
-const ToastViewport = React.forwardRef<
-  React.ElementRef<typeof ToastPrimitives.Viewport>,
-  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport>
->(({ className, ...props }, ref) => (
-  <ToastPrimitives.Viewport
-    ref={ref}
-    className={cn(
-      'fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]',
-      className,
-    )}
-    {...props}
-  />
-))
-ToastViewport.displayName = ToastPrimitives.Viewport.displayName
-
-const toastVariants = cva(
-  'group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md border p-4 pr-6 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full',
-  {
-    variants: {
-      variant: {
-        default: 'border bg-background text-foreground',
-        destructive: 'destructive group border-destructive bg-destructive text-destructive-foreground',
-      },
-    },
-    defaultVariants: {
-      variant: 'default',
-    },
-  },
-)
-
-const Toast = React.forwardRef<
-  React.ElementRef<typeof ToastPrimitives.Root>,
-  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> & VariantProps<typeof toastVariants>
->(({ className, variant, ...props }, ref) => {
-  return <ToastPrimitives.Root ref={ref} className={cn(toastVariants({ variant }), className)} {...props} />
-})
-Toast.displayName = ToastPrimitives.Root.displayName
-
-const ToastAction = React.forwardRef<
-  React.ElementRef<typeof ToastPrimitives.Action>,
-  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Action>
->(({ className, ...props }, ref) => (
-  <ToastPrimitives.Action
-    ref={ref}
-    className={cn(
-      'inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors hover:bg-secondary focus:outline-none focus:ring-1 focus:ring-ring disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive',
-      className,
-    )}
-    {...props}
-  />
-))
-ToastAction.displayName = ToastPrimitives.Action.displayName
-
-const ToastClose = React.forwardRef<
-  React.ElementRef<typeof ToastPrimitives.Close>,
-  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Close>
->(({ className, ...props }, ref) => (
-  <ToastPrimitives.Close
-    ref={ref}
-    className={cn(
-      'absolute right-1 top-1 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-1 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600',
-      className,
-    )}
-    toast-close=""
-    {...props}
-  >
-    <Cross2Icon className="h-4 w-4" />
-  </ToastPrimitives.Close>
-))
-ToastClose.displayName = ToastPrimitives.Close.displayName
-
-const ToastTitle = React.forwardRef<
-  React.ElementRef<typeof ToastPrimitives.Title>,
-  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Title>
->(({ className, ...props }, ref) => (
-  <ToastPrimitives.Title ref={ref} className={cn('text-sm font-semibold [&+div]:text-xs', className)} {...props} />
-))
-ToastTitle.displayName = ToastPrimitives.Title.displayName
-
-const ToastDescription = React.forwardRef<
-  React.ElementRef<typeof ToastPrimitives.Description>,
-  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Description>
->(({ className, ...props }, ref) => (
-  <ToastPrimitives.Description ref={ref} className={cn('text-sm opacity-90', className)} {...props} />
-))
-ToastDescription.displayName = ToastPrimitives.Description.displayName
-
-type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>
-
-type ToastActionElement = React.ReactElement<typeof ToastAction>
-
-export {
-  type ToastProps,
-  type ToastActionElement,
-  ToastProvider,
-  ToastViewport,
-  Toast,
-  ToastTitle,
-  ToastDescription,
-  ToastClose,
-  ToastAction,
-}
diff --git a/www/components/ui/toaster.tsx b/www/components/ui/toaster.tsx
deleted file mode 100644
index 808ba12..0000000
--- a/www/components/ui/toaster.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import { Toast, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport } from '@/components/ui/toast'
-import { useToast } from '@/components/ui/use-toast'
-
-export function Toaster() {
-  const { toasts } = useToast()
-
-  return (
-    <ToastProvider>
-      {toasts.map(function ({ id, title, description, action, ...props }) {
-        return (
-          <Toast key={id} {...props}>
-            <div className="grid gap-1">
-              {title && <ToastTitle>{title}</ToastTitle>}
-              {description && <ToastDescription>{description}</ToastDescription>}
-            </div>
-            {action}
-            <ToastClose />
-          </Toast>
-        )
-      })}
-      <ToastViewport />
-    </ToastProvider>
-  )
-}
diff --git a/www/components/ui/use-toast.ts b/www/components/ui/use-toast.ts
deleted file mode 100644
index d627a17..0000000
--- a/www/components/ui/use-toast.ts
+++ /dev/null
@@ -1,187 +0,0 @@
-// Inspired by react-hot-toast library
-import * as React from 'react'
-
-import type { ToastActionElement, ToastProps } from '@/components/ui/toast'
-
-const TOAST_LIMIT = 1
-const TOAST_REMOVE_DELAY = 1000000
-
-type ToasterToast = ToastProps & {
-  id: string
-  title?: React.ReactNode
-  description?: React.ReactNode
-  action?: ToastActionElement
-}
-
-const actionTypes = {
-  ADD_TOAST: 'ADD_TOAST',
-  UPDATE_TOAST: 'UPDATE_TOAST',
-  DISMISS_TOAST: 'DISMISS_TOAST',
-  REMOVE_TOAST: 'REMOVE_TOAST',
-} as const
-
-let count = 0
-
-function genId() {
-  count = (count + 1) % Number.MAX_SAFE_INTEGER
-  return count.toString()
-}
-
-type ActionType = typeof actionTypes
-
-type Action =
-  | {
-      type: ActionType['ADD_TOAST']
-      toast: ToasterToast
-    }
-  | {
-      type: ActionType['UPDATE_TOAST']
-      toast: Partial<ToasterToast>
-    }
-  | {
-      type: ActionType['DISMISS_TOAST']
-      toastId?: ToasterToast['id']
-    }
-  | {
-      type: ActionType['REMOVE_TOAST']
-      toastId?: ToasterToast['id']
-    }
-
-interface State {
-  toasts: ToasterToast[]
-}
-
-const toastTimeouts = new Map<string, ReturnType<typeof setTimeout>>()
-
-const addToRemoveQueue = (toastId: string) => {
-  if (toastTimeouts.has(toastId)) {
-    return
-  }
-
-  const timeout = setTimeout(() => {
-    toastTimeouts.delete(toastId)
-    dispatch({
-      type: 'REMOVE_TOAST',
-      toastId: toastId,
-    })
-  }, TOAST_REMOVE_DELAY)
-
-  toastTimeouts.set(toastId, timeout)
-}
-
-export const reducer = (state: State, action: Action): State => {
-  switch (action.type) {
-    case 'ADD_TOAST':
-      return {
-        ...state,
-        toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT),
-      }
-
-    case 'UPDATE_TOAST':
-      return {
-        ...state,
-        toasts: state.toasts.map((t) => (t.id === action.toast.id ? { ...t, ...action.toast } : t)),
-      }
-
-    case 'DISMISS_TOAST': {
-      const { toastId } = action
-
-      // ! Side effects ! - This could be extracted into a dismissToast() action,
-      // but I'll keep it here for simplicity
-      if (toastId) {
-        addToRemoveQueue(toastId)
-      } else {
-        state.toasts.forEach((toast) => {
-          addToRemoveQueue(toast.id)
-        })
-      }
-
-      return {
-        ...state,
-        toasts: state.toasts.map((t) =>
-          t.id === toastId || toastId === undefined
-            ? {
-                ...t,
-                open: false,
-              }
-            : t,
-        ),
-      }
-    }
-    case 'REMOVE_TOAST':
-      if (action.toastId === undefined) {
-        return {
-          ...state,
-          toasts: [],
-        }
-      }
-      return {
-        ...state,
-        toasts: state.toasts.filter((t) => t.id !== action.toastId),
-      }
-  }
-}
-
-const listeners: Array<(state: State) => void> = []
-
-let memoryState: State = { toasts: [] }
-
-function dispatch(action: Action) {
-  memoryState = reducer(memoryState, action)
-  listeners.forEach((listener) => {
-    listener(memoryState)
-  })
-}
-
-type Toast = Omit<ToasterToast, 'id'>
-
-function toast({ ...props }: Toast) {
-  const id = genId()
-
-  const update = (props: ToasterToast) =>
-    dispatch({
-      type: 'UPDATE_TOAST',
-      toast: { ...props, id },
-    })
-  const dismiss = () => dispatch({ type: 'DISMISS_TOAST', toastId: id })
-
-  dispatch({
-    type: 'ADD_TOAST',
-    toast: {
-      ...props,
-      id,
-      open: true,
-      onOpenChange: (open) => {
-        if (!open) dismiss()
-      },
-    },
-  })
-
-  return {
-    id: id,
-    dismiss,
-    update,
-  }
-}
-
-function useToast() {
-  const [state, setState] = React.useState<State>(memoryState)
-
-  React.useEffect(() => {
-    listeners.push(setState)
-    return () => {
-      const index = listeners.indexOf(setState)
-      if (index > -1) {
-        listeners.splice(index, 1)
-      }
-    }
-  }, [state])
-
-  return {
-    ...state,
-    toast,
-    dismiss: (toastId?: string) => dispatch({ type: 'DISMISS_TOAST', toastId }),
-  }
-}
-
-export { useToast, toast }
diff --git a/www/lib/consts.ts b/www/lib/consts.ts
index b826176..fdbb4f7 100644
--- a/www/lib/consts.ts
+++ b/www/lib/consts.ts
@@ -18,7 +18,7 @@ export const ZodEmailSchema = z.string().min(1, { message: i18next.t('validation
 // .refine((e) => e === "abcd@fg.com", "This email is not in our database")
 
 export const ExecCommandStr = <T extends Client | Server>(
-  type: string,
+  type: "client" | "server",
   item: T,
   info: GetPlatformInfoResponse,
   fileName?: string,
@@ -28,7 +28,7 @@ export const ExecCommandStr = <T extends Client | Server>(
 }
 
 export const WindowsInstallCommand = <T extends Client | Server>(
-  type: string,
+  type: "client" | "server",
   item: T,
   info: GetPlatformInfoResponse,
 ) => {
@@ -42,7 +42,7 @@ export const WindowsInstallCommand = <T extends Client | Server>(
 }
 
 export const LinuxInstallCommand = <T extends Client | Server>(
-  type: string,
+  type: "client" | "server",
   item: T,
   info: GetPlatformInfoResponse,
 ) => {
diff --git a/www/pages/login.tsx b/www/pages/login.tsx
index 6587ce1..a8aedfa 100644
--- a/www/pages/login.tsx
+++ b/www/pages/login.tsx
@@ -3,7 +3,6 @@ import { Providers } from '@/components/providers'
 import { TbBuildingTunnel } from 'react-icons/tb'
 import { LoginComponent } from '@/components/login'
 import { useRouter } from 'next/router'
-import { Toaster } from '@/components/ui/toaster'
 import { useTranslation } from 'react-i18next'
 import { LanguageSwitcher } from '@/components/language-switcher'
 import Link from 'next/link'
@@ -91,7 +90,6 @@ export default function LoginPage() {
             </div>
           </div>
         </div>
-        <Toaster />
       </Providers>
     </main>
   )
diff --git a/www/pages/register.tsx b/www/pages/register.tsx
index d52e8ae..bcaadbf 100644
--- a/www/pages/register.tsx
+++ b/www/pages/register.tsx
@@ -3,7 +3,6 @@ import { Providers } from '@/components/providers'
 import { TbBuildingTunnel } from 'react-icons/tb'
 import { RegisterComponent } from '@/components/register'
 import { useRouter } from 'next/router'
-import { Toaster } from '@/components/ui/toaster'
 import { useTranslation } from 'react-i18next'
 import { LanguageSwitcher } from '@/components/language-switcher'
 import Link from 'next/link'
@@ -91,7 +90,6 @@ export default function RegisterPage() {
             </div>
           </div>
         </div>
-        <Toaster />
       </Providers>
     </main>
   )
diff --git a/www/pnpm-lock.yaml b/www/pnpm-lock.yaml
index 89b58b9..d04a638 100644
--- a/www/pnpm-lock.yaml
+++ b/www/pnpm-lock.yaml
@@ -319,59 +319,59 @@ packages:
     resolution: {integrity: sha512-U3qMNHmEZoVmHA0j/57nRfi3AscXNvkOnxDmle/69Jz/G0o/gWjXTDdlgILZdrxQ0Lw/jv2mPW8PGy0EGIHXhQ==}
 
   '@next/swc-darwin-arm64@14.0.4':
-    resolution: {integrity: sha512-mF05E/5uPthWzyYDyptcwHptucf/jj09i2SXBPwNzbgBNc+XnwzrL0U6BmPjQeOL+FiB+iG1gwBeq7mlDjSRPg==, tarball: https://registry.npmmirror.com/@next/swc-darwin-arm64/-/swc-darwin-arm64-14.0.4.tgz}
+    resolution: {integrity: sha512-mF05E/5uPthWzyYDyptcwHptucf/jj09i2SXBPwNzbgBNc+XnwzrL0U6BmPjQeOL+FiB+iG1gwBeq7mlDjSRPg==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [darwin]
 
   '@next/swc-darwin-x64@14.0.4':
-    resolution: {integrity: sha512-IZQ3C7Bx0k2rYtrZZxKKiusMTM9WWcK5ajyhOZkYYTCc8xytmwSzR1skU7qLgVT/EY9xtXDG0WhY6fyujnI3rw==, tarball: https://registry.npmmirror.com/@next/swc-darwin-x64/-/swc-darwin-x64-14.0.4.tgz}
+    resolution: {integrity: sha512-IZQ3C7Bx0k2rYtrZZxKKiusMTM9WWcK5ajyhOZkYYTCc8xytmwSzR1skU7qLgVT/EY9xtXDG0WhY6fyujnI3rw==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [darwin]
 
   '@next/swc-linux-arm64-gnu@14.0.4':
-    resolution: {integrity: sha512-VwwZKrBQo/MGb1VOrxJ6LrKvbpo7UbROuyMRvQKTFKhNaXjUmKTu7wxVkIuCARAfiI8JpaWAnKR+D6tzpCcM4w==, tarball: https://registry.npmmirror.com/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-14.0.4.tgz}
+    resolution: {integrity: sha512-VwwZKrBQo/MGb1VOrxJ6LrKvbpo7UbROuyMRvQKTFKhNaXjUmKTu7wxVkIuCARAfiI8JpaWAnKR+D6tzpCcM4w==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
     libc: [glibc]
 
   '@next/swc-linux-arm64-musl@14.0.4':
-    resolution: {integrity: sha512-8QftwPEW37XxXoAwsn+nXlodKWHfpMaSvt81W43Wh8dv0gkheD+30ezWMcFGHLI71KiWmHK5PSQbTQGUiidvLQ==, tarball: https://registry.npmmirror.com/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-14.0.4.tgz}
+    resolution: {integrity: sha512-8QftwPEW37XxXoAwsn+nXlodKWHfpMaSvt81W43Wh8dv0gkheD+30ezWMcFGHLI71KiWmHK5PSQbTQGUiidvLQ==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
     libc: [musl]
 
   '@next/swc-linux-x64-gnu@14.0.4':
-    resolution: {integrity: sha512-/s/Pme3VKfZAfISlYVq2hzFS8AcAIOTnoKupc/j4WlvF6GQ0VouS2Q2KEgPuO1eMBwakWPB1aYFIA4VNVh667A==, tarball: https://registry.npmmirror.com/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-14.0.4.tgz}
+    resolution: {integrity: sha512-/s/Pme3VKfZAfISlYVq2hzFS8AcAIOTnoKupc/j4WlvF6GQ0VouS2Q2KEgPuO1eMBwakWPB1aYFIA4VNVh667A==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
     libc: [glibc]
 
   '@next/swc-linux-x64-musl@14.0.4':
-    resolution: {integrity: sha512-m8z/6Fyal4L9Bnlxde5g2Mfa1Z7dasMQyhEhskDATpqr+Y0mjOBZcXQ7G5U+vgL22cI4T7MfvgtrM2jdopqWaw==, tarball: https://registry.npmmirror.com/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-14.0.4.tgz}
+    resolution: {integrity: sha512-m8z/6Fyal4L9Bnlxde5g2Mfa1Z7dasMQyhEhskDATpqr+Y0mjOBZcXQ7G5U+vgL22cI4T7MfvgtrM2jdopqWaw==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
     libc: [musl]
 
   '@next/swc-win32-arm64-msvc@14.0.4':
-    resolution: {integrity: sha512-7Wv4PRiWIAWbm5XrGz3D8HUkCVDMMz9igffZG4NB1p4u1KoItwx9qjATHz88kwCEal/HXmbShucaslXCQXUM5w==, tarball: https://registry.npmmirror.com/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-14.0.4.tgz}
+    resolution: {integrity: sha512-7Wv4PRiWIAWbm5XrGz3D8HUkCVDMMz9igffZG4NB1p4u1KoItwx9qjATHz88kwCEal/HXmbShucaslXCQXUM5w==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [win32]
 
   '@next/swc-win32-ia32-msvc@14.0.4':
-    resolution: {integrity: sha512-zLeNEAPULsl0phfGb4kdzF/cAVIfaC7hY+kt0/d+y9mzcZHsMS3hAS829WbJ31DkSlVKQeHEjZHIdhN+Pg7Gyg==, tarball: https://registry.npmmirror.com/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-14.0.4.tgz}
+    resolution: {integrity: sha512-zLeNEAPULsl0phfGb4kdzF/cAVIfaC7hY+kt0/d+y9mzcZHsMS3hAS829WbJ31DkSlVKQeHEjZHIdhN+Pg7Gyg==}
     engines: {node: '>= 10'}
     cpu: [ia32]
     os: [win32]
 
   '@next/swc-win32-x64-msvc@14.0.4':
-    resolution: {integrity: sha512-yEh2+R8qDlDCjxVpzOTEpBLQTEFAcP2A8fUFLaWNap9GitYKkKv1//y2S6XY6zsR4rCOPRpU7plYDR+az2n30A==, tarball: https://registry.npmmirror.com/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-14.0.4.tgz}
+    resolution: {integrity: sha512-yEh2+R8qDlDCjxVpzOTEpBLQTEFAcP2A8fUFLaWNap9GitYKkKv1//y2S6XY6zsR4rCOPRpU7plYDR+az2n30A==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [win32]
@@ -389,7 +389,7 @@ packages:
     engines: {node: '>= 8'}
 
   '@pkgjs/parseargs@0.11.0':
-    resolution: {integrity: sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==, tarball: https://registry.npmmirror.com/@pkgjs/parseargs/-/parseargs-0.11.0.tgz}
+    resolution: {integrity: sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==}
     engines: {node: '>=14'}
 
   '@protobuf-ts/plugin-framework@2.9.3':
@@ -1101,7 +1101,7 @@ packages:
       '@xterm/xterm': ^5.0.0
 
   '@xterm/xterm@5.5.0':
-    resolution: {integrity: sha512-hqJHYaQb5OptNunnyAnkHyM8aCjZ1MEIDTQu1iIbbTD/xops91NB5yq1ZK/dC2JDbVWtF23zUtl9JE2NqwT87A==, tarball: https://registry.npmmirror.com/@xterm/xterm/-/xterm-5.5.0.tgz}
+    resolution: {integrity: sha512-hqJHYaQb5OptNunnyAnkHyM8aCjZ1MEIDTQu1iIbbTD/xops91NB5yq1ZK/dC2JDbVWtF23zUtl9JE2NqwT87A==}
 
   acorn-jsx@5.3.2:
     resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
@@ -1367,7 +1367,7 @@ packages:
     resolution: {integrity: sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==}
 
   date-fns@4.1.0:
-    resolution: {integrity: sha512-Ukq0owbQXxa/U3EGtsdVBkR1w7KOQ5gIBqdH2hkvknzZPYvBxb/aa6E8L7tmjFtkwZBu3UXBbjIgPo/Ez4xaNg==, tarball: https://registry.npmmirror.com/date-fns/-/date-fns-4.1.0.tgz}
+    resolution: {integrity: sha512-Ukq0owbQXxa/U3EGtsdVBkR1w7KOQ5gIBqdH2hkvknzZPYvBxb/aa6E8L7tmjFtkwZBu3UXBbjIgPo/Ez4xaNg==}
 
   debug@3.2.7:
     resolution: {integrity: sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==}
@@ -1439,7 +1439,7 @@ packages:
     resolution: {integrity: sha512-lKoz10iCYlP1WtRYdh5MvocQPWVRoI7ysp6qf18bmeBgR8abE6+I2CsfyNKztRDZvhdWc+krKT6wS7Neg8sw3A==}
 
   emoji-regex@8.0.0:
-    resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==, tarball: https://registry.npmmirror.com/emoji-regex/-/emoji-regex-8.0.0.tgz}
+    resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
 
   emoji-regex@9.2.2:
     resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==}
@@ -1641,7 +1641,7 @@ packages:
     resolution: {integrity: sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==}
 
   framer-motion@11.13.1:
-    resolution: {integrity: sha512-F40tpGTHByhn9h3zdBQPcEro+pSLtzARcocbNqAyfBI+u9S+KZuHH/7O9+z+GEkoF3eqFxfvVw0eBDytohwqmQ==, tarball: https://registry.npmmirror.com/framer-motion/-/framer-motion-11.13.1.tgz}
+    resolution: {integrity: sha512-F40tpGTHByhn9h3zdBQPcEro+pSLtzARcocbNqAyfBI+u9S+KZuHH/7O9+z+GEkoF3eqFxfvVw0eBDytohwqmQ==}
     peerDependencies:
       '@emotion/is-prop-valid': '*'
       react: ^18.0.0
@@ -1658,7 +1658,7 @@ packages:
     resolution: {integrity: sha1-FQStJSMVjKpA20onh8sBQRmU6k8=}
 
   fsevents@2.3.3:
-    resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==, tarball: https://registry.npmmirror.com/fsevents/-/fsevents-2.3.3.tgz}
+    resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
     engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
     os: [darwin]
 
@@ -1830,7 +1830,7 @@ packages:
     resolution: {integrity: sha512-0by5vtUJs8iFQb5TYUHHPudOR+qXYIMKtiUzvLIZITZUjknFmziyBJuLhVRc+Ds0dREFlskDNJKYIdIzu/9pfw==}
 
   is-fullwidth-code-point@3.0.0:
-    resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==, tarball: https://registry.npmmirror.com/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz}
+    resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
     engines: {node: '>=8'}
 
   is-generator-function@1.0.10:
@@ -2024,10 +2024,10 @@ packages:
     engines: {node: '>=16 || 14 >=14.17'}
 
   motion-dom@11.13.0:
-    resolution: {integrity: sha512-Oc1MLGJQ6nrvXccXA89lXtOqFyBmvHtaDcTRGT66o8Czl7nuA8BeHAd9MQV1pQKX0d2RHFBFaw5g3k23hQJt0w==, tarball: https://registry.npmmirror.com/motion-dom/-/motion-dom-11.13.0.tgz}
+    resolution: {integrity: sha512-Oc1MLGJQ6nrvXccXA89lXtOqFyBmvHtaDcTRGT66o8Czl7nuA8BeHAd9MQV1pQKX0d2RHFBFaw5g3k23hQJt0w==}
 
   motion-utils@11.13.0:
-    resolution: {integrity: sha512-lq6TzXkH5c/ysJQBxgLXgM01qwBH1b4goTPh57VvZWJbVJZF/0SB31UWEn4EIqbVPf3au88n2rvK17SpDTja1A==, tarball: https://registry.npmmirror.com/motion-utils/-/motion-utils-11.13.0.tgz}
+    resolution: {integrity: sha512-lq6TzXkH5c/ysJQBxgLXgM01qwBH1b4goTPh57VvZWJbVJZF/0SB31UWEn4EIqbVPf3au88n2rvK17SpDTja1A==}
 
   ms@2.1.2:
     resolution: {integrity: sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==}
@@ -2461,7 +2461,7 @@ packages:
     engines: {node: '>=0.10.0'}
 
   string-width@4.2.3:
-    resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==, tarball: https://registry.npmmirror.com/string-width/-/string-width-4.2.3.tgz}
+    resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==}
     engines: {node: '>=8'}
 
   string-width@5.1.2:
@@ -2570,7 +2570,7 @@ packages:
     resolution: {integrity: sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==}
 
   tslib@2.6.2:
-    resolution: {integrity: sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==, tarball: https://registry.npmmirror.com/tslib/-/tslib-2.6.2.tgz}
+    resolution: {integrity: sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==}
 
   type-check@0.4.0:
     resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
@@ -2690,7 +2690,7 @@ packages:
     hasBin: true
 
   wrap-ansi@7.0.0:
-    resolution: {integrity: sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==, tarball: https://registry.npmmirror.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz}
+    resolution: {integrity: sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==}
     engines: {node: '>=10'}
 
   wrap-ansi@8.1.0: