From 2a4b9f4e5b5cded75eea5907fa761b8a9add9402 Mon Sep 17 00:00:00 2001
From: StarHeart <starheart233@gmail.com>
Date: Sun, 29 Mar 2026 18:54:56 +0800
Subject: [PATCH] feat: support user agent config per sub (#1712)

* feat: add user agent support in profile configuration

* Introduced a new user agent field in profile settings, allowing users to specify a custom user agent.
* Updated relevant components and localization files to support the new user agent feature.
* Added a new pnpm workspace configuration for built dependencies.

* feat: enhance profile settings with user agent input and toggle functionality

* Added a user agent input field to the advanced profile settings.
* Implemented toggle icons for showing/hiding advanced settings.
* Updated layout to accommodate the new user agent input alongside the existing auth token field.

* chore: remove pnpm workspace configuration for built dependencies
---
 src/main/config/profile.ts                    |  3 +-
 .../components/profiles/edit-info-modal.tsx   | 11 +++++
 src/renderer/src/locales/en-US.json           |  2 +
 src/renderer/src/locales/fa-IR.json           |  2 +
 src/renderer/src/locales/ru-RU.json           |  2 +
 src/renderer/src/locales/zh-CN.json           |  2 +
 src/renderer/src/locales/zh-TW.json           |  2 +
 src/renderer/src/pages/profiles.tsx           | 42 +++++++++++++------
 src/shared/types.d.ts                         |  1 +
 9 files changed, 53 insertions(+), 14 deletions(-)

diff --git a/src/main/config/profile.ts b/src/main/config/profile.ts
index fd91204..48b4339 100644
--- a/src/main/config/profile.ts
+++ b/src/main/config/profile.ts
@@ -248,6 +248,7 @@ export async function createProfile(item: Partial<IProfileItem>): Promise<IProfi
     allowFixedInterval: item.allowFixedInterval || false,
     autoUpdate: item.autoUpdate ?? false,
     authToken: item.authToken,
+    userAgent: item.userAgent,
     updated: new Date().getTime(),
     updateTimeout: item.updateTimeout || 5
   }
@@ -268,7 +269,7 @@ export async function createProfile(item: Partial<IProfileItem>): Promise<IProfi
   const baseOptions: Omit<FetchOptions, 'useProxy' | 'timeout'> = {
     url: item.url,
     mixedPort,
-    userAgent: userAgent || `mihomo.party/v${app.getVersion()} (clash.meta)`,
+    userAgent: item.userAgent || userAgent || `mihomo.party/v${app.getVersion()} (clash.meta)`,
     authToken: item.authToken,
     substore: newItem.substore || false
   }
