From 308b3a1299eeef6ef032496e6048e866e5d5f00e Mon Sep 17 00:00:00 2001
From: balibabu <cike8899@users.noreply.github.com>
Date: Fri, 27 Mar 2026 19:24:52 +0800
Subject: [PATCH] Feat: Remove antd-related code and upgrade lucide-react to
 the latest version. (#13830)

### What problem does this PR solve?

Feat: Remove antd-related code and upgrade lucide-react to the latest
version.

### Type of change


- [x] New Feature (non-breaking change which adds functionality)
---
 web/package-lock.json |  8 +++----
 web/package.json      |  2 +-
 web/src/app.tsx       | 55 ++++---------------------------------------
 web/vite.config.ts    |  1 -
 4 files changed, 10 insertions(+), 56 deletions(-)

diff --git a/web/package-lock.json b/web/package-lock.json
index 811fd580c5..9475bb9d12 100644
--- a/web/package-lock.json
+++ b/web/package-lock.json
@@ -73,7 +73,7 @@
         "jsoneditor": "^10.4.2",
         "lexical": "^0.23.1",
         "lodash": "^4.17.23",
-        "lucide-react": "^0.546.0",
+        "lucide-react": "^1.7.0",
         "mammoth": "^1.7.2",
         "next-themes": "^0.4.6",
         "openai-speech-stream-player": "^1.0.8",
@@ -18722,9 +18722,9 @@
       }
     },
     "node_modules/lucide-react": {
-      "version": "0.546.0",
-      "resolved": "https://registry.npmmirror.com/lucide-react/-/lucide-react-0.546.0.tgz",
-      "integrity": "sha512-Z94u6fKT43lKeYHiVyvyR8fT7pwCzDu7RyMPpTvh054+xahSgj4HFQ+NmflvzdXsoAjYGdCguGaFKYuvq0ThCQ==",
+      "version": "1.7.0",
+      "resolved": "https://registry.npmmirror.com/lucide-react/-/lucide-react-1.7.0.tgz",
+      "integrity": "sha512-yI7BeItCLZJTXikmK4KNUGCKoGzSvbKlfCvw44bU4fXAL6v3gYS4uHD1jzsLkfwODYwI6Drw5Tu9Z5ulDe0TSg==",
       "license": "ISC",
       "peerDependencies": {
         "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0"
diff --git a/web/package.json b/web/package.json
index 439097982b..7043785411 100644
--- a/web/package.json
+++ b/web/package.json
@@ -92,7 +92,7 @@
     "jsoneditor": "^10.4.2",
     "lexical": "^0.23.1",
     "lodash": "^4.17.23",
-    "lucide-react": "^0.546.0",
+    "lucide-react": "^1.7.0",
     "mammoth": "^1.7.2",
     "next-themes": "^0.4.6",
     "openai-speech-stream-player": "^1.0.8",
diff --git a/web/src/app.tsx b/web/src/app.tsx
index e595304ef2..bfe17b362b 100644
--- a/web/src/app.tsx
+++ b/web/src/app.tsx
@@ -3,16 +3,6 @@ import { Toaster } from '@/components/ui/toaster';
 import i18n, { changeLanguageAsync } from '@/locales/config';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { configResponsive } from 'ahooks';
-import { ConfigProvider, ConfigProviderProps, theme } from 'antd';
-import pt_BR from 'antd/lib/locale/pt_BR';
-import arEG from 'antd/locale/ar_EG';
-import deDE from 'antd/locale/de_DE';
-import enUS from 'antd/locale/en_US';
-import ru_RU from 'antd/locale/ru_RU';
-import trTR from 'antd/locale/tr_TR';
-import vi_VN from 'antd/locale/vi_VN';
-import zhCN from 'antd/locale/zh_CN';
-import zh_HK from 'antd/locale/zh_HK';
 import dayjs from 'dayjs';
 import 'dayjs/locale/ar';
 import 'dayjs/locale/tr';
@@ -23,9 +13,9 @@ import localeData from 'dayjs/plugin/localeData';
 import weekOfYear from 'dayjs/plugin/weekOfYear';
 import weekYear from 'dayjs/plugin/weekYear';
 import weekday from 'dayjs/plugin/weekday';
-import React, { useEffect, useState } from 'react';
+import React, { useEffect } from 'react';
 import { RouterProvider } from 'react-router';
-import { ThemeProvider, useTheme } from './components/theme-provider';
+import { ThemeProvider } from './components/theme-provider';
 import { TooltipProvider } from './components/ui/tooltip';
 import { ThemeEnum } from './constants/common';
 import { routers } from './routes';
@@ -50,18 +40,6 @@ dayjs.extend(localeData);
 dayjs.extend(weekOfYear);
 dayjs.extend(weekYear);
 
-const AntLanguageMap = {
-  en: enUS,
-  zh: zhCN,
-  'zh-TRADITIONAL': zh_HK,
-  ru: ru_RU,
-  vi: vi_VN,
-  'pt-BR': pt_BR,
-  de: deDE,
-  ar: arEG,
-  tr: trTR,
-};
-
 if (process.env.NODE_ENV === 'development') {
   import('@welldone-software/why-did-you-render').then(
     (whyDidYouRenderModule) => {
@@ -85,24 +63,16 @@ const queryClient = new QueryClient({
   },
 });
 
-type Locale = ConfigProviderProps['locale'];
-
 function Root({ children }: React.PropsWithChildren) {
-  const { theme: themeragflow } = useTheme();
-  const getLocale = (lng: string) =>
-    AntLanguageMap[lng as keyof typeof AntLanguageMap] ?? enUS;
   const updateDocumentLocale = (lng: string) => {
     document.documentElement.lang = lng;
     document.documentElement.dir = 'ltr';
     dayjs.locale(lng === 'zh' ? 'zh-cn' : lng);
   };
 
-  const [locale, setLocal] = useState<Locale>(getLocale(storage.getLanguage()));
-
   useEffect(() => {
     const handleLanguageChanged = (lng: string) => {
       storage.setLanguage(lng);
-      setLocal(getLocale(lng));
       updateDocumentLocale(lng);
     };
 
@@ -115,26 +85,11 @@ function Root({ children }: React.PropsWithChildren) {
   }, []);
   return (
     <>
-      <ConfigProvider
-        theme={{
-          token: {
-            fontFamily:
-              "'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif",
-          },
-          algorithm:
-            themeragflow === 'dark'
-              ? theme.darkAlgorithm
-              : theme.defaultAlgorithm,
-        }}
-        locale={locale}
-        direction={'ltr'}
-      >
-        {children}
+      {children}
 
-        <Sonner position="top-right" expand richColors closeButton />
+      <Sonner position="top-right" expand richColors closeButton />
 
-        <Toaster />
-      </ConfigProvider>
+      <Toaster />
     </>
   );
 }
diff --git a/web/vite.config.ts b/web/vite.config.ts
index ab87c62a30..d3cb1865d7 100644
--- a/web/vite.config.ts
+++ b/web/vite.config.ts
@@ -165,7 +165,6 @@ export default defineConfig(({ mode }) => {
         'react',
         'react-dom',
         'react-router',
-        'antd',
         'axios',
         'lodash',
         'dayjs',