code: tsx,nextjs,frontends (3 files)

frontends/nextjs/src/components/level/levels/Level2.tsx

@@ -15,7 +15,7 @@ import { CommentsList } from './level2/CommentsList'
 import { AppHeader } from './shared/AppHeader'
 import type { User as UserType, Comment } from '@/lib/level-types'
 
-interface Level2Props {
+export interface Level2Props {
   user: UserType
   onLogout: () => void
   onNavigate: (level: number) => void

frontends/nextjs/src/components/level/levels/Level5.tsx

@@ -37,7 +37,7 @@ import { Database } from '@/lib/database'
 import { createPowerTransferRequest } from '@/lib/api/power-transfers'
 import { useKV } from '@github/spark/hooks'
 
-interface Level5Props {
+export interface Level5Props {
   user: User
   onLogout: () => void
   onNavigate: (level: AppLevel) => void

frontends/nextjs/src/components/level/panels/ModeratorPanel.tsx

@@ -20,7 +20,7 @@ import { AppHeader } from '@/components/shared/AppHeader'
 
 const FLAGGED_TERMS = ['spam', 'error', 'abuse', 'illegal', 'urgent', 'offensive']
 
-interface ModeratorPanelProps {
+export interface ModeratorPanelProps {
   user: User
   onLogout: () => void
   onNavigate: (level: number) => void