diff --git a/ui/src/api/API_README.md b/ui/src/api/API_README.md
index 653cb606c09..5cf1da13489 100644
--- a/ui/src/api/API_README.md
+++ b/ui/src/api/API_README.md
@@ -572,8 +572,14 @@ Workspace、System 资源管理及 System 共享资源的 `knowledge.ts` 提供
 `hit_num` 和 `last_hit_time`。`putParagraph` 向同一路径提交标题和正文，解包后端三元素编辑响应的
 首项为最新详情；不提交 `problem_list`，关联关系通过专属接口维护。
 `postParagraphProblem` 向 `/<paragraphId>/problem` 提交 `{ content }`，创建或复用问题并关联分段；
+`getParagraphProblems` GET 同一路径，返回当前分段的 `ParagraphProblem[]`，用于关联变更后刷新。
+`putAssociateParagraphProblem` PUT 到 `/association`，通过查询参数传递 `paragraph_id`、`problem_id`，
+不传请求体，用于关联已存在的问题。
 `putUnassociateParagraphProblem` PUT 到 `/unassociation`，以查询参数传递 `paragraph_id`、
 `problem_id`，不传请求体，仅解除当前分段的关联。
+`workspace/knowledge/problem.ts` 的 `getProblemsPage(knowledgeId, page, query?)` 查询知识库问题分页，
+路径为 `/workspace/<workspaceId>/knowledge/<knowledgeId>/problem/<currentPage>/<pageSize>`，
+支持 `content` 搜索，返回 `ResponsePage<ParagraphProblem>`。分段添加问题沿用 v2 查询第一页 100 条候选。
 `putMigrateParagraphs` 向分段前缀下的 `/migrate/knowledge/<targetKnowledgeId>/document/<targetDocumentId>`
 提交 PUT `{ id_list }`，将所选分段迁移到目标文档；目标不能为当前文档。
 `putGenerateParagraphQuestions` 向分段前缀下的 `/batch_generate_related` 提交 PUT
diff --git a/ui/src/api/admin/workspace/knowledge/paragraph.ts b/ui/src/api/admin/workspace/knowledge/paragraph.ts
index 513fe4c39f7..bd194b5b606 100644
--- a/ui/src/api/admin/workspace/knowledge/paragraph.ts
+++ b/ui/src/api/admin/workspace/knowledge/paragraph.ts
@@ -36,6 +36,14 @@ const putParagraph = (knowledgeId: string, documentId: string, paragraphId: stri
 const postParagraphProblem = (knowledgeId: string, documentId: string, paragraphId: string, content: string) =>
   post<{ content: string }, ParagraphProblem>(`${getPrefix(knowledgeId, documentId)}/${paragraphId}/problem`, { content })
 
+/** 获取当前分段关联的全部问题。 */
+const getParagraphProblems = (knowledgeId: string, documentId: string, paragraphId: string) =>
+  get<ParagraphProblem[]>(`${getPrefix(knowledgeId, documentId)}/${paragraphId}/problem`)
+
+/** 将知识库中的已有问题关联到当前分段。 */
+const putAssociateParagraphProblem = (knowledgeId: string, documentId: string, paragraphId: string, problemId: string) =>
+  put<undefined, boolean>(`${getPrefix(knowledgeId, documentId)}/association`, undefined, { paragraph_id: paragraphId, problem_id: problemId })
+
 /** 解除当前分段的问题关联，保留问题及其他分段的关联。 */
 const putUnassociateParagraphProblem = (knowledgeId: string, documentId: string, paragraphId: string, problemId: string) =>
   put<undefined, boolean>(`${getPrefix(knowledgeId, documentId)}/unassociation`, undefined, { paragraph_id: paragraphId, problem_id: problemId })
@@ -46,7 +54,7 @@ const putMigrateParagraphs = (knowledgeId: string, documentId: string, targetKno
     id_list: paragraphIds,
   })
 
-/** 批量/单个为所选分段提交关联问题生成任务。 */
+/** 批量/单个为生成问题。 */
 const putGenerateParagraphQuestions = (knowledgeId: string, documentId: string, payload: ParagraphGeneratePayload) =>
   put<ParagraphGeneratePayload, void>(`${getPrefix(knowledgeId, documentId)}/batch_generate_related`, payload)
 
