diff --git a/frontend/src/components/Addr.vue b/frontend/src/components/Addr.vue
index 6f79b6c..98ccbec 100644
--- a/frontend/src/components/Addr.vue
+++ b/frontend/src/components/Addr.vue
@@ -24,30 +24,7 @@
       </v-text-field>
     </v-col>
   </v-row>
-  <v-row>
-    <v-col cols="12" sm="6" md="4" v-if="optionTLS">
-      <v-switch
-      :label="$t('tls.enable')"
-      color="primary"
-      hide-details
-      @update:model-value="updateTls($event)"
-      v-model="addr.tls" />
-    </v-col>
-    <v-col cols="12" sm="6" md="4" v-if="optionSNI">
-      <v-text-field
-      label="SNI"
-      hide-details
-      v-model="addr.server_name">
-      </v-text-field>
-    </v-col>
-    <v-col cols="12" sm="6" md="4" v-if="optionInsecure">
-      <v-switch
-      :label="$t('tls.insecure')"
-      hide-details
-      color="primary"
-      v-model="addr.insecure" />
-    </v-col>
-  </v-row>
+  <OutTLS :outbound="addr" v-if="optionTLS" />
   <v-row>
     <v-spacer></v-spacer>
     <v-col cols="auto" align="end" justify="center">
@@ -63,12 +40,6 @@
             <v-list-item v-if="hasTls">
               <v-switch v-model="optionTLS" color="primary" :label="$t('objects.tls')" hide-details></v-switch>
             </v-list-item>
-            <v-list-item v-if="addr.tls">
-              <v-switch v-model="optionSNI" color="primary" label="SNI" hide-details></v-switch>
-            </v-list-item>
-            <v-list-item v-if="addr.tls">
-              <v-switch v-model="optionInsecure" color="primary" :label="$t('tls.insecure')" hide-details></v-switch>
-            </v-list-item>
           </v-list>
         </v-card>
       </v-menu>
@@ -77,6 +48,7 @@
 </template>
 
 <script lang="ts">
