feat: enhance question formats by adding support for matching pairs, error recognition, and text insertion. Update related components and schemas to accommodate new formats, including UI adjustments for displaying options and handling user answers. Implement partial credit scoring for matching pairs and improve answer validation logic in the backend.

apps/web/src/components/generate/ResultSection.tsx

@@ -60,17 +60,35 @@ export function ResultSection({ result, generatedPackageId }: ResultSectionProps
             <p className="font-medium text-[var(--clay-black)] text-lg">{q.questionText}</p>
             {"options" in q && q.options && (
               <div className="space-y-2">
-                {q.options.map((opt) => (
-                  <div
-                    key={opt.key}
-                    className="flex items-center p-4 rounded-[var(--radius-lg)] border-2 border-[var(--oat-border)] bg-[var(--oat-light)]"
-                  >
-                    <span className="w-6 h-6 rounded-full border-2 border-[var(--oat-border)] flex items-center justify-center mr-3 text-xs font-bold text-[var(--warm-charcoal)]">
-                      {opt.key}
-                    </span>
-                    <span className="text-[var(--clay-black)]">{opt.text}</span>
-                  </div>
-                ))}
+                {q.format === "matching_pairs"
+                  ? q.options.map((opt: { left: string; right?: string }, i: number) => (
+                      <div
+                        key={i}
+                        className="flex items-center p-4 rounded-[var(--radius-lg)] border-2 border-[var(--oat-border)] bg-[var(--oat-light)]"
+                      >
+                        <span className="w-6 h-6 rounded-full border-2 border-[var(--oat-border)] flex items-center justify-center mr-3 text-xs font-bold text-[var(--warm-charcoal)]">
+                          {opt.left?.charAt(0)?.toUpperCase() ?? i + 1}
+                        </span>
+                        <span className="text-[var(--clay-black)]">{opt.left}</span>
+                        {opt.right && (
+                          <>
+                            <span className="mx-3 text-[var(--warm-silver)]">→</span>
+                            <span className="text-[var(--matcha-700)] font-medium">{opt.right}</span>
+                          </>
+                        )}
+                      </div>
+                    ))
+                  : q.options.map((opt: { key: string; text: string }) => (
+                      <div
+                        key={opt.key}
+                        className="flex items-center p-4 rounded-[var(--radius-lg)] border-2 border-[var(--oat-border)] bg-[var(--oat-light)]"
+                      >
+                        <span className="w-6 h-6 rounded-full border-2 border-[var(--oat-border)] flex items-center justify-center mr-3 text-xs font-bold text-[var(--warm-charcoal)]">
+                          {opt.key}
+                        </span>
+                        <span className="text-[var(--clay-black)]">{opt.text}</span>
+                      </div>
+                    ))}
               </div>
             )}
             <div className="flex gap-2 flex-wrap">

apps/web/src/components/test/AccentKeyboard.tsx

@@ -0,0 +1,37 @@
+import { useCallback } from "react";
+
+const ACCENT_CHARS: Record<string, string[]> = {
+  DELE:  ["á", "é", "í", "ó", "ú", "ñ", "¿", "¡"],
+  GOETHE: ["ä", "ö", "ü", "ß"],
+  TOAFL: ["ا", "ب", "ت", "ث", "ج", "ح", "خ", "د", "ذ", "ر", "ز", "س", "ش", "ص", "ض", "ط", "ظ", "ع", "غ", "ف", "ق", "ك", "ل", "م", "ن", "ه", "و", "ي"],
+};
+
+interface AccentKeyboardProps {
+  examType: string;
+  onInsert: (char: string) => void;
+  disabled?: boolean;
+}
+
+export function AccentKeyboard({ examType, onInsert, disabled }: AccentKeyboardProps) {
+  const chars = ACCENT_CHARS[examType];
+  if (!chars || chars.length === 0) return null;
+
+  return (
+    <div className={`flex flex-wrap gap-1.5 p-3 rounded-[var(--radius-lg)] bg-[var(--oat-light)] border border-[var(--oat-border)] ${disabled ? "opacity-50" : ""}`}>
+      <span className="w-full text-[10px] font-medium text-[var(--warm-charcoal)] uppercase tracking-wider mb-0.5">
+        Special Characters
+      </span>
+      {chars.map((char) => (
+        <button
+          key={char}
+          type="button"
+          onClick={() => onInsert(char)}
+          disabled={disabled}
+          className="w-8 h-8 flex items-center justify-center rounded-md text-sm font-semibold bg-[var(--pure-white)] border border-[var(--oat-border)] hover:bg-[var(--matcha-300)] hover:border-[var(--matcha-600)] transition-all clay-hover disabled:cursor-not-allowed"
+        >
+          {char}
+        </button>
+      ))}
+    </div>
+  );
+}

apps/web/src/components/test/AttemptTestView.tsx

@@ -6,6 +6,8 @@ import { MaterialIcon } from "@/components/ui/MaterialIcon";
 import { formatTime } from "@/lib/time";
 import { trpc } from "@/utils/trpc";
 import { QuestionInput } from "./QuestionInput";
+import { AccentKeyboard } from "./AccentKeyboard";
+import { parseFurigana } from "@/lib/furigana";
 
 interface AttemptTestViewProps {
   attemptId: string;
@@ -56,6 +58,15 @@ const QuestionCard = memo(function QuestionCard({
     [q.id, sectionResultId, onAnswerChange],
   );
 
+  const handleAccentInsert = useCallback(
+    (char: string) => {
+      onAnswerChange(q.id, sectionResultId, answerValue + char);
+    },
+    [q.id, sectionResultId, answerValue, onAnswerChange],
+  );
+
+  const showAccentKeyboard = q.format === "fill_blank" || q.format === "sentence_completion";
+
   return (
     <div
       id={`question-${q.id}`}
@@ -85,8 +96,8 @@ const QuestionCard = memo(function QuestionCard({
         </button>
       </div>
 
-      <p className="text-[var(--warm-charcoal)] mb-6 font-medium leading-relaxed">
-        {q.questionText}
+      <p className="text-[var(--warm-charcoal)] mb-6 font-medium leading-relaxed" dir={q._isRtl ? "rtl" : undefined}>
+        {q._useFurigana ? parseFurigana(q.questionText) : q.questionText}
       </p>
 
       <div className="pl-0">
@@ -102,6 +113,15 @@ const QuestionCard = memo(function QuestionCard({
           onChange={handleChange}
           disabled={isFinished}
         />
+        {showAccentKeyboard && (
+          <div className="mt-3">
+            <AccentKeyboard
+              examType={q._examType}
+              onInsert={handleAccentInsert}
+              disabled={isFinished}
+            />
+          </div>
+        )}
       </div>
     </div>
   );
@@ -144,6 +164,9 @@ export function AttemptTestView({
   const currentSection = pkg.sections[currentSectionIdx];
   const sectionData = attempt?.sections?.[currentSectionIdx];
   const sectionResultId = sectionData?.sectionResultId;
+  const examType: string = pkg.examType ?? "";
+  const isRtl = examType === "TOAFL";
+  const useFurigana = examType === "JLPT" || examType === "TOPIK";
 
   // If user picks an answer before attempt.getById finishes, persist once sectionResultId exists
   const flushKeyRef = useRef<string | null>(null);
@@ -186,9 +209,17 @@ export function AttemptTestView({
     }
   }, [allQuestions]);
 
+  const addQuestionMeta = (q: any) => ({
+    ...q,
+    _examType: examType,
+    _isRtl: isRtl,
+    _useFurigana: useFurigana,
+  });
+
   const activeQuestion = currentSection?.questions?.find(
     (q: any) => q.id === activeQuestionId,
   );
+  const activeQuestionWithMeta = activeQuestion ? addQuestionMeta(activeQuestion) : null;
   const passageToShow =
     activeQuestion?.passageText ??
     currentSection?.questions?.[0]?.passageText ??
@@ -306,8 +337,8 @@ export function AttemptTestView({
                   <span>Section {currentSectionIdx + 1} dari {pkg.sections.length}</span>
                 </div>
               </header>
-              <div className="space-y-6 text-lg leading-relaxed text-[var(--warm-charcoal)] font-body whitespace-pre-wrap">
-                {passageToShow}
+              <div className="space-y-6 text-lg leading-relaxed text-[var(--warm-charcoal)] font-body whitespace-pre-wrap" dir={isRtl ? "rtl" : undefined}>
+                {useFurigana ? parseFurigana(passageToShow) : passageToShow}
               </div>
             </article>
           </section>
@@ -339,16 +370,16 @@ export function AttemptTestView({
               </div>
 
               {/* Active question only */}
-              {activeQuestion ? (
+              {activeQuestionWithMeta ? (
                 <QuestionCard
-                  key={activeQuestion.id}
-                  q={activeQuestion}
+                  key={activeQuestionWithMeta.id}
+                  q={activeQuestionWithMeta}
                   globalIdx={activeGlobalIdx}
-                  answerValue={answers[activeQuestion.id] ?? ""}
+                  answerValue={answers[activeQuestionWithMeta.id] ?? ""}
                   sectionResultId={sectionResultId}
-                  isMarked={isMarked(activeQuestion.id)}
+                  isMarked={isMarked(activeQuestionWithMeta.id)}
                   isFinished={isFinished}
-                  isSubmitting={submittingQId === activeQuestion.id}
+                  isSubmitting={submittingQId === activeQuestionWithMeta.id}
                   onAnswerChange={onAnswerChange}
                   toggleMarkQuestion={toggleMarkQuestion}
                 />

apps/web/src/components/test/QuestionInput.tsx

@@ -1,4 +1,4 @@
-import { useState, useEffect, useRef, useCallback } from "react";
+import { useState, useEffect, useRef, useCallback, useMemo } from "react";
 import { Input } from "@labas/ui/components/input";
 
 const MCQ_FORMATS = [
@@ -14,6 +14,9 @@ const MCQ_FORMATS = [
   "matching_information",
   "summary_completion",
   "cloze",
+  "error_recognition",
+  "text_insertion",
+  "matching_pairs",
 ];
 
 const TRUE_FALSE_CHOICES = [
@@ -119,6 +122,56 @@ export function QuestionInput({
   const format = question.format;
   const options = question.options as Array<{ key: string; text: string }> | undefined;
 
+  if (format === "matching_pairs") {
+    if (!options || options.length === 0) {
+      return (
+        <div className="text-sm text-[var(--warm-silver)] italic">
+          Tidak ada opsi tersedia untuk soal ini.
+        </div>
+      );
+    }
+    const parseCurrentMapping = (val: string): Map<string, string> => {
+      const map = new Map<string, string>();
+      val.split(",").forEach((pair) => {
+        const [k, v] = pair.split(":").map((s) => s.trim());
+        if (k && v) map.set(k, v);
+      });
+      return map;
+    };
+    const currentMap = value ? parseCurrentMapping(value) : new Map();
+    const updateMapping = (key: string, val: string) => {
+      currentMap.set(key, val);
+      const serialized = Array.from(currentMap.entries())
+        .map(([k, v]) => `${k}:${v}`)
+        .join(",");
+      onChange(serialized);
+    };
+    return (
+      <div className="space-y-3">
+        {options.map((opt) => {
+          const matched = currentMap.get(opt.key) || "";
+          return (
+            <div key={opt.key} className="flex items-center gap-3">
+              <span className="w-8 h-8 rounded-full text-sm font-bold flex items-center justify-center shrink-0 bg-[var(--oat-light)] text-[var(--clay-black)]">
+                {opt.key}
+              </span>
+              <span className="flex-1 text-sm text-[var(--clay-black)]">{opt.text}</span>
+              <span className="text-[var(--warm-silver)]">→</span>
+              <input
+                type="text"
+                value={matched}
+                onChange={(e) => updateMapping(opt.key, e.target.value)}
+                disabled={disabled}
+                placeholder="Padanan..."
+                className="w-24 px-3 py-2 text-sm rounded-[var(--radius-md)] border-2 border-[var(--oat-border)] bg-[var(--pure-white)] focus:outline-none focus:border-[var(--matcha-600)]"
+              />
+            </div>
+          );
+        })}
+      </div>
+    );
+  }
+
   if (MCQ_FORMATS.includes(format)) {
     if (!options || options.length === 0) {
       return (

apps/web/src/lib/difficulty-mapping.ts

@@ -0,0 +1,17 @@
+export const DIFFICULTY_LABELS: Record<string, string[]> = {
+  IELTS:  ["Band 4.0", "Band 5.0", "Band 5.5", "Band 6.5", "Band 8.0+"],
+  TOEFL:  ["30-45", "46-55", "56-65", "66-80", "81-120"],
+  JLPT:   ["N5", "N4", "N3", "N2", "N1"],
+  HSK:    ["HSK 1", "HSK 2", "HSK 3", "HSK 4", "HSK 5-6"],
+  GOETHE: ["A1", "A2", "B1", "B2", "C1-C2"],
+  TOPIK:  ["TOPIK I (Lv 1)", "TOPIK I (Lv 2)", "TOPIK II (Lv 3)", "TOPIK II (Lv 4)", "TOPIK II (Lv 5-6)"],
+  TOAFL:  ["A1", "A2", "B1", "B2", "C1-C2"],
+  DELE:   ["A1", "A2", "B1", "B2", "C1-C2"],
+};
+
+export function getDifficultyLabel(examType: string, level: number): string {
+  const labels = DIFFICULTY_LABELS[examType];
+  if (!labels) return `Level ${level}`;
+  const idx = Math.max(0, Math.min(level - 1, labels.length - 1));
+  return labels[idx];
+}

apps/web/src/lib/exam-constants.ts

@@ -4,6 +4,9 @@ export const EXAM_TYPES = [
   { id: "JLPT", name: "JLPT" },
   { id: "HSK", name: "HSK" },
   { id: "GOETHE", name: "German" },
+  { id: "TOPIK", name: "Korean" },
+  { id: "TOAFL", name: "Arabic" },
+  { id: "DELE", name: "Spanish" },
 ];
 
 export const SECTIONS = [
@@ -22,6 +25,11 @@ export const FORMATS = [
   "reference",
   "author_view",
   "matching_headings",
+  "matching_information",
+  "summary_completion",
+  "matching_pairs",
+  "error_recognition",
+  "text_insertion",
   "kanji_reading",
   "particle_choice",
   "article_case",

apps/web/src/lib/furigana.tsx

@@ -0,0 +1,31 @@
+import type { ReactNode } from "react";
+
+const FURIGANA_PATTERN = /([\u4e00-\u9fff\u3400-\u4dbf\ua000-\ua4cf\uf900-\ufaff]+)\(([^)]+)\)/g;
+
+export function parseFurigana(text: string): ReactNode {
+  if (!text) return text;
+
+  const parts: ReactNode[] = [];
+  let lastIndex = 0;
+  let match: RegExpExecArray | null;
+
+  const re = new RegExp(FURIGANA_PATTERN.source, "g");
+  while ((match = re.exec(text)) !== null) {
+    if (match.index > lastIndex) {
+      parts.push(text.slice(lastIndex, match.index));
+    }
+    parts.push(
+      <ruby key={match.index}>
+        {match[1]}
+        <rt>{match[2]}</rt>
+      </ruby>,
+    );
+    lastIndex = re.lastIndex;
+  }
+
+  if (lastIndex < text.length) {
+    parts.push(text.slice(lastIndex));
+  }
+
+  return parts.length > 0 ? parts : text;
+}

apps/web/src/lib/generate-constants.ts

@@ -4,6 +4,9 @@ export const EXAM_TYPES = [
   { id: "JLPT", name: "JLPT", code: "jp" },
   { id: "HSK", name: "HSK", code: "cn" },
   { id: "GOETHE", name: "Goethe-Zertifikat", code: "de" },
+  { id: "TOPIK", name: "TOPIK", code: "kr" },
+  { id: "TOAFL", name: "TOAFL", code: "sa" },
+  { id: "DELE", name: "DELE", code: "es" },
 ];
 
 export const SECTIONS = [
@@ -12,25 +15,33 @@ export const SECTIONS = [
 ];
 
 export const FORMATS = [
-  { id: "multiple_choice", name: "Multiple Choice", allowedExams: ["IELTS", "TOEFL", "JLPT", "HSK", "GOETHE"] },
-  { id: "true_false_not_given", name: "True / False / Not Given", allowedExams: ["IELTS", "TOEFL", "JLPT", "HSK", "GOETHE"] },
-  { id: "fill_blank", name: "Fill in Blank", allowedExams: ["IELTS", "TOEFL", "JLPT", "HSK", "GOETHE"] },
-  { id: "synonym", name: "Synonym / Vocabulary", allowedExams: ["IELTS", "TOEFL", "JLPT", "HSK", "GOETHE"] },
-  { id: "grammar_in_context", name: "Grammar in Context", allowedExams: ["IELTS", "TOEFL", "JLPT", "HSK", "GOETHE"] },
-  { id: "sentence_completion", name: "Sentence Completion", allowedExams: ["IELTS", "TOEFL", "JLPT", "HSK", "GOETHE"] },
-  { id: "cloze", name: "Cloze Test", allowedExams: ["IELTS", "TOEFL", "JLPT", "HSK", "GOETHE"] },
-  { id: "reference", name: "Reference (Pronoun)", allowedExams: ["IELTS", "TOEFL", "JLPT", "HSK", "GOETHE"] },
-  { id: "author_view", name: "Author's View", allowedExams: ["IELTS", "TOEFL", "JLPT", "HSK", "GOETHE"] },
-  { id: "matching_headings", name: "Matching Headings", allowedExams: ["IELTS", "TOEFL", "JLPT", "HSK", "GOETHE"] },
+  { id: "multiple_choice", name: "Multiple Choice", allowedExams: ["IELTS", "TOEFL", "JLPT", "HSK", "GOETHE", "TOPIK", "TOAFL", "DELE"] },
+  { id: "true_false_not_given", name: "True / False / Not Given", allowedExams: ["IELTS", "TOEFL", "JLPT", "HSK", "GOETHE", "TOPIK", "TOAFL", "DELE"] },
+  { id: "fill_blank", name: "Fill in Blank", allowedExams: ["IELTS", "TOEFL", "JLPT", "HSK", "GOETHE", "TOPIK", "TOAFL", "DELE"] },
+  { id: "synonym", name: "Synonym / Vocabulary", allowedExams: ["IELTS", "TOEFL", "JLPT", "HSK", "GOETHE", "TOPIK", "TOAFL", "DELE"] },
+  { id: "grammar_in_context", name: "Grammar in Context", allowedExams: ["IELTS", "TOEFL", "JLPT", "HSK", "GOETHE", "TOPIK", "TOAFL", "DELE"] },
+  { id: "sentence_completion", name: "Sentence Completion", allowedExams: ["IELTS", "TOEFL", "JLPT", "HSK", "GOETHE", "TOPIK", "TOAFL", "DELE"] },
+  { id: "cloze", name: "Cloze Test", allowedExams: ["IELTS", "TOEFL", "JLPT", "HSK", "GOETHE", "TOPIK", "TOAFL", "DELE"] },
+  { id: "reference", name: "Reference (Pronoun)", allowedExams: ["IELTS", "TOEFL", "JLPT", "HSK", "GOETHE", "TOPIK", "TOAFL", "DELE"] },
+  { id: "author_view", name: "Author's View", allowedExams: ["IELTS", "TOEFL", "JLPT", "HSK", "GOETHE", "TOPIK", "TOAFL", "DELE"] },
+  { id: "matching_headings", name: "Matching Headings", allowedExams: ["IELTS", "TOEFL", "JLPT", "HSK", "GOETHE", "TOPIK", "TOAFL", "DELE"] },
+  { id: "matching_information", name: "Matching Information", allowedExams: ["IELTS", "TOEFL", "JLPT", "HSK", "GOETHE", "TOPIK", "TOAFL", "DELE"] },
+  { id: "summary_completion", name: "Summary Completion", allowedExams: ["IELTS", "TOEFL", "JLPT", "HSK", "GOETHE", "TOPIK", "TOAFL", "DELE"] },
+  { id: "matching_pairs", name: "Matching Pairs", allowedExams: ["IELTS", "TOEFL", "GOETHE", "DELE", "TOPIK"] },
+  { id: "error_recognition", name: "Error Recognition", allowedExams: ["TOEFL", "HSK", "TOPIK", "TOAFL"] },
+  { id: "text_insertion", name: "Text Insertion", allowedExams: ["TOEFL", "IELTS"] },
   { id: "kanji_reading", name: "Kanji Reading", allowedExams: ["JLPT"] },
-  { id: "particle_choice", name: "Particle Choice", allowedExams: ["JLPT"] },
-  { id: "article_case", name: "Article / Case", allowedExams: ["GOETHE"] },
-  { id: "character_reading", name: "Character Reading", allowedExams: ["HSK"] },
-  { id: "sentence_arrangement", name: "Sentence Arrangement", allowedExams: ["HSK"] },
+  { id: "particle_choice", name: "Particle / Conjunction Choice", allowedExams: ["JLPT", "TOPIK"] },
+  { id: "article_case", name: "Article / Gender / Agreement", allowedExams: ["GOETHE", "TOAFL", "DELE"] },
+  { id: "character_reading", name: "Character Reading", allowedExams: ["HSK", "TOPIK"] },
+  { id: "sentence_arrangement", name: "Sentence Arrangement", allowedExams: ["HSK", "TOPIK", "DELE", "TOAFL"] },
 ];
 
-export const TOPICS = ["Science & Tech", "Business", "Sociology", "Arts", "History", "Environment", "Health", "Education"];
-export const DIFFICULTIES = ["Beginner", "Intermediate", "Academic", "Expert"];
+export const TOPICS = [
+  "Science & Tech", "Business", "Sociology", "Arts", "History", "Environment", "Health", "Education",
+  "Daily Interaction", "Social Etiquette", "Workplace",
+];
+export const DIFFICULTIES = ["Beginner", "Elementary", "Intermediate", "Advanced", "Expert"];
 
 export const QUESTION_COUNT_PRESETS = [
   { value: 5, label: "5 Soal", desc: "Drill cepat" },

apps/web/src/routes/attempt.$id.tsx

@@ -412,6 +412,14 @@ function QuestionReviewCard({
                 {userAnswer}
               </span>
             </div>
+            {ans?.partialScore != null && ans?.partialScore < 100 && (
+              <div>
+                <span className="text-[var(--warm-silver)]">Skor Parsial:</span>{" "}
+                <span className="font-semibold text-[var(--lemon-700)]">
+                  {ans.partialScore}%
+                </span>
+              </div>
+            )}
             {(isCorrect === false || isCorrect === null) && (
               <div>
                 <span className="text-[var(--warm-silver)]">Jawaban Benar:</span>{" "}

apps/web/src/routes/generate.tsx

@@ -25,6 +25,7 @@ import {
   DIFFICULTIES,
   QUESTION_COUNT_PRESETS,
 } from "@/lib/generate-constants";
+import { getDifficultyLabel } from "@/lib/difficulty-mapping";
 import "flag-icons/css/flag-icons.min.css";
 import type { Step } from "react-joyride";
 
@@ -395,18 +396,19 @@ function RouteComponent() {
           {/* Difficulty */}
           <div data-tour="generate-difficulty" className="flex flex-col gap-4">
             <label className="font-headline text-xl font-bold text-[var(--clay-black)]">Tingkat Kesulitan</label>
-            <div className="grid grid-cols-2 md:grid-cols-4 gap-3">
+            <div className="grid grid-cols-2 md:grid-cols-3 gap-3">
               {DIFFICULTIES.map((d, i) => (
                 <button
                   key={d}
                   onClick={() => setDifficulty(i)}
-                  className={`py-4 px-2 rounded-[var(--radius-lg)] text-sm font-semibold transition-all clay-hover min-h-[56px] ${
+                  className={`py-4 px-2 rounded-[var(--radius-lg)] text-sm font-semibold transition-all clay-hover min-h-[56px] flex flex-col items-center ${
                     difficulty === i
                       ? "bg-[var(--clay-black)] text-[var(--pure-white)] clay-shadow"
                       : "bg-[var(--pure-white)] text-[var(--warm-charcoal)] hover:bg-[var(--oat-light)] border-2 border-[var(--oat-border)]"
                   }`}
                 >
-                  {d}
+                  <span>{getDifficultyLabel(examType, i + 1)}</span>
+                  <span className={`text-[10px] mt-0.5 ${difficulty === i ? "text-white/60" : "text-[var(--warm-silver)]"}`}>{d}</span>
                 </button>
               ))}
             </div>
@@ -601,7 +603,7 @@ const generatePageSteps: Step[] = [
   {
     target: "[data-tour='generate-exam-type']",
     title: "Jenis Ujian",
-    content: "Pilih jenis ujian yang ingin kamu latih. Tersedia IELTS, TOEFL, JLPT, HSK, dan Goethe.",
+    content: "Pilih jenis ujian yang ingin kamu latih. Tersedia IELTS, TOEFL, JLPT, HSK, Goethe, TOPIK (Korea), TOAFL (Arab), dan DELE (Spanyol).",
     spotlightPadding: 8,
   },
   {
@@ -619,7 +621,7 @@ const generatePageSteps: Step[] = [
   {
     target: "[data-tour='generate-difficulty']",
     title: "Tingkat Kesulitan",
-    content: "Pilih tingkat kesulitan: Beginner, Intermediate, Academic, atau Expert.",
+    content: "Pilih tingkat kesulitan. Label menyesuaikan dengan jenis ujian yang dipilih (misal: N5-N1 untuk JLPT, Band 4.0-8.0 untuk IELTS).",
     spotlightPadding: 8,
   },
   {

apps/web/src/routes/jobs.tsx

@@ -386,19 +386,24 @@ function RouteComponent() {
                             </p>
                             {"options" in q && Array.isArray(q.options) && q.options.length > 0 && (
                               <div className="space-y-1 mb-2">
-                                {q.options.map((opt: any) => (
-                                  <div
-                                    key={opt.key}
-                                    className={`text-sm px-3 py-1.5 rounded-[var(--radius-md)] border ${
-                                      // opt.key === q.correctAnswer
-                                      //   ? "bg-[var(--matcha-300)]/30 border-[var(--matcha-300)] text-[var(--matcha-800)] font-medium"
-                                      //   : "border-[var(--oat-border)] text-[var(--warm-charcoal)]"
-                                      "border-[var(--oat-border)] text-[var(--warm-charcoal)]"
-                                    }`}
-                                  >
-                                    {opt.key}. {opt.text}
-                                  </div>
-                                ))}
+                                {q.format === "matching_pairs"
+                                  ? q.options.map((opt: any, i: number) => (
+                                      <div
+                                        key={i}
+                                        className="text-sm px-3 py-1.5 rounded-[var(--radius-md)] border border-[var(--oat-border)] text-[var(--warm-charcoal)]"
+                                      >
+                                        {opt.left ?? opt.key}
+                                        {opt.right ? ` → ${opt.right}` : ""}
+                                      </div>
+                                    ))
+                                  : q.options.map((opt: any) => (
+                                      <div
+                                        key={opt.key}
+                                        className="text-sm px-3 py-1.5 rounded-[var(--radius-md)] border border-[var(--oat-border)] text-[var(--warm-charcoal)]"
+                                      >
+                                        {opt.key}. {opt.text}
+                                      </div>
+                                    ))}
                               </div>
                             )}
                             {/* <p className="text-xs text-[var(--warm-charcoal)]">

packages/ai/src/agentic.ts

@@ -38,6 +38,9 @@ function getTargetLanguage(examType: string): string {
   if (examType === "JLPT") return "Japanese";
   if (examType === "HSK") return "Chinese";
   if (examType === "GOETHE") return "German";
+  if (examType === "TOPIK") return "Korean";
+  if (examType === "TOAFL") return "Arabic";
+  if (examType === "DELE") return "Spanish";
   return "English";
 }
 
@@ -196,6 +199,9 @@ Rules:
 - explanation — WAJIB ditulis dalam Bahasa Indonesia. DILARANG menggunakan bahasa asing.
 - For true_false_not_given: correctAnswer must be exactly TRUE, FALSE, or NOT_GIVEN (uppercase)
 - For author_view: correctAnswer must be exactly YES, NO, or NOT_GIVEN (uppercase)
+- For matching_pairs: options are {key, text} pairs. correctAnswer is serialized mapping like "A:1,B:2".
+- For error_recognition: options are error segments. correctAnswer is key of segment with error.
+- For text_insertion: options are position markers. correctAnswer is best position key.
 
 Question schema:
 ${schema}
@@ -305,6 +311,9 @@ Rules:
 - explanation — WAJIB ditulis dalam Bahasa Indonesia. DILARANG menggunakan bahasa asing.
 - For true_false_not_given: correctAnswer must be TRUE, FALSE, or NOT_GIVEN (uppercase)
 - For author_view: correctAnswer must be YES, NO, or NOT_GIVEN (uppercase)
+- For matching_pairs: options are {key, text} pairs. correctAnswer is serialized mapping.
+- For error_recognition: options are error segments. correctAnswer is key of segment with error.
+- For text_insertion: options are position markers. correctAnswer is best position key.
 
 Question schema:
 ${schema}

packages/ai/src/prompts.ts

@@ -17,7 +17,11 @@ TOPICS: ${topics.join(", ")}
 FORMATS TO GENERATE: ${formats.join(", ")}
 
 INSTRUCTIONS:
-- The reading passage must be written in the target language of the exam (${examType === "JLPT" ? "Japanese" : examType === "HSK" ? "Chinese" : examType === "GOETHE" ? "German" : "English"}).
+- The reading passage must be written in the target language of the exam (${examType === "JLPT" ? "Japanese" : examType === "HSK" ? "Chinese" : examType === "GOETHE" ? "German" : examType === "TOPIK" ? "Korean" : examType === "TOAFL" ? "Arabic" : examType === "DELE" ? "Spanish" : "English"}).
+- For Korean (TOPIK): Focus on particles, honorifics (speech levels), and functional grammar.
+- For Arabic (TOAFL): Support RTL text. Focus on I'rab (case endings/vowel changes) and grammar.
+- For Spanish (DELE): Focus on verb conjugation by subject and agreement.
+- For JLPT/TOPIK kanji/hanja: Include reading annotations in format: 漢字(かんじ) for words that have readings.
 - Passage length should be appropriate for the exam type and difficulty.
 - Each question must have:
   * a reading passage (passageText)
@@ -29,6 +33,11 @@ INSTRUCTIONS:
 - Questions should test real comprehension, not just surface-level recall.
 - For multiple choice: always provide 4 options labeled A, B, C, D.
 - Options must be plausible distractors — one clearly correct answer.
+- For matching_pairs: Provide options as an array of {key, text} where key is the left item identifier and text is the left item. correctAnswer should be a serialized mapping like "A:1,B:2,C:3" matching each left key to its right pair.
+- For error_recognition: options are error segments (A, B, C, D) and correctAnswer is the key of the segment containing an error.
+- For text_insertion: options are position markers (A, B, C, D) within the passage where a sentence could be inserted. correctAnswer is the best position key.
+- For sentence_arrangement: Provide options as shuffled fragments in random order. correctAnswer is the correct order as comma-separated keys (e.g. "D,A,C,B").
+- For matching_information: options are information items with key and text. correctAnswer is the correct match as serialized mapping.
 
 OUTPUT FORMAT:
 Return ONLY a valid JSON object with this exact structure (no markdown code blocks, no extra text):

packages/ai/src/repair.ts

@@ -27,12 +27,15 @@ const FORMATS_WITH_OPTIONS = new Set([
   "multiple_choice",
   "matching_headings",
   "matching_information",
+  "matching_pairs",
   "synonym",
   "grammar_in_context",
   "sentence_completion",
   "summary_completion",
   "cloze",
   "reference",
+  "error_recognition",
+  "text_insertion",
   "kanji_reading",
   "particle_choice",
   "article_case",
@@ -60,7 +63,7 @@ function ensureOptions(
     if (q.format === "multiple_choice" || q.format === "synonym" || q.format === "grammar_in_context" ||
         q.format === "sentence_completion" || q.format === "reference" || q.format === "kanji_reading" ||
         q.format === "particle_choice" || q.format === "article_case" || q.format === "character_reading" ||
-        q.format === "sentence_arrangement") {
+        q.format === "sentence_arrangement" || q.format === "error_recognition" || q.format === "text_insertion") {
       return [
         { key: "A", text: "Option A" },
         { key: "B", text: "Option B" },
@@ -319,6 +322,7 @@ export function getGenericQuestionJsonSchemaDescription(): string {
                   "true_false_not_given",
                   "matching_headings",
                   "matching_information",
+                  "matching_pairs",
                   "fill_blank",
                   "synonym",
                   "grammar_in_context",
@@ -327,6 +331,8 @@ export function getGenericQuestionJsonSchemaDescription(): string {
                   "cloze",
                   "reference",
                   "author_view",
+                  "error_recognition",
+                  "text_insertion",
                   "kanji_reading",
                   "particle_choice",
                   "article_case",
@@ -338,7 +344,7 @@ export function getGenericQuestionJsonSchemaDescription(): string {
               questionText: { type: "string", description: "The question text" },
               options: {
                 type: "array",
-                description: "Required for multiple_choice, synonym, matching_*, reference, kanji_reading, particle_choice, article_case, character_reading, sentence_arrangement, summary_completion, cloze. Optional for others.",
+                description: "Required for multiple_choice, synonym, matching_*, reference, kanji_reading, particle_choice, article_case, character_reading, sentence_arrangement, error_recognition, text_insertion, summary_completion, cloze, matching_pairs. Optional for others.",
                 items: {
                   type: "object",
                   properties: {

packages/ai/src/schemas.ts

@@ -2,7 +2,7 @@ import { z } from "zod";
 
 // ── Shared Schemas ─────────────────────────────────────────
 
-export const examTypeSchema = z.enum(["IELTS", "TOEFL", "JLPT", "HSK", "GOETHE"]);
+export const examTypeSchema = z.enum(["IELTS", "TOEFL", "JLPT", "HSK", "GOETHE", "TOPIK", "TOAFL", "DELE"]);
 export const sectionTypeSchema = z.enum(["READING", "WRITING", "LISTENING", "SPEAKING"]);
 
 export const questionFormatSchema = z.enum([
@@ -10,6 +10,7 @@ export const questionFormatSchema = z.enum([
   "true_false_not_given",
   "matching_headings",
   "matching_information",
+  "matching_pairs",
   "fill_blank",
   "synonym",
   "grammar_in_context",
@@ -18,6 +19,8 @@ export const questionFormatSchema = z.enum([
   "cloze",
   "reference",
   "author_view",
+  "error_recognition",
+  "text_insertion",
   "kanji_reading",
   "particle_choice",
   "article_case",
@@ -56,6 +59,7 @@ export const baseQuestionSchema = z.object({
   explanation: z.string(),
   difficulty: difficultySchema,
   skillTags: z.array(z.string()).min(1),
+  isCaseSensitive: z.boolean().optional().default(false),
 });
 
 // ── Format-Specific Question Schemas ───────────────────────
@@ -83,6 +87,24 @@ export const matchingInformationQuestionSchema = baseQuestionSchema.extend({
   correctAnswer: z.string(),
 });
 
+export const matchingPairsQuestionSchema = baseQuestionSchema.extend({
+  format: z.literal("matching_pairs"),
+  options: z.array(matchingPairSchema), // [{left, right}] pairs to match
+  correctAnswer: z.string(), // serialized mapping e.g. "A:1,B:2,C:3"
+});
+
+export const errorRecognitionQuestionSchema = baseQuestionSchema.extend({
+  format: z.literal("error_recognition"),
+  options: z.array(multipleChoiceOptionSchema).min(2).max(6), // error segment choices
+  correctAnswer: z.string(), // key of the segment with error
+});
+
+export const textInsertionQuestionSchema = baseQuestionSchema.extend({
+  format: z.literal("text_insertion"),
+  options: z.array(multipleChoiceOptionSchema).min(2).max(6), // position markers
+  correctAnswer: z.string(), // key of correct position
+});
+
 export const fillBlankQuestionSchema = baseQuestionSchema.extend({
   format: z.literal("fill_blank"),
   correctAnswer: z.string(), // exact text to fill
@@ -166,6 +188,7 @@ export const questionSchema = z.discriminatedUnion("format", [
   trueFalseQuestionSchema,
   matchingHeadingsQuestionSchema,
   matchingInformationQuestionSchema,
+  matchingPairsQuestionSchema,
   fillBlankQuestionSchema,
   synonymQuestionSchema,
   grammarInContextQuestionSchema,
@@ -174,6 +197,8 @@ export const questionSchema = z.discriminatedUnion("format", [
   clozeQuestionSchema,
   referenceQuestionSchema,
   authorViewQuestionSchema,
+  errorRecognitionQuestionSchema,
+  textInsertionQuestionSchema,
   kanjiReadingQuestionSchema,
   particleChoiceQuestionSchema,
   articleCaseQuestionSchema,

packages/api/src/routers/attempt.ts

@@ -16,10 +16,14 @@ import { paginationSchema, paginateDefaults } from "../lib/pagination";
 import { assertOwnership } from "../lib/ownership";
 import { throwNotFound, throwForbidden, throwBadRequest } from "../lib/errors";
 
-function normalizeAnswer(format: string, userAnswer: string, correctAnswer: string): boolean {
+function normalizeAnswer(format: string, userAnswer: string, correctAnswer: string, isCaseSensitive = false): boolean {
   const ua = userAnswer.trim();
   const ca = correctAnswer.trim();
 
+  if (isCaseSensitive) {
+    return ua === ca;
+  }
+
   switch (format) {
     case "true_false_not_given":
     case "author_view":
@@ -40,12 +44,73 @@ function normalizeAnswer(format: string, userAnswer: string, correctAnswer: stri
     case "sentence_arrangement":
     case "matching_headings":
     case "matching_information":
+    case "matching_pairs":
+    case "error_recognition":
+    case "text_insertion":
       return ua.toUpperCase() === ca.toUpperCase();
     default:
       return ua === ca;
   }
 }
 
+// ── Partial Credit Engine ──
+// For ordering/matching formats, compute a score 0-100 based on per-element correctness.
+function calculatePartialCredit(format: string, userAnswer: string, correctAnswer: string): number | null {
+  if (format !== "sentence_arrangement" && format !== "matching_pairs" && format !== "cloze") {
+    return null; // not a partial-credit format
+  }
+
+  try {
+    const ua = userAnswer.trim();
+    const ca = correctAnswer.trim();
+    if (!ua || !ca) return null;
+
+    if (format === "sentence_arrangement") {
+      // Both are comma-separated option keys: e.g. "D,A,C,B"
+      const userParts = ua.split(",").map((s) => s.trim());
+      const correctParts = ca.split(",").map((s) => s.trim());
+      if (userParts.length !== correctParts.length) return 0;
+      const correctCount = userParts.filter((p, i) => p === correctParts[i]).length;
+      return Math.round((correctCount / correctParts.length) * 100);
+    }
+
+    if (format === "matching_pairs") {
+      // Serialized mapping: e.g. "A:1,B:2,C:3" or "A-hat,B-shoes,C-scarf"
+      const parseMapping = (s: string): Map<string, string> => {
+        const map = new Map();
+        s.split(",").forEach((pair) => {
+          const [k, v] = pair.split(":").map((x) => x.trim());
+          if (k && v) map.set(k, v);
+        });
+        return map;
+      };
+      const userMap = parseMapping(ua);
+      const correctMap = parseMapping(ca);
+      let correctCount = 0;
+      for (const [key, value] of correctMap) {
+        if (userMap.get(key) === value) correctCount++;
+      }
+      return correctMap.size > 0 ? Math.round((correctCount / correctMap.size) * 100) : null;
+    }
+
+    if (format === "cloze") {
+      // Serialized answers per blank: e.g. "A,C,B"
+      return calculatePartialCredit("sentence_arrangement", ua, ca);
+    }
+  } catch {
+    return null;
+  }
+  return null;
+}
+
+// ── Word Count Validator ──
+function validateWordCount(answer: string, minWords = 1, maxWords = 500): { isValid: boolean; wordCount: number } {
+  const trimmed = answer.trim();
+  if (!trimmed) return { isValid: false, wordCount: 0 };
+  const words = trimmed.split(/\s+/).filter(Boolean);
+  return { isValid: words.length >= minWords && words.length <= maxWords, wordCount: words.length };
+}
+
 // ── Simple in-memory rate limiter ──
 const rateLimitMap = new Map<string, number>();
 let rateLimitCleanup: ReturnType<typeof setInterval> | null = null;
@@ -189,6 +254,7 @@ export const attemptRouter = router({
             questionId: answer.questionId,
             userAnswer: answer.userAnswer,
             isCorrect: answer.isCorrect,
+            partialScore: answer.partialScore,
             timeSpentSec: answer.timeSpentSec,
             createdAt: answer.createdAt,
             question: {
@@ -246,7 +312,7 @@ export const attemptRouter = router({
         }
       }
 
-      // Strip correctAnswer & explanation during active attempt
+      // Strip sensitive fields during active attempt (anti-cheat)
       if (isInProgress) {
         const sanitizeQuestion = (q: any) => {
           if (!q) return q;
@@ -254,8 +320,14 @@ export const attemptRouter = router({
           return rest;
         };
 
+        const sanitizeAnswer = (a: any) => {
+          if (!a) return a;
+          const { isCorrect, partialScore, ...rest } = a;
+          return rest;
+        };
+
         answers = answers.map((a) => ({
-          ...a,
+          ...sanitizeAnswer(a),
           question: sanitizeQuestion(a.question),
         }));
 
@@ -323,8 +395,6 @@ export const attemptRouter = router({
 
       if (!q) throwNotFound("Question");
 
-      const isCorrect = normalizeAnswer(q.format, input.userAnswer, q.correctAnswer);
-
       const [existing] = await db
         .select()
         .from(answer)
@@ -341,7 +411,7 @@ export const attemptRouter = router({
           .update(answer)
           .set({
             userAnswer: input.userAnswer,
-            isCorrect,
+            // isCorrect & partialScore NOT stored here — recomputed in finish() to prevent cheating
             timeSpentSec: input.timeSpentSec,
           })
           .where(eq(answer.id, existing.id));
@@ -350,7 +420,7 @@ export const attemptRouter = router({
           sectionResultId: input.sectionResultId,
           questionId: input.questionId,
           userAnswer: input.userAnswer,
-          isCorrect,
+          // isCorrect & partialScore NOT stored here — recomputed in finish()
           timeSpentSec: input.timeSpentSec,
         });
       }
@@ -421,22 +491,48 @@ export const attemptRouter = router({
         if (!secResult || !pkgSec) continue;
 
         const secAnswers = await db
-          .select()
+          .select({
+            answerId: answer.id,
+            questionId: answer.questionId,
+            userAnswer: answer.userAnswer,
+            partialScore: answer.partialScore,
+            timeSpentSec: answer.timeSpentSec,
+            questionFormat: question.format,
+            questionCorrectAnswer: question.correctAnswer,
+            questionIsCaseSensitive: question.isCaseSensitive,
+          })
           .from(answer)
+          .innerJoin(question, eq(answer.questionId, question.id))
           .where(eq(answer.sectionResultId, secResult.id));
 
         for (const a of secAnswers) {
           allQuestionIds.add(a.questionId);
         }
 
-        const sectionScore = secAnswers.filter((a) => a.isCorrect).length;
+        // Recompute scores from raw answers (anti-cheat: ignore stored isCorrect/partialScore)
+        let sectionScore = 0;
+        for (const a of secAnswers) {
+          if (!a.userAnswer) continue;
+          const isCaseSensitive = a.questionIsCaseSensitive ?? false;
+          const isCorrect = normalizeAnswer(a.questionFormat, a.userAnswer, a.questionCorrectAnswer, isCaseSensitive);
+          const partialScore = calculatePartialCredit(a.questionFormat, a.userAnswer, a.questionCorrectAnswer);
+          const effectiveScore = isCorrect ? 1 : (partialScore != null ? partialScore / 100 : 0);
+          sectionScore += effectiveScore;
+
+          // Persist computed values for review page display
+          await db
+            .update(answer)
+            .set({ isCorrect, partialScore })
+            .where(eq(answer.id, a.answerId));
+        }
+
         const sectionMax = questionCounts.get(pkgSec.id) ?? secAnswers.length;
         const sectionTimeSpent = secAnswers.reduce((sum, a) => sum + (a.timeSpentSec ?? 0), 0);
 
         await db
           .update(sectionResult)
           .set({
-            score: sectionScore,
+            score: Math.round(sectionScore),
             maxScore: sectionMax,
             timeSpentSec: sectionTimeSpent,
           })

packages/api/src/routers/question.ts

@@ -207,6 +207,7 @@ export const questionRouter = router({
         correctAnswer: z.string(),
         explanation: z.string().optional(),
         difficulty: z.number().min(1).max(5).default(3),
+        isCaseSensitive: z.boolean().default(false),
         skillTags: z.array(z.string()).default([]),
         isPublic: z.boolean().default(false),
       }),

packages/db/package.json

@@ -18,7 +18,8 @@
     "db:start": "docker compose up -d",
     "db:watch": "docker compose up",
     "db:stop": "docker compose stop",
-    "db:down": "docker compose down"
+    "db:down": "docker compose down",
+    "db:seed": "bun run src/seed.ts"
   },
   "dependencies": {
     "@labas/env": "workspace:*",

packages/db/src/schema/app.ts

@@ -53,6 +53,7 @@ export const question = pgTable(
     difficulty: integer("difficulty").notNull().default(3),
     // e.g. ["grammar", "vocabulary", "inference", "main_idea", "detail"]
     skillTags: text("skill_tags").array().default([]),
+    isCaseSensitive: boolean("is_case_sensitive").default(false).notNull(),
     source: text("source").notNull().default("manual"), // "ai" | "manual"
     aiModel: text("ai_model"),
     aiPromptUsed: text("ai_prompt_used"),
@@ -253,6 +254,7 @@ export const answer = pgTable(
       .references(() => question.id, { onDelete: "cascade" }),
     userAnswer: text("user_answer"),
     isCorrect: boolean("is_correct"),
+    partialScore: integer("partial_score"), // 0-100 for partial credit formats (ordering, matching)
     timeSpentSec: integer("time_spent_sec"),
     createdAt: timestamp("created_at").defaultNow().notNull(),
   },

packages/db/src/seed.ts

@@ -0,0 +1,41 @@
+import { db } from "./index";
+import { examType, sectionType } from "./schema";
+
+const examTypes = [
+  { id: "IELTS", name: "IELTS Academic", language: "English", description: "International English Language Testing System" },
+  { id: "TOEFL", name: "TOEFL iBT", language: "English", description: "Test of English as a Foreign Language" },
+  { id: "JLPT", name: "JLPT", language: "Japanese", description: "Japanese-Language Proficiency Test" },
+  { id: "HSK", name: "HSK", language: "Chinese", description: "Hanyu Shuiping Kaoshi" },
+  { id: "GOETHE", name: "Goethe-Zertifikat", language: "German", description: "Goethe-Zertifikat German proficiency test" },
+  { id: "TOPIK", name: "TOPIK", language: "Korean", description: "Test of Proficiency in Korean" },
+  { id: "TOAFL", name: "TOAFL", language: "Arabic", description: "Test of Arabic as a Foreign Language" },
+  { id: "DELE", name: "DELE", language: "Spanish", description: "Diplomas de Español como Lengua Extranjera" },
+];
+
+const sectionTypes = [
+  { id: "READING", name: "Reading" },
+  { id: "WRITING", name: "Writing" },
+  { id: "LISTENING", name: "Listening" },
+  { id: "SPEAKING", name: "Speaking" },
+];
+
+async function seed() {
+  console.log("Seeding exam_type table...");
+  for (const et of examTypes) {
+    await db.insert(examType).values(et).onConflictDoNothing();
+  }
+
+  console.log("Seeding section_type table...");
+  for (const st of sectionTypes) {
+    await db.insert(sectionType).values(st).onConflictDoNothing();
+  }
+
+  console.log("Done.");
+}
+
+seed()
+  .then(() => process.exit(0))
+  .catch((err) => {
+    console.error(err);
+    process.exit(1);
+  });

packages/ui/src/styles/globals.css

@@ -347,4 +347,14 @@
     text-transform: uppercase;
     letter-spacing: 0.0675em;
   }
+
+  [dir="rtl"] {
+    text-align: right;
+  }
+  [dir="rtl"] .flex-row {
+    flex-direction: row-reverse;
+  }
+  [dir="rtl"] .space-x-* {
+    --space-x-reverse: 1;
+  }
 }