diff --git a/napcat.webui/src/main.ts b/napcat.webui/src/main.ts
index 59c46f5b..29e8bc7e 100644
--- a/napcat.webui/src/main.ts
+++ b/napcat.webui/src/main.ts
@@ -24,6 +24,8 @@ import {
TabPanel as TTabPanel,
Space as TSpace,
Checkbox as TCheckbox,
+ Popup as TPopup,
+ Dialog as TDialog
} from 'tdesign-vue-next';
import { router } from './router';
import 'tdesign-vue-next/es/style/index.css';
@@ -53,4 +55,6 @@ app.use(TTabs);
app.use(TTabPanel);
app.use(TSpace);
app.use(TCheckbox);
+app.use(TPopup);
+app.use(TDialog);
app.mount('#app');
\ No newline at end of file
diff --git a/napcat.webui/src/pages/NetWork.vue b/napcat.webui/src/pages/NetWork.vue
index 851f2a07..b5bbdf12 100644
--- a/napcat.webui/src/pages/NetWork.vue
+++ b/napcat.webui/src/pages/NetWork.vue
@@ -1,16 +1,31 @@
-
+
+
+
+
+
+
+
+
+ HTTP 服务器
+ HTTP 客户端
+ WebSocket 服务器
+ WebSocket 客户端
+
+
+
+