feat: “出问题了”三栏说清问题，交作品时写一句反思，外部提示词至少 8 个字

- 对话框加“出问题了”：做了什么 / 想看到什么 / 实际看到了什么拼成一句发给 AI；
  只说“还是不行”这类的提醒一次，可以直接发
- “交这一版”先弹框问最满意的改动和理由（可以不写），存在 submission_reflection，
  批改面板显示为“学生说”，只有老师和作者本人看得到
- 粘贴外部 AI 代码时提示词至少 8 个字，可以把几轮都贴进来

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

client/src/components/workbench/PasteCodeModal.vue

@@ -5,12 +5,16 @@
     title="粘贴外部 AI 生成的代码"
     style="width: 640px; max-width: 94vw"
   >
-    <n-form-item label="你在外部 AI 里用的提示词" :show-feedback="false">
+    <n-form-item
+      label="你在外部 AI 里说了什么"
+      :validation-status="promptTooShort ? 'warning' : undefined"
+      :feedback="promptTooShort ? `再写具体一点：你让 AI 做了什么、改了什么（至少 ${MIN_PROMPT} 个字）` : ''"
+    >
       <n-input
         v-model:value="prompt"
         type="textarea"
         :autosize="{ minRows: 2, maxRows: 6 }"
-        placeholder="把你发给豆包、DeepSeek 等 AI 的话粘贴到这里"
+        placeholder="把你发给豆包、DeepSeek 等 AI 的话粘贴到这里；说了好几轮的，每一轮都贴进来，一轮一行"
       />
     </n-form-item>
     <n-form-item label="完整的网页代码" :show-feedback="false" style="margin-top: 12px">
@@ -30,7 +34,7 @@
         <n-button @click="show = false">取消</n-button>
         <n-button
           type="primary"
-          :disabled="!prompt.trim() || !raw.trim()"
+          :disabled="[...prompt.trim()].length < MIN_PROMPT || !raw.trim()"
           :loading="saving"
           @click="save"
         >
@@ -41,7 +45,7 @@
   </n-modal>
 </template>
 <script lang="ts" setup>
-import { ref } from "vue"
+import { computed, ref } from "vue"
 import { splitHtml, type Code } from "../../utils/code"
 
 const show = defineModel<boolean>("show", { required: true })
@@ -50,6 +54,12 @@ const props = defineProps<{
 }>()
 
 const prompt = ref("")
+// 以前四分之一的外部提示词只有“1”“倒计时”这样几个字，看不出学生想了什么
+const MIN_PROMPT = 8
+const promptTooShort = computed(() => {
+  const n = [...prompt.value.trim()].length
+  return n > 0 && n < MIN_PROMPT
+})
 const raw = ref("")
 const saving = ref(false)