♻️ refactor(core): Restructure project for better module separation

apps/user/app/(main)/(user)/affiliate/page.tsx

@@ -4,14 +4,20 @@ import { Empty } from '@/components/empty';
 import { ProList } from '@/components/pro-list';
 import useGlobalStore from '@/config/use-global';
 import { queryUserAffiliate } from '@/services/user/user';
-import { formatDate } from '@repo/ui/utils';
-import { Button } from '@shadcn/ui/button';
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@shadcn/ui/card';
-import { toast } from '@shadcn/ui/lib/sonner';
+import { Button } from '@workspace/ui/components/button';
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from '@workspace/ui/components/card';
+import { formatDate } from '@workspace/ui/utils';
 import { Copy } from 'lucide-react';
 import { useTranslations } from 'next-intl';
 import { useState } from 'react';
 import { CopyToClipboard } from 'react-copy-to-clipboard';
+import { toast } from 'sonner';
 
 export default function Page() {
   const t = useTranslations('affiliate');

apps/user/app/(main)/(user)/announcement/page.tsx

@@ -2,9 +2,9 @@
 
 import { Empty } from '@/components/empty';
 import { queryAnnouncement } from '@/services/user/announcement';
-import { Markdown } from '@repo/ui/markdown';
-import { Timeline } from '@shadcn/ui/timeline';
 import { useQuery } from '@tanstack/react-query';
+import { Timeline } from '@workspace/ui/components/timeline';
+import { Markdown } from '@workspace/ui/custom-components/markdown';
 
 export default function Page() {
   const { data } = useQuery({

apps/user/app/(main)/(user)/dashboard/content.tsx

@@ -4,8 +4,13 @@ import { Display } from '@/components/display';
 import { queryApplicationConfig } from '@/services/user/subscribe';
 import { queryUserSubscribe } from '@/services/user/user';
 import { Icon } from '@iconify/react';
-import { getNextResetDate, isBrowser } from '@repo/ui/utils';
-import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from '@shadcn/ui/accordion';
+import { useQuery } from '@tanstack/react-query';
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+} from '@workspace/ui/components/accordion';
 import {
   AlertDialog,
   AlertDialogAction,
@@ -16,19 +21,19 @@ import {
   AlertDialogHeader,
   AlertDialogTitle,
   AlertDialogTrigger,
-} from '@shadcn/ui/alert-dialog';
-import { Button } from '@shadcn/ui/button';
-import { Card, CardContent, CardHeader, CardTitle } from '@shadcn/ui/card';
-import { differenceInDays } from '@shadcn/ui/lib/date-fns';
-import { toast } from '@shadcn/ui/lib/sonner';
-import { Separator } from '@shadcn/ui/separator';
-import { Tabs, TabsList, TabsTrigger } from '@shadcn/ui/tabs';
-import { useQuery } from '@tanstack/react-query';
+} from '@workspace/ui/components/alert-dialog';
+import { Button } from '@workspace/ui/components/button';
+import { Card, CardContent, CardHeader, CardTitle } from '@workspace/ui/components/card';
+import { Separator } from '@workspace/ui/components/separator';
+import { Tabs, TabsList, TabsTrigger } from '@workspace/ui/components/tabs';
+import { getNextResetDate, isBrowser } from '@workspace/ui/utils';
+import { differenceInDays } from 'date-fns';
 import { useTranslations } from 'next-intl';
 import Image from 'next/image';
 import Link from 'next/link';
 import { QRCodeCanvas } from 'qrcode.react';
 import { useState } from 'react';
+import { toast } from 'sonner';
 
 import useGlobalStore from '@/config/use-global';
 import { getStat } from '@/services/common/common';

apps/user/app/(main)/(user)/document/document-button.tsx

@@ -1,13 +1,13 @@
 'use client';
 
 import { queryDocumentDetail } from '@/services/user/document';
-import { Markdown } from '@repo/ui/markdown';
-import { formatDate } from '@repo/ui/utils';
-import { Avatar, AvatarFallback } from '@shadcn/ui/avatar';
-import { buttonVariants } from '@shadcn/ui/button';
-import { useOutsideClick } from '@shadcn/ui/hooks/use-outside-click';
-import { cn } from '@shadcn/ui/lib/utils';
 import { useQuery } from '@tanstack/react-query';
+import { Avatar, AvatarFallback } from '@workspace/ui/components/avatar';
+import { buttonVariants } from '@workspace/ui/components/button';
+import { Markdown } from '@workspace/ui/custom-components/markdown';
+import { useOutsideClick } from '@workspace/ui/hooks/use-outside-click';
+import { cn } from '@workspace/ui/lib/utils';
+import { formatDate } from '@workspace/ui/utils';
 import { AnimatePresence, motion } from 'framer-motion';
 import { useTranslations } from 'next-intl';
 import { RefObject, useEffect, useId, useRef, useState } from 'react';

apps/user/app/(main)/(user)/document/page.tsx

@@ -2,8 +2,8 @@
 
 import { queryDocumentList } from '@/services/user/document';
 import { getTutorialList } from '@/utils/tutorial';
-import { Tabs, TabsContent, TabsList, TabsTrigger } from '@shadcn/ui/tabs';
 import { useQuery } from '@tanstack/react-query';
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '@workspace/ui/components/tabs';
 import { useLocale, useTranslations } from 'next-intl';
 import { DocumentButton } from './document-button';
 import { TutorialButton } from './tutorial-button';

apps/user/app/(main)/(user)/document/tutorial-button.tsx

@@ -1,12 +1,12 @@
 'use client';
 
 import { getTutorial } from '@/utils/tutorial';
-import { Markdown } from '@repo/ui/markdown';
-import { Avatar, AvatarFallback } from '@shadcn/ui/avatar';
-import { buttonVariants } from '@shadcn/ui/button';
-import { useOutsideClick } from '@shadcn/ui/hooks/use-outside-click';
-import { cn } from '@shadcn/ui/lib/utils';
 import { useQuery } from '@tanstack/react-query';
+import { Avatar, AvatarFallback } from '@workspace/ui/components/avatar';
+import { buttonVariants } from '@workspace/ui/components/button';
+import { Markdown } from '@workspace/ui/custom-components/markdown';
+import { useOutsideClick } from '@workspace/ui/hooks/use-outside-click';
+import { cn } from '@workspace/ui/lib/utils';
 import { AnimatePresence, motion } from 'framer-motion';
 import { useTranslations } from 'next-intl';
 import { RefObject, useEffect, useId, useRef, useState } from 'react';

apps/user/app/(main)/(user)/layout.tsx

@@ -1,5 +1,5 @@
 import Announcement from '@/components/announcement';
-import { SidebarInset, SidebarProvider } from '@shadcn/ui/sidebar';
+import { SidebarInset, SidebarProvider } from '@workspace/ui/components/sidebar';
 import { cookies } from 'next/headers';
 import { SidebarLeft } from './sidebar-left';
 import { SidebarRight } from './sidebar-right';

apps/user/app/(main)/(user)/order/page.tsx

@@ -4,9 +4,15 @@ import { Display } from '@/components/display';
 import { Empty } from '@/components/empty';
 import { ProList, ProListActions } from '@/components/pro-list';
 import { closeOrder, queryOrderList } from '@/services/user/order';
-import { formatDate } from '@repo/ui/utils';
-import { Button, buttonVariants } from '@shadcn/ui/button';
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@shadcn/ui/card';
+import { Button, buttonVariants } from '@workspace/ui/components/button';
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from '@workspace/ui/components/card';
+import { formatDate } from '@workspace/ui/utils';
 import { useTranslations } from 'next-intl';
 import Link from 'next/link';
 import { useRef } from 'react';

apps/user/app/(main)/(user)/order/purchase.tsx

@@ -3,15 +3,15 @@
 import useGlobalStore from '@/config/use-global';
 import { checkoutOrder, preCreateOrder, purchase } from '@/services/user/order';
 import { getAvailablePaymentMethods } from '@/services/user/payment';
-import { Badge } from '@shadcn/ui/badge';
-import { Button } from '@shadcn/ui/button';
-import { Card, CardContent } from '@shadcn/ui/card';
-import { Dialog, DialogContent, DialogHeader, DialogTitle } from '@shadcn/ui/dialog';
-import { Input } from '@shadcn/ui/input';
-import { Label } from '@shadcn/ui/label';
-import { RadioGroup, RadioGroupItem } from '@shadcn/ui/radio-group';
-import { Separator } from '@shadcn/ui/separator';
 import { useQuery } from '@tanstack/react-query';
+import { Badge } from '@workspace/ui/components/badge';
+import { Button } from '@workspace/ui/components/button';
+import { Card, CardContent } from '@workspace/ui/components/card';
+import { Dialog, DialogContent, DialogHeader, DialogTitle } from '@workspace/ui/components/dialog';
+import { Input } from '@workspace/ui/components/input';
+import { Label } from '@workspace/ui/components/label';
+import { RadioGroup, RadioGroupItem } from '@workspace/ui/components/radio-group';
+import { Separator } from '@workspace/ui/components/separator';
 import { LoaderCircle } from 'lucide-react';
 import { useTranslations } from 'next-intl';
 import Image from 'next/legacy/image';

apps/user/app/(main)/(user)/order/recharge.tsx

@@ -3,9 +3,8 @@
 import useGlobalStore from '@/config/use-global';
 import { checkoutOrder, recharge } from '@/services/user/order';
 import { getAvailablePaymentMethods } from '@/services/user/payment';
-import { EnhancedInput } from '@repo/ui/enhanced-input';
-import { unitConversion } from '@repo/ui/utils';
-import { Button, ButtonProps } from '@shadcn/ui/button';
+import { useQuery } from '@tanstack/react-query';
+import { Button, ButtonProps } from '@workspace/ui/components/button';
 import {
   Dialog,
   DialogContent,
@@ -13,10 +12,11 @@ import {
   DialogHeader,
   DialogTitle,
   DialogTrigger,
-} from '@shadcn/ui/dialog';
-import { Label } from '@shadcn/ui/label';
-import { RadioGroup, RadioGroupItem } from '@shadcn/ui/radio-group';
-import { useQuery } from '@tanstack/react-query';
+} from '@workspace/ui/components/dialog';
+import { Label } from '@workspace/ui/components/label';
+import { RadioGroup, RadioGroupItem } from '@workspace/ui/components/radio-group';
+import { EnhancedInput } from '@workspace/ui/custom-components/enhanced-input';
+import { unitConversion } from '@workspace/ui/utils';
 import { LoaderCircle } from 'lucide-react';
 import { useTranslations } from 'next-intl';
 import Image from 'next/image';

apps/user/app/(main)/(user)/order/renewal.tsx

@@ -3,15 +3,21 @@
 import useGlobalStore from '@/config/use-global';
 import { checkoutOrder, preCreateOrder, renewal } from '@/services/user/order';
 import { getAvailablePaymentMethods } from '@/services/user/payment';
-import { Badge } from '@shadcn/ui/badge';
-import { Button } from '@shadcn/ui/button';
-import { Card, CardContent } from '@shadcn/ui/card';
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from '@shadcn/ui/dialog';
-import { Input } from '@shadcn/ui/input';
-import { Label } from '@shadcn/ui/label';
-import { RadioGroup, RadioGroupItem } from '@shadcn/ui/radio-group';
-import { Separator } from '@shadcn/ui/separator';
 import { useQuery } from '@tanstack/react-query';
+import { Badge } from '@workspace/ui/components/badge';
+import { Button } from '@workspace/ui/components/button';
+import { Card, CardContent } from '@workspace/ui/components/card';
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
+} from '@workspace/ui/components/dialog';
+import { Input } from '@workspace/ui/components/input';
+import { Label } from '@workspace/ui/components/label';
+import { RadioGroup, RadioGroupItem } from '@workspace/ui/components/radio-group';
+import { Separator } from '@workspace/ui/components/separator';
 import { LoaderCircle } from 'lucide-react';
 import { useTranslations } from 'next-intl';
 import Image from 'next/legacy/image';

apps/user/app/(main)/(user)/order/reset-traffic.tsx

@@ -4,7 +4,8 @@ import { Display } from '@/components/display';
 import useGlobalStore from '@/config/use-global';
 import { checkoutOrder, resetTraffic } from '@/services/user/order';
 import { getAvailablePaymentMethods } from '@/services/user/payment';
-import { Button } from '@shadcn/ui/button';
+import { useQuery } from '@tanstack/react-query';
+import { Button } from '@workspace/ui/components/button';
 import {
   Dialog,
   DialogContent,
@@ -12,10 +13,9 @@ import {
   DialogHeader,
   DialogTitle,
   DialogTrigger,
-} from '@shadcn/ui/dialog';
-import { Label } from '@shadcn/ui/label';
-import { RadioGroup, RadioGroupItem } from '@shadcn/ui/radio-group';
-import { useQuery } from '@tanstack/react-query';
+} from '@workspace/ui/components/dialog';
+import { Label } from '@workspace/ui/components/label';
+import { RadioGroup, RadioGroupItem } from '@workspace/ui/components/radio-group';
 import { LoaderCircle } from 'lucide-react';
 import { useTranslations } from 'next-intl';
 import Image from 'next/legacy/image';

apps/user/app/(main)/(user)/payment/page.tsx

@@ -4,14 +4,20 @@ import { Display } from '@/components/display';
 import useGlobalStore from '@/config/use-global';
 import { checkoutOrder, queryOrderDetail } from '@/services/user/order';
 import { Icon } from '@iconify/react';
-import { formatDate } from '@repo/ui/utils';
-import { Badge } from '@shadcn/ui/badge';
-import { Button } from '@shadcn/ui/button';
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@shadcn/ui/card';
-import { addMinutes, format } from '@shadcn/ui/lib/date-fns';
-import { Separator } from '@shadcn/ui/separator';
 import { useQuery } from '@tanstack/react-query';
+import { Badge } from '@workspace/ui/components/badge';
+import { Button } from '@workspace/ui/components/button';
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from '@workspace/ui/components/card';
+import { Separator } from '@workspace/ui/components/separator';
+import { formatDate } from '@workspace/ui/utils';
 import { useCountDown } from 'ahooks';
+import { addMinutes, format } from 'date-fns';
 import { useTranslations } from 'next-intl';
 import Link from 'next/link';
 import { QRCodeCanvas } from 'qrcode.react';

apps/user/app/(main)/(user)/profile/change-password.tsx

@@ -1,14 +1,15 @@
 'use client';
 
 import { updateUserPassword } from '@/services/user/user';
-import { Button } from '@shadcn/ui/button';
-import { Card, CardContent, CardHeader, CardTitle } from '@shadcn/ui/card';
-import { Form, FormControl, FormField, FormItem, FormMessage } from '@shadcn/ui/form';
-import { Input } from '@shadcn/ui/input';
-import { useForm } from '@shadcn/ui/lib/react-hook-form';
-import { toast } from '@shadcn/ui/lib/sonner';
-import { z, zodResolver } from '@shadcn/ui/lib/zod';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { Button } from '@workspace/ui/components/button';
+import { Card, CardContent, CardHeader, CardTitle } from '@workspace/ui/components/card';
+import { Form, FormControl, FormField, FormItem, FormMessage } from '@workspace/ui/components/form';
+import { Input } from '@workspace/ui/components/input';
 import { useTranslations } from 'next-intl';
+import { useForm } from 'react-hook-form';
+import { toast } from 'sonner';
+import { z } from 'zod';
 
 export default function ChangePassword() {
   const t = useTranslations('profile.accountSettings');

apps/user/app/(main)/(user)/profile/notify-event.tsx

@@ -2,13 +2,21 @@
 
 import useGlobalStore from '@/config/use-global';
 import { updateUserNotify } from '@/services/user/user';
-import { Card, CardContent, CardHeader, CardTitle } from '@shadcn/ui/card';
-import { Form, FormControl, FormField, FormItem, FormLabel, FormMessage } from '@shadcn/ui/form';
-import { useForm } from '@shadcn/ui/lib/react-hook-form';
-import { toast } from '@shadcn/ui/lib/sonner';
-import { z, zodResolver } from '@shadcn/ui/lib/zod';
-import { Switch } from '@shadcn/ui/switch';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { Card, CardContent, CardHeader, CardTitle } from '@workspace/ui/components/card';
+import {
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@workspace/ui/components/form';
+import { Switch } from '@workspace/ui/components/switch';
 import { useTranslations } from 'next-intl';
+import { useForm } from 'react-hook-form';
+import { toast } from 'sonner';
+import { z } from 'zod';
 
 const FormSchema = z.object({
   enable_balance_notify: z.boolean(),

apps/user/app/(main)/(user)/profile/notify-settings.tsx

@@ -2,15 +2,23 @@
 
 import useGlobalStore from '@/config/use-global';
 import { bindTelegram, unbindTelegram, updateUserNotifySetting } from '@/services/user/user';
-import { Button } from '@shadcn/ui/button';
-import { Card, CardContent, CardHeader, CardTitle } from '@shadcn/ui/card';
-import { Form, FormControl, FormField, FormItem, FormLabel, FormMessage } from '@shadcn/ui/form';
-import { Input } from '@shadcn/ui/input';
-import { useForm } from '@shadcn/ui/lib/react-hook-form';
-import { toast } from '@shadcn/ui/lib/sonner';
-import { z, zodResolver } from '@shadcn/ui/lib/zod';
-import { Switch } from '@shadcn/ui/switch';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { Button } from '@workspace/ui/components/button';
+import { Card, CardContent, CardHeader, CardTitle } from '@workspace/ui/components/card';
+import {
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@workspace/ui/components/form';
+import { Input } from '@workspace/ui/components/input';
+import { Switch } from '@workspace/ui/components/switch';
 import { useTranslations } from 'next-intl';
+import { useForm } from 'react-hook-form';
+import { toast } from 'sonner';
+import { z } from 'zod';
 
 const FormSchema = z.object({
   telegram: z.number().nullish(),
@@ -70,7 +78,9 @@ export default function NotifySettings() {
                             await getUserInfo();
                           } else {
                             const { data } = await bindTelegram();
-                            data.data?.url && window.open(data.data.url, '_blank');
+                            if (data.data?.url) {
+                              window.open(data.data.url, '_blank');
+                            }
                           }
                         }}
                       >

apps/user/app/(main)/(user)/sidebar-left.tsx

@@ -10,7 +10,7 @@ import {
   SidebarMenu,
   SidebarMenuButton,
   SidebarMenuItem,
-} from '@shadcn/ui/sidebar';
+} from '@workspace/ui/components/sidebar';
 import { useTranslations } from 'next-intl';
 import Link from 'next/link';
 import { usePathname } from 'next/navigation';

apps/user/app/(main)/(user)/sidebar-right.tsx

@@ -3,14 +3,19 @@
 import { Display } from '@/components/display';
 import useGlobalStore from '@/config/use-global';
 import { Icon } from '@iconify/react';
-import { isBrowser } from '@repo/ui/utils';
-import { Button } from '@shadcn/ui/button';
-import { Card, CardContent, CardHeader, CardTitle } from '@shadcn/ui/card';
-import { toast } from '@shadcn/ui/lib/sonner';
-import { Sidebar, SidebarContent } from '@shadcn/ui/sidebar';
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@shadcn/ui/tooltip';
+import { Button } from '@workspace/ui/components/button';
+import { Card, CardContent, CardHeader, CardTitle } from '@workspace/ui/components/card';
+import { Sidebar, SidebarContent } from '@workspace/ui/components/sidebar';
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from '@workspace/ui/components/tooltip';
+import { isBrowser } from '@workspace/ui/utils';
 import { useTranslations } from 'next-intl';
 import CopyToClipboard from 'react-copy-to-clipboard';
+import { toast } from 'sonner';
 import Recharge from './order/recharge';
 
 export function SidebarRight({ ...props }: React.ComponentProps<typeof Sidebar>) {

apps/user/app/(main)/(user)/subscribe/billing.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { Display } from '@/components/display';
-import { Separator } from '@shadcn/ui/separator';
+import { Separator } from '@workspace/ui/components/separator';
 import { useTranslations } from 'next-intl';
 
 interface SubscribeBillingProps {

apps/user/app/(main)/(user)/subscribe/page.tsx

@@ -3,12 +3,12 @@
 import { Display } from '@/components/display';
 import { querySubscribeGroupList, querySubscribeList } from '@/services/user/subscribe';
 import { Icon } from '@iconify/react';
-import { Button } from '@shadcn/ui/button';
-import { Card, CardContent, CardFooter, CardHeader } from '@shadcn/ui/card';
-import { cn } from '@shadcn/ui/lib/utils';
-import { Separator } from '@shadcn/ui/separator';
-import { Tabs, TabsList, TabsTrigger } from '@shadcn/ui/tabs';
 import { useQuery } from '@tanstack/react-query';
+import { Button } from '@workspace/ui/components/button';
+import { Card, CardContent, CardFooter, CardHeader } from '@workspace/ui/components/card';
+import { Separator } from '@workspace/ui/components/separator';
+import { Tabs, TabsList, TabsTrigger } from '@workspace/ui/components/tabs';
+import { cn } from '@workspace/ui/lib/utils';
 import { useTranslations } from 'next-intl';
 import { useState } from 'react';
 

apps/user/app/(main)/(user)/ticket/page.tsx

@@ -10,10 +10,15 @@ import {
   updateUserTicketStatus,
 } from '@/services/user/ticket';
 import { Icon } from '@iconify/react';
-import { ConfirmButton } from '@repo/ui/confirm-button';
-import { formatDate } from '@repo/ui/utils';
-import { Button } from '@shadcn/ui/button';
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@shadcn/ui/card';
+import { useQuery } from '@tanstack/react-query';
+import { Button } from '@workspace/ui/components/button';
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from '@workspace/ui/components/card';
 import {
   Dialog,
   DialogContent,
@@ -22,7 +27,7 @@ import {
   DialogHeader,
   DialogTitle,
   DialogTrigger,
-} from '@shadcn/ui/dialog';
+} from '@workspace/ui/components/dialog';
 import {
   Drawer,
   DrawerContent,
@@ -30,17 +35,18 @@ import {
   DrawerFooter,
   DrawerHeader,
   DrawerTitle,
-} from '@shadcn/ui/drawer';
-import { Input } from '@shadcn/ui/input';
-import { Label } from '@shadcn/ui/label';
-import { toast } from '@shadcn/ui/lib/sonner';
-import { cn } from '@shadcn/ui/lib/utils';
-import { ScrollArea } from '@shadcn/ui/scroll-area';
-import { Textarea } from '@shadcn/ui/textarea';
-import { useQuery } from '@tanstack/react-query';
+} from '@workspace/ui/components/drawer';
+import { Input } from '@workspace/ui/components/input';
+import { Label } from '@workspace/ui/components/label';
+import { ScrollArea } from '@workspace/ui/components/scroll-area';
+import { Textarea } from '@workspace/ui/components/textarea';
+import { ConfirmButton } from '@workspace/ui/custom-components/confirm-button';
+import { cn } from '@workspace/ui/lib/utils';
+import { formatDate } from '@workspace/ui/utils';
 import { useTranslations } from 'next-intl';
 import NextImage from 'next/legacy/image';
 import { useEffect, useRef, useState } from 'react';
+import { toast } from 'sonner';
 
 export default function Page() {
   const t = useTranslations('ticket');

apps/user/app/(main)/(user)/wallet/page.tsx

@@ -4,12 +4,12 @@ import { Display } from '@/components/display';
 import { ProList, ProListActions } from '@/components/pro-list';
 import useGlobalStore from '@/config/use-global';
 import { queryUserBalanceLog } from '@/services/user/user';
-import { Card, CardContent, CardHeader, CardTitle } from '@shadcn/ui/card';
+import { Card, CardContent, CardHeader, CardTitle } from '@workspace/ui/components/card';
 import { useTranslations } from 'next-intl';
 import { useRef } from 'react';
 
 import { Empty } from '@/components/empty';
-import { formatDate } from '@repo/ui/utils';
+import { formatDate } from '@workspace/ui/utils';
 import Recharge from '../order/recharge';
 
 export default function Page() {

apps/user/app/(main)/tos/page.tsx

@@ -1,5 +1,5 @@
 import { getTos } from '@/services/common/common';
-import { Markdown } from '@repo/ui/markdown';
+import { Markdown } from '@workspace/ui/custom-components/markdown';
 
 export default async function Page() {
   const { data } = await getTos();