diff --git a/web/scripts/heroui-v3-startend-content-codemod.mjs b/web/scripts/heroui-v3-startend-content-codemod.mjs
new file mode 100644
index 00000000000..56b9ce526bd
--- /dev/null
+++ b/web/scripts/heroui-v3-startend-content-codemod.mjs
@@ -0,0 +1,236 @@
+#!/usr/bin/env bun
+/*
+Copyright (C) 2025 QuantumNous
+
+HeroUI v3 startContent / endContent codemod.
+
+Phase 5 of web/TODO.md. v3 Button & Chip removed the startContent /
+endContent props — icons must live in `children` and rely on the
+component's built-in `gap-2` for spacing. Without this rewrite the
+icon prop was silently ignored and ~135 buttons across the app shipped
+without their leading / trailing icon.
+
+What it does
+------------
+Walks every .jsx / .tsx file via @babel/parser, finds every
+JSXAttribute named `startContent` or `endContent`, drops the attribute,
+and injects the attribute's expression as the first / last child of
+the surrounding JSX element. Source-level edits — preserves the rest
+of the file as-is. Run `bun run lint:fix` after for prettier polish.
+
+What it does NOT do
+-------------------
+- It does not assume v3 Chip — Chip still gets the same children
+  treatment, but the v3 docs ask you to wrap the icon side-by-side
+  with text, which is exactly what this codemod produces.
+- It does not run on @heroui/styles internals or node_modules.
+
+Usage
+-----
+    bun scripts/heroui-v3-startend-content-codemod.mjs           # apply
+    bun scripts/heroui-v3-startend-content-codemod.mjs --dry     # report only
+*/
+
+import { readFileSync, writeFileSync } from 'node:fs';
+import { execSync } from 'node:child_process';
+import { parse } from '@babel/parser';
+import _traverse from '@babel/traverse';
+
+const traverse = _traverse.default || _traverse;
+
+const DRY_RUN = process.argv.includes('--dry');
+const ROOT = new URL('../src', import.meta.url).pathname;
+
+const files = execSync(`git ls-files '${ROOT}/**/*.jsx' '${ROOT}/**/*.tsx'`, {
+  encoding: 'utf8',
+})
+  .split('\n')
+  .filter(Boolean);
+
+let touched = 0;
+let edits = 0;
+const skipped = [];
+
+for (const file of files) {
+  let src;
+  try {
+    src = readFileSync(file, 'utf8');
+  } catch {
+    continue;
+  }
+  if (!src.includes('startContent=') && !src.includes('endContent=')) {
+    continue;
+  }
+
+  let ast;
+  try {
+    ast = parse(src, {
+      sourceType: 'module',
+      plugins: ['jsx', 'classProperties'],
+      errorRecovery: true,
+    });
+  } catch (err) {
+    skipped.push(`${file}: parse error — ${err.message}`);
+    continue;
+  }
+
+  // Collect edits as { start, end, replacement } in *file* coordinates.
+  // Apply them right-to-left so earlier offsets stay valid.
+  const fileEdits = [];
+
+  traverse(ast, {
+    JSXAttribute(path) {
+      const name = path.node.name?.name;
+      if (name !== 'startContent' && name !== 'endContent') return;
+
+      const value = path.node.value;
+      if (!value || value.type !== 'JSXExpressionContainer') {
+        // We only know how to migrate {expr} forms, not bare strings.
+        skipped.push(
+          `${file}:${path.node.loc?.start.line}: non-expression ${name} — leave for manual fix`,
+        );
+        return;
+      }
+
+      const exprNode = value.expression;
+      const rawExprSource = src.slice(exprNode.start, exprNode.end);
+      // JSXElement / JSXFragment children render as themselves (no
+      // surrounding `{}`). Anything else (CallExpression, Identifier,
+      // ConditionalExpression, …) needs to live inside a JSX expression
+      // container or it would be parsed as plain text.
+      // Examples:
+      //   <Icon /> ({foo: 1})  →  no `{}`
+      //   getIcon(p)           →  `{getIcon(p)}`
+      //   isReady ? <A/> : <B/> → `{isReady ? <A/> : <B/>}`
+      const isJsxValue =
+        exprNode.type === 'JSXElement' || exprNode.type === 'JSXFragment';
+      const exprSource = isJsxValue ? rawExprSource : `{${rawExprSource}}`;
+
+      // Walk back over leading whitespace so the deletion swallows the
+      // attribute's own line. This avoids leaving a blank gap between
+      // surviving siblings.
+      let attrStart = path.node.start;
+      while (attrStart > 0 && /[ \t]/.test(src[attrStart - 1])) {
+        attrStart--;
+      }
+      let attrEnd = path.node.end;
+      // Also swallow the trailing newline so we don't leave a blank line.
+      if (src[attrEnd] === '\n') attrEnd++;
+      else if (src[attrEnd] === '\r' && src[attrEnd + 1] === '\n') attrEnd += 2;
+      // If we ate the newline, we should *not* also swallow the leading
+      // newline of the previous line.
+      if (attrStart > 0 && src[attrStart - 1] === '\n') {
+        // good — this attribute had its own line; the deletion now spans
+        // [start-of-line .. end-of-line].
+      } else {
+        // Inline attribute (e.g. `<Button foo={x} startContent={<Y/>}>`).
+        // Walk *forward* over a single trailing space so we don't leave
+        // double spaces.
+        if (src[attrEnd] === ' ') attrEnd++;
+      }
+
+      // Find the surrounding JSXElement.
+      const opening = path.parentPath; // JSXOpeningElement
+      const jsxElement = opening.parentPath; // JSXElement (or JSXFragment)
+      if (
+        !jsxElement ||
+        jsxElement.node.type !== 'JSXElement' ||
+        opening.node.type !== 'JSXOpeningElement'
+      ) {
+        skipped.push(
+          `${file}:${path.node.loc?.start.line}: ${name} on non-JSXElement parent`,
+        );
+        return;
+      }
+
+      // If the element is self-closing, we have no children slot to inject
+      // into. Convert <Foo startContent={<X/>} /> → <Foo><X/></Foo>.
+      const selfClosing = opening.node.selfClosing;
+      const tagName = src.slice(opening.node.name.start, opening.node.name.end);
+
+      // Detect the indentation we should use for the injected child by
+      // looking at the indentation of the line the opening tag starts on,
+      // plus 2 spaces.
+      const lineStart = src.lastIndexOf('\n', opening.node.start) + 1;
+      const lineIndent = src.slice(lineStart).match(/^[ \t]*/)[0];
+      const childIndent = lineIndent + '  ';
+
+      // Drop the attribute.
+      fileEdits.push({
+        start: attrStart,
+        end: attrEnd,
+        replacement: '',
+      });
+
+      if (selfClosing) {
+        // Convert `<Foo .../>` → `<Foo ...>{indent}<expr>{lineIndent}</Foo>`.
+        // The opening node ends at the `/>`. Replace the trailing `/>` with `>`,
+        // then append children + closing tag right after.
+        const closingSlash = src.lastIndexOf('/>', opening.node.end);
+        if (closingSlash === -1) {
+          skipped.push(
+            `${file}:${path.node.loc?.start.line}: self-closing without /> — skip`,
+          );
+          return;
+        }
+        fileEdits.push({
+          start: closingSlash,
+          end: closingSlash + 2,
+          replacement: `>\n${childIndent}${exprSource}\n${lineIndent}</${tagName}>`,
+        });
+      } else {
+        const openingEnd = opening.node.end; // index of `>` + 1
+        const closingStart = jsxElement.node.closingElement?.start;
+        if (closingStart == null) {
+          skipped.push(
+            `${file}:${path.node.loc?.start.line}: no closingElement found`,
+          );
+          return;
+        }
+        if (name === 'startContent') {
+          fileEdits.push({
+            start: openingEnd,
+            end: openingEnd,
+            replacement: `\n${childIndent}${exprSource}`,
+          });
+        } else {
+          // endContent — insert *before* closingElement.
+          // Find the start of the closing tag's line so we share indent.
+          fileEdits.push({
+            start: closingStart,
+            end: closingStart,
+            replacement: `${exprSource}\n${lineIndent}`,
+          });
+        }
+      }
+      edits++;
+    },
+  });
+
+  if (fileEdits.length === 0) continue;
+
+  fileEdits.sort((a, b) => b.start - a.start);
+  let out = src;
+  for (const e of fileEdits) {
+    out = out.slice(0, e.start) + e.replacement + out.slice(e.end);
+  }
+
+  if (!DRY_RUN) {
+    writeFileSync(file, out);
+  }
+  touched++;
+}
+
+const lines = [
+  `${DRY_RUN ? '[dry-run] ' : ''}HeroUI v3 startContent / endContent codemod`,
+  ``,
+  `files touched: ${touched}`,
+  `attribute edits: ${edits}`,
+];
+
+if (skipped.length) {
+  lines.push(``, `manual review needed:`);
+  for (const s of skipped) lines.push(`  ${s}`);
+}
+
+console.log(lines.join('\n'));
diff --git a/web/src/components/auth/LoginForm.jsx b/web/src/components/auth/LoginForm.jsx
index f52c3f7eda7..6b07e8208f3 100644
--- a/web/src/components/auth/LoginForm.jsx
+++ b/web/src/components/auth/LoginForm.jsx
@@ -131,12 +131,12 @@ const LoginForm = () => {
     (status.custom_oauth_providers || []).length > 0;
   const hasOAuthLoginOptions = Boolean(
     status.github_oauth ||
-      status.discord_oauth ||
-      status.oidc_enabled ||
-      status.wechat_login ||
-      status.linuxdo_oauth ||
-      status.telegram_oauth ||
-      hasCustomOAuthProviders,
+    status.discord_oauth ||
+    status.oidc_enabled ||
+    status.wechat_login ||
+    status.linuxdo_oauth ||
+    status.telegram_oauth ||
+    hasCustomOAuthProviders,
   );
 
   useEffect(() => {
@@ -501,117 +501,111 @@ const LoginForm = () => {
           subtitle={t('选择一种方式继续进入控制台。')}
         >
           <div className='space-y-3'>
-                {status.wechat_login && (
-                  <AuthOutlineButton
-                    startContent={
-                      <WeChatIcon style={{ color: '#07C160' }} />
-                    }
-                    onPress={onWeChatLoginClicked}
-                    isPending={wechatLoading}
-                  >
-                    {t('使用 微信 继续')}
-                  </AuthOutlineButton>
-                )}
-
-                {status.github_oauth && (
-                  <AuthOutlineButton
-                    startContent={<SiGithub size={20} />}
-                    onPress={handleGitHubClick}
-                    isPending={githubLoading}
-                    isDisabled={githubButtonDisabled}
-                  >
-                    {githubButtonText}
-                  </AuthOutlineButton>
-                )}
-
-                {status.discord_oauth && (
-                  <AuthOutlineButton
-                    startContent={
-                      <SiDiscord
-                        style={{
-                          color: '#5865F2',
-                          width: '20px',
-                          height: '20px',
-                        }}
-                      />
-                    }
-                    onPress={handleDiscordClick}
-                    isPending={discordLoading}
-                  >
-                    {t('使用 Discord 继续')}
-                  </AuthOutlineButton>
-                )}
-
-                {status.oidc_enabled && (
-                  <AuthOutlineButton
-                    startContent={<OIDCIcon style={{ color: '#1877F2' }} />}
-                    onPress={handleOIDCClick}
-                    isPending={oidcLoading}
-                  >
-                    {t('使用 OIDC 继续')}
-                  </AuthOutlineButton>
-                )}
-
-                {status.linuxdo_oauth && (
-                  <AuthOutlineButton
-                    startContent={
-                      <LinuxDoIcon
-                        style={{
-                          color: '#E95420',
-                          width: '20px',
-                          height: '20px',
-                        }}
-                      />
-                    }
-                    onPress={handleLinuxDOClick}
-                    isPending={linuxdoLoading}
-                  >
-                    {t('使用 LinuxDO 继续')}
-                  </AuthOutlineButton>
-                )}
-
-                {status.custom_oauth_providers &&
-                  status.custom_oauth_providers.map((provider) => (
-                    <AuthOutlineButton
-                      key={provider.slug}
-                      startContent={getOAuthProviderIcon(provider.icon || '', 20)}
-                      onPress={() => handleCustomOAuthClick(provider)}
-                      isPending={customOAuthLoading[provider.slug]}
-                    >
-                      {t('使用 {{name}} 继续', { name: provider.name })}
-                    </AuthOutlineButton>
-                  ))}
-
-                {status.telegram_oauth && (
-                  <div className='flex justify-center my-2'>
-                    <TelegramLoginButton
-                      dataOnauth={onTelegramLoginClicked}
-                      botName={status.telegram_bot_name}
-                    />
-                  </div>
-                )}
-
-                {status.passkey_login && passkeySupported && (
-                  <AuthOutlineButton
-                    startContent={<KeyRound size={20} />}
-                    onPress={handlePasskeyLogin}
-                    isPending={passkeyLoading}
-                  >
-                    {t('使用 Passkey 登录')}
-                  </AuthOutlineButton>
-                )}
-
-                <AuthDivider>{t('或')}</AuthDivider>
-
-                <AuthPrimaryButton
-                  startContent={<Mail size={20} />}
-                  onPress={handleEmailLoginClick}
-                  isPending={emailLoginLoading}
-                  className='bg-foreground text-background'
+            {status.wechat_login && (
+              <AuthOutlineButton
+                onPress={onWeChatLoginClicked}
+                isPending={wechatLoading}
+              >
+                <WeChatIcon style={{ color: '#07C160' }} />
+                {t('使用 微信 继续')}
+              </AuthOutlineButton>
+            )}
+
+            {status.github_oauth && (
+              <AuthOutlineButton
+                onPress={handleGitHubClick}
+                isPending={githubLoading}
+                isDisabled={githubButtonDisabled}
+              >
+                <SiGithub size={20} />
+                {githubButtonText}
+              </AuthOutlineButton>
+            )}
+
+            {status.discord_oauth && (
+              <AuthOutlineButton
+                onPress={handleDiscordClick}
+                isPending={discordLoading}
+              >
+                <SiDiscord
+                  style={{
+                    color: '#5865F2',
+                    width: '20px',
+                    height: '20px',
+                  }}
+                />
+                {t('使用 Discord 继续')}
+              </AuthOutlineButton>
+            )}
+
+            {status.oidc_enabled && (
+              <AuthOutlineButton
+                onPress={handleOIDCClick}
+                isPending={oidcLoading}
+              >
+                <OIDCIcon style={{ color: '#1877F2' }} />
+                {t('使用 OIDC 继续')}
+              </AuthOutlineButton>
+            )}
+
+            {status.linuxdo_oauth && (
+              <AuthOutlineButton
+                onPress={handleLinuxDOClick}
+                isPending={linuxdoLoading}
+              >
+                <LinuxDoIcon
+                  style={{
+                    color: '#E95420',
+                    width: '20px',
+                    height: '20px',
+                  }}
+                />
+                {t('使用 LinuxDO 继续')}
+              </AuthOutlineButton>
+            )}
+
+            {status.custom_oauth_providers &&
+              status.custom_oauth_providers.map((provider) => (
+                <AuthOutlineButton
+                  key={provider.slug}
+                  onPress={() => handleCustomOAuthClick(provider)}
+                  isPending={customOAuthLoading[provider.slug]}
                 >
-                  {t('使用 邮箱或用户名 登录')}
-                </AuthPrimaryButton>
+                  {getOAuthProviderIcon(provider.icon || '', 20)}
+                  {t('使用 {{name}} 继续', { name: provider.name })}
+                </AuthOutlineButton>
+              ))}
+
+            {status.telegram_oauth && (
+              <div className='flex justify-center my-2'>
+                <TelegramLoginButton
+                  dataOnauth={onTelegramLoginClicked}
+                  botName={status.telegram_bot_name}
+                />
               </div>
+            )}
+
+            {status.passkey_login && passkeySupported && (
+              <AuthOutlineButton
+                onPress={handlePasskeyLogin}
+                isPending={passkeyLoading}
+              >
+                <KeyRound size={20} />
+                {t('使用 Passkey 登录')}
+              </AuthOutlineButton>
+            )}
+
+            <AuthDivider>{t('或')}</AuthDivider>
+
+            <AuthPrimaryButton
+              onPress={handleEmailLoginClick}
+              isPending={emailLoginLoading}
+              className='bg-foreground text-background'
+            >
+              <Mail size={20} />
+              {t('使用 邮箱或用户名 登录')}
+            </AuthPrimaryButton>
+          </div>
 
           <AuthAgreement
             checked={agreedToTerms}
@@ -621,13 +615,13 @@ const LoginForm = () => {
             t={t}
           />
 
-              {!status.self_use_mode_enabled && (
-                <AuthLinkRow
-                  prefix={t('没有账户？')}
-                  linkText={t('注册')}
-                  to='/register'
-                />
-              )}
+          {!status.self_use_mode_enabled && (
+            <AuthLinkRow
+              prefix={t('没有账户？')}
+              linkText={t('注册')}
+              to='/register'
+            />
+          )}
         </AuthPanel>
       </>
     );
@@ -641,96 +635,92 @@ const LoginForm = () => {
           title={t('登 录')}
           subtitle={t('使用你的账户信息继续，或切换到更快捷的登录方式。')}
         >
-              {status.passkey_login && passkeySupported && (
-                <AuthOutlineButton
-                  startContent={<KeyRound size={20} />}
-                  onPress={handlePasskeyLogin}
-                  isPending={passkeyLoading}
-                  className='mb-4'
-                >
-                  {t('使用 Passkey 登录')}
-                </AuthOutlineButton>
-              )}
-              <form
-                className='space-y-3'
-                onSubmit={(event) => {
-                  event.preventDefault();
-                  handleSubmit();
-                }}
+          {status.passkey_login && passkeySupported && (
+            <AuthOutlineButton
+              onPress={handlePasskeyLogin}
+              isPending={passkeyLoading}
+              className='mb-4'
+            >
+              <KeyRound size={20} />
+              {t('使用 Passkey 登录')}
+            </AuthOutlineButton>
+          )}
+          <form
+            className='space-y-3'
+            onSubmit={(event) => {
+              event.preventDefault();
+              handleSubmit();
+            }}
+          >
+            <AuthTextField
+              label={t('用户名或邮箱')}
+              placeholder={t('请输入您的用户名或邮箱地址')}
+              name='username'
+              value={username}
+              onChange={(event) => handleChange('username', event.target.value)}
+              icon={<Mail size={18} />}
+            />
+
+            <AuthTextField
+              label={t('密码')}
+              placeholder={t('请输入您的密码')}
+              name='password'
+              type='password'
+              value={password}
+              onChange={(event) => handleChange('password', event.target.value)}
+              icon={<LockKeyhole size={18} />}
+            />
+
+            <AuthAgreement
+              checked={agreedToTerms}
+              onChange={setAgreedToTerms}
+              hasUserAgreement={hasUserAgreement}
+              hasPrivacyPolicy={hasPrivacyPolicy}
+              t={t}
+            />
+
+            <div className='space-y-2 pt-2'>
+              <AuthPrimaryButton
+                onPress={handleSubmit}
+                isPending={loginLoading}
+                isDisabled={
+                  (hasUserAgreement || hasPrivacyPolicy) && !agreedToTerms
+                }
               >
-                <AuthTextField
-                  label={t('用户名或邮箱')}
-                  placeholder={t('请输入您的用户名或邮箱地址')}
-                  name='username'
-                  value={username}
-                  onChange={(event) =>
-                    handleChange('username', event.target.value)
-                  }
-                  icon={<Mail size={18} />}
-                />
+                {t('继续')}
+              </AuthPrimaryButton>
 
-                <AuthTextField
-                  label={t('密码')}
-                  placeholder={t('请输入您的密码')}
-                  name='password'
-                  type='password'
-                  value={password}
-                  onChange={(event) =>
-                    handleChange('password', event.target.value)
-                  }
-                  icon={<LockKeyhole size={18} />}
-                />
+              <AuthGhostButton
+                onPress={handleResetPasswordClick}
+                isPending={resetPasswordLoading}
+              >
+                {t('忘记密码？')}
+              </AuthGhostButton>
+            </div>
+          </form>
 
-                <AuthAgreement
-                  checked={agreedToTerms}
-                  onChange={setAgreedToTerms}
-                  hasUserAgreement={hasUserAgreement}
-                  hasPrivacyPolicy={hasPrivacyPolicy}
-                  t={t}
-                />
+          {hasOAuthLoginOptions && (
+            <>
+              <AuthDivider>{t('或')}</AuthDivider>
 
-                <div className='space-y-2 pt-2'>
-                  <AuthPrimaryButton
-                    onPress={handleSubmit}
-                    isPending={loginLoading}
-                    isDisabled={
-                      (hasUserAgreement || hasPrivacyPolicy) && !agreedToTerms
-                    }
-                  >
-                    {t('继续')}
-                  </AuthPrimaryButton>
-
-                  <AuthGhostButton
-                    onPress={handleResetPasswordClick}
-                    isPending={resetPasswordLoading}
-                  >
-                    {t('忘记密码？')}
-                  </AuthGhostButton>
-                </div>
-              </form>
-
-              {hasOAuthLoginOptions && (
-                <>
-                  <AuthDivider>{t('或')}</AuthDivider>
-
-                  <div className='mt-4 text-center'>
-                    <AuthOutlineButton
-                      onPress={handleOtherLoginOptionsClick}
-                      isPending={otherLoginOptionsLoading}
-                    >
-                      {t('其他登录选项')}
-                    </AuthOutlineButton>
-                  </div>
-                </>
-              )}
-
-              {!status.self_use_mode_enabled && (
-                <AuthLinkRow
-                  prefix={t('没有账户？')}
-                  linkText={t('注册')}
-                  to='/register'
-                />
-              )}
+              <div className='mt-4 text-center'>
+                <AuthOutlineButton
+                  onPress={handleOtherLoginOptionsClick}
+                  isPending={otherLoginOptionsLoading}
+                >
+                  {t('其他登录选项')}
+                </AuthOutlineButton>
+              </div>
+            </>
+          )}
+
+          {!status.self_use_mode_enabled && (
+            <AuthLinkRow
+              prefix={t('没有账户？')}
+              linkText={t('注册')}
+              to='/register'
+            />
+          )}
         </AuthPanel>
       </>
     );
diff --git a/web/src/components/auth/PasswordResetConfirm.jsx b/web/src/components/auth/PasswordResetConfirm.jsx
index de7bdace247..08f425e6fe1 100644
--- a/web/src/components/auth/PasswordResetConfirm.jsx
+++ b/web/src/components/auth/PasswordResetConfirm.jsx
@@ -142,12 +142,12 @@ const PasswordResetConfirm = () => {
                 <Button
                   size='sm'
                   variant='ghost'
-                  startContent={<Copy size={14} />}
                   onPress={async () => {
                     await copy(newPassword);
                     showNotice(`${t('密码已复制到剪贴板：')} ${newPassword}`);
                   }}
                 >
+                  <Copy size={14} />
                   {t('复制')}
                 </Button>
               }
diff --git a/web/src/components/auth/RegisterForm.jsx b/web/src/components/auth/RegisterForm.jsx
index f58af29e3ed..fe7784cd5d9 100644
--- a/web/src/components/auth/RegisterForm.jsx
+++ b/web/src/components/auth/RegisterForm.jsx
@@ -129,12 +129,12 @@ const RegisterForm = () => {
     (status.custom_oauth_providers || []).length > 0;
   const hasOAuthRegisterOptions = Boolean(
     status.github_oauth ||
-      status.discord_oauth ||
-      status.oidc_enabled ||
-      status.wechat_login ||
-      status.linuxdo_oauth ||
-      status.telegram_oauth ||
-      hasCustomOAuthProviders,
+    status.discord_oauth ||
+    status.oidc_enabled ||
+    status.wechat_login ||
+    status.linuxdo_oauth ||
+    status.telegram_oauth ||
+    hasCustomOAuthProviders,
   );
 
   const [showEmailVerification, setShowEmailVerification] = useState(false);
@@ -396,109 +396,107 @@ const RegisterForm = () => {
           subtitle={t('先选择一种便捷方式，或继续使用用户名注册。')}
         >
           <div className='space-y-3'>
-                {status.wechat_login && (
-                  <AuthOutlineButton
-                    startContent={
-                      <WeChatIcon style={{ color: '#07C160' }} />
-                    }
-                    onPress={onWeChatLoginClicked}
-                    isPending={wechatLoading}
-                  >
-                    {t('使用 微信 继续')}
-                  </AuthOutlineButton>
-                )}
-
-                {status.github_oauth && (
-                  <AuthOutlineButton
-                    startContent={<SiGithub size={20} />}
-                    onPress={handleGitHubClick}
-                    isPending={githubLoading}
-                    isDisabled={githubButtonDisabled}
-                  >
-                    {githubButtonText}
-                  </AuthOutlineButton>
-                )}
-
-                {status.discord_oauth && (
-                  <AuthOutlineButton
-                    startContent={
-                      <SiDiscord
-                        style={{
-                          color: '#5865F2',
-                          width: '20px',
-                          height: '20px',
-                        }}
-                      />
-                    }
-                    onPress={handleDiscordClick}
-                    isPending={discordLoading}
-                  >
-                    {t('使用 Discord 继续')}
-                  </AuthOutlineButton>
-                )}
-
-                {status.oidc_enabled && (
-                  <AuthOutlineButton
-                    startContent={<OIDCIcon style={{ color: '#1877F2' }} />}
-                    onPress={handleOIDCClick}
-                    isPending={oidcLoading}
-                  >
-                    {t('使用 OIDC 继续')}
-                  </AuthOutlineButton>
-                )}
-
-                {status.linuxdo_oauth && (
-                  <AuthOutlineButton
-                    startContent={
-                      <LinuxDoIcon
-                        style={{
-                          color: '#E95420',
-                          width: '20px',
-                          height: '20px',
-                        }}
-                      />
-                    }
-                    onPress={handleLinuxDOClick}
-                    isPending={linuxdoLoading}
-                  >
-                    {t('使用 LinuxDO 继续')}
-                  </AuthOutlineButton>
-                )}
-
-                {status.custom_oauth_providers &&
-                  status.custom_oauth_providers.map((provider) => (
-                    <AuthOutlineButton
-                      key={provider.slug}
-                      startContent={getOAuthProviderIcon(provider.icon || '', 20)}
-                      onPress={() => handleCustomOAuthClick(provider)}
-                      isPending={customOAuthLoading[provider.slug]}
-                    >
-                      {t('使用 {{name}} 继续', { name: provider.name })}
-                    </AuthOutlineButton>
-                  ))}
-
-                {status.telegram_oauth && (
-                  <div className='flex justify-center my-2'>
-                    <TelegramLoginButton
-                      dataOnauth={onTelegramLoginClicked}
-                      botName={status.telegram_bot_name}
-                    />
-                  </div>
-                )}
-
-                <AuthDivider>{t('或')}</AuthDivider>
-
-                <AuthPrimaryButton
-                  startContent={<Mail size={20} />}
-                  onPress={handleEmailRegisterClick}
-                  isPending={emailRegisterLoading}
-                  className='bg-foreground text-background'
+            {status.wechat_login && (
+              <AuthOutlineButton
+                onPress={onWeChatLoginClicked}
+                isPending={wechatLoading}
+              >
+                <WeChatIcon style={{ color: '#07C160' }} />
+                {t('使用 微信 继续')}
+              </AuthOutlineButton>
+            )}
+
+            {status.github_oauth && (
+              <AuthOutlineButton
+                onPress={handleGitHubClick}
+                isPending={githubLoading}
+                isDisabled={githubButtonDisabled}
+              >
+                <SiGithub size={20} />
+                {githubButtonText}
+              </AuthOutlineButton>
+            )}
+
+            {status.discord_oauth && (
+              <AuthOutlineButton
+                onPress={handleDiscordClick}
+                isPending={discordLoading}
+              >
+                <SiDiscord
+                  style={{
+                    color: '#5865F2',
+                    width: '20px',
+                    height: '20px',
+                  }}
+                />
+                {t('使用 Discord 继续')}
+              </AuthOutlineButton>
+            )}
+
+            {status.oidc_enabled && (
+              <AuthOutlineButton
+                onPress={handleOIDCClick}
+                isPending={oidcLoading}
+              >
+                <OIDCIcon style={{ color: '#1877F2' }} />
+                {t('使用 OIDC 继续')}
+              </AuthOutlineButton>
+            )}
+
+            {status.linuxdo_oauth && (
+              <AuthOutlineButton
+                onPress={handleLinuxDOClick}
+                isPending={linuxdoLoading}
+              >
+                <LinuxDoIcon
+                  style={{
+                    color: '#E95420',
+                    width: '20px',
+                    height: '20px',
+                  }}
+                />
+                {t('使用 LinuxDO 继续')}
+              </AuthOutlineButton>
+            )}
+
+            {status.custom_oauth_providers &&
+              status.custom_oauth_providers.map((provider) => (
+                <AuthOutlineButton
+                  key={provider.slug}
+                  onPress={() => handleCustomOAuthClick(provider)}
+                  isPending={customOAuthLoading[provider.slug]}
                 >
-                  {t('使用 用户名 注册')}
-                </AuthPrimaryButton>
+                  {getOAuthProviderIcon(provider.icon || '', 20)}
+                  {t('使用 {{name}} 继续', { name: provider.name })}
+                </AuthOutlineButton>
+              ))}
+
+            {status.telegram_oauth && (
+              <div className='flex justify-center my-2'>
+                <TelegramLoginButton
+                  dataOnauth={onTelegramLoginClicked}
+                  botName={status.telegram_bot_name}
+                />
               </div>
-
-          <AuthLinkRow prefix={t('已有账户？')} linkText={t('登录')} to='/login' />
+            )}
+
+            <AuthDivider>{t('或')}</AuthDivider>
+
+            <AuthPrimaryButton
+              onPress={handleEmailRegisterClick}
+              isPending={emailRegisterLoading}
+              className='bg-foreground text-background'
+            >
+              <Mail size={20} />
+              {t('使用 用户名 注册')}
+            </AuthPrimaryButton>
+          </div>
+
+          <AuthLinkRow
+            prefix={t('已有账户？')}
+            linkText={t('登录')}
+            to='/login'
+          />
         </AuthPanel>
       </>
     );
@@ -512,125 +510,125 @@ const RegisterForm = () => {
           title={t('注 册')}
           subtitle={t('创建一个新账户，稍后可以继续使用第三方登录。')}
         >
-              <form
-                className='space-y-3'
-                onSubmit={(event) => {
-                  event.preventDefault();
-                  handleSubmit();
-                }}
-              >
+          <form
+            className='space-y-3'
+            onSubmit={(event) => {
+              event.preventDefault();
+              handleSubmit();
+            }}
+          >
+            <AuthTextField
+              label={t('用户名')}
+              placeholder={t('请输入用户名')}
+              name='username'
+              value={inputs.username}
+              onChange={(event) => handleChange('username', event.target.value)}
+              icon={<UserRound size={18} />}
+            />
+
+            <AuthTextField
+              label={t('密码')}
+              placeholder={t('输入密码，最短 8 位，最长 20 位')}
+              name='password'
+              type='password'
+              value={inputs.password}
+              onChange={(event) => handleChange('password', event.target.value)}
+              icon={<LockKeyhole size={18} />}
+            />
+
+            <AuthTextField
+              label={t('确认密码')}
+              placeholder={t('确认密码')}
+              name='password2'
+              type='password'
+              value={inputs.password2}
+              onChange={(event) =>
+                handleChange('password2', event.target.value)
+              }
+              icon={<LockKeyhole size={18} />}
+            />
+
+            {showEmailVerification && (
+              <>
                 <AuthTextField
-                  label={t('用户名')}
-                  placeholder={t('请输入用户名')}
-                  name='username'
-                  value={inputs.username}
+                  label={t('邮箱')}
+                  placeholder={t('输入邮箱地址')}
+                  name='email'
+                  type='email'
+                  value={inputs.email}
                   onChange={(event) =>
-                    handleChange('username', event.target.value)
+                    handleChange('email', event.target.value)
                   }
-                  icon={<UserRound size={18} />}
-                />
-
-                <AuthTextField
-                  label={t('密码')}
-                  placeholder={t('输入密码，最短 8 位，最长 20 位')}
-                  name='password'
-                  type='password'
-                  value={inputs.password}
-                  onChange={(event) =>
-                    handleChange('password', event.target.value)
+                  icon={<Mail size={18} />}
+                  action={
+                    <Button
+                      size='sm'
+                      variant='secondary'
+                      onPress={sendVerificationCode}
+                      isPending={verificationCodeLoading}
+                      isDisabled={disableButton || verificationCodeLoading}
+                      className='rounded-xl'
+                    >
+                      {disableButton
+                        ? `${t('重新发送')} (${countdown})`
+                        : t('获取验证码')}
+                    </Button>
                   }
-                  icon={<LockKeyhole size={18} />}
                 />
-
                 <AuthTextField
-                  label={t('确认密码')}
-                  placeholder={t('确认密码')}
-                  name='password2'
-                  type='password'
-                  value={inputs.password2}
+                  label={t('验证码')}
+                  placeholder={t('输入验证码')}
+                  name='verification_code'
+                  value={inputs.verification_code}
                   onChange={(event) =>
-                    handleChange('password2', event.target.value)
+                    handleChange('verification_code', event.target.value)
                   }
-                  icon={<LockKeyhole size={18} />}
-                />
-
-                {showEmailVerification && (
-                  <>
-                    <AuthTextField
-                      label={t('邮箱')}
-                      placeholder={t('输入邮箱地址')}
-                      name='email'
-                      type='email'
-                      value={inputs.email}
-                      onChange={(event) =>
-                        handleChange('email', event.target.value)
-                      }
-                      icon={<Mail size={18} />}
-                      action={
-                        <Button
-                          size='sm'
-                          variant='secondary'
-                          onPress={sendVerificationCode}
-                          isPending={verificationCodeLoading}
-                          isDisabled={disableButton || verificationCodeLoading}
-                          className='rounded-xl'
-                        >
-                          {disableButton
-                            ? `${t('重新发送')} (${countdown})`
-                            : t('获取验证码')}
-                        </Button>
-                      }
-                    />
-                    <AuthTextField
-                      label={t('验证码')}
-                      placeholder={t('输入验证码')}
-                      name='verification_code'
-                      value={inputs.verification_code}
-                      onChange={(event) =>
-                        handleChange('verification_code', event.target.value)
-                      }
-                      icon={<KeyRound size={18} />}
-                    />
-                  </>
-                )}
-
-                <AuthAgreement
-                  checked={agreedToTerms}
-                  onChange={setAgreedToTerms}
-                  hasUserAgreement={hasUserAgreement}
-                  hasPrivacyPolicy={hasPrivacyPolicy}
-                  t={t}
+                  icon={<KeyRound size={18} />}
                 />
+              </>
+            )}
+
+            <AuthAgreement
+              checked={agreedToTerms}
+              onChange={setAgreedToTerms}
+              hasUserAgreement={hasUserAgreement}
+              hasPrivacyPolicy={hasPrivacyPolicy}
+              t={t}
+            />
+
+            <div className='space-y-2 pt-2'>
+              <AuthPrimaryButton
+                onPress={handleSubmit}
+                isPending={registerLoading}
+                isDisabled={
+                  (hasUserAgreement || hasPrivacyPolicy) && !agreedToTerms
+                }
+              >
+                {t('注册')}
+              </AuthPrimaryButton>
+            </div>
+          </form>
+
+          {hasOAuthRegisterOptions && (
+            <>
+              <AuthDivider>{t('或')}</AuthDivider>
+
+              <div className='mt-4 text-center'>
+                <AuthOutlineButton
+                  onPress={handleOtherRegisterOptionsClick}
+                  isPending={otherRegisterOptionsLoading}
+                >
+                  {t('其他注册选项')}
+                </AuthOutlineButton>
+              </div>
+            </>
+          )}
 
-                <div className='space-y-2 pt-2'>
-                  <AuthPrimaryButton
-                    onPress={handleSubmit}
-                    isPending={registerLoading}
-                    isDisabled={
-                      (hasUserAgreement || hasPrivacyPolicy) && !agreedToTerms
-                    }
-                  >
-                    {t('注册')}
-                  </AuthPrimaryButton>
-                </div>
-              </form>
-
-              {hasOAuthRegisterOptions && (
-                <>
-                  <AuthDivider>{t('或')}</AuthDivider>
-
-                  <div className='mt-4 text-center'>
-                    <AuthOutlineButton
-                      onPress={handleOtherRegisterOptionsClick}
-                      isPending={otherRegisterOptionsLoading}
-                    >
-                      {t('其他注册选项')}
-                    </AuthOutlineButton>
-                  </div>
-                </>
-              )}
-
-          <AuthLinkRow prefix={t('已有账户？')} linkText={t('登录')} to='/login' />
+          <AuthLinkRow
+            prefix={t('已有账户？')}
+            linkText={t('登录')}
+            to='/login'
+          />
         </AuthPanel>
       </>
     );
diff --git a/web/src/components/common/ErrorBoundary.jsx b/web/src/components/common/ErrorBoundary.jsx
index 2aff10b2351..aee4e3335be 100644
--- a/web/src/components/common/ErrorBoundary.jsx
+++ b/web/src/components/common/ErrorBoundary.jsx
@@ -65,9 +65,9 @@ class ErrorBoundary extends React.Component {
           <Button
             color='primary'
             className='mt-4 rounded-full'
-            startContent={<RefreshCcw size={16} />}
             onPress={() => window.location.reload()}
           >
+            <RefreshCcw size={16} />
             {t('刷新页面')}
           </Button>
         </div>
diff --git a/web/src/components/common/modals/SecureVerificationModal.jsx b/web/src/components/common/modals/SecureVerificationModal.jsx
index 236a54f18a4..412a8eeb4b2 100644
--- a/web/src/components/common/modals/SecureVerificationModal.jsx
+++ b/web/src/components/common/modals/SecureVerificationModal.jsx
@@ -131,90 +131,101 @@ const SecureVerificationModal = ({
           <ModalDialog className='bg-background/95 backdrop-blur'>
             <ModalHeader>{title || t('安全验证')}</ModalHeader>
             <ModalBody className='px-5 py-5'>
-      <div className='w-full'>
-        {/* 描述信息 */}
-        {description && (
-          <p className='mb-5 text-sm leading-6 text-muted'>
-            {description}
-          </p>
-        )}
-
-        {/* 验证方式选择 */}
-        <Tabs
-          selectedKey={method}
-          onSelectionChange={(key) => onMethodSwitch(String(key))}
-          size='default'
-          variant='underlined'
-        >
-          {has2FA && (
-            <Tab key='2fa' title={t('两步验证')}>
-              <div className='pt-5'>
-                <div className='mb-3'>
-                  <Input
-                    placeholder={t('请输入6位验证码或8位备用码')}
-                    value={code}
-                    onChange={(event) => onCodeChange(event.target.value)}
-                    size='large'
-                    maxLength={8}
-                    onKeyDown={handleKeyDown}
-                    autoFocus={method === '2fa'}
-                    isDisabled={loading}
-                    startContent={<KeyRound size={16} />}
-                  />
-                </div>
-
-                <p className='mb-5 text-sm leading-6 text-muted'>
-                  {t('从认证器应用中获取验证码，或使用备用码')}
-                </p>
-
-                <div className='flex flex-wrap justify-end gap-2'>
-                  <Button variant='outline' onPress={onCancel} isDisabled={loading}>
-                    {t('取消')}
-                  </Button>
-                  <Button
-                    isPending={loading}
-                    isDisabled={!code.trim() || loading}
-                    onPress={() => onVerify(method, code)}
-                  >
-                    {t('验证')}
-                  </Button>
-                </div>
-              </div>
-            </Tab>
-          )}
-
-          {hasPasskey && passkeySupported && (
-            <Tab key='passkey' title={t('Passkey')}>
-              <div className='pt-5'>
-                <div className='mb-5 px-4 py-6 text-center'>
-                  <div className='mx-auto mb-4 flex h-14 w-14 items-center justify-center rounded-full bg-accent/10 text-accent'>
-                    <ShieldCheck size={28} />
-                  </div>
-                  <h3 className='mb-2 text-base font-semibold text-foreground'>
-                    {t('使用 Passkey 验证')}
-                  </h3>
-                  <p className='text-sm leading-6 text-muted'>
-                    {t('点击验证按钮，使用您的生物特征或安全密钥')}
+              <div className='w-full'>
+                {/* 描述信息 */}
+                {description && (
+                  <p className='mb-5 text-sm leading-6 text-muted'>
+                    {description}
                   </p>
-                </div>
-
-                <div className='flex flex-wrap justify-end gap-2'>
-                  <Button variant='outline' onPress={onCancel} isDisabled={loading}>
-                    {t('取消')}
-                  </Button>
-                  <Button
-                    isPending={loading}
-                    isDisabled={loading}
-                    onPress={() => onVerify(method)}
-                  >
-                    {t('验证 Passkey')}
-                  </Button>
-                </div>
+                )}
+
+                {/* 验证方式选择 */}
+                <Tabs
+                  selectedKey={method}
+                  onSelectionChange={(key) => onMethodSwitch(String(key))}
+                  size='default'
+                  variant='underlined'
+                >
+                  {has2FA && (
+                    <Tab key='2fa' title={t('两步验证')}>
+                      <div className='pt-5'>
+                        <div className='mb-3'>
+                          <Input
+                            placeholder={t('请输入6位验证码或8位备用码')}
+                            value={code}
+                            onChange={(event) =>
+                              onCodeChange(event.target.value)
+                            }
+                            size='large'
+                            maxLength={8}
+                            onKeyDown={handleKeyDown}
+                            autoFocus={method === '2fa'}
+                            isDisabled={loading}
+                          >
+                            <KeyRound size={16} />
+                          </Input>
+                        </div>
+
+                        <p className='mb-5 text-sm leading-6 text-muted'>
+                          {t('从认证器应用中获取验证码，或使用备用码')}
+                        </p>
+
+                        <div className='flex flex-wrap justify-end gap-2'>
+                          <Button
+                            variant='outline'
+                            onPress={onCancel}
+                            isDisabled={loading}
+                          >
+                            {t('取消')}
+                          </Button>
+                          <Button
+                            isPending={loading}
+                            isDisabled={!code.trim() || loading}
+                            onPress={() => onVerify(method, code)}
+                          >
+                            {t('验证')}
+                          </Button>
+                        </div>
+                      </div>
+                    </Tab>
+                  )}
+
+                  {hasPasskey && passkeySupported && (
+                    <Tab key='passkey' title={t('Passkey')}>
+                      <div className='pt-5'>
+                        <div className='mb-5 px-4 py-6 text-center'>
+                          <div className='mx-auto mb-4 flex h-14 w-14 items-center justify-center rounded-full bg-accent/10 text-accent'>
+                            <ShieldCheck size={28} />
+                          </div>
+                          <h3 className='mb-2 text-base font-semibold text-foreground'>
+                            {t('使用 Passkey 验证')}
+                          </h3>
+                          <p className='text-sm leading-6 text-muted'>
+                            {t('点击验证按钮，使用您的生物特征或安全密钥')}
+                          </p>
+                        </div>
+
+                        <div className='flex flex-wrap justify-end gap-2'>
+                          <Button
+                            variant='outline'
+                            onPress={onCancel}
+                            isDisabled={loading}
+                          >
+                            {t('取消')}
+                          </Button>
+                          <Button
+                            isPending={loading}
+                            isDisabled={loading}
+                            onPress={() => onVerify(method)}
+                          >
+                            {t('验证 Passkey')}
+                          </Button>
+                        </div>
+                      </div>
+                    </Tab>
+                  )}
+                </Tabs>
               </div>
-            </Tab>
-          )}
-        </Tabs>
-      </div>
             </ModalBody>
           </ModalDialog>
         </ModalContainer>
diff --git a/web/src/components/common/ui/CardPro.jsx b/web/src/components/common/ui/CardPro.jsx
index 7f0b9b06b29..2dfc151628e 100644
--- a/web/src/components/common/ui/CardPro.jsx
+++ b/web/src/components/common/ui/CardPro.jsx
@@ -98,11 +98,11 @@ const CardPro = ({
             <div className='w-full mb-2'>
               <Button
                 onPress={toggleMobileActions}
-                startContent={showMobileActions ? <EyeOff size={16} /> : <Eye size={16} />}
                 variant='secondary'
                 size='sm'
                 className='w-full'
               >
+                {showMobileActions ? <EyeOff size={16} /> : <Eye size={16} />}
                 {showMobileActions ? t('隐藏操作项') : t('显示操作项')}
               </Button>
             </div>
diff --git a/web/src/components/common/ui/CardTable.jsx b/web/src/components/common/ui/CardTable.jsx
index f40a5eddb38..883f0c77dbf 100644
--- a/web/src/components/common/ui/CardTable.jsx
+++ b/web/src/components/common/ui/CardTable.jsx
@@ -19,11 +19,7 @@ For commercial licensing, please contact support@quantumnous.com
 
 import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import {
-  Skeleton,
-  Pagination,
-  Button,
-} from '@heroui/react';
+import { Skeleton, Pagination, Button } from '@heroui/react';
 import { ChevronDown, ChevronUp, Inbox } from 'lucide-react';
 import PropTypes from 'prop-types';
 import { useIsMobile } from '../../../hooks/common/useIsMobile';
@@ -189,7 +185,10 @@ const CardTable = ({
   if (showSkeleton) {
     const renderSkeletonCard = (key) => {
       return (
-        <div key={key} className='rounded-2xl border border-border bg-background p-4 shadow-sm'>
+        <div
+          key={key}
+          className='rounded-2xl border border-border bg-background p-4 shadow-sm'
+        >
           {visibleColumns.map((col, idx) => {
             if (!col.title) {
               return (
@@ -234,9 +233,11 @@ const CardTable = ({
       (!tableProps.rowExpandable || tableProps.rowExpandable(record));
 
     return (
-      <div key={rowKeyVal} className='rounded-2xl border border-border bg-background p-4 shadow-sm'>
+      <div
+        key={rowKeyVal}
+        className='rounded-2xl border border-border bg-background p-4 shadow-sm'
+      >
         {visibleColumns.map((col, colIdx) => {
-
           const title = col.title;
           const cellContent = renderCell(col, record, index);
 
@@ -271,11 +272,15 @@ const CardTable = ({
               variant='tertiary'
               size='sm'
               className='w-full flex justify-center mt-2'
-              startContent={showDetails ? <ChevronUp size={16} /> : <ChevronDown size={16} />}
               onPress={() => {
                 setShowDetails(!showDetails);
               }}
             >
+              {showDetails ? (
+                <ChevronUp size={16} />
+              ) : (
+                <ChevronDown size={16} />
+              )}
               {showDetails ? t('收起') : t('详情')}
             </Button>
             {showDetails && (
@@ -291,11 +296,7 @@ const CardTable = ({
 
   if (isEmpty) {
     if (tableProps.empty) return tableProps.empty;
-    return (
-      <div className='flex justify-center p-4'>
-        {renderEmpty()}
-      </div>
-    );
+    return <div className='flex justify-center p-4'>{renderEmpty()}</div>;
   }
 
   return (
@@ -308,9 +309,7 @@ const CardTable = ({
         />
       ))}
       {!hidePagination && tableProps.pagination && dataSource.length > 0 && (
-        <div className='mt-2 flex justify-center'>
-          {renderPagination()}
-        </div>
+        <div className='mt-2 flex justify-center'>{renderPagination()}</div>
       )}
     </div>
   );
diff --git a/web/src/components/common/ui/ChannelKeyDisplay.jsx b/web/src/components/common/ui/ChannelKeyDisplay.jsx
index 071e622e7d1..f9986a1d54a 100644
--- a/web/src/components/common/ui/ChannelKeyDisplay.jsx
+++ b/web/src/components/common/ui/ChannelKeyDisplay.jsx
@@ -129,11 +129,7 @@ const ChannelKeyDisplay = ({
               <span className='text-xs text-muted'>
                 {t('共 {{count}} 个密钥', { count: parsedKeys.length })}
               </span>
-              <Button
-                size='sm'
-                variant='secondary'
-                onPress={handleCopyAll}
-              >
+              <Button size='sm' variant='secondary' onPress={handleCopyAll}>
                 {t('复制全部')}
               </Button>
             </div>
@@ -160,9 +156,9 @@ const ChannelKeyDisplay = ({
                     <Button
                       size='sm'
                       variant='secondary'
-                      startContent={<Clipboard size={14} />}
                       onPress={() => handleCopyKey(keyItem.content)}
                     >
+                      <Clipboard size={14} />
                       {t('复制')}
                     </Button>
                   </div>
diff --git a/web/src/components/model-deployments/DeploymentAccessGuard.jsx b/web/src/components/model-deployments/DeploymentAccessGuard.jsx
index 9bf0f0e4d63..4ebcd72b4e0 100644
--- a/web/src/components/model-deployments/DeploymentAccessGuard.jsx
+++ b/web/src/components/model-deployments/DeploymentAccessGuard.jsx
@@ -45,9 +45,7 @@ const DeploymentAccessGuard = ({
         <Card className='min-h-[400px] rounded-2xl border border-border bg-background/80 shadow-sm'>
           <div className='flex flex-col items-center justify-center gap-3 py-20 text-center'>
             <Spinner size='lg' />
-            <span className='text-sm text-muted'>
-              {t('加载设置中...')}
-            </span>
+            <span className='text-sm text-muted'>{t('加载设置中...')}</span>
           </div>
         </Card>
       </div>
@@ -101,11 +99,8 @@ const DeploymentAccessGuard = ({
             </div>
 
             <div className='mb-5'>
-              <Button
-                variant='outline'
-                startContent={<Settings size={18} />}
-                onPress={handleGoToSettings}
-              >
+              <Button variant='outline' onPress={handleGoToSettings}>
+                <Settings size={18} />
                 {t('前往设置页面')}
               </Button>
             </div>
@@ -156,22 +151,15 @@ const DeploymentAccessGuard = ({
               <h2 className='mb-3 text-3xl font-bold tracking-tight text-foreground'>
                 {title}
               </h2>
-              <p className='text-lg leading-8 text-muted'>
-                {description}
-              </p>
+              <p className='text-lg leading-8 text-muted'>{description}</p>
               {detail ? (
-                <p className='mt-2 text-sm leading-6 text-muted'>
-                  {detail}
-                </p>
+                <p className='mt-2 text-sm leading-6 text-muted'>{detail}</p>
               ) : null}
             </div>
 
             <div className='flex justify-center gap-3'>
-              <Button
-                variant='primary'
-                startContent={<Settings size={18} />}
-                onPress={handleGoToSettings}
-              >
+              <Button variant='primary' onPress={handleGoToSettings}>
+                <Settings size={18} />
                 {t('前往设置')}
               </Button>
               {onRetry ? (
diff --git a/web/src/components/settings/CustomOAuthSetting.jsx b/web/src/components/settings/CustomOAuthSetting.jsx
index 3a3e5fc1c53..ab1a4117e4a 100644
--- a/web/src/components/settings/CustomOAuthSetting.jsx
+++ b/web/src/components/settings/CustomOAuthSetting.jsx
@@ -248,8 +248,10 @@ const ACCESS_POLICY_TEMPLATES = {
 };
 
 const ACCESS_DENIED_TEMPLATES = {
-  level_hint: '需要等级 {{required}}，你当前等级 {{current}}（字段：{{field}}）',
-  org_hint: '仅限指定组织或角色访问。组织={{current.org}}，角色={{current.roles}}',
+  level_hint:
+    '需要等级 {{required}}，你当前等级 {{current}}（字段：{{field}}）',
+  org_hint:
+    '仅限指定组织或角色访问。组织={{current.org}}，角色={{current.roles}}',
 };
 
 // ----------------------------- main -----------------------------
@@ -405,7 +407,9 @@ const CustomOAuthSetting = ({ serverAddress }) => {
         if (selectedPreset && !baseUrl) {
           showError(t('请先填写 Issuer URL，以自动生成完整的端点 URL'));
         } else {
-          showError(t('端点 URL 必须是完整地址（以 http:// 或 https:// 开头）'));
+          showError(
+            t('端点 URL 必须是完整地址（以 http:// 或 https:// 开头）'),
+          );
         }
         return;
       }
@@ -484,8 +488,8 @@ const CustomOAuthSetting = ({ serverAddress }) => {
         ? data.scopes_supported
         : [];
       if (scopesSupported.length > 0 && !formValues.scopes) {
-        const preferredScopes = ['openid', 'profile', 'email'].filter(
-          (scope) => scopesSupported.includes(scope),
+        const preferredScopes = ['openid', 'profile', 'email'].filter((scope) =>
+          scopesSupported.includes(scope),
         );
         discoveredValues.scopes =
           preferredScopes.length > 0
@@ -562,8 +566,7 @@ const CustomOAuthSetting = ({ serverAddress }) => {
       newValues.authorization_endpoint =
         cleanUrl + presetConfig.authorization_endpoint;
       newValues.token_endpoint = cleanUrl + presetConfig.token_endpoint;
-      newValues.user_info_endpoint =
-        cleanUrl + presetConfig.user_info_endpoint;
+      newValues.user_info_endpoint = cleanUrl + presetConfig.user_info_endpoint;
     }
     mergeFormValues(newValues);
   };
@@ -574,8 +577,7 @@ const CustomOAuthSetting = ({ serverAddress }) => {
       const presetConfig = OAUTH_PRESETS[selectedPreset];
       const cleanUrl = normalizeBaseUrl(url);
       mergeFormValues({
-        authorization_endpoint:
-          cleanUrl + presetConfig.authorization_endpoint,
+        authorization_endpoint: cleanUrl + presetConfig.authorization_endpoint,
         token_endpoint: cleanUrl + presetConfig.token_endpoint,
         user_info_endpoint: cleanUrl + presetConfig.user_info_endpoint,
       });
@@ -619,11 +621,8 @@ const CustomOAuthSetting = ({ serverAddress }) => {
         </InfoBanner>
 
         <div>
-          <Button
-            color='primary'
-            startContent={<Plus size={14} />}
-            onPress={handleAdd}
-          >
+          <Button color='primary' onPress={handleAdd}>
+            <Plus size={14} />
             {t('添加 OAuth 提供商')}
           </Button>
         </div>
@@ -641,13 +640,9 @@ const CustomOAuthSetting = ({ serverAddress }) => {
                 <th className='w-[80px] px-3 py-2 text-left font-medium'>
                   {t('图标')}
                 </th>
-                <th className='px-3 py-2 text-left font-medium'>
-                  {t('名称')}
-                </th>
+                <th className='px-3 py-2 text-left font-medium'>{t('名称')}</th>
                 <th className='px-3 py-2 text-left font-medium'>Slug</th>
-                <th className='px-3 py-2 text-left font-medium'>
-                  {t('状态')}
-                </th>
+                <th className='px-3 py-2 text-left font-medium'>{t('状态')}</th>
                 <th className='px-3 py-2 text-left font-medium'>
                   {t('Client ID')}
                 </th>
@@ -698,17 +693,17 @@ const CustomOAuthSetting = ({ serverAddress }) => {
                         <Button
                           size='sm'
                           variant='tertiary'
-                          startContent={<Edit3 size={14} />}
                           onPress={() => handleEdit(record)}
                         >
+                          <Edit3 size={14} />
                           {t('编辑')}
                         </Button>
                         <Button
                           size='sm'
                           variant='danger-soft'
-                          startContent={<Trash2 size={14} />}
                           onPress={() => setDeleteTarget(record)}
                         >
+                          <Trash2 size={14} />
                           {t('删除')}
                         </Button>
                       </div>
@@ -742,9 +737,7 @@ const CustomOAuthSetting = ({ serverAddress }) => {
                   {t('Configuration')}
                 </div>
                 <div className='text-xs text-muted'>
-                  {t(
-                    '先填写配置，再自动填充 OAuth 端点，能显著减少手工输入',
-                  )}
+                  {t('先填写配置，再自动填充 OAuth 端点，能显著减少手工输入')}
                 </div>
 
                 {discoveryInfo && (
@@ -784,7 +777,9 @@ const CustomOAuthSetting = ({ serverAddress }) => {
                       onSelectionChange={(key) => {
                         // Map synthetic 'custom' id back to '' so the
                         // existing handler logic is preserved.
-                        handlePresetChange(key === 'custom' ? '' : String(key ?? ''));
+                        handlePresetChange(
+                          key === 'custom' ? '' : String(key ?? ''),
+                        );
                       }}
                     >
                       <CellSelect.Trigger>
@@ -800,24 +795,24 @@ const CustomOAuthSetting = ({ serverAddress }) => {
                             {t('自定义')}
                             <ListBox.ItemIndicator />
                           </ListBox.Item>
-                          {Object.entries(OAUTH_PRESETS).map(([key, config]) => (
-                            <ListBox.Item
-                              key={key}
-                              id={key}
-                              textValue={config.name}
-                            >
-                              {config.name}
-                              <ListBox.ItemIndicator />
-                            </ListBox.Item>
-                          ))}
+                          {Object.entries(OAUTH_PRESETS).map(
+                            ([key, config]) => (
+                              <ListBox.Item
+                                key={key}
+                                id={key}
+                                textValue={config.name}
+                              >
+                                {config.name}
+                                <ListBox.ItemIndicator />
+                              </ListBox.Item>
+                            ),
+                          )}
                         </ListBox>
                       </CellSelect.Popover>
                     </CellSelect>
                   </div>
                   <div className='space-y-2 md:col-span-5'>
-                    <FieldLabel>
-                      {t('发行者 URL（Issuer URL）')}
-                    </FieldLabel>
+                    <FieldLabel>{t('发行者 URL（Issuer URL）')}</FieldLabel>
                     <input
                       type='text'
                       value={baseUrl}
@@ -836,11 +831,11 @@ const CustomOAuthSetting = ({ serverAddress }) => {
                   <div className='flex items-end md:col-span-3'>
                     <Button
                       variant='tertiary'
-                      startContent={<RefreshCw size={14} />}
                       isPending={discoveryLoading}
                       onPress={handleFetchFromDiscovery}
                       className='w-full'
                     >
+                      <RefreshCw size={14} />
                       {t('获取 Discovery 配置')}
                     </Button>
                   </div>
@@ -875,9 +870,7 @@ const CustomOAuthSetting = ({ serverAddress }) => {
                     <input
                       type='text'
                       value={formValues.name || ''}
-                      onChange={(event) =>
-                        setField('name')(event.target.value)
-                      }
+                      onChange={(event) => setField('name')(event.target.value)}
                       placeholder={t('例如：GitHub Enterprise')}
                       className={inputClass}
                     />
@@ -887,9 +880,7 @@ const CustomOAuthSetting = ({ serverAddress }) => {
                     <input
                       type='text'
                       value={formValues.slug || ''}
-                      onChange={(event) =>
-                        setField('slug')(event.target.value)
-                      }
+                      onChange={(event) => setField('slug')(event.target.value)}
                       placeholder={t('例如：github-enterprise')}
                       className={inputClass}
                     />
@@ -906,9 +897,7 @@ const CustomOAuthSetting = ({ serverAddress }) => {
                     <input
                       type='text'
                       value={formValues.icon || ''}
-                      onChange={(event) =>
-                        setField('icon')(event.target.value)
-                      }
+                      onChange={(event) => setField('icon')(event.target.value)}
                       placeholder={t(
                         '例如：github / si:google / https://example.com/logo.png / 🐱',
                       )}
@@ -1004,9 +993,7 @@ const CustomOAuthSetting = ({ serverAddress }) => {
                     />
                   </div>
                   <div className='space-y-2'>
-                    <FieldLabel required>
-                      {t('User Info Endpoint')}
-                    </FieldLabel>
+                    <FieldLabel required>{t('User Info Endpoint')}</FieldLabel>
                     <input
                       type='text'
                       value={formValues.user_info_endpoint || ''}
@@ -1135,9 +1122,7 @@ const CustomOAuthSetting = ({ serverAddress }) => {
                           }}
                         >
                           <CellSelect.Trigger>
-                            <CellSelect.Label>
-                              {t('认证方式')}
-                            </CellSelect.Label>
+                            <CellSelect.Label>{t('认证方式')}</CellSelect.Label>
                             <CellSelect.Value />
                             <CellSelect.Indicator>
                               <ChevronsUpDown size={14} />
@@ -1224,9 +1209,7 @@ const CustomOAuthSetting = ({ serverAddress }) => {
                         type='text'
                         value={formValues.access_denied_message || ''}
                         onChange={(event) =>
-                          setField('access_denied_message')(
-                            event.target.value,
-                          )
+                          setField('access_denied_message')(event.target.value)
                         }
                         placeholder={t(
                           '例如：需要等级 {{required}}，你当前等级 {{current}}',
@@ -1260,9 +1243,7 @@ const CustomOAuthSetting = ({ serverAddress }) => {
               </ModalBody>
               <ModalFooter className='flex flex-wrap items-center justify-end gap-3 border-t border-border'>
                 <div className='flex items-center gap-2'>
-                  <span className='text-sm text-muted'>
-                    {t('启用供应商')}
-                  </span>
+                  <span className='text-sm text-muted'>{t('启用供应商')}</span>
                   <Switch
                     isSelected={!!formValues.enabled}
                     onValueChange={(checked) =>
diff --git a/web/src/components/settings/personal/cards/CheckinCalendar.jsx b/web/src/components/settings/personal/cards/CheckinCalendar.jsx
index c700f06d597..5d0d530a66c 100644
--- a/web/src/components/settings/personal/cards/CheckinCalendar.jsx
+++ b/web/src/components/settings/personal/cards/CheckinCalendar.jsx
@@ -92,17 +92,31 @@ function MonthCalendar({ yearMonth, onMonthChange, dateRender, t }) {
     <div className='overflow-hidden rounded-lg border border-[color:var(--app-border)] text-sm'>
       <div className='flex items-center justify-between border-b border-[color:var(--app-border)] bg-[color:var(--app-background)] px-3 py-2'>
         <div className='flex items-center gap-1'>
-          <Button isIconOnly variant='tertiary' size='sm' onPress={goPrev} aria-label='prev'>
+          <Button
+            isIconOnly
+            variant='tertiary'
+            size='sm'
+            onPress={goPrev}
+            aria-label='prev'
+          >
             <ChevronLeft size={14} />
           </Button>
           <Button variant='tertiary' size='sm' onPress={goToday}>
             {t('今天')}
           </Button>
-          <Button isIconOnly variant='tertiary' size='sm' onPress={goNext} aria-label='next'>
+          <Button
+            isIconOnly
+            variant='tertiary'
+            size='sm'
+            onPress={goNext}
+            aria-label='next'
+          >
             <ChevronRight size={14} />
           </Button>
         </div>
-        <div className='text-sm font-semibold text-foreground'>{monthLabel}</div>
+        <div className='text-sm font-semibold text-foreground'>
+          {monthLabel}
+        </div>
         <div className='w-[120px]' />
       </div>
 
@@ -132,9 +146,7 @@ function MonthCalendar({ yearMonth, onMonthChange, dateRender, t }) {
                   <td
                     key={cellKey}
                     className={`relative h-14 align-top ${
-                      isCurrentMonth
-                        ? ''
-                        : 'opacity-40'
+                      isCurrentMonth ? '' : 'opacity-40'
                     }`}
                   >
                     <div
@@ -372,11 +384,11 @@ const CheckinCalendar = ({ t, status, turnstileEnabled, turnstileSiteKey }) => {
           <Button
             variant='primary'
             className={successButtonClass}
-            startContent={<Gift size={14} />}
             onPress={() => doCheckin()}
             isPending={checkinLoading || !initialLoaded}
             isDisabled={!initialLoaded || checkinData.stats?.checked_in_today}
           >
+            <Gift size={14} />
             {!initialLoaded
               ? t('加载中...')
               : checkinData.stats?.checked_in_today
diff --git a/web/src/components/settings/personal/components/TwoFASetting.jsx b/web/src/components/settings/personal/components/TwoFASetting.jsx
index f2694bce7b2..2edb203de87 100644
--- a/web/src/components/settings/personal/components/TwoFASetting.jsx
+++ b/web/src/components/settings/personal/components/TwoFASetting.jsx
@@ -26,12 +26,7 @@ import {
   ModalHeader,
   useOverlayState,
 } from '@heroui/react';
-import {
-  AlertTriangle,
-  Copy,
-  RefreshCw,
-  Shield,
-} from 'lucide-react';
+import { AlertTriangle, Copy, RefreshCw, Shield } from 'lucide-react';
 import { QRCodeSVG } from 'qrcode.react';
 import { API, showError, showSuccess, showWarning } from '../../../../helpers';
 
@@ -335,9 +330,9 @@ const TwoFASetting = ({ t }) => {
         <Button
           color='primary'
           className='w-full !bg-foreground/85 hover:!bg-foreground'
-          startContent={<Copy size={14} />}
           onPress={onCopy}
         >
+          <Copy size={14} />
           {t('复制所有代码')}
         </Button>
       </Card.Content>
@@ -364,9 +359,7 @@ const TwoFASetting = ({ t }) => {
                     <StatusChip tone='red'>{t('未启用')}</StatusChip>
                   )}
                   {status.locked && (
-                    <StatusChip tone='orange'>
-                      {t('账户已锁定')}
-                    </StatusChip>
+                    <StatusChip tone='orange'>{t('账户已锁定')}</StatusChip>
                   )}
                 </div>
                 <div className='text-sm text-muted'>
@@ -388,27 +381,27 @@ const TwoFASetting = ({ t }) => {
                 <Button
                   color='primary'
                   isPending={loading}
-                  startContent={<Shield size={14} />}
                   onPress={handleSetup2FA}
                   className='!bg-foreground/85 hover:!bg-foreground'
                 >
+                  <Shield size={14} />
                   {t('启用验证')}
                 </Button>
               ) : (
                 <>
                   <Button
                     color='danger'
-                    startContent={<AlertTriangle size={14} />}
                     onPress={() => setDisableModalVisible(true)}
                     className='!bg-foreground/70 hover:!bg-foreground/85'
                   >
+                    <AlertTriangle size={14} />
                     {t('禁用两步验证')}
                   </Button>
                   <Button
                     variant='tertiary'
-                    startContent={<RefreshCw size={14} />}
                     onPress={() => setBackupModalVisible(true)}
                   >
+                    <RefreshCw size={14} />
                     {t('重新生成备用码')}
                   </Button>
                 </>
@@ -495,8 +488,7 @@ const TwoFASetting = ({ t }) => {
                           codes={setupData.backup_codes}
                           title={t('备用恢复代码')}
                           onCopy={() => {
-                            const codesText =
-                              setupData.backup_codes.join('\n');
+                            const codesText = setupData.backup_codes.join('\n');
                             copyTextToClipboard(
                               codesText,
                               t('备用码已复制到剪贴板'),
@@ -510,9 +502,7 @@ const TwoFASetting = ({ t }) => {
                           value={verificationCode}
                           onValueChange={setVerificationCode}
                           maxLength={6}
-                          placeholder={t(
-                            '输入认证器应用显示的6位数字验证码',
-                          )}
+                          placeholder={t('输入认证器应用显示的6位数字验证码')}
                           size='lg'
                         >
                           <Input.Control>
@@ -566,11 +556,7 @@ const TwoFASetting = ({ t }) => {
       {/* Disable 2FA modal */}
       <Modal state={disableModalState}>
         <ModalBackdrop variant='blur'>
-          <ModalContainer
-            size='xl'
-            placement='center'
-            className='max-w-[90vw]'
-          >
+          <ModalContainer size='xl' placement='center' className='max-w-[90vw]'>
             <ModalDialog className='bg-background/95 backdrop-blur'>
               <ModalHeader className='border-b border-border'>
                 <div className='flex items-center gap-2'>
@@ -605,9 +591,7 @@ const TwoFASetting = ({ t }) => {
                       </li>
                       <li className='flex items-start gap-2'>
                         <Dot tone='danger' />
-                        <span>
-                          {t('永久删除所有备用码（包括未使用的）')}
-                        </span>
+                        <span>{t('永久删除所有备用码（包括未使用的）')}</span>
                       </li>
                     </ul>
                   </div>
@@ -669,11 +653,7 @@ const TwoFASetting = ({ t }) => {
       {/* Regenerate backup codes modal */}
       <Modal state={backupModalState}>
         <ModalBackdrop variant='blur'>
-          <ModalContainer
-            size='lg'
-            placement='center'
-            className='max-w-[90vw]'
-          >
+          <ModalContainer size='lg' placement='center' className='max-w-[90vw]'>
             <ModalDialog className='bg-background/95 backdrop-blur'>
               <ModalHeader className='border-b border-border'>
                 <div className='flex items-center gap-2'>
diff --git a/web/src/components/table/channels/ChannelsActions.jsx b/web/src/components/table/channels/ChannelsActions.jsx
index 2ebe2b9ff5a..005bb5032cc 100644
--- a/web/src/components/table/channels/ChannelsActions.jsx
+++ b/web/src/components/table/channels/ChannelsActions.jsx
@@ -59,10 +59,10 @@ function ClickDropdown({ label, items }) {
         variant='tertiary'
         size='sm'
         className='w-full md:w-auto'
-        endContent={<ChevronDown size={14} />}
         onPress={() => setOpen((prev) => !prev)}
       >
         {label}
+        <ChevronDown size={14} />
       </Button>
       {open ? (
         <div
@@ -148,7 +148,9 @@ const ChannelsActions = ({
       onClick: () =>
         ask({
           title: t('确定是否要修复数据库一致性？'),
-          content: t('进行该操作时，可能导致渠道访问错误，请仅在数据库出现问题时使用'),
+          content: t(
+            '进行该操作时，可能导致渠道访问错误，请仅在数据库出现问题时使用',
+          ),
           onConfirm: fixChannelsAbilities,
         }),
     },
diff --git a/web/src/components/table/channels/modals/CodexUsageModal.jsx b/web/src/components/table/channels/modals/CodexUsageModal.jsx
index ecc552cb50c..e8e0faf99cb 100644
--- a/web/src/components/table/channels/modals/CodexUsageModal.jsx
+++ b/web/src/components/table/channels/modals/CodexUsageModal.jsx
@@ -349,12 +349,8 @@ function CodexUsageView({ t, record, payload, onCopy, onRefresh }) {
               </StatusChip>
             </div>
           </div>
-          <Button
-            size='sm'
-            variant='secondary'
-            startContent={<RefreshCw size={14} />}
-            onPress={onRefresh}
-          >
+          <Button size='sm' variant='secondary' onPress={onRefresh}>
+            <RefreshCw size={14} />
             {tt('刷新')}
           </Button>
         </div>
@@ -510,12 +506,8 @@ function CodexUsageLoader({ t, record, initialPayload, onCopy }) {
       <div className='flex flex-col gap-3'>
         <div className='text-sm text-danger'>{tt('获取用量失败')}</div>
         <div className='flex justify-end'>
-          <Button
-            size='sm'
-            variant='secondary'
-            startContent={<RefreshCw size={14} />}
-            onPress={fetchUsage}
-          >
+          <Button size='sm' variant='secondary' onPress={fetchUsage}>
+            <RefreshCw size={14} />
             {tt('刷新')}
           </Button>
         </div>
@@ -553,11 +545,7 @@ const CodexUsageModal = ({
   return (
     <Modal state={modalState}>
       <ModalBackdrop variant='blur'>
-        <ModalContainer
-          size='3xl'
-          placement='center'
-          className='max-w-[95vw]'
-        >
+        <ModalContainer size='3xl' placement='center' className='max-w-[95vw]'>
           <ModalDialog className='bg-background/95 backdrop-blur'>
             <ModalHeader className='border-b border-border'>
               <span>{tt('Codex 帐号与用量')}</span>
@@ -573,11 +561,8 @@ const CodexUsageModal = ({
               ) : null}
             </ModalBody>
             <ModalFooter className='border-t border-border'>
-              <Button
-                color='primary'
-                startContent={<X size={14} />}
-                onPress={onClose}
-              >
+              <Button color='primary' onPress={onClose}>
+                <X size={14} />
                 {tt('关闭')}
               </Button>
             </ModalFooter>
diff --git a/web/src/components/table/channels/modals/EditTagModal.jsx b/web/src/components/table/channels/modals/EditTagModal.jsx
index 7b86299054f..c0c2a789b6d 100644
--- a/web/src/components/table/channels/modals/EditTagModal.jsx
+++ b/web/src/components/table/channels/modals/EditTagModal.jsx
@@ -15,14 +15,7 @@ For commercial licensing, please contact support@quantumnous.com
 import React, { useEffect, useMemo, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Button, Card, Spinner } from '@heroui/react';
-import {
-  Bookmark,
-  Code2,
-  Save,
-  Settings,
-  User,
-  X,
-} from 'lucide-react';
+import { Bookmark, Code2, Save, Settings, User, X } from 'lucide-react';
 import {
   API,
   showError,
@@ -245,12 +238,8 @@ function MultiSelectChips({
                         selected ? 'text-primary' : 'text-foreground'
                       }`}
                     >
-                      <span className='truncate'>
-                        {opt.label ?? String(v)}
-                      </span>
-                      {selected ? (
-                        <span className='text-xs'>{'✓'}</span>
-                      ) : null}
+                      <span className='truncate'>{opt.label ?? String(v)}</span>
+                      {selected ? <span className='text-xs'>{'✓'}</span> : null}
                     </button>
                   </li>
                 );
@@ -394,10 +383,7 @@ const EditTagModal = ({ visible, tag, handleClose, refresh }) => {
         return;
       }
       const trimmedHeaderOverride = formVals.header_override.trim();
-      if (
-        trimmedHeaderOverride !== '' &&
-        !verifyJSON(trimmedHeaderOverride)
-      ) {
+      if (trimmedHeaderOverride !== '' && !verifyJSON(trimmedHeaderOverride)) {
         showInfo('请求头覆盖必须是合法的 JSON 格式！');
         setLoading(false);
         return;
@@ -605,9 +591,7 @@ const EditTagModal = ({ visible, tag, handleClose, refresh }) => {
                   <MultiSelectChips
                     value={inputs.models}
                     options={modelOptions}
-                    placeholder={t(
-                      '请选择该渠道所支持的模型，留空则不更改',
-                    )}
+                    placeholder={t('请选择该渠道所支持的模型，留空则不更改')}
                     filter={selectFilter}
                     allowCreate
                     onChange={(v) => setField('models', v)}
@@ -819,8 +803,7 @@ const EditTagModal = ({ visible, tag, handleClose, refresh }) => {
                     </button>
                   </div>
                   <FieldHint>
-                    {t('支持变量：')}
-                    {' '}
+                    {t('支持变量：')}{' '}
                     <span className='ml-1 text-foreground'>
                       {t('渠道密钥')}: {'{api_key}'}
                     </span>
@@ -851,9 +834,7 @@ const EditTagModal = ({ visible, tag, handleClose, refresh }) => {
                   <MultiSelectChips
                     value={inputs.groups}
                     options={groupOptions}
-                    placeholder={t(
-                      '请选择可以使用该渠道的分组，留空则不更改',
-                    )}
+                    placeholder={t('请选择可以使用该渠道的分组，留空则不更改')}
                     allowCreate
                     onChange={(v) => setField('groups', v)}
                   />
@@ -867,19 +848,12 @@ const EditTagModal = ({ visible, tag, handleClose, refresh }) => {
         </div>
 
         <footer className='flex justify-end gap-2 border-t border-border bg-background px-5 py-3'>
-          <Button
-            variant='tertiary'
-            startContent={<X size={14} />}
-            onPress={handleClose}
-          >
+          <Button variant='tertiary' onPress={handleClose}>
+            <X size={14} />
             {t('取消')}
           </Button>
-          <Button
-            color='primary'
-            isPending={loading}
-            startContent={<Save size={14} />}
-            onPress={handleSave}
-          >
+          <Button color='primary' isPending={loading} onPress={handleSave}>
+            <Save size={14} />
             {t('保存')}
           </Button>
         </footer>
diff --git a/web/src/components/table/channels/modals/ModelTestModal.jsx b/web/src/components/table/channels/modals/ModelTestModal.jsx
index ec4ec6ffd57..4a6aede976f 100644
--- a/web/src/components/table/channels/modals/ModelTestModal.jsx
+++ b/web/src/components/table/channels/modals/ModelTestModal.jsx
@@ -215,9 +215,7 @@ const ModelTestModal = ({
       return;
     }
     if (checked) {
-      setSelectedModelKeys(
-        Array.from(new Set([...selectedModelKeys, key])),
-      );
+      setSelectedModelKeys(Array.from(new Set([...selectedModelKeys, key])));
     } else {
       setSelectedModelKeys(selectedModelKeys.filter((item) => item !== key));
     }
@@ -265,12 +263,12 @@ const ModelTestModal = ({
               <Button
                 size='sm'
                 variant='tertiary'
-                startContent={<Settings size={12} />}
                 onPress={() =>
                   window.open('/console/setting?tab=ratio', '_blank')
                 }
                 className={`w-fit ${warningGhostButtonClass}`}
               >
+                <Settings size={12} />
                 {t('前往设置')}
               </Button>
             )}
@@ -318,8 +316,7 @@ const ModelTestModal = ({
                       {currentTestChannel.name} {t('渠道的模型测试')}
                     </span>
                     <span className='text-xs text-muted'>
-                      {t('共')}{' '}
-                      {currentTestChannel.models.split(',').length}{' '}
+                      {t('共')} {currentTestChannel.models.split(',').length}{' '}
                       {t('个模型')}
                     </span>
                   </div>
@@ -344,7 +341,10 @@ const ModelTestModal = ({
                         className='h-9 w-full min-w-0 rounded-xl border border-border bg-background px-3 text-sm outline-none transition focus:border-primary'
                       >
                         {endpointTypeOptions.map((option) => (
-                          <option key={String(option.value)} value={option.value}>
+                          <option
+                            key={String(option.value)}
+                            value={option.value}
+                          >
                             {option.label}
                           </option>
                         ))}
@@ -381,7 +381,10 @@ const ModelTestModal = ({
                   {/* Search + actions */}
                   <div className='flex w-full flex-col gap-2 sm:flex-row sm:items-center'>
                     <div className='relative flex-1'>
-                      <Search className='pointer-events-none absolute left-2.5 top-1/2 -translate-y-1/2 text-muted' size={14} />
+                      <Search
+                        className='pointer-events-none absolute left-2.5 top-1/2 -translate-y-1/2 text-muted'
+                        size={14}
+                      />
                       <Input
                         aria-label={t('搜索模型')}
                         placeholder={t('搜索模型...')}
diff --git a/web/src/components/table/channels/modals/MultiKeyManageModal.jsx b/web/src/components/table/channels/modals/MultiKeyManageModal.jsx
index f8e4c7c60ca..6819f10edac 100644
--- a/web/src/components/table/channels/modals/MultiKeyManageModal.jsx
+++ b/web/src/components/table/channels/modals/MultiKeyManageModal.jsx
@@ -480,12 +480,10 @@ const MultiKeyManageModal = ({ visible, onCancel, channel, onRefresh }) => {
                         <Button
                           size='sm'
                           variant='tertiary'
-                          startContent={<RefreshCw size={14} />}
                           isPending={loading}
-                          onPress={() =>
-                            loadKeyStatus(currentPage, pageSize)
-                          }
+                          onPress={() => loadKeyStatus(currentPage, pageSize)}
                         >
+                          <RefreshCw size={14} />
                           {t('刷新')}
                         </Button>
                         {manualDisabledCount + autoDisabledCount > 0 && (
@@ -555,10 +553,7 @@ const MultiKeyManageModal = ({ visible, onCancel, channel, onRefresh }) => {
                                 className='px-4 py-10 text-center'
                               >
                                 <div className='flex flex-col items-center gap-2'>
-                                  <Inbox
-                                    size={36}
-                                    className='text-muted/60'
-                                  />
+                                  <Inbox size={36} className='text-muted/60' />
                                   <div className='text-sm font-semibold text-foreground'>
                                     {t('暂无密钥数据')}
                                   </div>
@@ -602,9 +597,7 @@ const MultiKeyManageModal = ({ visible, onCancel, channel, onRefresh }) => {
                                       )}
                                     >
                                       <span className='text-xs text-foreground'>
-                                        {timestamp2string(
-                                          record.disabled_time,
-                                        )}
+                                        {timestamp2string(record.disabled_time)}
                                       </span>
                                     </Tooltip>
                                   )}
@@ -679,9 +672,7 @@ const MultiKeyManageModal = ({ visible, onCancel, channel, onRefresh }) => {
                           <select
                             value={pageSize}
                             onChange={(event) =>
-                              handlePageSizeChange(
-                                Number(event.target.value),
-                              )
+                              handlePageSizeChange(Number(event.target.value))
                             }
                             className={inputClass}
                           >
diff --git a/web/src/components/table/channels/modals/OllamaModelModal.jsx b/web/src/components/table/channels/modals/OllamaModelModal.jsx
index f19f2837b53..2e4266ef9d2 100644
--- a/web/src/components/table/channels/modals/OllamaModelModal.jsx
+++ b/web/src/components/table/channels/modals/OllamaModelModal.jsx
@@ -28,14 +28,7 @@ import {
   Spinner,
   useOverlayState,
 } from '@heroui/react';
-import {
-  Download,
-  Plus,
-  RefreshCw,
-  Search,
-  Trash2,
-  X,
-} from 'lucide-react';
+import { Download, Plus, RefreshCw, Search, Trash2, X } from 'lucide-react';
 import {
   API,
   authHeader,
@@ -523,9 +516,7 @@ const OllamaModelModal = ({
               <span>
                 {(completedBytes / (1024 * 1024 * 1024)).toFixed(2)} GB
               </span>
-              <span>
-                {(totalBytes / (1024 * 1024 * 1024)).toFixed(2)} GB
-              </span>
+              <span>{(totalBytes / (1024 * 1024 * 1024)).toFixed(2)} GB</span>
             </div>
           </>
         ) : (
@@ -589,10 +580,10 @@ const OllamaModelModal = ({
                           color='primary'
                           isPending={pullLoading}
                           isDisabled={!pullModelName.trim()}
-                          startContent={<Download size={14} />}
                           onPress={pullModel}
                           className='w-full'
                         >
+                          <Download size={14} />
                           {pullLoading ? t('拉取中...') : t('拉取模型')}
                         </Button>
                       </div>
@@ -626,10 +617,8 @@ const OllamaModelModal = ({
                             placeholder={t('搜索模型...')}
                             value={searchValue}
                             onValueChange={setSearchValue}
-                            startContent={
-                              <Search size={14} className='text-muted' />
-                            }
                           >
+                            <Search size={14} className='text-muted' />
                             <Input.Control>
                               <Input.Element />
                             </Input.Control>
@@ -654,19 +643,19 @@ const OllamaModelModal = ({
                         <Button
                           size='sm'
                           color='primary'
-                          startContent={<Plus size={14} />}
                           isDisabled={selectedModelIds.length === 0}
                           onPress={handleApplyAllModels}
                         >
+                          <Plus size={14} />
                           {t('加入渠道')}
                         </Button>
                         <Button
                           size='sm'
                           variant='tertiary'
-                          startContent={<RefreshCw size={14} />}
                           isPending={loading}
                           onPress={fetchModels}
                         >
+                          <RefreshCw size={14} />
                           {t('刷新')}
                         </Button>
                       </div>
@@ -748,11 +737,8 @@ const OllamaModelModal = ({
                 </Card>
               </ModalBody>
               <ModalFooter className='border-t border-border'>
-                <Button
-                  color='primary'
-                  startContent={<X size={14} />}
-                  onPress={onCancel}
-                >
+                <Button color='primary' onPress={onCancel}>
+                  <X size={14} />
                   {t('关闭')}
                 </Button>
               </ModalFooter>
diff --git a/web/src/components/table/model-deployments/DeploymentsColumnDefs.jsx b/web/src/components/table/model-deployments/DeploymentsColumnDefs.jsx
index 0fa569d3d0b..2de881d15bc 100644
--- a/web/src/components/table/model-deployments/DeploymentsColumnDefs.jsx
+++ b/web/src/components/table/model-deployments/DeploymentsColumnDefs.jsx
@@ -260,7 +260,9 @@ const renderResourceConfig = (resource, t) => {
       {memory && (
         <div className='flex items-center gap-1 text-xs'>
           <FaMemory className='text-success' />
-          <span>{t('内存')}: {memory}</span>
+          <span>
+            {t('内存')}: {memory}
+          </span>
         </div>
       )}
       {gpu && (
@@ -527,8 +529,8 @@ export const getDeploymentsColumns = ({
                 size='sm'
                 variant='tertiary'
                 onPress={() => onViewDetails?.(record)}
-                startContent={<FaInfoCircle className='text-xs' />}
               >
+                <FaInfoCircle className='text-xs' />
                 {t('查看详情')}
               </Button>
             </div>
@@ -614,11 +616,11 @@ export const getDeploymentsColumns = ({
               size='sm'
               variant={primaryAction.variant || 'solid'}
               color={primaryAction.color}
-              startContent={primaryAction.icon}
               onPress={primaryAction.onPress}
               isDisabled={primaryAction.isDisabled}
               className='px-2 text-xs'
             >
+              {primaryAction.icon}
               {primaryAction.text}
             </Button>
 
diff --git a/web/src/components/table/model-deployments/modals/CreateDeploymentModal.jsx b/web/src/components/table/model-deployments/modals/CreateDeploymentModal.jsx
index 9e441e14aa0..e399f46fcbe 100644
--- a/web/src/components/table/model-deployments/modals/CreateDeploymentModal.jsx
+++ b/web/src/components/table/model-deployments/modals/CreateDeploymentModal.jsx
@@ -27,14 +27,7 @@ import {
   Tooltip,
   useOverlayState,
 } from '@heroui/react';
-import {
-  ChevronDown,
-  Copy,
-  HelpCircle,
-  Minus,
-  Plus,
-  X,
-} from 'lucide-react';
+import { ChevronDown, Copy, HelpCircle, Minus, Plus, X } from 'lucide-react';
 import { API, copy, showError, showSuccess } from '../../../../helpers';
 
 // ----------------------------- helpers -----------------------------
@@ -71,7 +64,8 @@ function StatusChip({ tone = 'grey', size = 'sm', children }) {
     blue: 'bg-primary/15 text-primary',
     grey: 'bg-surface-secondary text-muted',
   };
-  const sizeCls = size === 'xs' ? 'px-1.5 py-0.5 text-[10px]' : 'px-2 py-0.5 text-xs';
+  const sizeCls =
+    size === 'xs' ? 'px-1.5 py-0.5 text-[10px]' : 'px-2 py-0.5 text-xs';
   return (
     <span
       className={`inline-flex items-center rounded-full font-semibold ${sizeCls} ${
@@ -148,9 +142,7 @@ function RichSingleSelect({
       {open && !disabled ? (
         <div className='absolute left-0 right-0 z-30 mt-1 max-h-[360px] overflow-auto rounded-xl border border-border bg-background shadow-lg'>
           {options.length === 0 ? (
-            <div className='px-3 py-2 text-xs text-muted'>
-              {placeholder}
-            </div>
+            <div className='px-3 py-2 text-xs text-muted'>{placeholder}</div>
           ) : (
             <ul className='py-1'>
               {options.map((option) => {
@@ -248,7 +240,7 @@ function RichMultiSelect({
             const opt = options.find((o) => o.value === v);
             const label = renderSelectedLabel
               ? renderSelectedLabel(opt, v)
-              : opt?.label ?? String(v);
+              : (opt?.label ?? String(v));
             return (
               <span
                 key={String(v)}
@@ -283,9 +275,7 @@ function RichMultiSelect({
       {open && !disabled ? (
         <div className='absolute left-0 right-0 z-30 mt-1 max-h-[360px] overflow-auto rounded-xl border border-border bg-background shadow-lg'>
           {options.length === 0 ? (
-            <div className='px-3 py-2 text-xs text-muted'>
-              {placeholder}
-            </div>
+            <div className='px-3 py-2 text-xs text-muted'>{placeholder}</div>
           ) : (
             <ul className='py-1'>
               {options.map((option) => {
@@ -295,9 +285,7 @@ function RichMultiSelect({
                     <button
                       type='button'
                       disabled={option.disabled}
-                      onClick={() =>
-                        toggle(option.value, option.disabled)
-                      }
+                      onClick={() => toggle(option.value, option.disabled)}
                       className={`flex w-full items-start gap-2 px-3 py-2 text-left text-sm transition disabled:cursor-not-allowed disabled:opacity-50 ${
                         selected
                           ? 'bg-primary/10 text-primary'
@@ -1101,10 +1089,7 @@ const CreateDeploymentModal = ({ visible, onCancel, onSuccess, t }) => {
           <span>
             {t('最大GPU数量')}: {hardware.max_gpus}
           </span>
-          <StatusChip
-            tone={availableCount > 0 ? 'green' : 'red'}
-            size='xs'
-          >
+          <StatusChip tone={availableCount > 0 ? 'green' : 'red'} size='xs'>
             {t('可用数量')}: {availableCount}
           </StatusChip>
         </div>
@@ -1162,11 +1147,7 @@ const CreateDeploymentModal = ({ visible, onCancel, onSuccess, t }) => {
   return (
     <Modal state={modalState}>
       <ModalBackdrop variant='blur'>
-        <ModalContainer
-          size='4xl'
-          placement='center'
-          className='max-w-[95vw]'
-        >
+        <ModalContainer size='4xl' placement='center' className='max-w-[95vw]'>
           <ModalDialog className='bg-background/95 backdrop-blur'>
             <ModalHeader className='border-b border-border'>
               <span>{t('新建容器部署')}</span>
@@ -1211,9 +1192,7 @@ const CreateDeploymentModal = ({ visible, onCancel, onSuccess, t }) => {
                         type='text'
                         value={values.resource_private_name || ''}
                         onChange={(event) =>
-                          setField('resource_private_name')(
-                            event.target.value,
-                          )
+                          setField('resource_private_name')(event.target.value)
                         }
                         placeholder={t('请输入容器名称')}
                         className={inputClass}
@@ -1255,7 +1234,8 @@ const CreateDeploymentModal = ({ visible, onCancel, onSuccess, t }) => {
                         onChange={(event) => {
                           const v = event.target.value;
                           setField('image_url')(v);
-                          if (imageMode === 'custom') customImageRef.current = v;
+                          if (imageMode === 'custom')
+                            customImageRef.current = v;
                         }}
                         placeholder={t('例如：nginx:latest')}
                         disabled={imageMode === 'builtin'}
@@ -1278,14 +1258,15 @@ const CreateDeploymentModal = ({ visible, onCancel, onSuccess, t }) => {
                         <Button
                           size='sm'
                           variant='tertiary'
-                          startContent={<Copy size={14} />}
                           onPress={async () => {
                             if (!autoOllamaKey) return;
                             const copied = await copy(autoOllamaKey);
-                            if (copied) showSuccess(t('已复制自动生成的 API Key'));
+                            if (copied)
+                              showSuccess(t('已复制自动生成的 API Key'));
                             else showError(t('复制失败，请手动选择文本复制'));
                           }}
                         >
+                          <Copy size={14} />
                           {t('复制')}
                         </Button>
                       </div>
@@ -1361,9 +1342,7 @@ const CreateDeploymentModal = ({ visible, onCancel, onSuccess, t }) => {
                         renderSelectedLabel={(option, v) =>
                           loadingReplicas
                             ? t('部署位置加载中...')
-                            : option?.label ||
-                              locationLabelMap[v] ||
-                              String(v)
+                            : option?.label || locationLabelMap[v] || String(v)
                         }
                       />
                       <FieldError>{errors.location_ids}</FieldError>
@@ -1411,9 +1390,7 @@ const CreateDeploymentModal = ({ visible, onCancel, onSuccess, t }) => {
                         <FieldLabel>
                           <span className='inline-flex items-center gap-1'>
                             {t('流量端口')}
-                            <Tooltip
-                              content={t('容器对外服务的端口号，可选')}
-                            >
+                            <Tooltip content={t('容器对外服务的端口号，可选')}>
                               <HelpCircle size={14} className='text-muted' />
                             </Tooltip>
                           </span>
@@ -1457,9 +1434,7 @@ const CreateDeploymentModal = ({ visible, onCancel, onSuccess, t }) => {
                               </h6>
                               <div className='grid grid-cols-1 gap-4 md:grid-cols-2'>
                                 <div className='space-y-2'>
-                                  <FieldLabel>
-                                    {t('镜像仓库用户名')}
-                                  </FieldLabel>
+                                  <FieldLabel>{t('镜像仓库用户名')}</FieldLabel>
                                   <input
                                     type='text'
                                     value={values.registry_username || ''}
@@ -1541,11 +1516,11 @@ const CreateDeploymentModal = ({ visible, onCancel, onSuccess, t }) => {
                                 <Button
                                   size='sm'
                                   variant='tertiary'
-                                  startContent={<Plus size={14} />}
                                   onPress={() =>
                                     handleAddArrayField('entrypoint')
                                   }
                                 >
+                                  <Plus size={14} />
                                   {t('添加启动命令')}
                                 </Button>
                               </div>
@@ -1589,9 +1564,9 @@ const CreateDeploymentModal = ({ visible, onCancel, onSuccess, t }) => {
                                 <Button
                                   size='sm'
                                   variant='tertiary'
-                                  startContent={<Plus size={14} />}
                                   onPress={() => handleAddArrayField('args')}
                                 >
+                                  <Plus size={14} />
                                   {t('添加启动参数')}
                                 </Button>
                               </div>
@@ -1652,10 +1627,7 @@ const CreateDeploymentModal = ({ visible, onCancel, onSuccess, t }) => {
                                         isDisabled={envVariables.length === 1}
                                         aria-label={t('删除')}
                                         onPress={() =>
-                                          handleRemoveEnvVariable(
-                                            index,
-                                            'env',
-                                          )
+                                          handleRemoveEnvVariable(index, 'env')
                                         }
                                       >
                                         <Minus size={14} />
@@ -1666,11 +1638,9 @@ const CreateDeploymentModal = ({ visible, onCancel, onSuccess, t }) => {
                                 <Button
                                   size='sm'
                                   variant='tertiary'
-                                  startContent={<Plus size={14} />}
-                                  onPress={() =>
-                                    handleAddEnvVariable('env')
-                                  }
+                                  onPress={() => handleAddEnvVariable('env')}
                                 >
+                                  <Plus size={14} />
                                   {t('添加环境变量')}
                                 </Button>
                               </div>
@@ -1744,11 +1714,9 @@ const CreateDeploymentModal = ({ visible, onCancel, onSuccess, t }) => {
                                 <Button
                                   size='sm'
                                   variant='tertiary'
-                                  startContent={<Plus size={14} />}
-                                  onPress={() =>
-                                    handleAddEnvVariable('secret')
-                                  }
+                                  onPress={() => handleAddEnvVariable('secret')}
                                 >
+                                  <Plus size={14} />
                                   {t('添加密钥环境变量')}
                                 </Button>
                               </div>
@@ -1807,7 +1775,8 @@ const CreateDeploymentModal = ({ visible, onCancel, onSuccess, t }) => {
                               {t('预估总费用')}
                             </span>
                             <div className='text-2xl font-semibold text-foreground'>
-                              {typeof priceEstimation.estimated_cost === 'number'
+                              {typeof priceEstimation.estimated_cost ===
+                              'number'
                                 ? `${priceEstimation.estimated_cost.toFixed(4)} ${currencyLabel}`
                                 : '--'}
                             </div>
@@ -1817,8 +1786,8 @@ const CreateDeploymentModal = ({ visible, onCancel, onSuccess, t }) => {
                               {t('小时费率')}
                             </span>
                             <span className='text-sm font-semibold text-foreground'>
-                              {typeof priceEstimation.price_breakdown?.hourly_rate ===
-                              'number'
+                              {typeof priceEstimation.price_breakdown
+                                ?.hourly_rate === 'number'
                                 ? `${priceEstimation.price_breakdown.hourly_rate.toFixed(4)} ${currencyLabel}/h`
                                 : '--'}
                             </span>
@@ -1828,8 +1797,8 @@ const CreateDeploymentModal = ({ visible, onCancel, onSuccess, t }) => {
                               {t('计算成本')}
                             </span>
                             <span className='text-sm font-semibold text-foreground'>
-                              {typeof priceEstimation.price_breakdown?.compute_cost ===
-                              'number'
+                              {typeof priceEstimation.price_breakdown
+                                ?.compute_cost === 'number'
                                 ? `${priceEstimation.price_breakdown.compute_cost.toFixed(4)} ${currencyLabel}`
                                 : '--'}
                             </span>
diff --git a/web/src/components/table/model-deployments/modals/EditDeploymentModal.jsx b/web/src/components/table/model-deployments/modals/EditDeploymentModal.jsx
index 2861cb65227..5cde641d6fe 100644
--- a/web/src/components/table/model-deployments/modals/EditDeploymentModal.jsx
+++ b/web/src/components/table/model-deployments/modals/EditDeploymentModal.jsx
@@ -185,16 +185,16 @@ const EditDeploymentModal = ({
                 variant='tertiary'
                 onPress={handleClose}
                 isDisabled={loading}
-                startContent={<X size={14} />}
               >
+                <X size={14} />
                 {t('取消')}
               </Button>
               <Button
                 color='primary'
                 onPress={handleSubmit}
                 isPending={loading}
-                startContent={<Save size={14} />}
               >
+                <Save size={14} />
                 {isEdit ? t('更新') : t('创建')}
               </Button>
             </ModalFooter>
diff --git a/web/src/components/table/model-deployments/modals/UpdateConfigModal.jsx b/web/src/components/table/model-deployments/modals/UpdateConfigModal.jsx
index 1ac6f1e56d4..8162c1f703c 100644
--- a/web/src/components/table/model-deployments/modals/UpdateConfigModal.jsx
+++ b/web/src/components/table/model-deployments/modals/UpdateConfigModal.jsx
@@ -59,7 +59,13 @@ function StatusChip({ tone = 'grey', children }) {
 // Replaces Semi `<Collapse>` / `<Collapse.Panel>` with a `<details>`
 // element so accordion state is native (no extra hook + accessible by
 // default).
-function CollapseSection({ icon, title, suffix, defaultOpen = false, children }) {
+function CollapseSection({
+  icon,
+  title,
+  suffix,
+  defaultOpen = false,
+  children,
+}) {
   return (
     <details
       open={defaultOpen}
@@ -96,13 +102,7 @@ function FieldHint({ children }) {
   return <div className='mt-1.5 text-xs text-muted'>{children}</div>;
 }
 
-const UpdateConfigModal = ({
-  visible,
-  onCancel,
-  deployment,
-  onSuccess,
-  t,
-}) => {
+const UpdateConfigModal = ({ visible, onCancel, deployment, onSuccess, t }) => {
   const [loading, setLoading] = useState(false);
   const [formData, setFormData] = useState({
     image_url: '',
@@ -439,15 +439,18 @@ const UpdateConfigModal = ({
                         <Button
                           size='sm'
                           variant='tertiary'
-                          startContent={<FaPlus />}
                           onPress={addEnvVar}
                         >
+                          <FaPlus />
                           {t('添加')}
                         </Button>
                       </div>
 
                       {envVars.map((envVar, index) => (
-                        <div key={index} className='mb-2 flex items-center gap-2'>
+                        <div
+                          key={index}
+                          className='mb-2 flex items-center gap-2'
+                        >
                           <Input
                             placeholder={t('变量名')}
                             value={envVar.key}
@@ -502,15 +505,18 @@ const UpdateConfigModal = ({
                           size='sm'
                           variant='tertiary'
                           color='danger'
-                          startContent={<FaPlus />}
                           onPress={addSecretEnvVar}
                         >
+                          <FaPlus />
                           {t('添加')}
                         </Button>
                       </div>
 
                       {secretEnvVars.map((envVar, index) => (
-                        <div key={index} className='mb-2 flex items-center gap-2'>
+                        <div
+                          key={index}
+                          className='mb-2 flex items-center gap-2'
+                        >
                           <Input
                             placeholder={t('变量名')}
                             value={envVar.key}
diff --git a/web/src/components/table/model-deployments/modals/ViewDetailsModal.jsx b/web/src/components/table/model-deployments/modals/ViewDetailsModal.jsx
index 78d418da827..6001fa10644 100644
--- a/web/src/components/table/model-deployments/modals/ViewDetailsModal.jsx
+++ b/web/src/components/table/model-deployments/modals/ViewDetailsModal.jsx
@@ -91,9 +91,7 @@ function DescList({ items }) {
     <dl className='grid grid-cols-1 gap-y-2 sm:grid-cols-[140px_minmax(0,1fr)] sm:gap-x-4'>
       {items.map((item, idx) => (
         <React.Fragment key={`${item.key}-${idx}`}>
-          <dt className='text-xs font-medium text-muted sm:pt-1'>
-            {item.key}
-          </dt>
+          <dt className='text-xs font-medium text-muted sm:pt-1'>{item.key}</dt>
           <dd className='text-sm text-foreground'>{item.value}</dd>
         </React.Fragment>
       ))}
@@ -330,8 +328,7 @@ const ViewDetailsModal = ({ visible, onCancel, deployment, t }) => {
                                   {details.total_gpus}
                                 </span>
                                 <span>
-                                  {t('总计')} {details.total_gpus}{' '}
-                                  {t('个GPU')}
+                                  {t('总计')} {details.total_gpus} {t('个GPU')}
                                 </span>
                               </div>
                             ),
@@ -341,7 +338,8 @@ const ViewDetailsModal = ({ visible, onCancel, deployment, t }) => {
                             value: (
                               <div className='space-y-1'>
                                 <div>
-                                  {t('每容器GPU数')}: {details.gpus_per_container}
+                                  {t('每容器GPU数')}:{' '}
+                                  {details.gpus_per_container}
                                 </div>
                                 <div>
                                   {t('容器总数')}: {details.total_containers}
@@ -397,14 +395,17 @@ const ViewDetailsModal = ({ visible, onCancel, deployment, t }) => {
                             },
                             {
                               key: t('流量端口'),
-                              value: details.container_config.traffic_port || 'N/A',
+                              value:
+                                details.container_config.traffic_port || 'N/A',
                             },
                             {
                               key: t('启动命令'),
                               value: (
                                 <span className='font-mono text-sm'>
                                   {details.container_config.entrypoint
-                                    ? details.container_config.entrypoint.join(' ')
+                                    ? details.container_config.entrypoint.join(
+                                        ' ',
+                                      )
                                     : 'N/A'}
                                 </span>
                               ),
@@ -491,7 +492,6 @@ const ViewDetailsModal = ({ visible, onCancel, deployment, t }) => {
                                     <Button
                                       size='sm'
                                       variant='tertiary'
-                                      startContent={<FaLink />}
                                       onPress={() =>
                                         window.open(
                                           ctr.public_url,
@@ -500,6 +500,7 @@ const ViewDetailsModal = ({ visible, onCancel, deployment, t }) => {
                                         )
                                       }
                                     >
+                                      <FaLink />
                                       {t('访问容器')}
                                     </Button>
                                   </Tooltip>
@@ -546,11 +547,7 @@ const ViewDetailsModal = ({ visible, onCancel, deployment, t }) => {
                     >
                       <div className='flex flex-wrap gap-2'>
                         {details.locations.map((location) => (
-                          <StatusTag
-                            key={location.id}
-                            tone='orange'
-                            size='lg'
-                          >
+                          <StatusTag key={location.id} tone='orange' size='lg'>
                             <span className='mr-1'>🌍</span>
                             <span>
                               {location.name} ({location.iso2})
@@ -581,9 +578,7 @@ const ViewDetailsModal = ({ visible, onCancel, deployment, t }) => {
 
                       <div className='grid grid-cols-1 gap-4 text-sm sm:grid-cols-2'>
                         <div className='flex justify-between'>
-                          <span className='text-muted'>
-                            {t('计费开始')}:
-                          </span>
+                          <span className='text-muted'>{t('计费开始')}:</span>
                           <span className='tabular-nums'>
                             {details.started_at
                               ? timestamp2string(details.started_at)
@@ -591,9 +586,7 @@ const ViewDetailsModal = ({ visible, onCancel, deployment, t }) => {
                           </span>
                         </div>
                         <div className='flex justify-between'>
-                          <span className='text-muted'>
-                            {t('预计结束')}:
-                          </span>
+                          <span className='text-muted'>{t('预计结束')}:</span>
                           <span className='tabular-nums'>
                             {details.finished_at
                               ? timestamp2string(details.finished_at)
@@ -651,10 +644,10 @@ const ViewDetailsModal = ({ visible, onCancel, deployment, t }) => {
             <ModalFooter className='flex justify-between border-t border-border'>
               <Button
                 variant='tertiary'
-                startContent={<RefreshCw size={14} />}
                 onPress={handleRefresh}
                 isPending={loading || containersLoading}
               >
+                <RefreshCw size={14} />
                 {t('刷新')}
               </Button>
               <Button onPress={onCancel}>{t('关闭')}</Button>
diff --git a/web/src/components/table/models/modals/EditModelModal.jsx b/web/src/components/table/models/modals/EditModelModal.jsx
index e51839a33e8..2d56471419b 100644
--- a/web/src/components/table/models/modals/EditModelModal.jsx
+++ b/web/src/components/table/models/modals/EditModelModal.jsx
@@ -15,13 +15,7 @@ For commercial licensing, please contact support@quantumnous.com
 import React, { useEffect, useState, useMemo } from 'react';
 import JSONEditor from '../../../common/ui/JSONEditor';
 import { Button, Card, Spinner, Switch } from '@heroui/react';
-import {
-  AlertTriangle,
-  ExternalLink,
-  FileText,
-  Save,
-  X,
-} from 'lucide-react';
+import { AlertTriangle, ExternalLink, FileText, Save, X } from 'lucide-react';
 import { API, showError, showSuccess } from '../../../../helpers';
 import { useTranslation } from 'react-i18next';
 import { useIsMobile } from '../../../../hooks/common/useIsMobile';
@@ -631,9 +625,7 @@ const EditModelModal = (props) => {
                       {t('参与官方同步')}
                     </div>
                     <div className='text-xs text-muted'>
-                      {t(
-                        '关闭后，此模型将不会被"同步官方"自动覆盖或创建',
-                      )}
+                      {t('关闭后，此模型将不会被"同步官方"自动覆盖或创建')}
                     </div>
                   </div>
                   <Switch
@@ -669,19 +661,12 @@ const EditModelModal = (props) => {
         </div>
 
         <footer className='flex justify-end gap-2 border-t border-border bg-background px-5 py-3'>
-          <Button
-            variant='tertiary'
-            startContent={<X size={14} />}
-            onPress={props.handleClose}
-          >
+          <Button variant='tertiary' onPress={props.handleClose}>
+            <X size={14} />
             {t('取消')}
           </Button>
-          <Button
-            color='primary'
-            isPending={loading}
-            startContent={<Save size={14} />}
-            onPress={submit}
-          >
+          <Button color='primary' isPending={loading} onPress={submit}>
+            <Save size={14} />
             {t('提交')}
           </Button>
         </footer>
diff --git a/web/src/components/table/models/modals/EditPrefillGroupModal.jsx b/web/src/components/table/models/modals/EditPrefillGroupModal.jsx
index 4d8e38ebc0e..aafd3bbf15a 100644
--- a/web/src/components/table/models/modals/EditPrefillGroupModal.jsx
+++ b/web/src/components/table/models/modals/EditPrefillGroupModal.jsx
@@ -93,11 +93,7 @@ function TagInput({ value = [], onChange, placeholder, ariaLabel }) {
           if (event.key === 'Enter' || event.key === ',') {
             event.preventDefault();
             commit(draft);
-          } else if (
-            event.key === 'Backspace' &&
-            !draft &&
-            items.length > 0
-          ) {
+          } else if (event.key === 'Backspace' && !draft && items.length > 0) {
             remove(items.length - 1);
           }
         }}
@@ -367,19 +363,12 @@ const EditPrefillGroupModal = ({
         </div>
 
         <footer className='flex justify-end gap-2 border-t border-[color:var(--app-border)] bg-[color:var(--app-background)] px-5 py-3'>
-          <Button
-            variant='tertiary'
-            onPress={onClose}
-            startContent={<X size={14} />}
-          >
+          <Button variant='tertiary' onPress={onClose}>
+            <X size={14} />
             {t('取消')}
           </Button>
-          <Button
-            color='primary'
-            onPress={handleSubmit}
-            isPending={loading}
-            startContent={<Save size={14} />}
-          >
+          <Button color='primary' onPress={handleSubmit} isPending={loading}>
+            <Save size={14} />
             {t('提交')}
           </Button>
         </footer>
diff --git a/web/src/components/table/models/modals/PrefillGroupManagement.jsx b/web/src/components/table/models/modals/PrefillGroupManagement.jsx
index f31febab9c6..125213f1abe 100644
--- a/web/src/components/table/models/modals/PrefillGroupManagement.jsx
+++ b/web/src/components/table/models/modals/PrefillGroupManagement.jsx
@@ -152,7 +152,9 @@ const PrefillGroupManagement = ({ visible, onClose }) => {
                 : items || {};
             const keys = Object.keys(obj);
             if (keys.length === 0) {
-              return <span className='text-sm text-muted'>{t('暂无项目')}</span>;
+              return (
+                <span className='text-sm text-muted'>{t('暂无项目')}</span>
+              );
             }
             return renderLimitedItems({
               items: keys,
@@ -171,7 +173,9 @@ const PrefillGroupManagement = ({ visible, onClose }) => {
             maxDisplay: 3,
           });
         } catch {
-          return <span className='text-sm text-muted'>{t('数据格式错误')}</span>;
+          return (
+            <span className='text-sm text-muted'>{t('数据格式错误')}</span>
+          );
         }
       },
     },
@@ -182,7 +186,11 @@ const PrefillGroupManagement = ({ visible, onClose }) => {
       width: 140,
       render: (_, record) => (
         <div className='flex items-center gap-2'>
-          <Button size='sm' variant='tertiary' onPress={() => handleEdit(record)}>
+          <Button
+            size='sm'
+            variant='tertiary'
+            onPress={() => handleEdit(record)}
+          >
             {t('编辑')}
           </Button>
           <Button
@@ -253,12 +261,8 @@ const PrefillGroupManagement = ({ visible, onClose }) => {
               </div>
 
               <div className='flex justify-end'>
-                <Button
-                  color='primary'
-                  size='sm'
-                  startContent={<Plus size={14} />}
-                  onPress={() => handleEdit()}
-                >
+                <Button color='primary' size='sm' onPress={() => handleEdit()}>
+                  <Plus size={14} />
                   {t('新建组')}
                 </Button>
               </div>
diff --git a/web/src/components/table/redemptions/modals/EditRedemptionModal.jsx b/web/src/components/table/redemptions/modals/EditRedemptionModal.jsx
index 1b88b251f21..7293d376046 100644
--- a/web/src/components/table/redemptions/modals/EditRedemptionModal.jsx
+++ b/web/src/components/table/redemptions/modals/EditRedemptionModal.jsx
@@ -39,7 +39,17 @@ import ConfirmDialog from '@/components/common/ui/ConfirmDialog';
 const inputClass =
   'h-10 w-full rounded-lg border border-[color:var(--app-border)] bg-background px-3 text-sm text-foreground outline-none transition focus:border-primary disabled:opacity-50';
 
-function NumberField({ label, value, onChange, min, step, prefix, helper, error, placeholder }) {
+function NumberField({
+  label,
+  value,
+  onChange,
+  min,
+  step,
+  prefix,
+  helper,
+  error,
+  placeholder,
+}) {
   return (
     <div className='space-y-2'>
       <div className='text-sm font-medium text-foreground'>{label}</div>
@@ -352,10 +362,7 @@ const EditRedemptionModal = (props) => {
                       value={toLocalDateTimeInputValue(values.expired_time)}
                       onChange={(event) => {
                         const v = event.target.value;
-                        setField(
-                          'expired_time',
-                          v ? new Date(v) : null,
-                        );
+                        setField('expired_time', v ? new Date(v) : null);
                       }}
                       aria-label={t('过期时间')}
                       className={inputClass}
@@ -449,19 +456,16 @@ const EditRedemptionModal = (props) => {
         </div>
 
         <footer className='flex justify-end gap-2 border-t border-[color:var(--app-border)] bg-[color:var(--app-background)] px-5 py-3'>
-          <Button
-            variant='tertiary'
-            onPress={handleCancel}
-            startContent={<X size={14} />}
-          >
+          <Button variant='tertiary' onPress={handleCancel}>
+            <X size={14} />
             {t('取消')}
           </Button>
           <Button
             color='primary'
             onPress={submit}
             isPending={submitting || loading}
-            startContent={<Save size={14} />}
           >
+            <Save size={14} />
             {t('提交')}
           </Button>
         </footer>
diff --git a/web/src/components/table/subscriptions/modals/AddEditSubscriptionModal.jsx b/web/src/components/table/subscriptions/modals/AddEditSubscriptionModal.jsx
index be5d5307dfe..20182fdf05a 100644
--- a/web/src/components/table/subscriptions/modals/AddEditSubscriptionModal.jsx
+++ b/web/src/components/table/subscriptions/modals/AddEditSubscriptionModal.jsx
@@ -227,10 +227,7 @@ const AddEditSubscriptionModal = ({
       if (!values.custom_seconds || Number(values.custom_seconds) < 1) {
         next.custom_seconds = t('请输入秒数');
       }
-    } else if (
-      !values.duration_value ||
-      Number(values.duration_value) < 1
-    ) {
+    } else if (!values.duration_value || Number(values.duration_value) < 1) {
       next.duration_value = t('请输入数值');
     }
     if (
@@ -620,9 +617,7 @@ const AddEditSubscriptionModal = ({
                   </select>
                 </div>
                 <div className='space-y-2'>
-                  <FieldLabel
-                    required={values.quota_reset_period === 'custom'}
-                  >
+                  <FieldLabel required={values.quota_reset_period === 'custom'}>
                     {t('自定义秒数')}
                   </FieldLabel>
                   <input
@@ -692,19 +687,12 @@ const AddEditSubscriptionModal = ({
         </div>
 
         <footer className='flex justify-end gap-2 border-t border-border bg-background px-5 py-3'>
-          <Button
-            variant='tertiary'
-            startContent={<X size={14} />}
-            onPress={handleClose}
-          >
+          <Button variant='tertiary' onPress={handleClose}>
+            <X size={14} />
             {t('取消')}
           </Button>
-          <Button
-            color='primary'
-            isPending={loading}
-            startContent={<Save size={14} />}
-            onPress={submit}
-          >
+          <Button color='primary' isPending={loading} onPress={submit}>
+            <Save size={14} />
             {t('提交')}
           </Button>
         </footer>
diff --git a/web/src/components/table/task-logs/modals/AudioPreviewModal.jsx b/web/src/components/table/task-logs/modals/AudioPreviewModal.jsx
index 3abed63a63c..713803c985d 100644
--- a/web/src/components/table/task-logs/modals/AudioPreviewModal.jsx
+++ b/web/src/components/table/task-logs/modals/AudioPreviewModal.jsx
@@ -78,31 +78,25 @@ const AudioClipCard = ({ clip }) => {
           )}
         </div>
 
-        {tags && (
-          <div className='mb-2 truncate text-xs text-muted'>
-            {tags}
-          </div>
-        )}
+        {tags && <div className='mb-2 truncate text-xs text-muted'>{tags}</div>}
 
         {hasError ? (
           <div className='flex flex-wrap items-center gap-2'>
-            <span className='text-sm text-warning'>
-              {t('音频无法播放')}
-            </span>
+            <span className='text-sm text-warning'>{t('音频无法播放')}</span>
             <Button
               size='sm'
-              startContent={<ExternalLink size={16} />}
               onPress={() => window.open(audioUrl, '_blank')}
               variant='tertiary'
             >
+              <ExternalLink size={16} />
               {t('在新标签页中打开')}
             </Button>
             <Button
               size='sm'
-              startContent={<Copy size={16} />}
               onPress={() => navigator.clipboard.writeText(audioUrl)}
               variant='tertiary'
             >
+              <Copy size={16} />
               {t('复制链接')}
             </Button>
           </div>
@@ -141,13 +135,14 @@ const AudioPreviewModal = ({ isModalOpen, setIsModalOpen, audioClips }) => {
             </ModalHeader>
             <ModalBody className='max-h-[70vh] p-4'>
               {clips.length === 0 ? (
-                <span className='text-sm text-muted'>
-                  {t('无')}
-                </span>
+                <span className='text-sm text-muted'>{t('无')}</span>
               ) : (
                 <div className='flex flex-col gap-3'>
                   {clips.map((clip, idx) => (
-                    <AudioClipCard key={clip.clip_id || clip.id || idx} clip={clip} />
+                    <AudioClipCard
+                      key={clip.clip_id || clip.id || idx}
+                      clip={clip}
+                    />
                   ))}
                 </div>
               )}
diff --git a/web/src/components/table/task-logs/modals/ContentModal.jsx b/web/src/components/table/task-logs/modals/ContentModal.jsx
index 7d13fa54b20..a786a8a6740 100644
--- a/web/src/components/table/task-logs/modals/ContentModal.jsx
+++ b/web/src/components/table/task-logs/modals/ContentModal.jsx
@@ -86,25 +86,15 @@ const ContentModal = ({
           <p className='mb-2 text-xs text-muted'>
             {t('• 需要特定的请求头或认证')}
           </p>
-          <p className='mb-4 text-xs text-muted'>
-            {t('• 防盗链保护机制')}
-          </p>
+          <p className='mb-4 text-xs text-muted'>{t('• 防盗链保护机制')}</p>
 
           <div className='mt-3 flex flex-wrap justify-center gap-2'>
-            <Button
-              startContent={<ExternalLink size={16} />}
-              onPress={handleOpenInNewTab}
-              size='sm'
-              variant='tertiary'
-            >
+            <Button onPress={handleOpenInNewTab} size='sm' variant='tertiary'>
+              <ExternalLink size={16} />
               {t('在新标签页中打开')}
             </Button>
-            <Button
-              startContent={<Copy size={16} />}
-              onPress={handleCopyUrl}
-              size='sm'
-              variant='tertiary'
-            >
+            <Button onPress={handleCopyUrl} size='sm' variant='tertiary'>
+              <Copy size={16} />
               {t('复制链接')}
             </Button>
           </div>
@@ -143,7 +133,9 @@ const ContentModal = ({
             <ModalHeader className='border-b border-border'>
               {isVideo ? t('视频预览') : t('内容预览')}
             </ModalHeader>
-            <ModalBody className={isVideo ? 'h-[70vh] p-4' : 'max-h-[70vh] p-6'}>
+            <ModalBody
+              className={isVideo ? 'h-[70vh] p-4' : 'max-h-[70vh] p-6'}
+            >
               {isVideo ? (
                 renderVideoContent()
               ) : (
diff --git a/web/src/components/table/tokens/modals/EditTokenModal.jsx b/web/src/components/table/tokens/modals/EditTokenModal.jsx
index 5cd88144594..1c73dd99bf7 100644
--- a/web/src/components/table/tokens/modals/EditTokenModal.jsx
+++ b/web/src/components/table/tokens/modals/EditTokenModal.jsx
@@ -14,13 +14,7 @@ For commercial licensing, please contact support@quantumnous.com
 
 import React, { useEffect, useState, useContext } from 'react';
 import { Button, Card, Spinner, Switch } from '@heroui/react';
-import {
-  CreditCard,
-  KeyRound,
-  Link as LinkIcon,
-  Save,
-  X,
-} from 'lucide-react';
+import { CreditCard, KeyRound, Link as LinkIcon, Save, X } from 'lucide-react';
 import { useTranslation } from 'react-i18next';
 import {
   API,
@@ -513,9 +507,7 @@ const EditTokenModal = (props) => {
                   <input
                     type='text'
                     value={values.name}
-                    onChange={(event) =>
-                      setField('name')(event.target.value)
-                    }
+                    onChange={(event) => setField('name')(event.target.value)}
                     placeholder={t('请输入名称')}
                     className={inputClass}
                   />
@@ -853,19 +845,12 @@ const EditTokenModal = (props) => {
         </div>
 
         <footer className='flex justify-end gap-2 border-t border-border bg-background px-5 py-3'>
-          <Button
-            variant='tertiary'
-            startContent={<X size={14} />}
-            onPress={props.handleClose}
-          >
+          <Button variant='tertiary' onPress={props.handleClose}>
+            <X size={14} />
             {t('取消')}
           </Button>
-          <Button
-            color='primary'
-            isPending={loading}
-            startContent={<Save size={14} />}
-            onPress={submit}
-          >
+          <Button color='primary' isPending={loading} onPress={submit}>
+            <Save size={14} />
             {t('提交')}
           </Button>
         </footer>
diff --git a/web/src/components/table/usage-logs/modals/ParamOverrideModal.jsx b/web/src/components/table/usage-logs/modals/ParamOverrideModal.jsx
index eb79a7b14c1..bceaac1133b 100644
--- a/web/src/components/table/usage-logs/modals/ParamOverrideModal.jsx
+++ b/web/src/components/table/usage-logs/modals/ParamOverrideModal.jsx
@@ -161,12 +161,12 @@ const ParamOverrideModal = ({
                 </div>
 
                 <Button
-                  startContent={<Copy size={16} />}
                   variant='tertiary'
                   size='sm'
                   onPress={copyAll}
                   isDisabled={lines.length === 0}
                 >
+                  <Copy size={16} />
                   {t('复制')}
                 </Button>
               </div>
diff --git a/web/src/components/table/users/modals/AddUserModal.jsx b/web/src/components/table/users/modals/AddUserModal.jsx
index 41c6bf92834..b57cc333987 100644
--- a/web/src/components/table/users/modals/AddUserModal.jsx
+++ b/web/src/components/table/users/modals/AddUserModal.jsx
@@ -155,13 +155,17 @@ const AddUserModal = (props) => {
                   <Input
                     type='text'
                     value={values.username}
-                    onChange={(event) => setField('username')(event.target.value)}
+                    onChange={(event) =>
+                      setField('username')(event.target.value)
+                    }
                     placeholder={t('请输入用户名')}
                     aria-label={t('用户名')}
                     className={inputClass}
                   />
                   {errors.username ? (
-                    <div className='text-xs text-red-600'>{errors.username}</div>
+                    <div className='text-xs text-red-600'>
+                      {errors.username}
+                    </div>
                   ) : null}
                 </div>
 
@@ -189,13 +193,17 @@ const AddUserModal = (props) => {
                   <Input
                     type='password'
                     value={values.password}
-                    onChange={(event) => setField('password')(event.target.value)}
+                    onChange={(event) =>
+                      setField('password')(event.target.value)
+                    }
                     placeholder={t('请输入密码')}
                     aria-label={t('密码')}
                     className={inputClass}
                   />
                   {errors.password ? (
-                    <div className='text-xs text-red-600'>{errors.password}</div>
+                    <div className='text-xs text-red-600'>
+                      {errors.password}
+                    </div>
                   ) : null}
                 </div>
 
@@ -218,19 +226,12 @@ const AddUserModal = (props) => {
         </div>
 
         <footer className='flex justify-end gap-2 border-t border-[color:var(--app-border)] bg-[color:var(--app-background)] px-5 py-3'>
-          <Button
-            variant='tertiary'
-            onPress={props.handleClose}
-            startContent={<X size={14} />}
-          >
+          <Button variant='tertiary' onPress={props.handleClose}>
+            <X size={14} />
             {t('取消')}
           </Button>
-          <Button
-            color='primary'
-            onPress={submit}
-            isPending={loading}
-            startContent={<Save size={14} />}
-          >
+          <Button color='primary' onPress={submit} isPending={loading}>
+            <Save size={14} />
             {t('提交')}
           </Button>
         </footer>
diff --git a/web/src/components/table/users/modals/EditUserModal.jsx b/web/src/components/table/users/modals/EditUserModal.jsx
index 3af8a6c4c86..a15c5e1ef06 100644
--- a/web/src/components/table/users/modals/EditUserModal.jsx
+++ b/web/src/components/table/users/modals/EditUserModal.jsx
@@ -27,14 +27,7 @@ import {
   Spinner,
   useOverlayState,
 } from '@heroui/react';
-import {
-  Edit3,
-  Link as LinkIcon,
-  Save,
-  User,
-  Users,
-  X,
-} from 'lucide-react';
+import { Edit3, Link as LinkIcon, Save, User, Users, X } from 'lucide-react';
 import {
   API,
   showError,
@@ -325,9 +318,7 @@ const EditUserModal = (props) => {
       >
         <header className='flex items-center justify-between gap-3 border-b border-border px-5 py-3'>
           <div className='flex items-center gap-2'>
-            <StatusChip tone='blue'>
-              {t(isEdit ? '编辑' : '新建')}
-            </StatusChip>
+            <StatusChip tone='blue'>{t(isEdit ? '编辑' : '新建')}</StatusChip>
             <h4 className='m-0 text-lg font-semibold text-foreground'>
               {isEdit ? t('编辑用户') : t('创建用户')}
             </h4>
@@ -482,9 +473,9 @@ const EditUserModal = (props) => {
                         <FieldLabel>{t('调整额度')}</FieldLabel>
                         <Button
                           variant='tertiary'
-                          startContent={<Edit3 size={14} />}
                           onPress={() => setAdjustModalOpen(true)}
                         >
+                          <Edit3 size={14} />
                           {t('调整额度')}
                         </Button>
                       </div>
@@ -532,9 +523,7 @@ const EditUserModal = (props) => {
                           {t('绑定信息')}
                         </div>
                         <div className='text-xs text-muted'>
-                          {t(
-                            '管理用户已绑定的第三方账户，支持筛选与解绑',
-                          )}
+                          {t('管理用户已绑定的第三方账户，支持筛选与解绑')}
                         </div>
                       </div>
                     </div>
@@ -552,19 +541,12 @@ const EditUserModal = (props) => {
         </div>
 
         <footer className='flex justify-end gap-2 border-t border-border bg-background px-5 py-3'>
-          <Button
-            variant='tertiary'
-            startContent={<X size={14} />}
-            onPress={handleCancel}
-          >
+          <Button variant='tertiary' onPress={handleCancel}>
+            <X size={14} />
             {t('取消')}
           </Button>
-          <Button
-            color='primary'
-            isPending={loading}
-            startContent={<Save size={14} />}
-            onPress={submit}
-          >
+          <Button color='primary' isPending={loading} onPress={submit}>
+            <Save size={14} />
             {t('提交')}
           </Button>
         </footer>
@@ -675,9 +657,7 @@ const EditUserModal = (props) => {
                             quota === ''
                               ? ''
                               : adjustMode === 'override'
-                                ? Number(
-                                    quotaToDisplayAmount(quota).toFixed(6),
-                                  )
+                                ? Number(quotaToDisplayAmount(quota).toFixed(6))
                                 : Number(
                                     quotaToDisplayAmount(
                                       Math.abs(quota),
diff --git a/web/src/components/table/users/modals/UserBindingManagementModal.jsx b/web/src/components/table/users/modals/UserBindingManagementModal.jsx
index 1a97acd173f..80c9792975f 100644
--- a/web/src/components/table/users/modals/UserBindingManagementModal.jsx
+++ b/web/src/components/table/users/modals/UserBindingManagementModal.jsx
@@ -153,9 +153,7 @@ const UserBindingManagementModal = ({
         return;
       }
       setCustomOAuthBindings((prev) =>
-        prev.filter(
-          (item) => Number(item.provider_id) !== Number(provider.id),
-        ),
+        prev.filter((item) => Number(item.provider_id) !== Number(provider.id)),
       );
       showSuccess(t('解绑成功'));
     } catch (error) {
@@ -198,9 +196,7 @@ const UserBindingManagementModal = ({
       name: 'Discord',
       enabled: Boolean(statusInfo.discord_oauth),
       value: getBuiltInBindingValue('discord_id'),
-      icon: (
-        <SiDiscord size={20} className='text-foreground' />
-      ),
+      icon: <SiDiscord size={20} className='text-foreground' />,
     },
     {
       key: 'oidc',
@@ -208,9 +204,7 @@ const UserBindingManagementModal = ({
       name: 'OIDC',
       enabled: Boolean(statusInfo.oidc_enabled),
       value: getBuiltInBindingValue('oidc_id'),
-      icon: (
-        <LinkIcon size={20} className='text-foreground' />
-      ),
+      icon: <LinkIcon size={20} className='text-foreground' />,
     },
     {
       key: 'wechat',
@@ -218,9 +212,7 @@ const UserBindingManagementModal = ({
       name: t('微信'),
       enabled: Boolean(statusInfo.wechat_login),
       value: getBuiltInBindingValue('wechat_id'),
-      icon: (
-        <SiWechat size={20} className='text-foreground' />
-      ),
+      icon: <SiWechat size={20} className='text-foreground' />,
     },
     {
       key: 'telegram',
@@ -228,9 +220,7 @@ const UserBindingManagementModal = ({
       name: 'Telegram',
       enabled: Boolean(statusInfo.telegram_oauth),
       value: getBuiltInBindingValue('telegram_id'),
-      icon: (
-        <SiTelegram size={20} className='text-foreground' />
-      ),
+      icon: <SiTelegram size={20} className='text-foreground' />,
     },
     {
       key: 'linuxdo',
@@ -238,9 +228,7 @@ const UserBindingManagementModal = ({
       name: 'LinuxDO',
       enabled: Boolean(statusInfo.linuxdo_oauth),
       value: getBuiltInBindingValue('linux_do_id'),
-      icon: (
-        <SiLinux size={20} className='text-foreground' />
-      ),
+      icon: <SiLinux size={20} className='text-foreground' />,
     },
   ];
 
@@ -306,10 +294,7 @@ const UserBindingManagementModal = ({
     <>
       <Modal state={modalState}>
         <ModalBackdrop variant='blur'>
-          <ModalContainer
-            size={isMobile ? 'full' : 'xl'}
-            placement='center'
-          >
+          <ModalContainer size={isMobile ? 'full' : 'xl'} placement='center'>
             <ModalDialog className='bg-background/95 backdrop-blur'>
               <ModalHeader className='border-b border-border'>
                 <div className='flex items-center gap-2'>
@@ -394,7 +379,6 @@ const UserBindingManagementModal = ({
                                   color='danger'
                                   variant='tertiary'
                                   size='sm'
-                                  startContent={<Trash2 size={14} />}
                                   isDisabled={!isBound}
                                   isPending={Boolean(
                                     bindingActionLoading[loadingKey],
@@ -418,6 +402,7 @@ const UserBindingManagementModal = ({
                                     }
                                   }}
                                 >
+                                  <Trash2 size={14} />
                                   {t('解绑')}
                                 </Button>
                               </Card.Content>
@@ -445,7 +430,8 @@ const UserBindingManagementModal = ({
           const target = pendingUnbind;
           setPendingUnbind(null);
           if (!target) return;
-          if (target.kind === 'builtin') performUnbindBuiltIn(target.bindingItem);
+          if (target.kind === 'builtin')
+            performUnbindBuiltIn(target.bindingItem);
           else performUnbindCustom(target.provider);
         }}
       >
diff --git a/web/src/components/table/users/modals/UserSubscriptionsModal.jsx b/web/src/components/table/users/modals/UserSubscriptionsModal.jsx
index 66e76160a6d..db6f4b8a880 100644
--- a/web/src/components/table/users/modals/UserSubscriptionsModal.jsx
+++ b/web/src/components/table/users/modals/UserSubscriptionsModal.jsx
@@ -63,13 +63,7 @@ function renderStatusTag(sub, t) {
   return <StatusChip>{t('已过期')}</StatusChip>;
 }
 
-const UserSubscriptionsModal = ({
-  visible,
-  onCancel,
-  user,
-  t,
-  onSuccess,
-}) => {
+const UserSubscriptionsModal = ({ visible, onCancel, user, t, onSuccess }) => {
   const isMobile = useIsMobile();
   const [loading, setLoading] = useState(false);
   const [creating, setCreating] = useState(false);
@@ -421,10 +415,10 @@ const UserSubscriptionsModal = ({
               </select>
               <Button
                 color='primary'
-                startContent={<PlusCircle size={14} />}
                 isPending={creating}
                 onPress={createSubscription}
               >
+                <PlusCircle size={14} />
                 {t('新增订阅')}
               </Button>
             </div>
diff --git a/web/src/components/topup/RechargeCard.jsx b/web/src/components/topup/RechargeCard.jsx
index ef59da83c59..a8546e2784a 100644
--- a/web/src/components/topup/RechargeCard.jsx
+++ b/web/src/components/topup/RechargeCard.jsx
@@ -193,14 +193,10 @@ const RechargeCard = ({
     const minTopupVal = Number(payMethod.min_topup) || 0;
     const isStripe = payMethod.type === 'stripe';
     const isWaffo =
-      typeof payMethod.type === 'string' &&
-      payMethod.type.startsWith('waffo:');
+      typeof payMethod.type === 'string' && payMethod.type.startsWith('waffo:');
     const isWaffoPancake = payMethod.type === 'waffo_pancake';
     const disabled =
-      (!enableOnlineTopUp &&
-        !isStripe &&
-        !isWaffo &&
-        !isWaffoPancake) ||
+      (!enableOnlineTopUp && !isStripe && !isWaffo && !isWaffoPancake) ||
       (!enableStripeTopUp && isStripe) ||
       (!enableWaffoTopUp && isWaffo) ||
       (!enableWaffoPancakeTopUp && isWaffoPancake) ||
@@ -234,12 +230,12 @@ const RechargeCard = ({
       <Button
         key={payMethod.type}
         variant='secondary'
-        startContent={startIcon}
         onPress={() => preTopUp(payMethod.type)}
         isDisabled={disabled}
         isPending={paymentLoading && payWay === payMethod.type}
         className='!rounded-lg !px-4 !py-2'
       >
+        {startIcon}
         {payMethod.name}
       </Button>
     );
@@ -254,9 +250,7 @@ const RechargeCard = ({
         </Tooltip>
       );
     }
-    return (
-      <React.Fragment key={payMethod.type}>{buttonEl}</React.Fragment>
-    );
+    return <React.Fragment key={payMethod.type}>{buttonEl}</React.Fragment>;
   };
 
   const renderPresetGrid = () => (
@@ -278,9 +272,7 @@ const RechargeCard = ({
       <div className='grid grid-cols-2 gap-2 sm:grid-cols-3 md:grid-cols-4'>
         {presetAmounts.map((preset, index) => {
           const discount =
-            preset.discount ||
-            topupInfo?.discount?.[preset.value] ||
-            1.0;
+            preset.discount || topupInfo?.discount?.[preset.value] || 1.0;
           const originalPrice = preset.value * priceRatio;
           const discountedPrice = originalPrice * discount;
           const hasDiscount = discount < 1.0;
@@ -324,9 +316,7 @@ const RechargeCard = ({
                 setTopUpCount(preset.value);
               }}
               className={`flex w-full cursor-pointer flex-col items-center gap-1 rounded-xl bg-background px-3 py-3 text-center transition-colors hover:border-primary ${
-                selected
-                  ? 'border-2 border-primary'
-                  : 'border border-border'
+                selected ? 'border-2 border-primary' : 'border border-border'
               }`}
             >
               <div className='flex items-center justify-center gap-1.5 text-base font-semibold text-foreground'>
@@ -551,11 +541,8 @@ const RechargeCard = ({
               </div>
             </div>
           </div>
-          <Button
-            color='primary'
-            startContent={<Receipt size={16} />}
-            onPress={onOpenHistory}
-          >
+          <Button color='primary' onPress={onOpenHistory}>
+            <Receipt size={16} />
             {t('账单')}
           </Button>
         </div>
diff --git a/web/src/components/topup/modals/SubscriptionPurchaseModal.jsx b/web/src/components/topup/modals/SubscriptionPurchaseModal.jsx
index 3b43a90de0b..ec005e77cd8 100644
--- a/web/src/components/topup/modals/SubscriptionPurchaseModal.jsx
+++ b/web/src/components/topup/modals/SubscriptionPurchaseModal.jsx
@@ -96,17 +96,24 @@ const SubscriptionPurchaseModal = ({
                 <div className='space-y-4 pb-4'>
                   <Card className='rounded-2xl border border-border bg-surface-secondary/60 p-4 shadow-none'>
                     <div className='space-y-3'>
-                      <InfoRow label={`${t('套餐名称')}：`} value={plan.title} />
+                      <InfoRow
+                        label={`${t('套餐名称')}：`}
+                        value={plan.title}
+                      />
                       <InfoRow
                         label={`${t('有效期')}：`}
                         value={
                           <span className='flex items-center'>
-                            <CalendarClock size={14} className='mr-1 text-muted' />
+                            <CalendarClock
+                              size={14}
+                              className='mr-1 text-muted'
+                            />
                             {formatSubscriptionDuration(plan, t)}
                           </span>
                         }
                       />
-                      {formatSubscriptionResetPeriod(plan, t) !== t('不重置') && (
+                      {formatSubscriptionResetPeriod(plan, t) !==
+                        t('不重置') && (
                         <InfoRow
                           label={`${t('重置周期')}：`}
                           value={formatSubscriptionResetPeriod(plan, t)}
@@ -118,7 +125,9 @@ const SubscriptionPurchaseModal = ({
                           <span className='flex items-center'>
                             <Package size={14} className='mr-1 text-muted' />
                             {totalAmount > 0 ? (
-                              <Tooltip content={`${t('原生额度')}：${totalAmount}`}>
+                              <Tooltip
+                                content={`${t('原生额度')}：${totalAmount}`}
+                              >
                                 <span>{renderQuota(totalAmount)}</span>
                               </Tooltip>
                             ) : (
@@ -164,11 +173,11 @@ const SubscriptionPurchaseModal = ({
                             <Button
                               variant='tertiary'
                               className='flex-1'
-                              startContent={<SiStripe size={14} color='#635BFF' />}
                               onPress={onPayStripe}
                               isPending={paying}
                               isDisabled={purchaseLimitReached}
                             >
+                              <SiStripe size={14} color='#635BFF' />
                               Stripe
                             </Button>
                           )}
@@ -176,11 +185,11 @@ const SubscriptionPurchaseModal = ({
                             <Button
                               variant='tertiary'
                               className='flex-1'
-                              startContent={<CreditCard size={16} />}
                               onPress={onPayCreem}
                               isPending={paying}
                               isDisabled={purchaseLimitReached}
                             >
+                              <CreditCard size={16} />
                               Creem
                             </Button>
                           )}
@@ -208,7 +217,9 @@ const SubscriptionPurchaseModal = ({
                             color='primary'
                             onPress={onPayEpay}
                             isPending={paying}
-                            isDisabled={!selectedEpayMethod || purchaseLimitReached}
+                            isDisabled={
+                              !selectedEpayMethod || purchaseLimitReached
+                            }
                           >
                             {t('支付')}
                           </Button>
diff --git a/web/src/components/topup/modals/TopupHistoryModal.jsx b/web/src/components/topup/modals/TopupHistoryModal.jsx
index 4ddfa2a03a3..2bfcae4176c 100644
--- a/web/src/components/topup/modals/TopupHistoryModal.jsx
+++ b/web/src/components/topup/modals/TopupHistoryModal.jsx
@@ -32,7 +32,13 @@ import {
   useOverlayState,
 } from '@heroui/react';
 import { Coins, Search } from 'lucide-react';
-import { API, copy, showError, showSuccess, timestamp2string } from '../../../helpers';
+import {
+  API,
+  copy,
+  showError,
+  showSuccess,
+  timestamp2string,
+} from '../../../helpers';
 import { isAdmin } from '../../../helpers/utils';
 import { useIsMobile } from '../../../hooks/common/useIsMobile';
 import ConfirmDialog from '../../common/ui/ConfirmDialog';
@@ -145,7 +151,11 @@ const TopupHistoryModal = ({ visible, onCancel, t }) => {
       primary: 'primary',
     };
     return (
-      <Chip color={colorMap[config.type] || 'default'} size='sm' variant='tertiary'>
+      <Chip
+        color={colorMap[config.type] || 'default'}
+        size='sm'
+        variant='tertiary'
+      >
         {t(config.key)}
       </Chip>
     );
@@ -218,7 +228,9 @@ const TopupHistoryModal = ({ visible, onCancel, t }) => {
         dataIndex: 'money',
         key: 'money',
         render: (money) => (
-          <span className='font-semibold text-danger'>¥{Number(money || 0).toFixed(2)}</span>
+          <span className='font-semibold text-danger'>
+            ¥{Number(money || 0).toFixed(2)}
+          </span>
         ),
       },
       {
@@ -239,13 +251,13 @@ const TopupHistoryModal = ({ visible, onCancel, t }) => {
           if (record.status === 'pending') {
             actions.push(
               <Button
-                key="complete"
+                key='complete'
                 size='sm'
                 variant='tertiary'
                 onPress={() => confirmAdminComplete(record.trade_no)}
               >
                 {t('补单')}
-              </Button>
+              </Button>,
             );
           }
           return actions.length > 0 ? <>{actions}</> : null;
@@ -286,13 +298,14 @@ const TopupHistoryModal = ({ visible, onCancel, t }) => {
               <ModalBody className='p-4 md:p-6'>
                 <div className='mb-4'>
                   <Input
-                    startContent={<Search size={16} className='text-muted' />}
                     placeholder={t('订单号')}
                     value={keyword}
                     onValueChange={handleKeywordChange}
                     isClearable
                     size='sm'
-                  />
+                  >
+                    <Search size={16} className='text-muted' />
+                  </Input>
                 </div>
 
                 {loading ? (
@@ -336,7 +349,10 @@ const TopupHistoryModal = ({ visible, onCancel, t }) => {
                       <thead className='bg-surface-secondary text-xs uppercase tracking-wide text-muted'>
                         <tr>
                           {columns.map((column) => (
-                            <th key={column.key} className='px-4 py-3 text-left font-semibold'>
+                            <th
+                              key={column.key}
+                              className='px-4 py-3 text-left font-semibold'
+                            >
                               {column.title}
                             </th>
                           ))}
@@ -349,7 +365,10 @@ const TopupHistoryModal = ({ visible, onCancel, t }) => {
                             className='bg-background transition hover:bg-surface-secondary/60'
                           >
                             {columns.map((column) => (
-                              <td key={column.key} className='px-4 py-3 text-foreground'>
+                              <td
+                                key={column.key}
+                                className='px-4 py-3 text-foreground'
+                              >
                                 {renderCell(record, column) || '-'}
                               </td>
                             ))}
diff --git a/web/src/pages/Home/index.jsx b/web/src/pages/Home/index.jsx
index d55b6d237a9..dd3c4160375 100644
--- a/web/src/pages/Home/index.jsx
+++ b/web/src/pages/Home/index.jsx
@@ -211,7 +211,6 @@ const Home = () => {
                       size={isMobile ? 'md' : 'lg'}
                       variant='tertiary'
                       className='rounded-full px-6 py-2 font-semibold'
-                      startContent={<Github size={18} />}
                       onPress={() =>
                         window.open(
                           'https://github.com/QuantumNous/new-api',
@@ -219,6 +218,7 @@ const Home = () => {
                         )
                       }
                     >
+                      <Github size={18} />
                       {statusState.status.version}
                     </Button>
                   ) : (
@@ -227,9 +227,9 @@ const Home = () => {
                         size={isMobile ? 'md' : 'lg'}
                         variant='tertiary'
                         className='rounded-full px-6 py-2 font-semibold'
-                        startContent={<FileText size={18} />}
                         onPress={() => window.open(docsLink, '_blank')}
                       >
+                        <FileText size={18} />
                         {t('文档')}
                       </Button>
                     )
diff --git a/web/src/pages/Setting/Chat/SettingsChats.jsx b/web/src/pages/Setting/Chat/SettingsChats.jsx
index c7f3dfc6bf9..efa3ed7750b 100644
--- a/web/src/pages/Setting/Chat/SettingsChats.jsx
+++ b/web/src/pages/Setting/Chat/SettingsChats.jsx
@@ -176,8 +176,7 @@ export default function SettingsChats(props) {
       return;
     }
     const updateArray = compareObjects(inputs, inputsRow);
-    if (!updateArray.length)
-      return showWarning(t('你似乎并没有修改什么'));
+    if (!updateArray.length) return showWarning(t('你似乎并没有修改什么'));
     const requestQueue = updateArray.map((item) => {
       let value = '';
       if (typeof inputs[item.key] === 'boolean') {
@@ -297,9 +296,7 @@ export default function SettingsChats(props) {
       syncConfigsToJson(newConfigs);
     } else {
       const maxId =
-        chatConfigs.length > 0
-          ? Math.max(...chatConfigs.map((c) => c.id))
-          : -1;
+        chatConfigs.length > 0 ? Math.max(...chatConfigs.map((c) => c.id)) : -1;
       const newConfig = { id: maxId + 1, ...values };
       const newConfigs = [...chatConfigs, newConfig];
       setChatConfigs(newConfigs);
@@ -335,10 +332,7 @@ export default function SettingsChats(props) {
 
   const pageStart = (page - 1) * PAGE_SIZE;
   const pageItems = filteredConfigs.slice(pageStart, pageStart + PAGE_SIZE);
-  const pageCount = Math.max(
-    1,
-    Math.ceil(filteredConfigs.length / PAGE_SIZE),
-  );
+  const pageCount = Math.max(1, Math.ceil(filteredConfigs.length / PAGE_SIZE));
 
   const highlightKeywords = (text) => {
     if (!text) return text;
@@ -429,31 +423,23 @@ export default function SettingsChats(props) {
         {editMode === 'visual' ? (
           <div className='space-y-3'>
             <div className='flex flex-wrap items-center gap-2'>
-              <Button
-                color='primary'
-                startContent={<Plus size={14} />}
-                onPress={handleAddConfig}
-              >
+              <Button color='primary' onPress={handleAddConfig}>
+                <Plus size={14} />
                 {t('添加聊天配置')}
               </Button>
               <ClickMenu
                 placement='bottomLeft'
                 items={dropdownItems}
                 trigger={
-                  <Button
-                    variant='tertiary'
-                    startContent={<Zap size={14} />}
-                    endContent={<ChevronDown size={14} />}
-                  >
+                  <Button variant='tertiary'>
+                    <Zap size={14} />
                     {t('填入模板')}
+                    <ChevronDown size={14} />
                   </Button>
                 }
               />
-              <Button
-                variant='primary'
-                startContent={<Save size={14} />}
-                onPress={onSubmit}
-              >
+              <Button variant='primary' onPress={onSubmit}>
+                <Save size={14} />
                 {t('保存聊天设置')}
               </Button>
               <div className='relative ml-auto w-[250px]'>
@@ -515,17 +501,17 @@ export default function SettingsChats(props) {
                             <Button
                               size='sm'
                               variant='tertiary'
-                              startContent={<Edit3 size={14} />}
                               onPress={() => handleEditConfig(record)}
                             >
+                              <Edit3 size={14} />
                               {t('编辑')}
                             </Button>
                             <Button
                               size='sm'
                               variant='danger-soft'
-                              startContent={<Trash2 size={14} />}
                               onPress={() => handleDeleteConfig(record.id)}
                             >
+                              <Trash2 size={14} />
                               {t('删除')}
                             </Button>
                           </div>
@@ -565,9 +551,7 @@ export default function SettingsChats(props) {
                     size='sm'
                     variant='tertiary'
                     isDisabled={page >= pageCount}
-                    onPress={() =>
-                      setPage((p) => Math.min(pageCount, p + 1))
-                    }
+                    onPress={() => setPage((p) => Math.min(pageCount, p + 1))}
                   >
                     {t('下一页')}
                   </Button>
@@ -603,11 +587,8 @@ export default function SettingsChats(props) {
 
       {editMode === 'json' && (
         <div>
-          <Button
-            color='primary'
-            startContent={<Save size={14} />}
-            onPress={onSubmit}
-          >
+          <Button color='primary' onPress={onSubmit}>
+            <Save size={14} />
             {t('保存聊天设置')}
           </Button>
         </div>
@@ -618,9 +599,7 @@ export default function SettingsChats(props) {
           <ModalContainer size='lg' placement='center'>
             <ModalDialog className='bg-background/95 backdrop-blur'>
               <ModalHeader className='border-b border-border'>
-                <span>
-                  {isEdit ? t('编辑聊天配置') : t('添加聊天配置')}
-                </span>
+                <span>{isEdit ? t('编辑聊天配置') : t('添加聊天配置')}</span>
               </ModalHeader>
               <ModalBody className='space-y-4 px-6 py-5'>
                 <div className='space-y-2'>
diff --git a/web/src/pages/Setting/Dashboard/SettingsAPIInfo.jsx b/web/src/pages/Setting/Dashboard/SettingsAPIInfo.jsx
index ee6d279f9a4..33c56746a12 100644
--- a/web/src/pages/Setting/Dashboard/SettingsAPIInfo.jsx
+++ b/web/src/pages/Setting/Dashboard/SettingsAPIInfo.jsx
@@ -355,30 +355,30 @@ const SettingsAPIInfo = ({ options, refresh }) => {
         <div className='order-2 flex w-full gap-2 md:order-1 md:w-auto'>
           <Button
             variant='tertiary'
-            startContent={<Plus size={14} />}
             onPress={handleAddApi}
             className='w-full md:w-auto'
           >
+            <Plus size={14} />
             {t('添加API')}
           </Button>
           <Button
             variant='danger-soft'
-            startContent={<Trash2 size={14} />}
             isDisabled={selectedRowKeys.length === 0}
             onPress={handleBatchDelete}
             className='w-full md:w-auto'
           >
+            <Trash2 size={14} />
             {t('批量删除')}{' '}
             {selectedRowKeys.length > 0 ? `(${selectedRowKeys.length})` : ''}
           </Button>
           <Button
             variant='tertiary'
-            startContent={<Save size={14} />}
             onPress={submitApiInfo}
             isPending={loading}
             isDisabled={!hasChanges}
             className='w-full md:w-auto'
           >
+            <Save size={14} />
             {t('保存设置')}
           </Button>
         </div>
@@ -486,17 +486,17 @@ const SettingsAPIInfo = ({ options, refresh }) => {
                         <Button
                           variant='tertiary'
                           size='sm'
-                          startContent={<Edit size={14} />}
                           onPress={() => handleEditApi(record)}
                         >
+                          <Edit size={14} />
                           {t('编辑')}
                         </Button>
                         <Button
                           variant='danger-soft'
                           size='sm'
-                          startContent={<Trash2 size={14} />}
                           onPress={() => setPendingDelete(record)}
                         >
+                          <Trash2 size={14} />
                           {t('删除')}
                         </Button>
                       </div>
@@ -545,9 +545,7 @@ const SettingsAPIInfo = ({ options, refresh }) => {
             size='sm'
             variant='tertiary'
             isDisabled={currentPage >= totalPages}
-            onPress={() =>
-              setCurrentPage((p) => Math.min(totalPages, p + 1))
-            }
+            onPress={() => setCurrentPage((p) => Math.min(totalPages, p + 1))}
           >
             {t('下一页')}
           </Button>
@@ -662,7 +660,10 @@ const SettingsAPIInfo = ({ options, refresh }) => {
                 </div>
               </ModalBody>
               <ModalFooter className='border-t border-border'>
-                <Button variant='tertiary' onPress={() => setShowApiModal(false)}>
+                <Button
+                  variant='tertiary'
+                  onPress={() => setShowApiModal(false)}
+                >
                   {t('取消')}
                 </Button>
                 <Button
diff --git a/web/src/pages/Setting/Dashboard/SettingsAnnouncements.jsx b/web/src/pages/Setting/Dashboard/SettingsAnnouncements.jsx
index 1bdff8a7159..c8729ec17ca 100644
--- a/web/src/pages/Setting/Dashboard/SettingsAnnouncements.jsx
+++ b/web/src/pages/Setting/Dashboard/SettingsAnnouncements.jsx
@@ -33,14 +33,7 @@ import {
   useOverlayState,
 } from '@heroui/react';
 import { EmptyState } from '@heroui-pro/react';
-import {
-  Bell,
-  Edit,
-  Maximize2,
-  Plus,
-  Save,
-  Trash2,
-} from 'lucide-react';
+import { Bell, Edit, Maximize2, Plus, Save, Trash2 } from 'lucide-react';
 import {
   API,
   showError,
@@ -213,8 +206,7 @@ const SettingsAnnouncements = ({ options, refresh }) => {
 
   const handleSaveAnnouncement = async () => {
     const next = {};
-    if (!announcementForm.content?.trim())
-      next.content = t('请输入公告内容');
+    if (!announcementForm.content?.trim()) next.content = t('请输入公告内容');
     if (!announcementForm.publishDate) next.publishDate = t('请选择发布日期');
     setFormErrors(next);
     if (Object.keys(next).length > 0) return;
@@ -384,30 +376,30 @@ const SettingsAnnouncements = ({ options, refresh }) => {
         <div className='order-2 flex w-full gap-2 md:order-1 md:w-auto'>
           <Button
             variant='tertiary'
-            startContent={<Plus size={14} />}
             onPress={handleAddAnnouncement}
             className='w-full md:w-auto'
           >
+            <Plus size={14} />
             {t('添加公告')}
           </Button>
           <Button
             variant='danger-soft'
-            startContent={<Trash2 size={14} />}
             isDisabled={selectedRowKeys.length === 0}
             onPress={handleBatchDelete}
             className='w-full md:w-auto'
           >
+            <Trash2 size={14} />
             {t('批量删除')}{' '}
             {selectedRowKeys.length > 0 ? `(${selectedRowKeys.length})` : ''}
           </Button>
           <Button
             variant='tertiary'
-            startContent={<Save size={14} />}
             onPress={submitAnnouncements}
             isPending={loading}
             isDisabled={!hasChanges}
             className='w-full md:w-auto'
           >
+            <Save size={14} />
             {t('保存设置')}
           </Button>
         </div>
@@ -441,18 +433,14 @@ const SettingsAnnouncements = ({ options, refresh }) => {
                   ariaLabel={t('选择当前页')}
                 />
               </th>
-              <th className='px-3 py-2 text-left font-semibold'>
-                {t('内容')}
-              </th>
+              <th className='px-3 py-2 text-left font-semibold'>{t('内容')}</th>
               <th className='w-44 px-3 py-2 text-left font-semibold'>
                 {t('发布时间')}
               </th>
               <th className='w-24 px-3 py-2 text-left font-semibold'>
                 {t('类型')}
               </th>
-              <th className='px-3 py-2 text-left font-semibold'>
-                {t('说明')}
-              </th>
+              <th className='px-3 py-2 text-left font-semibold'>{t('说明')}</th>
               <th className='w-40 px-3 py-2 text-right font-semibold'>
                 {t('操作')}
               </th>
@@ -525,17 +513,17 @@ const SettingsAnnouncements = ({ options, refresh }) => {
                         <Button
                           variant='tertiary'
                           size='sm'
-                          startContent={<Edit size={14} />}
                           onPress={() => handleEditAnnouncement(record)}
                         >
+                          <Edit size={14} />
                           {t('编辑')}
                         </Button>
                         <Button
                           variant='danger-soft'
                           size='sm'
-                          startContent={<Trash2 size={14} />}
                           onPress={() => setPendingDelete(record)}
                         >
+                          <Trash2 size={14} />
                           {t('删除')}
                         </Button>
                       </div>
@@ -566,7 +554,9 @@ const SettingsAnnouncements = ({ options, refresh }) => {
               </option>
             ))}
           </select>
-          <span>{t('共 {{total}} 条', { total: announcementsList.length })}</span>
+          <span>
+            {t('共 {{total}} 条', { total: announcementsList.length })}
+          </span>
         </div>
         <div className='flex items-center gap-1'>
           <Button
@@ -584,9 +574,7 @@ const SettingsAnnouncements = ({ options, refresh }) => {
             size='sm'
             variant='tertiary'
             isDisabled={currentPage >= totalPages}
-            onPress={() =>
-              setCurrentPage((p) => Math.min(totalPages, p + 1))
-            }
+            onPress={() => setCurrentPage((p) => Math.min(totalPages, p + 1))}
           >
             {t('下一页')}
           </Button>
@@ -610,9 +598,9 @@ const SettingsAnnouncements = ({ options, refresh }) => {
                     <Button
                       variant='tertiary'
                       size='sm'
-                      startContent={<Maximize2 size={14} />}
                       onPress={() => setShowContentModal(true)}
                     >
+                      <Maximize2 size={14} />
                       {t('放大编辑')}
                     </Button>
                   </div>
@@ -644,7 +632,9 @@ const SettingsAnnouncements = ({ options, refresh }) => {
                   </div>
                   <input
                     type='datetime-local'
-                    value={toLocalDateTimeInputValue(announcementForm.publishDate)}
+                    value={toLocalDateTimeInputValue(
+                      announcementForm.publishDate,
+                    )}
                     onChange={(event) => {
                       const v = event.target.value;
                       setAnnouncementForm((prev) => ({
@@ -748,7 +738,10 @@ const SettingsAnnouncements = ({ options, refresh }) => {
                 />
               </ModalBody>
               <ModalFooter className='border-t border-border'>
-                <Button variant='tertiary' onPress={() => setShowContentModal(false)}>
+                <Button
+                  variant='tertiary'
+                  onPress={() => setShowContentModal(false)}
+                >
                   {t('取消')}
                 </Button>
                 <Button
diff --git a/web/src/pages/Setting/Dashboard/SettingsFAQ.jsx b/web/src/pages/Setting/Dashboard/SettingsFAQ.jsx
index a3aa14ff784..839b62fcfbd 100644
--- a/web/src/pages/Setting/Dashboard/SettingsFAQ.jsx
+++ b/web/src/pages/Setting/Dashboard/SettingsFAQ.jsx
@@ -33,13 +33,7 @@ import {
   useOverlayState,
 } from '@heroui/react';
 import { EmptyState } from '@heroui-pro/react';
-import {
-  Edit,
-  HelpCircle,
-  Plus,
-  Save,
-  Trash2,
-} from 'lucide-react';
+import { Edit, HelpCircle, Plus, Save, Trash2 } from 'lucide-react';
 import { API, showError, showSuccess } from '../../../helpers';
 import { useTranslation } from 'react-i18next';
 import ConfirmDialog from '@/components/common/ui/ConfirmDialog';
@@ -289,30 +283,30 @@ const SettingsFAQ = ({ options, refresh }) => {
         <div className='order-2 flex w-full gap-2 md:order-1 md:w-auto'>
           <Button
             variant='tertiary'
-            startContent={<Plus size={14} />}
             onPress={handleAddFaq}
             className='w-full md:w-auto'
           >
+            <Plus size={14} />
             {t('添加问答')}
           </Button>
           <Button
             variant='danger-soft'
-            startContent={<Trash2 size={14} />}
             isDisabled={selectedRowKeys.length === 0}
             onPress={handleBatchDelete}
             className='w-full md:w-auto'
           >
+            <Trash2 size={14} />
             {t('批量删除')}{' '}
             {selectedRowKeys.length > 0 ? `(${selectedRowKeys.length})` : ''}
           </Button>
           <Button
             variant='tertiary'
-            startContent={<Save size={14} />}
             onPress={submitFAQ}
             isPending={loading}
             isDisabled={!hasChanges}
             className='w-full md:w-auto'
           >
+            <Save size={14} />
             {t('保存设置')}
           </Button>
         </div>
@@ -405,17 +399,17 @@ const SettingsFAQ = ({ options, refresh }) => {
                         <Button
                           variant='tertiary'
                           size='sm'
-                          startContent={<Edit size={14} />}
                           onPress={() => handleEditFaq(record)}
                         >
+                          <Edit size={14} />
                           {t('编辑')}
                         </Button>
                         <Button
                           variant='danger-soft'
                           size='sm'
-                          startContent={<Trash2 size={14} />}
                           onPress={() => setPendingDelete(record)}
                         >
+                          <Trash2 size={14} />
                           {t('删除')}
                         </Button>
                       </div>
@@ -464,9 +458,7 @@ const SettingsFAQ = ({ options, refresh }) => {
             size='sm'
             variant='tertiary'
             isDisabled={currentPage >= totalPages}
-            onPress={() =>
-              setCurrentPage((p) => Math.min(totalPages, p + 1))
-            }
+            onPress={() => setCurrentPage((p) => Math.min(totalPages, p + 1))}
           >
             {t('下一页')}
           </Button>
@@ -534,7 +526,10 @@ const SettingsFAQ = ({ options, refresh }) => {
                 </div>
               </ModalBody>
               <ModalFooter className='border-t border-border'>
-                <Button variant='tertiary' onPress={() => setShowFaqModal(false)}>
+                <Button
+                  variant='tertiary'
+                  onPress={() => setShowFaqModal(false)}
+                >
                   {t('取消')}
                 </Button>
                 <Button
diff --git a/web/src/pages/Setting/Dashboard/SettingsUptimeKuma.jsx b/web/src/pages/Setting/Dashboard/SettingsUptimeKuma.jsx
index d665b099696..ccc06245d19 100644
--- a/web/src/pages/Setting/Dashboard/SettingsUptimeKuma.jsx
+++ b/web/src/pages/Setting/Dashboard/SettingsUptimeKuma.jsx
@@ -126,7 +126,8 @@ const SettingsUptimeKuma = ({ options, refresh }) => {
 
   const handleSaveGroup = async () => {
     const next = {};
-    if (!uptimeForm.categoryName?.trim()) next.categoryName = t('请输入分类名称');
+    if (!uptimeForm.categoryName?.trim())
+      next.categoryName = t('请输入分类名称');
     if (!uptimeForm.url?.trim()) {
       next.url = t('请输入Uptime Kuma地址');
     } else {
@@ -301,30 +302,30 @@ const SettingsUptimeKuma = ({ options, refresh }) => {
         <div className='order-2 flex w-full gap-2 md:order-1 md:w-auto'>
           <Button
             variant='tertiary'
-            startContent={<Plus size={14} />}
             onPress={handleAddGroup}
             className='w-full md:w-auto'
           >
+            <Plus size={14} />
             {t('添加分类')}
           </Button>
           <Button
             variant='danger-soft'
-            startContent={<Trash2 size={14} />}
             isDisabled={selectedRowKeys.length === 0}
             onPress={handleBatchDelete}
             className='w-full md:w-auto'
           >
+            <Trash2 size={14} />
             {t('批量删除')}{' '}
             {selectedRowKeys.length > 0 ? `(${selectedRowKeys.length})` : ''}
           </Button>
           <Button
             variant='tertiary'
-            startContent={<Save size={14} />}
             onPress={submitUptimeGroups}
             isPending={loading}
             isDisabled={!hasChanges}
             className='w-full md:w-auto'
           >
+            <Save size={14} />
             {t('保存设置')}
           </Button>
         </div>
@@ -419,17 +420,17 @@ const SettingsUptimeKuma = ({ options, refresh }) => {
                         <Button
                           variant='tertiary'
                           size='sm'
-                          startContent={<Edit size={14} />}
                           onPress={() => handleEditGroup(record)}
                         >
+                          <Edit size={14} />
                           {t('编辑')}
                         </Button>
                         <Button
                           variant='danger-soft'
                           size='sm'
-                          startContent={<Trash2 size={14} />}
                           onPress={() => setPendingDelete(record)}
                         >
+                          <Trash2 size={14} />
                           {t('删除')}
                         </Button>
                       </div>
@@ -460,7 +461,9 @@ const SettingsUptimeKuma = ({ options, refresh }) => {
               </option>
             ))}
           </select>
-          <span>{t('共 {{total}} 条', { total: uptimeGroupsList.length })}</span>
+          <span>
+            {t('共 {{total}} 条', { total: uptimeGroupsList.length })}
+          </span>
         </div>
         <div className='flex items-center gap-1'>
           <Button
@@ -478,9 +481,7 @@ const SettingsUptimeKuma = ({ options, refresh }) => {
             size='sm'
             variant='tertiary'
             isDisabled={currentPage >= totalPages}
-            onPress={() =>
-              setCurrentPage((p) => Math.min(totalPages, p + 1))
-            }
+            onPress={() => setCurrentPage((p) => Math.min(totalPages, p + 1))}
           >
             {t('下一页')}
           </Button>
@@ -567,7 +568,9 @@ const SettingsUptimeKuma = ({ options, refresh }) => {
                     className={inputClass}
                   />
                   {formErrors.slug ? (
-                    <div className='text-xs text-red-600'>{formErrors.slug}</div>
+                    <div className='text-xs text-red-600'>
+                      {formErrors.slug}
+                    </div>
                   ) : null}
                 </div>
               </ModalBody>
diff --git a/web/src/pages/Setting/Model/SettingModelDeployment.jsx b/web/src/pages/Setting/Model/SettingModelDeployment.jsx
index dadacbd5e54..449db02296a 100644
--- a/web/src/pages/Setting/Model/SettingModelDeployment.jsx
+++ b/web/src/pages/Setting/Model/SettingModelDeployment.jsx
@@ -183,9 +183,7 @@ export default function SettingModelDeployment(props) {
                   onChange={(e) =>
                     setField('model_deployment.ionet.api_key')(e.target.value)
                   }
-                  placeholder={t(
-                    '请输入 io.net API Key（敏感信息不显示）',
-                  )}
+                  placeholder={t('请输入 io.net API Key（敏感信息不显示）')}
                   disabled={!enabled}
                   aria-label={t('API Key')}
                   className={inputClass}
@@ -199,11 +197,11 @@ export default function SettingModelDeployment(props) {
                 <Button
                   variant='secondary'
                   size='sm'
-                  startContent={<Zap size={14} />}
                   onPress={testApiKey}
                   isPending={testing}
                   isDisabled={!enabled}
                 >
+                  <Zap size={14} />
                   {testing ? t('连接测试中...') : t('测试连接')}
                 </Button>
               </div>
@@ -223,13 +221,13 @@ export default function SettingModelDeployment(props) {
               <Button
                 color='primary'
                 size='sm'
-                endContent={<ArrowUpRight size={14} />}
                 onPress={() =>
                   window.open('https://ai.io.net/ai/api-keys', '_blank')
                 }
                 className='w-full'
               >
                 {t('前往 io.net API Keys')}
+                <ArrowUpRight size={14} />
               </Button>
             </div>
           </div>
diff --git a/web/src/pages/Setting/Operation/SettingsChannelAffinity.jsx b/web/src/pages/Setting/Operation/SettingsChannelAffinity.jsx
index 806dcdb8f3b..5119ac00dd1 100644
--- a/web/src/pages/Setting/Operation/SettingsChannelAffinity.jsx
+++ b/web/src/pages/Setting/Operation/SettingsChannelAffinity.jsx
@@ -239,7 +239,8 @@ const tryParseRulesJsonArray = (jsonString) => {
 const parseOptionalObjectJson = (jsonString, label) => {
   const raw = (jsonString || '').trim();
   if (!raw) return { ok: true, value: null };
-  if (!verifyJSON(raw)) return { ok: false, message: `${label} JSON 格式不正确` };
+  if (!verifyJSON(raw))
+    return { ok: false, message: `${label} JSON 格式不正确` };
   try {
     const parsed = JSON.parse(raw);
     if (!parsed || typeof parsed !== 'object' || Array.isArray(parsed)) {
@@ -583,7 +584,9 @@ export default function SettingsChannelAffinity(props) {
       return showError(t(keySourcesValidation.message));
     }
 
-    const userAgentInclude = normalizeStringList(values.user_agent_include_text);
+    const userAgentInclude = normalizeStringList(
+      values.user_agent_include_text,
+    );
     const paramTemplateValidation = parseOptionalObjectJson(
       paramTemplateDraft,
       '参数覆盖模板',
@@ -743,12 +746,8 @@ export default function SettingsChannelAffinity(props) {
         <thead className='bg-surface-secondary text-xs uppercase tracking-wide text-muted'>
           <tr>
             <th className='px-3 py-2 text-left font-medium'>{t('名称')}</th>
-            <th className='px-3 py-2 text-left font-medium'>
-              {t('模型正则')}
-            </th>
-            <th className='px-3 py-2 text-left font-medium'>
-              {t('路径正则')}
-            </th>
+            <th className='px-3 py-2 text-left font-medium'>{t('模型正则')}</th>
+            <th className='px-3 py-2 text-left font-medium'>{t('路径正则')}</th>
             <th className='px-3 py-2 text-left font-medium'>{t('Key 来源')}</th>
             <th className='px-3 py-2 text-left font-medium'>
               {t('TTL（秒）')}
@@ -798,10 +797,7 @@ export default function SettingsChannelAffinity(props) {
                     {(record.model_regex || []).length === 0
                       ? '-'
                       : (record.model_regex || []).slice(0, 3).map((v, idx) => (
-                          <StatusChip
-                            key={`${v}-${idx}`}
-                            className='mr-1'
-                          >
+                          <StatusChip key={`${v}-${idx}`} className='mr-1'>
                             {v}
                           </StatusChip>
                         ))}
@@ -810,10 +806,7 @@ export default function SettingsChannelAffinity(props) {
                     {(record.path_regex || []).length === 0
                       ? '-'
                       : (record.path_regex || []).slice(0, 2).map((v, idx) => (
-                          <StatusChip
-                            key={`${v}-${idx}`}
-                            className='mr-1'
-                          >
+                          <StatusChip key={`${v}-${idx}`} className='mr-1'>
                             {v}
                           </StatusChip>
                         ))}
@@ -821,18 +814,20 @@ export default function SettingsChannelAffinity(props) {
                   <td className='px-3 py-2 align-top'>
                     {(record.key_sources || []).length === 0
                       ? '-'
-                      : (record.key_sources || []).slice(0, 3).map((src, idx) => {
-                          const s = normalizeKeySource(src);
-                          const detail = s.type === 'gjson' ? s.path : s.key;
-                          return (
-                            <StatusChip
-                              key={`${s.type}-${idx}`}
-                              className='mr-1'
-                            >
-                              {s.type}:{detail}
-                            </StatusChip>
-                          );
-                        })}
+                      : (record.key_sources || [])
+                          .slice(0, 3)
+                          .map((src, idx) => {
+                            const s = normalizeKeySource(src);
+                            const detail = s.type === 'gjson' ? s.path : s.key;
+                            return (
+                              <StatusChip
+                                key={`${s.type}-${idx}`}
+                                className='mr-1'
+                              >
+                                {s.type}:{detail}
+                              </StatusChip>
+                            );
+                          })}
                   </td>
                   <td className='px-3 py-2 align-top text-foreground'>
                     {Number(record.ttl_seconds || 0) || '-'}
@@ -849,9 +844,9 @@ export default function SettingsChannelAffinity(props) {
                       <Button
                         size='sm'
                         variant='tertiary'
-                        startContent={<Search size={14} />}
                         onPress={() => openParamTemplatePreview(record)}
                       >
+                        <Search size={14} />
                         {t('预览模板')}
                       </Button>
                     ) : (
@@ -1042,17 +1037,13 @@ export default function SettingsChannelAffinity(props) {
               value={inputs[KEY_MAX_ENTRIES] ?? 0}
               onChange={(event) => {
                 const raw = event.target.value;
-                setInputsField(KEY_MAX_ENTRIES)(
-                  raw === '' ? 0 : Number(raw),
-                );
+                setInputsField(KEY_MAX_ENTRIES)(raw === '' ? 0 : Number(raw));
               }}
               placeholder='例如 100000…'
               className={inputClass}
             />
             <FieldHint>
-              {t(
-                '内存缓存最大条目数。0 表示使用后端默认容量：100000。',
-              )}
+              {t('内存缓存最大条目数。0 表示使用后端默认容量：100000。')}
             </FieldHint>
           </div>
           <div className='space-y-2'>
@@ -1063,9 +1054,7 @@ export default function SettingsChannelAffinity(props) {
               value={inputs[KEY_DEFAULT_TTL] ?? 0}
               onChange={(event) => {
                 const raw = event.target.value;
-                setInputsField(KEY_DEFAULT_TTL)(
-                  raw === '' ? 0 : Number(raw),
-                );
+                setInputsField(KEY_DEFAULT_TTL)(raw === '' ? 0 : Number(raw));
               }}
               placeholder='例如 3600…'
               className={inputClass}
@@ -1121,11 +1110,8 @@ export default function SettingsChannelAffinity(props) {
           <Button variant='tertiary' onPress={handleAppendTemplates}>
             {t('填充 Codex CLI / Claude CLI 模版')}
           </Button>
-          <Button
-            variant='tertiary'
-            startContent={<Plus size={14} />}
-            onPress={openAddModal}
-          >
+          <Button variant='tertiary' onPress={openAddModal}>
+            <Plus size={14} />
             {t('新增规则')}
           </Button>
           <Button color='primary' onPress={onSubmit}>
@@ -1133,10 +1119,10 @@ export default function SettingsChannelAffinity(props) {
           </Button>
           <Button
             variant='tertiary'
-            startContent={<RefreshCw size={14} />}
             isPending={cacheLoading}
             onPress={refreshCacheStats}
           >
+            <RefreshCw size={14} />
             {t('刷新缓存统计')}
           </Button>
           <Button color='danger' onPress={() => setConfirmClearAll(true)}>
@@ -1231,9 +1217,7 @@ export default function SettingsChannelAffinity(props) {
                       className={textareaClass}
                     />
                     <FieldHint>
-                      {t(
-                        '可选。对请求路径进行匹配；不填表示匹配所有路径。',
-                      )}
+                      {t('可选。对请求路径进行匹配；不填表示匹配所有路径。')}
                     </FieldHint>
                   </div>
                 </div>
@@ -1312,9 +1296,7 @@ export default function SettingsChannelAffinity(props) {
                         </FieldHint>
                       </div>
                       <div className='space-y-2'>
-                        <FieldLabel>
-                          {t('TTL（秒，0 表示默认）')}
-                        </FieldLabel>
+                        <FieldLabel>{t('TTL（秒，0 表示默认）')}</FieldLabel>
                         <input
                           type='number'
                           min={0}
@@ -1354,11 +1336,11 @@ export default function SettingsChannelAffinity(props) {
                             <Button
                               size='sm'
                               color='primary'
-                              startContent={<Code2 size={14} />}
                               onPress={() =>
                                 setParamTemplateEditorVisible(true)
                               }
                             >
+                              <Code2 size={14} />
                               {t('可视化编辑')}
                             </Button>
                             <Button
@@ -1418,12 +1400,8 @@ export default function SettingsChannelAffinity(props) {
                   <span className='text-sm font-medium text-foreground'>
                     {t('Key 来源')}
                   </span>
-                  <Button
-                    size='sm'
-                    variant='tertiary'
-                    startContent={<Plus size={14} />}
-                    onPress={addKeySource}
-                  >
+                  <Button size='sm' variant='tertiary' onPress={addKeySource}>
+                    <Plus size={14} />
                     {t('新增 Key 来源')}
                   </Button>
                 </div>
@@ -1501,10 +1479,9 @@ export default function SettingsChannelAffinity(props) {
         onConfirm={async () => {
           setConfirmClearAll(false);
           try {
-            const res = await API.delete(
-              '/api/option/channel_affinity_cache',
-              { params: { all: true } },
-            );
+            const res = await API.delete('/api/option/channel_affinity_cache', {
+              params: { all: true },
+            });
             const { success, message } = res.data;
             if (!success) return showError(t(message));
             showSuccess(t('已清空'));
@@ -1535,10 +1512,9 @@ export default function SettingsChannelAffinity(props) {
             return;
           }
           try {
-            const res = await API.delete(
-              '/api/option/channel_affinity_cache',
-              { params: { rule_name: target.name } },
-            );
+            const res = await API.delete('/api/option/channel_affinity_cache', {
+              params: { rule_name: target.name },
+            });
             const { success, message } = res.data;
             if (!success) return showError(t(message));
             showSuccess(t('已清空'));
@@ -1548,9 +1524,7 @@ export default function SettingsChannelAffinity(props) {
           }
         }}
       >
-        {confirmClearRule?.name
-          ? `${t('规则')}: ${confirmClearRule.name}`
-          : ''}
+        {confirmClearRule?.name ? `${t('规则')}: ${confirmClearRule.name}` : ''}
       </ConfirmDialog>
 
       <ConfirmDialog
diff --git a/web/src/pages/Setting/Payment/SettingsPaymentGatewayCreem.jsx b/web/src/pages/Setting/Payment/SettingsPaymentGatewayCreem.jsx
index 1cabe0afc63..e8179a6be25 100644
--- a/web/src/pages/Setting/Payment/SettingsPaymentGatewayCreem.jsx
+++ b/web/src/pages/Setting/Payment/SettingsPaymentGatewayCreem.jsx
@@ -39,7 +39,15 @@ const inputClass =
 const selectClass =
   'h-10 w-full rounded-lg border border-[color:var(--app-border)] bg-background px-3 text-sm text-foreground outline-none transition focus:border-primary';
 
-function Field({ label, value, onChange, placeholder, type = 'text', helper, disabled }) {
+function Field({
+  label,
+  value,
+  onChange,
+  placeholder,
+  type = 'text',
+  helper,
+  disabled,
+}) {
   return (
     <div className='space-y-2'>
       <div className='text-sm font-medium text-foreground'>{label}</div>
@@ -288,12 +296,8 @@ export default function SettingsPaymentGatewayCreem(props) {
           <div className='text-sm font-semibold text-foreground'>
             {t('产品配置')}
           </div>
-          <Button
-            color='primary'
-            size='sm'
-            startContent={<Plus size={14} />}
-            onPress={() => openProductModal()}
-          >
+          <Button color='primary' size='sm' onPress={() => openProductModal()}>
+            <Plus size={14} />
             {t('添加产品')}
           </Button>
         </div>
diff --git a/web/src/pages/Setting/Ratio/GroupRatioSettings.jsx b/web/src/pages/Setting/Ratio/GroupRatioSettings.jsx
index c996c6efd2c..07d0ef8dde1 100644
--- a/web/src/pages/Setting/Ratio/GroupRatioSettings.jsx
+++ b/web/src/pages/Setting/Ratio/GroupRatioSettings.jsx
@@ -12,7 +12,13 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.
 For commercial licensing, please contact support@quantumnous.com
 */
 
-import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import React, {
+  useCallback,
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+} from 'react';
 import { useTranslation } from 'react-i18next';
 import { Button, Spinner, Switch } from '@heroui/react';
 import { ChevronDown, HelpCircle, X } from 'lucide-react';
@@ -174,14 +180,11 @@ export default function GroupRatioSettings(props) {
     if (
       !validateJSON(inputs['group_ratio_setting.group_special_usable_group'])
     ) {
-      next['group_ratio_setting.group_special_usable_group'] = t(
-        '不是合法的 JSON 字符串',
-      );
+      next['group_ratio_setting.group_special_usable_group'] =
+        t('不是合法的 JSON 字符串');
     }
     if (!validateAutoGroups(inputs.AutoGroups)) {
-      next.AutoGroups = t(
-        '必须是有效的 JSON 字符串数组，例如：["g1","g2"]',
-      );
+      next.AutoGroups = t('必须是有效的 JSON 字符串数组，例如：["g1","g2"]');
     }
     setErrors(next);
     return Object.keys(next).length === 0;
@@ -281,7 +284,9 @@ export default function GroupRatioSettings(props) {
       <div className='space-y-3'>
         <SectionHeader title={t('分组管理')} />
         <div className='text-xs text-muted'>
-          {t('倍率用于计费乘数，勾选「用户可选」后用户可在创建令牌时选择该分组')}
+          {t(
+            '倍率用于计费乘数，勾选「用户可选」后用户可在创建令牌时选择该分组',
+          )}
         </div>
         <GroupTable
           key={`gt_${dv}`}
@@ -573,27 +578,32 @@ export default function GroupRatioSettings(props) {
 
               <GuideSection title={t('核心概念')}>
                 <p className='leading-7'>
-                  <strong>{t('用户分组')}</strong>{' — '}
+                  <strong>{t('用户分组')}</strong>
+                  {' — '}
                   {t('由管理员分配，决定用户身份等级（如 default、vip）。')}
                 </p>
                 <p className='mt-1 leading-7'>
-                  <strong>{t('令牌分组')}</strong>{' — '}
+                  <strong>{t('令牌分组')}</strong>
+                  {' — '}
                   {t(
                     '用户创建令牌时选择的分组，决定该令牌的实际计费倍率。一个用户可以创建多个令牌，使用不同分组。',
                   )}
                 </p>
                 <p className='mt-1 leading-7'>
-                  <strong>{t('倍率')}</strong>{' — '}
+                  <strong>{t('倍率')}</strong>
+                  {' — '}
                   {t('计费乘数，倍率越低费用越低。例如倍率 0.5 表示半价。')}
                 </p>
                 <p className='mt-1 leading-7'>
-                  <strong>{t('用户可选')}</strong>{' — '}
+                  <strong>{t('用户可选')}</strong>
+                  {' — '}
                   {t(
                     '勾选后，该分组会出现在用户创建令牌时的下拉菜单中。未勾选的分组只能由管理员分配，用户自己无法选择。',
                   )}
                 </p>
                 <p className='mt-1 leading-7'>
-                  <strong>{t('自动分组')}</strong>{' — '}
+                  <strong>{t('自动分组')}</strong>
+                  {' — '}
                   {t(
                     '令牌分组设为 auto 时，系统按优先级顺序自动选择一个可用分组。',
                   )}
@@ -621,7 +631,9 @@ export default function GroupRatioSettings(props) {
                   {`${t('分组名')}      ${t('倍率')}    ${t('用户可选')}    ${t('说明')}\n──────────────────────────────────────\nstandard  1.0     ${t('是')}        ${t('标准价格')}\npremium   0.5     ${t('是')}        ${t('高级套餐，半价优惠')}`}
                 </CodeBlock>
                 <p className='mt-2 text-xs leading-7'>
-                  {t('两个分组都勾选了「用户可选」，所以用户创建令牌时可以看到这两个选项：')}
+                  {t(
+                    '两个分组都勾选了「用户可选」，所以用户创建令牌时可以看到这两个选项：',
+                  )}
                 </p>
                 <CodeBlock>
                   {t('用户创建令牌 → 选择分组下拉框：')}
@@ -631,7 +643,9 @@ export default function GroupRatioSettings(props) {
                   {`  └─ premium  (${t('高级套餐，半价优惠')})`}
                 </CodeBlock>
                 <p className='mt-2 text-xs leading-7'>
-                  {t('选择 premium 创建的令牌，调用 API 时费用为 standard 的 50%。')}
+                  {t(
+                    '选择 premium 创建的令牌，调用 API 时费用为 standard 的 50%。',
+                  )}
                 </p>
                 <p className='mt-3 text-xs leading-7'>
                   <strong>{t('对比：不勾选「用户可选」的场景')}</strong>
@@ -663,18 +677,22 @@ export default function GroupRatioSettings(props) {
                   <strong>{t('用户分组的联动作用')}</strong>
                 </p>
                 <p className='text-xs leading-7'>
-                  {t('管理员给用户分配的分组（如 vip）不仅决定用户身份，还会影响后续两个功能：')}
+                  {t(
+                    '管理员给用户分配的分组（如 vip）不仅决定用户身份，还会影响后续两个功能：',
+                  )}
                 </p>
                 <p className='mt-1 text-xs leading-7'>
                   {'1. '}
-                  <strong>{t('特殊倍率')}</strong>{' — '}
+                  <strong>{t('特殊倍率')}</strong>
+                  {' — '}
                   {t(
                     '可以根据用户分组设置不同的计费倍率。例如 vip 用户使用 standard 令牌时倍率从 1.0 降为 0.8。',
                   )}
                 </p>
                 <p className='mt-0.5 text-xs leading-7'>
                   {'2. '}
-                  <strong>{t('可用分组')}</strong>{' — '}
+                  <strong>{t('可用分组')}</strong>
+                  {' — '}
                   {t(
                     '可以根据用户分组增减令牌可选的分组范围。例如 vip 用户额外开放 premium 分组，或移除某个分组的选择权。',
                   )}
@@ -728,7 +746,9 @@ export default function GroupRatioSettings(props) {
                   {`1. default    ${t('最高优先级')}\n2. vip`}
                 </CodeBlock>
                 <p className='mt-1.5 text-xs leading-6'>
-                  {t('开启「默认使用 auto 分组」后，新建令牌和初始令牌都会自动设为 auto。')}
+                  {t(
+                    '开启「默认使用 auto 分组」后，新建令牌和初始令牌都会自动设为 auto。',
+                  )}
                 </p>
               </GuideSection>
 
@@ -756,7 +776,9 @@ export default function GroupRatioSettings(props) {
                 )}
               </p>
               <p className='text-sm leading-7 text-foreground'>
-                {t('简单来说：同一个令牌分组，不同等级的用户可以享受不同的价格。')}
+                {t(
+                  '简单来说：同一个令牌分组，不同等级的用户可以享受不同的价格。',
+                )}
               </p>
 
               <GuideSection title={t('查看示例')}>
@@ -777,14 +799,14 @@ export default function GroupRatioSettings(props) {
                 <CodeBlock>
                   {`${t('用户分组')}    ${t('使用分组')}    ${t('倍率')}\n────────────────────────────\nvip       standard   0.8\nvip       premium    0.3`}
                 </CodeBlock>
-                <p className='mt-2 text-xs leading-7'>
-                  {t('配置后的效果：')}
-                </p>
+                <p className='mt-2 text-xs leading-7'>{t('配置后的效果：')}</p>
                 <CodeBlock>
                   {`${t('普通用户')} + standard ${t('令牌')} → ${t('倍率')} 1.0  (${t('不变')})\nvip ${t('用户')}  + standard ${t('令牌')} → ${t('倍率')} 0.8  (${t('享受 8 折')})\nvip ${t('用户')}  + premium  ${t('令牌')} → ${t('倍率')} 0.3  (${t('从 0.5 降到 0.3')})`}
                 </CodeBlock>
                 <p className='mt-2 text-xs leading-7 text-muted'>
-                  {t('只有配置了规则的组合才会覆盖，未配置的组合仍使用令牌分组的基础倍率。')}
+                  {t(
+                    '只有配置了规则的组合才会覆盖，未配置的组合仍使用令牌分组的基础倍率。',
+                  )}
                 </p>
               </GuideSection>
 
@@ -812,7 +834,9 @@ export default function GroupRatioSettings(props) {
                 )}
               </p>
               <p className='text-sm leading-7 text-foreground'>
-                {t('通过此功能，可以根据用户所在分组，为不同等级的用户展示不同的可选列表。')}
+                {t(
+                  '通过此功能，可以根据用户所在分组，为不同等级的用户展示不同的可选列表。',
+                )}
               </p>
 
               <GuideSection title={t('查看示例')}>
@@ -822,7 +846,9 @@ export default function GroupRatioSettings(props) {
                   )}
                 </p>
                 <p className='mb-2 text-xs leading-7'>
-                  <strong>{t('不配置规则时，所有用户看到的下拉框一样：')}</strong>
+                  <strong>
+                    {t('不配置规则时，所有用户看到的下拉框一样：')}
+                  </strong>
                 </p>
                 <CodeBlock>
                   {`${t('所有用户')} → ${t('创建令牌可选')}:\n  ├─ standard\n  └─ premium`}
@@ -833,9 +859,7 @@ export default function GroupRatioSettings(props) {
                 <CodeBlock>
                   {`${t('用户分组')}    ${t('操作')}        ${t('目标分组')}    ${t('描述')}\n──────────────────────────────────────────\nvip       ${t('添加')} (+:)   exclusive   ${t('专属分组')}\nvip       ${t('移除')} (-:)   standard    -`}
                 </CodeBlock>
-                <p className='mt-2 text-xs leading-7'>
-                  {t('配置后的效果：')}
-                </p>
+                <p className='mt-2 text-xs leading-7'>{t('配置后的效果：')}</p>
                 <CodeBlock>
                   {`${t('普通用户')} → ${t('创建令牌可选')}:\n  ├─ standard\n  └─ premium\n\nvip ${t('用户')} → ${t('创建令牌可选')}:\n  ├─ premium     (${t('保留')})\n  └─ exclusive   (${t('新增')})\n\n  ${t('standard 已被移除，vip 用户看不到')}`}
                 </CodeBlock>
@@ -851,12 +875,16 @@ export default function GroupRatioSettings(props) {
               <GuideSection title={t('JSON 格式参考')}>
                 <p className='mb-1 text-xs'>
                   <strong>
-                    <code className='font-mono'>group_special_usable_group</code>
+                    <code className='font-mono'>
+                      group_special_usable_group
+                    </code>
                   </strong>
                 </p>
                 <CodeBlock>{`{\n  "vip": {\n    "+:exclusive": "${t('专属分组')}",\n    "-:standard": "remove"\n  }\n}`}</CodeBlock>
                 <p className='mt-1.5 text-xs leading-6 text-muted'>
-                  {t('键的前缀 +: 表示添加，-: 表示移除，无前缀表示追加。值为分组描述（移除时填 "remove"）。')}
+                  {t(
+                    '键的前缀 +: 表示添加，-: 表示移除，无前缀表示追加。值为分组描述（移除时填 "remove"）。',
+                  )}
                 </p>
               </GuideSection>
             </div>
@@ -897,12 +925,8 @@ export default function GroupRatioSettings(props) {
             );
           })}
         </div>
-        <Button
-          variant='tertiary'
-          size='sm'
-          startContent={<HelpCircle size={14} />}
-          onPress={() => setShowGuide(true)}
-        >
+        <Button variant='tertiary' size='sm' onPress={() => setShowGuide(true)}>
+          <HelpCircle size={14} />
           {t('使用说明')}
         </Button>
       </div>
diff --git a/web/src/pages/Setting/Ratio/UpstreamRatioSync.jsx b/web/src/pages/Setting/Ratio/UpstreamRatioSync.jsx
index f1d618fcfcd..ac26d9c2bd8 100644
--- a/web/src/pages/Setting/Ratio/UpstreamRatioSync.jsx
+++ b/web/src/pages/Setting/Ratio/UpstreamRatioSync.jsx
@@ -57,13 +57,7 @@ import ChannelSelectorModal from '../../../components/settings/ChannelSelectorMo
 const inputClass =
   'h-10 w-full rounded-xl border border-border bg-background px-3 text-sm text-foreground outline-none transition focus:border-primary disabled:opacity-50';
 
-function StatusChip({
-  tone = 'grey',
-  bg,
-  color,
-  prefixIcon,
-  children,
-}) {
+function StatusChip({ tone = 'grey', bg, color, prefixIcon, children }) {
   if (bg) {
     return (
       <span
@@ -433,10 +427,7 @@ export default function UpstreamRatioSync(props) {
             const newDifferences = { ...prevDifferences };
             Object.entries(resolutions).forEach(([model, ratios]) => {
               Object.keys(ratios).forEach((ratioType) => {
-                if (
-                  newDifferences[model] &&
-                  newDifferences[model][ratioType]
-                ) {
+                if (newDifferences[model] && newDifferences[model][ratioType]) {
                   delete newDifferences[model][ratioType];
                   if (Object.keys(newDifferences[model]).length === 0) {
                     delete newDifferences[model];
@@ -566,9 +557,7 @@ export default function UpstreamRatioSync(props) {
     return dataSource.filter((item) => {
       const matchesKeyword =
         !searchKeyword.trim() ||
-        item.model
-          .toLowerCase()
-          .includes(searchKeyword.toLowerCase().trim());
+        item.model.toLowerCase().includes(searchKeyword.toLowerCase().trim());
       const matchesRatioType =
         !ratioTypeFilter || item.ratioType === ratioTypeFilter;
       return matchesKeyword && matchesRatioType;
@@ -604,10 +593,8 @@ export default function UpstreamRatioSync(props) {
       map[upName] = {
         selectableCount,
         selectedCount,
-        allSelected:
-          selectableCount > 0 && selectedCount === selectableCount,
-        partiallySelected:
-          selectedCount > 0 && selectedCount < selectableCount,
+        allSelected: selectableCount > 0 && selectedCount === selectableCount,
+        partiallySelected: selectedCount > 0 && selectedCount < selectableCount,
         hasSelectableItems: selectableCount > 0,
       };
     });
@@ -624,10 +611,7 @@ export default function UpstreamRatioSync(props) {
   );
   const startIndex =
     filteredDataSource.length === 0 ? 0 : (currentPage - 1) * pageSize + 1;
-  const endIndex = Math.min(
-    currentPage * pageSize,
-    filteredDataSource.length,
-  );
+  const endIndex = Math.min(currentPage * pageSize, filteredDataSource.length);
 
   const handleBulkSelect = (upName, checked) => {
     if (checked) {
@@ -726,22 +710,22 @@ export default function UpstreamRatioSync(props) {
           <div className='flex w-full flex-col gap-2 md:w-auto md:flex-row'>
             <Button
               variant='tertiary'
-              startContent={<RefreshCcw size={14} />}
               onPress={() => {
                 setModalVisible(true);
                 if (allChannels.length === 0) fetchAllChannels();
               }}
               className='w-full md:w-auto'
             >
+              <RefreshCcw size={14} />
               {t('选择同步渠道')}
             </Button>
             <Button
               variant='tertiary'
-              startContent={<CheckSquare size={14} />}
               isDisabled={!hasSelections}
               onPress={applySync}
               className='w-full md:w-auto'
             >
+              <CheckSquare size={14} />
               {t('应用同步')}
             </Button>
 
@@ -754,18 +738,14 @@ export default function UpstreamRatioSync(props) {
                 <input
                   type='text'
                   value={searchKeyword}
-                  onChange={(event) =>
-                    setSearchKeyword(event.target.value)
-                  }
+                  onChange={(event) => setSearchKeyword(event.target.value)}
                   placeholder={t('搜索模型名称')}
                   className={`${inputClass} pl-8`}
                 />
               </div>
               <select
                 value={ratioTypeFilter}
-                onChange={(event) =>
-                  setRatioTypeFilter(event.target.value)
-                }
+                onChange={(event) => setRatioTypeFilter(event.target.value)}
                 className={`${inputClass} w-full sm:w-48`}
               >
                 {RATIO_TYPE_OPTIONS.map((option) => (
@@ -877,29 +857,33 @@ export default function UpstreamRatioSync(props) {
                               {t('可信')}
                             </StatusChip>
                           </Tooltip>
-                        ) : (() => {
-                          const untrustedSources = Object.entries(
-                            record.confidence || {},
-                          )
-                            .filter(([_, isConfident]) => isConfident === false)
-                            .map(([name]) => name)
-                            .join(', ');
-                          return (
-                            <Tooltip
-                              content={
-                                t('以下上游数据可能不可信：') +
-                                untrustedSources
-                              }
-                            >
-                              <StatusChip
-                                tone='yellow'
-                                prefixIcon={<AlertTriangle size={12} />}
+                        ) : (
+                          (() => {
+                            const untrustedSources = Object.entries(
+                              record.confidence || {},
+                            )
+                              .filter(
+                                ([_, isConfident]) => isConfident === false,
+                              )
+                              .map(([name]) => name)
+                              .join(', ');
+                            return (
+                              <Tooltip
+                                content={
+                                  t('以下上游数据可能不可信：') +
+                                  untrustedSources
+                                }
                               >
-                                {t('谨慎')}
-                              </StatusChip>
-                            </Tooltip>
-                          );
-                        })()}
+                                <StatusChip
+                                  tone='yellow'
+                                  prefixIcon={<AlertTriangle size={12} />}
+                                >
+                                  {t('谨慎')}
+                                </StatusChip>
+                              </Tooltip>
+                            );
+                          })()
+                        )}
                       </td>
                       <td className='px-3 py-2 align-top'>
                         <StatusChip
@@ -921,15 +905,10 @@ export default function UpstreamRatioSync(props) {
                         const isConfident =
                           record.confidence?.[upName] !== false;
 
-                        if (
-                          upstreamVal === null ||
-                          upstreamVal === undefined
-                        ) {
+                        if (upstreamVal === null || upstreamVal === undefined) {
                           return (
                             <td key={upName} className='px-3 py-2 align-top'>
-                              <StatusChip tone='grey'>
-                                {t('未设置')}
-                              </StatusChip>
+                              <StatusChip tone='grey'>{t('未设置')}</StatusChip>
                             </td>
                           );
                         }
@@ -966,9 +945,7 @@ export default function UpstreamRatioSync(props) {
                               </CompactCheckbox>
                               {!isConfident && (
                                 <Tooltip
-                                  content={t(
-                                    '该数据可能不可信，请谨慎使用',
-                                  )}
+                                  content={t('该数据可能不可信，请谨慎使用')}
                                 >
                                   <AlertTriangle
                                     size={14}
@@ -1015,9 +992,7 @@ export default function UpstreamRatioSync(props) {
                   size='sm'
                   variant='tertiary'
                   isDisabled={currentPage <= 1}
-                  onPress={() =>
-                    setCurrentPage(Math.max(1, currentPage - 1))
-                  }
+                  onPress={() => setCurrentPage(Math.max(1, currentPage - 1))}
                 >
                   {t('上一页')}
                 </Button>
@@ -1061,9 +1036,7 @@ export default function UpstreamRatioSync(props) {
           setConfirmVisible(false);
           const curRatios = {
             ModelRatio: JSON.parse(props.options.ModelRatio || '{}'),
-            CompletionRatio: JSON.parse(
-              props.options.CompletionRatio || '{}',
-            ),
+            CompletionRatio: JSON.parse(props.options.CompletionRatio || '{}'),
             CacheRatio: JSON.parse(props.options.CacheRatio || '{}'),
             ModelPrice: JSON.parse(props.options.ModelPrice || '{}'),
           };
diff --git a/web/src/pages/Setting/Ratio/components/AutoGroupList.jsx b/web/src/pages/Setting/Ratio/components/AutoGroupList.jsx
index 84789424aa7..db5117b9e32 100644
--- a/web/src/pages/Setting/Ratio/components/AutoGroupList.jsx
+++ b/web/src/pages/Setting/Ratio/components/AutoGroupList.jsx
@@ -90,12 +90,8 @@ export default function AutoGroupList({ value, groupNames = [], onChange }) {
           {t('暂无自动分组，点击下方按钮添加')}
         </div>
         <div className='mt-2 flex justify-center'>
-          <Button
-            variant='secondary'
-            startContent={<Plus size={14} />}
-            onPress={addItem}
-            size='sm'
-          >
+          <Button variant='secondary' onPress={addItem} size='sm'>
+            <Plus size={14} />
             {t('添加分组')}
           </Button>
         </div>
@@ -161,12 +157,8 @@ export default function AutoGroupList({ value, groupNames = [], onChange }) {
         ))}
       </div>
       <div className='mt-3 flex justify-center'>
-        <Button
-          variant='secondary'
-          startContent={<Plus size={14} />}
-          onPress={addItem}
-          size='sm'
-        >
+        <Button variant='secondary' onPress={addItem} size='sm'>
+          <Plus size={14} />
           {t('添加分组')}
         </Button>
       </div>
diff --git a/web/src/pages/Setting/Ratio/components/GroupGroupRatioRules.jsx b/web/src/pages/Setting/Ratio/components/GroupGroupRatioRules.jsx
index d30e51de648..0da9b970d88 100644
--- a/web/src/pages/Setting/Ratio/components/GroupGroupRatioRules.jsx
+++ b/web/src/pages/Setting/Ratio/components/GroupGroupRatioRules.jsx
@@ -1,11 +1,6 @@
 import React, { useState, useCallback, useMemo } from 'react';
 import { Button, Input } from '@heroui/react';
-import {
-  Plus,
-  Trash2,
-  ChevronDown,
-  ChevronUp,
-} from 'lucide-react';
+import { Plus, Trash2, ChevronDown, ChevronUp } from 'lucide-react';
 import { useTranslation } from 'react-i18next';
 
 let _idCounter = 0;
@@ -68,14 +63,20 @@ function GroupSection({
   const [open, setOpen] = useState(false);
 
   const removeAll = () => {
-    if (typeof window !== 'undefined' && !window.confirm(t('确认删除该分组的所有规则？'))) {
+    if (
+      typeof window !== 'undefined' &&
+      !window.confirm(t('确认删除该分组的所有规则？'))
+    ) {
       return;
     }
     items.forEach((item) => onRemove(item._id));
   };
 
   const removeOne = (id) => {
-    if (typeof window !== 'undefined' && !window.confirm(t('确认删除该规则？'))) {
+    if (
+      typeof window !== 'undefined' &&
+      !window.confirm(t('确认删除该规则？'))
+    ) {
       return;
     }
     onRemove(id);
@@ -269,12 +270,8 @@ export default function GroupGroupRatioRules({
           </option>
         ))}
       </datalist>
-      <Button
-        variant='secondary'
-        startContent={<Plus size={14} />}
-        onPress={addNewGroup}
-        size='sm'
-      >
+      <Button variant='secondary' onPress={addNewGroup} size='sm'>
+        <Plus size={14} />
         {t('添加分组规则')}
       </Button>
     </div>
diff --git a/web/src/pages/Setting/Ratio/components/GroupSpecialUsableRules.jsx b/web/src/pages/Setting/Ratio/components/GroupSpecialUsableRules.jsx
index c27dab2bbb8..20b1a1cfc7f 100644
--- a/web/src/pages/Setting/Ratio/components/GroupSpecialUsableRules.jsx
+++ b/web/src/pages/Setting/Ratio/components/GroupSpecialUsableRules.jsx
@@ -18,12 +18,7 @@ For commercial licensing, please contact support@quantumnous.com
 */
 import React, { useState, useCallback, useMemo } from 'react';
 import { Button, Input } from '@heroui/react';
-import {
-  Plus,
-  Trash2,
-  ChevronDown,
-  ChevronUp,
-} from 'lucide-react';
+import { Plus, Trash2, ChevronDown, ChevronUp } from 'lucide-react';
 import { useTranslation } from 'react-i18next';
 
 let _idCounter = 0;
@@ -34,8 +29,10 @@ const OP_REMOVE = 'remove';
 const OP_APPEND = 'append';
 
 function parsePrefix(rawKey) {
-  if (rawKey.startsWith('+:')) return { op: OP_ADD, groupName: rawKey.slice(2) };
-  if (rawKey.startsWith('-:')) return { op: OP_REMOVE, groupName: rawKey.slice(2) };
+  if (rawKey.startsWith('+:'))
+    return { op: OP_ADD, groupName: rawKey.slice(2) };
+  if (rawKey.startsWith('-:'))
+    return { op: OP_REMOVE, groupName: rawKey.slice(2) };
   return { op: OP_APPEND, groupName: rawKey };
 }
 
@@ -96,10 +93,8 @@ const inputClass =
 const opStyles = {
   [OP_ADD]:
     'bg-emerald-100 text-emerald-700 dark:bg-emerald-950/40 dark:text-emerald-300',
-  [OP_REMOVE]:
-    'bg-red-100 text-red-700 dark:bg-red-950/40 dark:text-red-300',
-  [OP_APPEND]:
-    'bg-sky-100 text-sky-700 dark:bg-sky-950/40 dark:text-sky-300',
+  [OP_REMOVE]: 'bg-red-100 text-red-700 dark:bg-red-950/40 dark:text-red-300',
+  [OP_APPEND]: 'bg-sky-100 text-sky-700 dark:bg-sky-950/40 dark:text-sky-300',
 };
 
 function UsableGroupSection({
@@ -114,14 +109,20 @@ function UsableGroupSection({
   const [open, setOpen] = useState(false);
 
   const removeAll = () => {
-    if (typeof window !== 'undefined' && !window.confirm(t('确认删除该分组的所有规则？'))) {
+    if (
+      typeof window !== 'undefined' &&
+      !window.confirm(t('确认删除该分组的所有规则？'))
+    ) {
       return;
     }
     items.forEach((item) => onRemove(item._id));
   };
 
   const removeOne = (id) => {
-    if (typeof window !== 'undefined' && !window.confirm(t('确认删除该规则？'))) {
+    if (
+      typeof window !== 'undefined' &&
+      !window.confirm(t('确认删除该规则？'))
+    ) {
       return;
     }
     onRemove(id);
@@ -255,7 +256,8 @@ export default function GroupSpecialUsableRules({
         rules.map((r) => {
           if (r._id !== id) return r;
           const updated = { ...r, [field]: val };
-          if (field === 'op' && val === OP_REMOVE) updated.description = 'remove';
+          if (field === 'op' && val === OP_REMOVE)
+            updated.description = 'remove';
           else if (field === 'op' && r.op === OP_REMOVE && val !== OP_REMOVE) {
             if (updated.description === 'remove') updated.description = '';
           }
@@ -351,12 +353,8 @@ export default function GroupSpecialUsableRules({
           </option>
         ))}
       </datalist>
-      <Button
-        variant='secondary'
-        startContent={<Plus size={14} />}
-        onPress={addNewGroup}
-        size='sm'
-      >
+      <Button variant='secondary' onPress={addNewGroup} size='sm'>
+        <Plus size={14} />
         {t('添加分组规则')}
       </Button>
     </div>
diff --git a/web/src/pages/Setting/Ratio/components/GroupTable.jsx b/web/src/pages/Setting/Ratio/components/GroupTable.jsx
index 4a84a16788f..17563e30939 100644
--- a/web/src/pages/Setting/Ratio/components/GroupTable.jsx
+++ b/web/src/pages/Setting/Ratio/components/GroupTable.jsx
@@ -107,7 +107,10 @@ export default function GroupTable({ groupRatio, userUsableGroups, onChange }) {
   const removeRow = useCallback(
     (id) => {
       // eslint-disable-next-line no-alert
-      if (typeof window !== 'undefined' && !window.confirm(t('确认删除该分组？'))) {
+      if (
+        typeof window !== 'undefined' &&
+        !window.confirm(t('确认删除该分组？'))
+      ) {
         return;
       }
       emitAndSet((prev) => prev.filter((r) => r._id !== id));
@@ -141,7 +144,9 @@ export default function GroupTable({ groupRatio, userUsableGroups, onChange }) {
             <Input
               type='text'
               value={record.name}
-              onChange={(event) => updateRow(record._id, 'name', event.target.value)}
+              onChange={(event) =>
+                updateRow(record._id, 'name', event.target.value)
+              }
               aria-label={t('分组名称')}
               className={`${baseInputClass} ${
                 isDup ? 'border-amber-400 focus:border-amber-500' : ''
@@ -158,7 +163,11 @@ export default function GroupTable({ groupRatio, userUsableGroups, onChange }) {
         render: (_, record) => (
           <Input
             type='number'
-            value={record.ratio === '' || record.ratio == null ? '' : String(record.ratio)}
+            value={
+              record.ratio === '' || record.ratio == null
+                ? ''
+                : String(record.ratio)
+            }
             min={0}
             step={0.1}
             onChange={(event) => {
@@ -244,12 +253,8 @@ export default function GroupTable({ groupRatio, userUsableGroups, onChange }) {
         }
       />
       <div className='mt-3 flex justify-center'>
-        <Button
-          variant='secondary'
-          startContent={<Plus size={14} />}
-          onPress={addRow}
-          size='sm'
-        >
+        <Button variant='secondary' onPress={addRow} size='sm'>
+          <Plus size={14} />
           {t('添加分组')}
         </Button>
       </div>
diff --git a/web/src/pages/Setting/Ratio/components/ModelPricingEditor.jsx b/web/src/pages/Setting/Ratio/components/ModelPricingEditor.jsx
index 60a492e3a19..34615f10965 100644
--- a/web/src/pages/Setting/Ratio/components/ModelPricingEditor.jsx
+++ b/web/src/pages/Setting/Ratio/components/ModelPricingEditor.jsx
@@ -88,9 +88,7 @@ function InfoBanner({ tone = 'warning', title, description }) {
         }
       />
       <div className='flex-1'>
-        {title ? (
-          <div className='mb-0.5 font-semibold'>{title}</div>
-        ) : null}
+        {title ? <div className='mb-0.5 font-semibold'>{title}</div> : null}
         {description ? <div className='text-xs'>{description}</div> : null}
       </div>
     </div>
@@ -212,15 +210,9 @@ export default function ModelPricingEditor({
     }
   };
 
-  const totalPages = Math.max(
-    1,
-    Math.ceil(filteredModels.length / PAGE_SIZE),
-  );
+  const totalPages = Math.max(1, Math.ceil(filteredModels.length / PAGE_SIZE));
   const startIndex = (currentPage - 1) * PAGE_SIZE + 1;
-  const endIndex = Math.min(
-    currentPage * PAGE_SIZE,
-    filteredModels.length,
-  );
+  const endIndex = Math.min(currentPage * PAGE_SIZE, filteredModels.length);
 
   const allOnPageSelected =
     pagedData.length > 0 &&
@@ -276,27 +268,25 @@ export default function ModelPricingEditor({
           {allowAddModel ? (
             <Button
               variant='tertiary'
-              startContent={<Plus size={14} />}
               onPress={() => setAddVisible(true)}
               className={isMobile ? 'w-full' : ''}
             >
+              <Plus size={14} />
               {t('添加模型')}
             </Button>
           ) : null}
           <Button
             color='primary'
             isPending={loading}
-            startContent={<Save size={14} />}
             onPress={handleSubmit}
             className={isMobile ? 'w-full' : ''}
           >
+            <Save size={14} />
             {t('应用更改')}
           </Button>
           <Button
             variant='tertiary'
-            isDisabled={
-              !selectedModel || selectedModelNames.length === 0
-            }
+            isDisabled={!selectedModel || selectedModelNames.length === 0}
             onPress={() => setBatchVisible(true)}
             className={isMobile ? 'w-full' : ''}
           >
@@ -306,10 +296,7 @@ export default function ModelPricingEditor({
               : ''}
           </Button>
 
-          <div
-            className='relative'
-            style={{ width: isMobile ? '100%' : 220 }}
-          >
+          <div className='relative' style={{ width: isMobile ? '100%' : 220 }}>
             <Search
               size={14}
               className='pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-muted'
@@ -327,9 +314,7 @@ export default function ModelPricingEditor({
               <input
                 type='checkbox'
                 checked={!!conflictOnly}
-                onChange={(event) =>
-                  setConflictOnly(event.target.checked)
-                }
+                onChange={(event) => setConflictOnly(event.target.checked)}
                 className='h-4 w-4 accent-primary'
               />
               <span>{t('仅显示矛盾倍率')}</span>
@@ -396,8 +381,7 @@ export default function ModelPricingEditor({
                           const isChecked = selectedModelNames.includes(
                             record.name,
                           );
-                          const isFocused =
-                            record.name === selectedModelName;
+                          const isFocused = record.name === selectedModelName;
                           const rowBg = isChecked
                             ? 'bg-success/10'
                             : isFocused
@@ -412,9 +396,7 @@ export default function ModelPricingEditor({
                             <tr
                               key={record.name}
                               className={`cursor-pointer transition-colors ${rowBg} ${rowAccent}`}
-                              onClick={() =>
-                                setSelectedModelName(record.name)
-                              }
+                              onClick={() => setSelectedModelName(record.name)}
                             >
                               <td
                                 className='px-3 py-3 align-middle'
@@ -424,10 +406,7 @@ export default function ModelPricingEditor({
                                   type='checkbox'
                                   checked={isChecked}
                                   onChange={(event) =>
-                                    toggleRow(
-                                      record.name,
-                                      event.target.checked,
-                                    )
+                                    toggleRow(record.name, event.target.checked)
                                   }
                                   aria-label={record.name}
                                   className='h-4 w-4 accent-primary'
@@ -530,9 +509,7 @@ export default function ModelPricingEditor({
                         variant='tertiary'
                         isDisabled={currentPage >= totalPages}
                         onPress={() =>
-                          setCurrentPage(
-                            Math.min(totalPages, currentPage + 1),
-                          )
+                          setCurrentPage(Math.min(totalPages, currentPage + 1))
                         }
                       >
                         {t('下一页')}
@@ -550,9 +527,7 @@ export default function ModelPricingEditor({
               <Card.Content className='p-5'>
                 <div className='mb-4 flex items-center justify-between gap-2'>
                   <div className='text-base font-semibold text-foreground'>
-                    {selectedModel
-                      ? selectedModel.name
-                      : t('模型计费编辑器')}
+                    {selectedModel ? selectedModel.name : t('模型计费编辑器')}
                   </div>
                   {selectedModel ? (
                     <StatusChip tone='blue'>
@@ -680,10 +655,7 @@ export default function ModelPricingEditor({
                             value={selectedModel.completionPrice}
                             placeholder={t('输入 $/1M tokens')}
                             onChange={(value) =>
-                              handleNumericFieldChange(
-                                'completionPrice',
-                                value,
-                              )
+                              handleNumericFieldChange('completionPrice', value)
                             }
                             headerAction={
                               <Switch
@@ -692,9 +664,7 @@ export default function ModelPricingEditor({
                                   selectedModel,
                                   'completionPrice',
                                 )}
-                                isDisabled={
-                                  selectedModel.completionRatioLocked
-                                }
+                                isDisabled={selectedModel.completionRatioLocked}
                                 onValueChange={(checked) =>
                                   handleOptionalFieldToggle(
                                     'completionPrice',
@@ -885,10 +855,7 @@ export default function ModelPricingEditor({
                             value={selectedModel.audioInputPrice}
                             placeholder={t('输入 $/1M tokens')}
                             onChange={(value) =>
-                              handleNumericFieldChange(
-                                'audioInputPrice',
-                                value,
-                              )
+                              handleNumericFieldChange('audioInputPrice', value)
                             }
                             headerAction={
                               <Switch
@@ -968,9 +935,7 @@ export default function ModelPricingEditor({
                                 'audioOutputPrice',
                               )
                             }
-                            disabled={
-                              !hasValue(selectedModel.audioInputPrice)
-                            }
+                            disabled={!hasValue(selectedModel.audioInputPrice)}
                             extraText={
                               !isOptionalFieldEnabled(
                                 selectedModel,