diff --git a/web/app/components/plugins/plugin-page/index.tsx b/web/app/components/plugins/plugin-page/index.tsx
index 7e17459b33..4c7de28f17 100644
--- a/web/app/components/plugins/plugin-page/index.tsx
+++ b/web/app/components/plugins/plugin-page/index.tsx
@@ -24,7 +24,7 @@ import Button from '@/app/components/base/button'
 import TabSlider from '@/app/components/base/tab-slider'
 import Tooltip from '@/app/components/base/tooltip'
 import cn from '@/utils/classnames'
-import PermissionSetModal from '@/app/components/plugins/permission-setting-modal/modal'
+import ReferenceSettingModal from '@/app/components/plugins/reference-setting-modal/modal'
 import InstallFromMarketplace from '../install-plugin/install-from-marketplace'
 import {
   useRouter,
@@ -130,7 +130,7 @@ const PluginPage = ({
   const [showPluginSettingModal, {
     setTrue: setShowPluginSettingModal,
     setFalse: setHidePluginSettingModal,
-  }] = useBoolean()
+  }] = useBoolean(true)
   const [currentFile, setCurrentFile] = useState<File | null>(null)
   const containerRef = usePluginPageContext(v => v.containerRef)
   const options = usePluginPageContext(v => v.options)
@@ -276,7 +276,7 @@ const PluginPage = ({
       }
 
       {showPluginSettingModal && (
-        <PermissionSetModal
+        <ReferenceSettingModal
           payload={permissions!}
           onHide={setHidePluginSettingModal}
           onSave={setPermissions}
diff --git a/web/app/components/plugins/reference-setting-modal/auto-update-setting/config.ts b/web/app/components/plugins/reference-setting-modal/auto-update-setting/config.ts
new file mode 100644
index 0000000000..084dfc9731
--- /dev/null
+++ b/web/app/components/plugins/reference-setting-modal/auto-update-setting/config.ts
@@ -0,0 +1,9 @@
+import type { AutoUpdateConfig } from './types'
+import { AUTO_UPDATE_MODE, AUTO_UPDATE_STRATEGY } from './types'
+export const defaultValue: AutoUpdateConfig = {
+  strategy_setting: AUTO_UPDATE_STRATEGY.disabled,
+  upgrade_time_of_day: 0,
+  upgrade_mode: AUTO_UPDATE_MODE.update_all,
+  exclude_plugins: [],
+  include_plugins: [],
+}
diff --git a/web/app/components/plugins/reference-setting-modal/auto-update-setting/index.tsx b/web/app/components/plugins/reference-setting-modal/auto-update-setting/index.tsx
new file mode 100644
index 0000000000..7c7b524d7f
--- /dev/null
+++ b/web/app/components/plugins/reference-setting-modal/auto-update-setting/index.tsx
@@ -0,0 +1,19 @@
+'use client'
+import type { FC } from 'react'
+import React from 'react'
+import type { AutoUpdateConfig } from './types'
+
+type Props = {
+  payload: AutoUpdateConfig
+}
+
+const AutoUpdateSetting: FC<Props> = ({
+  payload,
+}) => {
+  console.log(payload)
+  return (
+    <div>
+    </div>
+  )
+}
+export default React.memo(AutoUpdateSetting)
diff --git a/web/app/components/plugins/reference-setting-modal/auto-update-setting/types.ts b/web/app/components/plugins/reference-setting-modal/auto-update-setting/types.ts
new file mode 100644
index 0000000000..c48a67140a
--- /dev/null
+++ b/web/app/components/plugins/reference-setting-modal/auto-update-setting/types.ts
@@ -0,0 +1,19 @@
+export enum AUTO_UPDATE_STRATEGY {
+  fixOnly = 'fix_only',
+  disabled = 'disabled',
+  latest = 'latest',
+}
+
+export enum AUTO_UPDATE_MODE {
+  partial = 'partial',
+  exclude = 'exclude',
+  update_all = 'update_all',
+}
+
+export type AutoUpdateConfig = {
+  strategy_setting: AUTO_UPDATE_STRATEGY
+  upgrade_time_of_day: number
+  upgrade_mode: AUTO_UPDATE_MODE
+  exclude_plugins: string[]
+  include_plugins: string[]
+}
diff --git a/web/app/components/plugins/permission-setting-modal/modal.tsx b/web/app/components/plugins/reference-setting-modal/modal.tsx
similarity index 96%
rename from web/app/components/plugins/permission-setting-modal/modal.tsx
rename to web/app/components/plugins/reference-setting-modal/modal.tsx
index 6fd4d8c2dc..1c45820e8e 100644
--- a/web/app/components/plugins/permission-setting-modal/modal.tsx
+++ b/web/app/components/plugins/reference-setting-modal/modal.tsx
@@ -7,10 +7,11 @@ import OptionCard from '@/app/components/workflow/nodes/_base/components/option-
 import Button from '@/app/components/base/button'
 import type { Permissions } from '@/app/components/plugins/types'
 import { PermissionType } from '@/app/components/plugins/types'
+import type { AutoUpdateConfig } from './auto-update-setting/types'
 
 const i18nPrefix = 'plugin.privilege'
 type Props = {
-  payload: Permissions
+  payload: Permissions & { autoUpdate: AutoUpdateConfig }
   onHide: () => void
   onSave: (payload: Permissions) => void
 }
diff --git a/web/app/components/plugins/permission-setting-modal/style.module.css b/web/app/components/plugins/reference-setting-modal/style.module.css
similarity index 100%
rename from web/app/components/plugins/permission-setting-modal/style.module.css
rename to web/app/components/plugins/reference-setting-modal/style.module.css