From 7fdb6c70334b50b42c043dce653bfc1bca1fa1ef Mon Sep 17 00:00:00 2001
From: wyh <13423906455@163.com>
Date: Wed, 3 Jun 2026 14:51:20 +0800
Subject: [PATCH 01/10] =?UTF-8?q?feat(import):=20=E5=AF=BC=E5=85=A5?=
 =?UTF-8?q?=E9=94=99=E9=A2=98=E5=BA=93=E5=BC=B9=E7=AA=97=E6=94=AF=E6=8C=81?=
 =?UTF-8?q?=E6=96=B0=E5=BB=BA=E5=BA=93?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/app/WorkspaceView.vue | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/frontend/src/views/app/WorkspaceView.vue b/frontend/src/views/app/WorkspaceView.vue
index b8318056..64827569 100644
--- a/frontend/src/views/app/WorkspaceView.vue
+++ b/frontend/src/views/app/WorkspaceView.vue
@@ -141,6 +141,7 @@ const doReset = async () => {
 const {
   eraseEnabled, eraseLoading, eraseImages, eraseDone,
   ocrLoading, ocrPages, ocrDone,
+  currentRunId, currentRecordId, setCurrentRecordId,
   startProcess, doErase, doOcr, doSplit, doSaveToDb,
 } = useSplitPipeline(pushToast, currentView, step, S, uploadReady, splitting, splitCompleted, uploadMode, selectedLlmOption, questions, selectedIds, pendingFiles, typesetMath)
 
@@ -166,6 +167,10 @@ const handleLoadRecord = (qs, record) => {
   questions.value = qs || []; selectedIds.clear()
   splitCompleted.value = true; step.value = S.value.EXPORT
   currentView.value = 'workspace_review'
+  // 保存 record_id，用于后续导入错题库
+  setCurrentRecordId(record?.id || null)
+  // 清除 run_id，因为历史记录导入不依赖 WorkflowRun
+  currentRunId.value = null
   pushToast('success', `已加载「${record?.subject || '历史记录'}」的 ${qs.length} 道题目`)
   nextTick(() => typesetMath())
 }
@@ -294,7 +299,7 @@ onBeforeUnmount(() => {
 
         <template #sidebar>
           <SplitHistory :theme="theme" :visible="showSplitHistory" @push-toast="pushToast" @open-image="openModal"
-            @load-record="(r) => { handleLoadRecord(r); showSplitHistory = false }"
+            @load-record="(qs, record) => { handleLoadRecord(qs, record); showSplitHistory = false }"
             @go-workspace="currentView = splitCompleted ? 'workspace_review' : 'workspace'" />
         </template>
 
@@ -356,6 +361,14 @@ onBeforeUnmount(() => {
             <span class="min-w-0 flex-1 truncate text-sm font-medium">{{ project.name }}</span>
             <i v-if="String(importTargetProjectId) === String(project.id)" class="fa-solid fa-check text-xs"></i>
           </button>
+          <button v-if="openProjectDialog" type="button"
+            class="flex w-full items-center justify-center gap-2 rounded-lg border border-dashed px-3 py-2 text-sm transition-colors
+              border-slate-300 text-slate-500 hover:border-slate-400 hover:text-slate-600
+              dark:border-white/[0.12] dark:text-[#8a8f98] dark:hover:border-white/[0.2] dark:hover:text-[#aeb6c2]"
+            @click="openProjectDialog('question')">
+            <i class="fa-solid fa-plus text-xs"></i>
+            <span>新建错题库</span>
+          </button>
         </div>
       </div>
       <template #footer>

From f1792b67f5c4c4bea564bf2fa10cba37fe949208 Mon Sep 17 00:00:00 2001
From: wyh <13423906455@163.com>
Date: Wed, 3 Jun 2026 14:51:26 +0800
Subject: [PATCH 02/10] =?UTF-8?q?fix(import):=20=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=E5=8E=86=E5=8F=B2=E5=88=86=E5=89=B2=E8=AE=B0=E5=BD=95=E5=AF=BC?=
 =?UTF-8?q?=E5=85=A5=E9=94=99=E9=A2=98=E5=BA=93=E6=8A=A5=E7=BC=BA=E5=B0=91?=
 =?UTF-8?q?=20run=5Fid=20=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 backend/routes/questions.py                  | 56 +++++++++++++-------
 frontend/src/api/upload.js                   |  3 +-
 frontend/src/composables/useSplitPipeline.js | 11 +++-
 3 files changed, 49 insertions(+), 21 deletions(-)

diff --git a/backend/routes/questions.py b/backend/routes/questions.py
index ee4ad4fa..267bdc58 100644
--- a/backend/routes/questions.py
+++ b/backend/routes/questions.py
@@ -504,7 +504,10 @@ def save_to_db():
 
     Request Body:
         {
-            "selected_ids": ["q_0", "q_1", ...]   # 选中的题目 ID 列表
+            "selected_ids": ["q_0", "q_1", ...],  # 选中的题目 ID 列表
+            "run_id": "xxx",                       # 可选，从 WorkflowRun 读取题目
+            "record_id": 123,                      # 可选，从 SplitRecord 读取题目（历史记录导入）
+            "project_id": 456                      # 目标错题库 ID
         }
     """
     try:
@@ -516,14 +519,39 @@ def save_to_db():
             return jsonify({'success': False, 'error': '请选择至少一道题目'}), 400
 
         run_id = data.get('run_id')
-        if not run_id:
-            return jsonify({'success': False, 'code': 'MISSING_RUN_ID', 'error': '缺少 run_id，请重新分割题目'}), 400
+        record_id = data.get('record_id')
         user_id = session.get('user_id')
-        with SessionLocal() as db:
-            run = run_store.get_split_run(db, run_id, user_id=user_id)
-            if not run or run.status != run_store.STATUS_SUCCEEDED:
-                return jsonify({'success': False, 'error': '请先分割题目'}), 400
-            questions = run_store.read_questions(run)
+
+        # 优先从 SplitRecord 读取（历史记录导入场景）
+        if record_id:
+            with SessionLocal() as db:
+                record = crud.get_split_record_by_id(db, record_id, user_id=user_id)
+                if not record:
+                    return jsonify({'success': False, 'error': '分割记录不存在'}), 404
+                questions = json.loads(record.questions_json) if record.questions_json else []
+                subject = record.subject or ''
+                file_names = json.loads(record.file_names_json) if record.file_names_json else []
+                batch_info = {
+                    "original_filename": ", ".join(file_names) or "Unknown",
+                    "subject": subject,
+                    "file_path": "",
+                }
+        # 从 WorkflowRun 读取（正常分割后导入场景）
+        elif run_id:
+            with SessionLocal() as db:
+                run = run_store.get_split_run(db, run_id, user_id=user_id)
+                if not run or run.status != run_store.STATUS_SUCCEEDED:
+                    return jsonify({'success': False, 'error': '请先分割题目'}), 400
+                questions = run_store.read_questions(run)
+                subject = run_store.read_subject(run)
+                file_names = json.loads(run.file_names_json) if run.file_names_json else []
+                batch_info = {
+                    "original_filename": ", ".join(file_names) or "Unknown",
+                    "subject": subject,
+                    "file_path": run.result_dir,
+                }
+        else:
+            return jsonify({'success': False, 'code': 'MISSING_SOURCE', 'error': '缺少 run_id 或 record_id'}), 400
 
         uid_set = set(selected_uids)
         selected_questions = [q for q in questions if q.get('uid') in uid_set]
@@ -540,16 +568,6 @@ def save_to_db():
                 if 'user_answer' in answers_map[uid]:
                     sq['user_answer'] = answers_map[uid]['user_answer']
 
-        # 读取科目信息
-        subject = run_store.read_subject(run)
-
-        file_names = json.loads(run.file_names_json) if run.file_names_json else []
-        batch_info = {
-            "original_filename": ", ".join(file_names) or "Unknown",
-            "subject": subject,
-            "file_path": run.result_dir,
-        }
-
         with SessionLocal() as db:
             try:
                 project_id = (
@@ -572,7 +590,7 @@ def save_to_db():
         return jsonify({
             'success': True,
             'message': f'已导入 {result["created"]} 道题目（跳过 {result["duplicates"]} 道重复）',
-            'run_id': run.public_id,
+            'run_id': run_id,
             'created': result['created'],
             'duplicates': result['duplicates'],
         })
diff --git a/frontend/src/api/upload.js b/frontend/src/api/upload.js
index 4e2bcedc..580b8331 100644
--- a/frontend/src/api/upload.js
+++ b/frontend/src/api/upload.js
@@ -83,9 +83,10 @@ export async function exportQuestions(selectedIds, runId) {
 }
 
 /** 将选中的分割题目和答案保存到错题库。 */
-export async function saveToDb(selectedIds, answers = [], runId, projectId) {
+export async function saveToDb(selectedIds, answers = [], runId, projectId, recordId) {
   const body = { selected_ids: selectedIds, answers }
   if (runId) body.run_id = runId
+  if (recordId) body.record_id = recordId
   if (projectId) body.project_id = projectId
   const resp = await fetch('/api/save-to-db', {
     method: 'POST',
diff --git a/frontend/src/composables/useSplitPipeline.js b/frontend/src/composables/useSplitPipeline.js
index 9974379e..21f8da53 100644
--- a/frontend/src/composables/useSplitPipeline.js
+++ b/frontend/src/composables/useSplitPipeline.js
@@ -21,6 +21,7 @@ export function useSplitPipeline(pushToast, currentView, step, S, uploadReady, s
   const ocrDone = ref(false)
   const eraseEnabled = ref(true)
   const currentRunId = ref(null)
+  const currentRecordId = ref(null)
 
   // 笔记模式默认不启用擦除，试卷模式默认启用
   watch(uploadMode, (mode) => {
@@ -268,7 +269,7 @@ export function useSplitPipeline(pushToast, currentView, step, S, uploadReady, s
       const answers = questions.value
         .filter(q => selectedIds.has(q.uid) && (q.answer || q.user_answer))
         .map(q => ({ uid: q.uid, answer: q.answer || '', user_answer: q.user_answer || '' }))
-      const data = await api.saveToDb(Array.from(selectedIds), answers, currentRunId.value, projectId)
+      const data = await api.saveToDb(Array.from(selectedIds), answers, currentRunId.value, projectId, currentRecordId.value)
       await loadProjects()
       pushToast('success', data.message || '已导入错题库')
       errorBankRef?.value?.refresh()
@@ -279,9 +280,17 @@ export function useSplitPipeline(pushToast, currentView, step, S, uploadReady, s
     }
   }
 
+  /**
+   * 设置当前记录 ID（用于历史记录导入场景）。
+   */
+  const setCurrentRecordId = (id) => {
+    currentRecordId.value = id
+  }
+
   return {
     eraseEnabled, eraseLoading, eraseImages, eraseDone,
     ocrLoading, ocrPages, ocrDone,
+    currentRunId, currentRecordId, setCurrentRecordId,
     startProcess, doErase, doOcr, doSplit, doExport, doSaveToDb,
   }
 }

From 1b25e7ef9cfee8163e130d70a7c0bb4a737b9e2a Mon Sep 17 00:00:00 2001
From: wyh <13423906455@163.com>
Date: Sun, 7 Jun 2026 20:47:56 +0800
Subject: [PATCH 03/10] =?UTF-8?q?feat(error-bank):=20=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E7=B1=BB=E4=BC=BC=E9=97=AE=E9=A2=98=E6=8E=A8=E8=8D=90=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

1. 新增错题库同类题推荐侧边栏组件，基于知识点、学科、题型和内容相似度智能推荐题目
2. 为错题详情面板添加同类题按钮，点击可切换展示推荐面板
3. 重构笔记整理LLM调用逻辑，支持多模式结构化输出降级
4. 优化错误分析面板展示，支持多错因动态生成和列表展示
---
 backend/agents/note/agent.py                  | 103 ++++++----
 ...error-bank(ErrorQuestionRecommendAside.vue | 185 ++++++++++++++++++
 .../app/error-bank/ErrorLearningAside.vue     | 145 ++++++++++++--
 .../error-bank/ErrorQuestionDetailPanel.vue   |   3 +-
 .../ErrorQuestionRecommendAside.vue           | 182 +++++++++++++++++
 frontend/src/views/app/ErrorBankView.vue      |  20 +-
 6 files changed, 585 insertions(+), 53 deletions(-)
 create mode 100644 frontend/src/components/features/app/error-bank(ErrorQuestionRecommendAside.vue
 create mode 100644 frontend/src/components/features/app/error-bank/ErrorQuestionRecommendAside.vue

diff --git a/backend/agents/note/agent.py b/backend/agents/note/agent.py
index 0a26c99a..17194685 100644
--- a/backend/agents/note/agent.py
+++ b/backend/agents/note/agent.py
@@ -4,9 +4,12 @@
 支持：
   - 重试机制（指数退避，最多 3 次）
   - 多页分批处理（超过阈值时分批整理再合并）
+  - 多模式结构化输出（function_calling → prompt JSON fallback）
 """
 
+import json
 import logging
+import re
 import time
 
 from langchain_core.messages import SystemMessage, HumanMessage
@@ -22,6 +25,32 @@
 BATCH_CHAR_LIMIT = 6000
 MAX_RETRIES = 3
 
+_messages = lambda ocr_text: [
+    SystemMessage(content=NOTE_ORGANIZE_PROMPT),
+    HumanMessage(
+        content=f"以下是 OCR 识别出的课堂笔记原始文本，请整理为结构化笔记：\n\n{ocr_text}"
+    ),
+]
+
+
+def _extract_json_from_text(text: str) -> dict | None:
+    """从 LLM 输出文本中提取 JSON 对象（兼容 ```json ... ``` 包裹）"""
+    # 尝试 ```json ... ``` 代码块
+    m = re.search(r"```json\s*\n?(.*?)\n?\s*```", text, re.DOTALL)
+    if m:
+        try:
+            return json.loads(m.group(1))
+        except json.JSONDecodeError:
+            pass
+    # 尝试裸 JSON 对象
+    m = re.search(r"\{[\s\S]*\}", text)
+    if m:
+        try:
+            return json.loads(m.group(0))
+        except json.JSONDecodeError:
+            pass
+    return None
+
 
 def _invoke_once(
     model,
@@ -29,42 +58,46 @@ def _invoke_once(
     provider: str = "openai",
     supports_function_calling: bool = True,
 ) -> OrganizedNote:
-    """单次 LLM 调用，返回结构化笔记"""
-    from core.config import settings
-
-    # 百度千帆等特殊平台/模型，即使 supports_function_calling=False
-    # 如果直接用 with_structured_output 仍可能报错 "暂不支持该模型"（如果 Langchain 默认使用了 JSON Schema mode）
-    # 为保证最大兼容性，我们通过 prompt 要求输出 JSON，并手动解析
-    if not supports_function_calling:
-        from langchain_core.output_parsers import PydanticOutputParser
-
-        parser = PydanticOutputParser(pydantic_object=OrganizedNote)
-        format_instructions = parser.get_format_instructions()
-
-        response = model.invoke(
-            [
-                SystemMessage(
-                    content=NOTE_ORGANIZE_PROMPT
-                    + f"\n\n你必须以 JSON 格式输出，且遵循以下结构：\n{format_instructions}"
-                ),
-                HumanMessage(
-                    content=f"以下是 OCR 识别出的课堂笔记原始文本，请整理为结构化笔记：\n\n{ocr_text}"
-                ),
-            ]
-        )
+    """单次 LLM 调用，返回结构化笔记。按优先级尝试多种输出模式。"""
+    messages = _messages(ocr_text)
+
+    # 模式 1: with_structured_output（function_calling / json_schema，取决于模型）
+    if supports_function_calling:
+        try:
+            structured_model = model.with_structured_output(OrganizedNote)
+            return structured_model.invoke(messages)
+        except Exception as exc:
+            logger.warning(
+                "笔记整理: with_structured_output 失败 (%s)，fallback 到 prompt JSON", exc
+            )
+
+    # 模式 2: prompt JSON — 在 system prompt 中要求输出 JSON，并手动解析
+    from langchain_core.output_parsers import PydanticOutputParser
+
+    parser = PydanticOutputParser(pydantic_object=OrganizedNote)
+    format_instructions = parser.get_format_instructions()
+
+    prompt_messages = [
+        SystemMessage(
+            content=NOTE_ORGANIZE_PROMPT
+            + f"\n\n你必须以 JSON 格式输出，且遵循以下结构：\n{format_instructions}"
+        ),
+        messages[1],  # HumanMessage
+    ]
+    response = model.invoke(prompt_messages)
+
+    # 先尝试 PydanticOutputParser（依赖严格格式）
+    try:
         return parser.parse(response.content)
-    else:
-        structured_model = model.with_structured_output(
-            OrganizedNote, method="function_calling"
-        )
-        return structured_model.invoke(
-            [
-                SystemMessage(content=NOTE_ORGANIZE_PROMPT),
-                HumanMessage(
-                    content=f"以下是 OCR 识别出的课堂笔记原始文本，请整理为结构化笔记：\n\n{ocr_text}"
-                ),
-            ]
-        )
+    except Exception:
+        pass
+
+    # 再尝试从文本中提取 JSON 并手动构建
+    data = _extract_json_from_text(response.content)
+    if data:
+        return OrganizedNote.model_validate(data)
+
+    raise RuntimeError("LLM 未返回合法的 JSON 结构")
 
 
 def _invoke_with_retry(
diff --git a/frontend/src/components/features/app/error-bank(ErrorQuestionRecommendAside.vue b/frontend/src/components/features/app/error-bank(ErrorQuestionRecommendAside.vue
new file mode 100644
index 00000000..e7ff7d93
--- /dev/null
+++ b/frontend/src/components/features/app/error-bank(ErrorQuestionRecommendAside.vue
@@ -0,0 +1,185 @@
+<script setup>
+/**
+ * ErrorQuestionRecommendAside.vue
+ * 错题库右侧同类题推荐栏。
+ * 基于知识点重叠、学科、题型和内容相似度，纯前端筛选推荐相似题目。
+ */
+import { computed } from 'vue'
+import BaseEmptyState from '@/components/base/BaseEmptyState.vue'
+import BasePanel from '@/components/base/BasePanel.vue'
+import BaseTag from '@/components/base/BaseTag.vue'
+import { getQuestionSnippet } from '@/utils/index.js'
+
+const props = defineProps({
+  currentQuestion: { type: Object, default: null },
+  allItems: { type: Array, default: () => [] },
+})
+
+const emit = defineEmits(['select-question'])
+
+/**
+ * 提取题目文本内容的分词
+ */
+const getTokens = (question) => {
+  const blocks = question.content_json || []
+  return blocks
+    .filter(b => b.block_type === 'text')
+    .map(b => b.content || '')
+    .join(' ')
+    .replace(/<[^>]+>/g, '')
+    .split(/[\s,，。、；：！？""''（）\(\)]+/)
+    .filter(t => t.length >= 2)
+}
+
+/**
+ * 生成推荐理由
+ */
+const generateReasons = (matchedTags, current, candidate) => {
+  const reasons = []
+  if (matchedTags.length > 0) {
+    reasons.push(`共同知识点：${matchedTags.slice(0, 2).join('、')}`)
+  }
+  if (current.subject === candidate.subject && current.subject) {
+    reasons.push(`同属${current.subject}学科`)
+  }
+  if (current.question_type === candidate.question_type && current.question_type) {
+    reasons.push(`同为${current.question_type}`)
+  }
+  return reasons.slice(0, 3)
+}
+
+/**
+ * 计算两道题目的相似度（0-100）
+ */
+const computeSimilarity = (current, candidate) => {
+  if (!current || !candidate || current.id === candidate.id) return null
+
+  // 1. 知识点重叠（Jaccard相似度，权重0.5）
+  const currentTags = new Set(current.knowledge_tags || [])
+  const candidateTags = new Set(candidate.knowledge_tags || [])
+  const intersection = new Set([...currentTags].filter(t => candidateTags.has(t)))
+  const union = new Set([...currentTags, ...candidateTags])
+  const tagSimilarity = union.size > 0 ? intersection.size / union.size : 0
+
+  // 2. 学科匹配（权重0.2）
+  const subjectSimilarity = current.subject === candidate.subject ? 1 : 0
+
+  // 3. 题型匹配（权重0.15）
+  const typeSimilarity = current.question_type === candidate.question_type ? 1 : 0
+
+  // 4. 内容关键词重叠（权重0.15）
+  const currentTokens = new Set(getTokens(current))
+  const candidateTokens = new Set(getTokens(candidate))
+  const tokenIntersection = new Set([...currentTokens].filter(t => candidateTokens.has(t)))
+  const tokenUnion = new Set([...currentTokens, ...candidateTokens])
+  const contentSimilarity = tokenUnion.size > 0 ? tokenIntersection.size / tokenUnion.size : 0
+
+  // 加权计算总分
+  const score = tagSimilarity * 0.5 + subjectSimilarity * 0.2 + typeSimilarity * 0.15 + contentSimilarity * 0.15
+
+  return {
+    question: candidate,
+    similarity: Math.round(score * 100),
+    matchedTags: [...intersection],
+    matchReasons: generateReasons([...intersection], current, candidate),
+  }
+}
+
+/**
+ * 推荐题目列表（按相似度降序，最多5道）
+ */
+const recommended = computed(() => {
+  if (!props.currentQuestion || !props.allItems.length) return []
+  return props.allItems
+    .map(item => computeSimilarity(props.currentQuestion, item))
+    .filter(Boolean)
+    .filter(r => r.similarity > 0)
+    .sort((a, b) => b.similarity - a.similarity)
+    .slice(0, 5)
+})
+
+/**
+ * 相似度徽章颜色
+ */
+const similarityBadgeClass = (similarity) => {
+  if (similarity >= 80) return 'bg-emerald-500/15 text-emerald-300'
+  if (similarity >= 60) return 'bg-amber-500/15 text-amber-300'
+  return 'bg-gray-500/15 text-gray-400'
+}
+</script>
+
+<template>
+  <aside class="hidden min-h-0 flex-col gap-4 overflow-y-auto custom-scrollbar xl:flex">
+    <BasePanel :scroll-body="false" body-class="p-4">
+      <div class="mb-3 flex items-center justify-between gap-3">
+        <h3 class="text-sm font-bold text-gray-900 dark:text-[#f7f8f8]">
+          <i class="fa-solid fa-shuffle mr-1.5 text-blue-400"></i>
+          同类题推荐
+        </h3>
+        <span class="text-xs text-gray-500 dark:text-[#8a8f98]">{{ recommended.length }} 道</span>
+      </div>
+      <p class="text-xs leading-5 text-gray-500 dark:text-[#8a8f98]">
+        基于当前题目的知识点、学科和题型，智能推荐相似题目。
+      </p>
+    </BasePanel>
+
+    <BasePanel :scroll-body="false" body-class="p-4">
+      <div v-if="!currentQuestion" class="rounded-md bg-white/70 p-4 text-sm leading-6 text-gray-500 dark:bg-white/[0.035] dark:text-[#8a8f98]">
+        请先选择一道题目，这里会展示相似的题目推荐。
+      </div>
+
+      <div v-else-if="!recommended.length" class="space-y-3">
+        <BaseEmptyState
+          icon="fa-regular fa-face-meh"
+          title="暂无同类题"
+          description="当前错题库中没有找到相似的题目，可以继续录入更多题目。"
+        />
+      </div>
+
+      <div v-else class="space-y-2">
+        <button
+          v-for="item in recommended"
+          :key="item.question.id"
+          type="button"
+          class="w-full rounded-md bg-white/70 p-3 text-left transition-colors hover:bg-white dark:bg-white/[0.035] dark:hover:bg-white/[0.065]"
+          @click="emit('select-question', item.question)"
+        >
+          <div class="mb-2 flex items-center justify-between gap-3">
+            <span
+              class="rounded-full px-2 py-0.5 text-[11px] font-bold"
+              :class="similarityBadgeClass(item.similarity)"
+            >
+              相似度 {{ item.similarity }}%
+            </span>
+            <i class="fa-solid fa-arrow-right text-[10px] text-gray-400 dark:text-[#62666d]"></i>
+          </div>
+
+          <p class="line-clamp-2 text-sm leading-6 text-gray-700 dark:text-[#d0d6e0]">
+            {{ getQuestionSnippet(item.question, 96, '暂无题干内容') }}
+          </p>
+
+          <div v-if="item.question.knowledge_tags?.length" class="mt-2 flex flex-wrap gap-1">
+            <BaseTag
+              v-for="tag in item.question.knowledge_tags.slice(0, 3)"
+              :key="tag"
+              :tone="item.matchedTags.includes(tag) ? 'accent' : undefined"
+              size="sm"
+            >
+              {{ tag }}
+            </BaseTag>
+          </div>
+
+          <div v-if="item.matchReasons.length" class="mt-2 flex flex-wrap gap-1.5">
+            <span
+              v-for="reason in item.matchReasons"
+              :key="reason"
+              class="rounded-full bg-[rgb(var(--accent-rgb)/0.10)] px-2 py-0.5 text-[11px] font-medium text-[rgb(var(--accent-hover-rgb))]"
+            >
+              {{ reason }}
+            </span>
+          </div>
+        </button>
+      </div>
+    </BasePanel>
+  </aside>
+</template>
diff --git a/frontend/src/components/features/app/error-bank/ErrorLearningAside.vue b/frontend/src/components/features/app/error-bank/ErrorLearningAside.vue
index e405949f..c655a5ba 100644
--- a/frontend/src/components/features/app/error-bank/ErrorLearningAside.vue
+++ b/frontend/src/components/features/app/error-bank/ErrorLearningAside.vue
@@ -28,22 +28,128 @@ let resizeObserver = null
 
 const cloudColors = ['#34d399', '#60a5fa', '#facc15', '#a78bfa', '#fb7185', '#22d3ee', '#fb923c', '#cbd5e1']
 
-const mockMistakeAnalysis = {
-  knowledge_points: ['圆锥体积', '立体几何', '统计', '样本方差', '假设检验'],
-  error_types: ['概念混淆', '公式误用', '审题遗漏'],
-  error_symptoms: ['把题目中的处理效应与样本差异混在一起判断。'],
-  correction_suggestions: [
-    '先复习统计量、样本方差和假设检验的适用条件。',
-    '补做 3-5 道同类统计推断题，重点训练变量含义识别。',
-    '解题时先圈出实验对象、处理方式和待比较指标。',
-  ],
-  confidence: 0.82,
+/**
+ * 错因类型模板库
+ * 每种错因类型包含症状和修正建议的模板，支持 {tag}/{tag1}/{tag2} 占位符
+ */
+const ERROR_TYPE_PROFILES = [
+  {
+    type: '概念混淆',
+    symptoms: [
+      '将 {tag1} 与 {tag2} 的定义条件混淆，未区分两者的适用范围。',
+      '对 {tag} 的核心概念理解偏差，套用了错误的解题框架。',
+    ],
+    suggestions: [
+      '对比整理 {tag} 与易混淆概念的定义差异，制作对照表。',
+      '重做 2-3 道以 {tag} 为核心的选择题，重点识别概念边界。',
+    ],
+    confidenceRange: [0.72, 0.88],
+  },
+  {
+    type: '公式误用',
+    symptoms: [
+      '{tag} 相关公式记混或用错，代入了不匹配的变量。',
+      '在 {tag} 的计算中，未注意公式的前提条件。',
+    ],
+    suggestions: [
+      '整理 {tag} 涉及的核心公式，标注每个公式的适用条件。',
+      '做 3 道变形题，训练识别题目条件与公式的对应关系。',
+    ],
+    confidenceRange: [0.68, 0.85],
+  },
+  {
+    type: '审题遗漏',
+    symptoms: [
+      '忽略了题干中关于 {tag} 的关键限定条件。',
+      '跳读导致遗漏了题目中的隐含条件或单位换算。',
+    ],
+    suggestions: [
+      '审题时逐句圈画关键词，尤其是限定词、单位和否定词。',
+      '训练"读题-画关键信息-列条件"的三步审题习惯。',
+    ],
+    confidenceRange: [0.75, 0.92],
+  },
+  {
+    type: '计算错误',
+    symptoms: [
+      '{tag} 的推导过程正确，但在中间步骤出现计算失误。',
+      '运算过程中符号处理不当，导致最终结果偏离。',
+    ],
+    suggestions: [
+      '分步书写计算过程，每步结果单独验算。',
+      '整理易错运算类型（如正负号、括号展开），建立个人检查清单。',
+    ],
+    confidenceRange: [0.82, 0.95],
+  },
+  {
+    type: '知识点遗忘',
+    symptoms: [
+      '对 {tag} 的基础定理/公式记忆模糊，解题时无法快速调用。',
+      '缺乏对 {tag} 相关知识体系的整体回顾。',
+    ],
+    suggestions: [
+      '针对 {tag} 做一次完整知识点回顾，重新推导核心公式。',
+      '制作 {tag} 的思维导图，建立知识脉络。',
+    ],
+    confidenceRange: [0.65, 0.80],
+  },
+  {
+    type: '解题思路错误',
+    symptoms: [
+      '面对 {tag} 相关问题时，选择了低效或错误的切入点。',
+      '缺乏从题目条件到 {tag} 解法的逻辑推演能力。',
+    ],
+    suggestions: [
+      '总结 {tag} 常见题型的解题模板，归纳通用思路。',
+      '对比正确解法和自己的思路，分析偏差产生的环节。',
+    ],
+    confidenceRange: [0.60, 0.78],
+  },
+]
+
+/**
+ * 根据知识点标签确定性生成错因分析
+ * 使用标签字符串长度作为哈希种子，确保同一题目每次生成相同的分析
+ */
+const generateMockAnalysis = (tags) => {
+  const safeTags = tags.length ? tags : ['基础知识']
+  const tagHash = safeTags.join('').length
+
+  // 根据哈希值确定错因类型数量（2-3种）
+  const typeCount = 2 + (tagHash % 2)
+
+  // 确定性洗牌选择错因类型
+  const shuffled = [...ERROR_TYPE_PROFILES].sort((a, b) => {
+    return (a.type.length + tagHash) % 3 - (b.type.length + tagHash) % 3
+  })
+  const selectedTypes = shuffled.slice(0, typeCount)
+
+  // 填充模板占位符
+  const fillTemplate = (template) => {
+    return template
+      .replace('{tag}', safeTags[0])
+      .replace('{tag1}', safeTags[0])
+      .replace('{tag2}', safeTags[1] || safeTags[0])
+  }
+
+  const primary = selectedTypes[0]
+  const confidence = primary.confidenceRange[0] +
+    (tagHash % 100) / 100 * (primary.confidenceRange[1] - primary.confidenceRange[0])
+
+  return {
+    knowledge_points: safeTags,
+    error_types: selectedTypes.map(t => t.type),
+    error_symptoms: selectedTypes.map(t =>
+      fillTemplate(t.symptoms[tagHash % t.symptoms.length])
+    ),
+    correction_suggestions: selectedTypes.slice(0, 2).map(t =>
+      fillTemplate(t.suggestions[0])
+    ),
+    confidence: Math.round(confidence * 100) / 100,
+  }
 }
 
-const mistakeAnalysis = computed(() => ({
-  ...mockMistakeAnalysis,
-  knowledge_points: props.knowledgeTags.length ? props.knowledgeTags : mockMistakeAnalysis.knowledge_points,
-}))
+const mistakeAnalysis = computed(() => generateMockAnalysis(props.knowledgeTags))
 
 const wordCloudData = computed(() => mistakeAnalysis.value.knowledge_points.slice(0, 12).map((tag, index) => ({
   name: tag,
@@ -155,8 +261,15 @@ onBeforeUnmount(() => {
 
         <div>
           <p class="mb-2 text-xs font-medium text-gray-500 dark:text-[#8a8f98]">错误表现</p>
-          <div class="rounded-xl bg-white/70 p-3 text-sm leading-6 text-gray-600 shadow-inner shadow-black/[0.03] dark:bg-white/[0.035] dark:text-[#b8bec8] dark:shadow-black/20">
-            {{ mistakeAnalysis.error_symptoms[0] }}
+          <div class="space-y-2">
+            <div
+              v-for="(symptom, idx) in mistakeAnalysis.error_symptoms"
+              :key="idx"
+              class="rounded-xl bg-white/70 p-3 text-sm leading-6 text-gray-600 shadow-inner shadow-black/[0.03] dark:bg-white/[0.035] dark:text-[#b8bec8] dark:shadow-black/20"
+            >
+              <span class="mr-1 font-bold text-rose-400">{{ idx + 1 }}.</span>
+              {{ symptom }}
+            </div>
           </div>
         </div>
 
diff --git a/frontend/src/components/features/app/error-bank/ErrorQuestionDetailPanel.vue b/frontend/src/components/features/app/error-bank/ErrorQuestionDetailPanel.vue
index 79390700..0e41eee6 100644
--- a/frontend/src/components/features/app/error-bank/ErrorQuestionDetailPanel.vue
+++ b/frontend/src/components/features/app/error-bank/ErrorQuestionDetailPanel.vue
@@ -32,6 +32,7 @@ const emit = defineEmits([
   'open-chat',
   'start-practice',
   'back-to-list',
+  'open-recommend',
 ])
 
 const statusTone = (status) => {
@@ -152,7 +153,7 @@ const setActiveTab = (value) => emit('update:activeTab', value)
           <i class="fa-solid fa-calendar-plus"></i>
           加入复习
         </BaseButton>
-        <BaseButton size="sm" variant="secondary" disabled title="需要后端同类题生成接口">
+        <BaseButton size="sm" variant="secondary" @click="emit('open-recommend')">
           <i class="fa-solid fa-shuffle"></i>
           同类题
         </BaseButton>
diff --git a/frontend/src/components/features/app/error-bank/ErrorQuestionRecommendAside.vue b/frontend/src/components/features/app/error-bank/ErrorQuestionRecommendAside.vue
new file mode 100644
index 00000000..a12fba04
--- /dev/null
+++ b/frontend/src/components/features/app/error-bank/ErrorQuestionRecommendAside.vue
@@ -0,0 +1,182 @@
+<script setup>
+/**
+ * ErrorQuestionRecommendAside.vue
+ * 错题库右侧同类题推荐栏。
+ * 基于知识点重叠、学科、题型和内容相似度，纯前端筛选推荐相似题目。
+ */
+import { computed } from 'vue'
+import BaseEmptyState from '@/components/base/BaseEmptyState.vue'
+import BasePanel from '@/components/base/BasePanel.vue'
+import BaseTag from '@/components/base/BaseTag.vue'
+import { getQuestionSnippet } from '@/utils/index.js'
+
+const props = defineProps({
+  currentQuestion: { type: Object, default: null },
+  allItems: { type: Array, default: () => [] },
+})
+
+const emit = defineEmits(['select-question'])
+
+/**
+ * 提取题目文本内容的分词
+ */
+const getTokens = (question) => {
+  const blocks = question.content_json || []
+  return blocks
+    .filter(b => b.block_type === 'text')
+    .map(b => b.content || '')
+    .join(' ')
+    .replace(/<[^>]+>/g, '')
+    .split(/[\s,，。、；：！？""''（）\(\)]+/)
+    .filter(t => t.length >= 2)
+}
+
+/**
+ * 生成推荐理由
+ */
+const generateReasons = (matchedTags, current, candidate) => {
+  const reasons = []
+  if (matchedTags.length > 0) {
+    reasons.push(`共同知识点：${matchedTags.slice(0, 2).join('、')}`)
+  }
+  if (current.subject === candidate.subject && current.subject) {
+    reasons.push(`同属${current.subject}学科`)
+  }
+  if (current.question_type === candidate.question_type && current.question_type) {
+    reasons.push(`同为${current.question_type}`)
+  }
+  return reasons.slice(0, 3)
+}
+
+/**
+ * 计算两道题目的相似度（0-100）
+ */
+const computeSimilarity = (current, candidate) => {
+  if (!current || !candidate || current.id === candidate.id) return null
+
+  // 1. 知识点重叠（Jaccard相似度，权重0.5）
+  const currentTags = new Set(current.knowledge_tags || [])
+  const candidateTags = new Set(candidate.knowledge_tags || [])
+  const intersection = new Set([...currentTags].filter(t => candidateTags.has(t)))
+  const union = new Set([...currentTags, ...candidateTags])
+  const tagSimilarity = union.size > 0 ? intersection.size / union.size : 0
+
+  // 2. 学科匹配（权重0.2）
+  const subjectSimilarity = current.subject === candidate.subject ? 1 : 0
+
+  // 3. 题型匹配（权重0.15）
+  const typeSimilarity = current.question_type === candidate.question_type ? 1 : 0
+
+  // 4. 内容关键词重叠（权重0.15）
+  const currentTokens = new Set(getTokens(current))
+  const candidateTokens = new Set(getTokens(candidate))
+  const tokenIntersection = new Set([...currentTokens].filter(t => candidateTokens.has(t)))
+  const tokenUnion = new Set([...currentTokens, ...candidateTokens])
+  const contentSimilarity = tokenUnion.size > 0 ? tokenIntersection.size / tokenUnion.size : 0
+
+  // 加权计算总分
+  const score = tagSimilarity * 0.5 + subjectSimilarity * 0.2 + typeSimilarity * 0.15 + contentSimilarity * 0.15
+
+  return {
+    question: candidate,
+    similarity: Math.round(score * 100),
+    matchedTags: [...intersection],
+    matchReasons: generateReasons([...intersection], current, candidate),
+  }
+}
+
+/**
+ * 推荐题目列表（按相似度降序，最多5道）
+ */
+const recommended = computed(() => {
+  if (!props.currentQuestion || !props.allItems.length) return []
+  return props.allItems
+    .map(item => computeSimilarity(props.currentQuestion, item))
+    .filter(Boolean)
+    .filter(r => r.similarity > 0)
+    .sort((a, b) => b.similarity - a.similarity)
+    .slice(0, 5)
+})
+
+/**
+ * 相似度徽章颜色
+ */
+const similarityBadgeClass = (similarity) => {
+  if (similarity >= 80) return 'bg-emerald-500/15 text-emerald-300'
+  if (similarity >= 60) return 'bg-amber-500/15 text-amber-300'
+  return 'bg-gray-500/15 text-gray-400'
+}
+</script>
+
+<template>
+  <aside class="hidden min-h-0 flex-col gap-4 overflow-y-auto custom-scrollbar xl:flex">
+    <BasePanel :scroll-body="false" body-class="p-4">
+      <div class="mb-3 flex items-center justify-between gap-3">
+        <h3 class="text-sm font-bold text-gray-900 dark:text-[#f7f8f8]">
+          <i class="fa-solid fa-shuffle mr-1.5 text-blue-400"></i>
+          同类题推荐
+        </h3>
+        <span class="text-xs text-gray-500 dark:text-[#8a8f98]">{{ recommended.length }} 道</span>
+      </div>
+      <p class="text-xs leading-5 text-gray-500 dark:text-[#8a8f98]">
+        基于当前题目的知识点、学科和题型，智能推荐相似题目。
+      </p>
+    </BasePanel>
+
+    <div v-if="!currentQuestion" class="rounded-xl bg-white/85 p-4 text-sm leading-6 text-gray-500 shadow-sm shadow-black/[0.03] dark:bg-white/[0.04] dark:text-[#8a8f98] dark:shadow-black/20">
+      请先选择一道题目，这里会展示相似的题目推荐。
+    </div>
+
+    <div v-else-if="!recommended.length" class="rounded-xl bg-white/85 p-4 shadow-sm shadow-black/[0.03] dark:bg-white/[0.04] dark:shadow-black/20">
+      <BaseEmptyState
+        icon="fa-regular fa-face-meh"
+        title="暂无同类题"
+        description="当前错题库中没有找到相似的题目，可以继续录入更多题目。"
+      />
+    </div>
+
+    <div v-else class="space-y-3">
+      <button
+        v-for="item in recommended"
+        :key="item.question.id"
+        type="button"
+        class="w-full rounded-xl bg-white/85 p-4 text-left shadow-sm shadow-black/[0.03] transition-colors hover:bg-white hover:shadow-md dark:bg-white/[0.04] dark:hover:bg-white/[0.07] dark:shadow-black/20"
+        @click="emit('select-question', item.question)"
+      >
+        <div class="mb-2 flex items-center justify-between gap-2">
+          <span
+            class="rounded-full px-2.5 py-0.5 text-xs font-bold"
+            :class="similarityBadgeClass(item.similarity)"
+          >
+            {{ item.similarity }}%
+          </span>
+          <i class="fa-solid fa-arrow-right text-[10px] text-gray-400 dark:text-[#62666d]"></i>
+        </div>
+
+        <p class="text-sm leading-6 text-gray-700 dark:text-[#d0d6e0]">
+          {{ getQuestionSnippet(item.question, 120, '暂无题干内容') }}
+        </p>
+
+        <div v-if="item.question.knowledge_tags?.length" class="mt-2 flex flex-wrap gap-1.5">
+          <BaseTag
+            v-for="tag in item.question.knowledge_tags.slice(0, 3)"
+            :key="tag"
+            :tone="item.matchedTags.includes(tag) ? 'accent' : undefined"
+          >
+            {{ tag }}
+          </BaseTag>
+        </div>
+
+        <div v-if="item.matchReasons.length" class="mt-2.5 flex flex-wrap gap-1.5">
+          <span
+            v-for="reason in item.matchReasons"
+            :key="reason"
+            class="rounded-full bg-[rgb(var(--accent-rgb)/0.10)] px-2 py-0.5 text-[11px] font-medium text-[rgb(var(--accent-hover-rgb))]"
+          >
+            {{ reason }}
+          </span>
+        </div>
+      </button>
+    </div>
+  </aside>
+</template>
diff --git a/frontend/src/views/app/ErrorBankView.vue b/frontend/src/views/app/ErrorBankView.vue
index 6313166c..a758749f 100644
--- a/frontend/src/views/app/ErrorBankView.vue
+++ b/frontend/src/views/app/ErrorBankView.vue
@@ -18,6 +18,7 @@ import BaseButton from '@/components/base/BaseButton.vue'
 import BaseStat from '@/components/base/BaseStat.vue'
 import ErrorLearningAside from '@/components/features/app/error-bank/ErrorLearningAside.vue'
 import ErrorQuestionFinderAside from '@/components/features/app/error-bank/ErrorQuestionFinderAside.vue'
+import ErrorQuestionRecommendAside from '@/components/features/app/error-bank/ErrorQuestionRecommendAside.vue'
 import ErrorQuestionDetailPanel from '@/components/features/app/error-bank/ErrorQuestionDetailPanel.vue'
 import ErrorQuestionListPanel from '@/components/features/app/error-bank/ErrorQuestionListPanel.vue'
 import EditNoteDialog from '@/components/features/app/question/EditNoteDialog.vue'
@@ -43,6 +44,7 @@ const hasQuestionProject = computed(() => questionProjects.value.length > 0)
 const activeTab = ref('analysis')
 const workbenchView = ref('list')
 const statsCollapsed = ref(false)
+const showRecommend = ref(false)
 
 const { selectMode, selectedIds, toggleSelectMode, toggleSelect, clearSelection } = useSelectableList()
 
@@ -159,6 +161,15 @@ const handleFinderSelect = async (q) => {
   await selectQuestion(q)
 }
 
+const toggleRecommendPanel = () => {
+  showRecommend.value = !showRecommend.value
+}
+
+const handleRecommendSelect = async (q) => {
+  workbenchView.value = 'detail'
+  await selectQuestion(q)
+}
+
 watch(() => [filters.subject, filters.knowledge_tag, filters.question_type, filters.review_status], () => debouncedQuery())
 watch(() => filters.keyword, () => debouncedQuery(500))
 watch(() => filters.subject, async () => {
@@ -275,6 +286,7 @@ defineExpose({
             @open-chat="openChat"
             @start-practice="startPractice"
             @back-to-list="workbenchView = 'list'"
+            @open-recommend="toggleRecommendPanel"
           />
         </div>
 
@@ -286,13 +298,19 @@ defineExpose({
           @error="(e) => pushToast('error', e instanceof Error ? e.message : 'AI 找题失败')"
         />
         <ErrorLearningAside
-          v-else
+          v-if="workbenchView === 'detail' && !showRecommend"
           :knowledge-tags="knowledgeTags"
           :error-pattern-rows="errorPatternRows"
           :ai-summary="aiSummary"
           :ai-loading="aiLoading"
           @request-analysis="requestAnalysis"
         />
+        <ErrorQuestionRecommendAside
+          v-else-if="workbenchView === 'detail' && showRecommend"
+          :current-question="activeQuestion"
+          :all-items="items"
+          @select-question="handleRecommendSelect"
+        />
       </div>
 
       <SelectionPanel :visible="selectMode" :count="selectedIds.size" @export="doExport" @clear="clearSelection" />

From 3679ab7494bf7a2728e0129601416ef228f76ade Mon Sep 17 00:00:00 2001
From: wyh <13423906455@163.com>
Date: Sun, 7 Jun 2026 21:29:33 +0800
Subject: [PATCH 04/10] =?UTF-8?q?feat(note):=20=E7=AC=94=E8=AE=B0=E6=95=B4?=
 =?UTF-8?q?=E7=90=86=E6=94=AF=E6=8C=81=E9=80=89=E6=8B=A9=E7=9B=AE=E6=A0=87?=
 =?UTF-8?q?=E7=AC=94=E8=AE=B0=E6=9C=AC=EF=BC=8C=E9=81=BF=E5=85=8D=E7=AC=94?=
 =?UTF-8?q?=E8=AE=B0=E5=BA=93=E8=A2=AB=E9=87=8D=E5=A4=8D=E5=8A=A0=E8=BD=BD?=
 =?UTF-8?q?=E8=A6=86=E7=9B=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 笔记整理新增项目选择弹窗，用户可选择保存到哪个笔记本
- 笔记库新建后自动显示在库视图中（避免重复加载覆盖）
---
 frontend/src/composables/useSplitPipeline.js | 56 +++++++++++++++++---
 frontend/src/views/app/SearchHubView.vue     |  9 ++--
 frontend/src/views/app/WorkspaceView.vue     | 34 ++++++++++++
 3 files changed, 88 insertions(+), 11 deletions(-)

diff --git a/frontend/src/composables/useSplitPipeline.js b/frontend/src/composables/useSplitPipeline.js
index 21f8da53..4895ea35 100644
--- a/frontend/src/composables/useSplitPipeline.js
+++ b/frontend/src/composables/useSplitPipeline.js
@@ -12,7 +12,7 @@ const QUOTA_EXCEEDED_CODE = 'DAILY_FREE_QUOTA_EXCEEDED'
 export function useSplitPipeline(pushToast, currentView, step, S, uploadReady, splitting, splitCompleted, uploadMode, selectedLlmOption, questions, selectedIds, pendingFiles, typesetMath) {
   const openProjectDialog = inject('openProjectDialog', null)
   const { setQuotaSnapshot, refreshCurrentUser } = useAuth()
-  const { activeQuestionProjectId, activeNoteProjectId, loadProjects } = useProjects()
+  const { activeQuestionProjectId, activeNoteProjectId, noteProjects, setActiveProject, loadProjects } = useProjects()
   const eraseLoading = ref(false)
   const eraseImages = ref([])
   const eraseDone = ref(false)
@@ -23,6 +23,11 @@ export function useSplitPipeline(pushToast, currentView, step, S, uploadReady, s
   const currentRunId = ref(null)
   const currentRecordId = ref(null)
 
+  // ── 笔记本项目选择弹窗 ────────────────────────────────
+  const noteProjectDialogOpen = ref(false)
+  const noteTargetProjectId = ref(null)
+  const noteProjectSaving = ref(false)
+
   // 笔记模式默认不启用擦除，试卷模式默认启用
   watch(uploadMode, (mode) => {
     eraseEnabled.value = mode !== 'note'
@@ -165,17 +170,44 @@ export function useSplitPipeline(pushToast, currentView, step, S, uploadReady, s
   }
 
   /**
-   * 将上传文件提交给笔记整理接口，生成笔记后切换到笔记视图。
+   * 打开笔记本项目选择弹窗。
    */
-  const doNoteOrganize = async () => {
-    if (!activeNoteProjectId.value) {
+  const openNoteProjectDialog = () => {
+    if (!noteProjects.value.length) {
       if (openProjectDialog) {
         openProjectDialog('note')
       } else {
-        pushToast('error', '请先创建并选择一个笔记本')
+        pushToast('error', '请先创建一个笔记本')
       }
       return
     }
+    noteTargetProjectId.value = activeNoteProjectId.value || noteProjects.value[0]?.id || null
+    noteProjectDialogOpen.value = true
+  }
+
+  const closeNoteProjectDialog = () => {
+    if (noteProjectSaving.value) return
+    noteProjectDialogOpen.value = false
+  }
+
+  /**
+   * 确认选择笔记本后执行笔记整理。
+   */
+  const confirmNoteOrganize = async () => {
+    if (!noteTargetProjectId.value || noteProjectSaving.value) return
+    noteProjectSaving.value = true
+    try {
+      await _doNoteOrganize(noteTargetProjectId.value)
+      noteProjectDialogOpen.value = false
+    } finally {
+      noteProjectSaving.value = false
+    }
+  }
+
+  /**
+   * 将上传文件提交给笔记整理接口，生成笔记后切换到笔记视图。
+   */
+  const _doNoteOrganize = async (targetProjectId) => {
     splitting.value = true
     currentRunId.value = null
     step.value = S.value.SPLIT
@@ -184,8 +216,6 @@ export function useSplitPipeline(pushToast, currentView, step, S, uploadReady, s
       const formData = new FormData()
       for (const pf of pendingFiles) {
         if (pf.file) {
-          // 由于部分浏览器/上传库会锁定最初选中的 File 对象导致 ERR_UPLOAD_FILE_CHANGED 错误
-          // 在提交给笔记整理前，我们将其重新拷贝为一个新的 File 对象
           const newFile = new File([pf.file], pf.file.name, { type: pf.file.type, lastModified: pf.file.lastModified })
           formData.append('files', newFile)
         }
@@ -200,7 +230,7 @@ export function useSplitPipeline(pushToast, currentView, step, S, uploadReady, s
       if (selectedLlmOption.value?.provider_id) {
         formData.append('provider_id', selectedLlmOption.value.provider_id)
       }
-      formData.append('project_id', activeNoteProjectId.value)
+      formData.append('project_id', targetProjectId)
 
       await new Promise((resolve, reject) => {
         api.createNote(formData, {
@@ -229,6 +259,13 @@ export function useSplitPipeline(pushToast, currentView, step, S, uploadReady, s
     }
   }
 
+  /**
+   * 笔记整理入口：打开项目选择弹窗。
+   */
+  const doNoteOrganize = () => {
+    openNoteProjectDialog()
+  }
+
   /**
    * 导出选中的错题，并触发浏览器下载生成的 markdown 文件。
    */
@@ -292,5 +329,8 @@ export function useSplitPipeline(pushToast, currentView, step, S, uploadReady, s
     ocrLoading, ocrPages, ocrDone,
     currentRunId, currentRecordId, setCurrentRecordId,
     startProcess, doErase, doOcr, doSplit, doExport, doSaveToDb,
+    // 笔记本项目选择弹窗
+    noteProjectDialogOpen, noteTargetProjectId, noteProjectSaving,
+    noteProjects, closeNoteProjectDialog, confirmNoteOrganize,
   }
 }
diff --git a/frontend/src/views/app/SearchHubView.vue b/frontend/src/views/app/SearchHubView.vue
index b60aeb66..980ae6b0 100644
--- a/frontend/src/views/app/SearchHubView.vue
+++ b/frontend/src/views/app/SearchHubView.vue
@@ -291,9 +291,12 @@ async function confirmDelete() {
 }
 
 onMounted(() => {
-  loadProjects().catch((error) => {
-    pushToast('error', error instanceof Error ? error.message : '加载项目失败')
-  })
+  // 如果全局项目列表已有数据，不重新拉取，避免覆盖刚创建的项目
+  if (!projects.value.length) {
+    loadProjects().catch((error) => {
+      pushToast('error', error instanceof Error ? error.message : '加载项目失败')
+    })
+  }
 })
 
 watch(activeLibraryProject, (project) => {
diff --git a/frontend/src/views/app/WorkspaceView.vue b/frontend/src/views/app/WorkspaceView.vue
index 64827569..1dd2dfdc 100644
--- a/frontend/src/views/app/WorkspaceView.vue
+++ b/frontend/src/views/app/WorkspaceView.vue
@@ -143,6 +143,8 @@ const {
   ocrLoading, ocrPages, ocrDone,
   currentRunId, currentRecordId, setCurrentRecordId,
   startProcess, doErase, doOcr, doSplit, doSaveToDb,
+  noteProjectDialogOpen, noteTargetProjectId, noteProjectSaving,
+  noteProjects, closeNoteProjectDialog, confirmNoteOrganize,
 } = useSplitPipeline(pushToast, currentView, step, S, uploadReady, splitting, splitCompleted, uploadMode, selectedLlmOption, questions, selectedIds, pendingFiles, typesetMath)
 
 const reviewStageRef = ref(null)
@@ -381,5 +383,37 @@ onBeforeUnmount(() => {
         </BaseButton>
       </template>
     </BaseModal>
+
+    <!-- 笔记本项目选择弹窗 -->
+    <BaseModal :open="noteProjectDialogOpen" title="选择笔记本" icon="fa-book-open" iconBg="emerald-bg-soft"
+      iconClass="text-emerald-500" maxWidth="max-w-[30rem]" bodyClass="px-6 pb-3 pt-1"
+      @close="closeNoteProjectDialog">
+      <div class="space-y-3">
+        <p class="text-sm text-slate-500 dark:text-[#8a8f98]">
+          将整理后的笔记保存到：
+        </p>
+        <div class="max-h-64 space-y-2 overflow-y-auto pr-1 custom-scrollbar">
+          <button v-for="project in noteProjects" :key="project.id" type="button"
+            class="flex w-full items-center gap-3 rounded-lg border px-3 py-2.5 text-left transition-colors"
+            :class="String(noteTargetProjectId) === String(project.id)
+              ? 'border-[rgb(var(--accent-rgb)/0.35)] bg-[rgb(var(--accent-rgb)/0.12)] text-[rgb(var(--accent-strong-rgb))] dark:text-[rgb(var(--accent-hover-rgb))]'
+              : 'border-slate-200/70 bg-white/50 text-slate-600 hover:border-slate-300 hover:bg-slate-50 dark:border-white/[0.08] dark:bg-white/[0.03] dark:text-[#aeb6c2] dark:hover:bg-white/[0.05]'"
+            @click="noteTargetProjectId = project.id">
+            <i class="fa-solid fa-book-open w-4 text-center text-xs"></i>
+            <span class="min-w-0 flex-1 truncate text-sm font-medium">{{ project.name }}</span>
+            <i v-if="String(noteTargetProjectId) === String(project.id)" class="fa-solid fa-check text-xs"></i>
+          </button>
+        </div>
+      </div>
+      <template #footer>
+        <BaseButton variant="secondary" size="sm" :disabled="noteProjectSaving" @click="closeNoteProjectDialog">
+          取消
+        </BaseButton>
+        <BaseButton variant="primary" size="sm" :disabled="noteProjectSaving || !noteTargetProjectId"
+          @click="confirmNoteOrganize">
+          {{ noteProjectSaving ? '整理中...' : '确认整理' }}
+        </BaseButton>
+      </template>
+    </BaseModal>
   </div>
 </template>

From 29530de9c147a68990252296e5217e54989796c6 Mon Sep 17 00:00:00 2001
From: wyh <13423906455@163.com>
Date: Sun, 7 Jun 2026 21:38:17 +0800
Subject: [PATCH 05/10] =?UTF-8?q?feat(note):=20=E7=AC=94=E8=AE=B0=E6=95=B4?=
 =?UTF-8?q?=E7=90=86=E9=A1=B9=E7=9B=AE=E9=80=89=E6=8B=A9=E5=BC=B9=E7=AA=97?=
 =?UTF-8?q?=E6=94=AF=E6=8C=81=E6=96=B0=E5=BB=BA=E7=AC=94=E8=AE=B0=E6=9C=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在笔记项目选择弹窗底部添加「新建笔记本」按钮
- 与错题库导入弹窗保持一致的交互体验
---
 frontend/src/views/app/WorkspaceView.vue | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/frontend/src/views/app/WorkspaceView.vue b/frontend/src/views/app/WorkspaceView.vue
index 1dd2dfdc..47b41f34 100644
--- a/frontend/src/views/app/WorkspaceView.vue
+++ b/frontend/src/views/app/WorkspaceView.vue
@@ -403,6 +403,14 @@ onBeforeUnmount(() => {
             <span class="min-w-0 flex-1 truncate text-sm font-medium">{{ project.name }}</span>
             <i v-if="String(noteTargetProjectId) === String(project.id)" class="fa-solid fa-check text-xs"></i>
           </button>
+          <button v-if="openProjectDialog" type="button"
+            class="flex w-full items-center justify-center gap-2 rounded-lg border border-dashed px-3 py-2 text-sm transition-colors
+              border-slate-300 text-slate-500 hover:border-slate-400 hover:text-slate-600
+              dark:border-white/[0.12] dark:text-[#8a8f98] dark:hover:border-white/[0.2] dark:hover:text-[#aeb6c2]"
+            @click="openProjectDialog('note')">
+            <i class="fa-solid fa-plus text-xs"></i>
+            <span>新建笔记本</span>
+          </button>
         </div>
       </div>
       <template #footer>

From af4a06a449a7e7527d741159bd2a586c63f13a49 Mon Sep 17 00:00:00 2001
From: wyh <13423906455@163.com>
Date: Sun, 7 Jun 2026 21:59:01 +0800
Subject: [PATCH 06/10] =?UTF-8?q?refactor(frontend):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E9=A1=B9=E7=9B=AE=E5=88=9B=E5=BB=BA=E5=BC=B9=E7=AA=97=E4=BA=A4?=
 =?UTF-8?q?=E4=BA=92=E6=B5=81=E7=A8=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

1. 调整笔记整理弹窗关闭时机，提前关闭弹窗避免视觉卡顿
2. 为BaseModal添加zIndex属性支持，自定义弹窗层级
3. 新增项目创建完成回调，新建项目后自动跳转对应流程
4. 为WorkspaceView的新建按钮绑定创建完成回调，实现自动选中新项目并打开对应弹窗
5. 调整项目弹窗默认z-index层级避免被遮挡
---
 frontend/src/components/base/BaseModal.vue   |  4 +++-
 frontend/src/composables/useSplitPipeline.js |  2 +-
 frontend/src/views/app/AppLayout.vue         | 14 +++++++++---
 frontend/src/views/app/WorkspaceView.vue     | 24 ++++++++++++++++++--
 4 files changed, 37 insertions(+), 7 deletions(-)

diff --git a/frontend/src/components/base/BaseModal.vue b/frontend/src/components/base/BaseModal.vue
index f43ac237..c3ca8222 100644
--- a/frontend/src/components/base/BaseModal.vue
+++ b/frontend/src/components/base/BaseModal.vue
@@ -11,6 +11,7 @@ const props = defineProps({
   bodyClass: { type: String, default: 'px-6 py-5' },
   blurBackdrop: { type: Boolean, default: true },
   sidebarOffset: { type: Number, default: null },
+  zIndex: { type: Number, default: null },
 })
 
 const emit = defineEmits(['close'])
@@ -28,7 +29,7 @@ const backdropStyle = computed(() => ({
       <div
         v-if="open"
         class="dialog-backdrop fixed inset-0 z-[100] bg-black/40 transition-all duration-300"
-        :style="backdropStyle"
+        :style="{ ...backdropStyle, ...(zIndex ? { zIndex: zIndex - 1 } : {}) }"
         @click="emit('close')"
       ></div>
     </Transition>
@@ -37,6 +38,7 @@ const backdropStyle = computed(() => ({
       <div
         v-if="open"
         class="fixed inset-0 z-[101] flex items-center justify-center p-4 transition-all duration-300"
+        :style="zIndex ? { zIndex } : undefined"
         @click.self="emit('close')"
       >
         <div
diff --git a/frontend/src/composables/useSplitPipeline.js b/frontend/src/composables/useSplitPipeline.js
index 4895ea35..34bb980d 100644
--- a/frontend/src/composables/useSplitPipeline.js
+++ b/frontend/src/composables/useSplitPipeline.js
@@ -196,9 +196,9 @@ export function useSplitPipeline(pushToast, currentView, step, S, uploadReady, s
   const confirmNoteOrganize = async () => {
     if (!noteTargetProjectId.value || noteProjectSaving.value) return
     noteProjectSaving.value = true
+    noteProjectDialogOpen.value = false
     try {
       await _doNoteOrganize(noteTargetProjectId.value)
-      noteProjectDialogOpen.value = false
     } finally {
       noteProjectSaving.value = false
     }
diff --git a/frontend/src/views/app/AppLayout.vue b/frontend/src/views/app/AppLayout.vue
index 4c637d88..ec08e2ee 100644
--- a/frontend/src/views/app/AppLayout.vue
+++ b/frontend/src/views/app/AppLayout.vue
@@ -189,8 +189,12 @@ const updateChatListRef = createRefSetter(chatListRef)
 
 /**
  * 打开新建项目弹窗，projectType 区分错题库和笔记本。
+ * 支持 onCreated 回调，创建完成后触发，参数为新建项目的 id。
  */
-const openProjectDialog = (projectType = 'question') => {
+let _projectDialogOnCreated = null
+
+const openProjectDialog = (projectType = 'question', onCreated = null) => {
+  _projectDialogOnCreated = typeof onCreated === 'function' ? onCreated : null
   projectDialogMode.value = 'create'
   projectDialogTarget.value = null
   projectDialogType.value = projectType === 'note' ? 'note' : 'question'
@@ -239,8 +243,12 @@ const handleCreateProject = async () => {
       await renameProject(projectDialogTarget.value.id, name)
       pushToast('success', '项目已重命名')
     } else {
-      await createAndSelectProject(name, projectDialogType.value)
+      const newProject = await createAndSelectProject(name, projectDialogType.value)
       pushToast('success', '项目已创建')
+      if (_projectDialogOnCreated) {
+        _projectDialogOnCreated(newProject?.id || null)
+        _projectDialogOnCreated = null
+      }
     }
     projectDialogOpen.value = false
     projectDialogName.value = ''
@@ -424,7 +432,7 @@ onBeforeUnmount(() => {
         @select-chat="selectAiChatFromSearch"
       />
       <BaseModal :open="projectDialogOpen" :title="projectDialogTitle" icon="fa-folder-plus" iconBg="accent-bg-soft"
-        iconClass="accent-text" maxWidth="max-w-[28rem]" bodyClass="px-6 pb-3 pt-1" @close="closeProjectDialog">
+        iconClass="accent-text" maxWidth="max-w-[28rem]" bodyClass="px-6 pb-3 pt-1" :z-index="110" @close="closeProjectDialog">
         <form class="space-y-4" @submit.prevent="handleCreateProject">
           <BaseInput v-model="projectDialogName" label="名称" :placeholder="projectDialogPlaceholder" maxlength="100"
             data-project-name-input />
diff --git a/frontend/src/views/app/WorkspaceView.vue b/frontend/src/views/app/WorkspaceView.vue
index 47b41f34..90d5b41e 100644
--- a/frontend/src/views/app/WorkspaceView.vue
+++ b/frontend/src/views/app/WorkspaceView.vue
@@ -212,6 +212,26 @@ const closeImportDialog = () => {
   importDialogOpen.value = false
 }
 
+/**
+ * 新建错题库后自动选中并重新打开导入弹窗。
+ */
+const onQuestionProjectCreated = (newId) => {
+  if (newId) {
+    importTargetProjectId.value = newId
+    importDialogOpen.value = true
+  }
+}
+
+/**
+ * 新建笔记本后自动选中并重新打开笔记选择弹窗。
+ */
+const onNoteProjectCreated = (newId) => {
+  if (newId) {
+    noteTargetProjectId.value = newId
+    noteProjectDialogOpen.value = true
+  }
+}
+
 /**
  * 将选中题目保存到目标错题库，成功后切换当前错题库。
  */
@@ -367,7 +387,7 @@ onBeforeUnmount(() => {
             class="flex w-full items-center justify-center gap-2 rounded-lg border border-dashed px-3 py-2 text-sm transition-colors
               border-slate-300 text-slate-500 hover:border-slate-400 hover:text-slate-600
               dark:border-white/[0.12] dark:text-[#8a8f98] dark:hover:border-white/[0.2] dark:hover:text-[#aeb6c2]"
-            @click="openProjectDialog('question')">
+            @click="openProjectDialog('question', onQuestionProjectCreated)">
             <i class="fa-solid fa-plus text-xs"></i>
             <span>新建错题库</span>
           </button>
@@ -407,7 +427,7 @@ onBeforeUnmount(() => {
             class="flex w-full items-center justify-center gap-2 rounded-lg border border-dashed px-3 py-2 text-sm transition-colors
               border-slate-300 text-slate-500 hover:border-slate-400 hover:text-slate-600
               dark:border-white/[0.12] dark:text-[#8a8f98] dark:hover:border-white/[0.2] dark:hover:text-[#aeb6c2]"
-            @click="openProjectDialog('note')">
+            @click="openProjectDialog('note', onNoteProjectCreated)">
             <i class="fa-solid fa-plus text-xs"></i>
             <span>新建笔记本</span>
           </button>

From 82d43acc72236883f62d4d03c9ac780fab9107bf Mon Sep 17 00:00:00 2001
From: wyh <13423906455@163.com>
Date: Sun, 7 Jun 2026 22:14:22 +0800
Subject: [PATCH 07/10] =?UTF-8?q?refactor(model-selection):=20=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4=E4=B8=BA=E5=8D=95=E6=A8=A1=E5=9E=8B=E6=A8=A1=E5=BC=8F?=
 =?UTF-8?q?=EF=BC=8C=E7=AE=80=E5=8C=96=E5=A4=9A=E6=A8=A1=E5=9E=8B=E5=85=BC?=
 =?UTF-8?q?=E5=AE=B9=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

1. 重构split_models函数，仅处理单个模型，移除逗号分割逻辑
2. 移除配置加载时的多模型取第一个的兼容代码
3. 简化后端状态接口中的模型列表处理逻辑
4. 前端移除多选模型功能，调整表单选择逻辑和提示文案
---
 backend/core/config.py                        |  4 ---
 backend/core/model_selection.py               |  4 ++-
 backend/routes/settings.py                    |  8 ++----
 .../features/app/settings/ProviderDialog.vue  | 28 ++++++-------------
 frontend/src/views/app/SettingsView.vue       |  4 ++-
 5 files changed, 16 insertions(+), 32 deletions(-)

diff --git a/backend/core/config.py b/backend/core/config.py
index 9876d50b..a5038b69 100644
--- a/backend/core/config.py
+++ b/backend/core/config.py
@@ -316,10 +316,6 @@ def build_provider_config(
     ) -> LLMProviderConfig:
         key = self._normalize_provider(name)
 
-        # 处理可能包含多个模型的字符串（取第一个作为默认）
-        if model_name and "," in model_name:
-            model_name = [m.strip() for m in model_name.split(",") if m.strip()][0]
-
         if key == "openai":
             return OpenAICompatibleConfig(
                 api_key=api_key,
diff --git a/backend/core/model_selection.py b/backend/core/model_selection.py
index 4a218e56..a2d09cfd 100644
--- a/backend/core/model_selection.py
+++ b/backend/core/model_selection.py
@@ -22,7 +22,9 @@ class LLMSelectionError(Exception):
 
 
 def split_models(model_name: str | None) -> list[str]:
-    return [item.strip() for item in (model_name or "").split(",") if item.strip()]
+    """返回模型名称列表。现在只支持单个模型，但保留列表形式以兼容调用方。"""
+    name = (model_name or "").strip()
+    return [name] if name else []
 
 
 def build_managed_provider_context(db):
diff --git a/backend/routes/settings.py b/backend/routes/settings.py
index b37dff0d..817a9492 100644
--- a/backend/routes/settings.py
+++ b/backend/routes/settings.py
@@ -109,11 +109,7 @@ def get_status():
                     crud.get_active_provider(db, user_id, category) if user_id else None
                 )
                 if provider and provider.api_key:
-                    models = (
-                        [m.strip() for m in provider.model_name.split(",")]
-                        if provider.model_name
-                        else []
-                    )
+                    models = [provider.model_name] if provider.model_name else []
                     available_models.append(
                         {
                             "value": category,
@@ -128,7 +124,7 @@ def get_status():
                 else:
                     managed_cfg = managed_llm.get(category)
                     managed_models = (
-                        [m.strip() for m in managed_cfg.model_name.split(",")]
+                        [managed_cfg.model_name]
                         if managed_cfg
                         and managed_cfg.configured
                         and managed_cfg.model_name
diff --git a/frontend/src/components/features/app/settings/ProviderDialog.vue b/frontend/src/components/features/app/settings/ProviderDialog.vue
index 172f7fcd..71095b7e 100644
--- a/frontend/src/components/features/app/settings/ProviderDialog.vue
+++ b/frontend/src/components/features/app/settings/ProviderDialog.vue
@@ -117,9 +117,9 @@ const fetchModels = async () => {
     const apiModels = data.models || []
     const modelSet = new Set(apiModels)
     // 将当前表单中的模型名也加入列表（兼容废弃模型如 deepseek-chat / deepseek-reasoner）
-    const currentModels = (form.value.model_name || '').split(',').map(s => s.trim()).filter(Boolean)
+    const currentModel = form.value.model_name || ''
     const currentLightModel = form.value.light_model_name || ''
-    for (const m of currentModels) { if (!modelSet.has(m)) { modelSet.add(m); apiModels.push(m) } }
+    if (currentModel && !modelSet.has(currentModel)) { modelSet.add(currentModel); apiModels.push(currentModel) }
     if (currentLightModel && !modelSet.has(currentLightModel)) { modelSet.add(currentLightModel); apiModels.push(currentLightModel) }
     modelList.value = apiModels
     if (modelList.value.length === 0) {
@@ -211,18 +211,8 @@ const toggleDropdown = (field) => {
   openDropdown.value = openDropdown.value === field ? null : field
 }
 const selectOption = (field, value) => {
-  if (field === 'model_name') {
-    let current = form.value.model_name ? form.value.model_name.split(',').map(s => s.trim()).filter(Boolean) : []
-    if (current.includes(value)) {
-      current = current.filter(m => m !== value)
-    } else {
-      current.push(value)
-    }
-    form.value.model_name = current.join(', ')
-  } else {
-    form.value[field] = value
-    openDropdown.value = null
-  }
+  form.value[field] = value
+  openDropdown.value = null
 }
 </script>
 
@@ -272,7 +262,7 @@ const selectOption = (field, value) => {
       <div class="grid gap-4" :class="type === 'openai' ? 'sm:grid-cols-2' : ''">
         <div>
           <label class="mb-1.5 flex items-center gap-1.5 text-xs font-bold text-slate-600 dark:text-slate-400">
-            {{ type === 'paddleocr' ? 'OCR 模型' : '模型(可多选)' }}
+            {{ type === 'paddleocr' ? 'OCR 模型' : '模型' }}
             <span v-if="type !== 'paddleocr'" class="group relative">
               <i
                 class="fa-solid fa-circle-info cursor-help text-slate-400 transition-colors hover:text-blue-500 dark:text-slate-500"></i>
@@ -296,12 +286,10 @@ const selectOption = (field, value) => {
                 class="absolute z-50 mt-1.5 max-h-48 w-full overflow-y-auto rounded-xl border border-slate-200/60 bg-white py-1 shadow-xl dark:border-white/10 dark:bg-[#0A0A0F]">
                 <button v-for="m in modelList" :key="m" type="button" @click.stop="selectOption('model_name', m)"
                   class="flex w-full items-center gap-2 px-4 py-2 text-left text-sm transition-colors hover:bg-gray-50 dark:hover:bg-white/5"
-                  :class="(form.model_name ? form.model_name.split(',').map(s => s.trim()) : []).includes(m) ? 'font-bold text-slate-900 dark:text-[#f7f8f8]' : 'text-slate-600 dark:text-slate-400'">
-                  <i v-if="(form.model_name ? form.model_name.split(',').map(s => s.trim()) : []).includes(m)"
+                  :class="form.model_name === m ? 'font-bold text-slate-900 dark:text-[#f7f8f8]' : 'text-slate-600 dark:text-slate-400'">
+                  <i v-if="form.model_name === m"
                     class="fa-solid fa-check text-[10px] text-slate-900 dark:text-[#f7f8f8]"></i>
-                  <span
-                    :class="!(form.model_name ? form.model_name.split(',').map(s => s.trim()) : []).includes(m) ? 'pl-[18px]' : ''">{{
-                    m }}</span>
+                  <span :class="form.model_name !== m ? 'pl-[18px]' : ''">{{ m }}</span>
                 </button>
               </div>
             </Transition>
diff --git a/frontend/src/views/app/SettingsView.vue b/frontend/src/views/app/SettingsView.vue
index e449a788..1c66bff7 100644
--- a/frontend/src/views/app/SettingsView.vue
+++ b/frontend/src/views/app/SettingsView.vue
@@ -26,7 +26,7 @@ const props = defineProps({
 
 const { currentUser, quota, setCurrentUser } = useAuth()
 const { pushToast } = useToast()
-const { doFetchStatus, selectedLlmOptionId, selectedLlmOption, modelOptionsData } = useSystemStatus()
+const { doFetchStatus, doFetchModelOptions, selectedLlmOptionId, selectedLlmOption, modelOptionsData } = useSystemStatus()
 const { isDark, setTheme, themeColors, accentColorId, setAccentColor } = useTheme()
 
 // 计算当前设置页各分类应显示的“使用中” ID
@@ -565,6 +565,7 @@ const saveConfig = async () => {
 
     await updateAppConfig(payload)
     doFetchStatus()
+    doFetchModelOptions()
   } catch (e) {
     pushToast('error', '保存失败: ' + (e instanceof Error ? e.message : String(e)))
   } finally {
@@ -623,6 +624,7 @@ const saveSystemConfig = async () => {
 
     await updateAdminSystemConfig(payload)
     doFetchStatus()
+    doFetchModelOptions()
   } catch (e) {
     pushToast('error', '保存系统托管配置失败: ' + (e instanceof Error ? e.message : String(e)))
     throw e

From 1702d8a5fef56ae1d9692e291f1caf307cd3d09d Mon Sep 17 00:00:00 2001
From: wyh <13423906455@163.com>
Date: Mon, 8 Jun 2026 09:51:34 +0800
Subject: [PATCH 08/10] =?UTF-8?q?feat(project):=20=E5=88=A0=E9=99=A4?=
 =?UTF-8?q?=E9=A1=B9=E7=9B=AE=E6=94=AF=E6=8C=81=E7=BA=A7=E8=81=94=E5=88=A0?=
 =?UTF-8?q?=E9=99=A4=EF=BC=8C=E5=BC=B9=E7=AA=97=E4=BA=A4=E4=BA=92=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 后端删除项目时级联清理关联题目、笔记、标签、对话等数据
- 移除 PROJECT_NOT_EMPTY 限制，有内容也可一键删除
- 删除弹窗新增 5 秒倒计时保护（有内容时）
- BaseModal 新增 zIndex prop，修复弹窗层叠问题
- 修复库页面删除弹窗无法关闭的问题（deleteSaving 阻塞 close）
- 删除题目后自动刷新项目计数并切换回列表视图
- 保存 LLM 配置后同时刷新模型选项列表
---
 backend/db/crud/projects.py                   | 20 +++++----
 backend/routes/projects.py                    |  2 -
 .../src/composables/useErrorBankActions.js    |  7 +++-
 frontend/src/views/app/AppLayout.vue          | 28 ++++++++++---
 frontend/src/views/app/ErrorBankView.vue      | 10 ++++-
 frontend/src/views/app/SearchHubView.vue      | 41 +++++++++++++++----
 6 files changed, 82 insertions(+), 26 deletions(-)

diff --git a/backend/db/crud/projects.py b/backend/db/crud/projects.py
index b49f126c..6b3b3164 100644
--- a/backend/db/crud/projects.py
+++ b/backend/db/crud/projects.py
@@ -4,7 +4,10 @@
 
 from sqlalchemy.orm import Session
 
-from db.models import Note, Project, Question, UploadBatch
+from db.models import (
+    ChatSession, Note, Project, Question, QuestionEmbedding,
+    QuestionTagMapping, UploadBatch,
+)
 
 
 VALID_PROJECT_TYPES = {"question", "note"}
@@ -135,14 +138,15 @@ def delete_project(db: Session, project_id: int, user_id=None) -> bool:
     if project.is_default:
         raise ValueError("DEFAULT_PROJECT_IMMUTABLE")
 
-    # 检查是否有题目或笔记
-    has_questions = db.query(Question.id).filter(Question.project_id == project.id).first()
-    has_notes = db.query(Note.id).filter(Note.project_id == project.id).first()
+    # 先删除题目和笔记的关联子表，再删除题目/笔记本身
+    question_ids = [q.id for q in db.query(Question.id).filter(Question.project_id == project.id).all()]
+    if question_ids:
+        db.query(QuestionEmbedding).filter(QuestionEmbedding.question_id.in_(question_ids)).delete(synchronize_session=False)
+        db.query(ChatSession).filter(ChatSession.question_id.in_(question_ids)).delete(synchronize_session=False)
+        db.query(QuestionTagMapping).filter(QuestionTagMapping.question_id.in_(question_ids)).delete(synchronize_session=False)
+        db.query(Question).filter(Question.id.in_(question_ids)).delete(synchronize_session=False)
 
-    if has_questions or has_notes:
-        raise ValueError("PROJECT_NOT_EMPTY")
-
-    # 如果没有题目和笔记了，自动清理关联的空批次（UploadBatch）
+    db.query(Note).filter(Note.project_id == project.id).delete()
     db.query(UploadBatch).filter(UploadBatch.project_id == project.id).delete()
 
     db.delete(project)
diff --git a/backend/routes/projects.py b/backend/routes/projects.py
index 90235f61..e0768338 100644
--- a/backend/routes/projects.py
+++ b/backend/routes/projects.py
@@ -113,8 +113,6 @@ def delete_project(project_id):
             except ValueError as exc:
                 if str(exc) == "DEFAULT_PROJECT_IMMUTABLE":
                     return jsonify({"success": False, "error": "默认项目不能删除"}), 400
-                if str(exc) == "PROJECT_NOT_EMPTY":
-                    return jsonify({"success": False, "error": "项目里还有内容，暂时不能删除"}), 400
                 raise
             if not deleted:
                 return jsonify({"success": False, "error": "项目不存在"}), 404
diff --git a/frontend/src/composables/useErrorBankActions.js b/frontend/src/composables/useErrorBankActions.js
index b7866ae7..a2a11542 100644
--- a/frontend/src/composables/useErrorBankActions.js
+++ b/frontend/src/composables/useErrorBankActions.js
@@ -1,5 +1,6 @@
 import { computed, ref } from 'vue'
 import * as api from '@/api/index.js'
+import { useProjects } from '@/composables/useProjects.js'
 
 /**
  * useErrorBankActions
@@ -13,10 +14,12 @@ export function useErrorBankActions({
   selectedIds,
   activeQuestion,
   activeTab,
+  workbenchView,
   pushToast,
   typesetMath,
   loadStats,
 }) {
+  const { loadProjects } = useProjects()
   const dialogOpen = ref(false)
   const dialogField = ref('answer')
   const dialogQuestion = ref(null)
@@ -98,10 +101,12 @@ export function useErrorBankActions({
       grandTotal.value = Math.max(0, grandTotal.value - 1)
       selectedIds.delete(question.id)
       if (String(activeQuestionId.value) === String(question.id)) {
-        activeQuestionId.value = items.value[0]?.id || null
+        activeQuestionId.value = null
+        if (workbenchView) workbenchView.value = 'list'
       }
       pushToast('success', '题目已删除')
       await loadStats()
+      await loadProjects()
     } catch (_) {
       pushToast('error', '删除失败')
     }
diff --git a/frontend/src/views/app/AppLayout.vue b/frontend/src/views/app/AppLayout.vue
index ec08e2ee..37c71998 100644
--- a/frontend/src/views/app/AppLayout.vue
+++ b/frontend/src/views/app/AppLayout.vue
@@ -106,6 +106,8 @@ const projectDialogSaving = ref(false)
 const deleteProjectDialogOpen = ref(false)
 const deleteProjectTarget = ref(null)
 const deleteProjectSaving = ref(false)
+const deleteCountdown = ref(0)
+let deleteTimer = null
 const projectDialogTitle = computed(() => {
   if (projectDialogMode.value === 'rename') return '重命名'
   return projectDialogType.value === 'note' ? '新建笔记本' : '新建错题库'
@@ -261,16 +263,31 @@ const handleCreateProject = async () => {
 }
 
 /**
- * 打开删除项目确认弹窗。
+ * 打开删除项目确认弹窗。有内容时启动 5 秒倒计时，无内容可直接删除。
  */
 const handleDeleteProject = async (project) => {
   if (!project || project.is_default) return
   deleteProjectTarget.value = project
   deleteProjectDialogOpen.value = true
+  const hasContent = (project.question_count || 0) > 0 || (project.note_count || 0) > 0
+  if (hasContent) {
+    deleteCountdown.value = 5
+    deleteTimer = setInterval(() => {
+      deleteCountdown.value--
+      if (deleteCountdown.value <= 0) {
+        clearInterval(deleteTimer)
+        deleteTimer = null
+      }
+    }, 1000)
+  } else {
+    deleteCountdown.value = 0
+  }
 }
 
 const closeDeleteProjectDialog = () => {
   if (deleteProjectSaving.value) return
+  if (deleteTimer) { clearInterval(deleteTimer); deleteTimer = null }
+  deleteCountdown.value = 0
   deleteProjectDialogOpen.value = false
   deleteProjectTarget.value = null
 }
@@ -280,7 +297,7 @@ const closeDeleteProjectDialog = () => {
  */
 const confirmDeleteProject = async () => {
   const project = deleteProjectTarget.value
-  if (!project || project.is_default || deleteProjectSaving.value) return
+  if (!project || project.is_default || deleteProjectSaving.value || deleteCountdown.value > 0) return
   deleteProjectSaving.value = true
   try {
     await removeProject(project.id)
@@ -339,6 +356,7 @@ onBeforeUnmount(() => {
   document.body.style.overflow = ''
   document.removeEventListener('keydown', onKeydown)
   document.removeEventListener('click', closeChatMenu)
+  if (deleteTimer) { clearInterval(deleteTimer); deleteTimer = null }
 })
 </script>
 
@@ -456,15 +474,15 @@ onBeforeUnmount(() => {
             }}</span>”吗？
           </p>
           <p class="text-xs text-slate-400 dark:text-[#737b86]">
-            默认项目不能删除；已有内容的项目会被系统阻止删除。
+            项目内的所有错题将一并删除，且不可恢复。
           </p>
         </div>
         <template #footer>
           <BaseButton variant="secondary" size="sm" :disabled="deleteProjectSaving" @click="closeDeleteProjectDialog">
             取消
           </BaseButton>
-          <BaseButton variant="primary" size="sm" :disabled="deleteProjectSaving" @click="confirmDeleteProject">
-            {{ deleteProjectSaving ? '删除中...' : '删除' }}
+          <BaseButton variant="primary" size="sm" :disabled="deleteProjectSaving || deleteCountdown > 0" @click="confirmDeleteProject">
+            {{ deleteProjectSaving ? '删除中...' : deleteCountdown > 0 ? `删除 (${deleteCountdown}s)` : '删除' }}
           </BaseButton>
         </template>
       </BaseModal>
diff --git a/frontend/src/views/app/ErrorBankView.vue b/frontend/src/views/app/ErrorBankView.vue
index a758749f..1ab2feb6 100644
--- a/frontend/src/views/app/ErrorBankView.vue
+++ b/frontend/src/views/app/ErrorBankView.vue
@@ -38,7 +38,7 @@ const { pushToast } = useToast()
 const { openModal } = useImageModal()
 const { currentView } = useWorkspaceNav()
 const { openChat } = useChatSession()
-const { activeQuestionProjectId, questionProjects } = useProjects()
+const { activeQuestionProjectId, questionProjects, loadProjects } = useProjects()
 const hasQuestionProject = computed(() => questionProjects.value.length > 0)
 
 const activeTab = ref('analysis')
@@ -115,6 +115,7 @@ const {
   selectedIds,
   activeQuestion,
   activeTab,
+  workbenchView,
   pushToast,
   typesetMath,
   loadStats,
@@ -194,6 +195,11 @@ onBeforeUnmount(() => {
   disposeQuery()
 })
 
+const onDetailDeleted = () => {
+  doQuery()
+  loadProjects()
+}
+
 defineExpose({
   refresh: doQuery,
   toggleSelectMode,
@@ -322,7 +328,7 @@ defineExpose({
         @close="dialogOpen = false" @save="onDialogSave" />
 
       <QuestionDetailModal :open="detailOpen" :question="detailQuestion" @close="detailOpen = false"
-        @open-image="openModal" @deleted="doQuery" @push-toast="pushToast" @start-chat="openChat"
+        @open-image="openModal" @deleted="onDetailDeleted" @push-toast="pushToast" @start-chat="openChat"
         @answer-saved="doQuery" @review-status-changed="doQuery" />
     </div>
   </component>
diff --git a/frontend/src/views/app/SearchHubView.vue b/frontend/src/views/app/SearchHubView.vue
index 980ae6b0..134f1a15 100644
--- a/frontend/src/views/app/SearchHubView.vue
+++ b/frontend/src/views/app/SearchHubView.vue
@@ -3,7 +3,7 @@
  * SearchHubView.vue
  * 库页面：Linear Projects 风格的项目列表。
  */
-import { computed, onMounted, ref, watch } from 'vue'
+import { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import BaseButton from '@/components/base/BaseButton.vue'
 import BaseDropdown from '@/components/base/BaseDropdown.vue'
@@ -58,6 +58,8 @@ const renameSaving = ref(false)
 const deleteDialogOpen = ref(false)
 const deleteTarget = ref(null)
 const deleteSaving = ref(false)
+const deleteCountdown = ref(0)
+let deleteTimer = null
 
 const projectTypeOptions = computed(() => [
   { value: 'all', label: `全部 ${projects.value.length}` },
@@ -268,21 +270,37 @@ function openDeleteDialog(project) {
   deleteTarget.value = project
   deleteDialogOpen.value = true
   actionMenuProjectId.value = null
+  const hasContent = (project.question_count || 0) > 0 || (project.note_count || 0) > 0
+  if (hasContent) {
+    deleteCountdown.value = 5
+    deleteTimer = setInterval(() => {
+      deleteCountdown.value--
+      if (deleteCountdown.value <= 0) {
+        clearInterval(deleteTimer)
+        deleteTimer = null
+      }
+    }, 1000)
+  } else {
+    deleteCountdown.value = 0
+  }
 }
 
 function closeDeleteDialog() {
   if (deleteSaving.value) return
+  if (deleteTimer) { clearInterval(deleteTimer); deleteTimer = null }
+  deleteCountdown.value = 0
   deleteDialogOpen.value = false
   deleteTarget.value = null
 }
 
 async function confirmDelete() {
-  if (!deleteTarget.value || deleteSaving.value) return
+  if (!deleteTarget.value || deleteSaving.value || deleteCountdown.value > 0) return
   deleteSaving.value = true
   try {
     await removeProject(deleteTarget.value.id)
     pushToast('success', '项目已删除')
-    closeDeleteDialog()
+    deleteDialogOpen.value = false
+    deleteTarget.value = null
   } catch (error) {
     pushToast('error', error instanceof Error ? error.message : '删除项目失败')
   } finally {
@@ -290,6 +308,10 @@ async function confirmDelete() {
   }
 }
 
+onBeforeUnmount(() => {
+  if (deleteTimer) { clearInterval(deleteTimer); deleteTimer = null }
+})
+
 onMounted(() => {
   // 如果全局项目列表已有数据，不重新拉取，避免覆盖刚创建的项目
   if (!projects.value.length) {
@@ -471,7 +493,7 @@ watch(activeLibraryProject, (project) => {
       </div>
 
       <div v-else-if="mode === 'library'" class="flex h-full min-h-0 flex-col overflow-hidden">
-        <div v-if="activeLibraryProject" class="flex h-full min-h-0 flex-col overflow-hidden">
+        <div v-if="activeLibraryProject" :key="activeLibraryProject.id" class="flex h-full min-h-0 flex-col overflow-hidden">
           <NoteView v-if="activeLibraryProject.normalizedType === 'note'" embedded />
           <ErrorBankView v-else embedded />
         </div>
@@ -603,15 +625,18 @@ watch(activeLibraryProject, (project) => {
       bodyClass="px-6 pb-3 pt-1"
       @close="closeDeleteDialog"
     >
-      <p class="text-sm leading-6 text-gray-600 dark:text-[#aeb6c2]">
-        确定删除“<span class="font-semibold text-gray-900 dark:text-[#f7f8f8]">{{ deleteTarget?.name }}</span>”吗？如果项目里已有题目或笔记，后端会阻止删除。
+      <p class=”text-sm leading-6 text-gray-600 dark:text-[#aeb6c2]”>
+        确定删除”<span class=”font-semibold text-gray-900 dark:text-[#f7f8f8]”>{{ deleteTarget?.name }}</span>”吗？
+      </p>
+      <p class=”mt-2 text-xs text-gray-400 dark:text-[#62666d]”>
+        项目内的所有题目或笔记将一并删除，且不可恢复。
       </p>
       <template #footer>
         <BaseButton variant="secondary" size="sm" :disabled="deleteSaving" @click="closeDeleteDialog">
           取消
         </BaseButton>
-        <BaseButton variant="primary" size="sm" :disabled="deleteSaving" @click="confirmDelete">
-          {{ deleteSaving ? '删除中...' : '删除' }}
+        <BaseButton variant="primary" size="sm" :disabled="deleteSaving || deleteCountdown > 0" @click="confirmDelete">
+          {{ deleteSaving ? '删除中...' : deleteCountdown > 0 ? `删除 (${deleteCountdown}s)` : '删除' }}
         </BaseButton>
       </template>
     </BaseModal>

From 1a50cad19b4348dc2d980a9d8f95b122ffb2868b Mon Sep 17 00:00:00 2001
From: wyh <13423906455@163.com>
Date: Mon, 8 Jun 2026 10:21:05 +0800
Subject: [PATCH 09/10] =?UTF-8?q?refactor:=20=E7=A7=BB=E9=99=A4=E6=A8=A1?=
 =?UTF-8?q?=E5=9E=8B=E5=A4=9A=E9=80=89=EF=BC=8C=E4=BF=AE=E5=A4=8D=E7=AC=94?=
 =?UTF-8?q?=E8=AE=B0=E7=BA=A7=E8=81=94=E5=88=A0=E9=99=A4=EF=BC=8C=E4=BF=9D?=
 =?UTF-8?q?=E5=AD=98=E9=85=8D=E7=BD=AE=E5=90=8E=E5=88=B7=E6=96=B0=E6=A8=A1?=
 =?UTF-8?q?=E5=9E=8B=E5=88=97=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- ProviderDialog 模型选择改为单选，移除逗号拼接逻辑
- 后端移除 model_name 逗号分割逻辑，split_models 返回单元素列表
- 删除笔记本项目时级联清理 NoteTagMapping
- 设置页保存配置后同时刷新 modelOptions，工作台立即显示新模型名
- 笔记删除后刷新项目计数
---
 backend/core/config.py                        |  2 +-
 backend/db/crud/projects.py                   |  9 ++--
 backend/routes/settings.py                    |  4 +-
 .../features/app/settings/ProviderDialog.vue  | 45 ++++++++-----------
 frontend/src/composables/useSplitPipeline.js  |  9 +---
 frontend/src/views/app/AppLayout.vue          |  4 +-
 frontend/src/views/app/NoteView.vue           |  4 +-
 frontend/src/views/app/SettingsView.vue       |  8 +---
 frontend/src/views/app/WorkspaceView.vue      | 16 +++----
 9 files changed, 38 insertions(+), 63 deletions(-)

diff --git a/backend/core/config.py b/backend/core/config.py
index a5038b69..0fcc28e6 100644
--- a/backend/core/config.py
+++ b/backend/core/config.py
@@ -504,7 +504,7 @@ def load_providers_from_db(
         if owns_db:
             db = SessionLocal()
         try:
-            for category in [("openai"), ("anthropic")]:
+            for category in ("openai", "anthropic"):
                 provider = get_active_provider(db, user_id, category)
                 if provider and provider.api_key:
                     cfg = self.build_provider_config(
diff --git a/backend/db/crud/projects.py b/backend/db/crud/projects.py
index 6b3b3164..993584ab 100644
--- a/backend/db/crud/projects.py
+++ b/backend/db/crud/projects.py
@@ -5,8 +5,8 @@
 from sqlalchemy.orm import Session
 
 from db.models import (
-    ChatSession, Note, Project, Question, QuestionEmbedding,
-    QuestionTagMapping, UploadBatch,
+    ChatSession, Note, NoteTagMapping, Project, Question,
+    QuestionEmbedding, QuestionTagMapping, UploadBatch,
 )
 
 
@@ -146,7 +146,10 @@ def delete_project(db: Session, project_id: int, user_id=None) -> bool:
         db.query(QuestionTagMapping).filter(QuestionTagMapping.question_id.in_(question_ids)).delete(synchronize_session=False)
         db.query(Question).filter(Question.id.in_(question_ids)).delete(synchronize_session=False)
 
-    db.query(Note).filter(Note.project_id == project.id).delete()
+    note_ids = [n.id for n in db.query(Note.id).filter(Note.project_id == project.id).all()]
+    if note_ids:
+        db.query(NoteTagMapping).filter(NoteTagMapping.note_id.in_(note_ids)).delete(synchronize_session=False)
+        db.query(Note).filter(Note.id.in_(note_ids)).delete(synchronize_session=False)
     db.query(UploadBatch).filter(UploadBatch.project_id == project.id).delete()
 
     db.delete(project)
diff --git a/backend/routes/settings.py b/backend/routes/settings.py
index 817a9492..c6e4ebc6 100644
--- a/backend/routes/settings.py
+++ b/backend/routes/settings.py
@@ -298,7 +298,7 @@ def list_models():
                     else:
                         provider = crud.get_active_provider(db, user_id, provider_type)
                     if provider:
-                        api_key = api_key or provider.api_key or ""
+                        api_key = provider.api_key or ""
                         base_url = base_url or provider.base_url or ""
                 if not api_key and provider_type in ("openai", "anthropic"):
                     system_provider = crud.get_active_system_provider(db, provider_type)
@@ -409,7 +409,7 @@ def test_paddleocr():
                     else:
                         provider = crud.get_active_provider(db, user_id, "paddleocr")
                     if provider:
-                        api_token = api_token or provider.api_key or ""
+                        api_token = provider.api_key or ""
                         api_url = api_url or provider.base_url or ""
                 if not api_token or not api_url:
                     system_provider = crud.get_active_system_provider(db, "paddleocr")
diff --git a/frontend/src/components/features/app/settings/ProviderDialog.vue b/frontend/src/components/features/app/settings/ProviderDialog.vue
index 71095b7e..b4427553 100644
--- a/frontend/src/components/features/app/settings/ProviderDialog.vue
+++ b/frontend/src/components/features/app/settings/ProviderDialog.vue
@@ -21,13 +21,12 @@ const emit = defineEmits(['close', 'confirm'])
 
 const isEdit = computed(() => !!props.editData)
 
-const typeConfig = computed(() => ({
+const PROVIDER_TYPE_CONFIGS = {
   openai: {
-    title: isEdit.value ? '编辑 OpenAI 兼容供应商' : '添加 OpenAI 兼容供应商',
-    iconBg: 'bg-gray-50 dark:bg-white/[0.04] border border-gray-100 dark:border-white/[0.08]',
+    titleAdd: '添加 OpenAI 兼容供应商',
+    titleEdit: '编辑 OpenAI 兼容供应商',
     iconCls: 'fa-bolt text-slate-600 dark:text-slate-400',
     imgIcon: '/src/assets/provider-openai.svg',
-    btnCls: 'bg-slate-900 hover:bg-slate-800 text-white dark:bg-[#f7f8f8] dark:hover:bg-white dark:text-[#1b1b1d]',
     namePlaceholder: '例如：DeepSeek / Qwen / Moonshot',
     urlPlaceholder: '留空使用 OpenAI 官方，或填入 https://api.deepseek.com 等',
     modelPlaceholder: 'gpt-4o-mini',
@@ -37,11 +36,10 @@ const typeConfig = computed(() => ({
     urlLabel: 'Base URL',
   },
   anthropic: {
-    title: isEdit.value ? '编辑 Anthropic 供应商' : '添加 Anthropic 供应商',
-    iconBg: 'bg-gray-50 dark:bg-white/[0.04] border border-gray-100 dark:border-white/[0.08]',
+    titleAdd: '添加 Anthropic 供应商',
+    titleEdit: '编辑 Anthropic 供应商',
     iconCls: 'fa-brain text-slate-600 dark:text-slate-400',
     imgIcon: '/src/assets/provider-anthropic.svg',
-    btnCls: 'bg-slate-900 hover:bg-slate-800 text-white dark:bg-[#f7f8f8] dark:hover:bg-white dark:text-[#1b1b1d]',
     namePlaceholder: '例如：Claude Official',
     urlPlaceholder: '留空使用 Anthropic 官方',
     modelPlaceholder: 'claude-sonnet-4-20250514',
@@ -51,11 +49,10 @@ const typeConfig = computed(() => ({
     urlLabel: 'Base URL',
   },
   paddleocr: {
-    title: isEdit.value ? '编辑 PaddleOCR 服务' : '添加 PaddleOCR 服务',
-    iconBg: 'bg-gray-50 dark:bg-white/[0.04] border border-gray-100 dark:border-white/[0.08]',
+    titleAdd: '添加 PaddleOCR 服务',
+    titleEdit: '编辑 PaddleOCR 服务',
     iconCls: 'fa-eye text-slate-600 dark:text-slate-400',
     imgIcon: '/src/assets/provider-paddleocr.svg',
-    btnCls: 'bg-slate-900 hover:bg-slate-800 text-white dark:bg-[#f7f8f8] dark:hover:bg-white dark:text-[#1b1b1d]',
     namePlaceholder: '例如：PaddleOCR 官方',
     urlPlaceholder: 'https://paddleocr.aistudio-app.com/api/v2/ocr/jobs',
     modelPlaceholder: 'PaddleOCR-VL-1.5',
@@ -64,7 +61,17 @@ const typeConfig = computed(() => ({
     secretPlaceholder: '输入 API Token',
     urlLabel: 'API URL',
   },
-}[props.type]))
+}
+
+const SHARED_ICON_BG = 'bg-gray-50 dark:bg-white/[0.04] border border-gray-100 dark:border-white/[0.08]'
+const SHARED_BTN_CLS = 'bg-slate-900 hover:bg-slate-800 text-white dark:bg-[#f7f8f8] dark:hover:bg-white dark:text-[#1b1b1d]'
+
+const typeConfig = computed(() => ({
+  ...PROVIDER_TYPE_CONFIGS[props.type],
+  title: isEdit.value ? PROVIDER_TYPE_CONFIGS[props.type].titleEdit : PROVIDER_TYPE_CONFIGS[props.type].titleAdd,
+  iconBg: SHARED_ICON_BG,
+  btnCls: SHARED_BTN_CLS,
+}))
 
 const defaultForm = () => ({
   name: '',
@@ -203,8 +210,6 @@ const confirm = () => {
   emit('confirm', { ...form.value })
 }
 
-const inputCls = 'w-full rounded-xl border border-slate-200/80 bg-white px-4 py-2.5 text-sm text-slate-800 placeholder-slate-400 transition-colors focus:border-blue-400 focus:outline-none focus:ring-2 focus:ring-blue-500/20 dark:border-white/10 dark:bg-slate-800/80 dark:text-slate-200 dark:placeholder-slate-500'
-
 // 自定义下拉
 const openDropdown = ref(null) // 'model_name' | 'light_model_name' | null
 const toggleDropdown = (field) => {
@@ -414,20 +419,6 @@ const selectOption = (field, value) => {
 </template>
 
 <style scoped>
-.dialog-fade-enter-active {
-  transition: opacity 0.2s ease, transform 0.2s ease;
-}
-
-.dialog-fade-leave-active {
-  transition: opacity 0.15s ease, transform 0.15s ease;
-}
-
-.dialog-fade-enter-from,
-.dialog-fade-leave-to {
-  opacity: 0;
-  transform: scale(0.96);
-}
-
 .dropdown-enter-active {
   transition: opacity 0.15s ease, transform 0.15s ease;
 }
diff --git a/frontend/src/composables/useSplitPipeline.js b/frontend/src/composables/useSplitPipeline.js
index 34bb980d..3d841c1b 100644
--- a/frontend/src/composables/useSplitPipeline.js
+++ b/frontend/src/composables/useSplitPipeline.js
@@ -122,7 +122,7 @@ export function useSplitPipeline(pushToast, currentView, step, S, uploadReady, s
     if (!uploadReady.value || splitting.value || splitCompleted.value) return
 
     if (uploadMode.value === 'note') {
-      await doNoteOrganize()
+      openNoteProjectDialog()
       return
     }
 
@@ -259,13 +259,6 @@ export function useSplitPipeline(pushToast, currentView, step, S, uploadReady, s
     }
   }
 
-  /**
-   * 笔记整理入口：打开项目选择弹窗。
-   */
-  const doNoteOrganize = () => {
-    openNoteProjectDialog()
-  }
-
   /**
    * 导出选中的错题，并触发浏览器下载生成的 markdown 文件。
    */
diff --git a/frontend/src/views/app/AppLayout.vue b/frontend/src/views/app/AppLayout.vue
index 37c71998..8c8a3827 100644
--- a/frontend/src/views/app/AppLayout.vue
+++ b/frontend/src/views/app/AppLayout.vue
@@ -176,9 +176,7 @@ const createRefSetter = (target) => (value) => {
   target.value = value
 }
 
-const updateCurrentSettingsSubView = (v) => {
-  setSettingsSubView(v)
-}
+const updateCurrentSettingsSubView = setSettingsSubView
 
 const updateCollapsedGroups = createRefSetter(collapsedGroups)
 const updateChatCollapsed = createRefSetter(chatCollapsed)
diff --git a/frontend/src/views/app/NoteView.vue b/frontend/src/views/app/NoteView.vue
index 5276c8ef..ffb02940 100644
--- a/frontend/src/views/app/NoteView.vue
+++ b/frontend/src/views/app/NoteView.vue
@@ -23,7 +23,7 @@ defineProps({
 
 const router = useRouter()
 const { pushToast } = useToast()
-const { activeNoteProjectId, noteProjects } = useProjects()
+const { activeNoteProjectId, noteProjects, loadProjects } = useProjects()
 
 const notes = ref([])
 const total = ref(0)
@@ -201,10 +201,12 @@ async function doDelete(noteId) {
     pushToast('success', '笔记删除成功')
     closeDetail()
     loadNotes()
+    loadProjects()
   } catch (e) {
     if (e.status === 404 || e.message?.includes('不存在')) {
       closeDetail()
       loadNotes()
+      loadProjects()
     } else {
       pushToast('error', e.message)
     }
diff --git a/frontend/src/views/app/SettingsView.vue b/frontend/src/views/app/SettingsView.vue
index 1c66bff7..805897e4 100644
--- a/frontend/src/views/app/SettingsView.vue
+++ b/frontend/src/views/app/SettingsView.vue
@@ -67,13 +67,6 @@ const settingsPageDescription = computed(() => {
   if (isAppearanceSection.value) return '切换明暗模式和主题强调色，界面会立即应用。'
   return '配置显示名称、昵称与头像，侧边栏会立即同步展示。'
 })
-const pageTitle = computed(() => isApiSection.value ? 'API 设置' : '用户资料设置')
-const pageDescription = computed(() => {
-  return isApiSection.value
-    ? '管理 AI 模型供应商与 OCR 服务连接参数，修改即时生效。'
-    : '配置显示名称、昵称与头像，侧边栏会立即同步展示。'
-})
-
 const loading = ref(true)
 const saving = ref(false)
 const profileSaving = ref(false)
@@ -384,6 +377,7 @@ const removeAvatar = async () => {
 onBeforeUnmount(() => {
   if (avatarUploadXhr.value) avatarUploadXhr.value.abort()
   clearAvatarPreview()
+  if (emailCodeTimer) { clearInterval(emailCodeTimer); emailCodeTimer = null }
 })
 
 // ---------- 多 Provider 数据结构 ----------
diff --git a/frontend/src/views/app/WorkspaceView.vue b/frontend/src/views/app/WorkspaceView.vue
index 90d5b41e..ab9b7ddb 100644
--- a/frontend/src/views/app/WorkspaceView.vue
+++ b/frontend/src/views/app/WorkspaceView.vue
@@ -3,7 +3,7 @@
  * WorkspaceView.vue
  * 录入工作台 — 上传/擦除/OCR/分割/导出 全流程
  */
-import { computed, nextTick, onBeforeUnmount, ref, watch, inject } from 'vue'
+import { computed, nextTick, onBeforeUnmount, onMounted, ref, watch, inject } from 'vue'
 import { useRoute } from 'vue-router'
 import { useToast } from '@/composables/useToast.js'
 import { useSystemStatus } from '@/composables/useSystemStatus.js'
@@ -152,15 +152,10 @@ const restoringWorkspaceState = ref(true)
 const importDialogOpen = ref(false)
 const importTargetProjectId = ref(null)
 const importSaving = ref(false)
-const hasReviewContent = computed(() => {
-  if (eraseLoading.value) return true
-  if (eraseDone.value) return true
-  if (ocrLoading.value) return true
-  if (ocrDone.value) return true
-  if (splitting.value) return true
-  if (splitCompleted.value && questions.value.length > 0) return true
-  return false
-})
+const hasReviewContent = computed(() =>
+  eraseLoading.value || eraseDone.value || ocrLoading.value || ocrDone.value
+  || splitting.value || (splitCompleted.value && questions.value.length > 0)
+)
 
 /**
  * 把分割历史中的题目载入当前工作台核对页。
@@ -279,7 +274,6 @@ watch(
 )
 
 // ── 生命周期 ────────────────────────────────────────────
-import { onMounted } from 'vue'
 onMounted(async () => {
   document.addEventListener('keydown', onKeydown)
   // 检查 URL 参数，设置上传模式

From 08295cb39f6952a04b20e1d3c63d7c6c7d4a347b Mon Sep 17 00:00:00 2001
From: wyh <13423906455@163.com>
Date: Mon, 8 Jun 2026 10:43:37 +0800
Subject: [PATCH 10/10] =?UTF-8?q?fix(ui):=20=E4=BF=AE=E5=A4=8D=E9=80=89?=
 =?UTF-8?q?=E9=A1=B9=E5=85=AC=E5=BC=8F=E9=87=8D=E5=A4=8D=E6=B8=B2=E6=9F=93?=
 =?UTF-8?q?=EF=BC=8C=E5=90=8C=E7=B1=BB=E9=A2=98=E6=8E=A8=E8=8D=90=E9=9D=A2?=
 =?UTF-8?q?=E6=9D=BF=E5=B8=83=E5=B1=80=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 选项改为 v-html 渲染，修复 MathJax 公式在 {{}} 文本节点中重复显示的问题
- 同类题推荐面板标题区域固定，列表独立滚动，避免被内容挤出视口
- typesetMath 传入组件根元素，避免全局 typeset 影响其他页面
---
 .../error-bank/ErrorQuestionDetailPanel.vue   |  2 +-
 .../ErrorQuestionRecommendAside.vue           | 56 +++++++++++--------
 frontend/src/views/app/ErrorBankView.vue      |  5 +-
 3 files changed, 37 insertions(+), 26 deletions(-)

diff --git a/frontend/src/components/features/app/error-bank/ErrorQuestionDetailPanel.vue b/frontend/src/components/features/app/error-bank/ErrorQuestionDetailPanel.vue
index 0e41eee6..23c8ffca 100644
--- a/frontend/src/components/features/app/error-bank/ErrorQuestionDetailPanel.vue
+++ b/frontend/src/components/features/app/error-bank/ErrorQuestionDetailPanel.vue
@@ -97,7 +97,7 @@ const setActiveTab = (value) => emit('update:activeTab', value)
               class="rounded-xl bg-gray-50/80 px-4 py-3 text-sm font-medium text-gray-700 dark:bg-white/[0.035] dark:text-[#d0d6e0]"
             >
               <span class="mr-2 text-gray-400">{{ String.fromCharCode(65 + index) }}.</span>
-              {{ formatOption(option).replace(/^[A-Da-d][.、．]\s*/, '') }}
+              <span v-html="'<span>' + formatOption(option).replace(/^[A-Da-d][.、．]\s*/, '').replace(/&/g, '&amp;').replace(/</g, '&lt;') + '</span>'"></span>
             </div>
           </div>
 
diff --git a/frontend/src/components/features/app/error-bank/ErrorQuestionRecommendAside.vue b/frontend/src/components/features/app/error-bank/ErrorQuestionRecommendAside.vue
index a12fba04..0a435d77 100644
--- a/frontend/src/components/features/app/error-bank/ErrorQuestionRecommendAside.vue
+++ b/frontend/src/components/features/app/error-bank/ErrorQuestionRecommendAside.vue
@@ -2,6 +2,7 @@
 /**
  * ErrorQuestionRecommendAside.vue
  * 错题库右侧同类题推荐栏。
+ * ⚠️ 纯前端模拟实现，仅用于演示展示，后续将接入后端推荐算法。
  * 基于知识点重叠、学科、题型和内容相似度，纯前端筛选推荐相似题目。
  */
 import { computed } from 'vue'
@@ -109,36 +110,43 @@ const similarityBadgeClass = (similarity) => {
 </script>
 
 <template>
-  <aside class="hidden min-h-0 flex-col gap-4 overflow-y-auto custom-scrollbar xl:flex">
-    <BasePanel :scroll-body="false" body-class="p-4">
-      <div class="mb-3 flex items-center justify-between gap-3">
-        <h3 class="text-sm font-bold text-gray-900 dark:text-[#f7f8f8]">
-          <i class="fa-solid fa-shuffle mr-1.5 text-blue-400"></i>
-          同类题推荐
-        </h3>
-        <span class="text-xs text-gray-500 dark:text-[#8a8f98]">{{ recommended.length }} 道</span>
-      </div>
-      <p class="text-xs leading-5 text-gray-500 dark:text-[#8a8f98]">
-        基于当前题目的知识点、学科和题型，智能推荐相似题目。
-      </p>
-    </BasePanel>
-
-    <div v-if="!currentQuestion" class="rounded-xl bg-white/85 p-4 text-sm leading-6 text-gray-500 shadow-sm shadow-black/[0.03] dark:bg-white/[0.04] dark:text-[#8a8f98] dark:shadow-black/20">
-      请先选择一道题目，这里会展示相似的题目推荐。
+  <aside class="hidden min-h-0 flex-col xl:flex">
+    <div class="shrink-0">
+      <BasePanel :scroll-body="false" body-class="p-4">
+        <div class="mb-3 flex items-center justify-between gap-3">
+          <h3 class="text-sm font-bold text-gray-900 dark:text-[#f7f8f8]">
+            <i class="fa-solid fa-shuffle mr-1.5 text-blue-400"></i>
+            同类题推荐
+          </h3>
+          <span class="text-xs text-gray-500 dark:text-[#8a8f98]">{{ recommended.length }} 道</span>
+        </div>
+        <p class="text-xs leading-5 text-gray-500 dark:text-[#8a8f98]">
+          基于当前题目的知识点、学科和题型，智能推荐相似题目。
+        </p>
+        <p class="mt-2 inline-flex items-center gap-1 rounded-full bg-amber-500/10 px-2 py-0.5 text-[10px] font-medium text-amber-600 dark:bg-amber-400/10 dark:text-amber-400">
+          <i class="fa-solid fa-flask"></i>
+          纯前端模拟，仅展示
+        </p>
+      </BasePanel>
     </div>
 
-    <div v-else-if="!recommended.length" class="rounded-xl bg-white/85 p-4 shadow-sm shadow-black/[0.03] dark:bg-white/[0.04] dark:shadow-black/20">
-      <BaseEmptyState
-        icon="fa-regular fa-face-meh"
-        title="暂无同类题"
-        description="当前错题库中没有找到相似的题目，可以继续录入更多题目。"
-      />
-    </div>
+    <div class="min-h-0 flex-1 space-y-3 overflow-y-auto custom-scrollbar py-3">
+      <div v-if="!currentQuestion" class="rounded-xl bg-white/85 p-4 text-sm leading-6 text-gray-500 shadow-sm shadow-black/[0.03] dark:bg-white/[0.04] dark:text-[#8a8f98] dark:shadow-black/20">
+        请先选择一道题目，这里会展示相似的题目推荐。
+      </div>
+
+      <div v-else-if="!recommended.length" class="rounded-xl bg-white/85 p-4 shadow-sm shadow-black/[0.03] dark:bg-white/[0.04] dark:shadow-black/20">
+        <BaseEmptyState
+          icon="fa-regular fa-face-meh"
+          title="暂无同类题"
+          description="当前错题库中没有找到相似的题目，可以继续录入更多题目。"
+        />
+      </div>
 
-    <div v-else class="space-y-3">
       <button
         v-for="item in recommended"
         :key="item.question.id"
+        v-else
         type="button"
         class="w-full rounded-xl bg-white/85 p-4 text-left shadow-sm shadow-black/[0.03] transition-colors hover:bg-white hover:shadow-md dark:bg-white/[0.04] dark:hover:bg-white/[0.07] dark:shadow-black/20"
         @click="emit('select-question', item.question)"
diff --git a/frontend/src/views/app/ErrorBankView.vue b/frontend/src/views/app/ErrorBankView.vue
index 1ab2feb6..8e1d7e86 100644
--- a/frontend/src/views/app/ErrorBankView.vue
+++ b/frontend/src/views/app/ErrorBankView.vue
@@ -54,9 +54,10 @@ const detailTabs = [
   { value: 'note', label: '作答记录', icon: 'fa-camera' },
 ]
 
+const rootEl = ref(null)
 const typesetMath = async () => {
   await nextTick()
-  await _typesetMath()
+  await _typesetMath(rootEl.value || undefined)
 }
 
 const {
@@ -207,6 +208,7 @@ defineExpose({
 </script>
 
 <template>
+  <div ref="rootEl" class="contents">
   <component
     :is="embedded ? 'div' : ContentPanel"
     :title="embedded ? undefined : '错题库'"
@@ -332,4 +334,5 @@ defineExpose({
         @answer-saved="doQuery" @review-status-changed="doQuery" />
     </div>
   </component>
+  </div>
 </template>