Mirrors/blakeblackshear.frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-03-07 02:18:07 +01:00
Code Issues Projects Releases Wiki Activity

UI improvements (#19659)

Browse Source 
* Add indicator when GenAI review infers suspicious activity

* Fix score filtering logic

* Enable mobile view for classification and optimize for mobile layout

* Add missing keys

* Don't require face rec

* fix key
This commit is contained in:
Nicolas Mowen
2025-08-20 07:28:47 -06:00
committed by GitHub
parent 9fb09408d1
commit 361014f01c
8 changed files with 100 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
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,45 @@ 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">
{review.data.metadata.potential_threat_level == 1 ? (
<>{t("suspiciousActivity", { ns: "views/events" })}</>
) : (
<>{t("threateningActivity", { ns: "views/events" })}</>
)}
</TooltipContent>
</Tooltip>
)}
</div>
{!playingBack && (
<div