fix(frontend): 按审计报告修复全部17项问题,数据层迁至 src/api/

P0(4): 假数据清除(avg_latency_ms:2400→null,无端点字段改null)、假进度条改诚实的不确定态、
  公共页不再反向依赖 admin(api/public.ts)、PredictProgress 重写
P1(6): 23处 any 归零(对齐后端 Pydantic 契约新增 PredictionMatchRef/HealthProbe 等)、
  a11y(aria-live 0→4,htmlFor 1→17,aria-describedby/invalid 补齐)、App.tsx 抽 SiteLayout、
  路由级 lazy+代码分割(首屏 315KB→238KB)、index.html 补 SEO/favicon/OG、死代码清理(AdminIcon 抽出)
P2(7): Login/index.css 裸色值令牌化、groupByDate useMemo、滚动监听统一、原生控件基元化、
  useLeagues 静默失败补告警、路由级 ErrorBoundary

另修复审计未列问题:
- Monitoring todos 过滤器 t!==false 放行 null 导致整页崩溃 → Boolean(t) 真值过滤
- Collection 渲染期 Date.now()(react-hooks/purity 捕获)→ 计时器 effect
- bg-press-wash/60 透明度修饰符静默失效 → RGB 三元组 + 构建期令牌守卫(下个提交接入)

工程化:数据层 dal/api/types(1047行)git mv 至 src/api/,admin 留 @deprecated 兼容壳,
  21 个引用方直指新路径;tsconfig 开启 noUnusedLocals/noUnusedParameters(清理9处存量)

frontend/src/admin/SettingRow.tsx

@@ -7,8 +7,9 @@
  */
 
 import { useEffect, useState } from 'react'
-import type { DataSourceSetting } from './types'
+import type { DataSourceSetting } from '../api/types'
 import { Badge, Spinner } from './components'
+import { Button, Input } from '../components/ui'
 
 export const ORIGIN_BADGE: Record<DataSourceSetting['origin'], { text: string; status: 'success' | 'info' | 'error' }> = {
   db: { text: '数据库覆盖', status: 'success' },
@@ -74,34 +75,32 @@ export default function SettingRow({
           {setting.sensitive && <Badge status="warning">敏感</Badge>}
         </div>
         <div className="flex flex-col gap-2 sm:flex-row">
-          <input
+          <Input
             type={setting.sensitive ? 'password' : 'text'}
             value={value}
             onChange={e => setValue(e.target.value)}
             placeholder={`输入新的 ${setting.label}`}
+            /* 无可见 label(标题即配置项名),用 aria-label 提供可访问名称 */
+            aria-label={`设置项 ${setting.label} 的值`}
             autoFocus
             autoComplete="off"
-            className="field flex-1"
+            className="flex-1"
           />
           <div className="flex gap-2">
-            <button
-              onClick={() => onSave(value)}
-              disabled={!value.trim() || busy}
-              className="btn btn-solid btn-sm"
-            >
+            <Button variant="solid" size="sm" onClick={() => onSave(value)} disabled={!value.trim() || busy}>
               {busy ? (<><Spinner /> 保存中</>) : '保存'}
-            </button>
-            <button onClick={onCancel} disabled={busy} className="btn btn-sm">
+            </Button>
+            <Button size="sm" onClick={onCancel} disabled={busy}>
               取消
-            </button>
+            </Button>
           </div>
         </div>
 
         {detectModels && (
           <div className="mt-2 space-y-2">
-            <button onClick={handleDetect} disabled={detecting} className="btn btn-sm">
+            <Button size="sm" onClick={handleDetect} disabled={detecting}>
               {detecting ? (<><Spinner /> 检测中</>) : detected ? '重新检测' : '检测可用模型'}
-            </button>
+            </Button>
 
             {detectError && (
               <p className="border-l-2 border-press bg-press-wash/40 px-3 py-1.5 text-2xs leading-relaxed text-press-dark">
@@ -146,13 +145,13 @@ export default function SettingRow({
         {setting.configured ? setting.masked : '—'}
       </div>
       <div className="flex justify-end gap-2">
-        <button onClick={onEdit} disabled={busy} className="btn btn-sm">
+        <Button size="sm" onClick={onEdit} disabled={busy}>
           {setting.configured ? '更换' : '配置'}
-        </button>
+        </Button>
         {setting.origin === 'db' && (
-          <button onClick={onClear} disabled={busy} className="btn btn-sm" title="删除数据库覆盖值,回落 .env">
+          <Button size="sm" onClick={onClear} disabled={busy} title="删除数据库覆盖值,回落 .env">
             回落 .env
-          </button>
+          </Button>
         )}
       </div>
     </div>