{item.date}
+ {datesOnChart.has(item.date) ? (
+
+
+ On chart
+
+ ) : (
+
+ )}
{item.entries.length > 0 ? (
<>
—
diff --git a/packages/app/src/hooks/api/use-comparison-changelogs.ts b/packages/app/src/hooks/api/use-comparison-changelogs.ts
index 48aec9f..3b1aed2 100644
--- a/packages/app/src/hooks/api/use-comparison-changelogs.ts
+++ b/packages/app/src/hooks/api/use-comparison-changelogs.ts
@@ -72,16 +72,7 @@ export function useComparisonChangelogs(
return results;
}, [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, intermediateDates, loading, totalDatesQueried: datesToQuery.length };
+ return { changelogs, loading, totalDatesQueried: datesToQuery.length };
}
From 0f3b51ac7753dec84c364c62d3f13da18b9e437d Mon Sep 17 00:00:00 2001
From: adibarra <93070681+adibarra@users.noreply.github.com>
Date: Wed, 1 Apr 2026 17:18:53 -0500
Subject: [PATCH 02/12] feat: clicking "On chart" removes date from chart
---
.../components/inference/ui/ChartDisplay.tsx | 3 +++
.../inference/ui/ComparisonChangelog.tsx | 24 +++++++++++++++----
2 files changed, 23 insertions(+), 4 deletions(-)
diff --git a/packages/app/src/components/inference/ui/ChartDisplay.tsx b/packages/app/src/components/inference/ui/ChartDisplay.tsx
index 868c932..a9c3423 100644
--- a/packages/app/src/components/inference/ui/ChartDisplay.tsx
+++ b/packages/app/src/components/inference/ui/ChartDisplay.tsx
@@ -695,6 +695,9 @@ export default function ChartDisplay() {
setSelectedDates([...selectedDates, date]);
}
}}
+ onRemoveDate={(date) => {
+ setSelectedDates(selectedDates.filter((d) => d !== date));
+ }}
onAddAllDates={(dates) => {
const merged = [...new Set([...selectedDates, ...dates])];
setSelectedDates(merged);
diff --git a/packages/app/src/components/inference/ui/ComparisonChangelog.tsx b/packages/app/src/components/inference/ui/ComparisonChangelog.tsx
index cc0bf3c..3f0523d 100644
--- a/packages/app/src/components/inference/ui/ComparisonChangelog.tsx
+++ b/packages/app/src/components/inference/ui/ComparisonChangelog.tsx
@@ -22,6 +22,7 @@ interface ComparisonChangelogProps {
selectedDates: string[];
selectedDateRange: { startDate: string; endDate: string };
onAddDate: (date: string) => void;
+ onRemoveDate: (date: string) => void;
onAddAllDates: (dates: string[]) => void;
}
@@ -34,6 +35,7 @@ export default function ComparisonChangelog({
selectedDates,
selectedDateRange,
onAddDate,
+ onRemoveDate,
onAddAllDates,
}: ComparisonChangelogProps) {
const [isExpanded, setIsExpanded] = useState(true);
@@ -132,10 +134,24 @@ export default function ComparisonChangelog({
{item.date}
{datesOnChart.has(item.date) ? (
-
-
- On chart
-
+ selectedDates.includes(item.date) ? (
+
+ ) : (
+
+
+ On chart
+
+ )
) : (
) : (
-
+
On chart
)
From c1d82e6d775bcd5d3e97960b83fa73a994583d57 Mon Sep 17 00:00:00 2001
From: adibarra <93070681+adibarra@users.noreply.github.com>
Date: Wed, 1 Apr 2026 17:34:35 -0500
Subject: [PATCH 04/12] feat: always show range endpoints in changelog even
without entries
---
.../inference/ui/ComparisonChangelog.tsx | 42 ++++++++++++-------
1 file changed, 27 insertions(+), 15 deletions(-)
diff --git a/packages/app/src/components/inference/ui/ComparisonChangelog.tsx b/packages/app/src/components/inference/ui/ComparisonChangelog.tsx
index ea79c7e..8c2d7ac 100644
--- a/packages/app/src/components/inference/ui/ComparisonChangelog.tsx
+++ b/packages/app/src/components/inference/ui/ComparisonChangelog.tsx
@@ -40,25 +40,37 @@ export default function ComparisonChangelog({
}: ComparisonChangelogProps) {
const [isExpanded, setIsExpanded] = useState(true);
- // Filter changelog entries to only show those matching selected GPUs and precisions
+ // Filter changelog entries to only show those matching selected GPUs and precisions.
+ // Always keep range endpoints visible even if they have no matching entries.
const filteredChangelogs = useMemo(() => {
const precSet = new Set(selectedPrecisions);
+ const rangeEndpoints = new Set();
+ if (selectedDateRange.startDate) rangeEndpoints.add(selectedDateRange.startDate);
+ if (selectedDateRange.endDate) rangeEndpoints.add(selectedDateRange.endDate);
- return changelogs
- .map((item) => ({
- ...item,
- entries: item.entries.filter((entry) =>
- entry.config_keys.some((key) => {
- const precision = key.split('-')[1];
- return (
- precSet.has(precision) && selectedGPUs.some((gpu) => configKeyMatchesHwKey(key, gpu))
- );
- }),
- ),
- }))
- .filter((item) => item.entries.length > 0)
+ const mapped = changelogs.map((item) => ({
+ ...item,
+ entries: item.entries.filter((entry) =>
+ entry.config_keys.some((key) => {
+ const precision = key.split('-')[1];
+ return (
+ precSet.has(precision) && selectedGPUs.some((gpu) => configKeyMatchesHwKey(key, gpu))
+ );
+ }),
+ ),
+ }));
+
+ // Ensure range endpoints are always present
+ for (const endpoint of rangeEndpoints) {
+ if (!mapped.some((item) => item.date === endpoint)) {
+ mapped.push({ date: endpoint, entries: [] });
+ }
+ }
+
+ return mapped
+ .filter((item) => item.entries.length > 0 || rangeEndpoints.has(item.date))
.sort((a, b) => new Date(a.date).getTime() - new Date(b.date).getTime());
- }, [changelogs, selectedGPUs, selectedPrecisions]);
+ }, [changelogs, selectedGPUs, selectedPrecisions, selectedDateRange]);
const datesOnChart = useMemo(() => {
const set = new Set(selectedDates);
From 9f4c1c356e9aaa95941a23c36832e72d5d64eebf Mon Sep 17 00:00:00 2001
From: adibarra <93070681+adibarra@users.noreply.github.com>
Date: Wed, 1 Apr 2026 17:36:18 -0500
Subject: [PATCH 05/12] fix: move no-changes message to next line matching
entry layout
---
.../inference/ui/ComparisonChangelog.tsx | 26 ++++++++++---------
1 file changed, 14 insertions(+), 12 deletions(-)
diff --git a/packages/app/src/components/inference/ui/ComparisonChangelog.tsx b/packages/app/src/components/inference/ui/ComparisonChangelog.tsx
index 8c2d7ac..c5333b8 100644
--- a/packages/app/src/components/inference/ui/ComparisonChangelog.tsx
+++ b/packages/app/src/components/inference/ui/ComparisonChangelog.tsx
@@ -203,19 +203,21 @@ export default function ComparisonChangelog({
)}
- ) : (
-
- {item.date < '2025-12-30'
- ? 'No changelog data (tracking began Dec 30, 2025)'
- : 'No config changes recorded'}
-
- )}
+ ) : null}
- {item.entries.map((entry, entryIndex) => (
-
- {formatChangelogDescription(entry.description)}
-
- ))}
+ {item.entries.length > 0 ? (
+ item.entries.map((entry, entryIndex) => (
+
+ {formatChangelogDescription(entry.description)}
+
+ ))
+ ) : (
+
+ {item.date < '2025-12-30'
+ ? 'No changelog data (tracking began Dec 30, 2025)'
+ : 'No config changes recorded'}
+
+ )}
))
)}
From 42c8b8eb07bf121f86927cd2c6f3810b5b55e62c Mon Sep 17 00:00:00 2001
From: adibarra <93070681+adibarra@users.noreply.github.com>
Date: Wed, 1 Apr 2026 17:39:04 -0500
Subject: [PATCH 06/12] fix: differentiate initial config vs unchanged config
in changelog
---
.../app/src/components/inference/ui/ComparisonChangelog.tsx | 4 +++-
1 file changed, 3 insertions(+), 1 deletion(-)
diff --git a/packages/app/src/components/inference/ui/ComparisonChangelog.tsx b/packages/app/src/components/inference/ui/ComparisonChangelog.tsx
index c5333b8..9e14de2 100644
--- a/packages/app/src/components/inference/ui/ComparisonChangelog.tsx
+++ b/packages/app/src/components/inference/ui/ComparisonChangelog.tsx
@@ -215,7 +215,9 @@ export default function ComparisonChangelog({