feat(AI 提示): 提示分级（L0 反问 / L1 定位 / L2 概念）与输出后过滤

提示不再一上来就把话说完。等级记在「学生 × 题目」上，没有单独的表 —— 它就是
ai_hint.level 的历史，当前等级 = 这道题上（最近一次 AC 之后）给过的最高一级。

阶梯（services/hint-level.ts）
- 只有学生点「再多一点提示」才升级（请求带 more），不带就按当前等级再生成一次
- 升一级要先再交一次：锚点是「这一级是**什么时候**开出来的」，也就是这一级最早那条
  提示的 ai_hint.create_time，必须有比这个时刻更新的提交才准 +1。锚点不能用提示所在
  那条提交的时间 —— 端点谁的提交 id 都认（只校验归属），拿一条老提交去要提示，锚点
  就退回到那条老提交的时间，连点两下 more 就能从 L0 爬到 L2，一次新提交都不用交
- AC 之后清零；编译失败自成一档（level = -1），既不消耗也不推进阶梯
- HINT_MIN_FAILURES 3 → 1：门槛的活由阶梯接走了，第一次失败只开放 L0，而 L0 只反问、
  什么都不泄露，拦着它没有意义
- canEscalate 由后端算好在 done 事件里给，前端不自己推阶梯

输出后过滤（services/hint-filter.ts）
- 「不要给代码」写在 prompt 里只是软约束，模型忍不住一次就把这一级的意义废掉了。
  所以整段生成、过滤通过才推给前端，逐字显示改由前端模拟 —— 边流式边过滤做不到，
  发现违规时内容已经在学生屏幕上了
- 判定只用客观、低误报的信号：代码块、过长的行内代码、整行不含中文的类代码行、
  和标准答案重合 3 行以上、L0 一句问句都没有
- 违规就重生成一次，只重一次，再不过发写死的兜底话术。重试措辞按档分叉：编译档本来
  就允许给片段，对它说「不要出现任何代码」等于用阶梯的标准把这一档也砍了
- 两次都留痕（filter_attempt / filter_blocked / filter_reason），7.5 的输出过滤触发率
  就是从这三列出来的

services/ai.ts 加 streamWhole：事件形状和 streamChat 一样，前端不分叉。produce 期间
每 15 秒发一行 SSE 注释当心跳 —— 这条流中间有一大段静默（诊断 20s + 生成 60s +
重生成 60s，最坏 140 秒），而 NPM / nginx 的 proxy_read_timeout 默认 60 秒，超了学生
看到「请求失败」，后端却还在烧第二次调用，那条提示照样落库、照样把等级推上去。

prompt 版本另开 3 / 4（阶梯上每一级都换了 system），编译档仍走 1 / 2 的单段式基线，
两批数据不混在一起。迁移 0021 给 ai_hint 加四列，都可空、不带默认值，已有的行留 null
表示「分级上线前」。

实跑
- 阶梯：在 dev 库上用真实行驱动 decideHintLevel。正常路径 S1→S2→S3 走出 L0→L1→L2，
  同级连点 more 不升，AC 之后回 L0，编译档给 L-1 且不推进阶梯。把旧锚点规则复刻出来
  跑同一组数据做对照：只拿最老那条提交反复 POST，旧规则 L0→L1→L2（零新提交），
  新规则钉死在 L0，正常路径两者行为一致
- 过滤：起假 AI 服务端走完整条链路。L1 摊平代码→重生成后合规（attempt 2 / 未拦），
  L0 两次都甩代码块→兜底话术（blocked，reason 两条相连），编译档抄标程→命中「和标准
  答案重合 3 行」且追加的是分叉后的措辞
- streamWhole：produce 拖 16.5 秒收到 1 条心跳；同一份流喂给前端 consumeJSONEventStream
  只解析出 delta + done（注释行被静默跳过，前端零改动）；中途 cancel 断开后 produce
  跑完不抛
- api / web typecheck、check:routes、fmt 全过

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

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

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { Icon } from "@iconify/vue"
 import { useThemeVars } from "naive-ui"
