From 31c195559a08bf1fadc6cab3bf771a7a1b5327fc Mon Sep 17 00:00:00 2001 From: caigee-cmd <210803857+caigee-cmd@users.noreply.github.com> Date: Thu, 22 Oct 2026 14:58:32 +0800 Subject: [PATCH 1/2] style(console): remove AI-slop tells (type scale, radii, tinted status boxes, copy) --- changelog/unreleased/console-kill-ai-slop.md | 7 ++++ docs/DESIGN.md | 2 +- frontend/src/components/AddAccountModal.tsx | 28 ++++++------- frontend/src/components/EndpointList.tsx | 4 +- frontend/src/components/ModelDetailsModal.tsx | 4 +- frontend/src/components/VersionHistory.tsx | 4 +- .../src/components/account/AccountCard.tsx | 18 ++++---- .../account/AccountCheckinRecordsModal.tsx | 8 ++-- .../components/account/AccountModelsModal.tsx | 4 +- .../components/account/EditAccountModal.tsx | 6 +-- .../src/components/account/ModelPicker.tsx | 6 +-- frontend/src/components/layout/AppSidebar.tsx | 6 +-- .../components/layout/SidebarUpdateItem.tsx | 4 +- frontend/src/components/motion/Toaster.tsx | 4 +- .../src/components/system/UpdateControls.tsx | 18 ++++---- frontend/src/components/ui/EmptyPanel.tsx | 2 +- frontend/src/components/ui/FormRow.tsx | 2 +- frontend/src/components/ui/ListPager.tsx | 2 +- frontend/src/components/ui/OptionTiles.tsx | 2 +- frontend/src/i18n/messages.ts | 2 +- frontend/src/index.css | 6 ++- frontend/src/lib/typeScale.ts | 2 +- frontend/src/pages/AccessPage.tsx | 32 +++++++------- frontend/src/pages/AccountsPage.tsx | 6 +-- frontend/src/pages/KeysPage.tsx | 8 ++-- frontend/src/pages/LoginPage.tsx | 8 ++-- frontend/src/pages/OverviewPage.tsx | 16 +++---- frontend/src/pages/ProvidersPage.tsx | 14 +++---- frontend/src/pages/SystemPage.tsx | 42 +++++++++---------- ...t-CZAnNOHv.js => TrafficChart-Brw5uN4U.js} | 4 +- .../{index-CQQZl4FY.js => index-C6iWOMEf.js} | 6 +-- .../webui/static/assets/index-DR9lvkiq.css | 2 + .../webui/static/assets/index-DkjgTSmb.css | 2 - internal/webui/static/index.html | 4 +- 34 files changed, 147 insertions(+), 138 deletions(-) create mode 100644 changelog/unreleased/console-kill-ai-slop.md rename internal/webui/static/assets/{TrafficChart-CZAnNOHv.js => TrafficChart-Brw5uN4U.js} (99%) rename internal/webui/static/assets/{index-CQQZl4FY.js => index-C6iWOMEf.js} (76%) create mode 100644 internal/webui/static/assets/index-DR9lvkiq.css delete mode 100644 internal/webui/static/assets/index-DkjgTSmb.css diff --git a/changelog/unreleased/console-kill-ai-slop.md b/changelog/unreleased/console-kill-ai-slop.md new file mode 100644 index 0000000..962a7c0 --- /dev/null +++ b/changelog/unreleased/console-kill-ai-slop.md @@ -0,0 +1,7 @@ +### English + +- Tighten the console's visual noise: small text now uses one 12 px caption size, oversized card radii and the toast's heavy shadow are reduced, and account errors, update status, and the key "all providers" tag use neutral surfaces instead of tinted red, green, or yellow boxes. + +### 中文 + +- 收敛控制台视觉噪音:小字统一为 12 px 一档,卡片过大圆角与通知的重阴影减小,账号错误、更新状态和密钥“全部供应商”标签改用中性底色,不再使用红/绿/黄整块着色。 diff --git a/docs/DESIGN.md b/docs/DESIGN.md index 14d5004..021bba3 100644 --- a/docs/DESIGN.md +++ b/docs/DESIGN.md @@ -122,7 +122,7 @@ HeroUI 3.2.4 的 `Tabs.Indicator` 会因 `SharedElementTransition` 崩溃,不 | 页内说明 | `mt-1 max-w-2xl text-sm leading-6 text-muted` | | 区块标题 | `font-semibold tracking-[-0.015em]` | | 正文 | `text-sm leading-6` | -| 元信息 / 标签 | `text-xs` 或 `text-[11px] text-muted` | +| 元信息 / 标签 | `text-caption text-muted`(12 px;`text-xs` 为同值别名,不再单独使用 11 px) | | 侧栏分组 | `text-[10px] font-semibold tracking-[0.12em] uppercase text-muted` | | 等宽 | `.mono`,`font-variant-numeric: tabular-nums` | diff --git a/frontend/src/components/AddAccountModal.tsx b/frontend/src/components/AddAccountModal.tsx index 234ec4e..fd61b62 100644 --- a/frontend/src/components/AddAccountModal.tsx +++ b/frontend/src/components/AddAccountModal.tsx @@ -535,7 +535,7 @@ export function AddAccountModal({ isOpen, onClose, onAdded }: Props) {
{t('addAccountTitle')} -

+

{step === 'method' ? t('addAccountDesc') : (hint || t('addAccountDesc'))}

@@ -549,7 +549,7 @@ export function AddAccountModal({ isOpen, onClose, onAdded }: Props) { {typesLoading ? ( ) : !typesReady ? ( -

{t('accountTypeHint')}

+

{t('accountTypeHint')}

) : ( setAdvancedOpen((open) => !open)} aria-expanded={advancedOpen} - className="inline-flex items-center gap-1 text-xs font-medium text-muted transition-colors hover:text-foreground" + className="inline-flex items-center gap-1 text-caption font-medium text-muted transition-colors hover:text-foreground" > {t('wizardAdvanced')} @@ -640,7 +640,7 @@ export function AddAccountModal({ isOpen, onClose, onAdded }: Props) {
{t('dropSystemPrompt')}
-

{t('dropSystemPromptCreateHint')}

+

{t('dropSystemPromptCreateHint')}

) : null} {message ? ( -

{isDone ? : null}{message}

+

{isDone ? : null}{message}

) : null}
) : null} {message && !authUrl ? ( -

{isDone ? : null}{message}

+

{isDone ? : null}{message}

) : null} {showCallbackPaste ? (

{t('wizardCallbackLead')}