From 5c78854ff7aeb7e2eec1ee63141b26c7f9336309 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=94=A1=E5=8F=8A?= <522caiji@gmail.com> Date: Thu, 10 Sep 2026 23:36:03 +0800 Subject: [PATCH] fix: load request details inside modal --- CHANGELOG.md | 4 ++ frontend/src/pages/LogsPage.tsx | 71 +++++++++++++++---- ...t-BqrGStdK.js => TrafficChart-CWo75hL6.js} | 2 +- .../{index-CkH3yXd7.js => index-B3QF1WGx.js} | 4 +- ...{index-D5rOrfco.css => index-yon9pbm_.css} | 2 +- internal/webui/static/index.html | 4 +- 6 files changed, 69 insertions(+), 18 deletions(-) rename internal/webui/static/assets/{TrafficChart-BqrGStdK.js => TrafficChart-CWo75hL6.js} (99%) rename internal/webui/static/assets/{index-CkH3yXd7.js => index-B3QF1WGx.js} (97%) rename internal/webui/static/assets/{index-D5rOrfco.css => index-yon9pbm_.css} (92%) diff --git a/CHANGELOG.md b/CHANGELOG.md index 8b61eda..05896b0 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -7,8 +7,12 @@ Write each change in both `### English` and `### 中文` under `## Unreleased`. ### English +- Open request-history details immediately with a loading skeleton while the full record is fetched + ### 中文 +- 点击请求历史后立即打开详情弹窗,并在完整记录获取期间显示骨架屏 + ## 0.4.7 - 2026-09-10 ### English diff --git a/frontend/src/pages/LogsPage.tsx b/frontend/src/pages/LogsPage.tsx index d2bc7ef..2d4c279 100644 --- a/frontend/src/pages/LogsPage.tsx +++ b/frontend/src/pages/LogsPage.tsx @@ -1,4 +1,4 @@ -import { useCallback, useEffect, useMemo, useState } from 'react' +import { useCallback, useEffect, useMemo, useRef, useState } from 'react' import { getLocalTimeZone, type DateValue } from '@internationalized/date' import { Button, @@ -40,7 +40,7 @@ import { FilterSelect } from '@/components/ui/FilterSelect' import { FilterToggle } from '@/components/ui/FilterToggle' import { ListPager, type PageSize } from '@/components/ui/ListPager' import { PageAlert } from '@/components/ui/PageAlert' -import { LogsPageSkeleton, LogsRequestListSkeleton, LogsRuntimeListSkeleton } from '@/components/ui/PageSkeletons' +import { LogsPageSkeleton, LogsRequestListSkeleton, LogsRuntimeListSkeleton, SkeletonBlock } from '@/components/ui/PageSkeletons' import { SearchBar } from '@/components/ui/SearchBar' import { useI18n } from '@/hooks/useI18n' import { accountProviderLabel } from '@/lib/provider' @@ -102,6 +102,30 @@ function TokenSplit({ log, inLabel, outLabel }: { log: RequestLog; inLabel: stri ) } +function RequestDetailSkeleton() { + return ( +
{t('logsNoAttempts')}
)}