diff --git a/ui/src/api/API_README.md b/ui/src/api/API_README.md
index e77b17b531c..5ce5862657d 100644
--- a/ui/src/api/API_README.md
+++ b/ui/src/api/API_README.md
@@ -510,9 +510,24 @@ putDocument 统一更新名称、启停及设置，不按字段重复封装；
 | putBatchDeleteParagraphs                                     | PUT batch_delete，`{ id_list }`，服务端清理关联与索引                                     |
 
 标题最多 256，后端内容上限 102400；界面限制见 View 文档。
-问题候选在 knowledge/problem.ts 的 getProblemsPage，支持 content 搜索，类型 ParagraphProblem。
+问题候选在 knowledge/problem.ts 的 getProblemsPage，支持 content 搜索，分页记录类型为 ProblemItem。
 Workspace 共享 Paragraph API 仅 getParagraphPage、getParagraphDetail，不补问题查询或维护。
 
+### 知识库问题
+
+四范围 `knowledge/problem.ts` 使用各自知识库前缀追加 `/<knowledgeId>/problem`，
+由知识库及文档详情上下文的 `resourceApi.problem` 选择，不固定 Workspace。
+`getProblemsPage(knowledgeId, page, query)` 返回 `ResponsePage<ProblemItem>`，query 仅传 content。
+`ProblemItem` 包含 id、content、paragraph_count、hit_num、last_hit_time、create_time、update_time；
+分段已有问题仍使用轻量 `ParagraphProblem`，不要求包含列表统计字段。
+
+Workspace、System 资源管理、System 共享提供完整问题 API：
+`postProblems` 直接提交内容字符串数组，`putProblem` 提交 `{ content }`，单项 DELETE 使用问题 ID，
+`putBatchDeleteProblems` 直接提交问题 ID 数组；单个问题内容最多 256 字符。
+`getProblemParagraphs` 返回 `ProblemParagraph[]`，包含分段字段及 knowledge_id、document_name。
+取消关联复用 Paragraph API 的 `putUnassociateParagraphProblem`，不调用问题或分段删除接口。
+Workspace 共享仅有 `getProblemsPage`，不补造详情或写接口，不回退其他范围。
+
 ### 标签与文档关联
 
 四范围 tags.ts 按上述知识库前缀维护；Workspace 共享只 getKnowledgeTags，其余范围提供维护和关联。
diff --git a/ui/src/api/admin/system/resource-management/knowledge/problem.ts b/ui/src/api/admin/system/resource-management/knowledge/problem.ts
index e7c6a82eef2..bf2e3f7c109 100644
--- a/ui/src/api/admin/system/resource-management/knowledge/problem.ts
+++ b/ui/src/api/admin/system/resource-management/knowledge/problem.ts
@@ -1,15 +1,15 @@
 import { del, get, post, put } from '@/api/admin/core/request'
 import type { ParamsPage, ResponsePage } from '@/api/admin/core/types'
-import type { ParagraphProblem, ProblemBatchAssociationPayload, ProblemParagraph } from '@/api/types'
+import type { ProblemItem, ProblemBatchAssociationPayload, ProblemParagraph } from '@/api/types'
 
 const getPrefix = (knowledgeId: string) => `/system/resource/knowledge/${knowledgeId}/problem`
 
 /** 批量创建知识库问题。 */
 const postProblems = (knowledgeId: string, contents: string[]) => post<string[], void>(getPrefix(knowledgeId), contents)
 
-/** 分页搜索知识库问题，供分段选择已有问题进行关联。 */
+/** 分页搜索知识库问题，供问题列表及分段关联候选使用。 */
 const getProblemsPage = (knowledgeId: string, page: ParamsPage, query?: { content?: string }) =>
-  get<ResponsePage<ParagraphProblem>>(`${getPrefix(knowledgeId)}/${page.currentPage}/${page.pageSize}`, query)
+  get<ResponsePage<ProblemItem>>(`${getPrefix(knowledgeId)}/${page.currentPage}/${page.pageSize}`, query)
 
 /** 编辑单个知识库问题的内容。 */
 const putProblem = (knowledgeId: string, problemId: string, content: string) =>
diff --git a/ui/src/api/admin/system/shared-resources/knowledge/problem.ts b/ui/src/api/admin/system/shared-resources/knowledge/problem.ts
index 34224284901..296822d727d 100644
--- a/ui/src/api/admin/system/shared-resources/knowledge/problem.ts
+++ b/ui/src/api/admin/system/shared-resources/knowledge/problem.ts
@@ -1,15 +1,15 @@
 import { del, get, post, put } from '@/api/admin/core/request'
 import type { ParamsPage, ResponsePage } from '@/api/admin/core/types'
-import type { ParagraphProblem, ProblemBatchAssociationPayload, ProblemParagraph } from '@/api/types'
+import type { ProblemItem, ProblemBatchAssociationPayload, ProblemParagraph } from '@/api/types'
 
 const getPrefix = (knowledgeId: string) => `/system/shared/knowledge/${knowledgeId}/problem`
 
 /** 批量创建知识库问题。 */
 const postProblems = (knowledgeId: string, contents: string[]) => post<string[], void>(getPrefix(knowledgeId), contents)
 
-/** 分页搜索知识库问题，供分段选择已有问题进行关联。 */
+/** 分页搜索知识库问题，供问题列表及分段关联候选使用。 */
 const getProblemsPage = (knowledgeId: string, page: ParamsPage, query?: { content?: string }) =>
