diff --git a/web/src/components/ChannelsTable.js b/web/src/components/ChannelsTable.js
index acea6ba43..5611743ec 100644
--- a/web/src/components/ChannelsTable.js
+++ b/web/src/components/ChannelsTable.js
@@ -2,7 +2,6 @@ import React, {useEffect, useState} from 'react';
 import {
     API,
     isMobile,
-    setPromptShown,
     shouldShowPrompt,
     showError,
     showInfo,
diff --git a/web/src/components/Footer.js b/web/src/components/Footer.js
index 202a1dc4f..504f37b16 100644
--- a/web/src/components/Footer.js
+++ b/web/src/components/Footer.js
@@ -1,6 +1,5 @@
 import React, { useEffect, useState } from 'react';
 
-import { Container, Segment } from 'semantic-ui-react';
 import { getFooterHTML, getSystemName } from '../helpers';
 import {Layout} from "@douyinfe/semi-ui";
 
diff --git a/web/src/components/HeaderBar.js b/web/src/components/HeaderBar.js
index b8965880e..1ae6c410f 100644
--- a/web/src/components/HeaderBar.js
+++ b/web/src/components/HeaderBar.js
@@ -2,7 +2,6 @@ import React, {useContext, useEffect, useRef, useState} from 'react';
 import {Link, useNavigate} from 'react-router-dom';
 import {UserContext} from '../context/User';
 
-import {Button, Container, Icon, Menu, Segment} from 'semantic-ui-react';
 import {API, getLogo, getSystemName, isAdmin, isMobile, showSuccess} from '../helpers';
 import '../index.css';
 
diff --git a/web/src/components/LogsTable.js b/web/src/components/LogsTable.js
index 127b3f3ac..9fb7e3cb9 100644
--- a/web/src/components/LogsTable.js
+++ b/web/src/components/LogsTable.js
@@ -20,10 +20,7 @@ import {
 } from '@douyinfe/semi-icons';
 import Paragraph from "@douyinfe/semi-ui/lib/es/typography/paragraph";
 
-const {Sider, Content, Header} = Layout;
-const {Column} = Table;
-
-
+const {Header} = Layout;
 function renderTimestamp(timestamp) {
     return (
         <>
diff --git a/web/src/components/MjLogsTable.js b/web/src/components/MjLogsTable.js
index 18d5adbf4..1f712088c 100644
--- a/web/src/components/MjLogsTable.js
+++ b/web/src/components/MjLogsTable.js
@@ -1,5 +1,4 @@
 import React, {useEffect, useState} from 'react';
-import {Label} from 'semantic-ui-react';
 import {API, copy, isAdmin, showError, showSuccess, timestamp2string} from '../helpers';
 
 import {
diff --git a/web/src/components/TokensTable.js b/web/src/components/TokensTable.js
index 5b685c07e..2c8e4874c 100644
--- a/web/src/components/TokensTable.js
+++ b/web/src/components/TokensTable.js
@@ -1,5 +1,4 @@
 import React, {useEffect, useState} from 'react';
-import {Link} from 'react-router-dom';
 import {API, copy, isAdmin, showError, showSuccess, showWarning, timestamp2string} from '../helpers';
 
 import {ITEMS_PER_PAGE} from '../constants';
@@ -21,9 +20,6 @@ import {
     IconTreeTriangleDown,
 } from '@douyinfe/semi-icons';
 import EditToken from "../pages/Token/EditToken";
-
-const {Column} = Table;
-
 const COPY_OPTIONS = [
     {key: 'next', text: 'ChatGPT Next Web', value: 'next'},
     {key: 'ama', text: 'AMA 问天', value: 'ama'},
diff --git a/web/src/index.js b/web/src/index.js
index 77b914ab7..25b1d39ef 100644
--- a/web/src/index.js
+++ b/web/src/index.js
@@ -1,5 +1,4 @@
 import { initVChartSemiTheme } from '@visactor/vchart-semi-theme';
-import VChart from "@visactor/vchart";
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import {BrowserRouter} from 'react-router-dom';
diff --git a/web/src/pages/Channel/index.js b/web/src/pages/Channel/index.js
index a077970db..402a9b1da 100644
--- a/web/src/pages/Channel/index.js
+++ b/web/src/pages/Channel/index.js
@@ -1,7 +1,6 @@
 import React from 'react';
 import ChannelsTable from '../../components/ChannelsTable';
 import {Layout} from "@douyinfe/semi-ui";
-import RedemptionsTable from "../../components/RedemptionsTable";
 
 const File = () => (
     <>
diff --git a/web/src/pages/Detail/index.js b/web/src/pages/Detail/index.js
index fc9adea59..dfcaa4713 100644
--- a/web/src/pages/Detail/index.js
+++ b/web/src/pages/Detail/index.js
@@ -1,7 +1,6 @@
 import React, {useEffect, useRef, useState} from 'react';
 import {Button, Col, Form, Layout, Row, Spin} from "@douyinfe/semi-ui";
 import VChart from '@visactor/vchart';
-import {useEffectOnce} from "usehooks-ts";
 import {API, isAdmin, showError, timestamp2string, timestamp2string1} from "../../helpers";
 import {
     getQuotaWithUnit, modelColorMap,
diff --git a/web/src/pages/Redemption/index.js b/web/src/pages/Redemption/index.js
index 0b3c96376..534428db8 100644
--- a/web/src/pages/Redemption/index.js
+++ b/web/src/pages/Redemption/index.js
@@ -1,7 +1,5 @@
 import React from 'react';
-import { Segment, Header } from 'semantic-ui-react';
 import RedemptionsTable from '../../components/RedemptionsTable';
-import TokensTable from "../../components/TokensTable";
 import {Layout} from "@douyinfe/semi-ui";
 
 const Redemption = () => (
diff --git a/web/src/pages/User/index.js b/web/src/pages/User/index.js
index 5d0585c6e..b5e2ca744 100644
--- a/web/src/pages/User/index.js
+++ b/web/src/pages/User/index.js
@@ -1,5 +1,4 @@
 import React from 'react';
-import { Segment, Header } from 'semantic-ui-react';
 import UsersTable from '../../components/UsersTable';
 import {Layout} from "@douyinfe/semi-ui";