klbr/khoj
1
0
Fork 0
mirror of https://github.com/khoaliber/khoj.git synced 2026-03-02 13:18:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

Ease bulk (de-)selecting of files to add/remove to agent knowledge base

Browse Source 
Add select all, deselect all buttons to select all (filtered) files to
add, remove from an agent's knowledge base.
This commit is contained in:
Debanjum
2025-06-27 14:43:11 -07:00
parent 3bb4e63f3e
commit 1566e3c74d
1 changed files with 42 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
src/interface/web/app/components/agentCard/agentCard.tsx
View File

@@ -533,6 +533,7 @@ export function AgentModificationForm(props: AgentModificationFormProps) {
const [uploadedFiles, setUploadedFiles] = useState<string[]>([]);
const [allFileOptions, setAllFileOptions] = useState<string[]>([]);
const [currentStep, setCurrentStep] = useState(0);
const [fileSearchValue, setFileSearchValue] = useState("");
const [showSubscribeDialog, setShowSubscribeDialog] = useState(false);
@@ -1044,10 +1045,50 @@ export function AgentModificationForm(props: AgentModificationFormProps) {
</div>
</div>
</div>
<CommandInput placeholder="Select files..." />
<CommandInput
placeholder="Select files..."
value={fileSearchValue}
onValueChange={setFileSearchValue}
/>
<CommandList>
<CommandEmpty>No files found.</CommandEmpty>
<CommandGroup>
<div className="flex gap-2 px-2 py-1 border-b">
<Button
type="button"
variant="ghost"
size="sm"
className="h-6 px-2 text-xs"
onClick={(e) => {
e.stopPropagation();
const filteredFiles = allFileOptions.filter(file =>
file.toLowerCase().includes(fileSearchValue.toLowerCase())
);
const currentFiles = props.form.getValues("files") || [];
const newFiles = [...new Set([...currentFiles, ...filteredFiles])];
props.form.setValue("files", newFiles);
}}
>
Select All
</Button>
<Button
type="button"
variant="ghost"
size="sm"
className="h-6 px-2 text-xs"
onClick={(e) => {
e.stopPropagation();
const filteredFiles = allFileOptions.filter(file =>
file.toLowerCase().includes(fileSearchValue.toLowerCase())
);
const currentFiles = props.form.getValues("files") || [];
const newFiles = currentFiles.filter(file => !filteredFiles.includes(file));
props.form.setValue("files", newFiles);
}}
>
Deselect All
</Button>
</div>
{allFileOptions.map((file) => (
<CommandItem
value={file}