+import OutTLS from '@/components/tls/OutTLS.vue'
 export default {
   props: ['addr', 'hasTls'],
   data() {
@@ -87,28 +59,15 @@ export default {
   computed: {
     optionTLS: {
       get(): boolean { return this.$props.addr.tls != undefined },
-      set(v:boolean) { this.$props.addr.tls = v ? true : undefined; this.updateTls(v) }
-    },
-    optionSNI: {
-      get(): boolean { return this.$props.addr.server_name != undefined },
-      set(v:boolean) { this.$props.addr.server_name = v ? '' : undefined }
+      set(v:boolean) { this.$props.addr.tls = v ? { enabled: true } : undefined; }
     },
     optionRemark: {
       get(): boolean { return this.$props.addr.remark != undefined },
       set(v:boolean) { this.$props.addr.remark = v ? '' : undefined }
-    },
-    optionInsecure: {
-      get(): boolean { return this.$props.addr.insecure != undefined },
-      set(v:boolean) { this.$props.addr.insecure = v ? false : undefined }
     }
   },
-  methods: {
-    updateTls(v:boolean) {
-      if (!v) {
-        delete this.$props.addr.insecure
-        delete this.$props.addr.server_name
-      }
-    }
+  components: {
+    OutTLS
   }
 }
 </script>
\ No newline at end of file
diff --git a/frontend/src/components/tls/Acme.vue b/frontend/src/components/tls/Acme.vue
index fea944f..7d389f2 100644
--- a/frontend/src/components/tls/Acme.vue
+++ b/frontend/src/components/tls/Acme.vue
@@ -161,7 +161,7 @@
 </template>
 
 <script lang="ts">
-import { acme } from '@/types/inTls'
+import { acme } from '@/types/tls'
 
 export default {
   props: ['tls'],
diff --git a/frontend/src/components/tls/Ech.vue b/frontend/src/components/tls/Ech.vue
index 3485417..7e21844 100644
--- a/frontend/src/components/tls/Ech.vue
+++ b/frontend/src/components/tls/Ech.vue
@@ -79,7 +79,7 @@
 <script lang="ts">
 import { i18n } from '@/locales'
 import HttpUtils from '@/plugins/httputil'
-import { ech } from '@/types/inTls'
+import { ech } from '@/types/tls'
 import { push } from 'notivue'
 
 export default {
diff --git a/frontend/src/components/tls/OutTLS.vue b/frontend/src/components/tls/OutTLS.vue
index 6421bd1..eea3480 100644
--- a/frontend/src/components/tls/OutTLS.vue
+++ b/frontend/src/components/tls/OutTLS.vue
@@ -216,7 +216,7 @@
 </template>
 
 <script lang="ts">
-import { oTls, defaultOutTls } from '@/types/outTls'
+import { oTls, defaultOutTls } from '@/types/tls'
 export default {
   props: ['outbound'],
   data() {
@@ -275,7 +275,7 @@ export default {
     },
     tlsEnable: {
       get() { return Object.hasOwn(this.tls, 'enabled') ? this.tls.enabled : false },
-      set(newValue: boolean) { this.$props.outbound.tls = newValue ? { enabled: true } : {} }
+      set(newValue: boolean) { this.$props.outbound.tls = newValue ? { enabled: true } : { enabled: false } }
     },
     disable_sni: {
       get() { return this.tls.disable_sni ?? false },
diff --git a/frontend/src/layouts/modals/Inbound.vue b/frontend/src/layouts/modals/Inbound.vue
index 026e885..159860c 100644
--- a/frontend/src/layouts/modals/Inbound.vue
+++ b/frontend/src/layouts/modals/Inbound.vue
@@ -64,7 +64,7 @@
                 <template v-for="addr,index in inbound.addrs">
                   {{ $t('in.addr') }} #{{ (index+1) }} <v-icon icon="mdi-delete" @click="inbound.addrs?.splice(index,1)" />
                   <v-divider></v-divider>
-                  <AddrVue :addr="addr" :hasTls="Object.hasOwn(inbound,'tls')" />
+                  <AddrVue :addr="addr" :hasTls="HasTls.includes(inbound.type)" />
                 </template>
               </v-card>
             </v-window-item>
diff --git a/frontend/src/layouts/modals/Tls.vue b/frontend/src/layouts/modals/Tls.vue
index 2a6a8fd..1b07837 100644
--- a/frontend/src/layouts/modals/Tls.vue
+++ b/frontend/src/layouts/modals/Tls.vue
@@ -289,8 +289,7 @@
 </template>
 
 <script lang="ts">
-import { iTls, defaultInTls } from '@/types/inTls'
-import { oTls, defaultOutTls } from '@/types/outTls'
+import { tls, iTls, defaultInTls, oTls, defaultOutTls } from '@/types/tls'
 import AcmeVue from '@/components/tls/Acme.vue'
 import EchVue from '@/components/tls/Ech.vue'
 import HttpUtils from '@/plugins/httputil'
@@ -302,7 +301,7 @@ export default {
   emits: ['close', 'save'],
   data() {
     return {
-      tls: { id: 0, name: '', server: <iTls>{ enabled: true }, client: <oTls>{} },
+      tls: <tls>{ id: 0, name: '', server: <iTls>{ enabled: true }, client: <oTls>{} },
       title: "add",
       loading: false,
       menu: false,
@@ -355,7 +354,7 @@ export default {
   methods: {
     updateData() {
       if (this.$props.id > 0) {
-        const newData = JSON.parse(this.$props.data)
+        const newData = <tls>JSON.parse(this.$props.data)
         this.tls = newData
         if (this.tls.server == null) this.tls.server = {}
         if (this.tls.client == null) this.tls.client = {}
@@ -364,7 +363,7 @@ export default {
         this.title = "edit"
       }
       else {
-        this.tls = { id: 0, name: '', server: {enabled: true}, client: {} }
+        this.tls = <tls>{ id: 0, name: '', server: {enabled: true}, client: {} }
         this.tlsType = 0
         this.usePath = 0
         this.title = "add"
diff --git a/frontend/src/types/inbounds.ts b/frontend/src/types/inbounds.ts
index 02d0033..731d707 100644
--- a/frontend/src/types/inbounds.ts
+++ b/frontend/src/types/inbounds.ts
@@ -1,5 +1,5 @@
 import { iMultiplex } from "./multiplex"
-import { iTls } from "./inTls"
+import { iTls } from "./tls"
 import { Dial } from "./outbounds"
 import { Transport } from "./transport"
 
diff --git a/frontend/src/types/outTls.ts b/frontend/src/types/outTls.ts
deleted file mode 100644
index a60e5d0..0000000
--- a/frontend/src/types/outTls.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-export interface oTls {
-  enabled?: boolean
-  disable_sni?: boolean
-  server_name?: string
-  insecure?: boolean
-  alpn?: string[]
-  min_version?: string
-  max_version?: string
-  cipher_suites?: string[]
-  certificate?: string
-  certificate_path?: string
-  ech?: {
-    enabled: boolean
-    pq_signature_schemes_enabled?: boolean
-    dynamic_record_sizing_disabled?: boolean
-    config?: string[],
-    config_path?: string
-  },
-  utls?: {
-    enabled: boolean
-    fingerprint: string
-  },
-  reality?: {
-    enabled: boolean
-    public_key: string
-    short_id: string
-  }
-}
-
-export const defaultOutTls: oTls = {
-  alpn: ['h3', 'h2', 'http/1.1'],
-  min_version: "1.2",
-  max_version: "1.3",
-  cipher_suites: [],
-  utls: {
-    enabled: true,
-    fingerprint: "chrome",
-  },
-  reality: {
-    enabled: true,
-    public_key: "",
-    short_id: "",
-  },
-  ech: {
-    enabled: true,
-    pq_signature_schemes_enabled: false,
-    dynamic_record_sizing_disabled: false,
-    config_path: "",
-  }
-}
\ No newline at end of file
diff --git a/frontend/src/types/inTls.ts b/frontend/src/types/tls.ts
similarity index 54%
rename from frontend/src/types/inTls.ts
rename to frontend/src/types/tls.ts
index a0114d5..4b4af2f 100644
--- a/frontend/src/types/inTls.ts
+++ b/frontend/src/types/tls.ts
@@ -1,5 +1,12 @@
 import { Dial } from "./dial"
 
+export interface tls {
+  id: number
+  name: string
+  server: iTls
+  client: oTls
+}
+
 export interface iTls {
   enabled?: boolean
   server_name?: string
@@ -62,4 +69,55 @@ export const defaultInTls: iTls = {
   min_version: "1.2",
   max_version: "1.3",
   cipher_suites: [],
+}
+
+export interface oTls {
+  enabled?: boolean
+  disable_sni?: boolean
+  server_name?: string
+  insecure?: boolean
+  alpn?: string[]
+  min_version?: string
+  max_version?: string
+  cipher_suites?: string[]
+  certificate?: string
+  certificate_path?: string
+  ech?: {
+    enabled: boolean
+    pq_signature_schemes_enabled?: boolean
+    dynamic_record_sizing_disabled?: boolean
+    config?: string[],
+    config_path?: string
+  },
+  utls?: {
+    enabled: boolean
+    fingerprint: string
+  },
+  reality?: {
+    enabled: boolean
+    public_key: string
+    short_id: string
+  }
+}
+
+export const defaultOutTls: oTls = {
+  alpn: ['h3', 'h2', 'http/1.1'],
+  min_version: "1.2",
+  max_version: "1.3",
+  cipher_suites: [],
+  utls: {
+    enabled: true,
+    fingerprint: "chrome",
+  },
+  reality: {
+    enabled: true,
+    public_key: "",
+    short_id: "",
+  },
+  ech: {
+    enabled: true,
+    pq_signature_schemes_enabled: false,
+    dynamic_record_sizing_disabled: false,
+    config_path: "",
+  }
 }
\ No newline at end of file
diff --git a/frontend/src/views/Tls.vue b/frontend/src/views/Tls.vue
index 6b9ed90..ff4c5ef 100644
--- a/frontend/src/views/Tls.vue
+++ b/frontend/src/views/Tls.vue
@@ -88,9 +88,9 @@
 import TlsVue from '@/layouts/modals/Tls.vue'
 import Data from '@/store/modules/data'
 import { computed, ref } from 'vue'
-import { Inbound, inboundWithUsers } from '@/types/inbounds'
+import { Inbound } from '@/types/inbounds'
 import { Client } from '@/types/clients'
-import { Link, LinkUtil } from '@/plugins/link'
+import { tls } from '@/types/tls'
 
 const tlsConfigs = computed((): any[] => {
   return Data().tlsConfigs