diff --git a/backend/api/api.go b/backend/api/api.go
index 8b16e82..7a5dd0a 100644
--- a/backend/api/api.go
+++ b/backend/api/api.go
@@ -3,6 +3,7 @@ package api
 import (
 	"s-ui/logger"
 	"s-ui/service"
+	"s-ui/util"
 	"strconv"
 	"strings"
 
@@ -95,6 +96,10 @@ func (a *APIHandler) postHandler(c *gin.Context) {
 	case "restartApp":
 		err = a.PanelService.RestartPanel(3)
 		jsonMsg(c, "restartApp", err)
+	case "linkConvert":
+		link := c.Request.FormValue("link")
+		result, _, err := util.GetOutbound(link, 0)
+		jsonObj(c, result, err)
 	default:
 		jsonMsg(c, "API call", nil)
 	}
diff --git a/backend/util/linkToJson.go b/backend/util/linkToJson.go
index d78324d..549d8e2 100644
--- a/backend/util/linkToJson.go
+++ b/backend/util/linkToJson.go
@@ -109,7 +109,9 @@ func vmess(data string, i int) (*map[string]interface{}, string, error) {
 		}
 	}
 	tag, _ := dataJson["ps"].(string)
-	tag = fmt.Sprintf("%d.%s", i, tag)
+	if i > 0 {
+		tag = fmt.Sprintf("%d.%s", i, tag)
+	}
 	alter_id, ok := dataJson["aid"].(int)
 	if !ok {
 		alter_id = 0
@@ -141,7 +143,10 @@ func vless(u *url.URL, i int) (*map[string]interface{}, string, error) {
 		}
 	}
 	tp_type := query.Get("type")
-	tag := fmt.Sprintf("%d.%s", i, u.Fragment)
+	tag := u.Fragment
+	if i > 0 {
+		tag = fmt.Sprintf("%d.%s", i, u.Fragment)
+	}
 	vless := map[string]interface{}{
 		"type":        "vless",
 		"tag":         tag,
@@ -168,7 +173,10 @@ func trojan(u *url.URL, i int) (*map[string]interface{}, string, error) {
 		}
 	}
 	tp_type := query.Get("type")