-  get<ResponsePage<ParagraphProblem>>(`${getPrefix(knowledgeId)}/${page.currentPage}/${page.pageSize}`, query)
+  get<ResponsePage<ProblemItem>>(`${getPrefix(knowledgeId)}/${page.currentPage}/${page.pageSize}`, query)
 
 /** 编辑单个知识库问题的内容。 */
 const putProblem = (knowledgeId: string, problemId: string, content: string) =>
diff --git a/ui/src/api/admin/workspace/knowledge/problem.ts b/ui/src/api/admin/workspace/knowledge/problem.ts
index 36e3b8254e5..7dc6a08c812 100644
--- a/ui/src/api/admin/workspace/knowledge/problem.ts
+++ b/ui/src/api/admin/workspace/knowledge/problem.ts
@@ -1,6 +1,6 @@
 import { del, get, post, put } from '../../core/request'
 import type { ParamsPage, ResponsePage } from '../../core/types'
-import type { ParagraphProblem, ProblemBatchAssociationPayload, ProblemParagraph } from '@/api/types'
+import type { ProblemItem, ProblemBatchAssociationPayload, ProblemParagraph } from '@/api/types'
 import { getWorkspaceId } from '@/utils/resource-context'
 
 const getPrefix = (knowledgeId: string) => `/workspace/${getWorkspaceId()}/knowledge/${knowledgeId}/problem`
