From 556c7207cc473d5f8757ff413b3e07fc5bf99ce6 Mon Sep 17 00:00:00 2001
From: HynoR <20227709+HynoR@users.noreply.github.com>
Date: Thu, 21 Aug 2025 18:18:09 +0800
Subject: [PATCH 1/6] fix: Update proxy settings interface, add tabs and
 optimize style

---
 .../config/basic/proxy/create/index.vue       | 352 +++++++++++++-----
 1 file changed, 250 insertions(+), 102 deletions(-)

diff --git a/frontend/src/views/website/website/config/basic/proxy/create/index.vue b/frontend/src/views/website/website/config/basic/proxy/create/index.vue
index 3a9de8d74edc..7fea6109a114 100644
--- a/frontend/src/views/website/website/config/basic/proxy/create/index.vue
+++ b/frontend/src/views/website/website/config/basic/proxy/create/index.vue
@@ -1,110 +1,199 @@
 <template>
-    <DrawerPro v-model="open" :header="$t('commons.button.' + proxy.operate)" @close="handleClose" size="normal">
+    <DrawerPro v-model="open" :header="$t('commons.button.' + proxy.operate)" @close="handleClose" size="large">
         <el-form ref="proxyForm" label-position="top" :model="proxy" :rules="rules" v-loading="loading">
-            <el-form-item :label="$t('commons.table.name')" prop="name">
-                <el-input v-model.trim="proxy.name" :disabled="proxy.operate === 'edit'"></el-input>
-            </el-form-item>
-            <el-form-item :label="$t('website.modifier')" prop="modifier">
-                <el-input v-model.trim="proxy.modifier"></el-input>
-                <div>
-                    <span class="input-help">{{ $t('website.modifierHelper') }}</span>
-                </div>
-            </el-form-item>
-            <el-form-item :label="$t('website.proxyPath')" prop="match">
-                <el-input v-model.trim="proxy.match"></el-input>
-            </el-form-item>
-            <el-form-item :label="$t('website.enableCache')" prop="cache">
-                <el-switch v-model="proxy.cache" @change="changeCache(proxy.cache)"></el-switch>
-            </el-form-item>
-            <el-form-item :label="$t('website.browserCacheTime')" prop="cacheTime" v-if="proxy.cache">
-                <el-input v-model.number="proxy.cacheTime" maxlength="15">
-                    <template #append>
-                        <el-select v-model="proxy.cacheUnit" class="p-w-100">
-                            <el-option
-                                v-for="(unit, index) in Units"
-                                :key="index"
-                                :label="unit.label"
-                                :value="unit.value"
-                            ></el-option>
-                        </el-select>
-                    </template>
-                </el-input>
-                <span class="input-help">{{ $t('website.browserCacheTimeHelper') }}</span>
-            </el-form-item>
-            <el-form-item :label="$t('website.serverCacheTime')" prop="cacheTime" v-if="proxy.cache">
-                <el-input v-model.number="proxy.serverCacheTime" maxlength="15">
-                    <template #append>
-                        <el-select v-model="proxy.serverCacheUnit" class="p-w-100">
-                            <el-option
-                                v-for="(unit, index) in Units"
-                                :key="index"
-                                :label="unit.label"
-                                :value="unit.value"
-                            ></el-option>
-                        </el-select>
-                    </template>
-                </el-input>
-                <span class="input-help">{{ $t('website.serverCacheTimeHelper') }}</span>
-            </el-form-item>
-            <el-form-item :label="$t('website.sni')" prop="sni">
-                <el-switch v-model="proxy.sni"></el-switch>
-                <span class="input-help">{{ $t('website.sniHelper') }}</span>
-            </el-form-item>
-            <el-form-item label="proxy_ssl_name" prop="proxySSLName" v-if="proxy.sni">
-                <el-input v-model.trim="proxy.proxySSLName"></el-input>
-            </el-form-item>
-            <el-row :gutter="10">
-                <el-col :span="12">
-                    <el-form-item :label="$t('website.proxyPass')" prop="proxyAddress">
-                        <el-input
-                            v-model.trim="proxy.proxyAddress"
-                            :placeholder="$t('website.proxyHelper')"
-                            @blur="getProxyHost"
-                        >
-                            <template #prepend>
-                                <el-select v-model="proxy.proxyProtocol" class="pre-select">
-                                    <el-option label="http" value="http://" />
-                                    <el-option label="https" value="https://" />
-                                    <el-option :label="$t('website.other')" value="" />
-                                </el-select>
-                            </template>
-                        </el-input>
-                        <div>
-                            <span class="input-help">{{ $t('website.proxyPassHelper') }}</span>
-                        </div>
-                    </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                    <el-form-item :label="$t('website.proxyHost')" prop="proxyHost">
-                        <el-input v-model.trim="proxy.proxyHost"></el-input>
-                        <div>
-                            <span class="input-help">{{ $t('website.proxyHostHelper') }}</span>
-                        </div>
+            <el-tabs v-model="activeTab" type="border-card">
+                <el-tab-pane :label="$t('website.proxySettings')" name="basic">
+                    <el-divider content-position="left">{{ $t('website.proxy') }}</el-divider>
+
+                    <el-form-item :label="$t('commons.table.name')" prop="name">
+                        <el-input v-model.trim="proxy.name" :disabled="proxy.operate === 'edit'" />
                     </el-form-item>
-                </el-col>
-            </el-row>
-            <el-form-item :label="$t('website.replace')">
-                <div style="width: 100%" v-for="(replace, index) in replaces" :key="index">
-                    <el-row :gutter="10">
-                        <el-col :span="10">
-                            <el-input v-model.trim="replace.key" :placeholder="$t('website.replaced')"></el-input>
+
+                    <el-row :gutter="16">
+                        <el-col :span="12">
+                            <el-form-item :label="$t('website.modifier')" prop="modifier">
+                                <el-input v-model.trim="proxy.modifier" />
+                                <div class="form-tip">
+                                    <el-icon><QuestionFilled /></el-icon>
+                                    <span>{{ $t('website.modifierHelper') }}</span>
+                                </div>
+                            </el-form-item>
                         </el-col>
-                        <el-col :span="10">
-                            <el-input v-model.trim="replace.value" :placeholder="$t('website.replaceText')"></el-input>
+                        <el-col :span="12">
+                            <el-form-item :label="$t('website.proxyPath')" prop="match">
+                                <el-input v-model.trim="proxy.match" />
+                            </el-form-item>
                         </el-col>