-import { HINT_MIN_FAILURES } from "@oj2/contract"
+import { HINT_MIN_FAILURES, hintLevelLabel } from "@oj2/contract"
 import type { JudgeCaseResult } from "@oj2/contract"
 import { JUDGE_STATUS, SubmissionStatus } from "utils/constants"
 import {
@@ -28,15 +28,65 @@ const isDark = useDark()
 const problemStore = useProblemStore()
 const theme = useThemeVars()
 
-// AI 提示状态
+// AI 提示状态。
+// hintTarget 是后端发来的全文，hintContent 是已经"打"出来的那一截 ——
+// 后端从 2c 起整段生成、过滤通过才推（设计 2.6），一次就把全文发过来，
+// 逐字显示改在这边模拟。
+const hintTarget = ref("")
 const hintContent = ref("")
 const hintLoading = ref(false)
 const hintError = ref("")
 // 这条提示在 ai_hint 里的 id，生成完由 done 事件带回来；后端落库失败时没有，就不出评价按钮
 const hintId = ref<number | null>(null)
+// 这条提示是哪一级（-1 = 编译错误那一档，不在阶梯上），以及还能不能再往上要一级。
+// 两个都由后端算好在 done 里给，前端不自己推阶梯
+const hintLevel = ref<number | null>(null)
+const hintCanEscalate = ref(false)
 const hintHelpful = ref<boolean | null>(null)
 const hintFeedbackSending = ref(false)
 
+// 打字机：每 24ms 吐 3 个字，约 125 字/秒。步子不敢迈太小 ——
+// 每一帧都要让 MdPreview 重渲染一次 Markdown，机房那批机器扛不住逐字
+const TYPE_STEP = 3
+const TYPE_INTERVAL = 24
+let typingTimer: ReturnType<typeof setInterval> | null = null
+const hintTyping = computed(
+  () => hintContent.value.length < hintTarget.value.length,
+)
+
+function stopTyping() {
+  if (typingTimer === null) return
+  clearInterval(typingTimer)
+  typingTimer = null
+}
+
+function startTyping() {
+  if (typingTimer !== null) return
+  typingTimer = setInterval(() => {
+    if (!hintTyping.value) {
+      stopTyping()
+      return
+    }
+    hintContent.value = hintTarget.value.slice(
+      0,
+      hintContent.value.length + TYPE_STEP,
+    )
+  }, TYPE_INTERVAL)
+}
+
+function resetHint() {
+  stopTyping()
+  hintTarget.value = ""
+  hintContent.value = ""
+  hintError.value = ""
+  hintId.value = null
+  hintLevel.value = null
+  hintCanEscalate.value = false
+  hintHelpful.value = null
+}
+
+onUnmounted(stopTyping)
+
 // 错误信息格式化
 const msg = computed(() => {
   if (!props.submission) return ""
@@ -97,26 +147,22 @@ const showAIHint = computed(() => {
 watch(
   () => props.submission?.id,
   () => {
-    hintContent.value = ""
-    hintError.value = ""
+    resetHint()
     hintLoading.value = false
-    hintId.value = null
-    hintHelpful.value = null
   },
 )
 
-async function fetchHint(submissionId: string) {
+// more = 学生点的是「再多一点提示」。升级只能由学生主动发起，而且后端还要看
+// 「上次开出这一级之后有没有再交过」，所以点了也未必真升 —— 以 done 里的 level 为准
+async function fetchHint(submissionId: string, more = false) {
   hintLoading.value = true
-  hintContent.value = ""
-  hintError.value = ""
-  hintId.value = null
-  hintHelpful.value = null
+  resetHint()
 
   try {
     const response = await fetch("/api/ai/hint", {
       method: "POST",
       headers: { "Content-Type": "application/json" },
-      body: JSON.stringify({ submissionId }),
+      body: JSON.stringify({ submissionId, more }),
     })
 
     if (!response.ok) throw await aiStreamError(response)
@@ -126,12 +172,17 @@ async function fetchHint(submissionId: string) {
         type: string
         content?: string
         message?: string
-        hintId?: number
+        hintId?: number | null
+        level?: number
+        canEscalate?: boolean
       }) => {
         if (data.type === "delta" && data.content) {
-          hintContent.value += data.content
+          hintTarget.value += data.content
+          startTyping()
         } else if (data.type === "done") {
           hintId.value = data.hintId ?? null
+          hintLevel.value = data.level ?? null
+          hintCanEscalate.value = data.canEscalate === true
         } else if (data.type === "error") {
           hintError.value = data.message || "AI 提示生成失败"
         }
@@ -269,21 +320,42 @@ const columns: DataTableColumn<JudgeCaseResult>[] = [
           class="mb-3"
         />
         <n-button
-          v-if="!hintContent && !hintLoading"
+          v-if="!hintTarget && !hintLoading"
           type="primary"
           @click="fetchHint(submission.id)"
         >
           让 AI 分析我的代码
         </n-button>
-        <n-spin v-else-if="hintLoading && !hintContent" size="small" />
+        <n-spin v-else-if="hintLoading && !hintTarget" size="small" />
         <MdPreview
           v-if="hintContent"
           :model-value="hintContent"
           preview-theme="vuepress"
           :theme="isDark ? 'dark' : 'light'"
         />
+        <!-- 等级和「再多一点提示」。按钮出不出由后端 done 里的 canEscalate 定，
+             前端不自己推阶梯（要再交一次才升得动，规则在 services/hint-level.ts） -->
         <n-flex
-          v-if="hintId !== null && !hintLoading"
+          v-if="hintLevel !== null && !hintLoading && !hintTyping"
+          align="center"
+          size="small"
+          style="margin-top: 8px"
+        >
+          <n-tag size="small" :bordered="false">
+            {{ hintLevelLabel(hintLevel) }}
+          </n-tag>
+          <n-button
+            v-if="hintCanEscalate"
+            size="tiny"
+            type="primary"
+            ghost
+            @click="fetchHint(submission.id, true)"
+          >
+            再多一点提示
+          </n-button>
+        </n-flex>
+        <n-flex
+          v-if="hintId !== null && !hintLoading && !hintTyping"
           align="center"
           size="small"
           style="margin-top: 8px"