feat: add export KB button in documents toolbar

surfsense_web/components/documents/DocumentsFilters.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { FolderPlus, ListFilter, Search, Upload, X } from "lucide-react";
+import { Download, FolderPlus, ListFilter, Search, Upload, X } from "lucide-react";
 import { useTranslations } from "next-intl";
 import React, { useCallback, useMemo, useRef, useState } from "react";
 import { useDocumentUploadDialog } from "@/components/assistant-ui/document-upload-popup";
@@ -20,6 +20,7 @@ export function DocumentsFilters({
 	onToggleType,
 	activeTypes,
 	onCreateFolder,
+	onExportKB,
 }: {
 	typeCounts: Partial<Record<DocumentTypeEnum, number>>;
 	onSearch: (v: string) => void;
@@ -27,6 +28,7 @@ export function DocumentsFilters({
 	onToggleType: (type: DocumentTypeEnum, checked: boolean) => void;
 	activeTypes: DocumentTypeEnum[];
 	onCreateFolder?: () => void;
+	onExportKB?: () => void;
 }) {
 	const t = useTranslations("documents");
 	const id = React.useId();
@@ -84,6 +86,24 @@ export function DocumentsFilters({
 						</Tooltip>
 					)}
 
+					{onExportKB && (
+						<Tooltip>
+							<TooltipTrigger asChild>
+								<ToggleGroupItem
+									value="export"
+									className="h-9 w-9 shrink-0 border-sidebar-border text-sidebar-foreground/60 hover:text-sidebar-foreground hover:border-sidebar-border bg-sidebar"
+									onClick={(e) => {
+										e.preventDefault();
+										onExportKB();
+									}}
+								>
+									<Download size={14} />
+								</ToggleGroupItem>
+							</TooltipTrigger>
+							<TooltipContent>Export knowledge base</TooltipContent>
+						</Tooltip>
+					)}
+
 					<Popover>
 						<Tooltip>
 							<TooltipTrigger asChild>

surfsense_web/components/layout/ui/sidebar/DocumentsSidebar.tsx

@@ -800,6 +800,7 @@ export function DocumentsSidebar({
 						onToggleType={onToggleType}
 						activeTypes={activeTypes}
 						onCreateFolder={() => handleCreateFolder(null)}
+						onExportKB={() => toast("Export KB clicked (placeholder)")}
 					/>
 				</div>