@@ -8,9 +8,9 @@ const getPrefix = (knowledgeId: string) => `/workspace/${getWorkspaceId()}/knowl
 /** 批量创建知识库问题。 */
 const postProblems = (knowledgeId: string, contents: string[]) => post<string[], void>(getPrefix(knowledgeId), contents)
 
-/** 分页搜索知识库问题，供分段选择已有问题进行关联。 */
+/** 分页搜索知识库问题，供问题列表及分段关联候选使用。 */
 const getProblemsPage = (knowledgeId: string, page: ParamsPage, query?: { content?: string }) =>
-  get<ResponsePage<ParagraphProblem>>(`${getPrefix(knowledgeId)}/${page.currentPage}/${page.pageSize}`, query)
+  get<ResponsePage<ProblemItem>>(`${getPrefix(knowledgeId)}/${page.currentPage}/${page.pageSize}`, query)
 
 /** 编辑单个知识库问题的内容。 */
 const putProblem = (knowledgeId: string, problemId: string, content: string) =>
diff --git a/ui/src/api/admin/workspace/shared/knowledge/problem.ts b/ui/src/api/admin/workspace/shared/knowledge/problem.ts
index 568ac3c32f4..dfc96ee8690 100644
--- a/ui/src/api/admin/workspace/shared/knowledge/problem.ts
+++ b/ui/src/api/admin/workspace/shared/knowledge/problem.ts
@@ -1,12 +1,12 @@
 import { get } from '../../../core/request'
 import type { ParamsPage, ResponsePage } from '../../../core/types'
-import type { ParagraphProblem } from '@/api/types'
+import type { ProblemItem } from '@/api/types'
 import { getWorkspaceId } from '@/utils/resource-context'
 
 const getPrefix = (knowledgeId: string) => `/system/shared/workspace/${getWorkspaceId()}/knowledge/${knowledgeId}/problem`
 
 /** 分页查询工作空间共享知识库的问题，只提供只读访问。 */
 const getProblemsPage = (knowledgeId: string, page: ParamsPage, query?: { content?: string }) =>
-  get<ResponsePage<ParagraphProblem>>(`${getPrefix(knowledgeId)}/${page.currentPage}/${page.pageSize}`, query)
+  get<ResponsePage<ProblemItem>>(`${getPrefix(knowledgeId)}/${page.currentPage}/${page.pageSize}`, query)
 
 export default { getProblemsPage }
diff --git a/ui/src/api/types/paragraph.ts b/ui/src/api/types/paragraph.ts
index 7c5eb805977..c84fd35ae1f 100644
--- a/ui/src/api/types/paragraph.ts
+++ b/ui/src/api/types/paragraph.ts
@@ -20,6 +20,15 @@ export interface ParagraphProblem {
   content: string
 }
 
+/** 知识库问题列表，包含关联数量和召回统计。 */
+export interface ProblemItem extends ParagraphProblem {
+  paragraph_count: number
+  hit_num: number
+  last_hit_time: string | null
+  create_time: string
+  update_time: string
+}
+
 /** 从问题详情查询到的关联分段，额外携带所属知识库与文档名称。 */
 export interface ProblemParagraph extends ParagraphItem {
   knowledge_id: string
diff --git a/ui/src/views/VIEW_README.md b/ui/src/views/VIEW_README.md
index 7524163eb4d..703a878fc60 100644
--- a/ui/src/views/VIEW_README.md
+++ b/ui/src/views/VIEW_README.md
@@ -106,7 +106,7 @@
 
 `knowledge-detail/context.ts` 仅通过 `provideKnowledgeDetailContext` 和
 `useKnowledgeDetailContext` 公开详情、更新能力、ID、来源导航及完整 API。
-`resourceApi.knowledge / scheduledSync / document / paragraph / image / tags / termbase / chatUser / externalRetrieval` 按当前范围响应式读取，无需 `.value`，
+`resourceApi.knowledge / scheduledSync / document / paragraph / image / tags / termbase / problem / chatUser / externalRetrieval` 按当前范围响应式读取，无需 `.value`，
 不要在 setup 时解构具体 API。`workflow` 当前仅普通 Workspace 提供，其他范围不回退。
 共有查询方法必填，部分范围缺失的方法可选调用；未发请求时不提示成功、不关闭、不刷新或修改快照，loading 正常清理。
 不增加查询／维护双入口、接口别名或专属 Context hook，也不以方法存在性新增操作显隐规则。
@@ -207,9 +207,21 @@ System 资源管理或 System 共享 Knowledge API 的 `postKnowledgeHitTest`；
 文档 `DocumentTags`、标签 Drawer 和批量 Action 各自维护添加弹窗；添加候选仅取前 100 组并本地搜索，
 不禁选已关联值，后台去重。创建候选成功重载但不自动选择。删除仅解除文档关联，不删除知识库标签。
 
+### 问题管理
+
+`question/` 使用 `resourceApi.problem`，默认每页 20 条，不提供表头排序，搜索将 content 传给后端。
+`ButtonCreateProblem` 内聚创建按钮和多行输入弹窗；快捷创建使用 `MkQuickCreate`，每个问题最多 256 字符。
+单项与批量删除直接提交，删除后末页为空时回退到最后有效页；名称编辑复用 `MkEditName`。
+点击数据行打开 `ProblemDetailDrawer`，勾选、名称编辑和操作按钮不触发行详情。
+详情支持问题名称快捷编辑、关联分段卡片和跨页上一个／下一个；卡片复用 `.mk-paragraph-card` 样式，
+点击打开已有 `ParagraphDialog`，悬浮取消关联按钮仅解除当前关联，成功刷新卡片与列表计数。
+分段详情关闭后重查关联，保持编辑与解除关联后的数据一致。
+单项、批量、详情的“关联分段”入口暂时禁用，待交互确认后接入，不创建关联弹窗或发送关联请求。
+Workspace 共享只展示和搜索问题列表，不显示维护入口，也不打开缺少查询接口的问题详情。
+
 ## 文档分段
 
-`document-detail/context.ts` 装配四范围完整 Document／Paragraph API 和返回导航，
+`document-detail/context.ts` 装配四范围完整 Document／Paragraph／Problem API 和返回导航，
 无注入时按当前路由创建上下文，供导入预览复用。页面提供上下文；Action 接收选定 Paragraph API，
 `paragraph-dialog/` 直接读取上下文，不透传 API。共有查询必填，维护方法按真实差异可选。
 Workspace 共享只读，隐藏创建、编辑、排序、关联修改及批量操作；缺少详情接口保留默认标题，不回退。
diff --git a/ui/src/views/document-detail/context.ts b/ui/src/views/document-detail/context.ts
index 356cdfd0757..6dc7812b68a 100644
--- a/ui/src/views/document-detail/context.ts
+++ b/ui/src/views/document-detail/context.ts
@@ -9,14 +9,18 @@ import ParagraphApi from '@/api/admin/workspace/knowledge/paragraph'
 import SharedParagraphApi from '@/api/admin/workspace/shared/knowledge/paragraph'
 import SystemResourceParagraphApi from '@/api/admin/system/resource-management/knowledge/paragraph'
 import SystemSharedParagraphApi from '@/api/admin/system/shared-resources/knowledge/paragraph'
+import ProblemApi from '@/api/admin/workspace/knowledge/problem'
+import SharedProblemApi from '@/api/admin/workspace/shared/knowledge/problem'
+import SystemResourceProblemApi from '@/api/admin/system/resource-management/knowledge/problem'
+import SystemSharedProblemApi from '@/api/admin/system/shared-resources/knowledge/problem'
 import type { ResourceScope } from '@/router/admin/types'
 
 const resourceConfigs = {
-  workspace: { document: DocumentApi, paragraph: ParagraphApi },
-  'workspace-shared': { document: SharedDocumentApi, paragraph: SharedParagraphApi },
-  'system-resource': { document: SystemResourceDocumentApi, paragraph: SystemResourceParagraphApi },
-  'system-shared': { document: SystemSharedDocumentApi, paragraph: SystemSharedParagraphApi },
-} satisfies Record<ResourceScope, { document: typeof SharedDocumentApi; paragraph: typeof SharedParagraphApi }>
+  workspace: { document: DocumentApi, paragraph: ParagraphApi, problem: ProblemApi },
+  'workspace-shared': { document: SharedDocumentApi, paragraph: SharedParagraphApi, problem: SharedProblemApi },
+  'system-resource': { document: SystemResourceDocumentApi, paragraph: SystemResourceParagraphApi, problem: SystemResourceProblemApi },
+  'system-shared': { document: SystemSharedDocumentApi, paragraph: SystemSharedParagraphApi, problem: SystemSharedProblemApi },
+} satisfies Record<ResourceScope, { document: typeof SharedDocumentApi; paragraph: typeof SharedParagraphApi; problem: typeof SharedProblemApi }>
 
 /** 共有查询方法保持必填，仅部分范围提供的方法标记为可选。 */
 type ApiKeys<Api> = Api extends unknown ? keyof Api : never
@@ -41,6 +45,9 @@ function createDocumentDetailContext() {
     get paragraph(): DocumentParagraphApi {
       return resourceConfig.value.paragraph
     },
+    get problem(): OptionalApiMethods<(typeof resourceConfigs)[ResourceScope]['problem']> {
+      return resourceConfig.value.problem
+    },
   })
 
   function handleBack() {
diff --git a/ui/src/views/document-detail/paragraph-dialog/components/ParagraphQuestions.vue b/ui/src/views/document-detail/paragraph-dialog/components/ParagraphQuestions.vue
index 46776b8ad95..831f998753e 100644
--- a/ui/src/views/document-detail/paragraph-dialog/components/ParagraphQuestions.vue
+++ b/ui/src/views/document-detail/paragraph-dialog/components/ParagraphQuestions.vue
@@ -2,7 +2,6 @@
 import { nextTick, onMounted, ref } from 'vue'
 import type { SelectInstance } from 'element-plus'
 import { useDocumentDetailContext } from '@/views/document-detail/context'
-import ProblemApi from '@/api/admin/workspace/knowledge/problem'
 import type { ParagraphProblem } from '@/api/types'
 import type { ParagraphQuestionDraft } from '../types'
 import { isWorkspaceSharedResource } from '@/utils/resource-context'
@@ -25,7 +24,8 @@ 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)
+  return resourceApi.problem
+    .getProblemsPage(props.knowledgeId, { currentPage: 1, pageSize: 100 }, query.trim() ? { content: query.trim() } : undefined)
     .then(({ records }) => {
       problemOptions.value = records
     })
diff --git a/ui/src/views/knowledge-detail/context.ts b/ui/src/views/knowledge-detail/context.ts
index 36711cfddcc..95800233965 100644
--- a/ui/src/views/knowledge-detail/context.ts
+++ b/ui/src/views/knowledge-detail/context.ts
@@ -25,6 +25,10 @@ import TermbaseApi from '@/api/admin/workspace/knowledge/termbase'
 import SharedTermbaseApi from '@/api/admin/workspace/shared/knowledge/termbase'
 import SystemResourceTermbaseApi from '@/api/admin/system/resource-management/knowledge/termbase'
 import SystemSharedTermbaseApi from '@/api/admin/system/shared-resources/knowledge/termbase'
+import ProblemApi from '@/api/admin/workspace/knowledge/problem'
+import SharedProblemApi from '@/api/admin/workspace/shared/knowledge/problem'
+import SystemResourceProblemApi from '@/api/admin/system/resource-management/knowledge/problem'
+import SystemSharedProblemApi from '@/api/admin/system/shared-resources/knowledge/problem'
 import WorkflowApi from '@/api/admin/workspace/knowledge/workflow'
 import ScheduledSyncApi from '@/api/admin/workspace/knowledge/scheduled-sync'
 import SharedScheduledSyncApi from '@/api/admin/workspace/shared/knowledge/scheduled-sync'
@@ -51,6 +55,7 @@ interface KnowledgeResourceApi {
   readonly paragraph: OptionalApiMethods<
     typeof ParagraphApi | typeof SharedParagraphApi | typeof SystemResourceParagraphApi | typeof SystemSharedParagraphApi
   >
+  readonly problem: OptionalApiMethods<typeof ProblemApi | typeof SharedProblemApi | typeof SystemResourceProblemApi | typeof SystemSharedProblemApi>
   readonly chatUser: OptionalApiMethods<
     typeof ChatUserApi | typeof SharedChatUserApi | typeof SystemResourceChatUserApi | typeof SystemSharedChatUserApi
   >
@@ -93,6 +98,7 @@ const resourceConfigs = {
       image: ImageApi,
       tags: TagsApi,
       termbase: TermbaseApi,
+      problem: ProblemApi,
       workflow: WorkflowApi,
     },
     listRouteName: 'workspace-knowledge-list',
@@ -107,6 +113,7 @@ const resourceConfigs = {
       paragraph: SharedParagraphApi,
       tags: SharedTagsApi,
       termbase: SharedTermbaseApi,
+      problem: SharedProblemApi,
     },
     listRouteName: 'workspace-knowledge-list',
   },
@@ -121,6 +128,7 @@ const resourceConfigs = {
       image: SystemResourceImageApi,
       tags: SystemResourceTagsApi,
       termbase: SystemResourceTermbaseApi,
+      problem: SystemResourceProblemApi,
     },
     listRouteName: 'system-resource-knowledge',
   },
@@ -134,6 +142,7 @@ const resourceConfigs = {
       paragraph: SystemSharedParagraphApi,
       tags: SystemSharedTagsApi,
       termbase: SystemSharedTermbaseApi,
+      problem: SystemSharedProblemApi,
     },
     listRouteName: 'system-shared-knowledge',
   },
@@ -183,6 +192,9 @@ function createKnowledgeDetailContext(state: KnowledgeDetailState): KnowledgeDet
     get termbase() {
       return resourceConfig.value.resourceApi.termbase
     },
+    get problem() {
+      return resourceConfig.value.resourceApi.problem
+    },
     get knowledge() {
       return resourceConfig.value.resourceApi.knowledge
     },
@@ -237,7 +249,11 @@ type ScopedResourceApi<Scope extends ResourceScope> = {
 }
 
 type ScopedKnowledgeDetailContext<Scope extends ResourceScope> = Omit<KnowledgeDetailContext, 'resourceApi'> & {
-  resourceApi: Omit<ScopedResourceApi<Scope>, 'scheduledSync' | 'tags' | 'termbase' | 'document' | 'chatUser' | 'externalRetrieval' | 'image'> & {
+  resourceApi: Omit<
+    ScopedResourceApi<Scope>,
+    'scheduledSync' | 'tags' | 'termbase' | 'problem' | 'document' | 'chatUser' | 'externalRetrieval' | 'image'
+  > & {
+    readonly problem: OptionalApiMethods<(typeof resourceConfigs)[Scope]['resourceApi']['problem']>
     readonly image: KnowledgeResourceApi['image']
     readonly chatUser: OptionalApiMethods<(typeof resourceConfigs)[Scope]['resourceApi']['chatUser']>
     readonly scheduledSync: OptionalApiMethods<(typeof resourceConfigs)[Scope]['resourceApi']['scheduledSync']>
diff --git a/ui/src/views/knowledge-detail/question/components/ButtonCreateProblem.vue b/ui/src/views/knowledge-detail/question/components/ButtonCreateProblem.vue
new file mode 100644
index 00000000000..92e593eaa55
--- /dev/null
+++ b/ui/src/views/knowledge-detail/question/components/ButtonCreateProblem.vue
@@ -0,0 +1,65 @@
+<script setup lang="ts">
+import { computed, ref } from 'vue'
+import { MsgSuccess, MsgWarning } from '@/utils/message'
+import { useKnowledgeDetailContext } from '@/views/knowledge-detail/context'
+
+defineOptions({ name: 'ButtonCreateProblem' })
+const emit = defineEmits<{ refresh: [] }>()
+const { knowledgeId, resourceApi } = useKnowledgeDetailContext()
+const visible = ref(false)
+const loading = ref(false)
+const content = ref('')
+const problems = computed(() =>
+  content.value
+    .split('\n')
+    .map((line) => line.trim())
+    .filter(Boolean),
+)
+
+function handleOpenCreateProblem() {
+  visible.value = true
+}
+
+function handleCreateProblems() {
+  if (loading.value || !problems.value.length) return
+  if (problems.value.some((problem) => problem.length > 256)) {
+    MsgWarning('每个问题最多输入 256 个字符')
+    return
+  }
+  loading.value = true
+  return (
+    resourceApi.problem.postProblems?.(knowledgeId.value, problems.value).then(() => {
+      MsgSuccess('创建成功')
+      visible.value = false
+      emit('refresh')
+    }) ?? Promise.resolve()
+  )
+    .catch(() => {
+      // 请求层提示错误，保留输入以便重试。
+    })
+    .finally(() => {
+      loading.value = false
+    })
+}
+
+function handleBeforeClose(done: () => void) {
+  if (!loading.value) done()
+}
+</script>
+
+<template>
+  <!-- 创建问题 -->
+  <el-button type="primary" @click="handleOpenCreateProblem">
+    <MkIcon name="icon_add_outlined" />
+    <span>创建问题</span>
+  </el-button>
+  <MkDialog v-model="visible" title="创建问题" :before-close="handleBeforeClose" @closed="content = ''">
+    <el-input v-model="content" type="textarea" :rows="7" :disabled="loading" placeholder="请输入问题，一行一个，支持输入多个" />
+    <template #footer>
+      <!-- 取消创建 -->
+      <el-button plain :disabled="loading" @click="visible = false">取消</el-button>
+      <!-- 提交问题 -->
+      <el-button type="primary" :loading="loading" :disabled="!problems.length" @click="handleCreateProblems">创建</el-button>
+    </template>
+  </MkDialog>
+</template>
diff --git a/ui/src/views/knowledge-detail/question/components/ProblemDetailDrawer.vue b/ui/src/views/knowledge-detail/question/components/ProblemDetailDrawer.vue
new file mode 100644
index 00000000000..1900be408ee
--- /dev/null
+++ b/ui/src/views/knowledge-detail/question/components/ProblemDetailDrawer.vue
@@ -0,0 +1,138 @@
+<script setup lang="ts">
+import { computed, nextTick, ref, watch } from 'vue'
+import type { ProblemItem, ProblemParagraph } from '@/api/types'
+import MkEditName from '@/components/mk-edit-name/index.vue'
+import { MsgSuccess } from '@/utils/message'
+import { useKnowledgeDetailContext } from '@/views/knowledge-detail/context'
+import { useDocumentDetailContext } from '@/views/document-detail/context'
+import ParagraphDialog from '@/views/document-detail/paragraph-dialog/ParagraphDialog.vue'
+import ProblemParagraphCard from './ProblemParagraphCard.vue'
+
+defineOptions({ name: 'ProblemDetailDrawer' })
+const problem = defineModel<ProblemItem>({ required: true })
+const props = defineProps<{ hasPrevious: boolean; hasNext: boolean; listLoading: boolean }>()
+const emit = defineEmits<{ previous: []; next: []; refresh: []; closed: [] }>()
+const { knowledgeId, resourceApi } = useKnowledgeDetailContext()
+const { resourceApi: documentResourceApi } = useDocumentDetailContext()
+const visible = ref(true)
+const loading = ref(false)
+const loadFailed = ref(false)
+const paragraphs = ref<ProblemParagraph[]>([])
+const selectedParagraph = ref<ProblemParagraph>()
+const paragraphDialogRef = ref<InstanceType<typeof ParagraphDialog>>()
+const busy = computed(() => loading.value || props.listLoading)
+
+function loadParagraphs() {
+  loadFailed.value = false
+  return (
+    resourceApi.problem.getProblemParagraphs?.(knowledgeId.value, problem.value.id).then((records) => {
+      paragraphs.value = records
+      problem.value.paragraph_count = records.length
+    }) ?? Promise.resolve()
+  ).catch(() => {
+    loadFailed.value = true
+  })
+}
+
+function handleLoadParagraphs() {
+  loading.value = true
+  return loadParagraphs().finally(() => {
+    loading.value = false
+  })
+}
+
+function handleSaveProblem(content: string): Promise<string> {
+  loading.value = true
+  return (
+    resourceApi.problem.putProblem?.(knowledgeId.value, problem.value.id, content).then(() => {
+      MsgSuccess('修改成功')
+      emit('refresh')
+      return content
+    }) ?? Promise.reject(new Error('Problem editing is unavailable'))
+  ).finally(() => {
+    loading.value = false
+  })
+}
+
+function handleUnlinkParagraph(paragraph: ProblemParagraph) {
+  if (busy.value) return
+  loading.value = true
+  return (
+    documentResourceApi.paragraph
+      .putUnassociateParagraphProblem?.(knowledgeId.value, paragraph.document_id, paragraph.id, problem.value.id)
+      .then(() => {
+        MsgSuccess('取消关联成功')
+        emit('refresh')
+        return loadParagraphs()
+      }) ?? Promise.resolve()
+  )
+    .catch(() => {
+      // 请求层提示错误，失败时保留当前关联。
+    })
+    .finally(() => {
+      loading.value = false
+    })
+}
+
+async function handleOpenParagraph(paragraph: ProblemParagraph) {
+  if (busy.value) return
+  selectedParagraph.value = paragraph
+  // 先挂载带有当前文档 ID 的详情弹窗，再调用其已有打开方法。
+  await nextTick()
+  paragraphDialogRef.value?.open(paragraph)
+}
+
+function handleParagraphClosed() {
+  selectedParagraph.value = undefined
+  // 分段详情也能修改问题关联，关闭后重新读取关联与列表计数。
+  emit('refresh')
+  void handleLoadParagraphs()
+}
+
+function handleBeforeClose(done: () => void) {
+  if (!busy.value) done()
+}
+
+watch(
+  () => problem.value.id,
+  () => {
+    paragraphs.value = []
+    void handleLoadParagraphs()
+  },
+  { immediate: true },
+)
+</script>
+
+<template>
+  <MkDrawer v-model="visible" title="问题详情" size="860" :before-close="handleBeforeClose" @closed="emit('closed')">
+    <div v-loading="loading">
+      <div class="mb-4">
+        <div class="mb-2">问题</div>
+        <MkEditName :key="problem.id" v-model="problem.content" :maxlength="256" :save="handleSaveProblem" :title="problem.content" />
+      </div>
+      <div class="mb-2">关联分段数（{{ problem.paragraph_count }}）</div>
+      <div v-if="paragraphs.length" class="flex-column gap-3">
+        <template v-for="paragraph in paragraphs" :key="paragraph.id">
+          <ProblemParagraphCard :paragraph="paragraph" :disabled="busy" @open="handleOpenParagraph" @unlink="handleUnlinkParagraph" />
+        </template>
+      </div>
+      <MkEmpty v-else-if="!loading" description="暂无关联分段" />
+    </div>
+    <template #footer>
+      <!-- 关联分段：TODO -->
+      <el-button plain>关联分段</el-button>
+      <!-- 查看上一个问题 -->
+      <el-button plain :disabled="busy || !hasPrevious" @click="emit('previous')">上一个</el-button>
+      <!-- 查看下一个问题 -->
+      <el-button plain :disabled="busy || !hasNext" @click="emit('next')">下一个</el-button>
+    </template>
+  </MkDrawer>
+  <ParagraphDialog
+    v-if="selectedParagraph"
+    ref="paragraphDialogRef"
+    title="分段详情"
+    :knowledge-id="knowledgeId"
+    :document-id="selectedParagraph.document_id"
+    @closed="handleParagraphClosed"
+  />
+</template>
diff --git a/ui/src/views/knowledge-detail/question/components/ProblemParagraphCard.vue b/ui/src/views/knowledge-detail/question/components/ProblemParagraphCard.vue
new file mode 100644
index 00000000000..d6ad97ef5f7
--- /dev/null
+++ b/ui/src/views/knowledge-detail/question/components/ProblemParagraphCard.vue
@@ -0,0 +1,28 @@
+<script setup lang="ts">
+import type { ProblemParagraph } from '@/api/types'
+import { getFileIconUrl } from '@/utils/icon'
+
+defineOptions({ name: 'ProblemParagraphCard' })
+defineProps<{ paragraph: ProblemParagraph; disabled?: boolean }>()
+const emit = defineEmits<{ open: [paragraph: ProblemParagraph]; unlink: [paragraph: ProblemParagraph] }>()
+</script>
+
+<template>
+  <!-- 查看关联分段详情 -->
+  <el-card class="mk-paragraph-card group relative cursor-pointer" shadow="never" @click="!disabled && emit('open', paragraph)">
+    <h4 class="mb-2 truncate pr-8" :title="paragraph.title || '-'">{{ paragraph.title || '-' }}</h4>
+    <p class="mb-3 line-clamp-2 break-words" :title="paragraph.content">{{ paragraph.content }}</p>
+    <div class="flex-align-center gap-2 text-sm text-N500">
+      <span class="shrink-0">{{ paragraph.content.length }} 字符</span>
+      <el-divider direction="vertical" />
+      <img :src="getFileIconUrl(paragraph.document_name)" class="size-4 shrink-0" alt="" />
+      <span class="truncate" :title="paragraph.document_name">{{ paragraph.document_name }}</span>
+    </div>
+    <!-- 取消当前问题与分段的关联，不删除分段 -->
+    <MkTooltip content="取消关联" placement="top">
+      <el-button circle class="group-hover-visible absolute top-3 right-3 shadow-md" :disabled="disabled" @click.stop="emit('unlink', paragraph)">
+        <MkIcon name="icon_unlink_outlined" />
+      </el-button>
+    </MkTooltip>
+  </el-card>
+</template>
diff --git a/ui/src/views/knowledge-detail/question/index.vue b/ui/src/views/knowledge-detail/question/index.vue
index 5db50a395dc..579c8984016 100644
--- a/ui/src/views/knowledge-detail/question/index.vue
+++ b/ui/src/views/knowledge-detail/question/index.vue
@@ -1,10 +1,260 @@
 <script setup lang="ts">
+import { computed, onMounted, ref } from 'vue'
+import type { TableColumnCtx } from 'element-plus'
+import type { ProblemItem } from '@/api/types'
+import type MkQuickCreate from '@/components/global/mk-table/MkQuickCreate.vue'
+import MkEditName from '@/components/mk-edit-name/index.vue'
 import type { ResourceDetailPageProps } from '@/layout/ResourceDetailLayout.vue'
-defineOptions({ name: 'QuestionListView' })
+import { datetimeFormat } from '@/utils/time'
+import { numberFormat } from '@/utils/number'
+import { MsgSuccess } from '@/utils/message'
+import { isWorkspaceSharedResource } from '@/utils/resource-context'
+import { useKnowledgeDetailContext } from '@/views/knowledge-detail/context'
+import ButtonCreateProblem from './components/ButtonCreateProblem.vue'
+import ProblemDetailDrawer from './components/ProblemDetailDrawer.vue'
 
+defineOptions({ name: 'QuestionListView' })
 defineProps<ResourceDetailPageProps>()
+defineExpose({ customHeader: true })
+
+const { knowledgeId, resourceApi } = useKnowledgeDetailContext()
+const loading = ref(false)
+const operationLoading = ref(false)
+const problems = ref<ProblemItem[]>([])
+const searchText = ref('')
+const paginationConfig = ref({ currentPage: 1, pageSize: 20, total: 0 })
+const selectedProblems = ref<ProblemItem[]>([])
+const problemTableRef = ref<{ clearSelection: () => void }>()
+const quickCreateRef = ref<InstanceType<typeof MkQuickCreate>>()
+const detailProblem = ref<ProblemItem>()
+const currentIndex = computed(() => problems.value.findIndex(({ id }) => id === detailProblem.value?.id))
+const hasPrevious = computed(() => currentIndex.value > 0 || (currentIndex.value === 0 && paginationConfig.value.currentPage > 1))
+const hasNext = computed(
+  () =>
+    currentIndex.value >= 0 &&
+    (currentIndex.value < problems.value.length - 1 ||
+      paginationConfig.value.currentPage * paginationConfig.value.pageSize < paginationConfig.value.total),
+)
+
+function clearSelection() {
+  problemTableRef.value?.clearSelection()
+  selectedProblems.value = []
+}
+
+function loadProblems(currentPage = paginationConfig.value.currentPage): Promise<ProblemItem[] | undefined> {
+  loading.value = true
+  return resourceApi.problem
+    .getProblemsPage(knowledgeId.value, { currentPage, pageSize: paginationConfig.value.pageSize }, { content: searchText.value.trim() || undefined })
+    .then(({ records, total }) => {
+      const lastPage = Math.max(1, Math.ceil(total / paginationConfig.value.pageSize))
+      if (currentPage > lastPage) return loadProblems(lastPage)
+      problems.value = records
+      paginationConfig.value.currentPage = currentPage
+      paginationConfig.value.total = total
+      const currentProblem = records.find(({ id }) => id === detailProblem.value?.id)
+      if (currentProblem) detailProblem.value = { ...currentProblem }
+      return records
+    })
+    .catch(() => {
+      // 请求层提示错误，失败时保留当前列表。
+      return undefined
+    })
+    .finally(() => {
+      loading.value = false
+    })
+}
+
+function handleSearchChange() {
+  clearSelection()
+  return loadProblems(1)
+}
+
+function handleSelectionChange(selection: unknown[]) {
+  selectedProblems.value = selection as ProblemItem[]
+}
+
+function handleQuickCreate(content: string) {
+  if (operationLoading.value) return
+  operationLoading.value = true
+  return (
+    resourceApi.problem.postProblems?.(knowledgeId.value, [content]).then(() => {
+      quickCreateRef.value?.close()
+      MsgSuccess('创建成功')
+      return handleSearchChange()
+    }) ?? Promise.resolve()
+  )
+    .catch(() => {
+      // 创建失败时保留输入。
+    })
+    .finally(() => {
+      operationLoading.value = false
+    })
+}
+
+function handleSaveProblem(problem: ProblemItem, content: string): Promise<string> {
+  operationLoading.value = true
+  return (
+    resourceApi.problem.putProblem?.(knowledgeId.value, problem.id, content).then(() => {
+      MsgSuccess('修改成功')
+      void loadProblems()
+      return content
+    }) ?? Promise.reject(new Error('Problem editing is unavailable'))
+  ).finally(() => {
+    operationLoading.value = false
+  })
+}
+
+function handleDeleteProblem(problem: ProblemItem) {
+  if (operationLoading.value) return
+  operationLoading.value = true
+  return (
+    resourceApi.problem.deleteProblem?.(knowledgeId.value, problem.id).then(() => {
+      MsgSuccess('删除成功')
+      clearSelection()
+      return loadProblems()
+    }) ?? Promise.resolve()
+  )
+    .catch(() => {
+      // 删除失败时保留列表。
+    })
+    .finally(() => {
+      operationLoading.value = false
+    })
+}
+
+function handleBatchDeleteProblems() {
+  if (operationLoading.value || !selectedProblems.value.length) return
+  operationLoading.value = true
+  return (
+    resourceApi.problem
+      .putBatchDeleteProblems?.(
+        knowledgeId.value,
+        selectedProblems.value.map(({ id }) => id),
+      )
+      .then(() => {
+        MsgSuccess('删除成功')
+        clearSelection()
+        return loadProblems()
+      }) ?? Promise.resolve()
+  )
+    .catch(() => {
+      // 删除失败时保留勾选。
+    })
+    .finally(() => {
+      operationLoading.value = false
+    })
+}
+
+function handleOpenProblem(problem: ProblemItem, column: TableColumnCtx<ProblemItem> | null) {
+  if (isWorkspaceSharedResource() || loading.value || operationLoading.value || column?.type === 'selection') return
+  detailProblem.value = { ...problem }
+}
+
+async function handleNavigateProblem(offset: -1 | 1) {
+  if (loading.value || currentIndex.value < 0) return
+  const nextProblem = problems.value[currentIndex.value + offset]
+  if (nextProblem) {
+    detailProblem.value = { ...nextProblem }
+    return
+  }
+  if (!(offset === -1 ? hasPrevious.value : hasNext.value)) return
+  clearSelection()
+  const records = await loadProblems(paginationConfig.value.currentPage + offset)
+  const adjacentProblem = offset === 1 ? records?.[0] : records?.at(-1)
+  if (detailProblem.value && adjacentProblem) detailProblem.value = { ...adjacentProblem }
+}
+
+onMounted(() => loadProblems())
 </script>
 
 <template>
-  <div class="flex-center min-h-0 flex-1 text-N500">问题功能待接入</div>
+  <Teleport v-if="headerTarget" :to="headerTarget">
+    <div class="flex-between gap-4">
+      <h4>{{ title }}</h4>
+      <div class="flex-align-center gap-3">
+        <MkSearchInput v-model="searchText" class="w-60!" @change="handleSearchChange" />
+        <ButtonCreateProblem v-if="!isWorkspaceSharedResource()" @refresh="handleSearchChange" />
+      </div>
+    </div>
+  </Teleport>
+  <MkTable
+    ref="problemTableRef"
+    v-model:pagination-config="paginationConfig"
+    v-loading="loading || operationLoading"
+    :data="problems"
+    @current-change="loadProblems()"
+    @size-change="loadProblems()"
+    @selection-change="handleSelectionChange"
+    @row-click="handleOpenProblem"
+  >
+    <template #body-prepend>
+      <!-- 快速创建问题 -->
+      <MkQuickCreate
+        v-if="!isWorkspaceSharedResource()"
+        ref="quickCreateRef"
+        text="快速创建问题"
+        placeholder="请输入问题"
+        :loading="operationLoading"
+        @create="handleQuickCreate"
+      />
+    </template>
+    <el-table-column v-if="!isWorkspaceSharedResource()" type="selection" width="40" />
+    <el-table-column prop="content" label="问题" min-width="280">
+      <template #default="{ row }: { row: ProblemItem }">
+        <MkEditName
+          v-model="row.content"
+          :disabled="isWorkspaceSharedResource()"
+          :maxlength="256"
+          :save="(content) => handleSaveProblem(row, content)"
+          :title="row.content"
+        />
+      </template>
+    </el-table-column>
+    <el-table-column prop="paragraph_count" label="关联分段数" min-width="120" />
+    <el-table-column prop="hit_num" label="召回次数" min-width="100">
+      <template #default="{ row }: { row: ProblemItem }">{{ numberFormat(row.hit_num) }}</template>
+    </el-table-column>
+    <el-table-column prop="last_hit_time" label="最近一次召回时间" min-width="180">
+      <template #default="{ row }: { row: ProblemItem }">{{ datetimeFormat(row.last_hit_time) || '-' }}</template>
+    </el-table-column>
+    <el-table-column prop="create_time" label="创建时间" min-width="180">
+      <template #default="{ row }: { row: ProblemItem }">{{ datetimeFormat(row.create_time) }}</template>
+    </el-table-column>
+    <el-table-column prop="update_time" label="更新时间" min-width="180">
+      <template #default="{ row }: { row: ProblemItem }">{{ datetimeFormat(row.update_time) }}</template>
+    </el-table-column>
+    <el-table-column v-if="!isWorkspaceSharedResource()" label="操作" width="100" fixed="right">
+      <template #default="{ row }: { row: ProblemItem }">
+        <div @click.stop>
+          <!-- 关联分段：TODO，交互确认后接入 -->
+          <MkTooltip content="关联分段" placement="top">
+            <el-button type="primary" text><MkIcon name="icon_link-record_outlined" /></el-button>
+          </MkTooltip>
+          <!-- 直接删除问题 -->
+          <MkTooltip content="删除" placement="top">
+            <el-button type="primary" text :disabled="operationLoading" @click="handleDeleteProblem(row)">
+              <MkIcon name="icon_delete-trash_outlined" />
+            </el-button>
+          </MkTooltip>
+        </div>
+      </template>
+    </el-table-column>
+    <template v-if="!isWorkspaceSharedResource()" #footer-batch-actions>
+      <!-- 批量关联分段：TODO，交互确认后接入 -->
+      <el-button type="primary" plain :disabled="operationLoading">关联分段</el-button>
+      <!-- 直接批量删除问题 -->
+      <el-button type="danger" plain :disabled="operationLoading" @click="handleBatchDeleteProblems">删除</el-button>
+    </template>
+  </MkTable>
+  <ProblemDetailDrawer
+    v-if="detailProblem"
+    v-model="detailProblem"
+    :list-loading="loading"
+    :has-previous="hasPrevious"
+    :has-next="hasNext"
+    @previous="handleNavigateProblem(-1)"
+    @next="handleNavigateProblem(1)"
+    @refresh="loadProblems()"
+    @closed="detailProblem = undefined"
+  />
 </template>