administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-04-28 01:27:41 +03:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Add indicator when GenAI review infers suspicious activity

Browse Source
This commit is contained in:
Nicolas Mowen 2025-08-20 06:34:42 -06:00
parent 9fb09408d1
commit 5ed7e47c56
1 changed files with 57 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

59
web/src/components/player/PreviewThumbnailPlayer.tsx
View File

@ -22,6 +22,8 @@ import { InProgressPreview, VideoPreview } from "../preview/ScrubbablePreview";
import { Preview } from "@/types/preview";
import { baseUrl } from "@/api/baseUrl";
import { useTranslation } from "react-i18next";
import { FaExclamationTriangle } from "react-icons/fa";
import { MdOutlinePersonSearch } from "react-icons/md";
type PreviewPlayerProps = {
review: ReviewSegment;
@ -234,7 +236,12 @@ export default function PreviewThumbnailPlayer({
)}
/>
)}
<div className={cn("absolute left-0 top-2", !isSafari && "z-40")}>
<div
className={cn(
"absolute left-0 top-2 flex gap-2",
!isSafari && "z-40",
)}
>
<Tooltip>
<div
className="flex"
@ -242,7 +249,7 @@ export default function PreviewThumbnailPlayer({
onMouseLeave={() => setTooltipHovering(false)}
>
<TooltipTrigger asChild>
<div className="mx-3 pb-1 text-sm text-white">
<div className="ml-3 pb-1 text-sm text-white">
{(review.severity == "alert" ||
review.severity == "detection") && (
<>
@ -279,6 +286,54 @@ export default function PreviewThumbnailPlayer({
.replaceAll("-verified", "")}
</TooltipContent>
</Tooltip>
{!!(
review.data.metadata?.potential_threat_level &&
!review.has_been_reviewed
) && (
<Tooltip>
<div
className="flex"
onMouseEnter={() => setTooltipHovering(true)}
onMouseLeave={() => setTooltipHovering(false)}
>
<TooltipTrigger asChild>
<div className="pb-1 text-sm text-white">
{(review.severity == "alert" ||
review.severity == "detection") && (
<>
<Chip
className={`flex items-start justify-between space-x-1 ${playingBack ? "hidden" : ""} z-0 bg-gray-500 bg-gradient-to-br from-gray-400 to-gray-500`}
onClick={() => onClick(review, false, true)}
>
{review.data.metadata.potential_threat_level == 1 ? (
<MdOutlinePersonSearch className="size-3" />
) : (
<FaExclamationTriangle className="size-3" />
)}
</Chip>
</>
)}
</div>
</TooltipTrigger>
</div>
<TooltipContent className="smart-capitalize">
{[
...new Set([
...(review.data.objects || []),
...(review.data.sub_labels || []),
...(review.data.audio || []),
]),
]
.filter(
(item) => item !== undefined && !item.includes("-verified"),
)
.map((text) => capitalizeFirstLetter(text))
.sort()
.join(", ")
.replaceAll("-verified", "")}
</TooltipContent>
</Tooltip>
)}
</div>
{!playingBack && (
<div