-	tag := fmt.Sprintf("%d.%s", i, u.Fragment)
+	tag := u.Fragment
+	if i > 0 {
+		tag = fmt.Sprintf("%d.%s", i, u.Fragment)
+	}
 	trojan := map[string]interface{}{
 		"type":        "trojan",
 		"tag":         tag,
@@ -202,7 +210,10 @@ func hy(u *url.URL, i int) (*map[string]interface{}, string, error) {
 		tls["insecure"] = true
 	}
 
-	tag := fmt.Sprintf("%d.%s", i, u.Fragment)
+	tag := u.Fragment
+	if i > 0 {
+		tag = fmt.Sprintf("%d.%s", i, u.Fragment)
+	}
 	hy := map[string]interface{}{
 		"type":        "hysteria",
 		"tag":         tag,
@@ -252,7 +263,10 @@ func hy2(u *url.URL, i int) (*map[string]interface{}, string, error) {
 		tls["insecure"] = true
 	}
 
-	tag := fmt.Sprintf("%d.%s", i, u.Fragment)
+	tag := u.Fragment
+	if i > 0 {
+		tag = fmt.Sprintf("%d.%s", i, u.Fragment)
+	}
 	hy2 := map[string]interface{}{
 		"type":        "hysteria2",
 		"tag":         tag,
@@ -304,7 +318,10 @@ func tuic(u *url.URL, i int) (*map[string]interface{}, string, error) {
 		tls["disable_sni"] = true
 	}
 
-	tag := fmt.Sprintf("%d.%s", i, u.Fragment)
+	tag := u.Fragment
+	if i > 0 {
+		tag = fmt.Sprintf("%d.%s", i, u.Fragment)
+	}
 	password, _ := u.User.Password()
 	tuic := map[string]interface{}{
 		"type":               "tuic",
@@ -340,7 +357,10 @@ func ss(u *url.URL, i int) (*map[string]interface{}, string, error) {
 		}
 	}
 
-	tag := fmt.Sprintf("%d.%s", i, u.Fragment)
+	tag := u.Fragment
+	if i > 0 {
+		tag = fmt.Sprintf("%d.%s", i, u.Fragment)
+	}
 	ss := map[string]interface{}{
 		"type":        "shadowsocks",
 		"tag":         tag,
diff --git a/frontend/src/layouts/modals/Outbound.vue b/frontend/src/layouts/modals/Outbound.vue
index 3067886..cc56eec 100644
--- a/frontend/src/layouts/modals/Outbound.vue
+++ b/frontend/src/layouts/modals/Outbound.vue
@@ -5,61 +5,84 @@
         {{ $t('actions.' + title) + " " + $t('objects.outbound') }}
       </v-card-title>
       <v-divider></v-divider>
-      <v-card-text>
-        <v-row>
-          <v-col cols="12" sm="6" md="4">
-            <v-select
-            hide-details
-            :label="$t('type')"
-            :items="Object.keys(outTypes).map((key,index) => ({title: key, value: Object.values(outTypes)[index]}))"
-            v-model="outbound.type"
-            @update:modelValue="changeType">
-            </v-select>
-          </v-col>
-          <v-col cols="12" sm="6" md="4">
-            <v-text-field v-model="outbound.tag" :label="$t('objects.tag')" hide-details></v-text-field>
-          </v-col>
-        </v-row>
-        <v-row v-if="!NoServer.includes(outbound.type)">
-          <v-col cols="12" sm="6" md="4">
-            <v-text-field
-            :label="$t('out.addr')"
-            hide-details
-            v-model="outbound.server">
-            </v-text-field>
-          </v-col>
-          <v-col cols="12" sm="6" md="4">
-            <v-text-field
-            :label="$t('out.port')"
-            type="number"
-            min="0"
-            hide-details
-            v-model.number="outbound.server_port">
-            </v-text-field>
-          </v-col>
-        </v-row>
-        <Direct v-if="outbound.type == outTypes.Direct" direction="out" :data="outbound" />
-        <Socks v-if="outbound.type == outTypes.SOCKS" :data="outbound" />
-        <Http v-if="outbound.type == outTypes.HTTP" :data="outbound" />
-        <Shadowsocks v-if="outbound.type == outTypes.Shadowsocks" direction="out" :data="outbound" />
-        <Vmess v-if="outbound.type == outTypes.VMess" :data="outbound" />
-        <Trojan v-if="outbound.type == outTypes.Trojan" :data="outbound" />
-        <Wireguard v-if="outbound.type == outTypes.Wireguard" :data="outbound" />
-        <Hysteria v-if="outbound.type == outTypes.Hysteria" direction="out" :data="outbound" />
-        <ShadowTls v-if="outbound.type == outTypes.ShadowTLS" :data="outbound" />
-        <Vless v-if="outbound.type == outTypes.VLESS" :data="outbound" />
-        <Tuic v-if="outbound.type == outTypes.TUIC" direction="out" :data="outbound" />
-        <Hysteria2 v-if="outbound.type == outTypes.Hysteria2" direction="out" :data="outbound" />
-        <Tor v-if="outbound.type == outTypes.Tor" :data="outbound" />
-        <Ssh v-if="outbound.type == outTypes.SSH" :data="outbound" />
-        <Selector v-if="outbound.type == outTypes.Selector" :data="outbound" :tags="tags" />
-        <UrlTest v-if="outbound.type == outTypes.URLTest" :data="outbound" :tags="tags" />
+      <v-card-text style="padding: 0 16px; overflow-y: scroll;">
+        <v-container style="padding: 0;">
+          <v-tabs
+            v-model="tab"
+            align-tabs="center"
+          >
+            <v-tab value="t1">{{ $t('client.basics') }}</v-tab>
+            <v-tab value="t2">{{ $t('client.external') }}</v-tab>
+          </v-tabs>
+          <v-window v-model="tab">
+            <v-window-item value="t1">
+              <v-row>
+                <v-col cols="12" sm="6" md="4">
+                  <v-select
+                  hide-details
+                  :label="$t('type')"
+                  :items="Object.keys(outTypes).map((key,index) => ({title: key, value: Object.values(outTypes)[index]}))"
+                  v-model="outbound.type"
+                  @update:modelValue="changeType">
+                  </v-select>
+                </v-col>
+                <v-col cols="12" sm="6" md="4">
+                  <v-text-field v-model="outbound.tag" :label="$t('objects.tag')" hide-details></v-text-field>
+                </v-col>
+              </v-row>
+              <v-row v-if="!NoServer.includes(outbound.type)">
+                <v-col cols="12" sm="6" md="4">
+                  <v-text-field
+                  :label="$t('out.addr')"
+                  hide-details
+                  v-model="outbound.server">
+                  </v-text-field>
+                </v-col>
+                <v-col cols="12" sm="6" md="4">
+                  <v-text-field
+                  :label="$t('out.port')"
+                  type="number"
+                  min="0"
+                  hide-details
+                  v-model.number="outbound.server_port">
+                  </v-text-field>
+                </v-col>
+              </v-row>
+              <Direct v-if="outbound.type == outTypes.Direct" direction="out" :data="outbound" />
+              <Socks v-if="outbound.type == outTypes.SOCKS" :data="outbound" />
+              <Http v-if="outbound.type == outTypes.HTTP" :data="outbound" />
+              <Shadowsocks v-if="outbound.type == outTypes.Shadowsocks" direction="out" :data="outbound" />
+              <Vmess v-if="outbound.type == outTypes.VMess" :data="outbound" />
+              <Trojan v-if="outbound.type == outTypes.Trojan" :data="outbound" />
+              <Wireguard v-if="outbound.type == outTypes.Wireguard" :data="outbound" />
+              <Hysteria v-if="outbound.type == outTypes.Hysteria" direction="out" :data="outbound" />
+              <ShadowTls v-if="outbound.type == outTypes.ShadowTLS" :data="outbound" />
+              <Vless v-if="outbound.type == outTypes.VLESS" :data="outbound" />
+              <Tuic v-if="outbound.type == outTypes.TUIC" direction="out" :data="outbound" />
+              <Hysteria2 v-if="outbound.type == outTypes.Hysteria2" direction="out" :data="outbound" />
+              <Tor v-if="outbound.type == outTypes.Tor" :data="outbound" />
+              <Ssh v-if="outbound.type == outTypes.SSH" :data="outbound" />
+              <Selector v-if="outbound.type == outTypes.Selector" :data="outbound" :tags="tags" />
+              <UrlTest v-if="outbound.type == outTypes.URLTest" :data="outbound" :tags="tags" />
 
-        <Transport v-if="Object.hasOwn(outbound,'transport')" :data="outbound" />
-        <OutTLS v-if="Object.hasOwn(outbound,'tls')" :outbound="outbound" />
-        <Multiplex v-if="Object.hasOwn(outbound,'multiplex')" direction="out" :data="outbound" />
-        <Dial v-if="!NoDial.includes(outbound.type)" :dial="outbound" :outTags="tags" />
-        <v-switch v-model="outboundStats" color="primary" :label="$t('stats.enable')" hide-details></v-switch>
+              <Transport v-if="Object.hasOwn(outbound,'transport')" :data="outbound" />
+              <OutTLS v-if="Object.hasOwn(outbound,'tls')" :outbound="outbound" />
+              <Multiplex v-if="Object.hasOwn(outbound,'multiplex')" direction="out" :data="outbound" />
+              <Dial v-if="!NoDial.includes(outbound.type)" :dial="outbound" :outTags="tags" />
+              <v-switch v-model="outboundStats" color="primary" :label="$t('stats.enable')" hide-details></v-switch>
+            </v-window-item>
+            <v-window-item value="t2">
+              <v-row>
+                <v-col cols="12">
+                  <v-text-field v-model="link" :label="$t('client.external')" hide-details />
+                </v-col>
+                <v-col cols="12" align="center">
+                  <v-btn hide-details variant="tonal" :loading="loading" @click="linkConvert">{{ $t('submit') }}</v-btn>
+                </v-col>
+              </v-row>
+            </v-window-item>
+          </v-window>
+        </v-container>
       </v-card-text>
       <v-card-actions>
         <v-spacer></v-spacer>
@@ -106,6 +129,7 @@ import Tor from '@/components/protocols/Tor.vue'
 import Ssh from '@/components/protocols/Ssh.vue'
 import Selector from '@/components/protocols/Selector.vue'
 import UrlTest from '@/components/protocols/UrlTest.vue'
+import HttpUtils from '@/plugins/httputil'
 export default {
   props: ['visible', 'data', 'id', 'stats', 'tags'],
   emits: ['close', 'save'],
@@ -113,6 +137,8 @@ export default {
     return {
       outbound: createOutbound("direct",{ "tag": "" }),
       title: "add",
+      tab: "t1",
+      link: "",
       loading: false,
       outTypes: OutTypes,
       outboundStats: false,
@@ -149,6 +175,17 @@ export default {
       this.$emit('save', this.outbound, this.outboundStats)
       this.loading = false
     },
+    async linkConvert() {
+      if (this.link.length>0){
+        this.loading = true
+        const msg = await HttpUtils.post('api/linkConvert', { link: this.link })
+        this.loading = false
+        if (msg.success) {
+          this.outbound = msg.obj
+          this.tab = "t1"
+        }
+      }
+    }
   },
   watch: {
     visible(newValue) {