diff --git a/ui/src/api/API_README.md b/ui/src/api/API_README.md
index 6e36c56307f..d856e3c916a 100644
--- a/ui/src/api/API_README.md
+++ b/ui/src/api/API_README.md
@@ -601,3 +601,6 @@ Workspace 共享知识库详情由 `resourceScope: 'workspace-shared'` 选择上
 清除策略通过 PUT `batch_clean_time` 提交当前智能体的单元素 `id_list`、`clean_time`、
 `file_clean_time`，避免调用通用应用编辑流程；成功后页面刷新应用详情。
 聊天记录、标注、添加知识库接口保留在同一 API 文件，尚未接入本次日志列表页面。
+
+Web 知识库创建的 `WebKnowledgeCreatePayload.doc_strategy` 使用公共 `DocumentStrategy` 类型，
+包含 `split`、`visual` 和 `index`，字段与后端文档处理策略协议一致。
diff --git a/ui/src/api/types/knowledge.ts b/ui/src/api/types/knowledge.ts
index d7c66c291ca..9403a3fb0cd 100644
--- a/ui/src/api/types/knowledge.ts
+++ b/ui/src/api/types/knowledge.ts
@@ -101,10 +101,18 @@ export interface KnowledgeCreatePayload {
   type: KnowledgeType
 }
 
+/** Web 文档分段、视觉处理和索引策略。 */
+export interface DocumentStrategy {
+  split: { mode: 'smart' | 'advanced'; patterns: string[] | null; min_length: number; max_length: number; child_length: number; auto_clean: boolean }
+  visual: { enabled: boolean; strategy: 'model' | 'tool'; model_id: string | null; tool_id: string | null }
+  index: { title_as_question: boolean }
+}
+
 /** 创建 Web 知识库的站点配置。 */
 export interface WebKnowledgeCreatePayload extends KnowledgeCreatePayload {
   source_url: string
   selector: string
+  doc_strategy?: DocumentStrategy
 }
 
 /** 创建飞书知识库的应用配置。 */
diff --git a/ui/src/views/VIEW_README.md b/ui/src/views/VIEW_README.md
index 9f720782948..6a800995c08 100644
--- a/ui/src/views/VIEW_README.md
+++ b/ui/src/views/VIEW_README.md
@@ -200,7 +200,7 @@ src/views/knowledge/
 │   └── ButtonTemplateStore.vue          # 知识库模板中心与模板创建入口
 ├── create-knowledge/
 │   ├── CreateBaseKnowledgeDialog.vue     # 通用知识库创建
-│   ├── CreateWebKnowledgeDialog.vue      # Web 站点配置与创建
+│   ├── WebKnowledgeDrawer.vue            # Web 站点配置与两步创建抽屉
 │   ├── CreateLarkKnowledgeDialog.vue     # 飞书应用配置与创建
 │   ├── CreateWorkflowKnowledgeDialog.vue # 工作流知识库创建
 │   └── components/
@@ -240,9 +240,15 @@ MCP 配置沿用工具的只读文本与悬浮复制交互，专属弹窗按需
 回填模板名称与描述，仍需选择向量模型；提交沿用 `work_flow_template`。创建成功关闭模板中心、
 刷新列表并进入知识库工作流，取消创建保留模板中心；创建弹窗在 `closed` 后卸载。
 
-`ButtonCreateKnowledge` 内聚四类创建弹窗 Ref 和打开动作，列表页传入目标 `folderId`，通过
+`WebKnowledgeDrawer` 使用底部两步抽屉，基本信息校验后进入文档处理策略，支持返回修改。
+`create-knowledge/components/DocumentStrategyForm.vue` 维护分段、视觉增强和标题问题索引，
+通过 `doc_strategy` 提交；智能分段默认策略与后端一致，高级分段使用与触发器类型相同的卡片外壳，
+在选中卡片内展开配置，默认选择一级至四级标题标识、500–4096 分段长度、256 子块长度并开启自动清洗。
+分段标识支持自定义正则表达式，留空使用后端默认规则；启用视觉增强后必须选择模型或工具。
+
+`ButtonCreateKnowledge` 内聚四类创建浮层 Ref 和打开动作，列表页传入目标 `folderId`，通过
 `refresh` 刷新列表。入口支持 `trigger` 插槽替换默认创建按钮，下拉使用 `persistent`。
