refactor: tighten OAuth Auth Center copy, layout, and icon

- Trim Auth Center section descriptions to focus on user intent
- Remove duplicate outer heading on the auth settings tab
- Swap Sparkles glyph for CodexIcon on the ChatGPT card
- Generalize codexOauth.authStatus to a neutral "Auth status"
- Register settings.authCenter.* keys across zh/en/ja locales
This commit is contained in:
Jason
2026-04-07 16:38:49 +08:00
parent d164191bd1
commit 5288238694
6 changed files with 31 additions and 29 deletions
+6 -7
View File
@@ -1,6 +1,7 @@
import { Github, ShieldCheck, Sparkles } from "lucide-react";
import { Github, ShieldCheck } from "lucide-react";
import { useTranslation } from "react-i18next";
import { Badge } from "@/components/ui/badge";
import { CodexIcon } from "@/components/BrandIcons";
import { CopilotAuthSection } from "@/components/providers/forms/CopilotAuthSection";
import { CodexOAuthSection } from "@/components/providers/forms/CodexOAuthSection";
@@ -23,7 +24,7 @@ export function AuthCenterPanel() {
<p className="text-sm text-muted-foreground">
{t("settings.authCenter.description", {
defaultValue:
"集中管理跨应用复用的 OAuth 账号。Provider 只绑定这些认证源,不再重复登录。",
"在 Claude Code 中使用您的其他订阅,请注意合规风险。",
})}
</p>
</div>
@@ -42,8 +43,7 @@ export function AuthCenterPanel() {
<h4 className="font-medium">GitHub Copilot</h4>
<p className="text-sm text-muted-foreground">
{t("settings.authCenter.copilotDescription", {
defaultValue:
"管理 GitHub Copilot 账号、默认账号以及供 Claude / Codex / Gemini 绑定的托管凭据。",
defaultValue: "管理 GitHub Copilot 账号",
})}
</p>
</div>
@@ -55,14 +55,13 @@ export function AuthCenterPanel() {
<section className="rounded-xl border border-border/60 bg-card/60 p-6">
<div className="mb-4 flex items-center gap-3">
<div className="flex h-10 w-10 items-center justify-center rounded-xl bg-muted">
<Sparkles className="h-5 w-5" />
<CodexIcon size={20} />
</div>
<div>
<h4 className="font-medium">ChatGPT (Codex OAuth)</h4>
<p className="text-sm text-muted-foreground">
{t("settings.authCenter.codexOauthDescription", {
defaultValue:
"管理 ChatGPT Plus/Pro 账号,用于将 Claude Code 请求反代到 Codex 后端。仅限个人开发使用。",
defaultValue: "管理 ChatGPT 账号",
})}
</p>
</div>