diff --git a/src/renderer/src/components/profiles/edit-info-modal.tsx b/src/renderer/src/components/profiles/edit-info-modal.tsx
index e0d3082..c56084b 100644
--- a/src/renderer/src/components/profiles/edit-info-modal.tsx
+++ b/src/renderer/src/components/profiles/edit-info-modal.tsx
@@ -108,6 +108,17 @@ const EditInfoModal: React.FC<Props> = (props) => {
                   placeholder={t('profiles.editInfo.authTokenPlaceholder')}
                 />
               </SettingItem>
+              <SettingItem title={t('profiles.editInfo.userAgent')}>
+                <Input
+                  size="sm"
+                  className={cn(inputWidth)}
+                  value={values.userAgent || ''}
+                  onValueChange={(v) => {
+                    setValues({ ...values, userAgent: v || undefined })
+                  }}
+                  placeholder={t('profiles.editInfo.userAgentPlaceholder')}
+                />
+              </SettingItem>
               <SettingItem title={t('profiles.editInfo.useProxy')}>
                 <Switch
                   size="sm"
diff --git a/src/renderer/src/locales/en-US.json b/src/renderer/src/locales/en-US.json
index 712acd5..4cb0080 100644
--- a/src/renderer/src/locales/en-US.json
+++ b/src/renderer/src/locales/en-US.json
@@ -496,6 +496,8 @@
   "profiles.editInfo.url": "Subscription URL",
   "profiles.editInfo.authToken": "Authorization Token",
   "profiles.editInfo.authTokenPlaceholder": "Bearer token or other auth header value",
+  "profiles.editInfo.userAgent": "User Agent",
+  "profiles.editInfo.userAgentPlaceholder": "Leave empty to use global User Agent",
   "profiles.editInfo.useProxy": "Use Proxy to Update",
   "profiles.editInfo.interval": "Upd. Interval",
   "profiles.editInfo.intervalPlaceholder": "e.g.: 30 or '0 * * * *'",
diff --git a/src/renderer/src/locales/fa-IR.json b/src/renderer/src/locales/fa-IR.json
index 7e4aaac..14a8827 100644
--- a/src/renderer/src/locales/fa-IR.json
+++ b/src/renderer/src/locales/fa-IR.json
@@ -471,6 +471,8 @@
   "profiles.editInfo.title": "ویرایش اطلاعات",
   "profiles.editInfo.name": "نام",
   "profiles.editInfo.url": "آدرس اشتراک",
+  "profiles.editInfo.userAgent": "User Agent",
+  "profiles.editInfo.userAgentPlaceholder": "برای استفاده از User Agent جهانی خالی بگذارید",
   "profiles.editInfo.useProxy": "استفاده از پراکسی برای به‌روزرسانی",
   "profiles.editInfo.interval": "فاصله به‌روزرسانی",
   "profiles.editInfo.fixedInterval": "فاصله به‌روزرسانی ثابت",
diff --git a/src/renderer/src/locales/ru-RU.json b/src/renderer/src/locales/ru-RU.json
index 239ce0b..4faf5e0 100644
--- a/src/renderer/src/locales/ru-RU.json
+++ b/src/renderer/src/locales/ru-RU.json
@@ -473,6 +473,8 @@
   "profiles.editInfo.title": "Редактировать информацию",
   "profiles.editInfo.name": "Имя",
   "profiles.editInfo.url": "URL подписки",
+  "profiles.editInfo.userAgent": "User Agent",
+  "profiles.editInfo.userAgentPlaceholder": "Оставьте пустым для глобального User Agent",
   "profiles.editInfo.useProxy": "Использовать прокси для обновления",
   "profiles.editInfo.interval": "Интервал обн.",
   "profiles.editInfo.fixedInterval": "Фиксированный интервал обновления",
diff --git a/src/renderer/src/locales/zh-CN.json b/src/renderer/src/locales/zh-CN.json
index d6bafa4..06a976a 100644
--- a/src/renderer/src/locales/zh-CN.json
+++ b/src/renderer/src/locales/zh-CN.json
@@ -501,6 +501,8 @@
   "profiles.editInfo.url": "订阅地址",
   "profiles.editInfo.authToken": "授权令牌",
   "profiles.editInfo.authTokenPlaceholder": "Bearer token 或其他认证头值",
+  "profiles.editInfo.userAgent": "User Agent",
+  "profiles.editInfo.userAgentPlaceholder": "留空则使用全局 User Agent",
   "profiles.editInfo.useProxy": "使用代理更新",
   "profiles.editInfo.interval": "更新间隔",
   "profiles.editInfo.intervalPlaceholder": "例如：30 或 '0 * * * *'",
diff --git a/src/renderer/src/locales/zh-TW.json b/src/renderer/src/locales/zh-TW.json
index 8a49b9a..9a1f189 100644
--- a/src/renderer/src/locales/zh-TW.json
+++ b/src/renderer/src/locales/zh-TW.json
@@ -501,6 +501,8 @@
   "profiles.editInfo.url": "訂閱地址",
   "profiles.editInfo.authToken": "授權令牌",
   "profiles.editInfo.authTokenPlaceholder": "Bearer token 或其他認證頭值",
+  "profiles.editInfo.userAgent": "User Agent",
+  "profiles.editInfo.userAgentPlaceholder": "留空則使用全局 User Agent",
   "profiles.editInfo.useProxy": "使用代理更新",
   "profiles.editInfo.interval": "更新間隔",
   "profiles.editInfo.intervalPlaceholder": "例如：30 或 '0 * * * *'",
diff --git a/src/renderer/src/pages/profiles.tsx b/src/renderer/src/pages/profiles.tsx
index 97b1567..845aa94 100644
--- a/src/renderer/src/pages/profiles.tsx
+++ b/src/renderer/src/pages/profiles.tsx
@@ -18,7 +18,7 @@ import { useAppConfig } from '@renderer/hooks/use-app-config'
 import { getFilePath, readTextFile, subStoreCollections, subStoreSubs } from '@renderer/utils/ipc'
 import type { KeyboardEvent } from 'react'
 import { ReactNode, useCallback, useEffect, useMemo, useRef, useState } from 'react'
-import { MdContentPaste } from 'react-icons/md'
+import { MdContentPaste, MdUnfoldMore, MdUnfoldLess } from 'react-icons/md'
 import {
   DndContext,
   closestCenter,
@@ -53,6 +53,7 @@ const Profiles: React.FC = () => {
   const [sortedItems, setSortedItems] = useState(items)
   const [useProxy, setUseProxy] = useState(false)
   const [authToken, setAuthToken] = useState('')
+  const [userAgent, setUserAgent] = useState('')
   const [showAdvanced, setShowAdvanced] = useState(false)
   const [subStoreImporting, setSubStoreImporting] = useState(false)
   const [importing, setImporting] = useState(false)
@@ -135,10 +136,12 @@ const Profiles: React.FC = () => {
       type: 'remote',
       url,
       useProxy,
-      authToken: authToken || undefined
+      authToken: authToken || undefined,
+      userAgent: userAgent || undefined
     })
     setUrl('')
     setAuthToken('')
+    setUserAgent('')
     setImporting(false)
   }
   const pageRef = useRef<HTMLDivElement>(null)
@@ -300,7 +303,11 @@ const Profiles: React.FC = () => {
                 isIconOnly
                 onPress={() => setShowAdvanced(!showAdvanced)}
               >
-                🔑
+                {showAdvanced ? (
+                  <MdUnfoldLess className="text-lg" />
+                ) : (
+                  <MdUnfoldMore className="text-lg" />
+                )}
               </Button>
             </Tooltip>
             <Button
@@ -426,16 +433,25 @@ const Profiles: React.FC = () => {
             </Dropdown>
           </div>
           {showAdvanced && (
-            <Input
-              size="sm"
-              type="password"
-              placeholder={t('profiles.editInfo.authTokenPlaceholder')}
-              value={authToken}
-              onValueChange={setAuthToken}
-              onKeyUp={handleInputKeyUp}
-              className="w-full"
-              startContent={<span className="text-default-400 text-sm">🔑</span>}
-            />
+            <div className="flex gap-2">
+              <Input
+                size="sm"
+                type="password"
+                placeholder={t('profiles.editInfo.authTokenPlaceholder')}
+                value={authToken}
+                onValueChange={setAuthToken}
+                onKeyUp={handleInputKeyUp}
+                className="flex-1"
+              />
+              <Input
+                size="sm"
+                placeholder={t('profiles.editInfo.userAgentPlaceholder')}
+                value={userAgent}
+                onValueChange={setUserAgent}
+                onKeyUp={handleInputKeyUp}
+                className="flex-1"
+              />
+            </div>
           )}
         </div>
         <Divider />
diff --git a/src/shared/types.d.ts b/src/shared/types.d.ts
index 70733a6..7ab8ad6 100644
--- a/src/shared/types.d.ts
+++ b/src/shared/types.d.ts
@@ -519,6 +519,7 @@ interface IProfileItem {
   allowFixedInterval?: boolean
   autoUpdate?: boolean
   authToken?: string
+  userAgent?: string
   updateTimeout?: number
 }