-                        <el-col :span="2">
-                            <el-button link @click="removeReplace(index)" type="danger">
-                                {{ $t('commons.button.delete') }}
-                            </el-button>
+                    </el-row>
+
+                    <el-row :gutter="16">
+                        <el-col :span="12">
+                            <el-form-item :label="$t('website.proxyPass')" prop="proxyAddress">
+                                <el-input
+                                    v-model.trim="proxy.proxyAddress"
+                                    :placeholder="$t('website.proxyHelper')"
+                                    @blur="getProxyHost"
+                                >
+                                    <template #prepend>
+                                        <el-select v-model="proxy.proxyProtocol" style="width: 100px">
+                                            <el-option label="http" value="http://" />
+                                            <el-option label="https" value="https://" />
+                                            <el-option :label="$t('website.other')" value="" />
+                                        </el-select>
+                                    </template>
+                                </el-input>
+                                <div class="form-tip">
+                                    <el-icon><QuestionFilled /></el-icon>
+                                    <span>{{ $t('website.proxyPassHelper') }}</span>
+                                </div>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="12">
+                            <el-form-item :label="$t('website.proxyHost')" prop="proxyHost">
+                                <el-input v-model.trim="proxy.proxyHost" />
+                                <div class="form-tip">
+                                    <el-icon><QuestionFilled /></el-icon>
+                                    <span>{{ $t('website.proxyHostHelper') }}</span>
+                                </div>
+                            </el-form-item>
                         </el-col>
                     </el-row>
-                </div>
-            </el-form-item>
-            <el-form-item>
-                <el-button type="primary" @click="addReplaces">
-                    {{ $t('website.addReplace') }}
-                </el-button>
-            </el-form-item>
+
+                    <el-divider content-position="left">{{ $t('website.sniSettings') }}</el-divider>
+
+                    <div class="switch-item">
+                        <div class="switch-label">
+                            <span>{{ $t('website.sni') }}</span>
+                            <div class="form-tip">
+                                <el-icon><QuestionFilled /></el-icon>
+                                <span>{{ $t('website.sniHelper') }}</span>
+                            </div>
+                        </div>
+                        <el-switch v-model="proxy.sni" size="large" />
+                    </div>
+
+                    <el-form-item
+                        :label="$t('website.proxySslName')"
+                        prop="proxySSLName"
+                        v-if="proxy.sni"
+                        style="margin-top: 16px"
+                    >
+                        <el-input v-model.trim="proxy.proxySSLName" />
+                    </el-form-item>
+                </el-tab-pane>
+
+                <el-tab-pane :label="$t('website.advancedSettings')" name="advanced">
+                    <el-divider content-position="left">{{ $t('website.cacheSettings') }}</el-divider>
+
+                    <div class="switch-item">
+                        <div class="switch-label">
+                            <span>{{ $t('website.enableCache') }}</span>
+                        </div>
+                        <el-switch v-model="proxy.cache" @change="changeCache(proxy.cache)" size="large" />
+                    </div>
+
+                    <el-collapse-transition>
+                        <div v-if="proxy.cache" style="margin-top: 16px">
+                            <el-row :gutter="16">
+                                <el-col :span="12">
+                                    <el-form-item :label="$t('website.browserCacheTime')" prop="cacheTime">
+                                        <el-input v-model.number="proxy.cacheTime" maxlength="15">
+                                            <template #append>
+                                                <el-select v-model="proxy.cacheUnit" style="width: 80px">
+                                                    <el-option
+                                                        v-for="(unit, index) in Units"
+                                                        :key="index"
+                                                        :label="unit.label"
+                                                        :value="unit.value"
+                                                    />
+                                                </el-select>
+                                            </template>
+                                        </el-input>
+                                        <div class="form-tip">
+                                            <el-icon><QuestionFilled /></el-icon>
+                                            <span>{{ $t('website.browserCacheTimeHelper') }}</span>
+                                        </div>
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="12">
+                                    <el-form-item :label="$t('website.serverCacheTime')" prop="serverCacheTime">
+                                        <el-input v-model.number="proxy.serverCacheTime" maxlength="15">
+                                            <template #append>
+                                                <el-select v-model="proxy.serverCacheUnit" style="width: 80px">
+                                                    <el-option
+                                                        v-for="(unit, index) in Units"
+                                                        :key="index"
+                                                        :label="unit.label"
+                                                        :value="unit.value"
+                                                    />
+                                                </el-select>
+                                            </template>
+                                        </el-input>
+                                        <div class="form-tip">
+                                            <el-icon><QuestionFilled /></el-icon>
+                                            <span>{{ $t('website.serverCacheTimeHelper') }}</span>
+                                        </div>
+                                    </el-form-item>
+                                </el-col>
+                            </el-row>
+                        </div>
+                    </el-collapse-transition>
+
+                    <el-divider content-position="left">{{ $t('website.replace') }}</el-divider>
+
+                    <div class="replace-section">
+                        <div v-if="replaces.length === 0" class="empty-state">
+                            <el-empty :image-size="60" :description="$t('website.replacedListEmpty')" />
+                        </div>
+                        <div v-else class="replace-list">
+                            <div v-for="(replace, index) in replaces" :key="index" class="replace-item">
+                                <div class="replace-item-header">
+                                    <span class="replace-index">Rule {{ index + 1 }}</span>
+                                    <el-button @click="removeReplace(index)" type="danger" link size="small">
+                                        <el-icon><Delete /></el-icon>
+                                        {{ $t('commons.button.delete') }}
+                                    </el-button>
+                                </div>
+                                <el-row :gutter="16">
+                                    <el-col :span="11">
+                                        <el-input
+                                            v-model.trim="replace.key"
+                                            :placeholder="$t('website.replaced')"
+                                            size="default"
+                                        >
+                                            <template #prepend>Search</template>
+                                        </el-input>
+                                    </el-col>
+                                    <el-col
+                                        :span="2"
+                                        style="display: flex; align-items: center; justify-content: center"
+                                    >
+                                        <el-icon size="16"><ArrowRight /></el-icon>
+                                    </el-col>
+                                    <el-col :span="11">
+                                        <el-input
+                                            v-model.trim="replace.value"
+                                            :placeholder="$t('website.replaceText')"
+                                            size="default"
+                                        >
+                                            <template #prepend>Replace</template>
+                                        </el-input>
+                                    </el-col>
+                                </el-row>
+                            </div>
+                        </div>
+                        <div style="text-align: center; margin-top: 16px">
+                            <el-button type="primary" @click="addReplaces" :icon="Plus">
+                                {{ $t('website.addReplace') }}
+                            </el-button>
+                        </div>
+                        <div class="form-tip">
+                            <el-icon><QuestionFilled /></el-icon>
+                            <span>{{ $t('website.replaceHelper') }}</span>
+                        </div>
+                    </div>
+                </el-tab-pane>
+            </el-tabs>
         </el-form>
         <template #footer>
             <el-button @click="handleClose" :disabled="loading">{{ $t('commons.button.cancel') }}</el-button>