@@ -60,6 +68,8 @@ export default {
   getParagraphDetail,
   putParagraph,
   postParagraphProblem,
+  getParagraphProblems,
+  putAssociateParagraphProblem,
   putUnassociateParagraphProblem,
   putMigrateParagraphs,
   putGenerateParagraphQuestions,
diff --git a/ui/src/api/admin/workspace/knowledge/problem.ts b/ui/src/api/admin/workspace/knowledge/problem.ts
new file mode 100644
index 00000000000..5b6cfbcdacb
--- /dev/null
+++ b/ui/src/api/admin/workspace/knowledge/problem.ts
@@ -0,0 +1,10 @@
+import { get } from '../../core/request'
+import type { ParamsPage, ResponsePage } from '../../core/types'
+import type { ParagraphProblem } from '@/api/types'
+import { getWorkspaceId } from '@/utils/resource-context'
+
+/** 分页搜索知识库问题，供分段选择已有问题进行关联。 */
+const getProblemsPage = (knowledgeId: string, page: ParamsPage, query?: { content?: string }) =>
+  get<ResponsePage<ParagraphProblem>>(`/workspace/${getWorkspaceId()}/knowledge/${knowledgeId}/problem/${page.currentPage}/${page.pageSize}`, query)
+
+export default { getProblemsPage }
diff --git a/ui/src/styles/element-plus.scss b/ui/src/styles/element-plus.scss
index f791b1cf6cb..11321778501 100644
--- a/ui/src/styles/element-plus.scss
+++ b/ui/src/styles/element-plus.scss
@@ -1262,7 +1262,7 @@
 .el-textarea {
   --el-input-placeholder-color: var(--mk-N500);
   --el-input-text-color: var(--el-text-color-primary);
-  &:has(.el-input__inner[readonly]) {
+  &:has(.el-textarea__inner[readonly]) {
     --el-input-focus-border-color: var(--el-input-border-color);
     --el-input-hover-border-color: var(--el-input-border-color);
   }
diff --git a/ui/src/views/VIEW_README.md b/ui/src/views/VIEW_README.md
index 300f5cb9da0..ace2e3e3ae7 100644
--- a/ui/src/views/VIEW_README.md
+++ b/ui/src/views/VIEW_README.md
@@ -195,7 +195,7 @@ src/views/knowledge/
 │       ├── GenerateQuestionsAction.vue # 知识库生成关联问题
 │       ├── sync-knowledge-action/       # Web 知识库同步入口与方式选择弹窗
 │       ├── KeywordIndexKnowledgeAction.vue # 分词索引入口
-│       ├── mcp-config-action/           # MCP 配置入口与专属只读弹窗
+│       ├── McpConfigKnowledgeAction.vue # MCP 配置查询、展示与复制
 │       ├── ExportKnowledgeAction.vue    # Excel、文档 ZIP 与知识库包导出
 │       ├── MoveKnowledgeAction.vue
 │       └── DeleteKnowledgeAction.vue
@@ -235,7 +235,8 @@ src/views/knowledge/
 `workspaceId`。点击阻止事件冒泡，避免同时进入卡片详情；Workspace 共享知识库仍不展示操作菜单。
 “设置”之后依次组合 `KeywordIndexKnowledgeAction` 和 `McpConfigKnowledgeAction`，接收完整
 Knowledge API 并复用页面操作 loading。分词索引不增加确认弹窗，调用成功后只提示“操作成功”；
-MCP 配置沿用工具的只读文本与悬浮复制交互，专属弹窗按需挂载、关闭后卸载。
+`McpConfigKnowledgeAction` 内直接查询 MCP 配置字符串，通过 `MkDialog` 只读展示并提供悬浮复制，
+配置为空时禁用复制，关闭动画结束后清理配置；弹窗外壳由 `MkDialog` 按需挂载和卸载。
 两者接口暂为本地占位，MCP 返回空文本，分词索引模拟成功，尚不执行服务端操作。
 `ExportKnowledgeAction` 接收完整 Knowledge API，暂不增加权限判断；悬停“导出”展开右侧
 子菜单，分别导出文档 Excel、文档 ZIP 和可再次导入的知识库包。
@@ -318,9 +319,7 @@ src/views/tool/
 │       ├── InitParamAction.vue
 │       ├── MoveToolAction.vue
 │       ├── ToolWorkflowAction.vue
-│       └── mcp-config-action/
-│           ├── McpConfigAction.vue
-│           └── McpConfigDialog.vue # MCP 工具配置查看弹窗
+│       └── McpConfigAction.vue      # MCP 配置查询、展示与复制
 └── tool-store/                    # 工具商店列表、详情与添加流程
     ├── component/
     │   └── ToolStoreCard.vue      # 商店工具卡片及详情、添加入口
@@ -362,7 +361,9 @@ Workspace 的自定义工具和工作流工具菜单
 
 工具列表页面通过 `ToolCard` 的 `actions` 和 `action-dropdown` 插槽组合
 操作；编辑 Action 负责按 `TOOL_TYPE` 打开对应类型表单，启动参数 Action 获取工具详情后打开
-`InitParamDialog`，MCP 配置 Action 获取 MCP 工具详情后打开 `McpConfigDialog`。工作流 Action 进入
+`InitParamDialog`，`McpConfigAction` 获取 MCP 工具详情后，在 Action 内通过 `MkDialog` 只读展示
+`code ?? ''` 并提供悬浮复制，配置为空时禁用复制，关闭动画结束后清理配置。
+弹窗外壳由 `MkDialog` 按需挂载和卸载。工作流 Action 进入
 独立的工具工作流画布；创建工作流工具后直接进入该画布，其他类型表单创建成功后通过 `refresh`
 事件刷新列表。编辑成功后通过 `update` 事件返回接口响应的完整工具数据，由页面局部更新对应卡片；不要
 把不同工具类型的字段重新合并到一个通用表单中。所有调用 `postTool` 创建工具的流程在接口成功后
@@ -894,18 +895,26 @@ Action 仍通过上层 `action-dropdown/index.ts` 导出，弹窗仅在目录内
   内容必填且最多 100000 字符。正文使用 `MdEditor`，默认关闭预览，提供 Markdown 工具栏及字数统计；
   通过必填的 `knowledgeId` 将图片上传到当前知识库，复用 `FileApi` 和 `FILE_SOURCE_TYPE.KNOWLEDGE`。
   提交由 Dialog 编排。
-- `ParagraphPreview` 只展示标题、Markdown 正文、召回次数和最近召回时间，通过 `edit` 事件通知 Dialog。
-- `ParagraphQuestions` 管理问题草稿、校验、添加和移除，问题必填、去除首尾空格、最多 256 字符且不重复。
-  无 `paragraphId` 时维护本地草稿并随新增分段提交；已有分段通过专属接口即时添加或解除关联，
-  不删除问题本身。通过 `v-model:loading`、`v-model:adding` 与 Dialog 协调操作状态。
-
-两个 Dialog 和三个组件均提供默认 `false` 的 `disabled`，表示业务只读：表单不可修改、问题操作隐藏，
-详情不展示编辑入口，Dialog 方法同时阻止保存；编辑 Dialog 在只读时强制详情模式，动态切为只读也返回详情。
-提交状态继续使用内容／按钮 loading，不作为表单 `disabled`；问题组件的 `blocked` 仅协调加载与保存期间的操作入口。
+- `ParagraphPreview` 只展示标题、Markdown 正文、召回次数和最近召回时间；Dialog 管理使用 `mk-paragraph-card` 样式的详情卡片容器及绝对定位的编辑按钮。
+- `ParagraphQuestions` 沿用 v2 的添加及移除流程：点击加号显示 `el-select`，使用远程搜索、
+  `allow-create` 和首项默认选择，选择已有问题或输入新问题后立即添加；失焦取消输入。
+  问题去除首尾空格、非空、最多 256 字符且不重复，已关联候选不可重复选择。
+  候选通过 `ProblemApi.getProblemsPage` 查询第一页 100 条；已有分段分别调用创建或关联接口，
+  添加或解除关联成功后重新查询当前分段问题。列表使用卡片，左侧显示问题文字，右侧提供移除按钮；移除只解除关联，
+  不删除问题本身。无 `paragraphId` 时维护 `{ content }` 本地草稿并随新增分段提交。
+  问题输入状态和请求 loading 均在组件内部维护，不向 Dialog 传递 `adding` 或 `loading`，
+  不阻止分段创建、正文保存、取消或关闭。新增分段只提交已加入列表的问题草稿；
+  问题请求失败保留输入与现有问题。
+
+两个 Dialog、`ParagraphForm` 和 `ParagraphQuestions` 均不提供或传递 `disabled` Prop；
+详情模式通过悬浮编辑入口进入表单，问题区始终提供添加与移除入口。
+每个 Dialog 统一使用一个 `loading` 管理自身加载和提交、内容遮罩、按钮状态及重复操作保护；
+问题请求使用子组件内部独立的 `loading`，只覆盖右侧问题区。提交状态不作为表单 `disabled`。
 两个 Dialog 均接收完整 Paragraph API 和知识库／文档 ID，打开时固定目标，点击时挂载、关闭动画结束后卸载。
-详情加载失败提供重试；请求失败保留草稿。正文保存不提交 `problem_list`，取消编辑不撤销即时保存的问题关联。
+详情加载失败提供重试；请求失败保留草稿。正文保存不提交 `problem_list`，也不使用保存响应回填问题列表，
+避免覆盖并行的问题操作；取消编辑不撤销即时保存的问题关联。
 新增成功关闭弹窗并通知页面清空搜索、重新查询服务端排序；编辑成功通知页面刷新当前筛选结果。
-分段卡片在非批量模式提供“详情”入口，批量生成问题继续使用 `components/ButtonGenerateQuestions.vue`。
+分段卡片在非批量模式点击打开详情弹窗，批量模式点击切换勾选；批量生成问题继续使用 `components/ButtonGenerateQuestions.vue`。
 Workspace 共享及 System 分段入口暂未接入，不回退 Workspace API。
 
 System 资源管理与共享资源已注册共用知识库详情路由，
@@ -1199,6 +1208,10 @@ Layout 保留标题栏固定位置和外层间距，页面负责内部布局。
 策略页的“生成预览”按当前策略解析文件，进入 `upload-document/DocumentImportPreview.vue`，
 使用 `MkViewLayout` 的侧栏切换文档、正文展示分段，复用其主区滚动和固定标题；
 支持本地编辑和删除，编辑须保存或取消后再导入。
+分段编辑使用同目录的 `EditParagraphDialog.vue`，复用添加分段的 `ParagraphForm` 与
+`ParagraphQuestions`，提供 Markdown 编辑、知识库图片上传和关联问题草稿；不传入已有分段 ID，
+保存仅更新当前导入草稿，不创建分段或立即写入问题关联，取消不修改预览。
+编辑弹窗按需挂载，关闭动画结束后卸载；关联问题随最终导入的 `problem_list` 提交。
 预览仍属于第二步，返回策略页保留设置，重新生成时以新的解析结果替换预览。
 预览导入直接批量创建编辑后的分段，保留来源文件及处理策略，不再次解析。
 策略页“开始导入”将已上传的 `file_id_list` 与当前 `doc_strategy` 一次提交到 `document/import`，
diff --git a/ui/src/views/knowledge-detail/library/document/upload-document/DocumentImportPreview.vue b/ui/src/views/knowledge-detail/library/document/upload-document/DocumentImportPreview.vue
index a87e2fe94c9..11cd0a9bca0 100644
--- a/ui/src/views/knowledge-detail/library/document/upload-document/DocumentImportPreview.vue
+++ b/ui/src/views/knowledge-detail/library/document/upload-document/DocumentImportPreview.vue
@@ -1,39 +1,45 @@
 <script setup lang="ts">
-import { computed, ref } from 'vue'
-import { cloneDeep } from 'lodash'
+import { computed, nextTick, ref } from 'vue'
 import type { DocumentImportParagraph, DocumentSplitResult } from '@/api/types'
 import { getFileIconUrl } from '@/utils/icon'
 import { MsgWarning } from '@/utils/message'
+import EditParagraphDialog from './EditParagraphDialog.vue'
 
 defineOptions({ name: 'DocumentImportPreview' })
+defineProps<{ knowledgeId: string }>()
 const documents = defineModel<DocumentSplitResult[]>({ required: true })
 const selectedDocumentIndex = ref(0)
 const selectedDocument = computed(() => documents.value[selectedDocumentIndex.value])
 const editingParagraphIndex = ref<number>()
-const paragraphDraft = ref<DocumentImportParagraph>({ title: '', content: '' })
+const editingDocument = ref<DocumentSplitResult>()
+const editDialogMounted = ref(false)
+const editDialogRef = ref<InstanceType<typeof EditParagraphDialog>>()
 
 /* 预览文档选择与分段草稿编辑 */
 function handleSelectDocument(index: number) {
   selectedDocumentIndex.value = index
-  editingParagraphIndex.value = undefined
 }
 
-function handleEditParagraph(index: number) {
+async function handleEditParagraph(index: number) {
   const paragraph = selectedDocument.value?.content[index]
   if (!paragraph) return
-  paragraphDraft.value = cloneDeep(paragraph)
+  editingDocument.value = selectedDocument.value
   editingParagraphIndex.value = index
+  editDialogMounted.value = true
+  await nextTick()
+  editDialogRef.value?.open(paragraph)
 }
 
-function handleSaveParagraph() {
-  if (!paragraphDraft.value.content.trim()) {
-    MsgWarning('分段内容不能为空')
-    return
-  }
+function handleSaveParagraph(paragraph: DocumentImportParagraph) {
   const index = editingParagraphIndex.value
-  if (index === undefined || !selectedDocument.value) return
-  selectedDocument.value.content[index] = cloneDeep(paragraphDraft.value)
+  if (index === undefined || !editingDocument.value) return
+  editingDocument.value.content[index] = paragraph
+}
+
+function handleEditDialogClosed() {
+  editDialogMounted.value = false
   editingParagraphIndex.value = undefined
+  editingDocument.value = undefined
 }
 
 function validate() {
@@ -48,7 +54,6 @@ defineExpose({ validate })
 
 function handleDeleteParagraph(index: number) {
   selectedDocument.value?.content.splice(index, 1)
-  editingParagraphIndex.value = undefined
 }
 </script>
 
@@ -84,33 +89,17 @@ function handleDeleteParagraph(index: number) {
         <div class="space-y-3">
           <template v-for="(paragraph, index) in selectedDocument.content" :key="index">
             <el-card shadow="never" class="group" body-class="relative">
-              <el-form v-if="editingParagraphIndex === index" label-position="top" @submit.prevent>
-                <el-form-item label="标题">
-                  <el-input v-model="paragraphDraft.title" maxlength="256" placeholder="请输入标题" />
-                </el-form-item>
-                <el-form-item label="内容" required>
-                  <el-input v-model="paragraphDraft.content" type="textarea" :rows="6" placeholder="请输入分段内容" />
-                </el-form-item>
-                <div class="flex justify-end gap-2">
-                  <!-- 取消分段编辑 -->
-                  <el-button @click="editingParagraphIndex = undefined">取消</el-button>
-                  <!-- 保存分段编辑 -->
-                  <el-button type="primary" @click="handleSaveParagraph">保存</el-button>
-                </div>
-              </el-form>
-              <template v-else>
-                <div class="group-hover-visible absolute top-3 right-3 flex rounded-lg bg-white shadow-sm">
-                  <!-- 编辑预览分段 -->
-                  <el-button text title="编辑分段" @click="handleEditParagraph(index)"><MkIcon name="icon_edit_outlined" /></el-button>
-                  <!-- 删除预览分段 -->
-                  <el-button class="ml-0!" text title="删除分段" @click="handleDeleteParagraph(index)">
-                    <MkIcon name="icon_delete-trash_outlined" />
-                  </el-button>
-                </div>
-                <h4 v-if="paragraph.title" class="mb-3 pr-20">{{ index + 1 }}、{{ paragraph.title }}</h4>
-                <MdPreview :model-value="paragraph.content" />
-                <p class="mt-3 text-sm text-N600">{{ paragraph.content.length }} 字符</p>
-              </template>
+              <div class="group-hover-visible absolute top-3 right-3 flex rounded-lg bg-white shadow-sm">
+                <!-- 编辑预览分段 -->
+                <el-button text title="编辑分段" @click="handleEditParagraph(index)"><MkIcon name="icon_edit_outlined" /></el-button>
+                <!-- 删除预览分段 -->
+                <el-button class="ml-0!" text title="删除分段" @click="handleDeleteParagraph(index)">
+                  <MkIcon name="icon_delete-trash_outlined" />
+                </el-button>
+              </div>
+              <h4 v-if="paragraph.title" class="mb-3 pr-20">{{ index + 1 }}、{{ paragraph.title }}</h4>
+              <MdPreview :model-value="paragraph.content" />
+              <p class="mt-3 text-sm text-N600">{{ paragraph.content.length }} 字符</p>
             </el-card>
           </template>
         </div>
@@ -119,4 +108,11 @@ function handleDeleteParagraph(index: number) {
       <MkEmpty v-else description="暂无预览文档" />
     </template>
   </MkViewLayout>
+  <EditParagraphDialog
+    v-if="editDialogMounted"
+    ref="editDialogRef"
+    :knowledge-id="knowledgeId"
+    @submit="handleSaveParagraph"
+    @closed="handleEditDialogClosed"
+  />
 </template>
diff --git a/ui/src/views/knowledge-detail/library/document/upload-document/EditParagraphDialog.vue b/ui/src/views/knowledge-detail/library/document/upload-document/EditParagraphDialog.vue
new file mode 100644
index 00000000000..d30661d82ab
--- /dev/null
+++ b/ui/src/views/knowledge-detail/library/document/upload-document/EditParagraphDialog.vue
@@ -0,0 +1,83 @@
+<script setup lang="ts">
+import { ref } from 'vue'
+import { cloneDeep } from 'lodash'
+import ParagraphApi from '@/api/admin/workspace/knowledge/paragraph'
+import type { DocumentImportParagraph, ParagraphUpdatePayload } from '@/api/types'
+import type { ParagraphQuestionDraft } from '@/views/knowledge-detail/paragraph/paragraph-dialog/types'
+import ParagraphForm from '@/views/knowledge-detail/paragraph/paragraph-dialog/components/ParagraphForm.vue'
+import ParagraphQuestions from '@/views/knowledge-detail/paragraph/paragraph-dialog/components/ParagraphQuestions.vue'
+
+defineOptions({ name: 'EditImportParagraphDialog' })
+defineProps<{ knowledgeId: string }>()
+const emit = defineEmits<{ submit: [paragraph: DocumentImportParagraph]; closed: [] }>()
+
+/* 编辑弹窗按需挂载，保存前仅维护导入分段和关联问题的本地草稿。 */
+const visible = ref(false)
+const paragraphDraft = ref<DocumentImportParagraph>({ title: '', content: '' })
+const paragraphForm = ref<ParagraphUpdatePayload>({ title: '', content: '' })
+const paragraphFormRef = ref<InstanceType<typeof ParagraphForm>>()
+const relatedQuestions = ref<ParagraphQuestionDraft[]>([])
+const loading = ref(false)
+
+function open(paragraph: DocumentImportParagraph) {
+  paragraphDraft.value = cloneDeep(paragraph)
+  paragraphForm.value = { title: paragraph.title ?? '', content: paragraph.content }
+  relatedQuestions.value = cloneDeep(paragraph.problem_list ?? [])
+  visible.value = true
+}
+
+function close() {
+  if (!loading.value) visible.value = false
+}
+
+function handleBeforeClose(done: () => void) {
+  if (!loading.value) done()
+}
+
+function handleSubmit() {
+  if (loading.value) return
+  loading.value = true
+  void paragraphFormRef.value
+    ?.validate()
+    .then((valid) => {
+      if (!valid) return
+      emit('submit', {
+        ...paragraphDraft.value,
+        title: paragraphForm.value.title.trim(),
+        content: paragraphForm.value.content,
+        problem_list: relatedQuestions.value.map(({ content }) => ({ content })),
+      })
+      visible.value = false
+    })
+    .catch(() => {})
+    .finally(() => {
+      loading.value = false
+    })
+}
+
+defineExpose({ open, close })
+</script>
+
+<template>
+  <MkDialog
+    v-model="visible"
+    title="编辑"
+    width="1000"
+    align-center
+    content-class="max-h-[calc(100vh-300px)]!"
+    :before-close="handleBeforeClose"
+    @closed="emit('closed')"
+  >
+    <div v-loading="loading" class="flex w-full gap-4">
+      <ParagraphForm ref="paragraphFormRef" v-model="paragraphForm" :knowledge-id="knowledgeId" />
+      <!-- 关联问题仅保存到导入草稿，未创建文档不传入分段 ID -->
+      <ParagraphQuestions v-model="relatedQuestions" :api="ParagraphApi" :knowledge-id="knowledgeId" document-id="" />
+    </div>
+    <template #footer>
+      <!-- 取消分段编辑 -->
+      <el-button plain :disabled="loading" @click="close">取消</el-button>
+      <!-- 保存预览分段及关联问题 -->
+      <el-button type="primary" :loading="loading" @click="handleSubmit">保存</el-button>
+    </template>
+  </MkDialog>
+</template>
diff --git a/ui/src/views/knowledge-detail/library/document/upload-document/UploadDocumentDrawer.vue b/ui/src/views/knowledge-detail/library/document/upload-document/UploadDocumentDrawer.vue
index 2695c472c4d..24330f25e53 100644
--- a/ui/src/views/knowledge-detail/library/document/upload-document/UploadDocumentDrawer.vue
+++ b/ui/src/views/knowledge-detail/library/document/upload-document/UploadDocumentDrawer.vue
@@ -163,7 +163,7 @@ defineExpose({ open })
     </template>
 
     <div class="h-full" v-loading="loading">
-      <DocumentImportPreview v-if="previewVisible" ref="previewRef" v-model="previewDocuments" />
+      <DocumentImportPreview v-if="previewVisible" ref="previewRef" v-model="previewDocuments" :knowledge-id="knowledgeId" />
       <div v-show="!previewVisible" class="mx-auto w-full max-w-200">
         <section v-show="activeStep === 0">
           <h4 v-if="mode === 'text'" class="mb-4 mk-title-decoration">上传文档</h4>
diff --git a/ui/src/views/knowledge-detail/paragraph/index.vue b/ui/src/views/knowledge-detail/paragraph/index.vue
index b86aa6a1a10..cc6c405bd47 100644
--- a/ui/src/views/knowledge-detail/paragraph/index.vue
+++ b/ui/src/views/knowledge-detail/paragraph/index.vue
@@ -76,9 +76,12 @@ function handleSelectBatchParagraph(paragraphId: string, selected: boolean) {
   selectedParagraphIds.value = selected ? [...selectedParagraphIds.value, paragraphId] : selectedParagraphIds.value.filter((id) => id !== paragraphId)
 }
 
-function handleClickParagraphCard(paragraphId: string) {
-  if (!batchMode.value) return
-  handleSelectBatchParagraph(paragraphId, !selectedParagraphIds.value.includes(paragraphId))
+function handleClickParagraphCard(paragraph: ParagraphItem) {
+  if (batchMode.value) {
+    handleSelectBatchParagraph(paragraph.id, !selectedParagraphIds.value.includes(paragraph.id))
+    return
+  }
+  return handleOpenParagraphDetail(paragraph)
 }
 
 // 迁移、删除成功后仅移除本次操作的分段，不重新查询接口。
@@ -222,11 +225,10 @@ onMounted(() => {
             shadow="never"
             class="mk-paragraph-card group relative cursor-pointer"
             :class="{ selectable: batchMode, active: batchMode && selectedParagraphIds.includes(paragraph.id) }"
-            @click="handleClickParagraphCard(paragraph.id)"
+            @click="handleClickParagraphCard(paragraph)"
           >
             <h4 class="mb-2">{{ paragraph.title || '-' }}</h4>
-            <!-- 查看分段详情 -->
-            <!-- <el-button v-if="!batchMode" text @click="handleOpenParagraphDetail(paragraph)">详情</el-button> -->
+
             <!-- 选择批量操作的分段 -->
             <el-checkbox
               v-if="batchMode"
diff --git a/ui/src/views/knowledge-detail/paragraph/paragraph-dialog/CreateParagraphDialog.vue b/ui/src/views/knowledge-detail/paragraph/paragraph-dialog/CreateParagraphDialog.vue
index c68a243e184..6b56068fbc3 100644
--- a/ui/src/views/knowledge-detail/paragraph/paragraph-dialog/CreateParagraphDialog.vue
+++ b/ui/src/views/knowledge-detail/paragraph/paragraph-dialog/CreateParagraphDialog.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, ref } from 'vue'
+import { ref } from 'vue'
 import type ParagraphApi from '@/api/admin/workspace/knowledge/paragraph'
 import type { ParagraphUpdatePayload } from '@/api/types'
 import type { ParagraphQuestionDraft } from './types'
@@ -8,15 +8,11 @@ import ParagraphQuestions from './components/ParagraphQuestions.vue'
 import { MsgSuccess } from '@/utils/message'
 
 defineOptions({ name: 'CreateParagraphDialog' })
-const props = withDefaults(
-  defineProps<{
-    api: typeof ParagraphApi
-    knowledgeId: string
-    documentId: string
-    disabled?: boolean
-  }>(),
-  { disabled: false },
-)
+const props = defineProps<{
+  api: typeof ParagraphApi
+  knowledgeId: string
+  documentId: string
+}>()
 const emit = defineEmits<{ success: [mode: 'create']; closed: [] }>()
 
 /* 添加弹窗按需挂载，草稿在关闭后随实例释放。 */
@@ -26,10 +22,7 @@ const targetDocumentId = ref('')
 const paragraphFormRef = ref<InstanceType<typeof ParagraphForm>>()
 const paragraphForm = ref<ParagraphUpdatePayload>({ title: '', content: '' })
 const relatedQuestions = ref<ParagraphQuestionDraft[]>([])
-const questionAdding = ref(false)
-const questionLoading = ref(false)
-const saving = ref(false)
-const busy = computed(() => saving.value || questionLoading.value)
+const loading = ref(false)
 
 function open() {
   targetKnowledgeId.value = props.knowledgeId
@@ -38,20 +31,20 @@ function open() {
 }
 
 function close() {
-  if (!busy.value) visible.value = false
+  if (!loading.value) visible.value = false
 }
 
 function handleBeforeClose(done: () => void) {
-  if (!busy.value) done()
+  if (!loading.value) done()
 }
 
 function handleSubmit() {
-  if (props.disabled || busy.value || questionAdding.value) return
+  if (loading.value) return
   void paragraphFormRef.value
     ?.validate()
     .then((valid) => {
-      if (!valid || props.disabled || busy.value || questionAdding.value) return
-      saving.value = true
+      if (!valid || loading.value) return
+      loading.value = true
       return props.api
         .postParagraph(targetKnowledgeId.value, targetDocumentId.value, {
           title: paragraphForm.value.title.trim(),
@@ -65,7 +58,7 @@ function handleSubmit() {
           emit('success', 'create')
         })
         .finally(() => {
-          saving.value = false
+          loading.value = false
         })
     })
     .catch(() => {})
@@ -75,25 +68,25 @@ defineExpose({ open, close })
 </script>
 
 <template>
-  <MkDialog v-model="visible" title="添加分段" width="1000" align-center :before-close="handleBeforeClose" @closed="emit('closed')">
-    <div v-loading="saving" class="flex w-full gap-4">
-      <ParagraphForm ref="paragraphFormRef" v-model="paragraphForm" :knowledge-id="targetKnowledgeId" :disabled="disabled" />
-      <ParagraphQuestions
-        v-model="relatedQuestions"
-        v-model:adding="questionAdding"
-        v-model:loading="questionLoading"
-        :api="api"
-        :knowledge-id="targetKnowledgeId"
-        :document-id="targetDocumentId"
-        :disabled="disabled"
-        :blocked="saving"
-      />
+  <MkDialog
+    v-model="visible"
+    title="添加分段"
+    width="1000"
+    align-center
+    content-class="max-h-[calc(100vh-300px)]!"
+    :before-close="handleBeforeClose"
+    @closed="emit('closed')"
+  >
+    <div v-loading="loading" class="flex w-full gap-4">
+      <ParagraphForm ref="paragraphFormRef" v-model="paragraphForm" :knowledge-id="targetKnowledgeId" />
+      <!-- 关联问题 -->
+      <ParagraphQuestions v-model="relatedQuestions" :api="api" :knowledge-id="targetKnowledgeId" :document-id="targetDocumentId" />
     </div>
     <template #footer>
       <!-- 取消添加分段 -->
-      <el-button plain :disabled="busy" @click="close">取消</el-button>
+      <el-button plain :disabled="loading" @click="close">取消</el-button>
       <!-- 提交新增分段和关联问题 -->
-      <el-button type="primary" :loading="saving" :disabled="disabled || questionAdding" @click="handleSubmit">添加</el-button>
+      <el-button type="primary" :loading="loading" @click="handleSubmit">添加</el-button>
     </template>
   </MkDialog>
 </template>
diff --git a/ui/src/views/knowledge-detail/paragraph/paragraph-dialog/ParagraphDialog.vue b/ui/src/views/knowledge-detail/paragraph/paragraph-dialog/ParagraphDialog.vue
index d8189b533c9..224e76385c5 100644
--- a/ui/src/views/knowledge-detail/paragraph/paragraph-dialog/ParagraphDialog.vue
+++ b/ui/src/views/knowledge-detail/paragraph/paragraph-dialog/ParagraphDialog.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, ref, watch } from 'vue'
+import { computed, ref } from 'vue'
 import type ParagraphApi from '@/api/admin/workspace/knowledge/paragraph'
 import type { ParagraphDetail, ParagraphItem, ParagraphUpdatePayload } from '@/api/types'
 import type { ParagraphQuestionDraft } from './types.ts'
@@ -9,15 +9,11 @@ import ParagraphPreview from './components/ParagraphPreview.vue'
 import { MsgSuccess } from '@/utils/message'
 
 defineOptions({ name: 'EditParagraphDialog' })
-const props = withDefaults(
-  defineProps<{
-    api: typeof ParagraphApi
-    knowledgeId: string
-    documentId: string
-    disabled?: boolean
-  }>(),
-  { disabled: false },
-)
+const props = defineProps<{
+  api: typeof ParagraphApi
+  knowledgeId: string
+  documentId: string
+}>()
 const emit = defineEmits<{ success: [mode: 'edit']; closed: [] }>()
 
 /* 详情加载：打开时固定目标，关闭动画后由页面卸载。 */
@@ -28,17 +24,13 @@ const paragraphDetail = ref<ParagraphDetail>()
 const targetKnowledgeId = ref('')
 const targetDocumentId = ref('')
 const targetParagraphId = ref('')
-const detailLoading = ref(false)
+const loading = ref(false)
 const detailFailed = ref(false)
-const saving = ref(false)
-const questionAdding = ref(false)
-const questionLoading = ref(false)
 const relatedQuestions = ref<ParagraphQuestionDraft[]>([])
-const busy = computed(() => detailLoading.value || saving.value || questionLoading.value)
 
 function loadParagraphDetail() {
-  if (detailLoading.value) return
-  detailLoading.value = true
+  if (loading.value) return
+  loading.value = true
   detailFailed.value = false
   return props.api
     .getParagraphDetail(targetKnowledgeId.value, targetDocumentId.value, targetParagraphId.value)
@@ -51,7 +43,7 @@ function loadParagraphDetail() {
       detailFailed.value = true
     })
     .finally(() => {
-      detailLoading.value = false
+      loading.value = false
     })
 }
 
@@ -59,17 +51,17 @@ function open(paragraph: ParagraphItem, initialMode: 'edit' | 'detail' = 'detail
   targetKnowledgeId.value = props.knowledgeId
   targetDocumentId.value = props.documentId
   targetParagraphId.value = paragraph.id
-  mode.value = props.disabled ? 'detail' : initialMode
+  mode.value = initialMode
   visible.value = true
   void loadParagraphDetail()
 }
 
 function close() {
-  if (!busy.value) visible.value = false
+  if (!loading.value) visible.value = false
 }
 
 function handleBeforeClose(done: () => void) {
-  if (!busy.value) done()
+  if (!loading.value) done()
 }
 
 /* 编辑与详情切换：取消丢弃正文草稿，关联问题保留即时保存结果。 */
@@ -77,30 +69,22 @@ const paragraphFormRef = ref<InstanceType<typeof ParagraphForm>>()
 const paragraphForm = ref<ParagraphUpdatePayload>({ title: '', content: '' })
 
 function handleEdit() {
-  if (props.disabled || busy.value || !paragraphDetail.value) return
+  if (loading.value || !paragraphDetail.value) return
   paragraphForm.value = { title: paragraphDetail.value.title ?? '', content: paragraphDetail.value.content }
   mode.value = 'edit'
 }
 
 function handleCancelEdit() {
-  if (!busy.value) mode.value = 'detail'
+  if (!loading.value) mode.value = 'detail'
 }
 
-// 父级切换为只读时立即回到详情，防止继续编辑和保存。
-watch(
-  () => props.disabled,
-  (disabled) => {
-    if (disabled) mode.value = 'detail'
-  },
-)
-
 function handleSubmit() {
-  if (props.disabled || busy.value || questionAdding.value) return
+  if (loading.value) return
   void paragraphFormRef.value
     ?.validate()
     .then((valid) => {
-      if (!valid || props.disabled || busy.value || questionAdding.value) return
-      saving.value = true
+      if (!valid || loading.value) return
+      loading.value = true
       // 正文与问题使用独立接口，保存正文不会覆盖问题关联。
       return props.api
         .putParagraph(targetKnowledgeId.value, targetDocumentId.value, targetParagraphId.value, {
@@ -108,14 +92,14 @@ function handleSubmit() {
           content: paragraphForm.value.content,
         })
         .then((paragraph) => {
+          // 问题由独立接口更新，正文保存响应不回填问题列表，避免覆盖并行操作结果。
           paragraphDetail.value = paragraph
-          relatedQuestions.value = paragraph.problem_list
           mode.value = 'detail'
           MsgSuccess('保存成功')
           emit('success', 'edit')
         })
         .finally(() => {
-          saving.value = false
+          loading.value = false
         })
     })
     .catch(() => {})
@@ -126,30 +110,33 @@ defineExpose({ open, close })
 
 <template>
   <MkDialog v-model="visible" :title="dialogTitle" width="1000" align-center :before-close="handleBeforeClose" @closed="emit('closed')">
-    <div v-loading="detailLoading || saving">
-      <div class="flex">
-        <ParagraphPreview v-if="mode === 'detail'" :paragraph="paragraphDetail" :disabled="disabled" :loading="busy" @edit="handleEdit" />
+    <div v-loading="loading">
+      <div class="flex h-[480px] max-h-[calc(100vh-272px)] w-full gap-4">
+        <el-card v-if="mode === 'detail'" shadow="never" class="mk-paragraph-card group relative min-w-0 flex-1" body-class="flex-column h-full">
+          <!-- 编辑分段标题和内容 -->
+          <el-button circle class="group-hover-visible absolute! top-4 right-4 shadow-md" @click="handleEdit">
+            <MkIcon name="icon_edit_outlined" />
+          </el-button>
+          <ParagraphPreview :paragraph="paragraphDetail" />
+        </el-card>
         <div v-else class="flex-column min-h-0 min-w-0 flex-1">
-          <ParagraphForm ref="paragraphFormRef" v-model="paragraphForm" :knowledge-id="targetKnowledgeId" :disabled="disabled" />
-          <div class="mt-4 flex justify-end gap-3">
+          <el-scrollbar height="100%" class="min-h-0 flex-1">
+            <ParagraphForm ref="paragraphFormRef" v-model="paragraphForm" :knowledge-id="targetKnowledgeId" />
+          </el-scrollbar>
+          <div class="mt-4 shrink-0 text-right">
             <!-- 取消编辑并返回分段详情 -->
-            <el-button :disabled="busy" @click="handleCancelEdit">取消</el-button>
+            <el-button plain :disabled="loading" @click="handleCancelEdit">取消</el-button>
             <!-- 保存分段标题和内容 -->
-            <el-button type="primary" :loading="saving" :disabled="disabled || questionLoading || questionAdding" @click="handleSubmit">
-              保存
-            </el-button>
+            <el-button type="primary" :loading="loading" @click="handleSubmit">保存</el-button>
           </div>
         </div>
+        <!-- 关联问题 -->
         <ParagraphQuestions
           v-model="relatedQuestions"
-          v-model:adding="questionAdding"
-          v-model:loading="questionLoading"
           :api="api"
           :knowledge-id="targetKnowledgeId"
           :document-id="targetDocumentId"
           :paragraph-id="targetParagraphId"
-          :disabled="disabled"
-          :blocked="detailLoading || saving"
         />
       </div>
     </div>
diff --git a/ui/src/views/knowledge-detail/paragraph/paragraph-dialog/components/ParagraphForm.vue b/ui/src/views/knowledge-detail/paragraph/paragraph-dialog/components/ParagraphForm.vue
index b7a09a1f9cb..9112ba04f24 100644
--- a/ui/src/views/knowledge-detail/paragraph/paragraph-dialog/components/ParagraphForm.vue
+++ b/ui/src/views/knowledge-detail/paragraph/paragraph-dialog/components/ParagraphForm.vue
@@ -7,7 +7,7 @@ import { FILE_SOURCE_TYPE } from '@/api/enums'
 import type { ParagraphUpdatePayload } from '@/api/types'
 
 defineOptions({ name: 'ParagraphForm' })
-const props = withDefaults(defineProps<{ knowledgeId: string; disabled?: boolean }>(), { disabled: false })
+const props = defineProps<{ knowledgeId: string }>()
 const paragraphForm = defineModel<ParagraphUpdatePayload>({ required: true })
 const formRef = ref<FormInstance>()
 const paragraphRules: FormRules<ParagraphUpdatePayload> = {
@@ -50,7 +50,6 @@ const toolbars: ToolbarNames[] = [
 const footers: Footers[] = ['markdownTotal', 0, '=', 'scrollSwitch']
 
 function onUploadImg(files: File[], callback: (urls: string[]) => void) {
-  if (props.disabled) return
   return Promise.all(files.map((file) => FileApi.postUploadFile(file, props.knowledgeId, FILE_SOURCE_TYPE.KNOWLEDGE).request))
     .then(callback)
     .catch(() => {
@@ -62,7 +61,7 @@ function handleContentBlur() {
   void formRef.value?.validateField('content').catch(() => {})
 }
 
-// 校验由 Dialog 的保存流程触发，业务只读状态由 disabled 控制。
+// 校验由 Dialog 的保存流程触发。
 function validate() {
   return formRef.value?.validate() ?? Promise.resolve(false)
 }
@@ -71,15 +70,7 @@ defineExpose({ validate })
 </script>
 
 <template>
-  <el-form
-    ref="formRef"
-    :model="paragraphForm"
-    :rules="paragraphRules"
-    :disabled="disabled"
-    label-position="top"
-    class="min-w-0 flex-1"
-    @submit.prevent
-  >
+  <el-form ref="formRef" :model="paragraphForm" :rules="paragraphRules" label-position="top" class="min-w-0 flex-1" @submit.prevent>
     <el-form-item label="标题" prop="title">
       <el-input v-model="paragraphForm.title" maxlength="256" placeholder="请输入标题" />
     </el-form-item>
@@ -91,7 +82,6 @@ defineExpose({ validate })
         :preview="false"
         :toolbars="toolbars"
         :footers="footers"
-        :disabled="disabled"
         style="height: 300px"
         @on-upload-img="onUploadImg"
         @on-blur="handleContentBlur"
diff --git a/ui/src/views/knowledge-detail/paragraph/paragraph-dialog/components/ParagraphPreview.vue b/ui/src/views/knowledge-detail/paragraph/paragraph-dialog/components/ParagraphPreview.vue
index fe04e999fad..39257ae49af 100644
--- a/ui/src/views/knowledge-detail/paragraph/paragraph-dialog/components/ParagraphPreview.vue
+++ b/ui/src/views/knowledge-detail/paragraph/paragraph-dialog/components/ParagraphPreview.vue
@@ -1,36 +1,19 @@
 <script setup lang="ts">
-import { EditPen } from '@element-plus/icons-vue'
 import type { ParagraphDetail } from '@/api/types'
 import { datetimeFormat } from '@/utils/time'
 
 defineOptions({ name: 'ParagraphPreview' })
-const props = withDefaults(defineProps<{ paragraph?: ParagraphDetail; disabled?: boolean; loading?: boolean }>(), {
-  disabled: false,
-  loading: false,
-})
-const emit = defineEmits<{ edit: [] }>()
-
-function handleEdit() {
-  if (!props.disabled && !props.loading) emit('edit')
-}
+defineProps<{ paragraph?: ParagraphDetail }>()
 </script>
 
 <template>
-  <div class="mk-gray-card-lg flex-column min-h-0 max-h-[calc(100vh-272px)] min-w-0 flex-1 border">
-    <div class="mb-3 flex-between shrink-0 gap-3">
-      <h4 class="min-w-0 break-words">{{ paragraph?.title || '无标题分段' }}</h4>
-      <!-- 编辑分段标题和内容 -->
-      <el-button circle class="shrink-0 shadow-sm" title="编辑分段" v-if="!disabled" :disabled="loading" @click="handleEdit">
-        <MkIcon :icon="EditPen" :size="18" />
-      </el-button>
-    </div>
-    <el-scrollbar class="min-h-0 flex-1">
-      <MdPreview :model-value="paragraph?.content ?? ''" />
-    </el-scrollbar>
-    <div class="mt-4 flex-align-center shrink-0 flex-wrap gap-x-2 text-sm text-N600">
-      <span>召回次数 {{ paragraph?.hit_num ?? 0 }}</span>
-      <el-divider direction="vertical" />
-      <span>最近一次召回时间 {{ datetimeFormat(paragraph?.last_hit_time) || '暂无' }}</span>
-    </div>
+  <h4 class="mb-3 min-w-0 shrink-0 break-words">{{ paragraph?.title || '-' }}</h4>
+  <el-scrollbar height="100%" class="min-h-0 flex-1">
+    <MdPreview :model-value="paragraph?.content ?? ''" />
+  </el-scrollbar>
+  <div class="mt-4 flex-align-center shrink-0 gap-2 text-sm font-medium text-N600">
+    <span>召回次数 {{ paragraph?.hit_num ?? 0 }}</span>
+    <el-divider direction="vertical" />
+    <span>最近一次召回时间 {{ datetimeFormat(paragraph?.last_hit_time) || '-' }}</span>
   </div>
 </template>
diff --git a/ui/src/views/knowledge-detail/paragraph/paragraph-dialog/components/ParagraphQuestions.vue b/ui/src/views/knowledge-detail/paragraph/paragraph-dialog/components/ParagraphQuestions.vue
index e24ddab7adf..f224e9f67fc 100644
--- a/ui/src/views/knowledge-detail/paragraph/paragraph-dialog/components/ParagraphQuestions.vue
+++ b/ui/src/views/knowledge-detail/paragraph/paragraph-dialog/components/ParagraphQuestions.vue
@@ -1,76 +1,102 @@
 <script setup lang="ts">
-import { computed, nextTick, ref } from 'vue'
-import { Plus, Close } from '@element-plus/icons-vue'
-import type { FormInstance, FormRules, InputInstance } from 'element-plus'
+import { nextTick, onMounted, ref } from 'vue'
+import type { SelectInstance } from 'element-plus'
 import type ParagraphApi from '@/api/admin/workspace/knowledge/paragraph'
+import ProblemApi from '@/api/admin/workspace/knowledge/problem'
+import type { ParagraphProblem } from '@/api/types'
 import type { ParagraphQuestionDraft } from '../types'
-import { MsgSuccess } from '@/utils/message'
+import { MsgWarning } from '@/utils/message'
 
 defineOptions({ name: 'ParagraphQuestions' })
-const props = withDefaults(
-  defineProps<{
-    api: typeof ParagraphApi
-    knowledgeId: string
-    documentId: string
-    paragraphId?: string
-    disabled?: boolean
-    blocked?: boolean
-  }>(),
-  { disabled: false, blocked: false },
-)
+const props = defineProps<{
+  api: typeof ParagraphApi
+  knowledgeId: string
+  documentId: string
+  paragraphId?: string
+}>()
 const relatedProblems = defineModel<ParagraphQuestionDraft[]>({ required: true })
-const problemSaving = defineModel<boolean>('loading', { default: false })
-const problemAdding = defineModel<boolean>('adding', { default: false })
-const problemFormRef = ref<FormInstance>()
-const problemInputRef = ref<InputInstance>()
-const problemForm = ref({ content: '' })
-const busy = computed(() => props.disabled || props.blocked || problemSaving.value)
+const loading = ref(false)
+const problemAdding = ref(false)
+const problemSelectRef = ref<SelectInstance>()
+const problemValue = ref('')
+const problemOptions = ref<ParagraphProblem[]>([])
+const optionLoading = ref(false)
+
+function loadProblemOptions(query = '') {
+  optionLoading.value = true
+  return ProblemApi.getProblemsPage(props.knowledgeId, { currentPage: 1, pageSize: 100 }, query.trim() ? { content: query.trim() } : undefined)
+    .then(({ records }) => {
+      problemOptions.value = records
+    })
+    .catch(() => {})
+    .finally(() => {
+      optionLoading.value = false
+    })
+}
+
+onMounted(() => {
+  void loadProblemOptions()
+})
+
+/* 新增分段维护本地草稿；已有分段创建或关联问题后刷新关联列表。 */
+function refreshRelatedProblems() {
+  if (!props.paragraphId) return Promise.resolve()
+  return props.api.getParagraphProblems(props.knowledgeId, props.documentId, props.paragraphId).then((problems) => {
+    relatedProblems.value = problems
+  })
+}
 
-/* 新增分段使用本地问题草稿；已有分段通过专属接口即时保存。 */
 async function handleAddProblem() {
-  if (busy.value) return
+  if (loading.value) return
   problemAdding.value = true
   await nextTick()
-  problemInputRef.value?.focus()
+  problemSelectRef.value?.focus()
 }
 
 function handleCancelProblem() {
-  if (busy.value) return
+  if (loading.value) return
   problemAdding.value = false
-  problemForm.value.content = ''
-  problemFormRef.value?.clearValidate()
+  problemValue.value = ''
 }
 
-function handleSubmitProblem() {
-  if (busy.value) return
-  void problemFormRef.value
-    ?.validate()
+function handleSelectProblem(value: string) {
+  if (loading.value) return
+  const existingProblem = problemOptions.value.find(({ id }) => id === value)
+  const content = (existingProblem?.content ?? value).trim()
+  if (!content || content.length > 256) {
+    MsgWarning(content ? '问题最多 256 字符' : '请输入关联问题')
+    problemValue.value = ''
+    return
+  }
+  if (relatedProblems.value.some((problem) => problem.content.trim() === content)) {
+    handleCancelProblem()
+    return
+  }
+  if (!props.paragraphId) {
+    relatedProblems.value = [...relatedProblems.value, { content }]
+    handleCancelProblem()
+    return
+  }
+
+  loading.value = true
+  const associationRequest = existingProblem
+    ? props.api.putAssociateParagraphProblem(props.knowledgeId, props.documentId, props.paragraphId, existingProblem.id)
+    : props.api.postParagraphProblem(props.knowledgeId, props.documentId, props.paragraphId, content)
+  return associationRequest
     .then(() => {
-      if (busy.value) return
-      const content = problemForm.value.content.trim()
-      if (!props.paragraphId) {
-        relatedProblems.value = [...relatedProblems.value, { content }]
-        handleCancelProblem()
-        return
-      }
-      problemSaving.value = true
-      return props.api
-        .postParagraphProblem(props.knowledgeId, props.documentId, props.paragraphId, content)
-        .then((problem) => {
-          relatedProblems.value = [...relatedProblems.value, problem]
-          problemAdding.value = false
-          problemForm.value.content = ''
-          MsgSuccess('关联成功')
-        })
-        .finally(() => {
-          problemSaving.value = false
-        })
+      return refreshRelatedProblems().then(() => {
+        problemAdding.value = false
+        problemValue.value = ''
+      })
     })
     .catch(() => {})
+    .finally(() => {
+      loading.value = false
+    })
 }
 
 function handleRemoveProblem(index: number) {
-  if (busy.value) return
+  if (loading.value) return
   const problem = relatedProblems.value[index]
   if (!problem) return
   if (!props.paragraphId) {
@@ -78,48 +104,62 @@ function handleRemoveProblem(index: number) {
     return
   }
   if (!problem.id) return
-  problemSaving.value = true
+  loading.value = true
   void props.api
     .putUnassociateParagraphProblem(props.knowledgeId, props.documentId, props.paragraphId, problem.id)
-    .then(() => {
-      relatedProblems.value = relatedProblems.value.filter((_problem, problemIndex) => problemIndex !== index)
-    })
+    .then(() => refreshRelatedProblems())
     .catch(() => {})
     .finally(() => {
-      problemSaving.value = false
+      loading.value = false
     })
 }
 </script>
 
 <template>
-  <aside v-loading="problemSaving" class="mk-gray-card-lg w-60 shrink-0">
+  <aside v-loading="loading" class="mk-gray-card-lg flex-column w-60 shrink-0">
     <div class="mb-4 flex-between shrink-0 gap-3">
       <h4>关联问题</h4>
       <!-- 添加关联问题 -->
-      <el-button text v-if="!disabled" :disabled="blocked || problemSaving || problemAdding" @click="handleAddProblem">
+      <el-button text :disabled="loading || problemAdding" @click="handleAddProblem">
         <MkIcon name="icon_add_outlined" :size="16" />
       </el-button>
     </div>
-    <el-scrollbar class="min-h-0 flex-1">
-      <div class="space-y-2">
-        <template v-for="(problem, index) in relatedProblems" :key="problem.content">
-          <div class="flex-between gap-2 rounded-md border px-3 py-1">
-            <span class="min-w-0 break-words">{{ problem.content }}</span>
-            <!-- 移除当前分段的关联问题 -->
-            <el-button
-              text
-              circle
-              class="shrink-0"
-              title="移除关联问题"
-              v-if="!disabled"
-              :disabled="blocked || problemSaving"
-              @click="handleRemoveProblem(index)"
-            >
-              <MkIcon name="icon_close_outlined" :size="18" />
-            </el-button>
-          </div>
-        </template>
-      </div>
-    </el-scrollbar>
+    <div class="relative min-h-0 flex-1">
+      <el-scrollbar class="absolute! inset-0">
+        <div class="space-y-2">
+          <!-- 搜索已有问题或输入新问题后添加 -->
+          <el-select
+            v-if="problemAdding"
+            ref="problemSelectRef"
+            v-model="problemValue"
+            filterable
+            allow-create
+            default-first-option
+            :reserve-keyword="false"
+            remote
+            :remote-method="loadProblemOptions"
+            :loading="optionLoading"
+            placeholder="请输入"
+            @change="handleSelectProblem"
+            @blur="handleCancelProblem"
+          >
+            <el-option v-for="problem in problemOptions" :key="problem.id" :label="problem.content" :value="problem.id">
+              <span class="block truncate" :title="problem.content">{{ problem.content }}</span>
+            </el-option>
+          </el-select>
+          <template v-for="(problem, index) in relatedProblems" :key="problem.content">
+            <el-card shadow="never" class="small bg-transparent!" body-class="py-[4px]!">
+              <div class="flex-between gap-2">
+                <span class="min-w-0 flex-1 truncate" :title="problem.content">{{ problem.content }}</span>
+                <!-- 解除问题关联 -->
+                <el-button text :disabled="loading" @click="handleRemoveProblem(index)">
+                  <MkIcon name="icon_close_outlined" :size="16" />
+                </el-button>
+              </div>
+            </el-card>
+          </template>
+        </div>
+      </el-scrollbar>
+    </div>
   </aside>
 </template>
diff --git a/ui/src/views/knowledge/knowledge-card/action-dropdown/mcp-config-action/McpConfigKnowledgeAction.vue b/ui/src/views/knowledge/knowledge-card/action-dropdown/McpConfigKnowledgeAction.vue
similarity index 53%
rename from ui/src/views/knowledge/knowledge-card/action-dropdown/mcp-config-action/McpConfigKnowledgeAction.vue
rename to ui/src/views/knowledge/knowledge-card/action-dropdown/McpConfigKnowledgeAction.vue
index db512be5230..5cdd39df990 100644
--- a/ui/src/views/knowledge/knowledge-card/action-dropdown/mcp-config-action/McpConfigKnowledgeAction.vue
+++ b/ui/src/views/knowledge/knowledge-card/action-dropdown/McpConfigKnowledgeAction.vue
@@ -1,28 +1,32 @@
 <script setup lang="ts">
-import { nextTick, ref, useTemplateRef } from 'vue'
+import { ref } from 'vue'
 import type KnowledgeApi from '@/api/admin/workspace/knowledge/knowledge'
 import type { KnowledgeItem } from '@/api/types'
-import KnowledgeMcpConfigDialog from './KnowledgeMcpConfigDialog.vue'
+import { copyText } from '@/utils/clipboard'
 import type SystemResourceKnowledgeApi from '@/api/admin/system/resource-management/knowledge/knowledge'
 import type SystemSharedKnowledgeApi from '@/api/admin/system/shared-resources/knowledge/knowledge'
 
 defineOptions({ name: 'McpConfigKnowledgeAction' })
 
-const props = defineProps<{ api: typeof KnowledgeApi | typeof SystemResourceKnowledgeApi | typeof SystemSharedKnowledgeApi; knowledge: KnowledgeItem; label: string }>()
+const props = defineProps<{
+  api: typeof KnowledgeApi | typeof SystemResourceKnowledgeApi | typeof SystemSharedKnowledgeApi
+  knowledge: KnowledgeItem
+  label: string
+}>()
 const loading = defineModel<boolean>('loading', { default: false })
 
 /* 知识库 MCP 配置详情 */
-const dialogMounted = ref(false)
-const mcpConfigDialogRef = useTemplateRef<InstanceType<typeof KnowledgeMcpConfigDialog>>('mcpConfigDialogRef')
+const visible = ref(false)
+const config = ref('')
 
 function handleOpenMcpConfig() {
   if (loading.value) return
   loading.value = true
   return props.api
     .getKnowledgeMcpConfig(props.knowledge.id)
-    .then((config) => {
-      dialogMounted.value = true
-      return nextTick(() => mcpConfigDialogRef.value?.open(config))
+    .then((mcpConfig) => {
+      config.value = mcpConfig
+      visible.value = true
     })
     .finally(() => {
       loading.value = false
@@ -30,7 +34,7 @@ function handleOpenMcpConfig() {
 }
 
 function handleDialogClosed() {
-  dialogMounted.value = false
+  config.value = ''
 }
 </script>
 
@@ -41,5 +45,13 @@ function handleDialogClosed() {
     <span>{{ label }}</span>
   </MkDropdownItem>
 
-  <KnowledgeMcpConfigDialog v-if="dialogMounted" ref="mcpConfigDialogRef" @closed="handleDialogClosed" />
+  <MkDialog v-model="visible" title="MCP 配置详情" @closed="handleDialogClosed">
+    <div class="group relative">
+      <el-input v-model="config" readonly :autosize="{ minRows: 8, maxRows: 24 }" type="textarea" />
+      <!-- 复制 MCP 配置 -->
+      <el-button class="group-hover-visible absolute right-3 top-3 z-10 shadow-md" circle :disabled="!config" @click="copyText(config)">
+        <MkIcon name="icon_copy_outlined" />
+      </el-button>
+    </div>
+  </MkDialog>
 </template>
diff --git a/ui/src/views/knowledge/knowledge-card/action-dropdown/index.ts b/ui/src/views/knowledge/knowledge-card/action-dropdown/index.ts
index 0698ea5748b..dd530df1c07 100644
--- a/ui/src/views/knowledge/knowledge-card/action-dropdown/index.ts
+++ b/ui/src/views/knowledge/knowledge-card/action-dropdown/index.ts
@@ -3,7 +3,7 @@ export { default as GenerateQuestionsAction } from './GenerateQuestionsAction.vu
 export { default as SyncKnowledgeAction } from './sync-knowledge-action/SyncKnowledgeAction.vue'
 export { default as EmbeddingKnowledgeAction } from './EmbeddingKnowledgeAction.vue'
 export { default as KeywordIndexKnowledgeAction } from './KeywordIndexKnowledgeAction.vue'
-export { default as McpConfigKnowledgeAction } from './mcp-config-action/McpConfigKnowledgeAction.vue'
+export { default as McpConfigKnowledgeAction } from './McpConfigKnowledgeAction.vue'
 export { default as ExportKnowledgeAction } from './ExportKnowledgeAction.vue'
 export { default as MoveKnowledgeAction } from './MoveKnowledgeAction.vue'
 export { default as DeleteKnowledgeAction } from './DeleteKnowledgeAction.vue'
diff --git a/ui/src/views/knowledge/knowledge-card/action-dropdown/mcp-config-action/KnowledgeMcpConfigDialog.vue b/ui/src/views/knowledge/knowledge-card/action-dropdown/mcp-config-action/KnowledgeMcpConfigDialog.vue
deleted file mode 100644
index 8a49ffe0883..00000000000
--- a/ui/src/views/knowledge/knowledge-card/action-dropdown/mcp-config-action/KnowledgeMcpConfigDialog.vue
+++ /dev/null
@@ -1,46 +0,0 @@
-<script setup lang="ts">
-import { ref } from 'vue'
-import { copyText } from '@/utils/clipboard'
-
-defineOptions({ name: 'KnowledgeMcpConfigDialog' })
-
-const emit = defineEmits<{ closed: [] }>()
-
-/* 配置展示与复制 */
-const visible = ref(false)
-const config = ref('')
-
-function open(mcpConfig: string) {
-  config.value = mcpConfig
-  visible.value = true
-}
-
-defineExpose({ open })
-</script>
-
-<template>
-  <MkDialog v-model="visible" title="MCP 配置详情" @closed="emit('closed')">
-    <div class="group knowledge-mcp-config-detail relative">
-      <el-input v-model="config" :autosize="{ minRows: 8, maxRows: 24 }" disabled type="textarea" />
-      <!-- 复制 MCP 配置 -->
-      <el-button
-        class="group-hover-visible absolute right-3 top-3 z-10 shadow-md"
-        circle
-        title="复制配置"
-        :disabled="!config"
-        @click="copyText(config)"
-      >
-        <MkIcon name="icon_copy_outlined" />
-      </el-button>
-    </div>
-  </MkDialog>
-</template>
-
-<style scoped lang="scss">
-.knowledge-mcp-config-detail {
-  :deep(.el-textarea__inner) {
-    color: var(--el-text-color-primary);
-    cursor: pointer;
-  }
-}
-</style>
diff --git a/ui/src/views/tool/tool-card/action-dropdown/mcp-config-action/McpConfigAction.vue b/ui/src/views/tool/tool-card/action-dropdown/McpConfigAction.vue
similarity index 58%
rename from ui/src/views/tool/tool-card/action-dropdown/mcp-config-action/McpConfigAction.vue
rename to ui/src/views/tool/tool-card/action-dropdown/McpConfigAction.vue
index 2605f3fbae0..a413bc847ba 100644
--- a/ui/src/views/tool/tool-card/action-dropdown/mcp-config-action/McpConfigAction.vue
+++ b/ui/src/views/tool/tool-card/action-dropdown/McpConfigAction.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import { nextTick, ref, useTemplateRef } from 'vue'
+import { ref } from 'vue'
 import type ToolApi from '@/api/admin/workspace/tool/tool'
 import type SystemResourceToolApi from '@/api/admin/system/resource-management/tool/tool'
 import type SystemSharedToolApi from '@/api/admin/system/shared-resources/tool/tool'
 import type { ToolItem } from '@/api/types'
-import McpConfigDialog from './McpConfigDialog.vue'
+import { copyText } from '@/utils/clipboard'
 
 defineOptions({ name: 'McpConfigAction' })
 
@@ -12,16 +12,17 @@ const props = defineProps<{ api: typeof ToolApi | typeof SystemSharedToolApi | t
 
 const loading = defineModel<boolean>('loading', { default: false })
 
-const dialogMounted = ref(false)
-const mcpConfigDialogRef = useTemplateRef<InstanceType<typeof McpConfigDialog>>('mcpConfigDialogRef')
+/* 工具 MCP 配置展示与复制 */
+const visible = ref(false)
+const config = ref('')
 
 function handleOpenMcpConfig() {
   loading.value = true
   return props.api
     .getToolDetail(props.tool.id)
     .then((toolDetail) => {
-      dialogMounted.value = true
-      return nextTick(() => mcpConfigDialogRef.value?.open(toolDetail))
+      config.value = toolDetail.code ?? ''
+      visible.value = true
     })
     .finally(() => {
       loading.value = false
@@ -29,7 +30,7 @@ function handleOpenMcpConfig() {
 }
 
 function handleDialogClosed() {
-  dialogMounted.value = false
+  config.value = ''
 }
 </script>
 
@@ -40,5 +41,13 @@ function handleDialogClosed() {
     <span>{{ label }}</span>
   </MkDropdownItem>
 
-  <McpConfigDialog v-if="dialogMounted" ref="mcpConfigDialogRef" @closed="handleDialogClosed" />
+  <MkDialog v-model="visible" title="MCP 配置详情" @closed="handleDialogClosed">
+    <div class="group relative">
+      <el-input v-model="config" readonly :autosize="{ minRows: 8, maxRows: 24 }" type="textarea" />
+      <!-- 复制 MCP 配置 -->
+      <el-button class="group-hover-visible absolute right-3 top-3 z-10 shadow-md" circle :disabled="!config" @click="copyText(config)">
+        <MkIcon name="icon_copy_outlined" />
+      </el-button>
+    </div>
+  </MkDialog>
 </template>
diff --git a/ui/src/views/tool/tool-card/action-dropdown/index.ts b/ui/src/views/tool/tool-card/action-dropdown/index.ts
index c7094b211f1..2e36e966580 100644
--- a/ui/src/views/tool/tool-card/action-dropdown/index.ts
+++ b/ui/src/views/tool/tool-card/action-dropdown/index.ts
@@ -3,7 +3,7 @@ export { default as DeleteToolAction } from './DeleteToolAction.vue'
 export { default as EditToolAction } from './EditToolAction.vue'
 export { default as ExportToolAction } from './ExportToolAction.vue'
 export { default as InitParamAction } from './InitParamAction.vue'
-export { default as McpConfigAction } from './mcp-config-action/McpConfigAction.vue'
+export { default as McpConfigAction } from './McpConfigAction.vue'
 export { default as MoveToolAction } from './MoveToolAction.vue'
 export { default as ToolWorkflowAction } from './ToolWorkflowAction.vue'
 export { default as AuthorizeToolAction } from './AuthorizeToolAction.vue'
diff --git a/ui/src/views/tool/tool-card/action-dropdown/mcp-config-action/McpConfigDialog.vue b/ui/src/views/tool/tool-card/action-dropdown/mcp-config-action/McpConfigDialog.vue
deleted file mode 100644
index 467aeb1df0e..00000000000
--- a/ui/src/views/tool/tool-card/action-dropdown/mcp-config-action/McpConfigDialog.vue
+++ /dev/null
@@ -1,39 +0,0 @@
-<script setup lang="ts">
-import { ref } from 'vue'
-import type { ToolItem } from '@/api/types'
-import { copyText } from '@/utils/clipboard'
-
-defineOptions({ name: 'McpConfigDialog' })
-
-const emit = defineEmits<{ closed: [] }>()
-
-const visible = ref(false)
-const config = ref('')
-
-function open(tool: ToolItem) {
-  config.value = tool.code ?? ''
-  visible.value = true
-}
-
-defineExpose({ open })
-</script>
-
-<template>
-  <MkDialog v-model="visible" title="MCP 配置详情" @closed="emit('closed')">
-    <div class="group mcp-config-detail relative">
-      <el-input v-model="config" :autosize="{ minRows: 8, maxRows: 24 }" disabled type="textarea" />
-      <!-- 复制 MCP 配置 -->
-      <el-button class="group-hover-visible absolute right-3 top-3 z-10 shadow-md" circle title="复制配置" @click="copyText(config)">
-        <MkIcon name="icon_copy_outlined" />
-      </el-button>
-    </div>
-  </MkDialog>
-</template>
-<style scoped lang="scss">
-.mcp-config-detail {
-  :deep(.el-textarea__inner) {
-    color: var(--el-text-color-primary);
-    cursor: pointer;
-  }
-}
-</style>