VERVE DYNAMICS —
NỀN TẢNG TELEMETRY TỰ HÀNH

// Next.js 15 Partial Prerendering (PPR): Autonomous Hardware Showcase
import { Suspense } from 'react';
import { HardwareTelemetryStream } from '@/components/hardware-stream';
import { StaticHullDossier } from '@/components/static-hull';

export const experimental_ppr = true;

export default async function VervePayloadPage({ params }: { params: { modelId: string } }) {
  // 1. Static Hull: Prerendered at build time, cached on Cloudflare Edge (TTFB < 24ms)
  return (
    <div className="telemetry-grid grid grid-cols-12 gap-6 bg-[#0e0e0e]">
      <section className="col-span-12 lg:col-span-7">
        <StaticHullDossier modelId={params.modelId} />
      </section>

      {/* 2. Dynamic Hole: Stream live kinematic telemetry via Edge Suspense */}
      <section className="col-span-12 lg:col-span-5">
        <Suspense fallback={<TelemetrySkeletonPulse />}>
          <HardwareTelemetryStream 
            modelId={params.modelId} 
            frequencyHz={60}
            telemetryEndpoint="https://edge.vervedynamics.io/telemetry/v2"
          />
        </Suspense>
      </section>
    </div>
  );
}