From 5953e4f2cd30fdaf2e792243fd6ba0bf3526580e Mon Sep 17 00:00:00 2001
From: Mison <liangmingsen@qdama.cn>
Date: Tue, 24 Mar 2026 18:02:04 +0800
Subject: [PATCH 1/7] fix: add playground form identifiers

---
 web/src/components/playground/CustomRequestEditor.jsx | 4 ++++
 web/src/components/playground/ImageUrlInput.jsx       | 4 ++++
 web/src/components/playground/ParameterControl.jsx    | 3 +++
 web/src/components/playground/SettingsPanel.jsx       | 2 ++
 4 files changed, 13 insertions(+)

diff --git a/web/src/components/playground/CustomRequestEditor.jsx b/web/src/components/playground/CustomRequestEditor.jsx
index 68f0ae87195a..26ef66b26c9c 100644
--- a/web/src/components/playground/CustomRequestEditor.jsx
+++ b/web/src/components/playground/CustomRequestEditor.jsx
@@ -127,6 +127,8 @@ const CustomRequestEditor = ({
           </Typography.Text>
         </div>
         <Switch
+          id='playground-custom-request-mode'
+          name='custom_request_mode'
           checked={customRequestMode}
           onChange={handleModeToggle}
           checkedText={t('开')}
@@ -185,6 +187,8 @@ const CustomRequestEditor = ({
             </div>
 
             <TextArea
+              id='playground-custom-request-body'
+              name='custom_request_body'
               value={localValue}
               onChange={handleValueChange}
               placeholder='{"model": "gpt-4o", "messages": [...], ...}'
diff --git a/web/src/components/playground/ImageUrlInput.jsx b/web/src/components/playground/ImageUrlInput.jsx
index 28a287818a4f..a5a85150a33e 100644
--- a/web/src/components/playground/ImageUrlInput.jsx
+++ b/web/src/components/playground/ImageUrlInput.jsx
@@ -68,6 +68,8 @@ const ImageUrlInput = ({
         </div>
         <div className='flex items-center gap-2'>
           <Switch
+            id='playground-image-toggle'
+            name='image_enabled'
             checked={imageEnabled}
             onChange={onImageEnabledChange}
             checkedText={t('启用')}
@@ -114,6 +116,8 @@ const ImageUrlInput = ({
           <div key={index} className='flex items-center gap-2'>
             <div className='flex-1'>
               <Input
+                id={`playground-image-url-${index}`}
+                name={`image_url_${index}`}
                 placeholder={`https://example.com/image${index + 1}.jpg`}
                 value={url}
                 onChange={(value) => handleUpdateImageUrl(index, value)}
diff --git a/web/src/components/playground/ParameterControl.jsx b/web/src/components/playground/ParameterControl.jsx
index 82ab4b775991..6d75223edf73 100644
--- a/web/src/components/playground/ParameterControl.jsx
+++ b/web/src/components/playground/ParameterControl.jsx
@@ -248,7 +248,9 @@ const ParameterControl = ({
             disabled={disabled}
           />
         </div>
+<<<<<<< HEAD
         <InputNumber
+          id='playground-max-tokens'
           placeholder='MaxTokens'
           name='max_tokens'
           value={inputs.max_tokens}
@@ -285,6 +287,7 @@ const ParameterControl = ({
           />
         </div>
         <Input
+          id='playground-seed'
           placeholder={t('随机种子 (留空为随机)')}
           name='seed'
           autoComplete='new-password'
diff --git a/web/src/components/playground/SettingsPanel.jsx b/web/src/components/playground/SettingsPanel.jsx
index 3899e596fa6e..ddcdc6f68c45 100644
--- a/web/src/components/playground/SettingsPanel.jsx
+++ b/web/src/components/playground/SettingsPanel.jsx
@@ -215,6 +215,8 @@ const SettingsPanel = ({
               )}
             </div>
             <Switch
+              id='playground-stream-toggle'
+              name='stream'
               checked={inputs.stream}
               onChange={(checked) => onInputChange('stream', checked)}
               checkedText={t('开')}

From c560a92c4a0dbcd2f630cc86f52691a0ff5f6cfd Mon Sep 17 00:00:00 2001
From: Mison <liangmingsen@qdama.cn>
Date: Tue, 24 Mar 2026 18:21:40 +0800
Subject: [PATCH 2/7] fix: add webui form field identifiers

---
 web/src/components/auth/LoginForm.jsx         |  4 ++++
 web/src/components/auth/RegisterForm.jsx      |  6 +++++
 .../modals/RiskAcknowledgementModal.jsx       |  2 ++
 .../common/modals/SecureVerificationModal.jsx |  1 +
 web/src/components/common/ui/JSONEditor.jsx   |  9 +++++++
 .../common/ui/SelectableButtonGroup.jsx       |  1 +
 .../components/playground/MessageContent.jsx  |  1 +
 .../settings/ChannelSelectorModal.jsx         |  2 ++
 .../settings/CustomOAuthSetting.jsx           |  1 +
 web/src/components/settings/SystemSetting.jsx |  8 +++----
 .../personal/cards/AccountManagement.jsx      |  1 +
 .../personal/cards/NotificationSettings.jsx   | 10 ++++----
 .../personal/components/TwoFASetting.jsx      |  4 ++++
 .../table/channels/ChannelsActions.jsx        |  3 +++
 .../table/channels/modals/BatchTagModal.jsx   |  1 +
 .../modals/ChannelUpstreamUpdateModal.jsx     |  3 +++
 .../table/channels/modals/CodexOAuthModal.jsx |  1 +
 .../channels/modals/ColumnSelectorModal.jsx   |  2 ++
 .../channels/modals/EditChannelModal.jsx      |  2 ++
 .../channels/modals/ModelSelectModal.jsx      |  5 +++-
 .../table/channels/modals/ModelTestModal.jsx  |  2 ++
 .../channels/modals/OllamaModelModal.jsx      |  3 +++
 .../modals/ParamOverrideEditorModal.jsx       | 24 +++++++++++++++++++
 .../modals/SingleModelSelectModal.jsx         |  3 ++-
 .../mj-logs/modals/ColumnSelectorModal.jsx    |  2 ++
 .../modals/ColumnSelectorModal.jsx            |  2 ++
 .../modals/ConfirmationDialog.jsx             |  1 +
 .../modals/CreateDeploymentModal.jsx          | 15 ++++++++----
 .../modals/UpdateConfigModal.jsx              |  4 ++++
 .../modals/ViewLogsModal.jsx                  |  7 ++++--
 .../layout/header/SearchActions.jsx           |  4 +++-
 .../view/card/PricingCardView.jsx             |  1 +
 .../models/modals/MissingModelsModal.jsx      |  1 +
 .../models/modals/UpstreamConflictModal.jsx   |  3 +++
 .../task-logs/modals/ColumnSelectorModal.jsx  |  2 ++
 .../table/tokens/TokensColumnDefs.jsx         |  1 +
 .../table/tokens/modals/CCSwitchModal.jsx     |  2 ++
 .../usage-logs/modals/ColumnSelectorModal.jsx |  3 +++
 .../table/users/modals/EditUserModal.jsx      |  2 ++
 .../modals/UserBindingManagementModal.jsx     |  1 +
 web/src/components/topup/InvitationCard.jsx   |  1 +
 .../topup/modals/TopupHistoryModal.jsx        |  1 +
 .../components/topup/modals/TransferModal.jsx |  2 ++
 web/src/pages/Home/index.jsx                  |  1 +
 web/src/pages/Setting/Chat/SettingsChats.jsx  |  2 ++
 .../Setting/Dashboard/SettingsAPIInfo.jsx     |  2 +-
 .../Dashboard/SettingsAnnouncements.jsx       |  3 ++-
 .../pages/Setting/Dashboard/SettingsFAQ.jsx   |  2 +-
 .../Setting/Dashboard/SettingsUptimeKuma.jsx  |  2 +-
 .../Operation/SettingsChannelAffinity.jsx     |  1 +
 .../Setting/Operation/SettingsGeneral.jsx     |  1 +
 .../Operation/SettingsHeaderNavModules.jsx    |  2 ++
 .../Operation/SettingsSidebarModulesAdmin.jsx |  2 ++
 .../Payment/SettingsPaymentGatewayCreem.jsx   |  4 ++++
 .../Payment/SettingsPaymentGatewayWaffo.jsx   |  3 +++
 .../Performance/SettingsPerformance.jsx       |  2 ++
 .../pages/Setting/Ratio/UpstreamRatioSync.jsx |  3 +++
 .../Ratio/components/ModelPricingEditor.jsx   | 11 +++++++++
 58 files changed, 174 insertions(+), 21 deletions(-)

diff --git a/web/src/components/auth/LoginForm.jsx b/web/src/components/auth/LoginForm.jsx
index 7e8c0ce017f1..3e25f38ec7bf 100644
--- a/web/src/components/auth/LoginForm.jsx
+++ b/web/src/components/auth/LoginForm.jsx
@@ -663,6 +663,7 @@ const LoginForm = () => {
                   <Checkbox
                     checked={agreedToTerms}
                     onChange={(e) => setAgreedToTerms(e.target.checked)}
+                    name='components-auth-loginform-checkbox-1'
                   >
                     <Text size='small' className='text-gray-600'>
                       {t('我已阅读并同意')}
@@ -750,6 +751,7 @@ const LoginForm = () => {
                   label={t('用户名或邮箱')}
                   placeholder={t('请输入您的用户名或邮箱地址')}
                   name='username'
+                  autoComplete='username'
                   onChange={(value) => handleChange('username', value)}
                   prefix={<IconMail />}
                 />
@@ -760,6 +762,7 @@ const LoginForm = () => {
                   placeholder={t('请输入您的密码')}
                   name='password'
                   mode='password'
+                  autoComplete='current-password'
                   onChange={(value) => handleChange('password', value)}
                   prefix={<IconLock />}
                 />
@@ -769,6 +772,7 @@ const LoginForm = () => {
                     <Checkbox
                       checked={agreedToTerms}
                       onChange={(e) => setAgreedToTerms(e.target.checked)}
+                      name='components-auth-loginform-checkbox-2'
                     >
                       <Text size='small' className='text-gray-600'>
                         {t('我已阅读并同意')}
diff --git a/web/src/components/auth/RegisterForm.jsx b/web/src/components/auth/RegisterForm.jsx
index 0a755b194431..98175e6d582e 100644
--- a/web/src/components/auth/RegisterForm.jsx
+++ b/web/src/components/auth/RegisterForm.jsx
@@ -578,6 +578,7 @@ const RegisterForm = () => {
                   label={t('用户名')}
                   placeholder={t('请输入用户名')}
                   name='username'
+                  autoComplete='username'
                   onChange={(value) => handleChange('username', value)}
                   prefix={<IconUser />}
                 />
@@ -588,6 +589,7 @@ const RegisterForm = () => {
                   placeholder={t('输入密码，最短 8 位，最长 20 位')}
                   name='password'
                   mode='password'
+                  autoComplete='new-password'
                   onChange={(value) => handleChange('password', value)}
                   prefix={<IconLock />}
                 />
@@ -598,6 +600,7 @@ const RegisterForm = () => {
                   placeholder={t('确认密码')}
                   name='password2'
                   mode='password'
+                  autoComplete='new-password'
                   onChange={(value) => handleChange('password2', value)}
                   prefix={<IconLock />}
                 />
@@ -610,6 +613,7 @@ const RegisterForm = () => {
                       placeholder={t('输入邮箱地址')}
                       name='email'
                       type='email'
+                      autoComplete='email'
                       onChange={(value) => handleChange('email', value)}
                       prefix={<IconMail />}
                       suffix={
@@ -629,6 +633,7 @@ const RegisterForm = () => {
                       label={t('验证码')}
                       placeholder={t('输入验证码')}
                       name='verification_code'
+                      autoComplete='one-time-code'
                       onChange={(value) =>
                         handleChange('verification_code', value)
                       }
@@ -642,6 +647,7 @@ const RegisterForm = () => {
                     <Checkbox
                       checked={agreedToTerms}
                       onChange={(e) => setAgreedToTerms(e.target.checked)}
+                      name='components-auth-registerform-checkbox-1'
                     >
                       <Text size='small' className='text-gray-600'>
                         {t('我已阅读并同意')}
diff --git a/web/src/components/common/modals/RiskAcknowledgementModal.jsx b/web/src/components/common/modals/RiskAcknowledgementModal.jsx
index 54aa62eaaceb..4e1ec45ec4ca 100644
--- a/web/src/components/common/modals/RiskAcknowledgementModal.jsx
+++ b/web/src/components/common/modals/RiskAcknowledgementModal.jsx
@@ -169,6 +169,7 @@ const RiskAcknowledgementModal = React.memo(function RiskAcknowledgementModal({
                 onChange={(event) => {
                   handleChecklistChange(index, event.target.checked);
                 }}
+                name='components-common-modals-riskacknowledgementmodal-checkbox-1'
               >
                 {item}
               </Checkbox>
@@ -198,6 +199,7 @@ const RiskAcknowledgementModal = React.memo(function RiskAcknowledgementModal({
               onCut={(event) => event.preventDefault()}
               onPaste={(event) => event.preventDefault()}
               onDrop={(event) => event.preventDefault()}
+              name='components-common-modals-riskacknowledgementmodal-input-1'
             />
             {!typedMatched && typedText ? (
               <Text type='danger' size='small'>
diff --git a/web/src/components/common/modals/SecureVerificationModal.jsx b/web/src/components/common/modals/SecureVerificationModal.jsx
index 6c61c291d1d6..eac45661635c 100644
--- a/web/src/components/common/modals/SecureVerificationModal.jsx
+++ b/web/src/components/common/modals/SecureVerificationModal.jsx
@@ -191,6 +191,7 @@ const SecureVerificationModal = ({
                       </svg>
                     }
                     style={{ width: '100%' }}
+                    name='components-common-modals-secureverificationmodal-input-1'
                   />
                 </div>
 
diff --git a/web/src/components/common/ui/JSONEditor.jsx b/web/src/components/common/ui/JSONEditor.jsx
index 21530db3908e..db4c08e3a4cb 100644
--- a/web/src/components/common/ui/JSONEditor.jsx
+++ b/web/src/components/common/ui/JSONEditor.jsx
@@ -345,6 +345,7 @@ const JSONEditor = ({
           <Switch
             checked={value}
             onChange={(newValue) => updateValue(pairId, newValue)}
+            id='components-common-ui-jsoneditor-switch-1'
           />
           <Text type='tertiary' className='ml-2'>
             {value ? t('true') : t('false')}
@@ -360,6 +361,7 @@ const JSONEditor = ({
           onChange={(newValue) => updateValue(pairId, newValue)}
           style={{ width: '100%' }}
           placeholder={t('输入数字')}
+          name='components-common-ui-jsoneditor-inputnumber-1'
         />
       );
     }
@@ -379,6 +381,7 @@ const JSONEditor = ({
             }
           }}
           placeholder={t('输入JSON对象')}
+          name='components-common-ui-jsoneditor-textarea-1'
         />
       );
     }
@@ -402,6 +405,7 @@ const JSONEditor = ({
           }
           updateValue(pairId, convertedValue);
         }}
+        name='components-common-ui-jsoneditor-input-1'
       />
     );
   };
@@ -452,6 +456,7 @@ const JSONEditor = ({
                     value={pair.key}
                     onChange={(newKey) => updateKey(pair.id, newKey)}
                     status={isDuplicate ? 'warning' : undefined}
+                    name='components-common-ui-jsoneditor-input-2'
                   />
                   {isDuplicate && (
                     <Tooltip
@@ -548,6 +553,7 @@ const JSONEditor = ({
                 handleVisualChange(newPairs);
               }
             }}
+            name='components-common-ui-jsoneditor-input-3'
           />
         </Form.Slot>
 
@@ -565,6 +571,7 @@ const JSONEditor = ({
                         value={pair.key}
                         onChange={(newKey) => updateKey(pair.id, newKey)}
                         status={isDuplicate ? 'warning' : undefined}
+                        name='components-common-ui-jsoneditor-input-4'
                       />
                       {isDuplicate && (
                         <Tooltip content={t('重复的键名')}>
@@ -581,6 +588,7 @@ const JSONEditor = ({
                       placeholder={t('区域')}
                       value={pair.value}
                       onChange={(newValue) => updateValue(pair.id, newValue)}
+                      name='components-common-ui-jsoneditor-input-5'
                     />
                   </Col>
                   <Col span={2}>
@@ -688,6 +696,7 @@ const JSONEditor = ({
               onChange={handleManualChange}
               showClear={showClear}
               rows={Math.max(8, manualText ? manualText.split('\n').length : 8)}
+              name='components-common-ui-jsoneditor-textarea-2'
             />
             {/* 隐藏的Form字段用于验证和数据绑定 */}
             <Form.Input
diff --git a/web/src/components/common/ui/SelectableButtonGroup.jsx b/web/src/components/common/ui/SelectableButtonGroup.jsx
index dc5c428b5164..c95aae74cb4d 100644
--- a/web/src/components/common/ui/SelectableButtonGroup.jsx
+++ b/web/src/components/common/ui/SelectableButtonGroup.jsx
@@ -198,6 +198,7 @@ const SelectableButtonGroup = ({
                     checked={isActive}
                     onChange={() => onChange(item.value)}
                     style={{ pointerEvents: 'auto' }}
+                    name='components-common-ui-selectablebuttongroup-checkbox-1'
                   />
                 }
                 style={{ width: '100%', cursor: 'default' }}
diff --git a/web/src/components/playground/MessageContent.jsx b/web/src/components/playground/MessageContent.jsx
index c02ab3a2df93..0c16cdc96a6e 100644
--- a/web/src/components/playground/MessageContent.jsx
+++ b/web/src/components/playground/MessageContent.jsx
@@ -229,6 +229,7 @@ const MessageContent = ({
               lineHeight: '1.6',
             }}
             className='!border-blue-200 focus:!border-blue-400 !bg-blue-50/50'
+            name='components-playground-messagecontent-textarea-1'
           />
           <div className='flex items-center gap-2 w-full'>
             <Button
diff --git a/web/src/components/settings/ChannelSelectorModal.jsx b/web/src/components/settings/ChannelSelectorModal.jsx
index 7864262d5a1a..07ff1bf9126d 100644
--- a/web/src/components/settings/ChannelSelectorModal.jsx
+++ b/web/src/components/settings/ChannelSelectorModal.jsx
@@ -168,6 +168,7 @@ const ChannelSelectorModal = forwardRef(
               onChange={(val) => updateEndpoint(channelId, val)}
               placeholder='/your/endpoint'
               style={{ width: 160, fontSize: 12 }}
+              name='components-settings-channelselectormodal-input-1'
             />
           )}
         </div>
@@ -276,6 +277,7 @@ const ChannelSelectorModal = forwardRef(
             value={searchText}
             onChange={setSearchText}
             showClear
+            name='components-settings-channelselectormodal-input-2'
           />
 
           <Table
diff --git a/web/src/components/settings/CustomOAuthSetting.jsx b/web/src/components/settings/CustomOAuthSetting.jsx
index 0912160bee5d..f38eb6aab042 100644
--- a/web/src/components/settings/CustomOAuthSetting.jsx
+++ b/web/src/components/settings/CustomOAuthSetting.jsx
@@ -654,6 +654,7 @@ const CustomOAuthSetting = ({ serverAddress }) => {
                   checked={!!formValues.enabled}
                   size='large'
                   onChange={(checked) => mergeFormValues({ enabled: !!checked })}
+                  id='components-settings-customoauthsetting-switch-1'
                 />
                 <Tag color={formValues.enabled ? 'green' : 'grey'}>
                   {formValues.enabled ? t('已启用') : t('已禁用')}
diff --git a/web/src/components/settings/SystemSetting.jsx b/web/src/components/settings/SystemSetting.jsx
index 91ef364509b7..ab422f54b15c 100644
--- a/web/src/components/settings/SystemSetting.jsx
+++ b/web/src/components/settings/SystemSetting.jsx
@@ -875,8 +875,8 @@ const SystemSetting = () => {
                         }}
                         style={{ marginBottom: 8 }}
                       >
-                        <Radio value='whitelist'>{t('白名单')}</Radio>
-                        <Radio value='blacklist'>{t('黑名单')}</Radio>
+                        <Radio value='whitelist' name='components-settings-systemsetting-radio-1'>{t('白名单')}</Radio>
+                        <Radio value='blacklist' name='components-settings-systemsetting-radio-2'>{t('黑名单')}</Radio>
                       </Radio.Group>
                       <TagInput
                         value={domainList}
@@ -923,8 +923,8 @@ const SystemSetting = () => {
                         }}
                         style={{ marginBottom: 8 }}
                       >
-                        <Radio value='whitelist'>{t('白名单')}</Radio>
-                        <Radio value='blacklist'>{t('黑名单')}</Radio>
+                        <Radio value='whitelist' name='components-settings-systemsetting-radio-3'>{t('白名单')}</Radio>
+                        <Radio value='blacklist' name='components-settings-systemsetting-radio-4'>{t('黑名单')}</Radio>
                       </Radio.Group>
                       <TagInput
                         value={ipList}
diff --git a/web/src/components/settings/personal/cards/AccountManagement.jsx b/web/src/components/settings/personal/cards/AccountManagement.jsx
index 29249caa1624..4809b8e15b91 100644
--- a/web/src/components/settings/personal/cards/AccountManagement.jsx
+++ b/web/src/components/settings/personal/cards/AccountManagement.jsx
@@ -613,6 +613,7 @@ const AccountManagement = ({
                               onClick={handleSystemTokenClick}
                               size='large'
                               prefix={<IconKey />}
+                              name='components-settings-personal-cards-accountmanagement-input-1'
                             />
                           </div>
                         )}
diff --git a/web/src/components/settings/personal/cards/NotificationSettings.jsx b/web/src/components/settings/personal/cards/NotificationSettings.jsx
index 5e8d4fd8299f..06b4a6ba102b 100644
--- a/web/src/components/settings/personal/cards/NotificationSettings.jsx
+++ b/web/src/components/settings/personal/cards/NotificationSettings.jsx
@@ -428,10 +428,10 @@ const NotificationSettings = ({
                   onChange={(value) => handleFormChange('warningType', value)}
                   rules={[{ required: true, message: t('请选择通知方式') }]}
                 >
-                  <Radio value='email'>{t('邮件通知')}</Radio>
-                  <Radio value='webhook'>{t('Webhook通知')}</Radio>
-                  <Radio value='bark'>{t('Bark通知')}</Radio>
-                  <Radio value='gotify'>{t('Gotify通知')}</Radio>
+                  <Radio value='email' name='components-settings-personal-cards-notificationsettings-radio-1'>{t('邮件通知')}</Radio>
+                  <Radio value='webhook' name='components-settings-personal-cards-notificationsettings-radio-2'>{t('Webhook通知')}</Radio>
+                  <Radio value='bark' name='components-settings-personal-cards-notificationsettings-radio-3'>{t('Bark通知')}</Radio>
+                  <Radio value='gotify' name='components-settings-personal-cards-notificationsettings-radio-4'>{t('Gotify通知')}</Radio>
                 </Form.RadioGroup>
 
                 <Form.AutoComplete
@@ -863,6 +863,7 @@ const NotificationSettings = ({
                             }
                             onChange={handleSectionChange(section.key)}
                             size='default'
+                            id={`components-settings-personal-cards-notificationsettings-switch-1-${section}`}
                           />
                         </div>
 
@@ -926,6 +927,7 @@ const NotificationSettings = ({
                                           sidebarModulesUser[section.key]
                                             ?.enabled === false
                                         }
+                                        id={`components-settings-personal-cards-notificationsettings-switch-2-${module}`}
                                       />
                                     </div>
                                   </div>
diff --git a/web/src/components/settings/personal/components/TwoFASetting.jsx b/web/src/components/settings/personal/components/TwoFASetting.jsx
index 10ee2373f288..7b755ca0282e 100644
--- a/web/src/components/settings/personal/components/TwoFASetting.jsx
+++ b/web/src/components/settings/personal/components/TwoFASetting.jsx
@@ -536,6 +536,7 @@ const TwoFASetting = ({ t }) => {
                   size='large'
                   maxLength={6}
                   className='!rounded-lg'
+                  name='components-settings-personal-components-twofasetting-input-1'
                 />
               )}
             </div>
@@ -618,6 +619,7 @@ const TwoFASetting = ({ t }) => {
                   onChange={setVerificationCode}
                   size='large'
                   className='!rounded-lg'
+                  name='components-settings-personal-components-twofasetting-input-2'
                 />
               </div>
 
@@ -626,6 +628,7 @@ const TwoFASetting = ({ t }) => {
                   checked={confirmDisable}
                   onChange={(e) => setConfirmDisable(e.target.checked)}
                   className='text-sm'
+                  name='components-settings-personal-components-twofasetting-checkbox-1'
                 >
                   {t(
                     '我已了解禁用两步验证将永久删除所有相关设置和备用码，此操作不可撤销',
@@ -684,6 +687,7 @@ const TwoFASetting = ({ t }) => {
                     onChange={setVerificationCode}
                     size='large'
                     className='!rounded-lg'
+                    name='components-settings-personal-components-twofasetting-input-3'
                   />
                 </div>
               </div>
diff --git a/web/src/components/table/channels/ChannelsActions.jsx b/web/src/components/table/channels/ChannelsActions.jsx
index 3f185c55d7d1..ef367ce6196d 100644
--- a/web/src/components/table/channels/ChannelsActions.jsx
+++ b/web/src/components/table/channels/ChannelsActions.jsx
@@ -261,6 +261,7 @@ const ChannelsActions = ({
                   );
                 }
               }}
+              id='components-table-channels-channelsactions-switch-1'
             />
           </div>
 
@@ -275,6 +276,7 @@ const ChannelsActions = ({
                 localStorage.setItem('enable-batch-delete', v + '');
                 setEnableBatchDelete(v);
               }}
+              id='components-table-channels-channelsactions-switch-2'
             />
           </div>
 
@@ -291,6 +293,7 @@ const ChannelsActions = ({
                 setActivePage(1);
                 loadChannels(1, pageSize, idSort, v);
               }}
+              id='components-table-channels-channelsactions-switch-3'
             />
           </div>
 
diff --git a/web/src/components/table/channels/modals/BatchTagModal.jsx b/web/src/components/table/channels/modals/BatchTagModal.jsx
index 16bb64b085ff..51d18cd5d707 100644
--- a/web/src/components/table/channels/modals/BatchTagModal.jsx
+++ b/web/src/components/table/channels/modals/BatchTagModal.jsx
@@ -47,6 +47,7 @@ const BatchTagModal = ({
         placeholder={t('请输入标签名称')}
         value={batchSetTagValue}
         onChange={(v) => setBatchSetTagValue(v)}
+        name='components-table-channels-modals-batchtagmodal-input-1'
       />
       <div className='mt-4'>
         <Typography.Text type='secondary'>
diff --git a/web/src/components/table/channels/modals/ChannelUpstreamUpdateModal.jsx b/web/src/components/table/channels/modals/ChannelUpstreamUpdateModal.jsx
index 71f2ab8eb1e9..04a759b2af4f 100644
--- a/web/src/components/table/channels/modals/ChannelUpstreamUpdateModal.jsx
+++ b/web/src/components/table/channels/modals/ChannelUpstreamUpdateModal.jsx
@@ -255,6 +255,7 @@ const ChannelUpstreamUpdateModal = ({
           value={keyword}
           onChange={(value) => setKeyword(value)}
           showClear
+          name='components-table-channels-modals-channelupstreamupdatemodal-input-1'
         />
 
         <div style={{ maxHeight: 320, overflowY: 'auto', paddingRight: 8 }}>
@@ -282,6 +283,7 @@ const ChannelUpstreamUpdateModal = ({
                     key={`${activeTab}:${model}`}
                     value={model}
                     className='my-1'
+                    name='components-table-channels-modals-channelupstreamupdatemodal-checkbox-1'
                   >
                     {model}
                   </Checkbox>
@@ -303,6 +305,7 @@ const ChannelUpstreamUpdateModal = ({
             indeterminate={isIndeterminate}
             aria-label={t('全选当前列表模型')}
             onChange={(e) => handleToggleAllCurrent(e.target.checked)}
+            name='components-table-channels-modals-channelupstreamupdatemodal-checkbox-2'
           />
         </div>
       </div>
diff --git a/web/src/components/table/channels/modals/CodexOAuthModal.jsx b/web/src/components/table/channels/modals/CodexOAuthModal.jsx
index 7f3f349b20a4..22cbf800ef3d 100644
--- a/web/src/components/table/channels/modals/CodexOAuthModal.jsx
+++ b/web/src/components/table/channels/modals/CodexOAuthModal.jsx
@@ -157,6 +157,7 @@ const CodexOAuthModal = ({ visible, onCancel, onSuccess }) => {
           onChange={(value) => setInput(value)}
           placeholder={t('请粘贴完整回调 URL（包含 code 与 state）')}
           showClear
+          name='components-table-channels-modals-codexoauthmodal-input-1'
         />
 
         <Text type='tertiary' size='small'>
diff --git a/web/src/components/table/channels/modals/ColumnSelectorModal.jsx b/web/src/components/table/channels/modals/ColumnSelectorModal.jsx
index b46379ac5436..e61382c810b6 100644
--- a/web/src/components/table/channels/modals/ColumnSelectorModal.jsx
+++ b/web/src/components/table/channels/modals/ColumnSelectorModal.jsx
@@ -93,6 +93,7 @@ const ColumnSelectorModal = ({
             !Object.values(visibleColumns).every((v) => v === true)
           }
           onChange={(e) => handleSelectAll(e.target.checked)}
+          name='components-table-channels-modals-columnselectormodal-checkbox-1'
         >
           {t('全选')}
         </Checkbox>
@@ -114,6 +115,7 @@ const ColumnSelectorModal = ({
                 onChange={(e) =>
                   handleColumnVisibilityChange(column.key, e.target.checked)
                 }
+                name='components-table-channels-modals-columnselectormodal-checkbox-2'
               >
                 {column.title}
               </Checkbox>
diff --git a/web/src/components/table/channels/modals/EditChannelModal.jsx b/web/src/components/table/channels/modals/EditChannelModal.jsx
index 899e290594b8..287beb0b1742 100644
--- a/web/src/components/table/channels/modals/EditChannelModal.jsx
+++ b/web/src/components/table/channels/modals/EditChannelModal.jsx
@@ -2008,6 +2008,7 @@ const EditChannelModal = (props) => {
               }
             }
           }}
+          name='components-table-channels-modals-editchannelmodal-checkbox-1'
         >
           {t('批量创建')}
         </Checkbox>
@@ -2032,6 +2033,7 @@ const EditChannelModal = (props) => {
                 return nextValue;
               });
             }}
+            name='components-table-channels-modals-editchannelmodal-checkbox-2'
           >
             {t('密钥聚合模式')}
           </Checkbox>
diff --git a/web/src/components/table/channels/modals/ModelSelectModal.jsx b/web/src/components/table/channels/modals/ModelSelectModal.jsx
index b38580b66f5f..077489e03522 100644
--- a/web/src/components/table/channels/modals/ModelSelectModal.jsx
+++ b/web/src/components/table/channels/modals/ModelSelectModal.jsx
@@ -267,6 +267,7 @@ const ModelSelectModal = ({
                   );
                 }}
                 onClick={(e) => e.stopPropagation()} // 防止点击checkbox时折叠面板
+                name='components-table-channels-modals-modelselectmodal-checkbox-1'
               />
             }
           >
@@ -283,7 +284,7 @@ const ModelSelectModal = ({
             </div>
             <div className='grid grid-cols-2 gap-x-4'>
               {categoryData.models.map((model) => (
-                <Checkbox key={model} value={model} className='my-1'>
+                <Checkbox key={model} value={model} className='my-1' name='components-table-channels-modals-modelselectmodal-checkbox-2'>
                   <span className='flex items-center gap-2'>
                     <span>{model}</span>
                     {redirectOnlySet.has(normalizeModelName(model)) && (
@@ -341,6 +342,7 @@ const ModelSelectModal = ({
         value={keyword}
         onChange={(v) => setKeyword(v)}
         showClear
+        name='components-table-channels-modals-modelselectmodal-input-1'
       />
 
       <Spin spinning={!models || models.length === 0}>
@@ -406,6 +408,7 @@ const ModelSelectModal = ({
                   onChange={(e) => {
                     handleCategorySelectAll(currentModels, e.target.checked);
                   }}
+                  name='components-table-channels-modals-modelselectmodal-checkbox-3'
                 />
               </>
             );
diff --git a/web/src/components/table/channels/modals/ModelTestModal.jsx b/web/src/components/table/channels/modals/ModelTestModal.jsx
index 490cf54be116..78c76b4bf395 100644
--- a/web/src/components/table/channels/modals/ModelTestModal.jsx
+++ b/web/src/components/table/channels/modals/ModelTestModal.jsx
@@ -299,6 +299,7 @@ const ModelTestModal = ({
                 size='small'
                 disabled={streamToggleDisabled}
                 aria-label={t('流式')}
+                id='components-table-channels-modals-modeltestmodal-switch-1'
               />
             </div>
           </div>
@@ -325,6 +326,7 @@ const ModelTestModal = ({
               className='!w-full sm:!flex-1'
               prefix={<IconSearch />}
               showClear
+              name='components-table-channels-modals-modeltestmodal-input-1'
             />
 
             <div className='flex items-center justify-end gap-2'>
diff --git a/web/src/components/table/channels/modals/OllamaModelModal.jsx b/web/src/components/table/channels/modals/OllamaModelModal.jsx
index 684d2eb46538..996cd9800b76 100644
--- a/web/src/components/table/channels/modals/OllamaModelModal.jsx
+++ b/web/src/components/table/channels/modals/OllamaModelModal.jsx
@@ -563,6 +563,7 @@ const OllamaModelModal = ({
                 onEnterPress={pullModel}
                 disabled={pullLoading}
                 showClear
+                name='components-table-channels-modals-ollamamodelmodal-input-1'
               />
             </Col>
             <Col span={8}>
@@ -663,6 +664,7 @@ const OllamaModelModal = ({
                 onChange={(value) => setSearchValue(value)}
                 style={{ width: 200 }}
                 showClear
+                name='components-table-channels-modals-ollamamodelmodal-input-2'
               />
               <Button
                 size='small'
@@ -727,6 +729,7 @@ const OllamaModelModal = ({
                           onChange={(checked) =>
                             handleToggleModel(model.id, checked)
                           }
+                          name='components-table-channels-modals-ollamamodelmodal-checkbox-1'
                         />
                         <div className='flex-1 min-w-0'>
                           <Text strong className='block truncate'>
diff --git a/web/src/components/table/channels/modals/ParamOverrideEditorModal.jsx b/web/src/components/table/channels/modals/ParamOverrideEditorModal.jsx
index 5293fae768aa..19e3dd0dbc37 100644
--- a/web/src/components/table/channels/modals/ParamOverrideEditorModal.jsx
+++ b/web/src/components/table/channels/modals/ParamOverrideEditorModal.jsx
@@ -1969,6 +1969,7 @@ const ParamOverrideEditorModal = ({ visible, value, onSave, onCancel }) => {
                   placeholder={JSON.stringify(LEGACY_TEMPLATE, null, 2)}
                   onChange={(nextValue) => setLegacyValue(nextValue)}
                   showClear
+                  name='components-table-channels-modals-paramoverrideeditormodal-textarea-1'
                 />
                 <Text type='tertiary' size='small' className='mt-2 block'>
                   {t('这里直接编辑 JSON 对象。适合简单覆盖参数的场景。')}
@@ -2025,6 +2026,7 @@ const ParamOverrideEditorModal = ({ visible, value, onSave, onCancel }) => {
                           setOperationSearch(nextValue || '')
                         }
                         showClear
+                        name='components-table-channels-modals-paramoverrideeditormodal-input-1'
                       />
 
                       <div
@@ -2255,6 +2257,7 @@ const ParamOverrideEditorModal = ({ visible, value, onSave, onCancel }) => {
                                         path: nextValue,
                                       })
                                     }
+                                    name='components-table-channels-modals-paramoverrideeditormodal-input-2'
                                   />
                                 </Col>
                               ) : null}
@@ -2281,6 +2284,7 @@ const ParamOverrideEditorModal = ({ visible, value, onSave, onCancel }) => {
                                 }
                                 maxLength={180}
                                 showClear
+                                name='components-table-channels-modals-paramoverrideeditormodal-input-3'
                               />
                               <Text type='tertiary' size='small' className='mt-1 block'>
                                 {`${String(selectedOperation.description || '').length}/180`}
@@ -2350,6 +2354,7 @@ const ParamOverrideEditorModal = ({ visible, value, onSave, onCancel }) => {
                                         { message: nextValue },
                                       )
                                     }
+                                    name='components-table-channels-modals-paramoverrideeditormodal-textarea-2'
                                   />
 
                                   {returnErrorDraft.simpleMode ? (
@@ -2384,6 +2389,7 @@ const ParamOverrideEditorModal = ({ visible, value, onSave, onCancel }) => {
                                                 },
                                               )
                                             }
+                                            name='components-table-channels-modals-paramoverrideeditormodal-input-4'
                                           />
                                         </Col>
                                         <Col xs={24} md={8}>
@@ -2399,6 +2405,7 @@ const ParamOverrideEditorModal = ({ visible, value, onSave, onCancel }) => {
                                                 { code: nextValue },
                                               )
                                             }
+                                            name='components-table-channels-modals-paramoverrideeditormodal-input-5'
                                           />
                                         </Col>
                                         <Col xs={24} md={8}>
@@ -2414,6 +2421,7 @@ const ParamOverrideEditorModal = ({ visible, value, onSave, onCancel }) => {
                                                 { type: nextValue },
                                               )
                                             }
+                                            name='components-table-channels-modals-paramoverrideeditormodal-input-6'
                                           />
                                         </Col>
                                       </Row>
@@ -2571,6 +2579,7 @@ const ParamOverrideEditorModal = ({ visible, value, onSave, onCancel }) => {
                                         { typeText: nextValue },
                                       )
                                     }
+                                    name='components-table-channels-modals-paramoverrideeditormodal-input-7'
                                   />
 
                                   {pruneObjectsDraft.simpleMode ? (
@@ -2723,6 +2732,7 @@ const ParamOverrideEditorModal = ({ visible, value, onSave, onCancel }) => {
                                                             { path: nextValue },
                                                           )
                                                         }
+                                                        name='components-table-channels-modals-paramoverrideeditormodal-input-8'
                                                       />
                                                     </Col>
                                                     <Col xs={24} md={7}>
@@ -2767,6 +2777,7 @@ const ParamOverrideEditorModal = ({ visible, value, onSave, onCancel }) => {
                                                             },
                                                           )
                                                         }
+                                                        name='components-table-channels-modals-paramoverrideeditormodal-input-9'
                                                       />
                                                     </Col>
                                                   </Row>
@@ -2870,6 +2881,7 @@ const ParamOverrideEditorModal = ({ visible, value, onSave, onCancel }) => {
                                         value_text: nextValue,
                                       })
                                     }
+                                    name='components-table-channels-modals-paramoverrideeditormodal-textarea-3'
                                   />
                                 </div>
                               )
@@ -2888,6 +2900,7 @@ const ParamOverrideEditorModal = ({ visible, value, onSave, onCancel }) => {
                                       keep_origin: nextValue,
                                     })
                                   }
+                                  id='components-table-channels-modals-paramoverrideeditormodal-switch-1'
                                 />
                                 <Text
                                   type='tertiary'
@@ -2940,6 +2953,7 @@ const ParamOverrideEditorModal = ({ visible, value, onSave, onCancel }) => {
                                             },
                                           )
                                         }
+                                        name='components-table-channels-modals-paramoverrideeditormodal-input-10'
                                       />
                                     </div>
                                   </Col>
@@ -2978,6 +2992,7 @@ const ParamOverrideEditorModal = ({ visible, value, onSave, onCancel }) => {
                                             },
                                           )
                                         }
+                                        name='components-table-channels-modals-paramoverrideeditormodal-input-11'
                                       />
                                     </div>
                                   </Col>
@@ -3030,6 +3045,7 @@ const ParamOverrideEditorModal = ({ visible, value, onSave, onCancel }) => {
                                           from: nextValue,
                                         })
                                       }
+                                      name='components-table-channels-modals-paramoverrideeditormodal-input-12'
                                     />
                                   </Col>
                                 ) : null}
@@ -3046,6 +3062,7 @@ const ParamOverrideEditorModal = ({ visible, value, onSave, onCancel }) => {
                                           to: nextValue,
                                         })
                                       }
+                                      name='components-table-channels-modals-paramoverrideeditormodal-input-13'
                                     />
                                   </Col>
                                 ) : null}
@@ -3173,6 +3190,7 @@ const ParamOverrideEditorModal = ({ visible, value, onSave, onCancel }) => {
                                                     { path: nextValue },
                                                   )
                                                 }
+                                                name='components-table-channels-modals-paramoverrideeditormodal-input-14'
                                               />
                                             </Col>
                                             <Col xs={24} md={8}>
@@ -3214,6 +3232,7 @@ const ParamOverrideEditorModal = ({ visible, value, onSave, onCancel }) => {
                                                     { value_text: nextValue },
                                                   )
                                                 }
+                                                name='components-table-channels-modals-paramoverrideeditormodal-input-15'
                                               />
                                             </Col>
                                           </Row>
@@ -3235,6 +3254,7 @@ const ParamOverrideEditorModal = ({ visible, value, onSave, onCancel }) => {
                                                     { invert: nextValue },
                                                   )
                                                 }
+                                                id={`components-table-channels-modals-paramoverrideeditormodal-switch-2-${conditionIndex}`}
                                               />
                                             </div>
                                             <div className='flex items-center gap-2'>
@@ -3256,6 +3276,7 @@ const ParamOverrideEditorModal = ({ visible, value, onSave, onCancel }) => {
                                                     },
                                                   )
                                                 }
+                                                id={`components-table-channels-modals-paramoverrideeditormodal-switch-3-${conditionIndex}`}
                                               />
                                             </div>
                                           </div>
@@ -3314,6 +3335,7 @@ const ParamOverrideEditorModal = ({ visible, value, onSave, onCancel }) => {
               onChange={(nextValue) => handleJsonChange(nextValue ?? '')}
               placeholder={JSON.stringify(OPERATION_TEMPLATE, null, 2)}
               showClear
+              name='components-table-channels-modals-paramoverrideeditormodal-textarea-4'
             />
             <Text type='tertiary' size='small' className='mt-2 block'>
               {t('直接编辑 JSON 文本，保存时会校验格式。')}
@@ -3343,6 +3365,7 @@ const ParamOverrideEditorModal = ({ visible, value, onSave, onCancel }) => {
             readOnly
             autosize={{ minRows: 16, maxRows: 20 }}
             style={{ marginBottom: 8 }}
+            name='components-table-channels-modals-paramoverrideeditormodal-textarea-5'
           />
         </Space>
       </Modal>
@@ -3394,6 +3417,7 @@ const ParamOverrideEditorModal = ({ visible, value, onSave, onCancel }) => {
                 placeholder={t('搜索字段名 / 中文说明')}
                 showClear
                 style={{ flex: 1 }}
+                name='components-table-channels-modals-paramoverrideeditormodal-input-16'
               />
               <Select
                 value={fieldGuideTarget}
diff --git a/web/src/components/table/channels/modals/SingleModelSelectModal.jsx b/web/src/components/table/channels/modals/SingleModelSelectModal.jsx
index fdeb29152cae..139c27bdb54b 100644
--- a/web/src/components/table/channels/modals/SingleModelSelectModal.jsx
+++ b/web/src/components/table/channels/modals/SingleModelSelectModal.jsx
@@ -135,6 +135,7 @@ const SingleModelSelectModal = ({
         value={keyword}
         onChange={(v) => setKeyword(v)}
         showClear
+        name='components-table-channels-modals-singlemodelselectmodal-input-1'
       />
 
       <div style={{ maxHeight: 400, overflowY: 'auto', paddingRight: 8 }}>
@@ -177,7 +178,7 @@ const SingleModelSelectModal = ({
                 >
                   <div className='grid grid-cols-2 gap-x-4'>
                     {categoryData.models.map((model) => (
-                      <Radio key={model} value={model} className='my-1'>
+                      <Radio key={model} value={model} className='my-1' name='components-table-channels-modals-singlemodelselectmodal-radio-1'>
                         {model}
                       </Radio>
                     ))}
diff --git a/web/src/components/table/mj-logs/modals/ColumnSelectorModal.jsx b/web/src/components/table/mj-logs/modals/ColumnSelectorModal.jsx
index d514555f126f..58f1292c614a 100644
--- a/web/src/components/table/mj-logs/modals/ColumnSelectorModal.jsx
+++ b/web/src/components/table/mj-logs/modals/ColumnSelectorModal.jsx
@@ -70,6 +70,7 @@ const ColumnSelectorModal = ({
             !Object.values(visibleColumns).every((v) => v === true)
           }
           onChange={(e) => handleSelectAll(e.target.checked)}
+          name='components-table-mj-logs-modals-columnselectormodal-checkbox-1'
         >
           {t('全选')}
         </Checkbox>
@@ -95,6 +96,7 @@ const ColumnSelectorModal = ({
                 onChange={(e) =>
                   handleColumnVisibilityChange(column.key, e.target.checked)
                 }
+                name='components-table-mj-logs-modals-columnselectormodal-checkbox-2'
               >
                 {column.title}
               </Checkbox>
diff --git a/web/src/components/table/model-deployments/modals/ColumnSelectorModal.jsx b/web/src/components/table/model-deployments/modals/ColumnSelectorModal.jsx
index 3589ec491fed..17c21d655c1b 100644
--- a/web/src/components/table/model-deployments/modals/ColumnSelectorModal.jsx
+++ b/web/src/components/table/model-deployments/modals/ColumnSelectorModal.jsx
@@ -98,6 +98,7 @@ const ColumnSelectorModal = ({
           checked={allSelected}
           indeterminate={indeterminate}
           onChange={(e) => handleSelectAll(e.target.checked)}
+          name='components-table-model-deployments-modals-columnselectormodal-checkbox-1'
         >
           {t('全选')}
         </Checkbox>
@@ -114,6 +115,7 @@ const ColumnSelectorModal = ({
               onChange={(e) =>
                 handleColumnVisibilityChange(key, e.target.checked)
               }
+              name='components-table-model-deployments-modals-columnselectormodal-checkbox-2'
             >
               {label}
             </Checkbox>
diff --git a/web/src/components/table/model-deployments/modals/ConfirmationDialog.jsx b/web/src/components/table/model-deployments/modals/ConfirmationDialog.jsx
index 5e90b153bbcb..e6c85328b688 100644
--- a/web/src/components/table/model-deployments/modals/ConfirmationDialog.jsx
+++ b/web/src/components/table/model-deployments/modals/ConfirmationDialog.jsx
@@ -85,6 +85,7 @@ const ConfirmationDialog = ({
           onChange={setConfirmText}
           placeholder={t('再次输入部署名称')}
           autoFocus
+          name='components-table-model-deployments-modals-confirmationdialog-input-1'
         />
         {!isConfirmed && confirmText && (
           <Text type='danger' size='small'>
diff --git a/web/src/components/table/model-deployments/modals/CreateDeploymentModal.jsx b/web/src/components/table/model-deployments/modals/CreateDeploymentModal.jsx
index 35887b15b83e..009b5a99d5a4 100644
--- a/web/src/components/table/model-deployments/modals/CreateDeploymentModal.jsx
+++ b/web/src/components/table/model-deployments/modals/CreateDeploymentModal.jsx
@@ -905,8 +905,8 @@ const CreateDeploymentModal = ({ visible, onCancel, onSuccess, t }) => {
                     setImageMode(value?.target?.value ?? value)
                   }
                 >
-                  <Radio value='builtin'>{t('内置 Ollama 镜像')}</Radio>
-                  <Radio value='custom'>{t('自定义镜像')}</Radio>
+                  <Radio value='builtin' name='components-table-model-deployments-modals-createdeploymentmodal-radio-1'>{t('内置 Ollama 镜像')}</Radio>
+                  <Radio value='custom' name='components-table-model-deployments-modals-createdeploymentmodal-radio-2'>{t('自定义镜像')}</Radio>
                 </RadioGroup>
               </div>
             </div>
@@ -934,6 +934,7 @@ const CreateDeploymentModal = ({ visible, onCancel, onSuccess, t }) => {
                   value={autoOllamaKey}
                   size='small'
                   style={{ width: 220 }}
+                  name='components-table-model-deployments-modals-createdeploymentmodal-input-1'
                 />
                 <Button
                   icon={<IconCopy />}
@@ -1207,6 +1208,7 @@ const CreateDeploymentModal = ({ visible, onCancel, onSuccess, t }) => {
                               handleArrayFieldChange(index, value, 'entrypoint')
                             }
                             style={{ flex: 1, marginRight: 8 }}
+                            name='components-table-model-deployments-modals-createdeploymentmodal-input-2'
                           />
                           <Button
                             icon={<IconMinus />}
@@ -1240,6 +1242,7 @@ const CreateDeploymentModal = ({ visible, onCancel, onSuccess, t }) => {
                               handleArrayFieldChange(index, value, 'args')
                             }
                             style={{ flex: 1, marginRight: 8 }}
+                            name='components-table-model-deployments-modals-createdeploymentmodal-input-3'
                           />
                           <Button
                             icon={<IconMinus />}
@@ -1281,6 +1284,7 @@ const CreateDeploymentModal = ({ visible, onCancel, onSuccess, t }) => {
                                   'env',
                                 )
                               }
+                              name='components-table-model-deployments-modals-createdeploymentmodal-input-4'
                             />
                           </Col>
                           <Col span={10}>
@@ -1295,6 +1299,7 @@ const CreateDeploymentModal = ({ visible, onCancel, onSuccess, t }) => {
                                   'env',
                                 )
                               }
+                              name='components-table-model-deployments-modals-createdeploymentmodal-input-5'
                             />
                           </Col>
                           <Col span={4}>
@@ -1338,6 +1343,7 @@ const CreateDeploymentModal = ({ visible, onCancel, onSuccess, t }) => {
                                   )
                                 }
                                 disabled={isAutoSecret}
+                                name='components-table-model-deployments-modals-createdeploymentmodal-input-6'
                               />
                             </Col>
                             <Col span={10}>
@@ -1354,6 +1360,7 @@ const CreateDeploymentModal = ({ visible, onCancel, onSuccess, t }) => {
                                   )
                                 }
                                 disabled={isAutoSecret}
+                                name='components-table-model-deployments-modals-createdeploymentmodal-input-7'
                               />
                             </Col>
                             <Col span={4}>
@@ -1401,8 +1408,8 @@ const CreateDeploymentModal = ({ visible, onCancel, onSuccess, t }) => {
                   value={priceCurrency}
                   onChange={handleCurrencyChange}
                 >
-                  <Radio value='usdc'>USDC</Radio>
-                  <Radio value='iocoin'>IOCOIN</Radio>
+                  <Radio value='usdc' name='components-table-model-deployments-modals-createdeploymentmodal-radio-3'>USDC</Radio>
+                  <Radio value='iocoin' name='components-table-model-deployments-modals-createdeploymentmodal-radio-4'>IOCOIN</Radio>
                 </RadioGroup>
                 <Tag size='small' color='blue'>
                   {currencyLabel}
diff --git a/web/src/components/table/model-deployments/modals/UpdateConfigModal.jsx b/web/src/components/table/model-deployments/modals/UpdateConfigModal.jsx
index 8d30415dbebe..eb2196d9b615 100644
--- a/web/src/components/table/model-deployments/modals/UpdateConfigModal.jsx
+++ b/web/src/components/table/model-deployments/modals/UpdateConfigModal.jsx
@@ -372,6 +372,7 @@ const UpdateConfigModal = ({ visible, onCancel, deployment, onSuccess, t }) => {
                         value={envVar.key}
                         onChange={(value) => updateEnvVar(index, 'key', value)}
                         style={{ flex: 1 }}
+                        name='components-table-model-deployments-modals-updateconfigmodal-input-1'
                       />
                       <Text>=</Text>
                       <Input
@@ -381,6 +382,7 @@ const UpdateConfigModal = ({ visible, onCancel, deployment, onSuccess, t }) => {
                           updateEnvVar(index, 'value', value)
                         }
                         style={{ flex: 2 }}
+                        name='components-table-model-deployments-modals-updateconfigmodal-input-2'
                       />
                       <Button
                         size='small'
@@ -430,6 +432,7 @@ const UpdateConfigModal = ({ visible, onCancel, deployment, onSuccess, t }) => {
                           updateSecretEnvVar(index, 'key', value)
                         }
                         style={{ flex: 1 }}
+                        name='components-table-model-deployments-modals-updateconfigmodal-input-3'
                       />
                       <Text>=</Text>
                       <Input
@@ -440,6 +443,7 @@ const UpdateConfigModal = ({ visible, onCancel, deployment, onSuccess, t }) => {
                           updateSecretEnvVar(index, 'value', value)
                         }
                         style={{ flex: 2 }}
+                        name='components-table-model-deployments-modals-updateconfigmodal-input-4'
                       />
                       <Button
                         size='small'
diff --git a/web/src/components/table/model-deployments/modals/ViewLogsModal.jsx b/web/src/components/table/model-deployments/modals/ViewLogsModal.jsx
index 3d0446aeab9b..8d683383cc13 100644
--- a/web/src/components/table/model-deployments/modals/ViewLogsModal.jsx
+++ b/web/src/components/table/model-deployments/modals/ViewLogsModal.jsx
@@ -452,6 +452,7 @@ const ViewLogsModal = ({ visible, onCancel, deployment, t }) => {
                 onChange={setSearchTerm}
                 style={{ width: 200 }}
                 size='small'
+                name='components-table-model-deployments-modals-viewlogsmodal-input-1'
               />
 
               <Space align='center' className='ml-2'>
@@ -464,8 +465,8 @@ const ViewLogsModal = ({ visible, onCancel, deployment, t }) => {
                   value={streamFilter}
                   onChange={handleStreamChange}
                 >
-                  <Radio value='stdout'>STDOUT</Radio>
-                  <Radio value='stderr'>STDERR</Radio>
+                  <Radio value='stdout' name='components-table-model-deployments-modals-viewlogsmodal-radio-1'>STDOUT</Radio>
+                  <Radio value='stderr' name='components-table-model-deployments-modals-viewlogsmodal-radio-2'>STDERR</Radio>
                 </Radio.Group>
               </Space>
 
@@ -474,6 +475,7 @@ const ViewLogsModal = ({ visible, onCancel, deployment, t }) => {
                   checked={autoRefresh}
                   onChange={setAutoRefresh}
                   size='small'
+                  id='components-table-model-deployments-modals-viewlogsmodal-switch-1'
                 />
                 <Text size='small'>{t('自动刷新')}</Text>
               </div>
@@ -483,6 +485,7 @@ const ViewLogsModal = ({ visible, onCancel, deployment, t }) => {
                   checked={following}
                   onChange={setFollowing}
                   size='small'
+                  id='components-table-model-deployments-modals-viewlogsmodal-switch-2'
                 />
                 <Text size='small'>{t('跟随日志')}</Text>
               </div>
diff --git a/web/src/components/table/model-pricing/layout/header/SearchActions.jsx b/web/src/components/table/model-pricing/layout/header/SearchActions.jsx
index e285d3fba348..a2cd541a0a17 100644
--- a/web/src/components/table/model-pricing/layout/header/SearchActions.jsx
+++ b/web/src/components/table/model-pricing/layout/header/SearchActions.jsx
@@ -75,6 +75,7 @@ const SearchActions = memo(
             onCompositionEnd={handleCompositionEnd}
             onChange={handleChange}
             showClear
+            name='components-table-model-pricing-layout-header-searchactions-input-1'
           />
         </div>
 
@@ -100,6 +101,7 @@ const SearchActions = memo(
                 <Switch
                   checked={showWithRecharge}
                   onChange={setShowWithRecharge}
+                  id='components-table-model-pricing-layout-header-searchactions-switch-1'
                 />
               </div>
             )}
@@ -120,7 +122,7 @@ const SearchActions = memo(
             {/* 显示倍率开关 */}
             <div className='flex items-center gap-2'>
               <span className='text-sm text-gray-600'>{t('倍率')}</span>
-              <Switch checked={showRatio} onChange={setShowRatio} />
+              <Switch checked={showRatio} onChange={setShowRatio}  id='components-table-model-pricing-layout-header-searchactions-switch-2'/>
             </div>
 
             {/* 视图模式切换按钮 */}
diff --git a/web/src/components/table/model-pricing/view/card/PricingCardView.jsx b/web/src/components/table/model-pricing/view/card/PricingCardView.jsx
index 477da259d7a5..dc5ed9d99cca 100644
--- a/web/src/components/table/model-pricing/view/card/PricingCardView.jsx
+++ b/web/src/components/table/model-pricing/view/card/PricingCardView.jsx
@@ -293,6 +293,7 @@ const PricingCardView = ({
                           e.stopPropagation();
                           handleCheckboxChange(model, e.target.checked);
                         }}
+                        name='components-table-model-pricing-view-card-pricingcardview-checkbox-1'
                       />
                     )}
                   </div>
diff --git a/web/src/components/table/models/modals/MissingModelsModal.jsx b/web/src/components/table/models/modals/MissingModelsModal.jsx
index f8fa78fdd6c4..607c208f568b 100644
--- a/web/src/components/table/models/modals/MissingModelsModal.jsx
+++ b/web/src/components/table/models/modals/MissingModelsModal.jsx
@@ -156,6 +156,7 @@ const MissingModelsModal = ({ visible, onClose, onConfigureModel, t }) => {
                 className='!w-full'
                 prefix={<IconSearch />}
                 showClear
+                name='components-table-models-modals-missingmodelsmodal-input-1'
               />
             </div>
 
diff --git a/web/src/components/table/models/modals/UpstreamConflictModal.jsx b/web/src/components/table/models/modals/UpstreamConflictModal.jsx
index 3993f6dc7a85..8ae7fba1b9ac 100644
--- a/web/src/components/table/models/modals/UpstreamConflictModal.jsx
+++ b/web/src/components/table/models/modals/UpstreamConflictModal.jsx
@@ -180,6 +180,7 @@ const UpstreamConflictModal = ({
               checked={headerChecked}
               indeterminate={headerIndeterminate}
               onChange={onHeaderChange}
+              name='components-table-models-modals-upstreamconflictmodal-checkbox-1'
             />
             <Text>{label}</Text>
           </div>
@@ -195,6 +196,7 @@ const UpstreamConflictModal = ({
               onChange={(e) =>
                 toggleField(record.model_name, fieldKey, e?.target?.checked)
               }
+              name='components-table-models-modals-upstreamconflictmodal-checkbox-2'
             >
               <Popover
                 trigger='hover'
@@ -292,6 +294,7 @@ const UpstreamConflictModal = ({
               className='!w-full'
               prefix={<IconSearch />}
               showClear
+              name='components-table-models-modals-upstreamconflictmodal-input-1'
             />
           </div>
           {filteredDataSource.length > 0 ? (
diff --git a/web/src/components/table/task-logs/modals/ColumnSelectorModal.jsx b/web/src/components/table/task-logs/modals/ColumnSelectorModal.jsx
index 4f2af110045f..53c0cf2facd3 100644
--- a/web/src/components/table/task-logs/modals/ColumnSelectorModal.jsx
+++ b/web/src/components/table/task-logs/modals/ColumnSelectorModal.jsx
@@ -68,6 +68,7 @@ const ColumnSelectorModal = ({
             !Object.values(visibleColumns).every((v) => v === true)
           }
           onChange={(e) => handleSelectAll(e.target.checked)}
+          name='components-table-task-logs-modals-columnselectormodal-checkbox-1'
         >
           {t('全选')}
         </Checkbox>
@@ -89,6 +90,7 @@ const ColumnSelectorModal = ({
                 onChange={(e) =>
                   handleColumnVisibilityChange(column.key, e.target.checked)
                 }
+                name='components-table-task-logs-modals-columnselectormodal-checkbox-2'
               >
                 {column.title}
               </Checkbox>
diff --git a/web/src/components/table/tokens/TokensColumnDefs.jsx b/web/src/components/table/tokens/TokensColumnDefs.jsx
index d78f7545a31a..ef488f18aa9e 100644
--- a/web/src/components/table/tokens/TokensColumnDefs.jsx
+++ b/web/src/components/table/tokens/TokensColumnDefs.jsx
@@ -178,6 +178,7 @@ const renderTokenKey = (
             </Dropdown>
           </div>
         }
+        name='components-table-tokens-tokenscolumndefs-input-1'
       />
     </div>
   );
diff --git a/web/src/components/table/tokens/modals/CCSwitchModal.jsx b/web/src/components/table/tokens/modals/CCSwitchModal.jsx
index 6cf817330a58..fa3e7d1d0269 100644
--- a/web/src/components/table/tokens/modals/CCSwitchModal.jsx
+++ b/web/src/components/table/tokens/modals/CCSwitchModal.jsx
@@ -149,6 +149,7 @@ export default function CCSwitchModal({
             value={app}
             onChange={(e) => handleAppChange(e.target.value)}
             style={{ width: '100%' }}
+            name='components-table-tokens-modals-ccswitchmodal-radiogroup-1'
           >
             {Object.entries(APP_CONFIGS).map(([key, cfg]) => (
               <Radio key={key} value={key}>
@@ -164,6 +165,7 @@ export default function CCSwitchModal({
             value={name}
             onChange={setName}
             placeholder={currentConfig.defaultName}
+            name='components-table-tokens-modals-ccswitchmodal-input-1'
           />
         </div>
 
diff --git a/web/src/components/table/usage-logs/modals/ColumnSelectorModal.jsx b/web/src/components/table/usage-logs/modals/ColumnSelectorModal.jsx
index 1c450666ca39..d757471b8dfb 100644
--- a/web/src/components/table/usage-logs/modals/ColumnSelectorModal.jsx
+++ b/web/src/components/table/usage-logs/modals/ColumnSelectorModal.jsx
@@ -78,6 +78,7 @@ const ColumnSelectorModal = ({
             type='button'
             value={billingDisplayMode}
             onChange={handleBillingDisplayModeChange}
+            name='components-table-usage-logs-modals-columnselectormodal-radiogroup-1'
           >
             <Radio value='price'>
               {isTokensDisplay ? t('价格模式') : t('价格模式（默认）')}
@@ -94,6 +95,7 @@ const ColumnSelectorModal = ({
             !Object.values(visibleColumns).every((v) => v === true)
           }
           onChange={(e) => handleSelectAll(e.target.checked)}
+          name='components-table-usage-logs-modals-columnselectormodal-checkbox-1'
         >
           {t('全选')}
         </Checkbox>
@@ -120,6 +122,7 @@ const ColumnSelectorModal = ({
                 onChange={(e) =>
                   handleColumnVisibilityChange(column.key, e.target.checked)
                 }
+                name='components-table-usage-logs-modals-columnselectormodal-checkbox-2'
               >
                 {column.title}
               </Checkbox>
diff --git a/web/src/components/table/users/modals/EditUserModal.jsx b/web/src/components/table/users/modals/EditUserModal.jsx
index 90676d840a13..cb89486cafdf 100644
--- a/web/src/components/table/users/modals/EditUserModal.jsx
+++ b/web/src/components/table/users/modals/EditUserModal.jsx
@@ -427,6 +427,7 @@ const EditUserModal = (props) => {
               }}
               style={{ width: '100%' }}
               showClear
+              name='components-table-users-modals-editusermodal-inputnumber-1'
             />
           </div>
         )}
@@ -452,6 +453,7 @@ const EditUserModal = (props) => {
             style={{ width: '100%' }}
             showClear
             step={500000}
+            name='components-table-users-modals-editusermodal-inputnumber-2'
           />
         </div>
       </Modal>
diff --git a/web/src/components/table/users/modals/UserBindingManagementModal.jsx b/web/src/components/table/users/modals/UserBindingManagementModal.jsx
index e01ecca9488e..5b7084507aec 100644
--- a/web/src/components/table/users/modals/UserBindingManagementModal.jsx
+++ b/web/src/components/table/users/modals/UserBindingManagementModal.jsx
@@ -345,6 +345,7 @@ const UserBindingManagementModal = ({
             <Checkbox
               checked={showBoundOnly}
               onChange={(e) => setShowBoundOnly(Boolean(e.target.checked))}
+              name='components-table-users-modals-userbindingmanagementmodal-checkbox-1'
             >
               {t('仅显示已绑定')}
             </Checkbox>
diff --git a/web/src/components/topup/InvitationCard.jsx b/web/src/components/topup/InvitationCard.jsx
index 7ae6b0a5a23e..46273f2c3f1d 100644
--- a/web/src/components/topup/InvitationCard.jsx
+++ b/web/src/components/topup/InvitationCard.jsx
@@ -190,6 +190,7 @@ const InvitationCard = ({
                 {t('复制')}
               </Button>
             }
+            name='components-topup-invitationcard-input-1'
           />
         </Card>
 
diff --git a/web/src/components/topup/modals/TopupHistoryModal.jsx b/web/src/components/topup/modals/TopupHistoryModal.jsx
index 9659e9291f3e..b4abb4dbeb1b 100644
--- a/web/src/components/topup/modals/TopupHistoryModal.jsx
+++ b/web/src/components/topup/modals/TopupHistoryModal.jsx
@@ -257,6 +257,7 @@ const TopupHistoryModal = ({ visible, onCancel, t }) => {
           value={keyword}
           onChange={handleKeywordChange}
           showClear
+          name='components-topup-modals-topuphistorymodal-input-1'
         />
       </div>
       <Table
diff --git a/web/src/components/topup/modals/TransferModal.jsx b/web/src/components/topup/modals/TransferModal.jsx
index d364b678f488..8efdbcb2571d 100644
--- a/web/src/components/topup/modals/TransferModal.jsx
+++ b/web/src/components/topup/modals/TransferModal.jsx
@@ -55,6 +55,7 @@ const TransferModal = ({
             value={renderQuota(userState?.user?.aff_quota)}
             disabled
             className='!rounded-lg'
+            name='components-topup-modals-transfermodal-input-1'
           />
         </div>
         <div>
@@ -67,6 +68,7 @@ const TransferModal = ({
             value={transferAmount}
             onChange={(value) => setTransferAmount(value)}
             className='w-full !rounded-lg'
+            name='components-topup-modals-transfermodal-inputnumber-1'
           />
         </div>
       </div>
diff --git a/web/src/pages/Home/index.jsx b/web/src/pages/Home/index.jsx
index c153c1b3da99..0500d324a453 100644
--- a/web/src/pages/Home/index.jsx
+++ b/web/src/pages/Home/index.jsx
@@ -207,6 +207,7 @@ const Home = () => {
                           />
                         </div>
                       }
+                      name='pages-home-index-input-1'
                     />
                   </div>
                 </div>
diff --git a/web/src/pages/Setting/Chat/SettingsChats.jsx b/web/src/pages/Setting/Chat/SettingsChats.jsx
index 9744d1616786..c6658b1f52b2 100644
--- a/web/src/pages/Setting/Chat/SettingsChats.jsx
+++ b/web/src/pages/Setting/Chat/SettingsChats.jsx
@@ -406,6 +406,7 @@ export default function SettingsChats(props) {
                   }
                 }, 100);
               }}
+              name='pages-setting-chat-settingschats-radiogroup-1'
             >
               <Radio value='visual'>{t('可视化编辑')}</Radio>
               <Radio value='json'>{t('JSON编辑')}</Radio>
@@ -460,6 +461,7 @@ export default function SettingsChats(props) {
                   onChange={(value) => setSearchText(value)}
                   style={{ width: 250 }}
                   showClear
+                  name='pages-setting-chat-settingschats-input-1'
                 />
               </Space>
 
diff --git a/web/src/pages/Setting/Dashboard/SettingsAPIInfo.jsx b/web/src/pages/Setting/Dashboard/SettingsAPIInfo.jsx
index 8116cfc0fa56..0746df0ec804 100644
--- a/web/src/pages/Setting/Dashboard/SettingsAPIInfo.jsx
+++ b/web/src/pages/Setting/Dashboard/SettingsAPIInfo.jsx
@@ -365,7 +365,7 @@ const SettingsAPIInfo = ({ options, refresh }) => {
 
         {/* 启用开关 */}
         <div className='order-1 md:order-2 flex items-center gap-2'>
-          <Switch checked={panelEnabled} onChange={handleToggleEnabled} />
+          <Switch checked={panelEnabled} onChange={handleToggleEnabled}  id='pages-setting-dashboard-settingsapiinfo-switch-1'/>
           <Text>{panelEnabled ? t('已启用') : t('已禁用')}</Text>
         </div>
       </div>
diff --git a/web/src/pages/Setting/Dashboard/SettingsAnnouncements.jsx b/web/src/pages/Setting/Dashboard/SettingsAnnouncements.jsx
index c61102f15039..581f6d985dde 100644
--- a/web/src/pages/Setting/Dashboard/SettingsAnnouncements.jsx
+++ b/web/src/pages/Setting/Dashboard/SettingsAnnouncements.jsx
@@ -437,7 +437,7 @@ const SettingsAnnouncements = ({ options, refresh }) => {
 
         {/* 启用开关 */}
         <div className='order-1 md:order-2 flex items-center gap-2'>
-          <Switch checked={panelEnabled} onChange={handleToggleEnabled} />
+          <Switch checked={panelEnabled} onChange={handleToggleEnabled}  id='pages-setting-dashboard-settingsannouncements-switch-1'/>
           <Text>{panelEnabled ? t('已启用') : t('已禁用')}</Text>
         </div>
       </div>
@@ -625,6 +625,7 @@ const SettingsAnnouncements = ({ options, refresh }) => {
           onChange={(value) =>
             setAnnouncementForm({ ...announcementForm, content: value })
           }
+          name='pages-setting-dashboard-settingsannouncements-textarea-1'
         />
       </Modal>
     </>
diff --git a/web/src/pages/Setting/Dashboard/SettingsFAQ.jsx b/web/src/pages/Setting/Dashboard/SettingsFAQ.jsx
index 3c6f69696295..f41571d60038 100644
--- a/web/src/pages/Setting/Dashboard/SettingsFAQ.jsx
+++ b/web/src/pages/Setting/Dashboard/SettingsFAQ.jsx
@@ -356,7 +356,7 @@ const SettingsFAQ = ({ options, refresh }) => {
 
         {/* 启用开关 */}
         <div className='order-1 md:order-2 flex items-center gap-2'>
-          <Switch checked={panelEnabled} onChange={handleToggleEnabled} />
+          <Switch checked={panelEnabled} onChange={handleToggleEnabled}  id='pages-setting-dashboard-settingsfaq-switch-1'/>
           <Text>{panelEnabled ? t('已启用') : t('已禁用')}</Text>
         </div>
       </div>
diff --git a/web/src/pages/Setting/Dashboard/SettingsUptimeKuma.jsx b/web/src/pages/Setting/Dashboard/SettingsUptimeKuma.jsx
index 3f3d5dd8ef37..4ef610be0583 100644
--- a/web/src/pages/Setting/Dashboard/SettingsUptimeKuma.jsx
+++ b/web/src/pages/Setting/Dashboard/SettingsUptimeKuma.jsx
@@ -378,7 +378,7 @@ const SettingsUptimeKuma = ({ options, refresh }) => {
 
         {/* 启用开关 */}
         <div className='order-1 md:order-2 flex items-center gap-2'>
-          <Switch checked={panelEnabled} onChange={handleToggleEnabled} />
+          <Switch checked={panelEnabled} onChange={handleToggleEnabled}  id='pages-setting-dashboard-settingsuptimekuma-switch-1'/>
           <Text>{panelEnabled ? t('已启用') : t('已禁用')}</Text>
         </div>
       </div>
diff --git a/web/src/pages/Setting/Operation/SettingsChannelAffinity.jsx b/web/src/pages/Setting/Operation/SettingsChannelAffinity.jsx
index 5d75d68a1ba7..905b072c653a 100644
--- a/web/src/pages/Setting/Operation/SettingsChannelAffinity.jsx
+++ b/web/src/pages/Setting/Operation/SettingsChannelAffinity.jsx
@@ -1336,6 +1336,7 @@ export default function SettingsChannelAffinity(props) {
                           isGjson ? { path: value } : { key: value },
                         )
                       }
+                      name='pages-setting-operation-settingschannelaffinity-input-1'
                     />
                   );
                 },
diff --git a/web/src/pages/Setting/Operation/SettingsGeneral.jsx b/web/src/pages/Setting/Operation/SettingsGeneral.jsx
index 80810da068cc..7e0560cc8541 100644
--- a/web/src/pages/Setting/Operation/SettingsGeneral.jsx
+++ b/web/src/pages/Setting/Operation/SettingsGeneral.jsx
@@ -306,6 +306,7 @@ export default function GeneralSettings(props) {
                       suffix={rateSuffix}
                       value={combinedRate}
                       onChange={onCombinedRateChange}
+                      name='pages-setting-operation-settingsgeneral-input-1'
                     />
                     <Text
                       type='tertiary'
diff --git a/web/src/pages/Setting/Operation/SettingsHeaderNavModules.jsx b/web/src/pages/Setting/Operation/SettingsHeaderNavModules.jsx
index 19943c1a8aa6..344d87a1c6b0 100644
--- a/web/src/pages/Setting/Operation/SettingsHeaderNavModules.jsx
+++ b/web/src/pages/Setting/Operation/SettingsHeaderNavModules.jsx
@@ -251,6 +251,7 @@ export default function SettingsHeaderNavModules(props) {
                       }
                       onChange={handleHeaderNavModuleChange(module.key)}
                       size='default'
+                      id={`pages-setting-operation-settingsheadernavmodules-switch-1-${module}`}
                     />
                   </div>
                 </div>
@@ -305,6 +306,7 @@ export default function SettingsHeaderNavModules(props) {
                             }
                             onChange={handlePricingAuthChange}
                             size='default'
+                            id={`pages-setting-operation-settingsheadernavmodules-switch-2-${module}`}
                           />
                         </div>
                       </div>
diff --git a/web/src/pages/Setting/Operation/SettingsSidebarModulesAdmin.jsx b/web/src/pages/Setting/Operation/SettingsSidebarModulesAdmin.jsx
index bcfad9ba28dd..5ec7cec019bd 100644
--- a/web/src/pages/Setting/Operation/SettingsSidebarModulesAdmin.jsx
+++ b/web/src/pages/Setting/Operation/SettingsSidebarModulesAdmin.jsx
@@ -330,6 +330,7 @@ export default function SettingsSidebarModulesAdmin(props) {
                 checked={sidebarModulesAdmin[section.key]?.enabled}
                 onChange={handleSectionChange(section.key)}
                 size='default'
+                id={`pages-setting-operation-settingssidebarmodulesadmin-switch-1-${section}`}
               />
             </div>
 
@@ -387,6 +388,7 @@ export default function SettingsSidebarModulesAdmin(props) {
                           onChange={handleModuleChange(section.key, module.key)}
                           size='default'
                           disabled={!sidebarModulesAdmin[section.key]?.enabled}
+                          id={`pages-setting-operation-settingssidebarmodulesadmin-switch-2-${module}`}
                         />
                       </div>
                     </div>
diff --git a/web/src/pages/Setting/Payment/SettingsPaymentGatewayCreem.jsx b/web/src/pages/Setting/Payment/SettingsPaymentGatewayCreem.jsx
index 41de8d20e904..2c4edad8d49d 100644
--- a/web/src/pages/Setting/Payment/SettingsPaymentGatewayCreem.jsx
+++ b/web/src/pages/Setting/Payment/SettingsPaymentGatewayCreem.jsx
@@ -349,6 +349,7 @@ export default function SettingsPaymentGatewayCreem(props) {
               }
               placeholder={t('例如：基础套餐')}
               size='large'
+              name='pages-setting-payment-settingspaymentgatewaycreem-input-1'
             />
           </div>
           <div>
@@ -363,6 +364,7 @@ export default function SettingsPaymentGatewayCreem(props) {
               placeholder={t('例如：prod_6I8rBerHpPxyoiU9WK4kot')}
               size='large'
               disabled={!!editingProduct}
+              name='pages-setting-payment-settingspaymentgatewaycreem-input-2'
             />
           </div>
           <div>
@@ -397,6 +399,7 @@ export default function SettingsPaymentGatewayCreem(props) {
               size='large'
               className='w-full'
               defaultValue={4.49}
+              name='pages-setting-payment-settingspaymentgatewaycreem-inputnumber-1'
             />
           </div>
           <div>
@@ -413,6 +416,7 @@ export default function SettingsPaymentGatewayCreem(props) {
               precision={0}
               size='large'
               className='w-full'
+              name='pages-setting-payment-settingspaymentgatewaycreem-inputnumber-2'
             />
           </div>
         </div>
diff --git a/web/src/pages/Setting/Payment/SettingsPaymentGatewayWaffo.jsx b/web/src/pages/Setting/Payment/SettingsPaymentGatewayWaffo.jsx
index 29c8cdfa1ea4..2e01fe2430e7 100644
--- a/web/src/pages/Setting/Payment/SettingsPaymentGatewayWaffo.jsx
+++ b/web/src/pages/Setting/Payment/SettingsPaymentGatewayWaffo.jsx
@@ -527,6 +527,7 @@ export default function SettingsPaymentGatewayWaffo(props) {
               value={payMethodForm.name}
               onChange={(val) => setPayMethodForm({ ...payMethodForm, name: val })}
               placeholder={t('例如：Credit Card')}
+              name='pages-setting-payment-settingspaymentgatewaywaffo-input-1'
             />
             <Text type='tertiary' size='small'>{t('用户在充值页面看到的支付方式名称，例如：Credit Card')}</Text>
           </div>
@@ -586,6 +587,7 @@ export default function SettingsPaymentGatewayWaffo(props) {
               onChange={(val) => setPayMethodForm({ ...payMethodForm, payMethodType: val })}
               placeholder='CREDITCARD,DEBITCARD'
               maxLength={64}
+              name='pages-setting-payment-settingspaymentgatewaywaffo-input-2'
             />
             <Text type='tertiary' size='small'>{t('Waffo API 参数，可空，例如：CREDITCARD,DEBITCARD（最多64位）')}</Text>
           </div>
@@ -598,6 +600,7 @@ export default function SettingsPaymentGatewayWaffo(props) {
               onChange={(val) => setPayMethodForm({ ...payMethodForm, payMethodName: val })}
               placeholder={t('可空')}
               maxLength={64}
+              name='pages-setting-payment-settingspaymentgatewaywaffo-input-3'
             />
             <Text type='tertiary' size='small'>{t('Waffo API 参数，可空（最多64位）')}</Text>
           </div>
diff --git a/web/src/pages/Setting/Performance/SettingsPerformance.jsx b/web/src/pages/Setting/Performance/SettingsPerformance.jsx
index e2767f34460d..d53b059623d6 100644
--- a/web/src/pages/Setting/Performance/SettingsPerformance.jsx
+++ b/web/src/pages/Setting/Performance/SettingsPerformance.jsx
@@ -440,6 +440,7 @@ export default function SettingsPerformance(props) {
                   <RadioGroup
                     value={logCleanupMode}
                     onChange={(e) => setLogCleanupMode(e.target.value)}
+                    name='pages-setting-performance-settingsperformance-radiogroup-1'
                   >
                     <Radio value='by_count'>{t('保留最近N个文件')}</Radio>
                     <Radio value='by_days'>{t('保留最近N天')}</Radio>
@@ -459,6 +460,7 @@ export default function SettingsPerformance(props) {
                     max={logCleanupMode === 'by_count' ? 1000 : 3650}
                     onChange={(value) => setLogCleanupValue(value)}
                     style={{ width: '100%' }}
+                    name='pages-setting-performance-settingsperformance-inputnumber-1'
                   />
                 </div>
               </Col>
diff --git a/web/src/pages/Setting/Ratio/UpstreamRatioSync.jsx b/web/src/pages/Setting/Ratio/UpstreamRatioSync.jsx
index 20ea45e9ebd0..04f0a22bef18 100644
--- a/web/src/pages/Setting/Ratio/UpstreamRatioSync.jsx
+++ b/web/src/pages/Setting/Ratio/UpstreamRatioSync.jsx
@@ -485,6 +485,7 @@ export default function UpstreamRatioSync(props) {
               onChange={setSearchKeyword}
               className='w-full sm:w-64'
               showClear
+              name='pages-setting-ratio-upstreamratiosync-input-1'
             />
 
             <Select
@@ -744,6 +745,7 @@ export default function UpstreamRatioSync(props) {
               checked={channelStats.allSelected}
               indeterminate={channelStats.partiallySelected}
               onChange={(e) => handleBulkSelect(e.target.checked)}
+              name='pages-setting-ratio-upstreamratiosync-checkbox-1'
             >
               {upName}
             </Checkbox>
@@ -795,6 +797,7 @@ export default function UpstreamRatioSync(props) {
                       });
                     }
                   }}
+                  name='pages-setting-ratio-upstreamratiosync-checkbox-2'
                 >
                   {String(upstreamVal)}
                 </Checkbox>
diff --git a/web/src/pages/Setting/Ratio/components/ModelPricingEditor.jsx b/web/src/pages/Setting/Ratio/components/ModelPricingEditor.jsx
index 5028a3ffdbaf..72494e60c556 100644
--- a/web/src/pages/Setting/Ratio/components/ModelPricingEditor.jsx
+++ b/web/src/pages/Setting/Ratio/components/ModelPricingEditor.jsx
@@ -76,6 +76,7 @@ const PriceInput = ({
         onChange={onChange}
         suffix={suffix}
         disabled={disabled}
+        name='pages-setting-ratio-components-modelpricingeditor-input-1'
       />
     ) : null}
     {extraText ? (
@@ -264,11 +265,13 @@ export default function ModelPricingEditor({
             onChange={(value) => setSearchText(value)}
             style={{ width: isMobile ? '100%' : 220 }}
             showClear
+            name='pages-setting-ratio-components-modelpricingeditor-input-2'
           />
           {showConflictFilter ? (
             <Checkbox
               checked={conflictOnly}
               onChange={(event) => setConflictOnly(event.target.checked)}
+              name='pages-setting-ratio-components-modelpricingeditor-checkbox-1'
             >
               {t('仅显示矛盾倍率')}
             </Checkbox>
@@ -378,6 +381,7 @@ export default function ModelPricingEditor({
                     type='button'
                     value={selectedModel.billingMode}
                     onChange={(event) => handleBillingModeChange(event.target.value)}
+                    name='pages-setting-ratio-components-modelpricingeditor-radiogroup-1'
                   >
                     <Radio value='per-token'>{t('按量计费')}</Radio>
                     <Radio value='per-request'>{t('按次计费')}</Radio>
@@ -465,6 +469,7 @@ export default function ModelPricingEditor({
                             onChange={(checked) =>
                               handleOptionalFieldToggle('completionPrice', checked)
                             }
+                            id='pages-setting-ratio-components-modelpricingeditor-switch-1'
                           />
                         }
                         hidden={
@@ -502,6 +507,7 @@ export default function ModelPricingEditor({
                             onChange={(checked) =>
                               handleOptionalFieldToggle('cachePrice', checked)
                             }
+                            id='pages-setting-ratio-components-modelpricingeditor-switch-2'
                           />
                         }
                         hidden={!isOptionalFieldEnabled(selectedModel, 'cachePrice')}
@@ -529,6 +535,7 @@ export default function ModelPricingEditor({
                             onChange={(checked) =>
                               handleOptionalFieldToggle('createCachePrice', checked)
                             }
+                            id='pages-setting-ratio-components-modelpricingeditor-switch-3'
                           />
                         }
                         hidden={
@@ -571,6 +578,7 @@ export default function ModelPricingEditor({
                             onChange={(checked) =>
                               handleOptionalFieldToggle('imagePrice', checked)
                             }
+                            id='pages-setting-ratio-components-modelpricingeditor-switch-4'
                           />
                         }
                         hidden={!isOptionalFieldEnabled(selectedModel, 'imagePrice')}
@@ -598,6 +606,7 @@ export default function ModelPricingEditor({
                             onChange={(checked) =>
                               handleOptionalFieldToggle('audioInputPrice', checked)
                             }
+                            id='pages-setting-ratio-components-modelpricingeditor-switch-5'
                           />
                         }
                         hidden={!isOptionalFieldEnabled(selectedModel, 'audioInputPrice')}
@@ -632,6 +641,7 @@ export default function ModelPricingEditor({
                             onChange={(checked) =>
                               handleOptionalFieldToggle('audioOutputPrice', checked)
                             }
+                            id='pages-setting-ratio-components-modelpricingeditor-switch-6'
                           />
                         }
                         hidden={
@@ -701,6 +711,7 @@ export default function ModelPricingEditor({
             value={newModelName}
             placeholder={t('输入模型名称，例如 gpt-4.1')}
             onChange={(value) => setNewModelName(value)}
+            name='pages-setting-ratio-components-modelpricingeditor-input-3'
           />
         </Modal>
       ) : null}

From e9600fb3bad2d118da97e572bb5da23ca3aec00d Mon Sep 17 00:00:00 2001
From: Mison <liangmingsen@qdama.cn>
Date: Wed, 25 Mar 2026 07:10:20 +0800
Subject: [PATCH 3/7] fix(web): tighten form field accessibility semantics

---
 .../common/DocumentRenderer/index.jsx         |  18 +-
 web/src/components/common/ui/JSONEditor.jsx   |  11 +-
 web/src/components/layout/PageLayout.jsx      |   3 +
 .../components/playground/ConfigManager.jsx   |   2 +
 .../playground/CustomInputRender.jsx          |  26 ++
 web/src/components/settings/SystemSetting.jsx | 307 ++++++++++++++----
 .../personal/cards/NotificationSettings.jsx   |  58 ++++
 .../table/channels/ChannelsActions.jsx        |   4 +
 .../table/channels/ChannelsColumnDefs.jsx     |   4 +
 .../table/channels/ChannelsFilters.jsx        |   8 +
 .../channels/modals/EditChannelModal.jsx      | 221 +++++++++++--
 .../table/mj-logs/MjLogsFilters.jsx           |  57 +++-
 .../components/table/models/ModelsFilters.jsx |   8 +
 .../table/redemptions/RedemptionsFilters.jsx  |   5 +
 .../modals/EditRedemptionModal.jsx            |  58 +++-
 .../table/task-logs/TaskLogsFilters.jsx       |  57 +++-
 .../components/table/tokens/TokensFilters.jsx |  10 +
 .../table/tokens/modals/EditTokenModal.jsx    | 212 ++++++++----
 .../table/usage-logs/UsageLogsFilters.jsx     |  74 ++++-
 .../components/table/users/UsersFilters.jsx   |   5 +
 .../table/users/modals/AddUserModal.jsx       |   8 +
 .../table/users/modals/EditUserModal.jsx      |  24 +-
 web/src/components/topup/RechargeCard.jsx     |  25 ++
 web/src/hooks/common/useFormFieldA11yPatch.js | 281 ++++++++++++++++
 web/src/hooks/common/useRepeatingDomPatch.js  |  22 ++
 web/src/pages/PrivacyPolicy/index.jsx         |   5 +-
 .../Setting/Operation/SettingsGeneral.jsx     |   1 +
 .../pages/Setting/Operation/SettingsLog.jsx   |  50 ++-
 web/src/pages/UserAgreement/index.jsx         |   5 +-
 29 files changed, 1365 insertions(+), 204 deletions(-)
 create mode 100644 web/src/hooks/common/useFormFieldA11yPatch.js
 create mode 100644 web/src/hooks/common/useRepeatingDomPatch.js

diff --git a/web/src/components/common/DocumentRenderer/index.jsx b/web/src/components/common/DocumentRenderer/index.jsx
index 68e868c51d8a..b04fde0d27ed 100644
--- a/web/src/components/common/DocumentRenderer/index.jsx
+++ b/web/src/components/common/DocumentRenderer/index.jsx
@@ -72,7 +72,13 @@ const sanitizeHtml = (html) => {
  * @param {string} cacheKey - 本地存储缓存键
  * @param {string} emptyMessage - 空内容时的提示消息
  */
-const DocumentRenderer = ({ apiEndpoint, title, cacheKey, emptyMessage }) => {
+const DocumentRenderer = ({
+  apiEndpoint,
+  title,
+  cacheKey,
+  emptyMessage,
+  enabled = true,
+}) => {
   const { t } = useTranslation();
   const [content, setContent] = useState('');
   const [loading, setLoading] = useState(true);
@@ -80,6 +86,14 @@ const DocumentRenderer = ({ apiEndpoint, title, cacheKey, emptyMessage }) => {
   const [processedHtmlContent, setProcessedHtmlContent] = useState('');
 
   const loadContent = async () => {
+    if (!enabled) {
+      setContent('');
+      setProcessedHtmlContent('');
+      setHtmlStyles('');
+      setLoading(false);
+      return;
+    }
+
     // 先从缓存中获取
     const cachedContent = localStorage.getItem(cacheKey) || '';
     if (cachedContent) {
@@ -124,7 +138,7 @@ const DocumentRenderer = ({ apiEndpoint, title, cacheKey, emptyMessage }) => {
 
   useEffect(() => {
     loadContent();
-  }, []);
+  }, [enabled]);
 
   // 处理HTML样式注入
   useEffect(() => {
diff --git a/web/src/components/common/ui/JSONEditor.jsx b/web/src/components/common/ui/JSONEditor.jsx
index db4c08e3a4cb..6dd9850d4dd1 100644
--- a/web/src/components/common/ui/JSONEditor.jsx
+++ b/web/src/components/common/ui/JSONEditor.jsx
@@ -635,7 +635,12 @@ const JSONEditor = ({
   const hasJsonError = jsonError && jsonError.trim() !== '';
 
   return (
-    <Form.Slot label={label}>
+    <div className='semi-form-field'>
+      <div className='semi-form-field-label semi-form-field-label-left'>
+        <div className='semi-form-field-label-text'>
+          {label}
+        </div>
+      </div>
       <Card
         header={
           <div className='flex justify-between items-center'>
@@ -684,6 +689,7 @@ const JSONEditor = ({
               value={value}
               rules={rules}
               style={{ display: 'none' }}
+              name={field}
               noLabel={true}
               {...props}
             />
@@ -704,6 +710,7 @@ const JSONEditor = ({
               value={value}
               rules={rules}
               style={{ display: 'none' }}
+              name={field}
               noLabel={true}
               {...props}
             />
@@ -720,7 +727,7 @@ const JSONEditor = ({
         )}
         {extraFooter && <div className='mt-1'>{extraFooter}</div>}
       </Card>
-    </Form.Slot>
+    </div>
   );
 };
 
diff --git a/web/src/components/layout/PageLayout.jsx b/web/src/components/layout/PageLayout.jsx
index 51666b5ef392..9336724e9856 100644
--- a/web/src/components/layout/PageLayout.jsx
+++ b/web/src/components/layout/PageLayout.jsx
@@ -24,6 +24,7 @@ import App from '../../App';
 import FooterBar from './Footer';
 import { ToastContainer } from 'react-toastify';
 import React, { useContext, useEffect, useState } from 'react';
+import useFormFieldA11yPatch from '../../hooks/common/useFormFieldA11yPatch';
 import { useIsMobile } from '../../hooks/common/useIsMobile';
 import { useSidebarCollapsed } from '../../hooks/common/useSidebarCollapsed';
 import { useTranslation } from 'react-i18next';
@@ -143,6 +144,8 @@ const PageLayout = () => {
     }
   }, [i18n, userState?.user?.setting]);
 
+  useFormFieldA11yPatch(location.pathname);
+
   return (
     <Layout
       className='app-layout'
diff --git a/web/src/components/playground/ConfigManager.jsx b/web/src/components/playground/ConfigManager.jsx
index 7eaa35b8ae9c..d8340c5b0995 100644
--- a/web/src/components/playground/ConfigManager.jsx
+++ b/web/src/components/playground/ConfigManager.jsx
@@ -216,6 +216,7 @@ const ConfigManager = ({
         <input
           ref={fileInputRef}
           type='file'
+          name='playground-config-import-mobile'
           accept='.json'
           onChange={handleFileChange}
           style={{ display: 'none' }}
@@ -270,6 +271,7 @@ const ConfigManager = ({
       <input
         ref={fileInputRef}
         type='file'
+        name='playground-config-import'
         accept='.json'
         onChange={handleFileChange}
         style={{ display: 'none' }}
diff --git a/web/src/components/playground/CustomInputRender.jsx b/web/src/components/playground/CustomInputRender.jsx
index c995773a7f8e..4054b28997ce 100644
--- a/web/src/components/playground/CustomInputRender.jsx
+++ b/web/src/components/playground/CustomInputRender.jsx
@@ -20,6 +20,7 @@ For commercial licensing, please contact support@quantumnous.com
 import React, { useRef, useEffect, useCallback } from 'react';
 import { Toast } from '@douyinfe/semi-ui';
 import { useTranslation } from 'react-i18next';
+import useRepeatingDomPatch from '../../hooks/common/useRepeatingDomPatch';
 import { usePlayground } from '../../contexts/PlaygroundContext';
 
 const CustomInputRender = (props) => {
@@ -102,6 +103,31 @@ const CustomInputRender = (props) => {
     };
   }, [handlePaste]);
 
+  useRepeatingDomPatch(() => {
+    const patchInputs = () => {
+      const container = containerRef.current;
+      if (!container) return;
+
+      const visibleTextarea = container.querySelector(
+        '.flex-1 textarea:not([aria-hidden="true"])',
+      );
+      if (visibleTextarea) {
+        visibleTextarea.name = 'playground-message-input';
+        visibleTextarea.id = 'playground-message-input';
+        visibleTextarea.setAttribute('data-playground-input', 'true');
+      }
+
+      const hiddenTextarea = container.querySelector(
+        'textarea[aria-hidden="true"]',
+      );
+      if (hiddenTextarea) {
+        hiddenTextarea.name = 'playground-message-shadow';
+      }
+    };
+
+    patchInputs();
+  }, []);
+
   // 清空按钮
   const styledClearNode = clearContextNode
     ? React.cloneElement(clearContextNode, {
diff --git a/web/src/components/settings/SystemSetting.jsx b/web/src/components/settings/SystemSetting.jsx
index ab422f54b15c..9ead45f8372b 100644
--- a/web/src/components/settings/SystemSetting.jsx
+++ b/web/src/components/settings/SystemSetting.jsx
@@ -26,11 +26,11 @@ import {
   Typography,
   Modal,
   Banner,
-  TagInput,
   Spin,
   Card,
   Radio,
   Select,
+  Tag,
 } from '@douyinfe/semi-ui';
 const { Text } = Typography;
 import {
@@ -125,6 +125,74 @@ const SystemSetting = () => {
   const [domainList, setDomainList] = useState([]);
   const [ipList, setIpList] = useState([]);
   const [allowedPorts, setAllowedPorts] = useState([]);
+  const [domainInputValue, setDomainInputValue] = useState('');
+  const [ipInputValue, setIpInputValue] = useState('');
+  const [allowedPortsInputValue, setAllowedPortsInputValue] = useState('');
+
+  const normalizeTagEntries = (rawValue) => {
+    return [...new Set(
+      String(rawValue || '')
+        .split(/[\n,]/)
+        .map((item) => item.trim())
+        .filter(Boolean),
+    )];
+  };
+
+  const updateListField = (fieldKey, nextValues, setter) => {
+    setter(nextValues);
+    setInputs((prev) => ({
+      ...prev,
+      [fieldKey]: nextValues,
+    }));
+  };
+
+  const appendListField = (
+    fieldKey,
+    currentValues,
+    draftValue,
+    setter,
+    clearDraft,
+  ) => {
+    const entries = normalizeTagEntries(draftValue);
+    if (entries.length === 0) {
+      return;
+    }
+    const nextValues = [...new Set([...(currentValues || []), ...entries])];
+    updateListField(fieldKey, nextValues, setter);
+    clearDraft('');
+  };
+
+  const removeListFieldEntry = (fieldKey, currentValues, value, setter) => {
+    const nextValues = (currentValues || []).filter((item) => item !== value);
+    updateListField(fieldKey, nextValues, setter);
+  };
+
+  const renderTagGroup = (values, onRemove) => {
+    if (!Array.isArray(values) || values.length === 0) {
+      return null;
+    }
+    return (
+      <div
+        style={{
+          display: 'flex',
+          flexWrap: 'wrap',
+          gap: 8,
+          marginBottom: 12,
+        }}
+      >
+        {values.map((value) => (
+          <Tag
+            key={value}
+            closable
+            onClose={() => onRemove(value)}
+            aria-label={`Tag: ${value}`}
+          >
+            {value}
+          </Tag>
+        ))}
+      </div>
+    );
+  };
 
   const getOptions = async () => {
     setLoading(true);
@@ -860,12 +928,12 @@ const SystemSetting = () => {
                           '支持通配符格式，如：example.com, *.api.example.com',
                         )}
                       </Text>
-                      <Radio.Group
+                      <Form.RadioGroup
+                        field='fetch_setting.domain_filter_mode_selector'
+                        noLabel
                         type='button'
                         value={domainFilterMode ? 'whitelist' : 'blacklist'}
-                        onChange={(val) => {
-                          const selected =
-                            val && val.target ? val.target.value : val;
+                        onChange={(selected) => {
                           const isWhitelist = selected === 'whitelist';
                           setDomainFilterMode(isWhitelist);
                           setInputs((prev) => ({
@@ -877,19 +945,48 @@ const SystemSetting = () => {
                       >
                         <Radio value='whitelist' name='components-settings-systemsetting-radio-1'>{t('白名单')}</Radio>
                         <Radio value='blacklist' name='components-settings-systemsetting-radio-2'>{t('黑名单')}</Radio>
-                      </Radio.Group>
-                      <TagInput
-                        value={domainList}
-                        onChange={(value) => {
-                          setDomainList(value);
-                          // 触发Form的onChange事件
-                          setInputs((prev) => ({
-                            ...prev,
-                            'fetch_setting.domain_list': value,
-                          }));
-                        }}
+                      </Form.RadioGroup>
+                      {renderTagGroup(domainList, (value) =>
+                        removeListFieldEntry(
+                          'fetch_setting.domain_list',
+                          domainList,
+                          value,
+                          setDomainList,
+                        ),
+                      )}
+                      <Form.Input
+                        field='fetch_setting.domain_list_draft'
+                        noLabel
+                        aria-label={t(domainFilterMode ? '域名白名单输入' : '域名黑名单输入')}
                         placeholder={t('输入域名后回车，如：example.com')}
-                        style={{ width: '100%' }}
+                        value={domainInputValue}
+                        onChange={setDomainInputValue}
+                        onEnterPress={() =>
+                          appendListField(
+                            'fetch_setting.domain_list',
+                            domainList,
+                            domainInputValue,
+                            setDomainList,
+                            setDomainInputValue,
+                          )
+                        }
+                        suffix={
+                          <Button
+                            theme='solid'
+                            type='primary'
+                            onClick={() =>
+                              appendListField(
+                                'fetch_setting.domain_list',
+                                domainList,
+                                domainInputValue,
+                                setDomainList,
+                                setDomainInputValue,
+                              )
+                            }
+                          >
+                            {t('添加')}
+                          </Button>
+                        }
                       />
                     </Col>
                   </Row>
@@ -908,12 +1005,12 @@ const SystemSetting = () => {
                       >
                         {t('支持CIDR格式，如：8.8.8.8, 192.168.1.0/24')}
                       </Text>
-                      <Radio.Group
+                      <Form.RadioGroup
+                        field='fetch_setting.ip_filter_mode_selector'
+                        noLabel
                         type='button'
                         value={ipFilterMode ? 'whitelist' : 'blacklist'}
-                        onChange={(val) => {
-                          const selected =
-                            val && val.target ? val.target.value : val;
+                        onChange={(selected) => {
                           const isWhitelist = selected === 'whitelist';
                           setIpFilterMode(isWhitelist);
                           setInputs((prev) => ({
@@ -925,19 +1022,48 @@ const SystemSetting = () => {
                       >
                         <Radio value='whitelist' name='components-settings-systemsetting-radio-3'>{t('白名单')}</Radio>
                         <Radio value='blacklist' name='components-settings-systemsetting-radio-4'>{t('黑名单')}</Radio>
-                      </Radio.Group>
-                      <TagInput
-                        value={ipList}
-                        onChange={(value) => {
-                          setIpList(value);
-                          // 触发Form的onChange事件
-                          setInputs((prev) => ({
-                            ...prev,
-                            'fetch_setting.ip_list': value,
-                          }));
-                        }}
+                      </Form.RadioGroup>
+                      {renderTagGroup(ipList, (value) =>
+                        removeListFieldEntry(
+                          'fetch_setting.ip_list',
+                          ipList,
+                          value,
+                          setIpList,
+                        ),
+                      )}
+                      <Form.Input
+                        field='fetch_setting.ip_list_draft'
+                        noLabel
+                        aria-label={t(ipFilterMode ? 'IP白名单输入' : 'IP黑名单输入')}
                         placeholder={t('输入IP地址后回车，如：8.8.8.8')}
-                        style={{ width: '100%' }}
+                        value={ipInputValue}
+                        onChange={setIpInputValue}
+                        onEnterPress={() =>
+                          appendListField(
+                            'fetch_setting.ip_list',
+                            ipList,
+                            ipInputValue,
+                            setIpList,
+                            setIpInputValue,
+                          )
+                        }
+                        suffix={
+                          <Button
+                            theme='solid'
+                            type='primary'
+                            onClick={() =>
+                              appendListField(
+                                'fetch_setting.ip_list',
+                                ipList,
+                                ipInputValue,
+                                setIpList,
+                                setIpInputValue,
+                              )
+                            }
+                          >
+                            {t('添加')}
+                          </Button>
+                        }
                       />
                     </Col>
                   </Row>
@@ -954,18 +1080,47 @@ const SystemSetting = () => {
                       >
                         {t('支持单个端口和端口范围，如：80, 443, 8000-8999')}
                       </Text>
-                      <TagInput
-                        value={allowedPorts}
-                        onChange={(value) => {
-                          setAllowedPorts(value);
-                          // 触发Form的onChange事件
-                          setInputs((prev) => ({
-                            ...prev,
-                            'fetch_setting.allowed_ports': value,
-                          }));
-                        }}
+                      {renderTagGroup(allowedPorts, (value) =>
+                        removeListFieldEntry(
+                          'fetch_setting.allowed_ports',
+                          allowedPorts,
+                          value,
+                          setAllowedPorts,
+                        ),
+                      )}
+                      <Form.Input
+                        field='fetch_setting.allowed_ports_draft'
+                        noLabel
+                        aria-label={t('允许的端口输入')}
                         placeholder={t('输入端口后回车，如：80 或 8000-8999')}
-                        style={{ width: '100%' }}
+                        value={allowedPortsInputValue}
+                        onChange={setAllowedPortsInputValue}
+                        onEnterPress={() =>
+                          appendListField(
+                            'fetch_setting.allowed_ports',
+                            allowedPorts,
+                            allowedPortsInputValue,
+                            setAllowedPorts,
+                            setAllowedPortsInputValue,
+                          )
+                        }
+                        suffix={
+                          <Button
+                            theme='solid'
+                            type='primary'
+                            onClick={() =>
+                              appendListField(
+                                'fetch_setting.allowed_ports',
+                                allowedPorts,
+                                allowedPortsInputValue,
+                                setAllowedPorts,
+                                setAllowedPortsInputValue,
+                              )
+                            }
+                          >
+                            {t('添加')}
+                          </Button>
+                        }
                       />
                       <Text
                         type='secondary'
@@ -1148,9 +1303,12 @@ const SystemSetting = () => {
                     style={{ marginTop: 16 }}
                   >
                     <Col xs={24} sm={24} md={12} lg={12} xl={12}>
-                      <Form.Select
-                        field="['passkey.user_verification']"
-                        label={t('安全验证级别')}
+                      <Text strong style={{ display: 'block', marginBottom: 8 }}>
+                        {t('安全验证级别')}
+                      </Text>
+                      <Select
+                        aria-label={t('安全验证级别')}
+                        value={inputs['passkey.user_verification'] || 'preferred'}
                         placeholder={t('是否要求指纹/面容等生物识别')}
                         optionList={[
                           {
@@ -1160,23 +1318,48 @@ const SystemSetting = () => {
                           { label: t('强制要求'), value: 'required' },
                           { label: t('不建议使用'), value: 'discouraged' },
                         ]}
-                        extraText={t('推荐：用户可以选择是否使用指纹等验证')}
+                        onChange={(value) =>
+                          setInputs((prev) => ({
+                            ...prev,
+                            'passkey.user_verification': value,
+                          }))
+                        }
+                        style={{ width: '100%' }}
                       />
+                      <Text
+                        type='secondary'
+                        style={{ display: 'block', marginTop: 8 }}
+                      >
+                        {t('推荐：用户可以选择是否使用指纹等验证')}
+                      </Text>
                     </Col>
                     <Col xs={24} sm={24} md={12} lg={12} xl={12}>
-                      <Form.Select
-                        field="['passkey.attachment_preference']"
-                        label={t('设备类型偏好')}
+                      <Text strong style={{ display: 'block', marginBottom: 8 }}>
+                        {t('设备类型偏好')}
+                      </Text>
+                      <Select
+                        aria-label={t('设备类型偏好')}
+                        value={inputs['passkey.attachment_preference'] || ''}
                         placeholder={t('选择支持的认证设备类型')}
                         optionList={[
                           { label: t('不限制'), value: '' },
                           { label: t('本设备内置'), value: 'platform' },
                           { label: t('外接设备'), value: 'cross-platform' },
                         ]}
-                        extraText={t(
-                          '本设备：手机指纹/面容，外接：USB安全密钥',
-                        )}
+                        onChange={(value) =>
+                          setInputs((prev) => ({
+                            ...prev,
+                            'passkey.attachment_preference': value,
+                          }))
+                        }
+                        style={{ width: '100%' }}
                       />
+                      <Text
+                        type='secondary'
+                        style={{ display: 'block', marginTop: 8 }}
+                      >
+                        {t('本设备：手机指纹/面容，外接：USB安全密钥')}
+                      </Text>
                     </Col>
                   </Row>
                   <Row
@@ -1258,13 +1441,17 @@ const SystemSetting = () => {
                       </Form.Checkbox>
                     </Col>
                   </Row>
-                  <TagInput
-                    value={emailDomainWhitelist}
-                    onChange={setEmailDomainWhitelist}
-                    placeholder={t('输入域名后回车')}
-                    style={{ width: '100%', marginTop: 16 }}
-                  />
+                  <div style={{ marginTop: 16 }}>
+                    {renderTagGroup(emailDomainWhitelist, (value) =>
+                      setEmailDomainWhitelist((prev) =>
+                        prev.filter((item) => item !== value),
+                      ),
+                    )}
+                  </div>
                   <Form.Input
+                    field='EmailDomainWhitelistDraft'
+                    noLabel
+                    aria-label={t('输入要添加的邮箱域名')}
                     placeholder={t('输入要添加的邮箱域名')}
                     value={emailToAdd}
                     onChange={(value) => setEmailToAdd(value)}
diff --git a/web/src/components/settings/personal/cards/NotificationSettings.jsx b/web/src/components/settings/personal/cards/NotificationSettings.jsx
index 06b4a6ba102b..b1b82bc1899d 100644
--- a/web/src/components/settings/personal/cards/NotificationSettings.jsx
+++ b/web/src/components/settings/personal/cards/NotificationSettings.jsx
@@ -48,6 +48,7 @@ import {
   mergeAdminConfig,
   useSidebar,
 } from '../../../../hooks/common/useSidebar';
+import useRepeatingDomPatch from '../../../../hooks/common/useRepeatingDomPatch';
 
 const NotificationSettings = ({
   t,
@@ -217,6 +218,52 @@ const NotificationSettings = ({
     loadSidebarConfigs();
   }, [statusState]);
 
+  useRepeatingDomPatch(() => {
+    const patchInputs = () => {
+      const warningTypeWrapper = document.getElementById('warningType');
+      if (
+        warningTypeWrapper &&
+        warningTypeWrapper.tagName.toLowerCase() !== 'input' &&
+        warningTypeWrapper.tagName.toLowerCase() !== 'select' &&
+        warningTypeWrapper.tagName.toLowerCase() !== 'textarea'
+      ) {
+        warningTypeWrapper.id = 'warningType-wrapper';
+        const firstRadio = warningTypeWrapper.querySelector('input[type="radio"]');
+        if (firstRadio) {
+          firstRadio.id = 'warningType';
+          firstRadio.name = firstRadio.name || 'warningType';
+        }
+      }
+
+      const warningThresholdWrapper = document.getElementById('warningThreshold');
+      if (
+        warningThresholdWrapper &&
+        warningThresholdWrapper.tagName.toLowerCase() !== 'input'
+      ) {
+        warningThresholdWrapper.id = 'warningThreshold-wrapper';
+      }
+      const warningThresholdInput = document.querySelector(
+        '.warning-threshold-field input:not([aria-hidden="true"])',
+      );
+      if (warningThresholdInput) {
+        warningThresholdInput.id = 'warningThreshold';
+        warningThresholdInput.name = 'warningThreshold';
+        warningThresholdInput.setAttribute('autocomplete', 'off');
+      }
+
+      const gotifyPriorityInput = document.querySelector(
+        '.gotify-priority-field input:not([aria-hidden="true"])',
+      );
+      if (gotifyPriorityInput) {
+        gotifyPriorityInput.id = 'gotifyPriority';
+        gotifyPriorityInput.name = 'gotifyPriority';
+        gotifyPriorityInput.setAttribute('autocomplete', 'off');
+      }
+    };
+
+    patchInputs();
+  }, [activeTabKey, notificationSettings]);
+
   // 初始化表单值
   useEffect(() => {
     if (formApiRef.current && notificationSettings) {
@@ -436,6 +483,9 @@ const NotificationSettings = ({
 
                 <Form.AutoComplete
                   field='warningThreshold'
+                  name='warningThreshold'
+                  autoComplete='off'
+                  className='warning-threshold-field'
                   label={
                     <span>
                       {t('额度预警阈值')}{' '}
@@ -491,6 +541,7 @@ const NotificationSettings = ({
                   <Form.Input
                     field='notificationEmail'
                     label={t('通知邮箱')}
+                    autoComplete='email'
                     placeholder={t('留空则使用账号绑定的邮箱')}
                     onChange={(val) =>
                       handleFormChange('notificationEmail', val)
@@ -509,6 +560,7 @@ const NotificationSettings = ({
                     <Form.Input
                       field='webhookUrl'
                       label={t('Webhook地址')}
+                      autoComplete='url'
                       placeholder={t(
                         '请输入Webhook地址，例如: https://example.com/webhook',
                       )}
@@ -534,6 +586,7 @@ const NotificationSettings = ({
                     <Form.Input
                       field='webhookSecret'
                       label={t('接口凭证')}
+                      autoComplete='off'
                       placeholder={t('请输入密钥')}
                       onChange={(val) => handleFormChange('webhookSecret', val)}
                       prefix={<IconKey />}
@@ -590,6 +643,7 @@ const NotificationSettings = ({
                     <Form.Input
                       field='barkUrl'
                       label={t('Bark推送URL')}
+                      autoComplete='url'
                       placeholder={t(
                         '请输入Bark推送URL，例如: https://api.day.app/yourkey/{{title}}/{{content}}',
                       )}
@@ -650,6 +704,7 @@ const NotificationSettings = ({
                     <Form.Input
                       field='gotifyUrl'
                       label={t('Gotify服务器地址')}
+                      autoComplete='url'
                       placeholder={t(
                         '请输入Gotify服务器地址，例如: https://gotify.example.com',
                       )}
@@ -677,6 +732,7 @@ const NotificationSettings = ({
                     <Form.Input
                       field='gotifyToken'
                       label={t('Gotify应用令牌')}
+                      autoComplete='off'
                       placeholder={t('请输入Gotify应用令牌')}
                       onChange={(val) => handleFormChange('gotifyToken', val)}
                       prefix={<IconKey />}
@@ -696,6 +752,8 @@ const NotificationSettings = ({
                     <Form.AutoComplete
                       field='gotifyPriority'
                       label={t('消息优先级')}
+                      autoComplete='off'
+                      className='gotify-priority-field'
                       placeholder={t('请选择消息优先级')}
                       data={[
                         { value: 0, label: t('0 - 最低') },
diff --git a/web/src/components/table/channels/ChannelsActions.jsx b/web/src/components/table/channels/ChannelsActions.jsx
index ef367ce6196d..8f21c2256fe7 100644
--- a/web/src/components/table/channels/ChannelsActions.jsx
+++ b/web/src/components/table/channels/ChannelsActions.jsx
@@ -239,6 +239,7 @@ const ChannelsActions = ({
             <Switch
               size='small'
               checked={idSort}
+              aria-label={t('使用ID排序')}
               onChange={(v) => {
                 localStorage.setItem('id-sort', v + '');
                 setIdSort(v);
@@ -272,6 +273,7 @@ const ChannelsActions = ({
             <Switch
               size='small'
               checked={enableBatchDelete}
+              aria-label={t('开启批量操作')}
               onChange={(v) => {
                 localStorage.setItem('enable-batch-delete', v + '');
                 setEnableBatchDelete(v);
@@ -287,6 +289,7 @@ const ChannelsActions = ({
             <Switch
               size='small'
               checked={enableTagMode}
+              aria-label={t('标签聚合模式')}
               onChange={(v) => {
                 localStorage.setItem('enable-tag-mode', v + '');
                 setEnableTagMode(v);
@@ -304,6 +307,7 @@ const ChannelsActions = ({
             <Select
               size='small'
               value={statusFilter}
+              aria-label={t('状态筛选')}
               onChange={(v) => {
                 localStorage.setItem('channel-status-filter', v);
                 setStatusFilter(v);
diff --git a/web/src/components/table/channels/ChannelsColumnDefs.jsx b/web/src/components/table/channels/ChannelsColumnDefs.jsx
index 5d748c0f5343..f7bbe4fe139b 100644
--- a/web/src/components/table/channels/ChannelsColumnDefs.jsx
+++ b/web/src/components/table/channels/ChannelsColumnDefs.jsx
@@ -583,6 +583,7 @@ export const getChannelsColumns = ({
               <InputNumber
                 style={{ width: 70 }}
                 name='priority'
+                aria-label={t('渠道优先级')}
                 onBlur={(e) => {
                   manageChannel(record.id, 'priority', record, e.target.value);
                 }}
@@ -599,6 +600,7 @@ export const getChannelsColumns = ({
             <InputNumber
               style={{ width: 70 }}
               name='priority'
+              aria-label={t('子渠道优先级')}
               keepFocus={true}
               onBlur={(e) => {
                 Modal.warning({
@@ -638,6 +640,7 @@ export const getChannelsColumns = ({
               <InputNumber
                 style={{ width: 70 }}
                 name='weight'
+                aria-label={t('渠道权重')}
                 onBlur={(e) => {
                   manageChannel(record.id, 'weight', record, e.target.value);
                 }}
@@ -654,6 +657,7 @@ export const getChannelsColumns = ({
             <InputNumber
               style={{ width: 70 }}
               name='weight'
+              aria-label={t('子渠道权重')}
               keepFocus={true}
               onBlur={(e) => {
                 Modal.warning({
diff --git a/web/src/components/table/channels/ChannelsFilters.jsx b/web/src/components/table/channels/ChannelsFilters.jsx
index e97a1e3e37f0..31f0af2fe383 100644
--- a/web/src/components/table/channels/ChannelsFilters.jsx
+++ b/web/src/components/table/channels/ChannelsFilters.jsx
@@ -86,9 +86,13 @@ const ChannelsFilters = ({
           className='flex flex-col md:flex-row items-center gap-2 w-full'
         >
           <div className='relative w-full md:w-64'>
+            <span id='searchKeyword-label' className='sr-only'>
+              {t('渠道ID，名称，密钥，API地址')}
+            </span>
             <Form.Input
               size='small'
               field='searchKeyword'
+              name='searchKeyword'
               prefix={<IconSearch />}
               placeholder={t('渠道ID，名称，密钥，API地址')}
               showClear
@@ -96,9 +100,13 @@ const ChannelsFilters = ({
             />
           </div>
           <div className='w-full md:w-48'>
+            <span id='searchModel-label' className='sr-only'>
+              {t('模型关键字')}
+            </span>
             <Form.Input
               size='small'
               field='searchModel'
+              name='searchModel'
               prefix={<IconSearch />}
               placeholder={t('模型关键字')}
               showClear
diff --git a/web/src/components/table/channels/modals/EditChannelModal.jsx b/web/src/components/table/channels/modals/EditChannelModal.jsx
index 287beb0b1742..8d09214f4aa2 100644
--- a/web/src/components/table/channels/modals/EditChannelModal.jsx
+++ b/web/src/components/table/channels/modals/EditChannelModal.jsx
@@ -2589,21 +2589,33 @@ const EditChannelModal = (props) => {
                       </Banner>
                     )}
 
-                    <Form.Select
-                      field='type'
-                      label={t('类型')}
-                      placeholder={t('请选择渠道类型')}
-                      rules={[{ required: true, message: t('请选择渠道类型') }]}
-                      optionList={channelOptionList}
-                      style={{ width: '100%' }}
-                      filter={selectFilter}
-                      autoClearSearchValue={false}
-                      searchPosition='dropdown'
-                      onSearch={(value) => setChannelSearchValue(value)}
-                      renderOptionItem={renderChannelOption}
-                      onChange={(value) => handleInputChange('type', value)}
-                      disabled={isIonetLocked}
-                    />
+                    <div className='semi-form-field'>
+                      <div
+                        id='type-label'
+                        className='semi-form-field-label semi-form-field-label-left semi-form-field-label-required'
+                      >
+                        <div className='semi-form-field-label-text'>
+                          {t('类型')}
+                        </div>
+                      </div>
+                      <Form.Select
+                        field='type'
+                        noLabel
+                        aria-labelledby='type-label'
+                        aria-label={t('类型')}
+                        placeholder={t('请选择渠道类型')}
+                        rules={[{ required: true, message: t('请选择渠道类型') }]}
+                        optionList={channelOptionList}
+                        style={{ width: '100%' }}
+                        filter={selectFilter}
+                        autoClearSearchValue={false}
+                        searchPosition='dropdown'
+                        onSearch={(value) => setChannelSearchValue(value)}
+                        renderOptionItem={renderChannelOption}
+                        onChange={(value) => handleInputChange('type', value)}
+                        disabled={isIonetLocked}
+                      />
+                    </div>
 
                     {inputs.type === 57 && (
                       <Banner
@@ -3427,9 +3439,20 @@ const EditChannelModal = (props) => {
                   )}
 
                   {/* Model Selection - Part of Core Config */}
-                  <Form.Select
+                  <div className='semi-form-field'>
+                    <div
+                      id='models-label'
+                      className='semi-form-field-label semi-form-field-label-left semi-form-field-label-required'
+                    >
+                      <div className='semi-form-field-label-text'>
+                        {t('模型')}
+                      </div>
+                    </div>
+                    <Form.Select
                       field='models'
-                      label={t('模型')}
+                      noLabel
+                      aria-labelledby='models-label'
+                      aria-label={t('模型')}
                       placeholder={t('请选择该渠道所支持的模型')}
                       rules={[{ required: true, message: t('请选择模型') }]}
                       multiple
@@ -3536,6 +3559,7 @@ const EditChannelModal = (props) => {
                         </Space>
                       }
                     />
+                  </div>
 
                   {/* Custom Model Name - Core Config */}
                   <Form.Input
@@ -3556,20 +3580,32 @@ const EditChannelModal = (props) => {
                   />
 
                   {/* Groups - Core Config */}
-                  <Form.Select
-                    field='groups'
-                    label={t('分组')}
-                    placeholder={t('请选择可以使用该渠道的分组')}
-                    multiple
-                    allowAdditions
-                    additionLabel={t(
-                      '请在系统设置页面编辑分组倍率以添加新的分组：',
-                    )}
-                    optionList={groupOptions}
-                    style={{ width: '100%' }}
-                    position='top'
-                    onChange={(value) => handleInputChange('groups', value)}
-                  />
+                  <div className='semi-form-field'>
+                    <div
+                      id='groups-label'
+                      className='semi-form-field-label semi-form-field-label-left'
+                    >
+                      <div className='semi-form-field-label-text'>
+                        {t('分组')}
+                      </div>
+                    </div>
+                    <Form.Select
+                      field='groups'
+                      noLabel
+                      aria-labelledby='groups-label'
+                      aria-label={t('分组')}
+                      placeholder={t('请选择可以使用该渠道的分组')}
+                      multiple
+                      allowAdditions
+                      additionLabel={t(
+                        '请在系统设置页面编辑分组倍率以添加新的分组：',
+                      )}
+                      optionList={groupOptions}
+                      style={{ width: '100%' }}
+                      position='top'
+                      onChange={(value) => handleInputChange('groups', value)}
+                    />
+                  </div>
 
                   {/* Model Mapping - Core Config */}
                   <JSONEditor
@@ -3676,6 +3712,129 @@ const EditChannelModal = (props) => {
                     <div className='flex items-center gap-1 text-sm' style={{ color: 'var(--semi-color-primary)' }}>
                       <Text size='small' style={{ color: 'var(--semi-color-primary)' }}>
                         {advancedSettingsOpen ? t('收起') : isEdit ? t('向左展开') : t('向右展开')}
+                          label={t('渠道优先级')}
+                          placeholder={t('渠道优先级')}
+                          min={0}
+                          onNumberChange={(value) =>
+                            handleInputChange('priority', value)
+                          }
+                          style={{ width: '100%' }}
+                        />
+                      </Col>
+                      <Col span={12}>
+                        <Form.InputNumber
+                          field='weight'
+                          label={t('渠道权重')}
+                          placeholder={t('渠道权重')}
+                          min={0}
+                          onNumberChange={(value) =>
+                            handleInputChange('weight', value)
+                          }
+                          style={{ width: '100%' }}
+                        />
+                      </Col>
+                    </Row>
+
+                    <Form.Switch
+                      field='auto_ban'
+                      label={t('是否自动禁用')}
+                      checkedText={t('开')}
+                      uncheckedText={t('关')}
+                      onChange={(value) => setAutoBan(value)}
+                      extraText={t(
+                        '仅当自动禁用开启时有效，关闭后不会自动禁用该渠道',
+                      )}
+                      initValue={autoBan}
+                    />
+
+                    <Form.Switch
+                        field='upstream_model_update_auto_sync_enabled'
+                        label={t('是否自动同步上游模型更新')}
+                        checkedText={t('开')}
+                        uncheckedText={t('关')}
+                        disabled={!inputs.upstream_model_update_check_enabled}
+                        onChange={(value) =>
+                            handleChannelOtherSettingsChange(
+                                'upstream_model_update_auto_sync_enabled',
+                                value,
+                            )
+                        }
+                        extraText={t(
+                            '开启后检测到新增模型会自动加入当前渠道模型列表',
+                        )}
+                    />
+
+                    <div className='text-xs text-gray-500 mb-3'>
+                      {t('上次检测到可加入模型')}:&nbsp;
+                      {upstreamDetectedModels.length === 0 ? (
+                          t('暂无')
+                      ) : (
+                          <>
+                            <Tooltip
+                                position='topLeft'
+                                content={
+                                  <div className='max-w-[640px] break-all text-xs leading-5'>
+                                    {upstreamDetectedModels.join(', ')}
+                                  </div>
+                                }
+                            >
+                            <span className='cursor-help break-all'>
+                              {upstreamDetectedModelsPreview.join(', ')}
+                            </span>
+                            </Tooltip>
+                            <span className='ml-1 text-gray-400'>
+                            {upstreamDetectedModelsOmittedCount > 0
+                                ? t('（共 {{total}} 个，省略 {{omit}} 个）', {
+                                  total: upstreamDetectedModels.length,
+                                  omit: upstreamDetectedModelsOmittedCount,
+                                })
+                                : t('（共 {{total}} 个）', {
+                                  total: upstreamDetectedModels.length,
+                                })}
+                          </span>
+                          </>
+                      )}
+                    </div>
+
+                    <div className='mb-4'>
+                      <div className='flex items-center justify-between gap-2 mb-1'>
+                        <Text className='text-sm font-medium'>{t('参数覆盖')}</Text>
+                        <Space wrap>
+                          <Button
+                              size='small'
+                              type='primary'
+                              icon={<IconCode size={14} />}
+                              onClick={() => setParamOverrideEditorVisible(true)}
+                          >
+                            {t('可视化编辑')}
+                          </Button>
+                          <Button
+                              size='small'
+                              onClick={() =>
+                                  applyParamOverrideTemplate('operations', 'fill')
+                              }
+                          >
+                            {t('填充新模板')}
+                          </Button>
+                          <Button
+                              size='small'
+                              onClick={() =>
+                                  applyParamOverrideTemplate('legacy', 'fill')
+                              }
+                          >
+                            {t('填充旧模板')}
+                          </Button>
+                          <Button
+                            size='small'
+                            type='tertiary'
+                            onClick={clearParamOverride}
+                          >
+                            {t('清空')}
+                          </Button>
+                        </Space>
+                      </div>
+                      <Text type='tertiary' size='small'>
+                        {t('此项可选，用于覆盖请求参数。不支持覆盖 stream 参数')}
                       </Text>
                       <IconChevronDown
                         size={14}
diff --git a/web/src/components/table/mj-logs/MjLogsFilters.jsx b/web/src/components/table/mj-logs/MjLogsFilters.jsx
index 7c61454e0d59..26e995043137 100644
--- a/web/src/components/table/mj-logs/MjLogsFilters.jsx
+++ b/web/src/components/table/mj-logs/MjLogsFilters.jsx
@@ -17,9 +17,10 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.
 For commercial licensing, please contact support@quantumnous.com
 */
 
-import React from 'react';
+import React, { useRef } from 'react';
 import { Button, Form } from '@douyinfe/semi-ui';
 import { IconSearch } from '@douyinfe/semi-icons';
+import useRepeatingDomPatch from '../../../hooks/common/useRepeatingDomPatch';
 
 import { DATE_RANGE_PRESETS } from '../../../constants/console.constants';
 
@@ -33,6 +34,29 @@ const MjLogsFilters = ({
   isAdminUser,
   t,
 }) => {
+  const containerRef = useRef(null);
+
+  useRepeatingDomPatch(() => {
+    const patchInputs = () => {
+      const container = containerRef.current;
+      if (!container) return;
+
+      const [startInput, endInput] = container.querySelectorAll(
+        '.mj-date-range-field input:not([aria-hidden="true"])',
+      );
+      if (startInput) {
+        startInput.name = 'mj-date-range-start';
+        startInput.id = startInput.id || 'mj-date-range-start';
+      }
+      if (endInput) {
+        endInput.name = 'mj-date-range-end';
+        endInput.id = endInput.id || 'mj-date-range-end';
+      }
+    };
+
+    patchInputs();
+  }, []);
+
   return (
     <Form
       initValues={formInitValues}
@@ -44,13 +68,13 @@ const MjLogsFilters = ({
       trigger='change'
       stopValidateWithError={false}
     >
-      <div className='flex flex-col gap-2'>
+      <div className='flex flex-col gap-2' ref={containerRef}>
         <div className='grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-2'>
           {/* 时间选择器 */}
           <div className='col-span-1 lg:col-span-2'>
             <Form.DatePicker
               field='dateRange'
-              className='w-full'
+              className='w-full mj-date-range-field'
               type='dateTimeRange'
               placeholder={[t('开始时间'), t('结束时间')]}
               showClear
@@ -65,8 +89,12 @@ const MjLogsFilters = ({
           </div>
 
           {/* 任务 ID */}
+          <span id='mj_id-label' className='sr-only'>
+            {t('任务 ID')}
+          </span>
           <Form.Input
             field='mj_id'
+            name='mj_id'
             prefix={<IconSearch />}
             placeholder={t('任务 ID')}
             showClear
@@ -76,14 +104,21 @@ const MjLogsFilters = ({
 
           {/* 渠道 ID - 仅管理员可见 */}
           {isAdminUser && (
-            <Form.Input
-              field='channel_id'
-              prefix={<IconSearch />}
-              placeholder={t('渠道 ID')}
-              showClear
-              pure
-              size='small'
-            />
+            <>
+              <span id='channel_id-label' className='sr-only'>
+                {t('渠道 ID')}
+              </span>
+              <Form.Input
+                field='channel_id'
+                name='channel_id'
+                aria-labelledby='channel_id-label'
+                prefix={<IconSearch />}
+                placeholder={t('渠道 ID')}
+                showClear
+                pure
+                size='small'
+              />
+            </>
           )}
         </div>
 
diff --git a/web/src/components/table/models/ModelsFilters.jsx b/web/src/components/table/models/ModelsFilters.jsx
index 8a88676297fa..386f44c48c27 100644
--- a/web/src/components/table/models/ModelsFilters.jsx
+++ b/web/src/components/table/models/ModelsFilters.jsx
@@ -57,8 +57,12 @@ const ModelsFilters = ({
     >
       <div className='flex flex-col md:flex-row items-center gap-2 w-full md:w-auto'>
         <div className='relative w-full md:w-56'>
+          <span id='searchKeyword-label' className='sr-only'>
+            {t('搜索模型名称')}
+          </span>
           <Form.Input
             field='searchKeyword'
+            name='searchKeyword'
             prefix={<IconSearch />}
             placeholder={t('搜索模型名称')}
             showClear
@@ -68,8 +72,12 @@ const ModelsFilters = ({
         </div>
 
         <div className='relative w-full md:w-56'>
+          <span id='searchVendor-label' className='sr-only'>
+            {t('搜索供应商')}
+          </span>
           <Form.Input
             field='searchVendor'
+            name='searchVendor'
             prefix={<IconSearch />}
             placeholder={t('搜索供应商')}
             showClear
diff --git a/web/src/components/table/redemptions/RedemptionsFilters.jsx b/web/src/components/table/redemptions/RedemptionsFilters.jsx
index 80e5512696f6..df525591dfe7 100644
--- a/web/src/components/table/redemptions/RedemptionsFilters.jsx
+++ b/web/src/components/table/redemptions/RedemptionsFilters.jsx
@@ -57,8 +57,13 @@ const RedemptionsFilters = ({
     >
       <div className='flex flex-col md:flex-row items-center gap-2 w-full md:w-auto'>
         <div className='relative w-full md:w-64'>
+          <span id='searchKeyword-label' className='sr-only'>
+            {t('关键字(id或者名称)')}
+          </span>
           <Form.Input
             field='searchKeyword'
+            name='searchKeyword'
+            autoComplete='off'
             prefix={<IconSearch />}
             placeholder={t('关键字(id或者名称)')}
             showClear
diff --git a/web/src/components/table/redemptions/modals/EditRedemptionModal.jsx b/web/src/components/table/redemptions/modals/EditRedemptionModal.jsx
index bcde7260488f..dd0aeafd707d 100644
--- a/web/src/components/table/redemptions/modals/EditRedemptionModal.jsx
+++ b/web/src/components/table/redemptions/modals/EditRedemptionModal.jsx
@@ -48,6 +48,7 @@ import {
   IconClose,
   IconGift,
 } from '@douyinfe/semi-icons';
+import useRepeatingDomPatch from '../../../../hooks/common/useRepeatingDomPatch';
 
 const { Text, Title } = Typography;
 
@@ -57,6 +58,7 @@ const EditRedemptionModal = (props) => {
   const [loading, setLoading] = useState(isEdit);
   const isMobile = useIsMobile();
   const formApiRef = useRef(null);
+  const containerRef = useRef(null);
 
   const getInitValues = () => ({
     name: '',
@@ -96,6 +98,45 @@ const EditRedemptionModal = (props) => {
     }
   }, [props.editingRedemption.id]);
 
+  useRepeatingDomPatch(() => {
+    if (!props.visiable) {
+      return;
+    }
+
+    const container = containerRef.current;
+    if (!container) {
+      return;
+    }
+
+    const dateInput = container.querySelector(
+      '.redemption-expired-time-input input:not([aria-hidden="true"])',
+    );
+    if (dateInput) {
+      dateInput.id = 'expired_time';
+      dateInput.name = 'expired_time';
+      dateInput.setAttribute('autocomplete', 'off');
+      dateInput.setAttribute('aria-label', t('过期时间'));
+    }
+
+    const quotaInput = container.querySelector(
+      '.redemption-quota-field input:not([aria-hidden="true"])',
+    );
+    if (quotaInput) {
+      quotaInput.id = 'quota';
+      quotaInput.name = 'quota';
+      quotaInput.setAttribute('autocomplete', 'off');
+    }
+
+    const countInput = container.querySelector(
+      '.redemption-count-field input:not([aria-hidden="true"])',
+    );
+    if (countInput) {
+      countInput.id = 'count';
+      countInput.name = 'count';
+      countInput.setAttribute('autocomplete', 'off');
+    }
+  }, [props.visiable, t, isEdit]);
+
   const submit = async (values) => {
     let name = values.name;
     if (!isEdit && (!name || name === '')) {
@@ -215,7 +256,7 @@ const EditRedemptionModal = (props) => {
             onSubmit={submit}
           >
             {({ values }) => (
-              <div className='p-2'>
+              <div className='p-2' ref={containerRef}>
                 <Card className='!rounded-2xl shadow-sm border-0 mb-6'>
                   {/* Header: Basic Info */}
                   <div className='flex items-center mb-2'>
@@ -242,6 +283,7 @@ const EditRedemptionModal = (props) => {
                         field='name'
                         label={t('名称')}
                         placeholder={t('请输入名称')}
+                        autoComplete='off'
                         style={{ width: '100%' }}
                         rules={
                           !isEdit
@@ -251,10 +293,16 @@ const EditRedemptionModal = (props) => {
                         showClear
                       />
                     </Col>
-                    <Col span={24}>
+                    <Col span={24} className='redemption-expired-time-field'>
+                      <Text strong style={{ display: 'block', marginBottom: 8 }}>
+                        {t('过期时间')}
+                      </Text>
                       <Form.DatePicker
                         field='expired_time'
-                        label={t('过期时间')}
+                        noLabel
+                        aria-label={t('过期时间')}
+                        autoComplete='off'
+                        className='redemption-expired-time-input'
                         type='dateTime'
                         placeholder={t('选择过期时间（可选，留空为永久）')}
                         style={{ width: '100%' }}
@@ -288,8 +336,10 @@ const EditRedemptionModal = (props) => {
                     <Col span={12}>
                       <Form.AutoComplete
                         field='quota'
+                        className='redemption-quota-field'
                         label={t('额度')}
                         placeholder={t('请输入额度')}
+                        autoComplete='off'
                         style={{ width: '100%' }}
                         type='number'
                         rules={[
@@ -321,7 +371,9 @@ const EditRedemptionModal = (props) => {
                       <Col span={12}>
                         <Form.InputNumber
                           field='count'
+                          className='redemption-count-field'
                           label={t('生成数量')}
+                          autoComplete='off'
                           min={1}
                           rules={[
                             { required: true, message: t('请输入生成数量') },
diff --git a/web/src/components/table/task-logs/TaskLogsFilters.jsx b/web/src/components/table/task-logs/TaskLogsFilters.jsx
index 3bfae77a4a45..069f5562cfee 100644
--- a/web/src/components/table/task-logs/TaskLogsFilters.jsx
+++ b/web/src/components/table/task-logs/TaskLogsFilters.jsx
@@ -17,9 +17,10 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.
 For commercial licensing, please contact support@quantumnous.com
 */
 
-import React from 'react';
+import React, { useRef } from 'react';
 import { Button, Form } from '@douyinfe/semi-ui';
 import { IconSearch } from '@douyinfe/semi-icons';
+import useRepeatingDomPatch from '../../../hooks/common/useRepeatingDomPatch';
 
 import { DATE_RANGE_PRESETS } from '../../../constants/console.constants';
 
@@ -33,6 +34,29 @@ const TaskLogsFilters = ({
   isAdminUser,
   t,
 }) => {
+  const containerRef = useRef(null);
+
+  useRepeatingDomPatch(() => {
+    const patchInputs = () => {
+      const container = containerRef.current;
+      if (!container) return;
+
+      const [startInput, endInput] = container.querySelectorAll(
+        '.task-date-range-field input:not([aria-hidden="true"])',
+      );
+      if (startInput) {
+        startInput.name = 'task-date-range-start';
+        startInput.id = startInput.id || 'task-date-range-start';
+      }
+      if (endInput) {
+        endInput.name = 'task-date-range-end';
+        endInput.id = endInput.id || 'task-date-range-end';
+      }
+    };
+
+    patchInputs();
+  }, []);
+
   return (
     <Form
       initValues={formInitValues}
@@ -44,13 +68,13 @@ const TaskLogsFilters = ({
       trigger='change'
       stopValidateWithError={false}
     >
-      <div className='flex flex-col gap-2'>
+      <div className='flex flex-col gap-2' ref={containerRef}>
         <div className='grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-2'>
           {/* 时间选择器 */}
           <div className='col-span-1 lg:col-span-2'>
             <Form.DatePicker
               field='dateRange'
-              className='w-full'
+              className='w-full task-date-range-field'
               type='dateTimeRange'
               placeholder={[t('开始时间'), t('结束时间')]}
               showClear
@@ -65,8 +89,12 @@ const TaskLogsFilters = ({
           </div>
 
           {/* 任务 ID */}
+          <span id='task_id-label' className='sr-only'>
+            {t('任务 ID')}
+          </span>
           <Form.Input
             field='task_id'
+            name='task_id'
             prefix={<IconSearch />}
             placeholder={t('任务 ID')}
             showClear
@@ -76,14 +104,21 @@ const TaskLogsFilters = ({
 
           {/* 渠道 ID - 仅管理员可见 */}
           {isAdminUser && (
-            <Form.Input
-              field='channel_id'
-              prefix={<IconSearch />}
-              placeholder={t('渠道 ID')}
-              showClear
-              pure
-              size='small'
-            />
+            <>
+              <span id='channel_id-label' className='sr-only'>
+                {t('渠道 ID')}
+              </span>
+              <Form.Input
+                field='channel_id'
+                name='channel_id'
+                aria-labelledby='channel_id-label'
+                prefix={<IconSearch />}
+                placeholder={t('渠道 ID')}
+                showClear
+                pure
+                size='small'
+              />
+            </>
           )}
         </div>
 
diff --git a/web/src/components/table/tokens/TokensFilters.jsx b/web/src/components/table/tokens/TokensFilters.jsx
index c6841554b4a9..7192650aaa5f 100644
--- a/web/src/components/table/tokens/TokensFilters.jsx
+++ b/web/src/components/table/tokens/TokensFilters.jsx
@@ -57,8 +57,13 @@ const TokensFilters = ({
     >
       <div className='flex flex-col md:flex-row items-center gap-2 w-full md:w-auto'>
         <div className='relative w-full md:w-56'>
+          <span id='searchKeyword-label' className='sr-only'>
+            {t('搜索关键字')}
+          </span>
           <Form.Input
             field='searchKeyword'
+            name='searchKeyword'
+            autoComplete='off'
             prefix={<IconSearch />}
             placeholder={t('搜索关键字')}
             showClear
@@ -68,8 +73,13 @@ const TokensFilters = ({
         </div>
 
         <div className='relative w-full md:w-56'>
+          <span id='searchToken-label' className='sr-only'>
+            {t('密钥')}
+          </span>
           <Form.Input
             field='searchToken'
+            name='searchToken'
+            autoComplete='off'
             prefix={<IconSearch />}
             placeholder={t('密钥')}
             showClear
diff --git a/web/src/components/table/tokens/modals/EditTokenModal.jsx b/web/src/components/table/tokens/modals/EditTokenModal.jsx
index fce4820146c7..2fb3d06a6a79 100644
--- a/web/src/components/table/tokens/modals/EditTokenModal.jsx
+++ b/web/src/components/table/tokens/modals/EditTokenModal.jsx
@@ -51,6 +51,7 @@ import {
 } from '@douyinfe/semi-icons';
 import { useTranslation } from 'react-i18next';
 import { StatusContext } from '../../../../context/Status';
+import useRepeatingDomPatch from '../../../../hooks/common/useRepeatingDomPatch';
 
 const { Text, Title } = Typography;
 
@@ -60,6 +61,7 @@ const EditTokenModal = (props) => {
   const [loading, setLoading] = useState(false);
   const isMobile = useIsMobile();
   const formApiRef = useRef(null);
+  const containerRef = useRef(null);
   const [models, setModels] = useState([]);
   const [groups, setGroups] = useState([]);
   const isEdit = props.editingToken.id !== undefined;
@@ -193,6 +195,48 @@ const EditTokenModal = (props) => {
     }
   }, [props.visiable, props.editingToken.id]);
 
+  useRepeatingDomPatch(() => {
+    if (!props.visiable) {
+      return;
+    }
+
+    const patchDatePicker = () => {
+      const container = containerRef.current;
+      if (!container) {
+        return;
+      }
+
+      const dateField = container.querySelector(
+        '.token-expired-time-field .semi-datepicker-input',
+      );
+      if (dateField) {
+        dateField.id = 'expired_time-picker';
+        dateField.setAttribute('aria-labelledby', 'expired_time-label');
+      }
+
+      const dateInput = container.querySelector(
+        '.token-expired-time-field input:not([aria-hidden="true"])',
+      );
+      if (dateInput) {
+        dateInput.id = 'expired_time';
+        dateInput.name = 'expired_time';
+        dateInput.setAttribute('autocomplete', 'off');
+        dateInput.setAttribute('aria-label', t('过期时间'));
+      }
+
+      const quotaInput = container.querySelector(
+        'input[aria-labelledby="remain_quota-label"]',
+      );
+      if (quotaInput) {
+        quotaInput.id = 'remain_quota';
+        quotaInput.name = 'remain_quota';
+        quotaInput.setAttribute('autocomplete', 'off');
+      }
+    };
+
+    patchDatePicker();
+  }, [props.visiable, t]);
+
   const generateRandomSuffix = () => {
     const characters =
       'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
@@ -334,7 +378,7 @@ const EditTokenModal = (props) => {
           onSubmit={submit}
         >
           {({ values }) => (
-            <div className='p-2'>
+            <div className='p-2' ref={containerRef}>
               {/* 基本信息 */}
               <Card className='!rounded-2xl shadow-sm border-0'>
                 <div className='flex items-center mb-2'>
@@ -354,29 +398,42 @@ const EditTokenModal = (props) => {
                       field='name'
                       label={t('名称')}
                       placeholder={t('请输入名称')}
+                      autoComplete='off'
                       rules={[{ required: true, message: t('请输入名称') }]}
                       showClear
                     />
                   </Col>
                   <Col span={24}>
-                    {groups.length > 0 ? (
-                      <Form.Select
-                        field='group'
-                        label={t('令牌分组')}
-                        placeholder={t('令牌分组，默认为用户的分组')}
-                        optionList={groups}
-                        renderOptionItem={renderGroupOption}
-                        showClear
-                        style={{ width: '100%' }}
-                      />
-                    ) : (
-                      <Form.Select
-                        placeholder={t('管理员未设置用户可选分组')}
-                        disabled
-                        label={t('令牌分组')}
-                        style={{ width: '100%' }}
-                      />
-                    )}
+                    <div className='semi-form-field'>
+                      <div
+                        id='token-group-label'
+                        className='semi-form-field-label semi-form-field-label-left'
+                      >
+                        <div className='semi-form-field-label-text'>
+                          {t('令牌分组')}
+                        </div>
+                      </div>
+                      {groups.length > 0 ? (
+                        <Form.Select
+                          field='group'
+                          noLabel
+                          aria-labelledby='token-group-label'
+                          placeholder={t('令牌分组，默认为用户的分组')}
+                          optionList={groups}
+                          renderOptionItem={renderGroupOption}
+                          showClear
+                          style={{ width: '100%' }}
+                        />
+                      ) : (
+                        <Form.Select
+                          noLabel
+                          aria-labelledby='token-group-label'
+                          placeholder={t('管理员未设置用户可选分组')}
+                          disabled
+                          style={{ width: '100%' }}
+                        />
+                      )}
+                    </div>
                   </Col>
                   <Col
                     span={24}
@@ -394,37 +451,54 @@ const EditTokenModal = (props) => {
                     />
                   </Col>
                   <Col xs={24} sm={24} md={24} lg={10} xl={10}>
-                    <Form.DatePicker
-                      field='expired_time'
-                      label={t('过期时间')}
-                      type='dateTime'
-                      placeholder={t('请选择过期时间')}
-                      rules={[
-                        { required: true, message: t('请选择过期时间') },
-                        {
-                          validator: (rule, value) => {
-                            // 允许 -1 表示永不过期，也允许空值在必填校验时被拦截
-                            if (value === -1 || !value)
+                    <div className='semi-form-field token-expired-time-field'>
+                      <div
+                        id='expired_time-label'
+                        className='semi-form-field-label semi-form-field-label-left semi-form-field-label-required'
+                      >
+                        <div className='semi-form-field-label-text'>
+                          {t('过期时间')}
+                        </div>
+                      </div>
+                      <Form.DatePicker
+                        field='expired_time'
+                        noLabel
+                        aria-labelledby='expired_time-label'
+                        autoComplete='off'
+                        className='token-expired-time-input'
+                        type='dateTime'
+                        placeholder={t('请选择过期时间')}
+                        rules={[
+                          { required: true, message: t('请选择过期时间') },
+                          {
+                            validator: (rule, value) => {
+                              if (value === -1 || !value)
+                                return Promise.resolve();
+                              const time = Date.parse(value);
+                              if (isNaN(time)) {
+                                return Promise.reject(t('过期时间格式错误！'));
+                              }
+                              if (time <= Date.now()) {
+                                return Promise.reject(
+                                  t('过期时间不能早于当前时间！'),
+                                );
+                              }
                               return Promise.resolve();
-                            const time = Date.parse(value);
-                            if (isNaN(time)) {
-                              return Promise.reject(t('过期时间格式错误！'));
-                            }
-                            if (time <= Date.now()) {
-                              return Promise.reject(
-                                t('过期时间不能早于当前时间！'),
-                              );
-                            }
-                            return Promise.resolve();
+                            },
                           },
-                        },
-                      ]}
-                      showClear
-                      style={{ width: '100%' }}
-                    />
+                        ]}
+                        showClear
+                        style={{ width: '100%' }}
+                      />
+                    </div>
                   </Col>
                   <Col xs={24} sm={24} md={24} lg={14} xl={14}>
-                    <Form.Slot label={t('过期时间快捷设置')}>
+                    <div className='semi-form-field'>
+                      <div className='semi-form-field-label semi-form-field-label-left'>
+                        <div className='semi-form-field-label-text'>
+                          {t('过期时间快捷设置')}
+                        </div>
+                      </div>
                       <Space wrap>
                         <Button
                           theme='light'
@@ -455,13 +529,14 @@ const EditTokenModal = (props) => {
                           {t('一小时')}
                         </Button>
                       </Space>
-                    </Form.Slot>
+                    </div>
                   </Col>
                   {!isEdit && (
                     <Col span={24}>
                       <Form.InputNumber
                         field='tokenCount'
                         label={t('新建数量')}
+                        autoComplete='off'
                         min={1}
                         extraText={t('批量创建时会在名称后自动添加随机后缀')}
                         rules={[
@@ -493,6 +568,7 @@ const EditTokenModal = (props) => {
                       field='remain_quota'
                       label={t('额度')}
                       placeholder={t('请输入额度')}
+                      autoComplete='off'
                       type='number'
                       disabled={values.unlimited_quota}
                       extraText={renderQuotaWithPrompt(values.remain_quota)}
@@ -543,27 +619,39 @@ const EditTokenModal = (props) => {
                 </div>
                 <Row gutter={12}>
                   <Col span={24}>
-                    <Form.Select
-                      field='model_limits'
-                      label={t('模型限制列表')}
-                      placeholder={t(
-                        '请选择该令牌支持的模型，留空支持所有模型',
-                      )}
-                      multiple
-                      optionList={models}
-                      extraText={t('非必要，不建议启用模型限制')}
-                      filter={selectFilter}
-                      autoClearSearchValue={false}
-                      searchPosition='dropdown'
-                      showClear
-                      style={{ width: '100%' }}
-                    />
+                    <div className='semi-form-field'>
+                      <div
+                        id='token-model-limits-label'
+                        className='semi-form-field-label semi-form-field-label-left'
+                      >
+                        <div className='semi-form-field-label-text'>
+                          {t('模型限制列表')}
+                        </div>
+                      </div>
+                      <Form.Select
+                        field='model_limits'
+                        noLabel
+                        aria-labelledby='token-model-limits-label'
+                        placeholder={t(
+                          '请选择该令牌支持的模型，留空支持所有模型',
+                        )}
+                        multiple
+                        optionList={models}
+                        extraText={t('非必要，不建议启用模型限制')}
+                        filter={selectFilter}
+                        autoClearSearchValue={false}
+                        searchPosition='dropdown'
+                        showClear
+                        style={{ width: '100%' }}
+                      />
+                    </div>
                   </Col>
                   <Col span={24}>
                     <Form.TextArea
                       field='allow_ips'
                       label={t('IP白名单（支持CIDR表达式）')}
                       placeholder={t('允许的IP，一行一个，不填写则不限制')}
+                      autoComplete='off'
                       autosize
                       rows={1}
                       extraText={t(
diff --git a/web/src/components/table/usage-logs/UsageLogsFilters.jsx b/web/src/components/table/usage-logs/UsageLogsFilters.jsx
index 8d0d837ca53b..181585eb28b5 100644
--- a/web/src/components/table/usage-logs/UsageLogsFilters.jsx
+++ b/web/src/components/table/usage-logs/UsageLogsFilters.jsx
@@ -17,9 +17,10 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.
 For commercial licensing, please contact support@quantumnous.com
 */
 
-import React from 'react';
+import React, { useRef } from 'react';
 import { Button, Form } from '@douyinfe/semi-ui';
 import { IconSearch } from '@douyinfe/semi-icons';
+import useRepeatingDomPatch from '../../../hooks/common/useRepeatingDomPatch';
 
 import { DATE_RANGE_PRESETS } from '../../../constants/console.constants';
 
@@ -34,8 +35,32 @@ const LogsFilters = ({
   isAdminUser,
   t,
 }) => {
+  const containerRef = useRef(null);
+
+  useRepeatingDomPatch(() => {
+    const patchInputs = () => {
+      const container = containerRef.current;
+      if (!container) return;
+
+      const [startInput, endInput] = container.querySelectorAll(
+        '.usage-date-range-field input:not([aria-hidden="true"])',
+      );
+      if (startInput) {
+        startInput.name = 'log-date-range-start';
+        startInput.id = startInput.id || 'log-date-range-start';
+      }
+      if (endInput) {
+        endInput.name = 'log-date-range-end';
+        endInput.id = endInput.id || 'log-date-range-end';
+      }
+    };
+
+    patchInputs();
+  }, []);
+
   return (
     <Form
+      wrapperCol={{}}
       initValues={formInitValues}
       getFormApi={(api) => setFormApi(api)}
       onSubmit={refresh}
@@ -44,14 +69,15 @@ const LogsFilters = ({
       layout='vertical'
       trigger='change'
       stopValidateWithError={false}
+      wrapperClassName='usage-logs-filters-form'
     >
-      <div className='flex flex-col gap-2'>
+      <div className='flex flex-col gap-2' ref={containerRef}>
         <div className='grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-2'>
           {/* 时间选择器 */}
           <div className='col-span-1 lg:col-span-2'>
             <Form.DatePicker
               field='dateRange'
-              className='w-full'
+              className='w-full usage-date-range-field'
               type='dateTimeRange'
               placeholder={[t('开始时间'), t('结束时间')]}
               showClear
@@ -66,8 +92,12 @@ const LogsFilters = ({
           </div>
 
           {/* 其他搜索字段 */}
+          <span id='token_name-label' className='sr-only'>
+            {t('令牌名称')}
+          </span>
           <Form.Input
             field='token_name'
+            name='token_name'
             prefix={<IconSearch />}
             placeholder={t('令牌名称')}
             showClear
@@ -75,8 +105,12 @@ const LogsFilters = ({
             size='small'
           />
 
+          <span id='model_name-label' className='sr-only'>
+            {t('模型名称')}
+          </span>
           <Form.Input
             field='model_name'
+            name='model_name'
             prefix={<IconSearch />}
             placeholder={t('模型名称')}
             showClear
@@ -84,17 +118,27 @@ const LogsFilters = ({
             size='small'
           />
 
-          <Form.Input
-            field='group'
-            prefix={<IconSearch />}
-            placeholder={t('分组')}
-            showClear
-            pure
-            size='small'
-          />
+          <div className='relative'>
+            <span id='group-label' className='sr-only'>
+              {t('分组')}
+            </span>
+            <Form.Input
+              field='group'
+              name='group'
+              prefix={<IconSearch />}
+              placeholder={t('分组')}
+              showClear
+              pure
+              size='small'
+            />
+          </div>
 
+          <span id='request_id-label' className='sr-only'>
+            {t('Request ID')}
+          </span>
           <Form.Input
             field='request_id'
+            name='request_id'
             prefix={<IconSearch />}
             placeholder={t('Request ID')}
             showClear
@@ -104,16 +148,24 @@ const LogsFilters = ({
 
           {isAdminUser && (
             <>
+              <span id='channel-label' className='sr-only'>
+                {t('渠道 ID')}
+              </span>
               <Form.Input
                 field='channel'
+                name='channel'
                 prefix={<IconSearch />}
                 placeholder={t('渠道 ID')}
                 showClear
                 pure
                 size='small'
               />
+              <span id='username-label' className='sr-only'>
+                {t('用户名称')}
+              </span>
               <Form.Input
                 field='username'
+                name='username'
                 prefix={<IconSearch />}
                 placeholder={t('用户名称')}
                 showClear
diff --git a/web/src/components/table/users/UsersFilters.jsx b/web/src/components/table/users/UsersFilters.jsx
index 7c4c7486b2eb..e4720b9ddab3 100644
--- a/web/src/components/table/users/UsersFilters.jsx
+++ b/web/src/components/table/users/UsersFilters.jsx
@@ -62,8 +62,13 @@ const UsersFilters = ({
     >
       <div className='flex flex-col md:flex-row items-center gap-2 w-full md:w-auto'>
         <div className='relative w-full md:w-64'>
+          <span id='searchKeyword-label' className='sr-only'>
+            {t('支持搜索用户的 ID、用户名、显示名称和邮箱地址')}
+          </span>
           <Form.Input
             field='searchKeyword'
+            name='searchKeyword'
+            autoComplete='off'
             prefix={<IconSearch />}
             placeholder={t('支持搜索用户的 ID、用户名、显示名称和邮箱地址')}
             showClear
diff --git a/web/src/components/table/users/modals/AddUserModal.jsx b/web/src/components/table/users/modals/AddUserModal.jsx
index 05b3620c8a7d..a10909c8f4c5 100644
--- a/web/src/components/table/users/modals/AddUserModal.jsx
+++ b/web/src/components/table/users/modals/AddUserModal.jsx
@@ -141,8 +141,10 @@ const AddUserModal = (props) => {
                   <Col span={24}>
                     <Form.Input
                       field='username'
+                      name='username'
                       label={t('用户名')}
                       placeholder={t('请输入用户名')}
+                      autocomplete='username'
                       rules={[{ required: true, message: t('请输入用户名') }]}
                       showClear
                     />
@@ -150,17 +152,21 @@ const AddUserModal = (props) => {
                   <Col span={24}>
                     <Form.Input
                       field='display_name'
+                      name='display_name'
                       label={t('显示名称')}
                       placeholder={t('请输入显示名称')}
+                      autocomplete='name'
                       showClear
                     />
                   </Col>
                   <Col span={24}>
                     <Form.Input
                       field='password'
+                      name='password'
                       label={t('密码')}
                       type='password'
                       placeholder={t('请输入密码')}
+                      autocomplete='new-password'
                       rules={[{ required: true, message: t('请输入密码') }]}
                       showClear
                     />
@@ -168,8 +174,10 @@ const AddUserModal = (props) => {
                   <Col span={24}>
                     <Form.Input
                       field='remark'
+                      name='remark'
                       label={t('备注')}
                       placeholder={t('请输入备注（仅管理员可见）')}
+                      autocomplete='off'
                       showClear
                     />
                   </Col>
diff --git a/web/src/components/table/users/modals/EditUserModal.jsx b/web/src/components/table/users/modals/EditUserModal.jsx
index cb89486cafdf..28dc1bbdfcfc 100644
--- a/web/src/components/table/users/modals/EditUserModal.jsx
+++ b/web/src/components/table/users/modals/EditUserModal.jsx
@@ -232,8 +232,10 @@ const EditUserModal = (props) => {
                     <Col span={24}>
                       <Form.Input
                         field='username'
+                        name='username'
                         label={t('用户名')}
                         placeholder={t('请输入新的用户名')}
+                        autocomplete='username'
                         rules={[{ required: true, message: t('请输入用户名') }]}
                         showClear
                       />
@@ -242,8 +244,10 @@ const EditUserModal = (props) => {
                     <Col span={24}>
                       <Form.Input
                         field='password'
+                        name='password'
                         label={t('密码')}
                         placeholder={t('请输入新的密码，最短 8 位')}
+                        autocomplete='new-password'
                         mode='password'
                         showClear
                       />
@@ -252,8 +256,10 @@ const EditUserModal = (props) => {
                     <Col span={24}>
                       <Form.Input
                         field='display_name'
+                        name='display_name'
                         label={t('显示名称')}
                         placeholder={t('请输入新的显示名称')}
+                        autocomplete='name'
                         showClear
                       />
                     </Col>
@@ -261,8 +267,10 @@ const EditUserModal = (props) => {
                     <Col span={24}>
                       <Form.Input
                         field='remark'
+                        name='remark'
                         label={t('备注')}
                         placeholder={t('请输入备注（仅管理员可见）')}
+                        autocomplete='off'
                         showClear
                       />
                     </Col>
@@ -292,9 +300,13 @@ const EditUserModal = (props) => {
 
                     <Row gutter={12}>
                       <Col span={24}>
+                        <Text strong style={{ display: 'block', marginBottom: 8 }}>
+                          {t('分组')}
+                        </Text>
                         <Form.Select
                           field='group'
-                          label={t('分组')}
+                          noLabel
+                          aria-label={t('分组')}
                           placeholder={t('请选择分组')}
                           optionList={groupOptions}
                           allowAdditions
@@ -306,8 +318,10 @@ const EditUserModal = (props) => {
                       <Col span={10}>
                         <Form.InputNumber
                           field='quota'
+                          name='quota'
                           label={t('剩余额度')}
                           placeholder={t('请输入新的剩余额度')}
+                          autocomplete='off'
                           step={500000}
                           extraText={renderQuotaWithPrompt(values.quota || 0)}
                           rules={[{ required: true, message: t('请输入额度') }]}
@@ -316,12 +330,16 @@ const EditUserModal = (props) => {
                       </Col>
 
                       <Col span={14}>
-                        <Form.Slot label={t('添加额度')}>
+                        <Text strong style={{ display: 'block', marginBottom: 8 }}>
+                          {t('添加额度')}
+                        </Text>
+                        <div>
                           <Button
                             icon={<IconPlus />}
+                            aria-label={t('添加额度')}
                             onClick={() => setIsModalOpen(true)}
                           />
-                        </Form.Slot>
+                        </div>
                       </Col>
                     </Row>
                   </Card>
diff --git a/web/src/components/topup/RechargeCard.jsx b/web/src/components/topup/RechargeCard.jsx
index f37d129b33d3..d0c5117a5cf8 100644
--- a/web/src/components/topup/RechargeCard.jsx
+++ b/web/src/components/topup/RechargeCard.jsx
@@ -48,6 +48,7 @@ import {
 import { IconGift } from '@douyinfe/semi-icons';
 import { useMinimumLoadingTime } from '../../hooks/common/useMinimumLoadingTime';
 import { getCurrencyConfig } from '../../helpers/render';
+import useRepeatingDomPatch from '../../hooks/common/useRepeatingDomPatch';
 import SubscriptionPlansCard from './SubscriptionPlansCard';
 
 const { Text } = Typography;
@@ -118,6 +119,22 @@ const RechargeCard = ({
       setActiveTab('topup');
     }
   }, [shouldShowSubscription, activeTab]);
+
+  useRepeatingDomPatch(() => {
+    const topUpCountInput = document.querySelector(
+      '.topup-count-field input:not([aria-hidden="true"])',
+    );
+    if (topUpCountInput) {
+      topUpCountInput.id = 'topUpCount';
+      topUpCountInput.name = 'topUpCount';
+      topUpCountInput.setAttribute('autocomplete', 'off');
+    }
+
+    const redemptionCodeInput = document.getElementById('redemptionCode');
+    if (redemptionCodeInput) {
+      redemptionCodeInput.setAttribute('autocomplete', 'off');
+    }
+  }, [topUpCount, redemptionCode]);
   const topupContent = (
     <Space vertical style={{ width: '100%' }}>
       {/* 统计数据 */}
@@ -238,7 +255,9 @@ const RechargeCard = ({
                   <Col xs={24} sm={24} md={24} lg={10} xl={10}>
                     <Form.InputNumber
                       field='topUpCount'
+                      className='topup-count-field'
                       label={t('充值数量')}
+                      autoComplete='off'
                       disabled={!enableOnlineTopUp && !enableStripeTopUp && !enableWaffoTopUp}
                       placeholder={
                         t('充值数量，最低 ') + renderQuotaWithAmount(minTopUp)
@@ -575,9 +594,15 @@ const RechargeCard = ({
           getFormApi={(api) => (redeemFormApiRef.current = api)}
           initValues={{ redemptionCode: redemptionCode }}
         >
+          <span id='redemptionCode-label' className='sr-only'>
+            {t('请输入兑换码')}
+          </span>
           <Form.Input
             field='redemptionCode'
             noLabel={true}
+            name='redemptionCode'
+            aria-labelledby='redemptionCode-label'
+            autoComplete='off'
             placeholder={t('请输入兑换码')}
             value={redemptionCode}
             onChange={(value) => setRedemptionCode(value)}
diff --git a/web/src/hooks/common/useFormFieldA11yPatch.js b/web/src/hooks/common/useFormFieldA11yPatch.js
new file mode 100644
index 000000000000..e7198354f7d8
--- /dev/null
+++ b/web/src/hooks/common/useFormFieldA11yPatch.js
@@ -0,0 +1,281 @@
+import { useEffect } from 'react';
+
+const useFormFieldA11yPatch = (routeKey) => {
+  useEffect(() => {
+    let generatedFieldCounter = 0;
+    let isPatching = false;
+    let patchScheduled = false;
+
+    const ensureFieldId = (element, fallbackId) => {
+      if (!element) {
+        return null;
+      }
+      if (!element.id) {
+        element.id = fallbackId;
+      }
+      if (!element.name) {
+        element.name = element.id;
+      }
+      return element.id;
+    };
+
+    const isVisibleField = (element) => {
+      if (!element) {
+        return false;
+      }
+      if (element.type === 'hidden' || element.hidden) {
+        return false;
+      }
+      if (element.getAttribute('aria-hidden') === 'true') {
+        return false;
+      }
+      if (element.closest('[aria-hidden="true"]')) {
+        return false;
+      }
+      const style = window.getComputedStyle(element);
+      return style.display !== 'none' && style.visibility !== 'hidden';
+    };
+
+    const getFieldLabelText = (element) => {
+      const formField = element.closest('.semi-form-field');
+      const explicitLabel =
+        formField?.querySelector('.semi-form-field-label-text')?.textContent?.trim();
+      if (explicitLabel) {
+        return explicitLabel;
+      }
+
+      const placeholder = element.getAttribute('placeholder')?.trim();
+      if (placeholder) {
+        return placeholder;
+      }
+
+      const parentText = element.parentElement?.textContent?.trim();
+      if (parentText) {
+        return parentText.slice(0, 40);
+      }
+
+      return element.getAttribute('name') || element.id || 'form-field';
+    };
+
+    const patchDocumentFields = () => {
+      if (typeof document === 'undefined' || !document.body) {
+        return;
+      }
+      if (isPatching) {
+        return;
+      }
+
+      isPatching = true;
+      try {
+        document
+          .querySelectorAll('textarea[aria-hidden="true"]:not([name])')
+          .forEach((element, index) => {
+            element.setAttribute('name', `audit-hidden-textarea-${index + 1}`);
+          });
+
+        document.querySelectorAll('[data-a11y-disable-autocomplete]').forEach((element) => {
+          if (!isVisibleField(element)) {
+            return;
+          }
+          element.setAttribute('autocomplete', 'off');
+        });
+
+        document
+          .querySelectorAll(
+            'input:not([type="hidden"]), textarea, select, [role="combobox"]',
+          )
+          .forEach((element) => {
+            if (!isVisibleField(element)) {
+              return;
+            }
+
+            if (!element.id && !element.getAttribute('name')) {
+              generatedFieldCounter += 1;
+              const generatedId = `audit-field-${generatedFieldCounter}`;
+              if (element.tagName.toLowerCase() !== 'div') {
+                element.setAttribute('name', generatedId);
+              }
+              element.id = generatedId;
+            }
+
+            const currentAriaLabel = element.getAttribute('aria-label')?.trim();
+            const hasGenericAriaLabel =
+              currentAriaLabel === 'input value' ||
+              currentAriaLabel === 'selected';
+            const hasAssociatedLabel =
+              (!!element.id &&
+                document.querySelector(`label[for="${element.id}"]`)) ||
+              !!element.getAttribute('aria-label') ||
+              !!element.getAttribute('aria-labelledby');
+
+            if (!hasAssociatedLabel || hasGenericAriaLabel) {
+              element.setAttribute('aria-label', getFieldLabelText(element));
+            }
+          });
+
+        document.querySelectorAll('label[for]').forEach((label, index) => {
+          const targetId = label.getAttribute('for');
+          const field = label.closest('.semi-form-field');
+
+          if (!targetId) {
+            const control = field?.querySelector('input, textarea, select');
+            const controlId = ensureFieldId(
+              control,
+              `audit-form-control-${index + 1}`,
+            );
+            if (controlId) {
+              label.htmlFor = controlId;
+            } else {
+              label.removeAttribute('for');
+            }
+            return;
+          }
+
+          const target = document.getElementById(targetId);
+          if (!target) {
+            const fallbackControl = field?.querySelector(
+              'input, textarea, select, [role="combobox"], [role="spinbutton"]',
+            );
+            const fallbackId = ensureFieldId(
+              fallbackControl,
+              `${targetId}-control-${index + 1}`,
+            );
+            if (fallbackId) {
+              if (
+                fallbackControl &&
+                ['input', 'textarea', 'select'].includes(
+                  fallbackControl.tagName.toLowerCase(),
+                )
+              ) {
+                label.htmlFor = fallbackId;
+              } else {
+                label.removeAttribute('for');
+                const labelId = label.id || `audit-form-label-${index + 1}`;
+                label.id = labelId;
+                fallbackControl?.setAttribute('aria-labelledby', labelId);
+              }
+            } else {
+              label.removeAttribute('for');
+            }
+            return;
+          }
+
+          if (['input', 'textarea', 'select'].includes(target.tagName.toLowerCase())) {
+            return;
+          }
+
+          const control = target.querySelector('input, textarea, select');
+          const controlId = ensureFieldId(control, `${targetId}-control`);
+          if (controlId) {
+            if (target.id === targetId) {
+              target.id = `${targetId}-wrapper`;
+            }
+            label.htmlFor = controlId;
+          } else {
+            label.removeAttribute('for');
+          }
+        });
+
+        document
+          .querySelectorAll('.semi-form-field > label:not([for])')
+          .forEach((label, index) => {
+            if (label.querySelector('input, textarea, select')) {
+              return;
+            }
+
+            const field = label.closest('.semi-form-field');
+            const control =
+              field?.querySelector(
+                'input, textarea, select, [role="combobox"], [role="spinbutton"]',
+              ) || null;
+            const labelId = label.id || `audit-form-label-${index + 1}`;
+
+            label.id = labelId;
+
+            if (
+              control &&
+              ['input', 'textarea', 'select'].includes(control.tagName.toLowerCase())
+            ) {
+              const controlId = ensureFieldId(
+                control,
+                `audit-form-control-${index + 1}`,
+              );
+              if (controlId) {
+                label.htmlFor = controlId;
+              }
+              return;
+            }
+
+            if (control && !control.getAttribute('aria-labelledby')) {
+              control.setAttribute('aria-labelledby', labelId);
+            }
+          });
+
+        document
+          .querySelectorAll(
+            'input[aria-labelledby], textarea[aria-labelledby], select[aria-labelledby]',
+          )
+          .forEach((control, index) => {
+            const ids = (control.getAttribute('aria-labelledby') || '')
+              .split(/\s+/)
+              .filter(Boolean);
+            const field = control.closest('.semi-form-field');
+            const labelText =
+              field?.querySelector('.semi-form-field-label-text')?.textContent?.trim() ||
+              control.getAttribute('placeholder') ||
+              control.getAttribute('name') ||
+              control.id ||
+              `field-${index + 1}`;
+
+            ids.forEach((id) => {
+              if (document.getElementById(id)) {
+                return;
+              }
+              const span = document.createElement('span');
+              span.id = id;
+              span.textContent = labelText;
+              span.className = 'sr-only';
+              span.style.position = 'absolute';
+              span.style.width = '1px';
+              span.style.height = '1px';
+              span.style.padding = '0';
+              span.style.margin = '-1px';
+              span.style.overflow = 'hidden';
+              span.style.clip = 'rect(0, 0, 0, 0)';
+              span.style.whiteSpace = 'nowrap';
+              span.style.border = '0';
+              (field || document.body).prepend(span);
+            });
+          });
+      } finally {
+        isPatching = false;
+      }
+    };
+
+    patchDocumentFields();
+    const schedulePatch = () => {
+      if (patchScheduled) {
+        return;
+      }
+      patchScheduled = true;
+      window.requestAnimationFrame(() => {
+        patchScheduled = false;
+        patchDocumentFields();
+      });
+    };
+
+    const observer = new MutationObserver(() => {
+      schedulePatch();
+    });
+    observer.observe(document.body, {
+      childList: true,
+      subtree: true,
+      attributes: true,
+      attributeFilter: ['aria-hidden', 'aria-label', 'type', 'placeholder'],
+    });
+
+    return () => observer.disconnect();
+  }, [routeKey]);
+};
+
+export default useFormFieldA11yPatch;
diff --git a/web/src/hooks/common/useRepeatingDomPatch.js b/web/src/hooks/common/useRepeatingDomPatch.js
new file mode 100644
index 000000000000..6669c471b337
--- /dev/null
+++ b/web/src/hooks/common/useRepeatingDomPatch.js
@@ -0,0 +1,22 @@
+import { useEffect } from 'react';
+
+const DEFAULT_INTERVAL_MS = 500;
+
+const useRepeatingDomPatch = (
+  patchFn,
+  deps = [],
+  intervalMs = DEFAULT_INTERVAL_MS,
+) => {
+  useEffect(() => {
+    if (typeof patchFn !== 'function') {
+      return undefined;
+    }
+
+    patchFn();
+    const timer = window.setInterval(patchFn, intervalMs);
+
+    return () => window.clearInterval(timer);
+  }, deps);
+};
+
+export default useRepeatingDomPatch;
diff --git a/web/src/pages/PrivacyPolicy/index.jsx b/web/src/pages/PrivacyPolicy/index.jsx
index d2c4a872d48a..6476cb978a91 100644
--- a/web/src/pages/PrivacyPolicy/index.jsx
+++ b/web/src/pages/PrivacyPolicy/index.jsx
@@ -17,12 +17,14 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.
 For commercial licensing, please contact support@quantumnous.com
 */
 
-import React from 'react';
+import React, { useContext } from 'react';
 import { useTranslation } from 'react-i18next';
 import DocumentRenderer from '../../components/common/DocumentRenderer';
+import { StatusContext } from '../../context/Status';
 
 const PrivacyPolicy = () => {
   const { t } = useTranslation();
+  const [statusState] = useContext(StatusContext);
 
   return (
     <DocumentRenderer
@@ -30,6 +32,7 @@ const PrivacyPolicy = () => {
       title={t('隐私政策')}
       cacheKey='privacy_policy'
       emptyMessage={t('加载隐私政策内容失败...')}
+      enabled={statusState?.status?.privacy_policy_enabled === true}
     />
   );
 };
diff --git a/web/src/pages/Setting/Operation/SettingsGeneral.jsx b/web/src/pages/Setting/Operation/SettingsGeneral.jsx
index 7e0560cc8541..54dc5d5c7c94 100644
--- a/web/src/pages/Setting/Operation/SettingsGeneral.jsx
+++ b/web/src/pages/Setting/Operation/SettingsGeneral.jsx
@@ -274,6 +274,7 @@ export default function GeneralSettings(props) {
                 />
               </Col>
               <Col xs={24} sm={12} md={8} lg={8} xl={8}>
+<<<<<<< HEAD
                 <Form.Select
                   field='general_setting.quota_display_type'
                   label={t('额度展示类型')}
diff --git a/web/src/pages/Setting/Operation/SettingsLog.jsx b/web/src/pages/Setting/Operation/SettingsLog.jsx
index d309a12b0606..5a451b0065ec 100644
--- a/web/src/pages/Setting/Operation/SettingsLog.jsx
+++ b/web/src/pages/Setting/Operation/SettingsLog.jsx
@@ -37,6 +37,7 @@ import {
   showSuccess,
   showWarning,
 } from '../../../helpers';
+import useRepeatingDomPatch from '../../../hooks/common/useRepeatingDomPatch';
 
 const { Text } = Typography;
 
@@ -44,6 +45,7 @@ export default function SettingsLog(props) {
   const { t } = useTranslation();
   const [loading, setLoading] = useState(false);
   const [loadingCleanHistoryLog, setLoadingCleanHistoryLog] = useState(false);
+  const containerRef = useRef(null);
   const [inputs, setInputs] = useState({
     LogConsumeEnabled: false,
     historyTimestamp: dayjs().subtract(1, 'month').toDate(),
@@ -191,14 +193,47 @@ export default function SettingsLog(props) {
     setInputsRow(structuredClone(currentInputs));
     refForm.current.setValues(currentInputs);
   }, [props.options]);
+
+  useRepeatingDomPatch(() => {
+    const patchInputs = () => {
+      const container = containerRef.current;
+      if (!container) return;
+
+      const wrapper = container.querySelector('#historyTimestamp');
+      if (
+        wrapper &&
+        wrapper.tagName.toLowerCase() !== 'input' &&
+        wrapper.tagName.toLowerCase() !== 'textarea'
+      ) {
+        wrapper.id = 'historyTimestamp-wrapper';
+      }
+
+      const input = container.querySelector(
+        '.history-timestamp-field input:not([aria-hidden="true"])',
+      );
+      if (input) {
+        input.id = 'historyTimestamp';
+        input.name = 'historyTimestamp';
+      }
+
+      container
+        .querySelectorAll('textarea[aria-hidden="true"]:not([name])')
+        .forEach((element, index) => {
+          element.name = `operation-hidden-textarea-${index + 1}`;
+        });
+    };
+
+    patchInputs();
+  }, [inputs.historyTimestamp, props.options]);
   return (
     <>
       <Spin spinning={loading}>
-        <Form
-          values={inputs}
-          getFormApi={(formAPI) => (refForm.current = formAPI)}
-          style={{ marginBottom: 15 }}
-        >
+        <div ref={containerRef}>
+          <Form
+            values={inputs}
+            getFormApi={(formAPI) => (refForm.current = formAPI)}
+            style={{ marginBottom: 15 }}
+          >
           <Form.Section text={t('日志设置')}>
             <Row gutter={16}>
               <Col xs={24} sm={12} md={8} lg={8} xl={8}>
@@ -221,6 +256,8 @@ export default function SettingsLog(props) {
                   <Form.DatePicker
                     label={t('清除历史日志')}
                     field={'historyTimestamp'}
+                    id='historyTimestamp'
+                    className='history-timestamp-field'
                     type='dateTime'
                     inputReadOnly={true}
                     onChange={(value) => {
@@ -254,7 +291,8 @@ export default function SettingsLog(props) {
               </Button>
             </Row>
           </Form.Section>
-        </Form>
+          </Form>
+        </div>
       </Spin>
     </>
   );
diff --git a/web/src/pages/UserAgreement/index.jsx b/web/src/pages/UserAgreement/index.jsx
index cc8816af3098..74d35f4a66e2 100644
--- a/web/src/pages/UserAgreement/index.jsx
+++ b/web/src/pages/UserAgreement/index.jsx
@@ -17,12 +17,14 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.
 For commercial licensing, please contact support@quantumnous.com
 */
 
-import React from 'react';
+import React, { useContext } from 'react';
 import { useTranslation } from 'react-i18next';
 import DocumentRenderer from '../../components/common/DocumentRenderer';
+import { StatusContext } from '../../context/Status';
 
 const UserAgreement = () => {
   const { t } = useTranslation();
+  const [statusState] = useContext(StatusContext);
 
   return (
     <DocumentRenderer
@@ -30,6 +32,7 @@ const UserAgreement = () => {
       title={t('用户协议')}
       cacheKey='user_agreement'
       emptyMessage={t('加载用户协议内容失败...')}
+      enabled={statusState?.status?.user_agreement_enabled === true}
     />
   );
 };

From 96d7a29867efa5129a65112b917029696d68cdf9 Mon Sep 17 00:00:00 2001
From: Mison <liangmingsen@qdama.cn>
Date: Wed, 25 Mar 2026 08:57:07 +0800
Subject: [PATCH 4/7] fix: resolve remaining accessibility review findings

---
 .../personal/cards/NotificationSettings.jsx   | 20 ++++++++++++-------
 web/src/i18n/locales/zh-CN.json               | 13 +++++++++++-
 .../Operation/SettingsHeaderNavModules.jsx    |  4 ++--
 3 files changed, 27 insertions(+), 10 deletions(-)

diff --git a/web/src/components/settings/personal/cards/NotificationSettings.jsx b/web/src/components/settings/personal/cards/NotificationSettings.jsx
index b1b82bc1899d..5bcca9fa1ad3 100644
--- a/web/src/components/settings/personal/cards/NotificationSettings.jsx
+++ b/web/src/components/settings/personal/cards/NotificationSettings.jsx
@@ -228,14 +228,17 @@ const NotificationSettings = ({
         warningTypeWrapper.tagName.toLowerCase() !== 'textarea'
       ) {
         warningTypeWrapper.id = 'warningType-wrapper';
-        const firstRadio = warningTypeWrapper.querySelector('input[type="radio"]');
+        const firstRadio = warningTypeWrapper.querySelector(
+          'input[type="radio"]',
+        );
         if (firstRadio) {
           firstRadio.id = 'warningType';
           firstRadio.name = firstRadio.name || 'warningType';
         }
       }
 
-      const warningThresholdWrapper = document.getElementById('warningThreshold');
+      const warningThresholdWrapper =
+        document.getElementById('warningThreshold');
       if (
         warningThresholdWrapper &&
         warningThresholdWrapper.tagName.toLowerCase() !== 'input'
@@ -475,10 +478,10 @@ const NotificationSettings = ({
                   onChange={(value) => handleFormChange('warningType', value)}
                   rules={[{ required: true, message: t('请选择通知方式') }]}
                 >
-                  <Radio value='email' name='components-settings-personal-cards-notificationsettings-radio-1'>{t('邮件通知')}</Radio>
-                  <Radio value='webhook' name='components-settings-personal-cards-notificationsettings-radio-2'>{t('Webhook通知')}</Radio>
-                  <Radio value='bark' name='components-settings-personal-cards-notificationsettings-radio-3'>{t('Bark通知')}</Radio>
-                  <Radio value='gotify' name='components-settings-personal-cards-notificationsettings-radio-4'>{t('Gotify通知')}</Radio>
+                  <Radio value='email'>{t('邮件通知')}</Radio>
+                  <Radio value='webhook'>{t('Webhook通知')}</Radio>
+                  <Radio value='bark'>{t('Bark通知')}</Radio>
+                  <Radio value='gotify'>{t('Gotify通知')}</Radio>
                 </Form.RadioGroup>
 
                 <Form.AutoComplete
@@ -528,7 +531,10 @@ const NotificationSettings = ({
                     checkedText={t('开')}
                     uncheckedText={t('关')}
                     onChange={(value) =>
-                      handleFormChange('upstreamModelUpdateNotifyEnabled', value)
+                      handleFormChange(
+                        'upstreamModelUpdateNotifyEnabled',
+                        value,
+                      )
                     }
                     extraText={t(
                       '仅管理员可用。开启后，当系统定时检测全部渠道发现上游模型变更或检测异常时，将按你选择的通知方式发送汇总通知；渠道或模型过多时会自动省略部分明细。',
diff --git a/web/src/i18n/locales/zh-CN.json b/web/src/i18n/locales/zh-CN.json
index 99a721ab81c9..07f05b3a7fa3 100644
--- a/web/src/i18n/locales/zh-CN.json
+++ b/web/src/i18n/locales/zh-CN.json
@@ -2980,6 +2980,17 @@
     "从剪贴板粘贴配置": "从剪贴板粘贴配置",
     "剪贴板中未检测到连接信息": "剪贴板中未检测到连接信息",
     "连接信息已填入": "连接信息已填入",
-    "无法读取剪贴板": "无法读取剪贴板"
+    "无法读取剪贴板": "无法读取剪贴板",
+    "启用 Responses 流启动恢复": "启用 Responses 流启动恢复",
+    "仅在 /v1/responses 流式请求首包前生效，用于短时故障恢复。": "仅在 /v1/responses 流式请求首包前生效，用于短时故障恢复。",
+    "启动恢复等待窗口（秒）": "启动恢复等待窗口（秒）",
+    "在该时间窗口内持续探测可用渠道，超时后返回真实错误。": "在该时间窗口内持续探测可用渠道，超时后返回真实错误。",
+    "渠道探测间隔（毫秒）": "渠道探测间隔（毫秒）",
+    "每次重新探测可用渠道之间的等待时间。": "每次重新探测可用渠道之间的等待时间。",
+    "SSE 保活间隔（秒）": "SSE 保活间隔（秒）",
+    "在等待恢复期间发送 : PING，帮助客户端保持连接。": "在等待恢复期间发送 : PING，帮助客户端保持连接。",
+    "可触发启动恢复的状态码": "可触发启动恢复的状态码",
+    "填写 JSON 数组，例如 [401,403,429,500,502,503,504]。": "填写 JSON 数组，例如 [401,403,429,500,502,503,504]。",
+    "Responses 流启动恢复仅作用于 /v1/responses 的流式请求首包前阶段。它会在短时渠道故障时通过 SSE ping 保持连接，并在恢复后继续返回真实内容；首包发出后不会跨渠道续传。": "Responses 流启动恢复仅作用于 /v1/responses 的流式请求首包前阶段。它会在短时渠道故障时通过 SSE ping 保持连接，并在恢复后继续返回真实内容；首包发出后不会跨渠道续传。"
   }
 }
diff --git a/web/src/pages/Setting/Operation/SettingsHeaderNavModules.jsx b/web/src/pages/Setting/Operation/SettingsHeaderNavModules.jsx
index 344d87a1c6b0..1a80c0e7c7e4 100644
--- a/web/src/pages/Setting/Operation/SettingsHeaderNavModules.jsx
+++ b/web/src/pages/Setting/Operation/SettingsHeaderNavModules.jsx
@@ -251,7 +251,7 @@ export default function SettingsHeaderNavModules(props) {
                       }
                       onChange={handleHeaderNavModuleChange(module.key)}
                       size='default'
-                      id={`pages-setting-operation-settingsheadernavmodules-switch-1-${module}`}
+                      id={`pages-setting-operation-settingsheadernavmodules-switch-1-${module.key}`}
                     />
                   </div>
                 </div>
@@ -306,7 +306,7 @@ export default function SettingsHeaderNavModules(props) {
                             }
                             onChange={handlePricingAuthChange}
                             size='default'
-                            id={`pages-setting-operation-settingsheadernavmodules-switch-2-${module}`}
+                            id={`pages-setting-operation-settingsheadernavmodules-switch-2-${module.key}`}
                           />
                         </div>
                       </div>

From b515cdea9b9c8d1886d8e46ab75a6eb19168c964 Mon Sep 17 00:00:00 2001
From: Mison <liangmingsen@qdama.cn>
Date: Wed, 25 Mar 2026 09:42:19 +0800
Subject: [PATCH 5/7] fix: address latest accessibility review feedback

---
 .../personal/cards/NotificationSettings.jsx         | 11 +++++++++--
 web/src/i18n/locales/fr.json                        | 13 ++++++++++++-
 2 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/web/src/components/settings/personal/cards/NotificationSettings.jsx b/web/src/components/settings/personal/cards/NotificationSettings.jsx
index 5bcca9fa1ad3..2f42ad6c9d55 100644
--- a/web/src/components/settings/personal/cards/NotificationSettings.jsx
+++ b/web/src/components/settings/personal/cards/NotificationSettings.jsx
@@ -254,6 +254,13 @@ const NotificationSettings = ({
         warningThresholdInput.setAttribute('autocomplete', 'off');
       }
 
+      const gotifyPriorityWrapper = document.getElementById('gotifyPriority');
+      if (
+        gotifyPriorityWrapper &&
+        gotifyPriorityWrapper.tagName.toLowerCase() !== 'input'
+      ) {
+        gotifyPriorityWrapper.id = 'gotifyPriority-wrapper';
+      }
       const gotifyPriorityInput = document.querySelector(
         '.gotify-priority-field input:not([aria-hidden="true"])',
       );
@@ -927,7 +934,7 @@ const NotificationSettings = ({
                             }
                             onChange={handleSectionChange(section.key)}
                             size='default'
-                            id={`components-settings-personal-cards-notificationsettings-switch-1-${section}`}
+                            id={`components-settings-personal-cards-notificationsettings-switch-1-${section.key}`}
                           />
                         </div>
 
@@ -991,7 +998,7 @@ const NotificationSettings = ({
                                           sidebarModulesUser[section.key]
                                             ?.enabled === false
                                         }
-                                        id={`components-settings-personal-cards-notificationsettings-switch-2-${module}`}
+                                        id={`components-settings-personal-cards-notificationsettings-switch-2-${section.key}-${module.key}`}
                                       />
                                     </div>
                                   </div>
diff --git a/web/src/i18n/locales/fr.json b/web/src/i18n/locales/fr.json
index ec0689fe0bac..6eecf6d31ec3 100644
--- a/web/src/i18n/locales/fr.json
+++ b/web/src/i18n/locales/fr.json
@@ -3332,6 +3332,17 @@
     "从剪贴板粘贴配置": "Coller la config",
     "剪贴板中未检测到连接信息": "Aucune info de connexion trouvée dans le presse-papiers",
     "连接信息已填入": "Informations de connexion appliquées",
-    "无法读取剪贴板": "Impossible de lire le presse-papiers"
+    "无法读取剪贴板": "Impossible de lire le presse-papiers",
+    "启用 Responses 流启动恢复": "Activer la reprise au demarrage du flux Responses",
+    "仅在 /v1/responses 流式请求首包前生效，用于短时故障恢复。": "Ne s'applique qu'avant le premier bloc des requetes en flux /v1/responses, pour recuperer d'une panne de courte duree.",
+    "启动恢复等待窗口（秒）": "Fenetre de reprise au demarrage (secondes)",
+    "在该时间窗口内持续探测可用渠道，超时后返回真实错误。": "Pendant cette fenetre, les canaux disponibles sont sondes en continu ; apres expiration, l'erreur reelle est renvoyee.",
+    "渠道探测间隔（毫秒）": "Intervalle de sondage des canaux (millisecondes)",
+    "每次重新探测可用渠道之间的等待时间。": "Delai entre deux nouvelles tentatives de detection d'un canal disponible.",
+    "SSE 保活间隔（秒）": "Intervalle de maintien en vie SSE (secondes)",
+    "在等待恢复期间发送 : PING，帮助客户端保持连接。": "Envoie : PING pendant l'attente de reprise afin d'aider le client a conserver la connexion.",
+    "可触发启动恢复的状态码": "Codes d'etat qui declenchent la reprise au demarrage",
+    "填写 JSON 数组，例如 [401,403,429,500,502,503,504]。": "Renseignez un tableau JSON, par exemple [401,403,429,500,502,503,504].",
+    "Responses 流启动恢复仅作用于 /v1/responses 的流式请求首包前阶段。它会在短时渠道故障时通过 SSE ping 保持连接，并在恢复后继续返回真实内容；首包发出后不会跨渠道续传。": "La reprise au demarrage du flux Responses ne s'applique qu'a la phase precedant le premier bloc des requetes en flux /v1/responses. En cas de panne de canal de courte duree, elle maintient la connexion via des ping SSE puis reprend l'envoi du contenu reel apres recuperation ; une fois le premier bloc envoye, aucune continuation inter-canaux n'est effectuee."
   }
 }

From 8f8c33c0a2f87b2714cad75efd96ab3662b6667b Mon Sep 17 00:00:00 2001
From: Mison <liangmingsen@qdama.cn>
Date: Thu, 26 Mar 2026 20:23:29 +0800
Subject: [PATCH 6/7] fix: remove broken edit channel markup from a11y branch

---
 .../channels/modals/EditChannelModal.jsx      | 123 ------------------
 1 file changed, 123 deletions(-)

diff --git a/web/src/components/table/channels/modals/EditChannelModal.jsx b/web/src/components/table/channels/modals/EditChannelModal.jsx
index 8d09214f4aa2..464355462670 100644
--- a/web/src/components/table/channels/modals/EditChannelModal.jsx
+++ b/web/src/components/table/channels/modals/EditChannelModal.jsx
@@ -3712,129 +3712,6 @@ const EditChannelModal = (props) => {
                     <div className='flex items-center gap-1 text-sm' style={{ color: 'var(--semi-color-primary)' }}>
                       <Text size='small' style={{ color: 'var(--semi-color-primary)' }}>
                         {advancedSettingsOpen ? t('收起') : isEdit ? t('向左展开') : t('向右展开')}
-                          label={t('渠道优先级')}
-                          placeholder={t('渠道优先级')}
-                          min={0}
-                          onNumberChange={(value) =>
-                            handleInputChange('priority', value)
-                          }
-                          style={{ width: '100%' }}
-                        />
-                      </Col>
-                      <Col span={12}>
-                        <Form.InputNumber
-                          field='weight'
-                          label={t('渠道权重')}
-                          placeholder={t('渠道权重')}
-                          min={0}
-                          onNumberChange={(value) =>
-                            handleInputChange('weight', value)
-                          }
-                          style={{ width: '100%' }}
-                        />
-                      </Col>
-                    </Row>
-
-                    <Form.Switch
-                      field='auto_ban'
-                      label={t('是否自动禁用')}
-                      checkedText={t('开')}
-                      uncheckedText={t('关')}
-                      onChange={(value) => setAutoBan(value)}
-                      extraText={t(
-                        '仅当自动禁用开启时有效，关闭后不会自动禁用该渠道',
-                      )}
-                      initValue={autoBan}
-                    />
-
-                    <Form.Switch
-                        field='upstream_model_update_auto_sync_enabled'
-                        label={t('是否自动同步上游模型更新')}
-                        checkedText={t('开')}
-                        uncheckedText={t('关')}
-                        disabled={!inputs.upstream_model_update_check_enabled}
-                        onChange={(value) =>
-                            handleChannelOtherSettingsChange(
-                                'upstream_model_update_auto_sync_enabled',
-                                value,
-                            )
-                        }
-                        extraText={t(
-                            '开启后检测到新增模型会自动加入当前渠道模型列表',
-                        )}
-                    />
-
-                    <div className='text-xs text-gray-500 mb-3'>
-                      {t('上次检测到可加入模型')}:&nbsp;
-                      {upstreamDetectedModels.length === 0 ? (
-                          t('暂无')
-                      ) : (
-                          <>
-                            <Tooltip
-                                position='topLeft'
-                                content={
-                                  <div className='max-w-[640px] break-all text-xs leading-5'>
-                                    {upstreamDetectedModels.join(', ')}
-                                  </div>
-                                }
-                            >
-                            <span className='cursor-help break-all'>
-                              {upstreamDetectedModelsPreview.join(', ')}
-                            </span>
-                            </Tooltip>
-                            <span className='ml-1 text-gray-400'>
-                            {upstreamDetectedModelsOmittedCount > 0
-                                ? t('（共 {{total}} 个，省略 {{omit}} 个）', {
-                                  total: upstreamDetectedModels.length,
-                                  omit: upstreamDetectedModelsOmittedCount,
-                                })
-                                : t('（共 {{total}} 个）', {
-                                  total: upstreamDetectedModels.length,
-                                })}
-                          </span>
-                          </>
-                      )}
-                    </div>
-
-                    <div className='mb-4'>
-                      <div className='flex items-center justify-between gap-2 mb-1'>
-                        <Text className='text-sm font-medium'>{t('参数覆盖')}</Text>
-                        <Space wrap>
-                          <Button
-                              size='small'
-                              type='primary'
-                              icon={<IconCode size={14} />}
-                              onClick={() => setParamOverrideEditorVisible(true)}
-                          >
-                            {t('可视化编辑')}
-                          </Button>
-                          <Button
-                              size='small'
-                              onClick={() =>
-                                  applyParamOverrideTemplate('operations', 'fill')
-                              }
-                          >
-                            {t('填充新模板')}
-                          </Button>
-                          <Button
-                              size='small'
-                              onClick={() =>
-                                  applyParamOverrideTemplate('legacy', 'fill')
-                              }
-                          >
-                            {t('填充旧模板')}
-                          </Button>
-                          <Button
-                            size='small'
-                            type='tertiary'
-                            onClick={clearParamOverride}
-                          >
-                            {t('清空')}
-                          </Button>
-                        </Space>
-                      </div>
-                      <Text type='tertiary' size='small'>
-                        {t('此项可选，用于覆盖请求参数。不支持覆盖 stream 参数')}
                       </Text>
                       <IconChevronDown
                         size={14}

From 603d7c55aad17c9acae6fef0778040fab7dc58fa Mon Sep 17 00:00:00 2001
From: Mison <liangmingsen@qdama.cn>
Date: Tue, 7 Apr 2026 20:08:58 +0800
Subject: [PATCH 7/7] fix: remove leftover merge markers

---
 web/src/components/playground/ParameterControl.jsx  | 1 -
 web/src/pages/Setting/Operation/SettingsGeneral.jsx | 1 -
 2 files changed, 2 deletions(-)

diff --git a/web/src/components/playground/ParameterControl.jsx b/web/src/components/playground/ParameterControl.jsx
index 6d75223edf73..c3bcf8077221 100644
--- a/web/src/components/playground/ParameterControl.jsx
+++ b/web/src/components/playground/ParameterControl.jsx
@@ -248,7 +248,6 @@ const ParameterControl = ({
             disabled={disabled}
           />
         </div>
-<<<<<<< HEAD
         <InputNumber
           id='playground-max-tokens'
           placeholder='MaxTokens'
diff --git a/web/src/pages/Setting/Operation/SettingsGeneral.jsx b/web/src/pages/Setting/Operation/SettingsGeneral.jsx
index 54dc5d5c7c94..7e0560cc8541 100644
--- a/web/src/pages/Setting/Operation/SettingsGeneral.jsx
+++ b/web/src/pages/Setting/Operation/SettingsGeneral.jsx
@@ -274,7 +274,6 @@ export default function GeneralSettings(props) {
                 />
               </Col>
               <Col xs={24} sm={12} md={8} lg={8} xl={8}>
-<<<<<<< HEAD
                 <Form.Select
                   field='general_setting.quota_display_type'
                   label={t('额度展示类型')}