diff --git a/web/app/(commonLayout)/plugins/test/card/actions.ts b/web/app/(commonLayout)/plugins/test/card/actions.ts
deleted file mode 100644
index 799d6ee8db..0000000000
--- a/web/app/(commonLayout)/plugins/test/card/actions.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-'use server'
-
-import { revalidatePath } from 'next/cache'
-
-// Server Actions
-export async function handleDelete() {
-  // revalidatePath only invalidates the cache when the included path is next visited.
-  revalidatePath('/')
-}
-
-export async function fetchPluginDetail(org: string, name: string) {
-  // Fetch plugin detail TODO
-  return { org, name }
-}
diff --git a/web/app/(commonLayout)/plugins/test/card/page.tsx b/web/app/(commonLayout)/plugins/test/card/page.tsx
deleted file mode 100644
index 86e0da56bf..0000000000
--- a/web/app/(commonLayout)/plugins/test/card/page.tsx
+++ /dev/null
@@ -1,118 +0,0 @@
-'use client'
-import Card from '@/app/components/plugins/card'
-import { customTool, extensionDallE, modelGPT4, toolNotion } from '@/app/components/plugins/card/card-mock'
-// import PluginItem from '@/app/components/plugins/plugin-item'
-import CardMoreInfo from '@/app/components/plugins/card/card-more-info'
-// import ProviderCard from '@/app/components/plugins/provider-card'
-import Badge from '@/app/components/base/badge'
-import InstallBundle from '@/app/components/plugins/install-plugin/install-bundle'
-import { useBoolean } from 'ahooks'
-import LoadingError from '@/app/components/plugins/install-plugin/base/loading-error'
-
-const PluginList = () => {
-  const pluginList = [toolNotion, extensionDallE, modelGPT4, customTool]
-  const [isShow, {
-    setFalse: hide,
-  }] = useBoolean(true)
-
-  return (
-    <div className='pb-3 bg-white'>
-      <LoadingError />
-      {isShow && (
-        <InstallBundle
-          onClose={hide}
-          fromDSLPayload={[
-            // {
-            //   type: 'marketplace',
-            //   value: {
-            //     plugin_unique_identifier: 'langgenius/google:0.0.2@dcb354c9d0fee60e6e9c9eb996e1e485bbef343ba8cd545c0cfb3ec80970f6f1',
-            //   },
-            // },
-            {
-              type: 'github',
-              value: {
-                repo: 'YIXIAO0/test',
-                version: '1.11.5',
-                package: 'test.difypkg',
-                github_plugin_unique_identifier: 'yixiao0/test:0.0.1@3592166c87afcf944b4f13f27467a5c8f9e00bd349cb42033a072734a37431b4',
-              },
-            },
-            // {
-            //   type: 'github',
-            //   value: {
-            //     package: 'dify-test.difypkg',
-            //     repo: 'WTW0313/dify-test',
-            //     release: '0.0.5-beta.2',
-            //     github_plugin_unique_identifier: 'wtw0313/dify-test:0.0.1@1633daa043b47155d4228e2db7734245fd6d3e20ba812e5c02ce69fc1e3038f4',
-            //   },
-            // },
-            // {
-            //   type: 'marketplace',
-            //   value: {
-            //     plugin_unique_identifier: 'langgenius/openai:0.0.2@7baee9635a07573ea192621ebfdacb39db466fa691e75255beaf48bf41d44375',
-            //   },
-            // },
-          ]} />
-      )
-      }
-      <div className='mx-3 '>
-        {/* <h2 className='my-3'>Dify Plugin list</h2> */}
-        {/* <div className='grid grid-cols-2 gap-3'>
-          {pluginList.map((plugin, index) => (
-            <PluginItem
-              key={index}
-              payload={plugin as any}
-              onDelete={handleDelete}
-            />
-          ))}
-        </div> */}
-
-        <h2 className='my-3'>Install Plugin / Package under bundle</h2>
-        <div className='w-[512px] rounded-2xl bg-background-section-burn p-2'>
-          <Card
-            payload={toolNotion as any}
-            descriptionLineRows={1}
-            titleLeft={
-              <Badge className='ml-1' text={toolNotion.version} />
-            }
-          />
-        </div>
-        {/* <h3 className='my-1'>Installed</h3>
-        <div className='w-[512px] rounded-2xl bg-background-section-burn p-2'>
-          <Card
-            payload={toolNotion as any}
-            descriptionLineRows={1}
-            installed
-          />
-        </div> */}
-
-        {/* <h3 className='my-1'>Install model provide</h3>
-        <div className='grid grid-cols-2 gap-3'>
-          {pluginList.map((plugin, index) => (
-            <ProviderCard key={index} payload={plugin as any} />
-          ))}
-        </div> */}
-
-        <div className='my-3 h-[px] bg-gray-50'></div>
-        <h2 className='my-3'>Marketplace Plugin list</h2>
-        <div className='grid grid-cols-4 gap-3'>
-          {pluginList.map((plugin, index) => (
-            <Card
-              key={index}
-              payload={plugin as any}
-              footer={
-                <CardMoreInfo downloadCount={index % 2 === 0 ? 1234 : 6} tags={index % 2 === 0 ? ['Search', 'Tag that has very very long name', 'Productivity', 'Tag2'] : []} />
-              }
-            />
-          ))}
-        </div>
-      </div>
-    </div>
-  )
-}
-
-// export const metadata = {
-//   title: 'Plugins - Card',
-// }
-
-export default PluginList
diff --git a/web/app/(commonLayout)/plugins/test/tools-picker/page.tsx b/web/app/(commonLayout)/plugins/test/tools-picker/page.tsx
deleted file mode 100644
index 0b6242a42e..0000000000
--- a/web/app/(commonLayout)/plugins/test/tools-picker/page.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-'use client'
-import React from 'react'
-import ToolPicker from '@/app/components/workflow/block-selector/tool-picker'
-
-const ToolsPicker = () => {
-  const [show, setShow] = React.useState(true)
-  return (
-    <div className=' mt-10 ml-10'>
-      <ToolPicker
-        trigger={<div className='inline-block w-[70px]'>Click me</div>}
-        isShow={show}
-        onShowChange={setShow}
-        disabled={false}
-        supportAddCustomTool={true}
-        onSelect={() => { }}
-      />
-    </div>
-
-  )
-}
-
-export default ToolsPicker
diff --git a/web/app/(commonLayout)/plugins/test/update/page.tsx b/web/app/(commonLayout)/plugins/test/update/page.tsx
deleted file mode 100644
index 9d78b45979..0000000000
--- a/web/app/(commonLayout)/plugins/test/update/page.tsx
+++ /dev/null
@@ -1,67 +0,0 @@
-'use client'
-import { toolNeko } from '@/app/components/plugins/card/card-mock'
-import { PluginSource } from '@/app/components/plugins/types'
-import { useModalContext } from '@/context/modal-context'
-import React from 'react'
-
-const UpdatePlugin = () => {
-  const { setShowUpdatePluginModal } = useModalContext()
-  const handleUpdateFromMarketPlace = () => {
-    setShowUpdatePluginModal({
-      payload: {
-        type: PluginSource.marketplace,
-        marketPlace: {
-          originalPackageInfo: {
-            id: 'langgenius/neko:0.0.1@9e57d693739287c0efdc96847d7ed959ca93f70aa704471f2eb7ed3313821824',
-            payload: toolNeko as any,
-          },
-          targetPackageInfo: {
-            id: 'target_xxx',
-            version: '1.2.3',
-          },
-        },
-      },
-      onCancelCallback: () => {
-        console.log('canceled')
-      },
-      onSaveCallback: () => {
-        console.log('saved')
-      },
-    })
-  }
-  const handleUpdateFromGithub = () => {
-    setShowUpdatePluginModal({
-      payload: {
-        type: PluginSource.github,
-        github: {
-          originalPackageInfo: {
-            id: '111',
-            repo: 'aaa/bbb',
-            version: 'xxx',
-            url: 'aaa/bbb',
-            currVersion: '1.2.3',
-            currPackage: 'pack1',
-          } as any,
-        },
-      },
-      onCancelCallback: () => {
-        console.log('canceled')
-      },
-      onSaveCallback: () => {
-        console.log('saved')
-      },
-    })
-  }
-
-  return (
-    <div>
-      <div>更新组件</div>
-      <div className='flex space-x-1'>
-        <div className='underline cursor-pointer' onClick={handleUpdateFromMarketPlace}>从 Marketplace</div>
-        <div className='underline cursor-pointer' onClick={handleUpdateFromGithub}>从 GitHub</div>
-      </div>
-    </div>
-  )
-}
-
-export default React.memo(UpdatePlugin)