@@ -125,6 +214,7 @@ import { MsgError, MsgSuccess } from '@/utils/message';
 import { Website } from '@/api/interface/website';
 import { Units } from '@/global/mimetype';
 import { isDomain } from '@/utils/util';
+import { QuestionFilled, Delete, Plus, ArrowRight } from '@element-plus/icons-vue';
 
 const proxyForm = ref<FormInstance>();
 const rules = ref({
@@ -137,14 +227,15 @@ const rules = ref({
 });
 const open = ref(false);
 const loading = ref(false);
+const activeTab = ref('basic');
 
 const initData = (): Website.ProxyConfig => ({
     id: 0,
     operate: 'create',
     enable: true,
     cache: false,
-    cacheTime: 1,
-    cacheUnit: 'm',
+    cacheTime: 4,
+    cacheUnit: 'h',
     name: '',
     modifier: '^~',
     match: '/',
@@ -272,3 +363,60 @@ defineExpose({
     acceptParams,
 });
 </script>
+
+<style lang="scss" scoped>
+.form-tip {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+    margin-top: 4px;
+    font-size: 12px;
+
+    .el-icon {
+        font-size: 14px;
+    }
+}
+
+.switch-item {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 12px 0;
+
+    .switch-label {
+        display: flex;
+        flex-direction: column;
+        gap: 4px;
+
+        > span {
+            font-weight: 500;
+        }
+    }
+}
+
+.replace-section {
+    .replace-list {
+        .replace-item {
+            margin-bottom: 12px;
+
+            .replace-item-header {
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+                margin-bottom: 12px;
+
+                .replace-index {
+                    font-size: 14px;
+                    font-weight: 500;
+                }
+            }
+
+            :deep(.el-input-group__prepend) {
+                font-weight: 500;
+                min-width: 60px;
+                text-align: center;
+            }
+        }
+    }
+}
+</style>

From ceedcb6495b37caa02526555171320125061d4f4 Mon Sep 17 00:00:00 2001
From: HynoR <20227709+HynoR@users.noreply.github.com>
Date: Thu, 21 Aug 2025 18:25:35 +0800
Subject: [PATCH 2/6] fix: update i18n text

---
 frontend/src/lang/modules/en.ts      | 4 ++++
 frontend/src/lang/modules/ja.ts      | 4 ++++
 frontend/src/lang/modules/ko.ts      | 4 ++++
 frontend/src/lang/modules/ms.ts      | 4 ++++
 frontend/src/lang/modules/pt-br.ts   | 4 ++++
 frontend/src/lang/modules/ru.ts      | 4 ++++
 frontend/src/lang/modules/tr.ts      | 4 ++++
 frontend/src/lang/modules/zh-Hant.ts | 4 ++++
 frontend/src/lang/modules/zh.ts      | 9 +++++++++
 9 files changed, 41 insertions(+)

diff --git a/frontend/src/lang/modules/en.ts b/frontend/src/lang/modules/en.ts
index 3b494c5d8aab..908d9a8ac7f9 100644
--- a/frontend/src/lang/modules/en.ts
+++ b/frontend/src/lang/modules/en.ts
@@ -2379,11 +2379,15 @@ const message = {
         modifierHelper:
             'Example: "=" is exact match, "~" is regular match, "^~" matches the beginning of the path, etc.',
         replace: 'Text replacements',
+        replaceHelper:
+            'The nginx text replacement feature allows for string substitution in the response content during reverse proxying. It is commonly used to modify links, API addresses, etc., in HTML, CSS, JavaScript, and other files returned by the backend. It supports regular expression matching for complex content replacement needs.',
         addReplace: 'Add',
         replaced: 'Search String (cannot be empty)',
         replaceText: 'Replace with string',
         replacedErr: 'The Search String cannot be empty',
         replacedErr2: 'The Search String cannot be repeated',
+        replacedListEmpty: 'No text replacement rules',
+        proxySslName: 'Proxy SNI Name',
         basicAuth: 'Basic authentication',
         editBasicAuthHelper:
             'The password is asymmetrically encrypted and cannot be echoed. Editing needs to reset the password',
diff --git a/frontend/src/lang/modules/ja.ts b/frontend/src/lang/modules/ja.ts
index 3c65c4bef739..616383c1c4f0 100644
--- a/frontend/src/lang/modules/ja.ts
+++ b/frontend/src/lang/modules/ja.ts
@@ -2293,11 +2293,15 @@ const message = {
         modifier: '一致するルール',
         modifierHelper: '例: "="は正確な一致、 "〜"は通常の一致、^〜」はパスの始まりなどと一致します。',
         replace: 'テキスト置換',
+        replaceHelper:
+            'nginxのテキスト置換機能は、リバースプロキシ時にレスポンス内容の文字列を置換することができます。バックエンドから返されるHTML、CSS、JavaScriptなどのファイル内のリンクアドレス、APIアドレスなどを変更するためによく使用されます。正規表現マッチングをサポートしており、複雑なコンテンツ置換のニーズに対応できます。',
         addReplace: '追加',
         replaced: '検索文字列（空にすることはできません）',
         replaceText: '文字列に置き換えます',
         replacedErr: '検索文字列を空にすることはできません',
         replacedErr2: '検索文字列を繰り返すことはできません',
+        replacedListEmpty: 'テキスト置換ルールがありません',
+        proxySslName: 'プロキシSNI名',
         basicAuth: '基本認証',
         editBasicAuthHelper:
             'パスワードは非対称的に暗号化されており、反響することはできません。編集はパスワードをリセットする必要があります',
diff --git a/frontend/src/lang/modules/ko.ts b/frontend/src/lang/modules/ko.ts
index 366ad658794a..70af09eb0172 100644
--- a/frontend/src/lang/modules/ko.ts
+++ b/frontend/src/lang/modules/ko.ts
@@ -2252,11 +2252,15 @@ const message = {
         modifier: '매칭 규칙',
         modifierHelper: '예: = 는 정확히 일치, ~ 는 정규식 일치, ^~ 는 경로 시작 부분 일치 등을 나타냅니다.',
         replace: '텍스트 교체',
+        replaceHelper:
+            'nginx 텍스트 교체 기능은 리버스 프록시 중 응답 내용의 문자열을 대체할 수 있습니다. 백엔드에서 반환된 HTML, CSS, JavaScript 및 기타 파일의 링크, API 주소 등을 수정하는 데 일반적으로 사용됩니다. 복잡한 콘텐츠 교체 요구 사항에 대해 정규식 일치를 지원합니다.',
         addReplace: '추가',
         replaced: '검색 문자열 (비울 수 없음)',
         replaceText: '교체할 문자열',
         replacedErr: '검색 문자열은 비워둘 수 없습니다',
         replacedErr2: '검색 문자열은 중복될 수 없습니다',
+        replacedListEmpty: '텍스트 교체 규칙 없음',
+        proxySslName: '프록시 SNI 이름',
         basicAuth: '기본 인증',
         editBasicAuthHelper:
             '비밀번호는 비대칭으로 암호화되어 표시할 수 없습니다. 수정하려면 비밀번호를 재설정해야 합니다.',
diff --git a/frontend/src/lang/modules/ms.ts b/frontend/src/lang/modules/ms.ts
index 7826e0c0087e..d9c161af248a 100644
--- a/frontend/src/lang/modules/ms.ts
+++ b/frontend/src/lang/modules/ms.ts
@@ -2347,11 +2347,15 @@ const message = {
         modifierHelper:
             'Contoh: "=" adalah padanan tepat, "~" adalah padanan biasa, "^~" memadankan permulaan laluan, dan sebagainya.',
         replace: 'Penggantian Teks',
+        replaceHelper:
+            'Ciri penggantian teks nginx membenarkan penggantian rentetan dalam kandungan respons semasa proksi terbalik. Ia biasanya digunakan untuk mengubah suai pautan, alamat API, dll., dalam HTML, CSS, JavaScript, dan fail lain yang dikembalikan oleh backend. Ia menyokong padanan ungkapan biasa untuk keperluan penggantian kandungan yang kompleks.',
         addReplace: 'Tambah',
         replaced: 'String Carian (tidak boleh kosong)',
         replaceText: 'Ganti dengan string',
         replacedErr: 'String Carian tidak boleh kosong',
         replacedErr2: 'String Carian tidak boleh berulang',
+        replacedListEmpty: 'Tiada peraturan penggantian teks',
+        proxySslName: 'Nama SNI Proksi',
         basicAuth: 'Pengesahan Asas',
         editBasicAuthHelper:
             'Kata laluan disulitkan secara tidak simetri dan tidak dapat dipaparkan. Penyuntingan perlu menetapkan semula kata laluan',
diff --git a/frontend/src/lang/modules/pt-br.ts b/frontend/src/lang/modules/pt-br.ts
index 7c0813b6380d..bf38a031bc0f 100644
--- a/frontend/src/lang/modules/pt-br.ts
+++ b/frontend/src/lang/modules/pt-br.ts
@@ -2345,11 +2345,15 @@ const message = {
         modifierHelper:
             'Exemplo: "=" é correspondência exata, "~" é correspondência regular, "^~" corresponde ao início do caminho, etc.',
         replace: 'Substituições de texto',
+        replaceHelper:
+            'O recurso de substituição de texto do nginx permite a substituição de strings no conteúdo da resposta durante o proxy reverso. É comumente usado para modificar links, endereços de API, etc., em arquivos HTML, CSS, JavaScript e outros retornados pelo backend. Suporta correspondência de expressão regular para necessidades complexas de substituição de conteúdo.',
         addReplace: 'Adicionar',
         replaced: 'String de busca (não pode estar vazia)',
         replaceText: 'Substituir por string',
         replacedErr: 'A string de busca não pode estar vazia',
         replacedErr2: 'A string de busca não pode ser repetida',
+        replacedListEmpty: 'Nenhuma regra de substituição de texto',
+        proxySslName: 'Nome SNI do Proxy',
         basicAuth: 'Autenticação básica',
         editBasicAuthHelper:
             'A senha é criptografada de forma assimétrica e não pode ser exibida. A edição requer a redefinição da senha',
diff --git a/frontend/src/lang/modules/ru.ts b/frontend/src/lang/modules/ru.ts
index 6bff763be7c2..9043d767ef59 100644
--- a/frontend/src/lang/modules/ru.ts
+++ b/frontend/src/lang/modules/ru.ts
@@ -2343,11 +2343,15 @@ const message = {
         modifier: 'Правила сопоставления',
         modifierHelper: 'Пример: "=" точное совпадение, "~" регулярное совпадение, "^~" совпадение начала пути и т.д.',
         replace: 'Замены текста',
+        replaceHelper:
+            'Функция замены текста в nginx позволяет заменять строки в содержимом ответа при обратном проксировании. Она обычно используется для изменения ссылок, адресов API и т.д. в файлах HTML, CSS, JavaScript и других, возвращаемых бэкендом. Поддерживает сопоставление с регулярными выражениями для сложных потребностей в замене содержимого.',
         addReplace: 'Добавить',
         replaced: 'Искомая строка (не может быть пустой)',
         replaceText: 'Заменить на строку',
         replacedErr: 'Искомая строка не может быть пустой',
         replacedErr2: 'Искомая строка не может повторяться',
+        replacedListEmpty: 'Нет правил замены текста',
+        proxySslName: 'Имя прокси SNI',
         basicAuth: 'Базовая аутентификация',
         editBasicAuthHelper:
             'Пароль асимметрично зашифрован и не может быть показан. При редактировании нужно сбросить пароль',
diff --git a/frontend/src/lang/modules/tr.ts b/frontend/src/lang/modules/tr.ts
index fd4c37befa5f..207e52b8bb0a 100644
--- a/frontend/src/lang/modules/tr.ts
+++ b/frontend/src/lang/modules/tr.ts
@@ -2407,11 +2407,15 @@ const message = {
         modifier: 'Eşleştirme kuralları',
         modifierHelper: 'Örnek: "=" tam eşleşme, "~" düzenli eşleşme, "^~" yolun başlangıcıyla eşleşme vb.',
         replace: 'Metin değiştirmeleri',
+        replaceHelper:
+            'Nginx metin değiştirme özelliği, ters proxy sırasında yanıt içeriğindeki dizelerin değiştirilmesine olanak tanır. Genellikle arka uç tarafından döndürülen HTML, CSS, JavaScript ve diğer dosyalardaki bağlantıları, API adreslerini vb. değiştirmek için kullanılır. Karmaşık içerik değiştirme ihtiyaçları için normal ifade eşleştirmeyi destekler.',
         addReplace: 'Ekle',
         replaced: 'Arama Dizisi (boş olamaz)',
         replaceText: 'Şununla değiştir',
         replacedErr: 'Arama Dizisi boş olamaz',
         replacedErr2: 'Arama Dizisi tekrarlanamaz',
+        replacedListEmpty: 'Metin değiştirme kuralı yok',
+        proxySslName: 'Proxy SNI Adı',
         basicAuth: 'Temel kimlik doğrulama',
         editBasicAuthHelper:
             'Şifre asimetrik olarak şifrelenir ve geri alınamaz. Düzenleme, şifrenin sıfırlanmasını gerektirir',
diff --git a/frontend/src/lang/modules/zh-Hant.ts b/frontend/src/lang/modules/zh-Hant.ts
index 047ee7bebaed..31c72b0f7a05 100644
--- a/frontend/src/lang/modules/zh-Hant.ts
+++ b/frontend/src/lang/modules/zh-Hant.ts
@@ -2221,11 +2221,15 @@ const message = {
         modifier: '匹配規則',
         modifierHelper: '例：= 精確匹配，~ 正則匹配，^~ 匹配路徑開頭 等',
         replace: '文本替換',
+        replaceHelper:
+            'nginx文本替換功能可以在反向代理時對響應內容進行字符串替換。常用於修改代理後端返回的HTML、CSS、JavaScript等文件中的鏈接地址、API接口地址等。支持正則表達式匹配，可實現複雜的內容替換需求。',
         addReplace: '添加文本替換',
         replaced: '搜索字符串（不能為空）',
         replaceText: '替換為字符串',
         replacedErr: '搜索字符串不能為空',
         replacedErr2: '搜索字符串不能重復',
+        replacedListEmpty: '無文本替換規則',
+        proxySslName: '代理 SNI 名稱',
         basicAuth: '密碼訪問',
         editBasicAuthHelper: '密碼為非對稱加密，無法回顯，編輯需要重新設置密碼',
         antiLeech: '防盜鏈',
diff --git a/frontend/src/lang/modules/zh.ts b/frontend/src/lang/modules/zh.ts
index fb6e6feda3d2..3b333de88d90 100644
--- a/frontend/src/lang/modules/zh.ts
+++ b/frontend/src/lang/modules/zh.ts
@@ -2092,6 +2092,11 @@ const message = {
         null: '无',
         nginxConfig: 'Nginx配置',
         websiteConfig: '网站设置',
+        proxySettings: '代理设置',
+        advancedSettings: '高级设置',
+        cacheSettings: '缓存设置',
+        sniSettings: 'SNI 设置',
+        proxyTarget: '代理目标',
         basic: '基本',
         source: '配置文件',
         security: '安全',
@@ -2211,11 +2216,15 @@ const message = {
         modifier: '匹配规则',
         modifierHelper: '例：= 精确匹配，~ 正则匹配，^~ 匹配路径开头 等',
         replace: '文本替换',
+        replaceHelper:
+            'nginx文本替换功能可以在反向代理时对响应内容进行字符串替换。常用于修改代理后端返回的HTML、CSS、JavaScript等文件中的链接地址、API接口地址等。支持正则表达式匹配，可实现复杂的内容替换需求。',
         addReplace: '添加文本替换',
         replaced: '搜索字符串（不能为空）',
         replaceText: '替换为字符串',
         replacedErr: '搜索字符串不能为空',
         replacedErr2: '搜索字符串不能重复',
+        replacedListEmpty: '无文本替换规则',
+        proxySslName: '代理 SNI 名称',
         basicAuth: '密码访问',
         editBasicAuthHelper: '密码为非对称加密，无法回显，编辑需要重新设置密码',
         antiLeech: '防盗链',

From ee2d34d1e5eba436f77ea51455e6370d60f194c7 Mon Sep 17 00:00:00 2001
From: HynoR <20227709+HynoR@users.noreply.github.com>
Date: Thu, 21 Aug 2025 18:41:41 +0800
Subject: [PATCH 3/6] fix: reset modified data

---
 .../website/website/config/basic/proxy/create/index.vue     | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/views/website/website/config/basic/proxy/create/index.vue b/frontend/src/views/website/website/config/basic/proxy/create/index.vue
index 7fea6109a114..ab4db2d57150 100644
--- a/frontend/src/views/website/website/config/basic/proxy/create/index.vue
+++ b/frontend/src/views/website/website/config/basic/proxy/create/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="open" :header="$t('commons.button.' + proxy.operate)" @close="handleClose" size="large">
+    <DrawerPro v-model="open" :header="$t('commons.button.' + proxy.operate)" @close="handleClose" size="normal">
         <el-form ref="proxyForm" label-position="top" :model="proxy" :rules="rules" v-loading="loading">
             <el-tabs v-model="activeTab" type="border-card">
                 <el-tab-pane :label="$t('website.proxySettings')" name="basic">
@@ -234,8 +234,8 @@ const initData = (): Website.ProxyConfig => ({
     operate: 'create',
     enable: true,
     cache: false,
-    cacheTime: 4,
-    cacheUnit: 'h',
+    cacheTime: 1,
+    cacheUnit: 'm',
     name: '',
     modifier: '^~',
     match: '/',

From df43c42fd20c56300e4448a7eb771bf810c7d34c Mon Sep 17 00:00:00 2001
From: HynoR <20227709+HynoR@users.noreply.github.com>
Date: Thu, 21 Aug 2025 21:08:45 +0800
Subject: [PATCH 4/6] fix: Optimize proxy settings interface, remove
 unnecessary options and adjust SNI settings display logic

---
 .../config/basic/proxy/create/index.vue       | 37 ++++++++++---------
 1 file changed, 19 insertions(+), 18 deletions(-)

diff --git a/frontend/src/views/website/website/config/basic/proxy/create/index.vue b/frontend/src/views/website/website/config/basic/proxy/create/index.vue
index ab4db2d57150..e7a459a8eda8 100644
--- a/frontend/src/views/website/website/config/basic/proxy/create/index.vue
+++ b/frontend/src/views/website/website/config/basic/proxy/create/index.vue
@@ -38,7 +38,6 @@
                                         <el-select v-model="proxy.proxyProtocol" style="width: 100px">
                                             <el-option label="http" value="http://" />
                                             <el-option label="https" value="https://" />
-                                            <el-option :label="$t('website.other')" value="" />
                                         </el-select>
                                     </template>
                                 </el-input>
@@ -59,27 +58,29 @@
                         </el-col>
                     </el-row>
 
-                    <el-divider content-position="left">{{ $t('website.sniSettings') }}</el-divider>
+                    <template v-if="proxy.proxyProtocol === 'https://'">
+                        <el-divider content-position="left">{{ $t('website.sniSettings') }}</el-divider>
 
-                    <div class="switch-item">
-                        <div class="switch-label">
-                            <span>{{ $t('website.sni') }}</span>
-                            <div class="form-tip">
-                                <el-icon><QuestionFilled /></el-icon>
-                                <span>{{ $t('website.sniHelper') }}</span>
+                        <div class="switch-item">
+                            <div class="switch-label">
+                                <span>{{ $t('website.sni') }}</span>
+                                <div class="form-tip">
+                                    <el-icon><QuestionFilled /></el-icon>
+                                    <span>{{ $t('website.sniHelper') }}</span>
+                                </div>
                             </div>
+                            <el-switch v-model="proxy.sni" size="large" />
                         </div>
-                        <el-switch v-model="proxy.sni" size="large" />
-                    </div>
 
-                    <el-form-item
-                        :label="$t('website.proxySslName')"
-                        prop="proxySSLName"
-                        v-if="proxy.sni"
-                        style="margin-top: 16px"
-                    >
-                        <el-input v-model.trim="proxy.proxySSLName" />
-                    </el-form-item>
+                        <el-form-item
+                            :label="$t('website.proxySslName')"
+                            prop="proxySSLName"
+                            v-if="proxy.sni"
+                            style="margin-top: 16px"
+                        >
+                            <el-input v-model.trim="proxy.proxySSLName" />
+                        </el-form-item>
+                    </template>
                 </el-tab-pane>
 
                 <el-tab-pane :label="$t('website.advancedSettings')" name="advanced">

From 9a14db8d2c635458ba75d9a1f1c4c5c8f6ac98cc Mon Sep 17 00:00:00 2001
From: HynoR <20227709+HynoR@users.noreply.github.com>
Date: Fri, 22 Aug 2025 15:29:52 +0800
Subject: [PATCH 5/6] fix: Optimize proxy settings interface, replace custom
 style tag to tailwind.css class

---
 .../config/basic/proxy/create/index.vue       | 120 +++++-------------
 1 file changed, 30 insertions(+), 90 deletions(-)

diff --git a/frontend/src/views/website/website/config/basic/proxy/create/index.vue b/frontend/src/views/website/website/config/basic/proxy/create/index.vue
index e7a459a8eda8..018b28c5a892 100644
--- a/frontend/src/views/website/website/config/basic/proxy/create/index.vue
+++ b/frontend/src/views/website/website/config/basic/proxy/create/index.vue
@@ -13,8 +13,8 @@
                         <el-col :span="12">
                             <el-form-item :label="$t('website.modifier')" prop="modifier">
                                 <el-input v-model.trim="proxy.modifier" />
-                                <div class="form-tip">
-                                    <el-icon><QuestionFilled /></el-icon>
+                                <div class="flex items-center gap-1 mt-1 text-xs">
+                                    <el-icon class="text-sm"><QuestionFilled /></el-icon>
                                     <span>{{ $t('website.modifierHelper') }}</span>
                                 </div>
                             </el-form-item>
@@ -35,14 +35,14 @@
                                     @blur="getProxyHost"
                                 >
                                     <template #prepend>
-                                        <el-select v-model="proxy.proxyProtocol" style="width: 100px">
+                                        <el-select v-model="proxy.proxyProtocol" class="!w-24">
                                             <el-option label="http" value="http://" />
                                             <el-option label="https" value="https://" />
                                         </el-select>
                                     </template>
                                 </el-input>
-                                <div class="form-tip">
-                                    <el-icon><QuestionFilled /></el-icon>
+                                <div class="flex items-center gap-1 mt-1 text-xs">
+                                    <el-icon class="text-sm"><QuestionFilled /></el-icon>
                                     <span>{{ $t('website.proxyPassHelper') }}</span>
                                 </div>
                             </el-form-item>
@@ -50,8 +50,8 @@
                         <el-col :span="12">
                             <el-form-item :label="$t('website.proxyHost')" prop="proxyHost">
                                 <el-input v-model.trim="proxy.proxyHost" />
-                                <div class="form-tip">
-                                    <el-icon><QuestionFilled /></el-icon>
+                                <div class="flex items-center gap-1 mt-1 text-xs">
+                                    <el-icon class="text-sm"><QuestionFilled /></el-icon>
                                     <span>{{ $t('website.proxyHostHelper') }}</span>
                                 </div>
                             </el-form-item>
@@ -61,11 +61,11 @@
                     <template v-if="proxy.proxyProtocol === 'https://'">
                         <el-divider content-position="left">{{ $t('website.sniSettings') }}</el-divider>
 
-                        <div class="switch-item">
-                            <div class="switch-label">
-                                <span>{{ $t('website.sni') }}</span>
-                                <div class="form-tip">
-                                    <el-icon><QuestionFilled /></el-icon>
+                        <div class="flex justify-between items-center py-3">
+                            <div class="flex flex-col gap-1">
+                                <span class="font-medium">{{ $t('website.sni') }}</span>
+                                <div class="flex items-center gap-1 mt-1 text-xs">
+                                    <el-icon class="text-sm"><QuestionFilled /></el-icon>
                                     <span>{{ $t('website.sniHelper') }}</span>
                                 </div>
                             </div>
@@ -76,7 +76,7 @@
                             :label="$t('website.proxySslName')"
                             prop="proxySSLName"
                             v-if="proxy.sni"
-                            style="margin-top: 16px"
+                            class="mt-4"
                         >
                             <el-input v-model.trim="proxy.proxySSLName" />
                         </el-form-item>
@@ -86,21 +86,21 @@
                 <el-tab-pane :label="$t('website.advancedSettings')" name="advanced">
                     <el-divider content-position="left">{{ $t('website.cacheSettings') }}</el-divider>
 
-                    <div class="switch-item">
-                        <div class="switch-label">
-                            <span>{{ $t('website.enableCache') }}</span>
+                    <div class="flex justify-between items-center py-3">
+                        <div class="flex flex-col gap-1">
+                            <span class="font-medium">{{ $t('website.enableCache') }}</span>
                         </div>
                         <el-switch v-model="proxy.cache" @change="changeCache(proxy.cache)" size="large" />
                     </div>
 
                     <el-collapse-transition>
-                        <div v-if="proxy.cache" style="margin-top: 16px">
+                        <div v-if="proxy.cache" class="mt-4">
                             <el-row :gutter="16">
                                 <el-col :span="12">
                                     <el-form-item :label="$t('website.browserCacheTime')" prop="cacheTime">
                                         <el-input v-model.number="proxy.cacheTime" maxlength="15">
                                             <template #append>
-                                                <el-select v-model="proxy.cacheUnit" style="width: 80px">
+                                                <el-select v-model="proxy.cacheUnit" class="!w-24">
                                                     <el-option
                                                         v-for="(unit, index) in Units"
                                                         :key="index"
@@ -110,8 +110,8 @@
                                                 </el-select>
                                             </template>
                                         </el-input>
-                                        <div class="form-tip">
-                                            <el-icon><QuestionFilled /></el-icon>
+                                        <div class="flex items-center gap-1 mt-1 text-xs">
+                                            <el-icon class="text-sm"><QuestionFilled /></el-icon>
                                             <span>{{ $t('website.browserCacheTimeHelper') }}</span>
                                         </div>
                                     </el-form-item>
@@ -120,7 +120,7 @@
                                     <el-form-item :label="$t('website.serverCacheTime')" prop="serverCacheTime">
                                         <el-input v-model.number="proxy.serverCacheTime" maxlength="15">
                                             <template #append>
-                                                <el-select v-model="proxy.serverCacheUnit" style="width: 80px">
+                                                <el-select v-model="proxy.serverCacheUnit" class="!w-24">
                                                     <el-option
                                                         v-for="(unit, index) in Units"
                                                         :key="index"
@@ -130,8 +130,8 @@
                                                 </el-select>
                                             </template>
                                         </el-input>
-                                        <div class="form-tip">
-                                            <el-icon><QuestionFilled /></el-icon>
+                                        <div class="flex items-center gap-1 mt-1 text-xs">
+                                            <el-icon class="text-sm"><QuestionFilled /></el-icon>
                                             <span>{{ $t('website.serverCacheTimeHelper') }}</span>
                                         </div>
                                     </el-form-item>
@@ -147,9 +147,9 @@
                             <el-empty :image-size="60" :description="$t('website.replacedListEmpty')" />
                         </div>
                         <div v-else class="replace-list">
-                            <div v-for="(replace, index) in replaces" :key="index" class="replace-item">
-                                <div class="replace-item-header">
-                                    <span class="replace-index">Rule {{ index + 1 }}</span>
+                            <div v-for="(replace, index) in replaces" :key="index" class="mb-3">
+                                <div class="flex justify-between items-center mb-3">
+                                    <span class="text-sm font-medium">Rule {{ index + 1 }}</span>
                                     <el-button @click="removeReplace(index)" type="danger" link size="small">
                                         <el-icon><Delete /></el-icon>
                                         {{ $t('commons.button.delete') }}
@@ -165,10 +165,7 @@
                                             <template #prepend>Search</template>
                                         </el-input>
                                     </el-col>
-                                    <el-col
-                                        :span="2"
-                                        style="display: flex; align-items: center; justify-content: center"
-                                    >
+                                    <el-col :span="2" class="flex items-center justify-center">
                                         <el-icon size="16"><ArrowRight /></el-icon>
                                     </el-col>
                                     <el-col :span="11">
@@ -183,13 +180,13 @@
                                 </el-row>
                             </div>
                         </div>
-                        <div style="text-align: center; margin-top: 16px">
+                        <div class="text-center mt-4">
                             <el-button type="primary" @click="addReplaces" :icon="Plus">
                                 {{ $t('website.addReplace') }}
                             </el-button>
                         </div>
-                        <div class="form-tip">
-                            <el-icon><QuestionFilled /></el-icon>
+                        <div class="flex items-center gap-1 mt-1 text-xs">
+                            <el-icon class="text-sm"><QuestionFilled /></el-icon>
                             <span>{{ $t('website.replaceHelper') }}</span>
                         </div>
                     </div>
@@ -364,60 +361,3 @@ defineExpose({
     acceptParams,
 });
 </script>
-
-<style lang="scss" scoped>
-.form-tip {
-    display: flex;
-    align-items: center;
-    gap: 4px;
-    margin-top: 4px;
-    font-size: 12px;
-
-    .el-icon {
-        font-size: 14px;
-    }
-}
-
-.switch-item {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: 12px 0;
-
-    .switch-label {
-        display: flex;
-        flex-direction: column;
-        gap: 4px;
-
-        > span {
-            font-weight: 500;
-        }
-    }
-}
-
-.replace-section {
-    .replace-list {
-        .replace-item {
-            margin-bottom: 12px;
-
-            .replace-item-header {
-                display: flex;
-                justify-content: space-between;
-                align-items: center;
-                margin-bottom: 12px;
-
-                .replace-index {
-                    font-size: 14px;
-                    font-weight: 500;
-                }
-            }
-
-            :deep(.el-input-group__prepend) {
-                font-weight: 500;
-                min-width: 60px;
-                text-align: center;
-            }
-        }
-    }
-}
-</style>

From 0d782e80baf6613f6e351b97bd7e66eb49b7080b Mon Sep 17 00:00:00 2001
From: HynoR <20227709+HynoR@users.noreply.github.com>
Date: Fri, 22 Aug 2025 15:42:02 +0800
Subject: [PATCH 6/6] fix: Update i18n text

---
 frontend/src/lang/modules/en.ts      | 4 ++++
 frontend/src/lang/modules/ja.ts      | 4 ++++
 frontend/src/lang/modules/ko.ts      | 4 ++++
 frontend/src/lang/modules/ms.ts      | 4 ++++
 frontend/src/lang/modules/pt-br.ts   | 4 ++++
 frontend/src/lang/modules/ru.ts      | 4 ++++
 frontend/src/lang/modules/tr.ts      | 4 ++++
 frontend/src/lang/modules/zh-Hant.ts | 4 ++++
 frontend/src/lang/modules/zh.ts      | 1 -
 9 files changed, 32 insertions(+), 1 deletion(-)

diff --git a/frontend/src/lang/modules/en.ts b/frontend/src/lang/modules/en.ts
index 908d9a8ac7f9..c4260f8fb8ce 100644
--- a/frontend/src/lang/modules/en.ts
+++ b/frontend/src/lang/modules/en.ts
@@ -2252,6 +2252,10 @@ const message = {
         null: 'none',
         nginxConfig: 'Nginx configuration',
         websiteConfig: 'Website settings',
+        proxySettings: 'Proxy Settings',
+        advancedSettings: 'Advanced Settings',
+        cacheSettings: 'Cache Settings',
+        sniSettings: 'SNI Settings',
         basic: 'Basic',
         source: 'Configuration',
         security: 'Security',
diff --git a/frontend/src/lang/modules/ja.ts b/frontend/src/lang/modules/ja.ts
index 616383c1c4f0..a0be4c442308 100644
--- a/frontend/src/lang/modules/ja.ts
+++ b/frontend/src/lang/modules/ja.ts
@@ -2167,6 +2167,10 @@ const message = {
         null: 'なし',
         nginxConfig: 'nginx構成',
         websiteConfig: 'ウェブサイトの設定',
+        proxySettings: 'プロキシ設定',
+        advancedSettings: '詳細設定',
+        cacheSettings: 'キャッシュ設定',
+        sniSettings: 'SNI設定',
         basic: '基本',
         source: '構成',
         security: '安全',
diff --git a/frontend/src/lang/modules/ko.ts b/frontend/src/lang/modules/ko.ts
index 70af09eb0172..60d5f0f2a307 100644
--- a/frontend/src/lang/modules/ko.ts
+++ b/frontend/src/lang/modules/ko.ts
@@ -2129,6 +2129,10 @@ const message = {
         null: '없음',
         nginxConfig: 'Nginx 설정',
         websiteConfig: '웹사이트 설정',
+        proxySettings: '프록시 설정',
+        advancedSettings: '고급 설정',
+        cacheSettings: '캐시 설정',
+        sniSettings: 'SNI 설정',
         basic: '기본',
         source: '구성',
         security: '보안',
diff --git a/frontend/src/lang/modules/ms.ts b/frontend/src/lang/modules/ms.ts
index d9c161af248a..2d31c3a23476 100644
--- a/frontend/src/lang/modules/ms.ts
+++ b/frontend/src/lang/modules/ms.ts
@@ -2221,6 +2221,10 @@ const message = {
         null: 'tiada',
         nginxConfig: 'Konfigurasi Nginx',
         websiteConfig: 'Tetapan Laman Web',
+        proxySettings: 'Tetapan Proksi',
+        advancedSettings: 'Tetapan Lanjutan',
+        cacheSettings: 'Tetapan Cache',
+        sniSettings: 'Tetapan SNI',
         basic: 'Asas',
         source: 'Konfigurasi',
         security: 'Keselamatan',
diff --git a/frontend/src/lang/modules/pt-br.ts b/frontend/src/lang/modules/pt-br.ts
index bf38a031bc0f..de6c16298400 100644
--- a/frontend/src/lang/modules/pt-br.ts
+++ b/frontend/src/lang/modules/pt-br.ts
@@ -2218,6 +2218,10 @@ const message = {
         null: 'nenhum',
         nginxConfig: 'Configuração Nginx',
         websiteConfig: 'Configurações do site',
+        proxySettings: 'Configurações de Proxy',
+        advancedSettings: 'Configurações Avançadas',
+        cacheSettings: 'Configurações de Cache',
+        sniSettings: 'Configurações de SNI',
         basic: 'Básico',
         source: 'Configuração',
         security: 'Segurança',
diff --git a/frontend/src/lang/modules/ru.ts b/frontend/src/lang/modules/ru.ts
index 9043d767ef59..21c038fee092 100644
--- a/frontend/src/lang/modules/ru.ts
+++ b/frontend/src/lang/modules/ru.ts
@@ -2214,6 +2214,10 @@ const message = {
         null: 'нет',
         nginxConfig: 'Конфигурация Nginx',
         websiteConfig: 'Настройки веб-сайта',
+        proxySettings: 'Proxy Ayarları',
+        advancedSettings: 'Gelişmiş Ayarlar',
+        cacheSettings: 'Önbellek Ayarları',
+        sniSettings: 'SNI Ayarları',
         basic: 'Основные',
         source: 'Конфигурация',
         security: 'Безопасность',
diff --git a/frontend/src/lang/modules/tr.ts b/frontend/src/lang/modules/tr.ts
index 207e52b8bb0a..02a3a9eace10 100644
--- a/frontend/src/lang/modules/tr.ts
+++ b/frontend/src/lang/modules/tr.ts
@@ -2279,6 +2279,10 @@ const message = {
         null: 'hiçbiri',
         nginxConfig: 'Nginx yapılandırması',
         websiteConfig: 'Web sitesi ayarları',
+        proxySettings: 'Proxy Ayarları',
+        advancedSettings: 'Gelişmiş Ayarlar',
+        cacheSettings: 'Önbellek Ayarları',
+        sniSettings: 'SNI Ayarları',
         basic: 'Temel',
         source: 'Yapılandırma',
         security: 'Güvenlik',
diff --git a/frontend/src/lang/modules/zh-Hant.ts b/frontend/src/lang/modules/zh-Hant.ts
index 31c72b0f7a05..610aa1f43fe4 100644
--- a/frontend/src/lang/modules/zh-Hant.ts
+++ b/frontend/src/lang/modules/zh-Hant.ts
@@ -2102,6 +2102,10 @@ const message = {
         null: '無',
         nginxConfig: 'Nginx配置',
         websiteConfig: '網站設置',
+        proxySettings: '代理設定',
+        advancedSettings: '進階設定',
+        cacheSettings: '快取設定',
+        sniSettings: 'SNI 設定',
         basic: '基本',
         source: '配置文件',
         security: '安全',
diff --git a/frontend/src/lang/modules/zh.ts b/frontend/src/lang/modules/zh.ts
index 3b333de88d90..183bf1ef992f 100644
--- a/frontend/src/lang/modules/zh.ts
+++ b/frontend/src/lang/modules/zh.ts
@@ -2096,7 +2096,6 @@ const message = {
         advancedSettings: '高级设置',
         cacheSettings: '缓存设置',
         sniSettings: 'SNI 设置',
-        proxyTarget: '代理目标',
         basic: '基本',
         source: '配置文件',
         security: '安全',