feat(布置作业): 能布置「画流程图」「先画再写」，看板分清卡在画图还是写代码

布置时多一个「做什么」：写代码 / 先画再写 / 画流程图（只能选打开了画流程图的题）。
- 先画再写：一道题图画到 A/S、代码也交对才算做完；学生画一道写一道、全画完再写都行，
  打开题目自动停在该做的那一步（图没画对停画布，画对了换到布置的语言）
- 也能分开布置：先一节画流程图，看板上「用这几道题写代码」再开一节；学生那边把今天
  几节课的要求合起来，还没画完的照样看得到要画
- 看板格子是一条进度：图 1/6 → 空心「图 ✓」→ 代码 ✗ → ✓，先写代码没画图的写「缺图」；
  卡在画图上的点开讲那张图（要改的框标红 + AI 的哪里错/怎么改），按走对几组归堆
- 写代码的课不再拿画对的流程图顶替做完；数据统计里画流程图的课数流程图提交

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

apps/web/src/oj/problem/components/ProblemChips.vue

@@ -15,6 +15,8 @@ export interface ChipItem {
   title: string
   status: 'done' | 'tried' | 'none'
   to: RouteLocationRaw
+  /** 悬停时代替「做过，还没对」那句（课堂里要画又要写的题，说差哪一步） */
+  note?: string
 }
 
 const props = defineProps<{
@@ -61,7 +63,7 @@ watch(
           :to="item.to"
           class="chip"
           :class="[item.status, { current: isCurrent(item) }]"
-          :aria-label="`${item.displayId} ${item.title}（${STATUS_TEXT[item.status]}）`"
+          :aria-label="`${item.displayId} ${item.title}（${item.note ?? STATUS_TEXT[item.status]}）`"
           :aria-current="isCurrent(item) ? 'page' : undefined"
         >
           <!-- 内嵌 SVG，不走 Iconify：图标源拉不到时状态就只剩颜色了 -->
@@ -109,7 +111,7 @@ watch(
           <span>{{ item.displayId }}</span>
         </router-link>
       </template>
-      {{ item.displayId }} {{ item.title }} · {{ STATUS_TEXT[item.status] }}
+      {{ item.displayId }} {{ item.title }} · {{ item.note ?? STATUS_TEXT[item.status] }}
     </n-tooltip>
   </div>
 </template>