diff --git a/ui/src/components/dynamics-form/constructor/data.ts b/ui/src/components/dynamics-form/constructor/data.ts
index 59da1f1ebb7..d79ab3571e3 100644
--- a/ui/src/components/dynamics-form/constructor/data.ts
+++ b/ui/src/components/dynamics-form/constructor/data.ts
@@ -59,5 +59,9 @@ const input_type_list = [
     label: t('dynamicsForm.input_type_list.Model'),
     value: 'Model',
   },
+    {
+    label: t('dynamicsForm.input_type_list.Knowledge'),
+    value: 'Knowledge',
+  },
 ]
 export { input_type_list }
diff --git a/ui/src/components/dynamics-form/constructor/items/KnowledgeConstructor.vue b/ui/src/components/dynamics-form/constructor/items/KnowledgeConstructor.vue
new file mode 100644
index 00000000000..d9fe7c096e6
--- /dev/null
+++ b/ui/src/components/dynamics-form/constructor/items/KnowledgeConstructor.vue
@@ -0,0 +1,147 @@
+<template>
+  <el-form-item
+    :label="$t('dynamicsForm.Knowledge.label', '可选知识库')"
+    prop="knowledge_list"
+    :rules="[{ message: '请至少选择一个可选知识库', type: 'array', min: 1 }]"
+  >
+    <template #label>
+      <div
+        class="flex-between mb-12 cursor"
+        @click="collapseData.optional_knowledge = !collapseData.optional_knowledge"
+      >
+        <div class="flex align-center">
+          <el-icon
+            class="mr-8 arrow-icon"
+            :class="collapseData.optional_knowledge ? 'rotate-90' : ''"
+          >
+            <CaretRight />
+          </el-icon>
+          <span class="lighter">可选知识库</span>
+          <span class="ml-4" v-if="formValue.knowledge_list?.length"
+            >({{ formValue.knowledge_list.length }})</span
+          >
+        </div>
+        <div>
+          <el-button type="primary" link @click.stop="openAddKnowledgeDialog">
+            <AppIcon iconName="app-add-outlined"></AppIcon>
+          </el-button>
+        </div>
+      </div>
+    </template>
+    <div class="w-full" v-if="collapseData.optional_knowledge">
+      <el-text type="info" v-if="formValue.knowledge_list?.length === 0">
+        请选择关联的知识库
+      </el-text>
+      <div v-else>
+        <template v-for="(item, index) in formValue.knowledge_list" :key="item.id">
+          <div class="flex-between border border-r-6 white-bg mb-4" style="padding: 5px 8px">
+            <div class="flex align-center" style="width: 80%">
+              <KnowledgeIcon :type="item.type" class="mr-8" :size="20" />
+
+              <span class="ellipsis cursor" :title="item.name"> {{ item.name }}</span>
+            </div>
+            <el-button text @click="removeKnowledge(item.id)">
+              <el-icon><Close /></el-icon>
+            </el-button>
+          </div>
+        </template>
+      </div>
+    </div>
+  </el-form-item>
+  <el-form-item
+    :label="$t('dynamicsForm.Knowledge.defaultLabel', '默认知识库')"
+    prop="default_value"
+    required
+    :rules="[{ message: '请选择默认知识库', type: 'array', min: 1 }]"
+  >
+    <div class="w-full" v-if="formValue.knowledge_list?.length > 0">
+      <Knowledge
+        v-model="formValue.default_value"
+        :form-field="{ attrs: { knowledge_list: formValue.knowledge_list } } as any"
+      />
+    </div>
+  </el-form-item>
+  <AddKnowledgeDialog
+    ref="AddKnowledgeDialogRef"
+    @addData="addKnowledge"
+    :data="formValue.knowledge_list"
+    :loading="knowledgeLoading"
+  />
+</template>
+<script setup lang="ts">
+import { computed, reactive, ref } from 'vue'
+import AddKnowledgeDialog from '@/views/application/component/AddKnowledgeDialog.vue'
+import Knowledge from '../../items/Knowledge/Knowledge.vue'
+
+const props = defineProps<{
+  modelValue: any
+}>()
+
+const emit = defineEmits(['update:modelValue'])
+
+const collapseData = reactive({
+  optional_knowledge: true,
+})
+const knowledgeLoading = ref(false)
+
+const formValue = computed({
+  set: (item: any) => {
+    emit('update:modelValue', item)
+  },
+  get: () => {
+    return props.modelValue || { knowledge_list: [], default_value: [] }
+  },
+})
+
+const getData = () => {
+  const knowledgeItemList = (formValue.value.knowledge_list || []).map((k: any) => {
+    return {
+      id: k.id,
+      name: k.name,
+      type: k.type,
+    }
+  })
+
+  return {
+    input_type: 'Knowledge',
+    default_value: formValue.value.default_value || [],
+    attrs: {
+      knowledge_list: knowledgeItemList,
+    },
+  }
+}
+
+const rander = (form_data: any) => {
+  formValue.value.default_value = form_data.default_value || []
+  formValue.value.knowledge_list = form_data.attrs?.knowledge_list || []
+}
+
+defineExpose({ getData, rander })
+
+const AddKnowledgeDialogRef = ref<InstanceType<typeof AddKnowledgeDialog>>()
+
+function openAddKnowledgeDialog() {
+  const ids = formValue.value.knowledge_list?.map((k: any) => k.id) || []
+  AddKnowledgeDialogRef.value?.open(ids)
+}
+
+function addKnowledge(data: any[]) {
+  formValue.value.knowledge_list = data
+  if (formValue.value.default_value) {
+    const currentIds = data.map((k: any) => k.id)
+    formValue.value.default_value = formValue.value.default_value.filter((id: string) =>
+      currentIds.includes(id),
+    )
+  }
+}
+
+function removeKnowledge(id: string) {
+  formValue.value.knowledge_list = formValue.value.knowledge_list.filter((k: any) => k.id !== id)
+  if (formValue.value.default_value) {
+    formValue.value.default_value = formValue.value.default_value.filter(
+      (k_id: string) => k_id !== id,
+    )
+  }
+}
+</script>
+<style lang="scss" scoped></style>
diff --git a/ui/src/components/dynamics-form/index.vue b/ui/src/components/dynamics-form/index.vue
index 473f4c08de8..8a41683ea9b 100644
--- a/ui/src/components/dynamics-form/index.vue
+++ b/ui/src/components/dynamics-form/index.vue
@@ -215,7 +215,6 @@ const render = (
     | (() => Promise<Result<Array<FormField>>>),
   data?: Dict<any>,
 ) => {
-  console.log(data, '-----')
   formFieldList.value = []
   nextTick(() => {
     if (typeof render_data == 'string') {
@@ -247,7 +246,6 @@ const render = (
 }
 const getFormDefaultValue = (fieldList: Array<any>, form_data?: any) => {
   form_data = form_data ? form_data : {}
-  console.log(form_data)
   const value = fieldList
     .map((item) => {
       if (form_data[item.field] !== undefined) {
@@ -276,7 +274,6 @@ const getFormDefaultValue = (fieldList: Array<any>, form_data?: any) => {
       return {}
     })
     .reduce((x, y) => ({ ...x, ...y }), {})
-  console.log(value)
   return value
 }
 /**
diff --git a/ui/src/components/dynamics-form/items/Knowledge/Knowledge.vue b/ui/src/components/dynamics-form/items/Knowledge/Knowledge.vue
new file mode 100644
index 00000000000..9ce9e130a46
--- /dev/null
+++ b/ui/src/components/dynamics-form/items/Knowledge/Knowledge.vue
@@ -0,0 +1,75 @@
+<template>
+  <div class="w-full">
+    <el-select
+      v-model="selectedIds"
+      multiple
+      class="w-full"
+      :placeholder="$t('dynamicsForm.Knowledge.placeholder', '请选择知识库')"
+    >
+      <el-option v-for="item in availableList" :key="item.id" :label="item.name" :value="item.id">
+        <div class="flex align-center">
+          <KnowledgeIcon :type="item.type" class="mr-8" :size="20" />
+          <span>{{ item.name }}</span>
+        </div>
+      </el-option>
+      <template #tag>
+        <el-tag
+          v-for="item in selectedItems"
+          :key="item.id"
+          closable
+          type="info"
+          @close="removeItem(item.id)"
+          style="margin-right: 4px"
+        >
+          <div class="flex align-center">
+            <KnowledgeIcon :type="item.type" class="mr-4" :size="16" />
+            <span>{{ item.name }}</span>
+          </div>
+        </el-tag>
+      </template>
+    </el-select>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue'
+import type { FormField } from '../../type'
+
+const props = withDefaults(
+  defineProps<{
+    modelValue?: string[]
+    formField: FormField
+  }>(),
+  { modelValue: () => [] },
+)
+
+const emit = defineEmits(['update:modelValue', 'change'])
+
+const model_value = computed({
+  get: () => props.modelValue || [],
+  set: (value: string[]) => {
+    emit('update:modelValue', value)
+    emit('change', props.formField)
+  },
+})
+
+const availableList = computed(() => {
+  return (props.formField.attrs?.knowledge_list as any[]) || []
+})
+
+const selectedItems = computed(() => {
+  return availableList.value.filter((k: any) => selectedIds.value.includes(k.id))
+})
+
+const selectedIds = computed({
+  get: () => model_value.value || [],
+  set: (ids: string[]) => {
+    model_value.value = ids
+  },
+})
+
+function removeItem(id: string) {
+  model_value.value = model_value.value.filter((item_id: string) => item_id !== id)
+}
+</script>
+<style lang="scss" scoped></style>
diff --git a/ui/src/locales/lang/en-US/dynamics-form.ts b/ui/src/locales/lang/en-US/dynamics-form.ts
index b9b4be26086..006060eb588 100644
--- a/ui/src/locales/lang/en-US/dynamics-form.ts
+++ b/ui/src/locales/lang/en-US/dynamics-form.ts
@@ -14,6 +14,7 @@ export default {
     TextareaInput: 'Multiline Input',
     MultiRow: 'Multi Row',
     Model: 'Model',
+    Knowledge: 'Knowledge',
   },
   default: {
     label: 'Default',
diff --git a/ui/src/locales/lang/zh-CN/dynamics-form.ts b/ui/src/locales/lang/zh-CN/dynamics-form.ts
index 6c1d19e6aac..64e8ab35226 100644
--- a/ui/src/locales/lang/zh-CN/dynamics-form.ts
+++ b/ui/src/locales/lang/zh-CN/dynamics-form.ts
@@ -14,6 +14,7 @@ export default {
     TextareaInput: '多行文本框',
     MultiRow: '单行多选卡',
     Model: '模型',
+    Knowledge: '知识库',
   },
   default: {
     label: '默认值',
diff --git a/ui/src/locales/lang/zh-Hant/dynamics-form.ts b/ui/src/locales/lang/zh-Hant/dynamics-form.ts
index 09eb5dd1557..3bdd59aec14 100644
--- a/ui/src/locales/lang/zh-Hant/dynamics-form.ts
+++ b/ui/src/locales/lang/zh-Hant/dynamics-form.ts
@@ -14,6 +14,7 @@ export default {
     TextareaInput: '多行文字框',
     MultiRow: '單行多選卡',
     Model: '模型',
+    Knowledge: '知識庫',
   },
   default: {
     label: '預設值',
diff --git a/ui/src/views/application/ApplicationSetting.vue b/ui/src/views/application/ApplicationSetting.vue
index 466116097c1..4d7400070c2 100644
--- a/ui/src/views/application/ApplicationSetting.vue
+++ b/ui/src/views/application/ApplicationSetting.vue
@@ -502,7 +502,10 @@
 
                   <!-- 技能   -->
                   <div v-if="toolPermissionPrecise.read()">
-                    <div class="flex-between mb-8" @click="collapseData.skill = !collapseData.skill">
+                    <div
+                      class="flex-between mb-8"
+                      @click="collapseData.skill = !collapseData.skill"
+                    >
                       <div class="flex align-center lighter cursor">
                         <el-icon
                           class="mr-8 arrow-icon"
@@ -535,7 +538,10 @@
                         collapseData.skill
                       "
                     >
-                      <template v-for="(item, index) in applicationForm.skill_tool_ids" :key="index">
+                      <template
+                        v-for="(item, index) in applicationForm.skill_tool_ids"
+                        :key="index"
+                      >
                         <div
                           v-if="relatedObject(skillToolSelectOptions, item, 'id')"
                           class="flex-between border border-r-6 white-bg mb-4"
@@ -550,7 +556,9 @@
                               class="mr-8"
                             >
                               <img
-                                :src="resetUrl(relatedObject(skillToolSelectOptions, item, 'id')?.icon)"
+                                :src="
+                                  resetUrl(relatedObject(skillToolSelectOptions, item, 'id')?.icon)
+                                "
                                 alt=""
                               />
                             </el-avatar>
@@ -809,8 +817,6 @@
                     </el-button>
                   </div>
                 </el-form-item>
-
-
               </el-form>
             </el-scrollbar>
           </div>
@@ -846,8 +852,8 @@
       @refresh="submitReasoningDialog"
     />
     <McpServersDialog ref="mcpServersDialogRef" @refresh="submitMcpServersDialog" />
-    <ToolDialog ref="toolDialogRef" @refresh="submitToolDialog" tool_type="CUSTOM"/>
-    <ToolDialog ref="skillToolDialogRef" @refresh="submitSkillToolDialog" tool_type="SKILL"/>
+    <ToolDialog ref="toolDialogRef" @refresh="submitToolDialog" tool_type="CUSTOM" />
+    <ToolDialog ref="skillToolDialogRef" @refresh="submitSkillToolDialog" tool_type="SKILL" />
     <ApplicationDialog ref="applicationDialogRef" @refresh="submitApplicationDialog" />
   </div>
 </template>
@@ -988,7 +994,6 @@ const knowledgeList = ref<Array<any>>([])
 const sttModelOptions = ref<any>(null)
 const ttsModelOptions = ref<any>(null)
 
-
 function submitPrologueDialog(val: string) {
   applicationForm.value.prologue = val
 }
diff --git a/ui/src/workflow/nodes/base-node/component/UserFieldFormDialog.vue b/ui/src/workflow/nodes/base-node/component/UserFieldFormDialog.vue
index 02cad222af8..b3f3e29f6d8 100644
--- a/ui/src/workflow/nodes/base-node/component/UserFieldFormDialog.vue
+++ b/ui/src/workflow/nodes/base-node/component/UserFieldFormDialog.vue
@@ -134,6 +134,7 @@ const inputTypeList = ref([
   { label: t('dynamicsForm.input_type_list.TextareaInput'), value: 'TextareaInputConstructor' },
   { label: t('dynamicsForm.input_type_list.MultiRow'), value: 'MultiRowConstructor' },
   { label: t('dynamicsForm.input_type_list.Model'), value: 'ModelConstructor' },
+  { label: t('dynamicsForm.input_type_list.Knowledge'), value: 'KnowledgeConstructor' },
 ])
 
 const dialogVisible = ref<boolean>(false)