fix(exercise): persist completion policy and improve dev build workflow (#754)

* fix(exercise): persist completion policy and pass threshold on save

buildExerciseUpdateFields accepted completionPolicy and passThreshold in
the validation schema but never mapped them to the database update, so
exercise settings appeared to save while reverting on refresh.

Co-authored-by: Rotimi Best <[email protected]>

* fix(db): build workspace deps before compiling

@cio/db imports @cio/utils/notifications, which only exists after
@cio/utils is built. Building db in isolation failed when utils dist
was missing or stale.

- Add a db prebuild step for question-types, utils, and email
- Clean dist and tsbuildinfo before utils and email builds so
  incremental tsc cannot skip emission after dist was removed

Co-authored-by: Rotimi Best <[email protected]>

* chore(dev): build api workspace deps before api:dev

Run turbo build for @cio/api and @cio/jobs-worker dependencies before
starting the dev servers, so missing dist/ folders do not break startup.

Co-authored-by: Rotimi Best <[email protected]>

* feat(course): improve exercise progression grading UX

---------

Co-authored-by: Rotimi Best <[email protected]>

apps/dashboard/src/lib/features/course/components/exercise/edit-mode.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
   import TrashIcon from '@lucide/svelte/icons/trash';
   import GripVerticalIcon from '@lucide/svelte/icons/grip-vertical';
+  import InfoIcon from '@lucide/svelte/icons/info';
   import { dndzone } from 'svelte-dnd-action';
   import { flip } from 'svelte/animate';
   import { tick } from 'svelte';
@@ -24,6 +25,8 @@
   } from './store';
   import { QUESTION_TYPES } from '$features/ui/question/constants';
   import { ExerciseQuestion } from '@cio/ui';
+  import { Badge } from '@cio/ui/base/badge';
+  import * as Tooltip from '@cio/ui/base/tooltip';
 
   import OrderModal from './order-modal.svelte';
   import QuestionTypeSelect from './question-type-select.svelte';
@@ -35,11 +38,17 @@
   import { uploadImage } from '$lib/utils/services/upload';
   import {
     getExerciseEditorQuestionTypeLabel,
+    getQuestionTypeKey,
     getQuestionTypeOptionById,
     questionTypeSupportsOptions,
     toExerciseQuestionModel
   } from './question-type-utils';
-  import { QUESTION_TYPE_KEY } from '@cio/question-types';
+  import {
+    QUESTION_TYPE_KEY,
+    isAutoGradableQuestionTypeId,
+    resolveTrueFalseCorrectValue,
+    syncTrueFalseOptions
+  } from '@cio/question-types';
   import { getExerciseQuestionLabels } from './question-labels';
   import SectionEditor from './section-editor.svelte';
   import type { Question } from '$features/course/types';
@@ -207,6 +216,7 @@
 
       if (nextQuestionTypeKey === QUESTION_TYPE_KEY.TRUE_FALSE) {
         const correctValue = (current.settings as { correctValue?: boolean })?.correctValue ?? true;
+        nextSettings = { ...nextSettings, correctValue };
         nextOptions = makeTrueFalseOptions(correctValue);
       } else if (questionTypeSupportsOptions(nextQuestionTypeKey)) {
         const hasActiveOptions = nextOptions.some((option) => !option.deletedAt);
@@ -263,12 +273,21 @@
           })
         : (current.options ?? []);
 
+      let nextSettings = nextQuestion.settings ?? {};
+      let nextOptions = mappedOptions;
+
+      if (getQuestionTypeKey(current) === QUESTION_TYPE_KEY.TRUE_FALSE) {
+        const correctValue = resolveTrueFalseCorrectValue(nextSettings, nextOptions);
+        nextSettings = { ...nextSettings, correctValue };
+        nextOptions = syncTrueFalseOptions(nextOptions, correctValue);
+      }
+
       const next = [...q.questions];
       next[idx] = {
         ...current,
         title: nextQuestion.title,
-        settings: nextQuestion.settings ?? {},
-        options: mappedOptions,
+        settings: nextSettings,
+        options: nextOptions,
         isDirty: true
       };
 
@@ -331,6 +350,13 @@
     return questions.filter((question) => toExerciseQuestionModel(question).required !== false).length;
   }
 
+  function isQuestionAutoGradable(question: Question) {
+    const questionTypeId = Number(question.questionTypeId ?? question.questionType?.id);
+    if (!Number.isFinite(questionTypeId)) return false;
+
+    return isAutoGradableQuestionTypeId(questionTypeId);
+  }
+
   $effect(() => {
     if (reorderQuestions && !previousReorderQuestions) {
       syncReorderQuestionItems();
@@ -357,6 +383,33 @@
 
 <OrderModal />
 
+{#snippet gradingBadge(question)}
+  {@const autoGradable = isQuestionAutoGradable(question)}
+  <Tooltip.Provider>
+    <Tooltip.Root>
+      <Tooltip.Trigger>
+        {#snippet child({ props })}
+          <Badge
+            {...props}
+            variant="outline"
+            class="absolute top-0 right-4 z-10 translate-y-[-50%] gap-1 bg-white font-normal dark:bg-black"
+          >
+            {autoGradable
+              ? $t('course.navItem.lessons.exercises.all_exercises.edit_mode.question_type_auto_gradable')
+              : $t('course.navItem.lessons.exercises.all_exercises.edit_mode.question_type_manual_grading')}
+            <InfoIcon class="h-3 w-3" aria-hidden="true" />
+          </Badge>
+        {/snippet}
+      </Tooltip.Trigger>
+      <Tooltip.Content side="top" sideOffset={6} class="max-w-xs">
+        {autoGradable
+          ? $t('course.navItem.lessons.exercises.all_exercises.edit_mode.question_type_auto_gradable_description')
+          : $t('course.navItem.lessons.exercises.all_exercises.edit_mode.question_type_manual_grading_description')}
+      </Tooltip.Content>
+    </Tooltip.Root>
+  </Tooltip.Provider>
+{/snippet}
+
 {#snippet questionEditor(question, index)}
   <QuestionContainer
     elementId={getQuestionElementId(question.id)}
@@ -366,7 +419,7 @@
     bind:points={question.points}
     hasError={!!errors[question.id]}
     errorMsg={getQuestionErrorMsg(errors, question, 'points')}
-    pointsHint={requiresPositivePointsForAutoGrade && Number(question.points) === 0
+    pointsHint={requiresPositivePointsForAutoGrade
       ? $t('course.navItem.lessons.exercises.all_exercises.points_required_auto_grade')
       : null}
     onPointsChange={() => {
@@ -386,6 +439,8 @@
       </div>
     {/if}
 
+    {@render gradingBadge(question)}
+
     <div class="mt-2 flex flex-col">
       <ExerciseQuestion.QuestionRenderer
         showContainer={false}