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>
-18
View File
@@ -9,7 +9,6 @@ import {
ScrollText,
HardDriveDownload,
FlaskConical,
KeyRound,
} from "lucide-react";
import { toast } from "sonner";
import {
@@ -272,23 +271,6 @@ export function SettingsPage({
transition={{ duration: 0.3 }}
className="space-y-6"
>
<div className="flex items-center gap-3 px-1">
<KeyRound className="h-5 w-5 text-primary" />
<div>
<h2 className="text-base font-semibold">
{t("settings.authCenter.heading", {
defaultValue: "认证中心",
})}
</h2>
<p className="text-sm text-muted-foreground">
{t("settings.authCenter.headingDescription", {
defaultValue:
"统一管理可跨应用复用的 OAuth 账号和默认认证来源。",
})}
</p>
</div>
</div>
<AuthCenterPanel />
</motion.div>
</TabsContent>