All files / components/windows PredictiveDashboardContent.tsx

0% Statements 0/28
0% Branches 0/1
0% Functions 0/1
0% Lines 0/28

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42                                                                                   
'use client';
/**
 * Predictive Dashboard window host
 * Loads the CollectiveAdaptiveDashboard lazily inside OS Window content.
 */
import React, { lazy, Suspense } from 'react';
import { motion } from 'framer-motion';
 
const CollectiveAdaptiveDashboard = lazy(() =>
  import('@/lib/awareness/collective/CollectiveAdaptiveDashboard').then(m => ({
    default: m.CollectiveAdaptiveDashboard,
  }))
);
 
function LoadingFallback() {
  return (
    <div
      style={{
        display: 'flex', justifyContent: 'center', alignItems: 'center',
        height: '100%', color: '#0c7a7a', fontSize: 14,
      }}
    >
      Initializing Predictive Layer...
    </div>
  );
}
 
export default function PredictiveDashboardContent() {
  return (
    <motion.div
      initial={{ opacity: 0 }}
      animate={{ opacity: 1 }}
      transition={{ duration: 0.5 }}
      style={{ width: '100%', height: '100%', background: '#010508' }}
    >
      <Suspense fallback={<LoadingFallback />}>
        <CollectiveAdaptiveDashboard />
      </Suspense>
    </motion.div>
  );
}