administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-02-15 07:35:27 +03:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

clean up search settings view

Browse Source
This commit is contained in:
Josh Hawkins 2024-10-15 17:06:36 -05:00
parent 9d61fe3073
commit 53ac693938
1 changed files with 64 additions and 57 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

63
web/src/views/settings/SearchSettingsView.tsx
View File

@ -125,7 +125,7 @@ export default function SearchSettingsView({
if (changedValue) { if (changedValue) {
addMessage( addMessage(
"search_settings", "search_settings",
`Unsaved search settings changes)`, `Unsaved search settings changes`,
undefined, undefined,
"search_settings", "search_settings",
); );
@ -151,15 +151,20 @@ export default function SearchSettingsView({
<Heading as="h3" className="my-2"> <Heading as="h3" className="my-2">
Search Settings Search Settings
</Heading> </Heading>
<div className="my-3 space-y-3 text-sm text-muted-foreground"> <Separator className="my-2 flex bg-secondary" />
<Heading as="h4" className="my-2">
Semantic Search
</Heading>
<div className="max-w-6xl">
<div className="mb-5 mt-2 flex max-w-5xl flex-col gap-2 text-sm text-primary-variant">
<p> <p>
Semantic Search in Frigate allows you to find tracked objects within Semantic Search in Frigate allows you to find tracked objects
your review items using either the image itself, a user-defined text within your review items using either the image itself, a
description, or an automatically generated one. This feature works user-defined text description, or an automatically generated one.
by creating embeddings — numerical vector representations — for both This feature works by creating embeddings — numerical vector
the images and text descriptions of your tracked objects. By representations — for both the images and text descriptions of
comparing these embeddings, Frigate assesses their similarities to your tracked objects. By comparing these embeddings, Frigate
deliver relevant search results. assesses their similarities to deliver relevant search results.
</p> </p>
<div className="flex items-center text-primary"> <div className="flex items-center text-primary">
@ -169,13 +174,14 @@ export default function SearchSettingsView({
rel="noopener noreferrer" rel="noopener noreferrer"
className="inline" className="inline"
> >
Read the documentation Read the Documentation
<LuExternalLink className="ml-2 inline-flex size-3" /> <LuExternalLink className="ml-2 inline-flex size-3" />
</Link> </Link>
</div> </div>
</div> </div>
<Separator className="my-2 flex bg-secondary" /> </div>
<div className="flex w-full flex-col space-y-6">
<div className="flex w-full max-w-lg flex-col space-y-6">
<div className="flex flex-row items-center justify-between"> <div className="flex flex-row items-center justify-between">
<div className="space-y-0.5"> <div className="space-y-0.5">
<Label htmlFor="improve-contrast">Enabled</Label> <Label htmlFor="improve-contrast">Enabled</Label>
@ -210,23 +216,24 @@ export default function SearchSettingsView({
/> />
</div> </div>
<Separator className="my-2 flex bg-secondary" /> <Separator className="my-2 flex bg-secondary" />
<div className="mt-2 space-y-3"> <div className="mt-2 flex flex-row space-x-5 space-y-3">
<div className="space-y-0.5"> <div className="space-y-0.5">
<div className="text-md">Model Size</div> <div className="text-sm">Model Size</div>
<div className="my-2 space-y-1 text-sm text-muted-foreground"> <div className="my-2 space-y-1 text-sm text-muted-foreground">
<p> <p>
Configure the size of the model used for semantic search The size of the model used for semantic search embeddings.
embeddings:
</p>
<p>
• Configuring the <em>small</em> model employs a quantized
version of the model that uses much less RAM and runs faster
on CPU with a very negligible difference in embedding quality.
</p>
<p>
• Configuring the <em>large</em> model employs the full Jina
model and will automatically run on the GPU if applicable.
</p> </p>
<ul className="list-disc pl-5 text-sm">
<li>
Using <em>small</em> employs a quantized version of the
model that uses much less RAM and runs faster on CPU with a
very negligible difference in embedding quality.
</li>
<li>
Using <em>large</em> employs the full Jina model and will
automatically run on the GPU if applicable.
</li>
</ul>
</div> </div>
</div> </div>
<Select <Select
@ -256,8 +263,9 @@ export default function SearchSettingsView({
</Select> </Select>
</div> </div>
</div> </div>
<div className="flex flex-1 flex-col justify-end"> <Separator className="my-2 flex bg-secondary" />
<div className="flex flex-row gap-2 pt-5">
<div className="flex w-full flex-row items-center gap-2 pt-2 md:w-[25%]">
<Button className="flex flex-1" onClick={onCancel}> <Button className="flex flex-1" onClick={onCancel}>
Reset Reset
</Button> </Button>
@ -279,6 +287,5 @@ export default function SearchSettingsView({
</div> </div>
</div> </div>
</div> </div>
</div>
); );
} }