Submatter/apps/web/app/(app)/[workspaceSlug]/ai/page.tsx

import { Suspense } from "react";

import { AIWorkspace } from "@/components/ai/ai-workspace";

export default async function AIPage({
  params,
}: {
  params: Promise<{ workspaceSlug: string }>;
}) {
  const { workspaceSlug } = await params;

  return (
    <Suspense
      fallback={
        <p role="status" className="p-6">
          Loading AI workspace…
        </p>
      }
    >
      <AIWorkspace key={workspaceSlug} workspaceSlug={workspaceSlug} />
    </Suspense>
  );
}