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')}
)}