diff --git a/web/public/locales/en/views/system.json b/web/public/locales/en/views/system.json index 2732112cd..c4c6fd4f6 100644 --- a/web/public/locales/en/views/system.json +++ b/web/public/locales/en/views/system.json @@ -42,6 +42,7 @@ "inferenceSpeed": "Detector Inference Speed", "temperature": "Detector Temperature", "cpuUsage": "Detector CPU Usage", + "cpuUsageInformation": "CPU used in preparing input and output data to/from detection models. This value does not measure inference usage, even if using a GPU or accelerator.", "memoryUsage": "Detector Memory Usage" }, "hardwareInfo": { diff --git a/web/src/views/system/GeneralMetrics.tsx b/web/src/views/system/GeneralMetrics.tsx index 2ef7ce8d9..6d22942fb 100644 --- a/web/src/views/system/GeneralMetrics.tsx +++ b/web/src/views/system/GeneralMetrics.tsx @@ -11,11 +11,17 @@ import { InferenceThreshold, } from "@/types/graph"; import { Button } from "@/components/ui/button"; +import { + Popover, + PopoverContent, + PopoverTrigger, +} from "@/components/ui/popover"; import GPUInfoDialog from "@/components/overlay/GPUInfoDialog"; import { Skeleton } from "@/components/ui/skeleton"; import { ThresholdBarGraph } from "@/components/graph/SystemGraph"; import { cn } from "@/lib/utils"; import { useTranslation } from "react-i18next"; +import { CiCircleAlert } from "react-icons/ci"; type GeneralMetricsProps = { lastUpdated: number; @@ -548,7 +554,27 @@ export default function GeneralMetrics({ )} {statsHistory.length != 0 ? (