fix(academy): reset completedRef on exercise change, conditional verified badge, multi-select empty guard

Author: waleedlatif1

apps/sim/app/academy/(catalog)/certificate/[certificateNumber]/page.tsx

@@ -2,7 +2,7 @@ import { cache } from 'react'
 import { db } from '@sim/db'
 import { academyCertificate } from '@sim/db/schema'
 import { eq } from 'drizzle-orm'
-import { CheckCircle2, GraduationCap } from 'lucide-react'
+import { CheckCircle2, GraduationCap, XCircle } from 'lucide-react'
 import type { Metadata } from 'next'
 import { notFound } from 'next/navigation'
 import type { AcademyCertificate } from '@/lib/academy/types'
@@ -77,10 +77,17 @@ export default async function CertificatePage({ params }: CertificatePageProps)
             </p>
           )}
 
-          <div className='flex items-center justify-center gap-2 text-[#4CAF50]'>
-            <CheckCircle2 className='h-4 w-4' />
-            <span className='font-[430] text-[14px]'>Verified</span>
-          </div>
+          {certificate.status === 'active' ? (
+            <div className='flex items-center justify-center gap-2 text-[#4CAF50]'>
+              <CheckCircle2 className='h-4 w-4' />
+              <span className='font-[430] text-[14px]'>Verified</span>
+            </div>
+          ) : (
+            <div className='flex items-center justify-center gap-2 text-[#f44336]'>
+              <XCircle className='h-4 w-4' />
+              <span className='font-[430] text-[14px] capitalize'>{certificate.status}</span>
+            </div>
+          )}
         </div>
 
         <div className='mt-6 divide-y divide-[#2A2A2A] rounded-[8px] border border-[#2A2A2A] bg-[#222]'>

apps/sim/app/academy/[courseSlug]/[lessonSlug]/components/lesson-quiz.tsx

@@ -62,7 +62,11 @@ export function LessonQuiz({ lessonId, quizConfig, onPass }: LessonQuizProps) {
     })
   }
 
-  const allAnswered = quizConfig.questions.every((_, i) => answers[i] !== undefined)
+  const allAnswered = quizConfig.questions.every((q, i) => {
+    if (q.type === 'multi_select')
+      return Array.isArray(answers[i]) && (answers[i] as number[]).length > 0
+    return answers[i] !== undefined
+  })
 
   const handleSubmit = () => {
     const scored = scoreQuiz(quizConfig.questions, answers, quizConfig.passingScore)

apps/sim/app/academy/components/sandbox-canvas-provider.tsx

@@ -196,6 +196,8 @@ export function SandboxCanvasProvider({
   }, [workflowId, exerciseConfig.validationRules])
 
   useEffect(() => {
+    completedRef.current = false
+
     const workflowState = buildWorkflowState(
       exerciseConfig.initialBlocks ?? [],
       exerciseConfig.initialEdges ?? []