diff --git a/console/workspaces/pages/eval/src/ViewMonitor.Component.tsx b/console/workspaces/pages/eval/src/ViewMonitor.Component.tsx index be9914217..3ac303a5d 100644 --- a/console/workspaces/pages/eval/src/ViewMonitor.Component.tsx +++ b/console/workspaces/pages/eval/src/ViewMonitor.Component.tsx @@ -19,6 +19,7 @@ import React, { useMemo } from "react"; import { PageLayout } from "@agent-management-platform/views"; import { + Chip, CircularProgress, Grid, IconButton, @@ -101,6 +102,7 @@ export const ViewMonitorComponent: React.FC = () => { "Selected period", [timeRange], ); + const commonParams = useMemo( () => ({ monitorName: monitorId ?? "", @@ -135,6 +137,21 @@ export const ViewMonitorComponent: React.FC = () => { const isLoading = isMonitorLoading || isScoresMainLoading; const isRefetching = isMonitorRefetching || isScoresMainRefetching; + const isHistorical = monitorData?.type === "past"; + + const historicalRangeLabel = useMemo(() => { + if (!isHistorical) return null; + const fmt = (iso?: string) => + iso + ? new Date(iso).toLocaleDateString(undefined, { + year: "numeric", + month: "short", + day: "numeric", + }) + : "—"; + return `${fmt(monitorData?.traceStart)} – ${fmt(monitorData?.traceEnd)}`; + }, [isHistorical, monitorData?.traceStart, monitorData?.traceEnd]); + // ── raw evaluator arrays ───────────────────────────────────────────────── const evaluators = useMemo(() => scoresMain?.evaluators ?? [], [scoresMain]); @@ -323,26 +340,34 @@ export const ViewMonitorComponent: React.FC = () => { )} actions={ - + {isHistorical ? ( + } + label={historicalRangeLabel} + variant="outlined" + /> + ) : ( + + )}