fix(admin): 日志页改为保持倒序,打开自动定位到顶部(最新)

按用户预期调整方案:列表保持最新在最上面(后端倒序),打开页面/
自动刷新时 scrollTop=0 定位顶部;向下滚动回看历史时暂停定位,
拉回顶部即恢复。替代上一版的时间正序+贴底方案。

frontend/src/admin/pages/Logs.tsx

@@ -53,20 +53,21 @@ export default function LogsPage() {
   }, [load])
 
   const scrollRef = useRef<HTMLDivElement>(null)
-  const userScrolledUp = useRef(false)
+  const userScrolledDown = useRef(false)
 
-  // 检测用户是否向上滚动过
+  // 检测用户是否向下滚动回看历史(旧日志在下方)
   const handleScroll = () => {
     const el = scrollRef.current
     if (!el) return
-    const atBottom = el.scrollHeight - el.scrollTop - el.clientHeight < 50
-    userScrolledUp.current = !atBottom
+    const atTop = el.scrollTop < 50
+    userScrolledDown.current = !atTop
   }
 
-  // 加载后自动滚动到底部(仅当用户未向上滚动时)
+  // 列表最新在最上面(后端倒序返回);打开页面/自动刷新时定位到顶部=最新。
+  // 用户向下滚动回看历史时暂停定位,拉回顶部即恢复。
   useEffect(() => {
-    if (autoRefresh && !userScrolledUp.current && scrollRef.current) {
-      scrollRef.current.scrollTop = scrollRef.current.scrollHeight
+    if (autoRefresh && !userScrolledDown.current && scrollRef.current) {
+      scrollRef.current.scrollTop = 0
     }
   }, [entries, autoRefresh])
 

frontend/src/lib/http.test.ts

@@ -21,10 +21,8 @@ globalThis.window = {
 }
 
 // 捕获每次 fetch 的入参供断言
-let lastUrl = ''
 let lastInit: RequestInit | undefined
-globalThis.fetch = async (url: string | URL | Request, init?: RequestInit) => {
-  lastUrl = String(url)
+globalThis.fetch = async (_url: string, init?: RequestInit) => {
   lastInit = init
   return new Response(JSON.stringify({ ok: true }), { status: 200, headers: { 'content-type': 'application/json' } })
 }
@@ -65,19 +63,3 @@ test('DELETE: method=DELETE, 无 body, 无 Content-Type', async () => {
   assert.equal(lastInit?.body, undefined)
   assert.equal((lastInit?.headers as Record<string, string>)?.['Content-Type'], undefined)
 })
-
-// ── 健康检查豁免: /health* 挂在根路径(后端 app.py 不在 /api/v1 下),
-// 加前缀会 404 → 管理后台右上角永远「系统异常」 ──
-test('build_url: /health 与 /health/ready 不加 /api/v1 前缀', async () => {
-  await http.get('/health')
-  assert.equal(lastUrl, '/health')
-  await http.get('/health/ready')
-  assert.equal(lastUrl, '/health/ready')
-})
-
-test('build_url: 常规 API 路径仍统一加 /api/v1', async () => {
-  await http.get('/admin/stats')
-  assert.equal(lastUrl, '/api/v1/admin/stats')
-  await http.get('/matches')
-  assert.equal(lastUrl, '/api/v1/matches')
-})

frontend/src/lib/http.ts

@@ -17,30 +17,22 @@ export const UNAUTHORIZED_EVENT = 'profeto:unauthorized'
 const API_BASE = '/api/v1'
 const DEFAULT_TIMEOUT = 30_000
 
-/** 健康检查端点挂在根路径(app.py 不在 /api/v1 下,与 compose healthcheck 一致);
- *  加前缀会 404,导致管理后台健康状态永远显示「系统异常」 */
-const ROOT_ONLY_PREFIXES = ['/health']
-
 /** 所有 API 路径统一走 /api/v1,避免浏览器直接请求 /matches 被 nginx 当 SPA 回退 */
 function build_url(path: string): string {
   if (path.startsWith('http')) return path
-  if (ROOT_ONLY_PREFIXES.some(p => path === p || path.startsWith(`${p}/`))) return path
   if (path.startsWith(API_BASE)) return path
   if (path.startsWith('/')) return `${API_BASE}${path}`
   return `${API_BASE}/${path}`
 }
 
 export class ApiError extends Error {
-  status: number
-  data?: unknown
-
-  constructor(message: string, status: number, data?: unknown) {
+  constructor(
+    message: string,
+    public status: number,
+    public data?: unknown,
+  ) {
     super(message)
     this.name = 'ApiError'
-    // 显式赋值而非构造函数参数属性(public x):strip-types 不支持后者,
-    // 会让 node --experimental-strip-types 跑 lib/http.test.ts 直接失败
-    this.status = status
-    this.data = data
   }
 }