administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-02-15 15:45: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

121
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,31 +151,37 @@ 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" />
<p> <Heading as="h4" className="my-2">
Semantic Search in Frigate allows you to find tracked objects within Semantic Search
your review items using either the image itself, a user-defined text </Heading>
description, or an automatically generated one. This feature works <div className="max-w-6xl">
by creating embeddings — numerical vector representations — for both <div className="mb-5 mt-2 flex max-w-5xl flex-col gap-2 text-sm text-primary-variant">
the images and text descriptions of your tracked objects. By <p>
comparing these embeddings, Frigate assesses their similarities to Semantic Search in Frigate allows you to find tracked objects
deliver relevant search results. within your review items using either the image itself, a
</p> user-defined text description, or an automatically generated one.
This feature works by creating embeddings — numerical vector
representations — for both the images and text descriptions of
your tracked objects. By comparing these embeddings, Frigate
assesses their similarities to deliver relevant search results.
</p>
<div className="flex items-center text-primary"> <div className="flex items-center text-primary">
<Link <Link
to="https://docs.frigate.video/configuration/semantic_search" to="https://docs.frigate.video/configuration/semantic_search"
target="_blank" target="_blank"
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> </div>
<Separator className="my-2 flex bg-secondary" />
<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,27 +263,27 @@ 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">
<Button className="flex flex-1" onClick={onCancel}> <div className="flex w-full flex-row items-center gap-2 pt-2 md:w-[25%]">
Reset <Button className="flex flex-1" onClick={onCancel}>
</Button> Reset
<Button </Button>
variant="select" <Button
disabled={!changedValue || isLoading} variant="select"
className="flex flex-1" disabled={!changedValue || isLoading}
onClick={saveToConfig} className="flex flex-1"
> onClick={saveToConfig}
{isLoading ? ( >
<div className="flex flex-row items-center gap-2"> {isLoading ? (
<ActivityIndicator /> <div className="flex flex-row items-center gap-2">
<span>Saving...</span> <ActivityIndicator />
</div> <span>Saving...</span>
) : ( </div>
"Save" ) : (
)} "Save"
</Button> )}
</div> </Button>
</div> </div>
</div> </div>
</div> </div>