import React, { useState, useEffect } from 'react'; import { generateQuizAjax } from '../lib/api'; import { verifyCloudModelAjax } from '../lib/cloud-api'; export default function Quiz({ content, onClose, onVerificationPanelChange }) { const [isLoading, setIsLoading] = useState(false); const [quizData, setQuizData] = useState([]); const [currentQuestion, setCurrentQuestion] = useState(0); const [selectedOption, setSelectedOption] = useState(null); const [showAnswer, setShowAnswer] = useState(false); const [correctCount, setCorrectCount] = useState(0); const [isLocked, setIsLocked] = useState(false); const [allAnswersCorrect, setAllAnswersCorrect] = useState(true); const [modelReport, setModelReport] = useState(null); const [verifyingModel, setVerifyingModel] = useState(false); const [openInfoIndex, setOpenInfoIndex] = useState(null); const [openSections, setOpenSections] = useState({}); const [quizMetadata, setQuizMetadata] = useState({ verifiedModel: '', }); useEffect(() => { loadQuiz(); }, [content]); useEffect(() => { if (onVerificationPanelChange && quizData.length > 0) { onVerificationPanelChange(renderVerificationPanel()); } }, [quizData, modelReport, verifyingModel, openInfoIndex, openSections, quizMetadata]); const loadQuiz = async () => { if (!isLoading && content) { setIsLoading(true); try { const response = await generateQuizAjax(content); const parsed = JSON.parse(response?.data?.result?.choices[0]?.message?.content); if (parsed.quiz) { setQuizData(parsed.quiz); setQuizMetadata({ verifiedModel: response?.data?.meta?.model || '', }); } } catch (error) { console.error(error); setQuizData([]); } finally { setIsLoading(false); } } }; const handleVerifyModel = async (modelForVerification) => { if (!modelForVerification) return; setVerifyingModel(true); try { const res = await verifyCloudModelAjax({model: modelForVerification}); const report = res.success ? res.data : {error: "Model verification failed"}; setModelReport(report); } catch { setModelReport({error: "Error verifying model"}); } finally { setVerifyingModel(false); } }; const toggleSection = (key) => { setOpenSections(prev => ({ ...prev, [key]: !prev[key] })); }; const verifyModelOnOpenSection = () => { toggleSection('verifiedModel'); if (!modelReport) { handleVerifyModel(quizMetadata.verifiedModel); } }; const question = quizData[currentQuestion]; const isComplete = showAnswer && selectedOption === question?.correct_answer && (currentQuestion + 1 === quizData.length); const handleOptionClick = (optionKey) => { if (isLocked) return; setIsLocked(true); setSelectedOption(optionKey); setShowAnswer(true); const isCorrect = optionKey === question.correct_answer; if (isCorrect) { setCorrectCount(prev => prev + 1); } else { setAllAnswersCorrect(false); } }; const handleTryAgain = () => { setSelectedOption(null); setShowAnswer(false); setIsLocked(false); }; const handleNextQuestion = () => { setSelectedOption(null); setShowAnswer(false); setIsLocked(false); if (currentQuestion + 1 >= quizData.length) { setCurrentQuestion(quizData.length); // Move past last question to trigger results } else { setCurrentQuestion(prev => prev + 1); } }; const handleRetake = () => { setCurrentQuestion(0); setSelectedOption(null); setShowAnswer(false); setCorrectCount(0); setIsLocked(false); setAllAnswersCorrect(true); setModelReport(null); setOpenInfoIndex(null); setOpenSections({}); }; const getPluginImageUrl = (filename) => { return `${window?.lnc_ai_quiz_generator?.imageUrl}/${filename}`; }; const renderVerificationPanel = () => { return (
setOpenInfoIndex(openInfoIndex ? null : 'quiz')} style={{display: 'inline-flex', alignItems: 'center', gap: '6px', cursor: 'pointer'}} >
{openInfoIndex === 'quiz' && (

Quiz is confidential

All models run in TEE (Trusted Execution Environment) — isolated hardware where no one can access your messages.

Hardware attestation:

NVIDIA Intel
Verified Model
{openSections['verifiedModel'] && (

Model Verification

Verified Model:

{quizMetadata.verifiedModel}

Attested by:
NVIDIA And Intel

This automated verification tool lets you independently confirm that the model is running in the TEE (Trusted Execution Environment).

{modelReport && ( <> {/* GPU Attestation */}
toggleSection('gpuAttestation')} style={{ cursor: 'pointer', display: 'flex', alignItems: 'center', justifyContent: 'space-between', padding: '12px', backgroundColor: '#f8f9fa', border: '1px solid #dee2e6', borderRadius: '4px', marginBottom: '8px', marginTop: '12px' }} > GPU Attestation
{openSections['gpuAttestation'] && (
NVIDIA H100 Confidential Computing

This verification uses NVIDIA attestation to confirm that your model is running on genuine NVIDIA H100 hardware with confidential computing enabled. You can verify this attestation using NVIDIA's public verification tools.

{(() => { try { const nvidiaPayload = JSON.parse(modelReport?.report?.nvidia_payload); return ( <>