webui/src/features/settings/FileAuditSection.jsx

export default function FileAuditSection({ t, form, setForm }) {
    return (
        <div className="bg-card border border-border rounded-xl p-5 space-y-4">
            <div className="space-y-1">
                <h3 className="font-semibold">{t('settings.fileAuditTitle')}</h3>
                <p className="text-sm text-muted-foreground">{t('settings.fileAuditDesc')}</p>
            </div>
            <label className="flex items-start gap-3 rounded-lg border border-border bg-background/60 p-4">
                <input
                    type="checkbox"
                    checked={Boolean(form.file_audit?.strict)}
                    onChange={(e) => setForm((prev) => ({
                        ...prev,
                        file_audit: {
                            ...prev.file_audit,
                            strict: e.target.checked,
                        },
                    }))}
                    className="mt-1 h-4 w-4 rounded border-border"
                />
                <div className="space-y-1">
                    <span className="text-sm font-medium block">{t('settings.fileAuditEnabled')}</span>
                    <span className="text-xs text-muted-foreground block">{t('settings.fileAuditHelp')}</span>
                </div>
            </label>
        </div>
    )
}