import { Suspense } from "react";
import { EditorShell } from "../../../components/editor/EditorShell";
import { aristotleFixture } from "../../../lib/fixtures/aristotle";

// M1: every projectId resolves to the Aristotle fixture.
// M4–M5 wire this to a real database lookup.
//
// Suspense boundary required because EditorShell uses useSearchParams (for
// the M4 ?break=... demo of validation rules).
export default async function EditorPage(_props: { params: Promise<{ projectId: string }> }) {
  return (
    <Suspense fallback={null}>
      <EditorShell data={aristotleFixture} />
    </Suspense>
  );
}