-各弹窗接收 `folderId`，通过 `open()` 打开；工作流额外接受可选的商店模板。共用的
+各创建浮层接收 `folderId`，通过 `open()` 打开；工作流额外接受可选的商店模板。共用的
 `KnowledgeBaseForm` 负责名称、描述、Embedding 模型必填校验以及工作空间和共享模型查询，
 根据 `isSystemSharedResource()` 选择 System 共享 Model API 或 Workspace Model API，
 通过 `getModelListWithShared({ model_type: 'EMBEDDING' })` 一次加载模型选项，
diff --git a/ui/src/views/knowledge-detail/library/document/action-dropdown/setting/DocumentSettingDialog.vue b/ui/src/views/knowledge-detail/library/document/action-dropdown/setting/DocumentSettingDialog.vue
index 9fc860a7216..3bd90f230b9 100644
--- a/ui/src/views/knowledge-detail/library/document/action-dropdown/setting/DocumentSettingDialog.vue
+++ b/ui/src/views/knowledge-detail/library/document/action-dropdown/setting/DocumentSettingDialog.vue
@@ -75,7 +75,7 @@ defineExpose({ open, close })
         <template #label>
           <span class="flex-align-center gap-1">
             <span>召回处理</span>
-            <MkTooltip placement="right" content="用户提问时，命中文档下的分段时按照设置的方式进行处理。">
+            <MkTooltip placement="right" content="用户提问时，召回的分段按照设置进行处理。">
               <MkIcon name="icon_info_outlined" class="text-N600!" />
             </MkTooltip>
           </span>
diff --git a/ui/src/views/knowledge/components/ButtonCreateKnowledge.vue b/ui/src/views/knowledge/components/ButtonCreateKnowledge.vue
index beea9be8045..20e533d3df2 100644
--- a/ui/src/views/knowledge/components/ButtonCreateKnowledge.vue
+++ b/ui/src/views/knowledge/components/ButtonCreateKnowledge.vue
@@ -6,7 +6,7 @@ import { KNOWLEDGE_TYPE } from '@/api/enums'
 import { useStore } from '@/stores'
 import { MsgSuccess } from '@/utils/message'
 import CreateBaseKnowledgeDialog from '../create-knowledge/BaseKnowledgeDialog.vue'
-import CreateWebKnowledgeDialog from '../create-knowledge/WebKnowledgeDialog.vue'
+import CreateWebKnowledgeDrawer from '../create-knowledge/WebKnowledgeDrawer.vue'
 import CreateLarkKnowledgeDialog from '../create-knowledge/LarkKnowledgeDialog.vue'
 import CreateWorkflowKnowledgeDialog from '../create-knowledge/WorkflowKnowledgeDialog.vue'
 
