You’re serving almost the same content for both human and crawler-only views, with completely different functionality around that content. This is kind of okay at the moment. However, as soon as Google feels comfortable enough with JS, it will inevitably become a form of cloaking - this already having a “workaround” status and possibly impacting page performance metrics that jointly constitute a Google ranking signal.
With Google moving to an evergreen bot, it’s our belief that moment is not really far away and we’re curious about your strategy should the above happen.