diff --git a/packages/app/src/components/inference/utils/tooltipUtils.ts b/packages/app/src/components/inference/utils/tooltipUtils.ts
index 2a39cf1..b50fecd 100644
--- a/packages/app/src/components/inference/utils/tooltipUtils.ts
+++ b/packages/app/src/components/inference/utils/tooltipUtils.ts
@@ -235,7 +235,7 @@ export const generateGPUGraphTooltipContent = (config: TooltipConfig): string =>
${isPinned ? '
Click elsewhere to dismiss
' : ''}
- Date: ${d.actualDate ?? d.date}
+ Date: ${d.date}${d.actualDate && d.actualDate !== d.date ? ` (data from ${d.actualDate})` : ''}
GPU Config: ${hardwareConfig[d.hwKey] ? getDisplayLabel(hardwareConfig[d.hwKey]) : d.hwKey}
diff --git a/packages/app/src/hooks/api/use-benchmarks.test.ts b/packages/app/src/hooks/api/use-benchmarks.test.ts
index 250113e..7329896 100644
--- a/packages/app/src/hooks/api/use-benchmarks.test.ts
+++ b/packages/app/src/hooks/api/use-benchmarks.test.ts
@@ -5,7 +5,12 @@ import { benchmarkQueryOptions } from '@/hooks/api/use-benchmarks';
describe('benchmarkQueryOptions', () => {
it('builds query key from model and date', () => {
const opts = benchmarkQueryOptions('DeepSeek-R1-0528', '2026-03-01');
- expect(opts.queryKey).toEqual(['benchmarks', 'DeepSeek-R1-0528', '2026-03-01']);
+ expect(opts.queryKey).toEqual(['benchmarks', 'DeepSeek-R1-0528', '2026-03-01', 'latest']);
+ });
+
+ it('builds exact query key when exact=true', () => {
+ const opts = benchmarkQueryOptions('DeepSeek-R1-0528', '2026-03-01', true, true);
+ expect(opts.queryKey).toEqual(['benchmarks', 'DeepSeek-R1-0528', '2026-03-01', 'exact']);
});
it('produces distinct keys for different models', () => {
diff --git a/packages/app/src/hooks/api/use-benchmarks.ts b/packages/app/src/hooks/api/use-benchmarks.ts
index 1556bde..c20eda8 100644
--- a/packages/app/src/hooks/api/use-benchmarks.ts
+++ b/packages/app/src/hooks/api/use-benchmarks.ts
@@ -3,10 +3,15 @@ import { useQuery, keepPreviousData } from '@tanstack/react-query';
import { fetchBenchmarks } from '@/lib/api';
/** Shared query options — reused by useQueries for comparison dates. */
-export function benchmarkQueryOptions(model: string, date: string, enabled: boolean = true) {
+export function benchmarkQueryOptions(
+ model: string,
+ date: string,
+ enabled: boolean = true,
+ exact?: boolean,
+) {
return {
- queryKey: ['benchmarks', model, date] as const,
- queryFn: () => fetchBenchmarks(model, date),
+ queryKey: ['benchmarks', model, date, exact ? 'exact' : 'latest'] as const,
+ queryFn: () => fetchBenchmarks(model, date, exact),
enabled: enabled && Boolean(model),
};
}
diff --git a/packages/app/src/hooks/api/use-comparison-changelogs.ts b/packages/app/src/hooks/api/use-comparison-changelogs.ts
index 2262818..48aec9f 100644
--- a/packages/app/src/hooks/api/use-comparison-changelogs.ts
+++ b/packages/app/src/hooks/api/use-comparison-changelogs.ts
@@ -19,40 +19,46 @@ export function useComparisonChangelogs(
selectedDateRange: { startDate: string; endDate: string },
availableDates: string[],
) {
- const isComparisonMode =
- selectedGPUs.length > 0 && !!selectedDateRange.startDate && !!selectedDateRange.endDate;
+ const hasGPUs = selectedGPUs.length > 0;
+ const hasDateRange = !!selectedDateRange.startDate && !!selectedDateRange.endDate;
- // Query all available dates within the selected range
- const datesInRange = useMemo(() => {
- if (!isComparisonMode) return [];
+ // When GPUs selected: fetch all available dates. When date range also set: limit to range.
+ const datesToQuery = useMemo(() => {
+ if (!hasGPUs) return [];
+ if (!hasDateRange) return availableDates;
return availableDates.filter(
(d) => d >= selectedDateRange.startDate && d <= selectedDateRange.endDate,
);
- }, [isComparisonMode, availableDates, selectedDateRange.startDate, selectedDateRange.endDate]);
+ }, [
+ hasGPUs,
+ hasDateRange,
+ availableDates,
+ selectedDateRange.startDate,
+ selectedDateRange.endDate,
+ ]);
const queries = useQueries({
- queries: datesInRange.map((date) => ({
+ queries: datesToQuery.map((date) => ({
queryKey: ['workflow-info', date],
queryFn: () => fetchWorkflowInfo(date),
- enabled: isComparisonMode,
+ enabled: hasGPUs,
})),
});
const changelogs = useMemo(() => {
- if (!isComparisonMode) return [];
+ if (!hasGPUs) return [];
const results: ComparisonChangelog[] = [];
- for (let i = 0; i < datesInRange.length; i++) {
+ for (let i = 0; i < datesToQuery.length; i++) {
const query = queries[i];
if (!query.data) continue;
const data = query.data as WorkflowInfoResponse;
if (!data.changelogs || data.changelogs.length === 0) continue;
- // Include all changelogs for this date (across all runs)
results.push({
- date: datesInRange[i],
+ date: datesToQuery[i],
headRef: data.changelogs[data.changelogs.length - 1]?.head_ref,
runUrl: data.runs[data.runs.length - 1]?.html_url ?? undefined,
entries: data.changelogs.map((c: ChangelogRow) => ({
@@ -64,9 +70,18 @@ export function useComparisonChangelogs(
}
return results;
- }, [isComparisonMode, datesInRange, queries]);
+ }, [hasGPUs, datesToQuery, queries]);
+
+ // Intermediate dates with any changelog entries (excluding start/end when date range is set)
+ const intermediateDates = useMemo(() => {
+ if (!hasGPUs || !hasDateRange) return [];
+ return changelogs
+ .filter((c) => c.date !== selectedDateRange.startDate && c.date !== selectedDateRange.endDate)
+ .map((c) => c.date)
+ .sort();
+ }, [hasGPUs, hasDateRange, changelogs, selectedDateRange.startDate, selectedDateRange.endDate]);
const loading = queries.some((q) => q.isLoading);
- return { changelogs, loading, totalDatesQueried: datesInRange.length };
+ return { changelogs, intermediateDates, loading, totalDatesQueried: datesToQuery.length };
}
diff --git a/packages/app/src/lib/api.ts b/packages/app/src/lib/api.ts
index 107b774..63efd0e 100644
--- a/packages/app/src/lib/api.ts
+++ b/packages/app/src/lib/api.ts
@@ -94,9 +94,10 @@ async function fetchJson(url: string): Promise {
return res.json();
}
-export function fetchBenchmarks(model: string, date?: string) {
+export function fetchBenchmarks(model: string, date?: string, exact?: boolean) {
const params = new URLSearchParams({ model });
if (date) params.set('date', date);
+ if (exact) params.set('exact', 'true');
return fetchJson(`/api/v1/benchmarks?${params}`);
}
diff --git a/packages/db/src/queries/benchmarks.ts b/packages/db/src/queries/benchmarks.ts
index edbeca0..59673c7 100644
--- a/packages/db/src/queries/benchmarks.ts
+++ b/packages/db/src/queries/benchmarks.ts
@@ -38,9 +38,13 @@ export async function getLatestBenchmarks(
sql: NeonClient,
modelKey: string,
date?: string,
+ exact?: boolean,
): Promise {
if (date) {
// Date-filtered: use base table with DISTINCT ON (the view only has the absolute latest)
+ // exact=true: only return data from this exact date (for GPU comparison)
+ // exact=false (default): return latest data as of this date (for main chart)
+ const dateFilter = exact ? sql`br.date = ${date}::date` : sql`br.date <= ${date}::date`;
const rows = await sql`
SELECT DISTINCT ON (br.config_id, br.conc, br.isl, br.osl)
c.hardware,
@@ -71,7 +75,7 @@ export async function getLatestBenchmarks(
JOIN latest_workflow_runs wr ON wr.id = br.workflow_run_id
WHERE c.model = ${modelKey}
AND br.error IS NULL
- AND br.date <= ${date}::date
+ AND ${dateFilter}
ORDER BY br.config_id, br.conc, br.isl, br.osl, br.date DESC
`;
return rows as unknown as BenchmarkRow[];