diff --git a/components.d.ts b/components.d.ts
index 5800f33..94b62cf 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -15,6 +15,8 @@ declare module 'vue' {
     ElFormItem: typeof import('element-plus/es')['ElFormItem']
     ElInput: typeof import('element-plus/es')['ElInput']
     ElLink: typeof import('element-plus/es')['ElLink']
+    ElOption: typeof import('element-plus/es')['ElOption']
+    ElSelect: typeof import('element-plus/es')['ElSelect']
     ElSwitch: typeof import('element-plus/es')['ElSwitch']
     ElTabPane: typeof import('element-plus/es')['ElTabPane']
     ElTabs: typeof import('element-plus/es')['ElTabs']
diff --git a/entrypoints/sidepanel/Sidepanel.vue b/entrypoints/sidepanel/Sidepanel.vue
index d890da6..d4304dc 100644
--- a/entrypoints/sidepanel/Sidepanel.vue
+++ b/entrypoints/sidepanel/Sidepanel.vue
@@ -25,6 +25,7 @@ import {
 } from '@/utils/storage';
 // import getAI from '@/utils/openai';
 
+const ports = [8000, 8080, 8001, 8081];
 const devMode = import.meta.env.DEV;
 const isDarkMode = ref(false);
 const editRef = ref<HTMLInputElement>();
@@ -391,7 +392,7 @@ const toggleInfoDialog = () => {
 
   <div class="">
     <ElTabs
-      type="border-card"
+      type="card"
       :model-value="currentTab">
       <!-- preview -->
       <ElTabPane
@@ -522,7 +523,20 @@ const toggleInfoDialog = () => {
                 maxlength="5"
                 minlength="1"
                 type="number"
-                placeholder="请输入端口号" />
+                placeholder="请输入端口号">
+                <template #prepend>
+                  <el-select
+                    v-model="port"
+                    placeholder="端口"
+                    style="width: 150px">
+                    <template v-for="(port, index) in ports">
+                      <el-option
+                        :label="`端口${index + 1} (${port})`"
+                        :value="port" />
+                    </template>
+                  </el-select>
+                </template>
+              </ElInput>
               <ElButton
                 type="success"
                 plain
diff --git a/package.json b/package.json
index 9ce04a3..b6be887 100644
--- a/package.json
+++ b/package.json
@@ -2,7 +2,7 @@
   "name": "usewiki2",
   "description": "Convert HTML to Markdown, and save to your computer, support nodejs tiddlywiki",
   "private": true,
-  "version": "3.8.1",
+  "version": "3.8.2",
   "type": "module",
   "scripts": {
     "dev": "wxt",