feat(challenges): implement GatedAIAssistant

Author: pan93412

app/(app)/challenges/[id]/_components/gated-ai-assistant.tsx

@@ -0,0 +1,13 @@
+"use server";
+
+import { getAuthorizedUserInfo } from "@/lib/auth.rsc";
+import { AIAssistant, type AIAssistantProps } from "./ai-assistant";
+
+export async function GatedAIAssistant({ questionId }: AIAssistantProps) {
+  const userInfo = await getAuthorizedUserInfo(["*", "ai"]);
+  if (!userInfo) {
+    return null;
+  }
+
+  return <AIAssistant questionId={questionId} />;
+}

app/(app)/challenges/[id]/page.tsx

@@ -1,6 +1,6 @@
 import type { Metadata } from "next";
 import { Suspense } from "react";
-import { AIAssistant } from "./_components/ai-assistant";
+import { GatedAIAssistant } from "./_components/gated-ai-assistant";
 import Header from "./_components/header";
 import HeaderSkeleton from "./_components/header/skeleton";
 import PracticeIDE from "./_components/ide";
@@ -26,7 +26,9 @@ export default async function ChallengePage({
         <PracticeIDE id={id} />
       </Suspense>
 
-      <AIAssistant questionId={id} />
+      <Suspense>
+        <GatedAIAssistant questionId={id} />
+      </Suspense>
     </div>
   );
 }