Review Results

Once a review session is complete and grading has finished, the app navigates automatically to the results page. Here you can get a high-level summary of your session performance, check whether each question was correct or incorrect along with AI feedback, and trace any question back to its source in the original post.

Results Header

A summary of the session is displayed in a single row at the top of the page.

A green check-circle (CheckCircle) icon appears alongside the text “Review Complete!”.
Inline statistics follow:
- {elapsed}: Time spent on the session
- {N} questions: Total number of questions answered in this session
- {accuracy}% correct: Accuracy score
A “Back to Start” button on the right side of the header returns you to the cover page.

Two-Panel Layout (Desktop)

On desktop, the screen is divided into two independent scrollable panels side by side.

┌──────────────────────────┬──────────────────────────┐
│                          │                          │
│   Left Panel             │   Right Panel            │
│   "Study Material"       │   "Question Results"     │
│   (bookOpen icon)        │   "{N} questions" count  │
│                          │                          │
│   Original post content  │   Individual question    │
│   for the selected       │   result items           │
│   question               │   (click to link left)   │
│   (key phrases           │                          │
│   highlighted)           │                          │
│                          │                          │
└──────────────────────────┴──────────────────────────┘

Left Panel — Study Material

The panel heading is “Study Material”, shown with a bookOpen icon.

Empty State (No Question Selected)

This is the initial state before selecting any question in the right panel.

A book icon appears alongside the message “Select a question to view its study material.”

After Selecting a Question

Clicking a question item in the right panel loads the corresponding source post content in the left panel.

The post title is shown at the top of the panel.
A “Q{N}” badge indicating the selected question number appears next to the title.
The full content of the original post is rendered below in a read-only editor view.
The original phrases the AI referenced when generating this question (basePhrases) are highlighted within the post body.

The highlighted phrases let you pinpoint exactly which part of the post a question came from. Clicking an incorrect question and re-reading the original context is an effective way to clarify your understanding.

Right Panel — Question Results

The panel heading is “Question Results”, with the total question count for the session shown as “{N} questions” next to the heading.

Individual Result Item Layout

Clicking a result item loads the corresponding study material in the left panel.

Basic information

Number badge: The question’s sequence number within the session.
Question type label: Shows the type — True/False, Multiple Choice, Fill in the Blank, Short Answer, or Essay.
Correct/Incorrect icon: For gradable question types, a correct indicator (green) or incorrect indicator (red) is shown.
Question text: The full text of the question.

Essay questions only

Score badge: The AI-assigned score displayed as “{score} pts”, ranging from 0 to 100.

Creative response

A “Creative Response” badge is shown when is_gradable is false.
This is assigned to open-ended answers where the AI cannot clearly determine correctness. The answer is not counted as incorrect, and you can review the content yourself to self-assess.

Answer and correct answer display

“Your Answer: {answer}”: Shows the answer you submitted. Highlighted in a danger color if incorrect.
“Correct Answer: {answer}”: Shows the correct answer in green.

Synonym badge

If your submitted answer differs from the exact phrasing but was recognized as a synonym, a “Accepted as synonym” badge is shown.

AI feedback

“SkillNote Feedback: {feedback}”: Detailed feedback written by the AI for that answer. Provided for Short Answer and Essay questions.

Mobile Layout

On mobile, the two-panel layout is replaced by a single vertical scrolling layout.

The full question results list is displayed on screen.
Tapping a result item opens the study material in a bottom sheet.
- A drag handle bar is shown at the top of the sheet.
- A bookOpen icon and “Study Material” heading are displayed.
- Tap the X button in the top-right corner to close the bottom sheet.
- The original post content and highlighted key phrases are visible inside the sheet.

Result Item Elements Summary

Element	When Shown	Description
Number badge	Always	Question sequence number within the session
Question type label	Always	True/False, Multiple Choice, etc.
Correct/Incorrect icon	Gradable question types	Green (correct) / Red (incorrect)
“{score} pts” badge	Essay questions	AI-assigned score (0–100)
“Creative Response” badge	`is_gradable === false`	Answer the AI could not grade as correct or incorrect
”Your Answer: {answer}“	Always	Highlighted in danger color if incorrect
”Correct Answer: {answer}“	Always	Displayed in green
”Accepted as synonym” badge	When synonym is recognized	A similar expression was accepted as correct
”SkillNote Feedback: {feedback}“	Short Answer / Essay	Detailed feedback written by the AI