diff --git a/web/app/components/plugins/permission-setting-modal/modal.tsx b/web/app/components/plugins/permission-setting-modal/modal.tsx
index 4c59bdc0ca..67fed1ad0c 100644
--- a/web/app/components/plugins/permission-setting-modal/modal.tsx
+++ b/web/app/components/plugins/permission-setting-modal/modal.tsx
@@ -49,7 +49,7 @@ const PluginSettingModal: FC<Props> = ({
         </div>
         <div className='flex px-6 py-3 flex-col justify-center items-start gap-4 self-stretch'>
           {[
-            { title: t(`${i18nPrefix}.whoCanInstall`), key: 'canInstall', value: tempPrivilege.canInstall },
+            { title: t(`${i18nPrefix}.whoCanInstall`), key: 'canManagement', value: tempPrivilege.canManagement },
             { title: t(`${i18nPrefix}.whoCanDebug`), key: 'canDebugger', value: tempPrivilege.canDebugger },
           ].map(({ title, key, value }) => (
             <div key={key} className='flex flex-col items-start gap-1 self-stretch'>
diff --git a/web/app/components/plugins/plugin-page/context.tsx b/web/app/components/plugins/plugin-page/context.tsx
index edf0591f81..3d714f8aa0 100644
--- a/web/app/components/plugins/plugin-page/context.tsx
+++ b/web/app/components/plugins/plugin-page/context.tsx
@@ -22,7 +22,7 @@ export type PluginPageContextValue = {
 export const PluginPageContext = createContext<PluginPageContextValue>({
   containerRef: { current: null },
   permissions: {
-    canInstall: PermissionType.noOne,
+    canManagement: PermissionType.noOne,
     canDebugger: PermissionType.noOne,
   },
   setPermissions: () => { },
@@ -41,7 +41,7 @@ export const PluginPageContextProvider = ({
 }: PluginPageContextProviderProps) => {
   const containerRef = useRef<HTMLDivElement>(null)
   const [permissions, setPermissions] = useState<PluginPageContextValue['permissions']>({
-    canInstall: PermissionType.noOne,
+    canManagement: PermissionType.noOne,
     canDebugger: PermissionType.noOne,
   })
 
diff --git a/web/app/components/plugins/plugin-page/index.tsx b/web/app/components/plugins/plugin-page/index.tsx
index 3aee11c352..d51a0270f8 100644
--- a/web/app/components/plugins/plugin-page/index.tsx
+++ b/web/app/components/plugins/plugin-page/index.tsx
@@ -36,7 +36,7 @@ const PluginPage = ({
 }: PluginPageProps) => {
   const { t } = useTranslation()
   const {
-    canInstall,
+    canManagement,
     canDebugger,
     canSetPermissions,
     permissions,
@@ -88,7 +88,7 @@ const PluginPage = ({
             />
           </div>
           <div className='flex flex-shrink-0 items-center gap-1'>
-            {canInstall && (
+            {canManagement && (
               <InstallPluginDropdown />
             )}
             {
diff --git a/web/app/components/plugins/plugin-page/use-permission.ts b/web/app/components/plugins/plugin-page/use-permission.ts
index 583839be94..fe3f64531b 100644
--- a/web/app/components/plugins/plugin-page/use-permission.ts
+++ b/web/app/components/plugins/plugin-page/use-permission.ts
@@ -23,12 +23,12 @@ const usePermission = () => {
   useEffect(() => {
     // TODO: fetch permissions from server
     setPermissions({
-      canInstall: PermissionType.everyone,
+      canManagement: PermissionType.everyone,
       canDebugger: PermissionType.everyone,
     })
   }, [])
   return {
-    canInstall: hasPermission(permissions.canInstall, isAdmin),
+    canManagement: hasPermission(permissions.canManagement, isAdmin),
     canDebugger: hasPermission(permissions.canDebugger, isAdmin),
     canSetPermissions: isAdmin,
     permissions,
diff --git a/web/app/components/plugins/types.ts b/web/app/components/plugins/types.ts
index d5b5098ab7..a14f7825da 100644
--- a/web/app/components/plugins/types.ts
+++ b/web/app/components/plugins/types.ts
@@ -33,6 +33,6 @@ export enum PermissionType {
 }
 
 export type Permissions = {
-  canInstall: PermissionType
+  canManagement: PermissionType
   canDebugger: PermissionType
 }