@@ -48,7 +48,7 @@ function handleVisibleChange(visible: boolean) {
 
 /* 各类型知识库创建 */
 const createBaseKnowledgeDialogRef = useTemplateRef<InstanceType<typeof CreateBaseKnowledgeDialog>>('createBaseKnowledgeDialogRef')
-const createWebKnowledgeDialogRef = useTemplateRef<InstanceType<typeof CreateWebKnowledgeDialog>>('createWebKnowledgeDialogRef')
+const createWebKnowledgeDrawerRef = useTemplateRef<InstanceType<typeof CreateWebKnowledgeDrawer>>('createWebKnowledgeDrawerRef')
 const createLarkKnowledgeDialogRef = useTemplateRef<InstanceType<typeof CreateLarkKnowledgeDialog>>('createLarkKnowledgeDialogRef')
 
 const createWorkflowKnowledgeDialogRef = useTemplateRef<InstanceType<typeof CreateWorkflowKnowledgeDialog>>('createWorkflowKnowledgeDialogRef')
@@ -58,7 +58,7 @@ function handleCreateBaseKnowledge() {
 }
 
 function handleCreateWebKnowledge() {
-  createWebKnowledgeDialogRef.value?.open()
+  createWebKnowledgeDrawerRef.value?.open()
 }
 
 function handleCreateLarkKnowledge() {
@@ -165,7 +165,7 @@ function handleImportCreate(file: UploadFile) {
   </MkDropdown>
 
   <CreateBaseKnowledgeDialog ref="createBaseKnowledgeDialogRef" :folder-id="folderId" @refresh="emit('refresh')" />
-  <CreateWebKnowledgeDialog ref="createWebKnowledgeDialogRef" :folder-id="folderId" @refresh="emit('refresh')" />
+  <CreateWebKnowledgeDrawer ref="createWebKnowledgeDrawerRef" :folder-id="folderId" @refresh="emit('refresh')" />
   <CreateLarkKnowledgeDialog ref="createLarkKnowledgeDialogRef" :folder-id="folderId" @refresh="emit('refresh')" />
   <CreateWorkflowKnowledgeDialog ref="createWorkflowKnowledgeDialogRef" :folder-id="folderId" @refresh="emit('refresh')" />
 </template>
diff --git a/ui/src/views/knowledge/create-knowledge/WebKnowledgeDialog.vue b/ui/src/views/knowledge/create-knowledge/WebKnowledgeDialog.vue
deleted file mode 100644
index 5f7bff0f9e6..00000000000
--- a/ui/src/views/knowledge/create-knowledge/WebKnowledgeDialog.vue
+++ /dev/null
@@ -1,110 +0,0 @@
-<script setup lang="ts">
-import { ref, useTemplateRef, reactive } from 'vue'
-import { KNOWLEDGE_TYPE_MAP } from '@/constants/knowledge'
-import { useRoute, useRouter } from 'vue-router'
-import type { FormInstance, FormRules } from 'element-plus'
-import KnowledgeApi from '@/api/admin/workspace/knowledge/knowledge'
-import { KNOWLEDGE_TYPE } from '@/api/enums'
-import { useStore } from '@/stores'
-import { MsgSuccess } from '@/utils/message'
-import KnowledgeBaseForm from './components/KnowledgeBaseForm.vue'
-
-defineOptions({ name: 'CreateWebKnowledgeDialog' })
-const props = defineProps<{ folderId: string }>()
-const emit = defineEmits<{ refresh: [] }>()
-const { auth } = useStore()
-const route = useRoute()
-const router = useRouter()
-
-/* 创建表单 */
-const baseFormRef = useTemplateRef<InstanceType<typeof KnowledgeBaseForm>>('baseFormRef')
-const dialogVisible = ref(false)
-const loading = ref(false)
-const knowledgeFormRef = ref<FormInstance>()
-const knowledgeForm = reactive({ source_url: '', selector: '' })
-const knowledgeFormRules: FormRules<typeof knowledgeForm> = {
-  source_url: [{ required: true, whitespace: true, message: '请输入 Web 站点 URL', trigger: 'blur' }],
-}
-
-function resetData() {
-  baseFormRef.value?.reset()
-  Object.assign(knowledgeForm, { source_url: '', selector: '' })
-  knowledgeFormRef.value?.clearValidate()
-  loading.value = false
-}
-
-function open() {
-  dialogVisible.value = true
-}
-
-/* 校验并创建，成功后刷新资料并进入文档列表 */
-function submit() {
-  if (loading.value) return
-  loading.value = true
-  return Promise.all([baseFormRef.value?.validate(), knowledgeFormRef.value?.validate().catch(() => false)])
-    .then((validationResults) => {
-      if (!validationResults.every(Boolean) || !baseFormRef.value) return
-      const baseForm = baseFormRef.value.form
-      return KnowledgeApi.postWebKnowledge({
-        name: baseForm.name.trim(),
-        desc: baseForm.desc.trim(),
-        embedding_model_id: baseForm.embedding_model_id,
-        folder_id: props.folderId,
-        type: KNOWLEDGE_TYPE.WEB,
-        source_url: knowledgeForm.source_url.trim(),
-        selector: knowledgeForm.selector.trim(),
-      }).then((knowledge) => {
-        return auth.loadAuthBaseProfile().then(() => {
-          MsgSuccess('创建成功')
-          dialogVisible.value = false
-          emit('refresh')
-          return router.push({
-            name: 'workspace-knowledge-document-list',
-            params: { knowledgeId: knowledge.id, type: KNOWLEDGE_TYPE_MAP[knowledge.type], workspaceId: route.params.workspaceId },
-          })
-        })
-      })
-    })
-    .finally(() => {
-      loading.value = false
-    })
-}
-
-defineExpose({ open })
-</script>
-
-<template>
-  <MkDialog v-model="dialogVisible" title="创建 Web 知识库" align-center @closed="resetData">
-    <KnowledgeBaseForm ref="baseFormRef" :disabled="loading" />
-    <el-form
-      ref="knowledgeFormRef"
-      :model="knowledgeForm"
-      :rules="knowledgeFormRules"
-      :disabled="loading"
-      label-position="top"
-      require-asterisk-position="right"
-      @submit.prevent
-    >
-      <el-form-item label="Web 站点 URL" prop="source_url">
-        <el-input
-          v-model="knowledgeForm.source_url"
-          placeholder="请输入 Web 站点 URL"
-          @blur="knowledgeForm.source_url = knowledgeForm.source_url.trim()"
-        />
-      </el-form-item>
-      <el-form-item label="选择器" prop="selector">
-        <el-input
-          v-model="knowledgeForm.selector"
-          placeholder="请输入 CSS 选择器，默认 body"
-          @blur="knowledgeForm.selector = knowledgeForm.selector.trim()"
-        />
-      </el-form-item>
-    </el-form>
-    <template #footer>
-      <!-- 取消创建 -->
-      <el-button plain :disabled="loading" @click="dialogVisible = false">取消</el-button>
-      <!-- 创建知识库 -->
-      <el-button type="primary" :loading="loading" @click="submit">创建</el-button>
-    </template>
-  </MkDialog>
-</template>
diff --git a/ui/src/views/knowledge/create-knowledge/WebKnowledgeDrawer.vue b/ui/src/views/knowledge/create-knowledge/WebKnowledgeDrawer.vue
new file mode 100644
index 00000000000..c7a8eeeedae
--- /dev/null
+++ b/ui/src/views/knowledge/create-knowledge/WebKnowledgeDrawer.vue
@@ -0,0 +1,154 @@
+<script setup lang="ts">
+import { ref, useTemplateRef, reactive } from 'vue'
+import { KNOWLEDGE_TYPE_MAP } from '@/constants/knowledge'
+import { useRoute, useRouter } from 'vue-router'
+import type { FormInstance, FormRules } from 'element-plus'
+import KnowledgeApi from '@/api/admin/workspace/knowledge/knowledge'
+import { KNOWLEDGE_TYPE } from '@/api/enums'
+import { useStore } from '@/stores'
+import { MsgSuccess } from '@/utils/message'
+import DocumentStrategyForm from './components/DocumentStrategyForm.vue'
+import KnowledgeBaseForm from './components/KnowledgeBaseForm.vue'
+
+defineOptions({ name: 'CreateWebKnowledgeDrawer' })
+const props = defineProps<{ folderId: string }>()
+const emit = defineEmits<{ refresh: [] }>()
+const { auth } = useStore()
+const route = useRoute()
+const router = useRouter()
+
+/* 创建表单 */
+const baseFormRef = useTemplateRef<InstanceType<typeof KnowledgeBaseForm>>('baseFormRef')
+const drawerVisible = ref(false)
+const loading = ref(false)
+const activeStep = ref(0)
+const strategyFormRef = useTemplateRef<InstanceType<typeof DocumentStrategyForm>>('strategyFormRef')
+const knowledgeFormRef = ref<FormInstance>()
+const knowledgeForm = reactive({ source_url: '', selector: '' })
+const knowledgeFormRules: FormRules<typeof knowledgeForm> = {
+  source_url: [{ required: true, whitespace: true, message: '请输入 Web 根地址', trigger: 'blur' }],
+}
+
+function resetData() {
+  baseFormRef.value?.reset()
+  Object.assign(knowledgeForm, { source_url: '', selector: '' })
+  knowledgeFormRef.value?.clearValidate()
+  loading.value = false
+  activeStep.value = 0
+}
+
+function open() {
+  drawerVisible.value = true
+}
+
+function handleNext() {
+  if (loading.value) return
+  loading.value = true
+  return Promise.all([baseFormRef.value?.validate(), knowledgeFormRef.value?.validate().catch(() => false)])
+    .then((results) => {
+      if (results.every(Boolean)) activeStep.value = 1
+    })
+    .finally(() => {
+      loading.value = false
+    })
+}
+
+/* 校验并创建，成功后刷新资料并进入文档列表 */
+function submit() {
+  if (loading.value) return
+  loading.value = true
+  return Promise.all([baseFormRef.value?.validate(), knowledgeFormRef.value?.validate().catch(() => false), strategyFormRef.value?.validate()])
+    .then((validationResults) => {
+      if (!validationResults.every(Boolean) || !baseFormRef.value) return
+      const baseForm = baseFormRef.value.form
+      return KnowledgeApi.postWebKnowledge({
+        name: baseForm.name.trim(),
+        desc: baseForm.desc.trim(),
+        embedding_model_id: baseForm.embedding_model_id,
+        folder_id: props.folderId,
+        type: KNOWLEDGE_TYPE.WEB,
+        source_url: knowledgeForm.source_url.trim(),
+        selector: knowledgeForm.selector.trim(),
+        doc_strategy: strategyFormRef.value?.getStrategy(),
+      }).then((knowledge) => {
+        return auth.loadAuthBaseProfile().then(() => {
+          MsgSuccess('创建成功')
+          drawerVisible.value = false
+          emit('refresh')
+          return router.push({
+            name: 'workspace-knowledge-document-list',
+            params: { knowledgeId: knowledge.id, type: KNOWLEDGE_TYPE_MAP[knowledge.type], workspaceId: route.params.workspaceId },
+          })
+        })
+      })
+    })
+    .finally(() => {
+      loading.value = false
+    })
+}
+
+defineExpose({ open })
+</script>
+
+<template>
+  <MkDrawer v-model="drawerVisible" direction="btt" content-class="h-full p-0!" @closed="resetData">
+    <template #header>
+      <div class="flex w-full">
+        <h4>创建 Web 知识库</h4>
+        <el-steps :active="activeStep" finish-status="success" class="absolute-center w-85!">
+          <el-step title="基本信息" />
+          <el-step title="文档处理策略" />
+        </el-steps>
+      </div>
+    </template>
+    <MkViewLayout title="">
+      <template #default="{ Footer }">
+        <div class="mx-auto w-full max-w-200 pt-6">
+          <section v-show="activeStep === 0">
+            <h4 class="mb-5 border-l-2 border-primary pl-2">基本信息</h4>
+            <KnowledgeBaseForm ref="baseFormRef" :disabled="loading" />
+            <el-form
+              class="mt-4"
+              ref="knowledgeFormRef"
+              :model="knowledgeForm"
+              :rules="knowledgeFormRules"
+              :disabled="loading"
+              label-position="top"
+              require-asterisk-position="right"
+              @submit.prevent
+            >
+              <el-form-item label="Web 根地址" prop="source_url">
+                <el-input
+                  v-model="knowledgeForm.source_url"
+                  placeholder="请输入 Web 根地址"
+                  @blur="knowledgeForm.source_url = knowledgeForm.source_url.trim()"
+                />
+              </el-form-item>
+              <el-form-item label="选择器" prop="selector">
+                <el-input
+                  v-model="knowledgeForm.selector"
+                  placeholder="默认为 body，可输入 .classname/#idname/tagname"
+                  @blur="knowledgeForm.selector = knowledgeForm.selector.trim()"
+                />
+              </el-form-item>
+            </el-form>
+          </section>
+          <section v-show="activeStep === 1">
+            <h4 class="mb-5 mk-title-decoration">文档处理策略</h4>
+            <DocumentStrategyForm ref="strategyFormRef" />
+          </section>
+        </div>
+        <component :is="Footer">
+          <!-- 取消创建 -->
+          <el-button plain :disabled="loading" @click="drawerVisible = false">取消</el-button>
+          <!-- 返回基本信息 -->
+          <el-button v-if="activeStep === 1" plain :disabled="loading" @click="activeStep = 0">上一步</el-button>
+          <!-- 校验基本信息并进入策略配置 -->
+          <el-button v-if="activeStep === 0" type="primary" :loading="loading" @click="handleNext">下一步</el-button>
+          <!-- 创建知识库 -->
+          <el-button v-else type="primary" :loading="loading" @click="submit">创建</el-button>
+        </component>
+      </template>
+    </MkViewLayout>
+  </MkDrawer>
+</template>
diff --git a/ui/src/views/knowledge/create-knowledge/components/DocumentStrategyForm.vue b/ui/src/views/knowledge/create-knowledge/components/DocumentStrategyForm.vue
new file mode 100644
index 00000000000..6fb95a7b841
--- /dev/null
+++ b/ui/src/views/knowledge/create-knowledge/components/DocumentStrategyForm.vue
@@ -0,0 +1,264 @@
+<script setup lang="ts">
+import { computed, onMounted, reactive, ref } from 'vue'
+import type { FormInstance, FormRules } from 'element-plus'
+import type { DocumentStrategy, ModelItem, ModelProviderItem, ToolItem } from '@/api/types'
+import ModelApi from '@/api/admin/workspace/model'
+import ProviderApi from '@/api/admin/model-provider'
+import ToolApi from '@/api/admin/workspace/tool/tool'
+import SelectModel from '@/components/business/select-model/index.vue'
+
+defineOptions({ name: 'DocumentStrategyForm' })
+
+/* 文档处理策略 */
+const formRef = ref<FormInstance>()
+const strategy = reactive<DocumentStrategy>({
+  split: { mode: 'smart', patterns: null, min_length: 500, max_length: 4096, child_length: 256, auto_clean: true },
+  visual: { enabled: false, strategy: 'model', model_id: null, tool_id: null },
+  index: { title_as_question: false },
+})
+const visualModelId = computed({
+  get: () => strategy.visual.model_id ?? '',
+  set: (value: string) => {
+    strategy.visual.model_id = value || null
+  },
+})
+const strategyRules: FormRules = {
+  'split.min_length': [
+    {
+      validator: (_rule, value: number, callback) =>
+        callback(value > strategy.split.max_length ? new Error('最小分段长度不能超过最大分段长度') : undefined),
+      trigger: 'change',
+    },
+  ],
+}
+const splitPatternOptions = ['#', '##', '###', '####', '#####', '######'].map((heading) => ({
+  label: heading,
+  value: `(?m)^${heading} .*`,
+}))
+const splitPatterns = ref<string[]>(splitPatternOptions.slice(0, 4).map((option) => option.value))
+const splitOptions = [
+  { value: 'smart', title: '智能分段（推荐）', desc: '不了解如何设置分段规则时推荐使用智能分段' },
+  { value: 'advanced', title: '高级分段', desc: '用户可根据文档规范自行设置分段标识符、分段长度以及清洗规则' },
+] as const
+function validate() {
+  return formRef.value?.validate().catch(() => false) ?? Promise.resolve(false)
+}
+function getStrategy(): DocumentStrategy {
+  return {
+    split: {
+      ...(strategy.split.mode === 'smart'
+        ? { mode: 'smart' as const, min_length: 0, max_length: 4096, child_length: 256, auto_clean: false }
+        : strategy.split),
+      patterns: strategy.split.mode === 'advanced' && splitPatterns.value.length ? [...splitPatterns.value] : null,
+    },
+    visual: {
+      ...strategy.visual,
+      model_id: strategy.visual.strategy === 'model' ? strategy.visual.model_id : null,
+      tool_id: strategy.visual.strategy === 'tool' ? strategy.visual.tool_id : null,
+    },
+    index: { ...strategy.index },
+  }
+}
+
+/* 视觉模型与工具选项 */
+const optionsLoading = ref(false)
+const modelOptions = ref<ModelItem[]>([])
+const providerOptions = ref<ModelProviderItem[]>([])
+const toolOptions = ref<ToolItem[]>([])
+const selectedVisualTool = computed(() => toolOptions.value.find((tool) => tool.id === strategy.visual.tool_id))
+function loadOptions() {
+  optionsLoading.value = true
+  return Promise.all([
+    ModelApi.getModelListWithShared({ model_type: 'IMAGE' }),
+    ProviderApi.getProviderListByModelType('IMAGE'),
+    ToolApi.getToolListWithShared(),
+  ])
+    .then(([models, providers, tools]) => {
+      modelOptions.value = models
+      providerOptions.value = providers
+      toolOptions.value = tools
+    })
+    .finally(() => {
+      optionsLoading.value = false
+    })
+}
+onMounted(loadOptions)
+defineExpose({ validate, getStrategy })
+</script>
+
+<template>
+  <el-form ref="formRef" :model="strategy" :rules="strategyRules" label-position="top" require-asterisk-position="right" @submit.prevent>
+    <el-form-item label="分段规则">
+      <div class="w-full space-y-2" role="radiogroup">
+        <template v-for="option in splitOptions" :key="option.value">
+          <!-- 选择分段规则 -->
+          <MkSourceCard
+            :title="option.title"
+            class="min-h-0!"
+            :class="{ 'border-primary!': strategy.split.mode === option.value }"
+            :aria-checked="strategy.split.mode === option.value"
+            @click="strategy.split.mode = option.value"
+          >
+            <template #icon>
+              <el-avatar v-if="option.value === 'smart'" shape="square" :size="24" class="shrink-0">
+                <MkIcon name="icon_center-alignment_outlined" :size="15" />
+              </el-avatar>
+              <el-avatar v-else shape="square" :size="24" class="shrink-0 bg-warning!">
+                <MkIcon name="icon_setting" :size="15" />
+              </el-avatar>
+            </template>
+            <template #subtitle>{{ option.desc }}</template>
+            <template v-if="option.value === 'advanced' && strategy.split.mode === 'advanced'" #default>
+              <div class="mk-gray-card-lg cursor-default text-N900" @click.stop @keydown.stop>
+                <el-form-item>
+                  <template #label>
+                    <span class="flex-align-center gap-1">
+                      分段标识
+                      <el-tooltip content="按所选标题标识分段，也可输入自定义正则表达式；留空使用默认规则" placement="top">
+                        <MkIcon name="InfoFilled" class="text-N600" :size="16" />
+                      </el-tooltip>
+                    </span>
+                  </template>
+                  <el-select
+                    v-model="splitPatterns"
+                    multiple
+                    filterable
+                    allow-create
+                    default-first-option
+                    placeholder="请选择或输入分段标识"
+                    class="w-full"
+                  >
+                    <el-option v-for="pattern in splitPatternOptions" :key="pattern.value" :label="pattern.label" :value="pattern.value" />
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="分段长度" prop="split.min_length">
+                  <div class="flex-align-center w-full gap-2">
+                    <el-input-number
+                      v-model="strategy.split.min_length"
+                      :min="0"
+                      :max="100000"
+                      controls-position="right"
+                      align="left"
+                      class="min-w-0 flex-1"
+                    />
+                    <span>–</span>
+                    <el-input-number
+                      v-model="strategy.split.max_length"
+                      :min="50"
+                      :max="100000"
+                      controls-position="right"
+                      align="left"
+                      class="min-w-0 flex-1"
+                    />
+                  </div>
+                </el-form-item>
+                <el-form-item>
+                  <template #label>
+                    <span class="flex-align-center gap-1">
+                      子块长度
+                      <el-tooltip content="分段内容进一步拆分为子块，用于向量化检索" placement="top">
+                        <MkIcon name="InfoFilled" class="text-N600" :size="16" />
+                      </el-tooltip>
+                    </span>
+                  </template>
+                  <el-input-number
+                    v-model="strategy.split.child_length"
+                    :min="50"
+                    :max="2048"
+                    controls-position="right"
+                    align="left"
+                    class="w-full!"
+                  />
+                </el-form-item>
+                <el-form-item label="自动清洗" class="mb-0!">
+                  <div>
+                    <el-switch v-model="strategy.split.auto_clean" />
+                    <p class="text-N600">去掉重复多余符号空格、空行、制表符</p>
+                  </div>
+                </el-form-item>
+              </div>
+            </template>
+          </MkSourceCard>
+        </template>
+      </div>
+    </el-form-item>
+    <el-form-item label="图片处理">
+      <el-card shadow="never" class="w-full">
+        <div class="flex-between gap-4">
+          <div>
+            <h6>视觉增强</h6>
+            <p class="mt-1 text-N600 text-sm">识别文档中图片，将图片按照策略发给模型或工具处理，并将返回内容写入图片的描述中</p>
+          </div>
+          <el-switch v-model="strategy.visual.enabled" />
+        </div>
+        <div v-if="strategy.visual.enabled" class="mk-gray-card-lg mt-4">
+          <el-form-item label="增强策略" required>
+            <el-radio-group v-model="strategy.visual.strategy">
+              <el-radio value="model">模型增强</el-radio>
+              <el-radio value="tool">工具增强</el-radio>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item
+            v-if="strategy.visual.strategy === 'model'"
+            label="视觉模型"
+            prop="visual.model_id"
+            :rules="{ required: true, message: '请选择视觉模型', trigger: 'change' }"
+            class="mb-0! mt-4"
+          >
+            <SelectModel
+              v-model="visualModelId"
+              :options="modelOptions"
+              :provider-options="providerOptions"
+              :disabled="optionsLoading"
+              placeholder="请选择视觉模型"
+              teleported
+              can-add
+              @refresh="loadOptions"
+            />
+          </el-form-item>
+          <el-form-item
+            v-else
+            label="增强工具"
+            prop="visual.tool_id"
+            :rules="{ required: true, message: '请选择增强工具', trigger: 'change' }"
+            class="mb-0! mt-4"
+          >
+            <el-select v-model="strategy.visual.tool_id" placeholder="请选择增强工具" filterable class="w-full">
+              <template #label="{ label }">
+                <div class="flex-align-center gap-2">
+                  <ToolIcon
+                    v-if="selectedVisualTool"
+                    :icon="selectedVisualTool.icon"
+                    :type="selectedVisualTool.tool_type"
+                    :size="20"
+                    class="shrink-0"
+                  />
+                  <span class="truncate" :title="label">{{ label }}</span>
+                </div>
+              </template>
+              <template v-for="tool in toolOptions" :key="tool.id">
+                <el-option :label="tool.name" :value="tool.id">
+                  <div class="flex-align-center gap-2">
+                    <ToolIcon :icon="tool.icon" :type="tool.tool_type" :size="20" class="shrink-0" />
+                    <span class="truncate" :title="tool.name">{{ tool.name }}</span>
+                  </div>
+                </el-option>
+              </template>
+            </el-select>
+          </el-form-item>
+        </div>
+      </el-card>
+    </el-form-item>
+    <el-form-item label="索引增强">
+      <el-card shadow="never" class="w-full">
+        <div class="flex-between">
+          <div>
+            <h6>分段标题设置为问题索引</h6>
+            <p class="mt-1 text-N600 text-sm">开启后会将分段标题自动添加为关联问题</p>
+          </div>
+          <el-switch v-model="strategy.index.title_as_question" />
+        </div>
+      </el-card>
+    </el-form-item>
+  </el-form>
+</template>